/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

html {
	background:  #091235;
}

body {
  padding-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
	letter-spacing: 0.05rem;
	background:  #D6AD60;
}

main {
	background:  #091235;
/*background-image: url("../images/ch3_columns_2.webp");
background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; */
}

h1, h2, h3 {
	font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.displayBook {
	font-family: "halyard-display", sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.05rem;
}

.textBook {
	font-family: "halyard-text", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05rem;
}

.displayMed {
	font-family: "halyard-display", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.05rem;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


ul.contact  {
	list-style: none;
	padding: 0;
}

ul.contact li a {
	color: #212529;
	opacity: 0.8;
	text-decoration: none;
}

#team img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

footer span {
	color: white;
	font-weight: 300;
}

/*footer {
	position: fixed;
  left: 5%;
  bottom: 0;
  width: 90%;
}*/






/* NAV 
------------------------------------------------- */
.navbar {
	padding: 1rem 1rem;
}

.navbar-brand {
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color:  white;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link {
	color:  white;
}

.nav-pills .nav-link.active {
	background-color: #C8995E;
	--bs-btn-border-color: #C8995E;
}

.navbar-toggler {
	color:  white;
}

.nav-link {
/*	color: #324056;*/
  font-weight: 300;
  font-style: normal;
	color: #091235;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all 0.3s ease-in-out;
}

a.nav-link:hover {
	color: white;
	border-bottom: 1px solid white;
}

#related {
/*	border: 3px solid rgba(149,168,188,0.4);*/
/*	 border-radius: 10px;*/
/*box-shadow: 2px 5px 5px #95A8BC;*/
}


.blackBg {
	background-color:  black;
}

.text-body-secondary {
	color:  whitesmoke !important;
}

.goldBg {
	background-color: #D6AD60;;
}

.royalBg {
	background-color: #091235;
}


.featurette-heading {
	color:  white;
}

.lead {
/*	color:  #324056;*/
	color: #212529;
	/*background: rgba(0,0,0,0.5);*/
	/*background-image: linear-gradient(to top, black , transparent);*/
/*	border-top:  1px solid white;*/
	padding: 2%;
/*	font-family: "Tajawal", sans-serif;*/
	font-size:  1.25rem;
/*	border-top:  1px solid #c8995e;*/
/*	border-bottom:  1px solid #c8995e;*/
	width: 100%;
	font-style: italic;
}

.intro {
	list-style:  none;
	padding: 2%;
	
}

ul.intro li {
	margin-top:  2%;
	color: #324056;
}

.darkBlue {
	color: #324056;
}

.btn-primary {
	background-color: #C8995E;
	--bs-btn-border-color: #C8995E;
}

#team .btn-primary {
	background-color: #95A8BC;
	--bs-btn-border-color: #95A8BC;
}

.btn-primary:hover {
	background-color:  #324056;
	--bs-btn-border-color:#324056;
}

a img {
    transition: opacity 0.3s ease-in-out;
}

a img:hover {
    opacity: 0.6;
}

.text-body-emphasis {
	color:  #091235 !important;
}

.dbrwn {
	color:  #1C0000;
}

p.lead.lost {
	border-top:  0px;
}

.deets {
	background:  black;
	padding:  2%;
	color:  white;
}

.still1 {
	background-image: url("../images/columns.png");
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%;
	height: 500px;
  /*filter: saturate(0.25);*/
}


.bg-black {
	background-color:  black;
}

.logoW {
	width: 80%;
	margin: 0 auto;
}

.shadow-lg {
	box-shadow: 0 0.5rem 2rem rgba(50,64,86,0.2) !important;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

.card {
  border: none; 
  /*border-radius: 10px; 
  box-shadow: 0 4px 20px rgba(0,0,0,0.5); */
  background: transparent;
}

.card-body {
	border: 1px solid #091235;
}

.card-img-top {
  border-radius: 10px 10px 0 0; 
}

.card h6 {
	border-bottom: 1px solid #091235;
	padding-bottom: 10px;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media (min-width: 768px) {
  #mobileCarousel {
    display: none;
  }
  .carousel-item {
  transition: opacity 0.5s ease;
}
}


@media screen and (max-width: 768px) {
	.nav-link {
		font-size: 0.8rem;
		padding:  0.25rem;;
	}
	.mobC {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}
	.lead {
		font-size:  1.25rem;
	}
	#about .lead {
		font-weight:  400;
	}
	.still4 {
		height:  1400px;
	}
	.deets {
		margin-bottom:  5%;
	}
	.hide-mobile {
	    display: none !important;
	}
}