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

body {
  padding-bottom: 3rem;
  font-family: "halyard-text", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05rem;
	background:  rgb(248,244,233);
}

main {
	background:  rgb(248,244,233);
/*background-image: url("../images/ch3_columns_2.webp");
background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; */
}

h1, h2, h3 {
	font-family: "halyard-display", sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.05rem;
/*	color: rgba(50,64,86,1);*/
color: #95A8BC;
}

.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;
}

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 {
	position: fixed;
  left: 5%;
  bottom: 0;
  width: 90%;
}*/

/* NAV 
------------------------------------------------- */

.sticky-top {
	background:  rgb(248,244,233);
}
.navbar {
	padding: 1rem 1rem;
}

.navbar-brand {
	font-family: "halyard-display", 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:  #692811;
}

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

.navbar-toggler {
	color:  white;
}

.nav-link {
/*	color: #324056;*/
	color: #212529;
}

a.nav-link:hover {
	color: #95A8BC;
}

#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: #c8995e;
}

.creamBg {
	background:  rgb(248,244,233);
}

.creamBg2 {
	background:  rgba(248,244,233,0.8);
}

.whiteBg {
	background: white;
}

.ltblueBg {
	background: #95A8BC;
}

span.skyblue {
	color: skyblue;
}

span.coral {
	color: coral;
}


.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;
}

.text-body-emphasis {
	color:  #95A8BC !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;
}

/* 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 screen and (max-width: 768px) {
	.nav-link {
		font-size: 0.85rem;
		padding:  0.5rem;;
	}
	.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%;
	}
	.logoW {
		width: 60%;
	}
	.hide-mobile {
	    display: none !important;
	}
}