/* Model 1 */
@import url('../../structure/features/advanced-bio.css');
@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');


/*
==============================================
Bio contact section
==============================================
*/

.body-bio-alt-1 .bio-full-contact-section {
  background: rgba(57, 57, 57, 0.9);
}
.body-bio-alt-1 .bio-detail-designation {
  color: #ffffff;
}
.body-bio-alt-1 .bio-detail-first-name, .body-bio-alt-1 .bio-detail-middle-initial, .body-bio-alt-1 .bio-detail-last-name, .body-bio-alt-1 .bio-detail-preferred-name {
  font-family: 'Playfair Display', serif;
  color: #ffffff;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400;
}
.body-bio-alt-1 .bio-detail-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
}
.body-bio-alt-1 .bio-detail-links-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.body-bio-alt-1 .bio-content-main-copy, .body-bio-alt-1 .bio-detail-copy-wrapper.bio-alt-standard-only {
  line-height: 38px;
}
.body-bio-alt-1 .bio-detail-links-wrapper .fa {
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
}
.body-bio-alt-1 .bio-detail-links-wrapper .fa:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 5px;
}
.body-bio-alt-1 .bio-detail-email-link-as-text, .body-bio-alt-1 .bio-detail-phone-link-as-text {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.body-bio-alt-1 .bio-detail-email-link-as-text:hover, .body-bio-alt-1 .bio-detail-phone-link-as-text:hover {
  text-decoration: underline;
}

/*
==============================================
Media Carousel Dots to Outlines
==============================================
*/

.body-bio-alt-structure .slick-dots li.slick-active button:before {
  background: #393939;
}
.body-bio-alt-structure .slick-dots li button:before {
  color: #393939;
  font-size: 10px;
}
.body-bio-alt-structure .slick-dots li.slick-active button:before {
  color: black;
}
.body-bio-alt-structure .slick-dots li button:before {
  border: 2px solid #393939;
}
.body-bio-alt-structure .mc-container .slick-next:before, .body-bio-alt-structure .mc-container .slick-prev:before {
  color: #393939;
  font-size: 40px !important;
}

/*
==============================================
Bio accordion section
==============================================
*/

.body-bio-alt-1 .accord .accord-link-content, .body-bio-alt-1 .accord .accord-inner-link-content {
line-height: 38px !important;
}
.body-bio-alt-structure .accord-container {
padding: 25px 0px;
margin-top: 0px;
}

/*
==============================================
Bio2 image section smaller bio image
==============================================
*/

.body-bio-alt-2 .bio-photo-lg-section {
  background: #39393A;
}
.body-bio-alt-2 .bio-detail-headshot-wrapper img {
  border: 3px solid #ffffff;
}

/*
==============================================
Bio3 image section large bio image
==============================================
*/

.body-bio-alt-3 .bio-full-contact-section .bio-detail-links-as-text {
  background: #e9edf0;
}
.body-bio-alt-3 .bio-full-contact-section .bio-detail-email-link-as-text {
  color: #333333;
  font-size: 14px;
  line-height: 22px;
}
.body-bio-alt-3 .bio-full-contact-section .bio-detail-email-link-as-text:hover {
  color: #A35638;
}

/*
==============================================
Bio3 quote section
==============================================
*/

.bio-detail-quote-wrapper .bio-detail-quote-hr {
  display: none;
}
.body-bio-alt-3 .bio-detail-quote {
  font-family: 'Prata', serif;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 1px;
  color: #1b1b1b;
}
.body-bio-alt-3 .bio-detail-quote-cite {
  color: #1b1b1b;
  text-transform: uppercase;
  font-style: normal;
}

/*
==============================================
Bio3 name/designation/title section
==============================================
*/

.body-bio-alt-3 .bio-detail-first-name, .body-bio-alt-3 .bio-detail-middle-initial, .body-bio-alt-3 .bio-detail-last-name, .body-bio-alt-3 .bio-detail-preferred-name {
  color: #393939;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  line-height: 25px;
  font-weight: 400;
  text-transform: uppercase;
}
.body-bio-alt-3 .bio-detail-designation {
  color: #393939;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
.body-bio-alt-3 .bio-detail-title {
  background: #e9edf0;
  color: #333;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 5px;
}

/*
==============================================
Bio3 Video Billboard section
==============================================
*/
.body-bio-alt-3 .billboard-container {
  border-top: 9px solid #d27855;
  border-bottom: 9px solid #d27855;
}
.body-bio-alt-3 .bio-content-main-copy, .body-bio-alt-3 .bio-detail-copy-wrapper.bio-alt-standard-only {
  line-height: 38px;
}

/*
==============================================
Adv Bio Video Player
==============================================
*/
.body-bio-alt-structure .video-tile {
margin: 0 auto;
}
.body-bio-alt-structure .playkit-pre-playback-play-overlay .playkit-pre-playback-play-button {
background: var(--gray-dark) !important;
border: none;
}

/*
==============================================
Bio3 lower rich text section
==============================================
*/



/*
==============================================
Bio3 sticky social section
==============================================
*/

.body-bio-alt-3 .bio-social-sticky-wrap {
  background: #e9edf0;
  -webkit-box-shadow: 2px -9px 12px 1px rgba(0,0,0,0.13);
  -moz-box-shadow: 2px -9px 12px 1px rgba(0,0,0,0.13);
  box-shadow: 2px -9px 12px 1px rgba(0,0,0,0.13);
}
.body-bio-alt-3 .bio-detail-links-wrapper .fa {
  color: #ae5c3c !important;
}
.body-bio-alt-3 .bio-detail-links-wrapper .fa:hover {
  color: #1b1b1b !important;
}
.bio-detail-links-as-text .bio-detail-email-link-as-text, .bio-detail-links-as-text .bio-detail-phone-link-as-text {
  font-family: 'Roboto', sans-serif;
}
.body-bio-alt-3 .bio-detail-links-wrapper a {
  color: #A35638;
}
/*
==============================================
Bio carousel section shared
==============================================
*/

.body-bio-alt-structure .advanced-bio-carousel {
 background: #e9edf0;
}
.body-bio-alt-structure .advanced-bio-carousel .mc-heading {
  font-family: 'Playfair Display', serif;
  color: #393939;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.body-bio-alt-structure .advanced-bio-carousel .mc-copy {
  color: #000000;
}
.body-bio-alt-structure .advanced-bio-carousel .mc-cta {
  font-family: 'Playfair Display', serif;
  color: #A35638;
  line-height: 22px;
  font-weight: 300;
  border: none;
  text-transform: uppercase;
}
.body-bio-alt-structure .advanced-bio-carousel .mc-cta {
  padding: 0;
}
.body-bio-alt-structure .advanced-bio-carousel a:hover .mc-cta {
  letter-spacing: 2px;
  padding: 0;
}

/*
==============================================
Bio 4
==============================================
*/

.body-bio-alt-6 .bio-detail-headshot-wrapper img {
  border: 2px solid #1b1b1b;
}

/*
==============================================
Bio 5
==============================================
*/

.body-bio-alt-5 .bio-quote-section:before, .body-bio-alt-5 .bio-quote-section:after {
  display: none;
}

/*
==============================================
Bio 6
==============================================
*/

.body-bio-alt-6 .bio-detail-name-wrapper {
  border-top: 2px solid #f5f5f5;
}

/*
==============================================
Adv Bio Page FAQ
==============================================
*/
.body-bio-alt-structure .rt-qa {
padding: 20px 50px 50px;
border: 3px solid var(--gray-light);
/* background: var(--light); */
margin: 20px auto;
line-height: 28px;
}
.body-bio-alt-structure .rt-qa h2 {
font-size: 22px;
line-height: 24px;
text-align: center;
margin: 30px 0 40px;
padding: 0 0 10px;
text-transform: uppercase !important;
font-family: var(--font-2) !important;
font-weight: 400;
color: var(--medium) !important;
border-bottom: 1px solid var(--gray-medium);
}
.body-bio-alt-structure .rt-qa .rt-q {
color: var(--dark);
font-family: var(--font-2);
text-transform: none;
font-size: 18px;
line-height: 26px;
font-weight: 600;
display: block;
margin-top: 30px;
margin-bottom: 11px !important;
}
.body-bio-alt-structure .rt-qa .rt-a {
font-family: var(--font-1);
text-transform: none;
font-size: 16px;
line-height: 23px;
display: block;
margin-top: 10px;
margin-bottom: 11px !important;
}

/*
==============================================
Adv Bio Signature
==============================================
*/
.body-bio-alt-structure .adv-bio-signature {
font-family: "Carattere", cursive;
font-weight: 400;
font-style: normal;
margin: 0 auto;
font-size: 28px;
padding: 20px 20px 40px;
text-align: right;
}

/*
==============================================
Adv Bio Content Slider photos
==============================================
*/
.body-bio-alt-structure .bio-cs-gallery {
background: var(--gray-light);
border: 1px solid var(--gray-light);
margin: 20px auto;
}
.body-bio-alt-structure .bio-cs-gallery h2 {
font-size: 22px;
line-height: 24px;
text-align: center;
text-transform: uppercase !important;
font-family: var(--font-2) !important;
font-weight: 400;
color: var(--medium) !important;
border-bottom: 1px solid var(--gray-medium);
padding: 35px 50px 10px;
margin: 20px 50px 20px 50px;
}
@media only screen and (max-width: 480px) {
.body-bio-alt-structure .bio-cs-gallery h2 {
font-size: 16px;
line-height: normal;
padding: 35px 10px 10px;
margin: 20px 50px 0px 50px;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-wrapper .slick-arrow {
opacity: 1;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy-wrapper {
padding: 10px;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy {
padding-bottom: 15px;
font-size: 14px;
}
.body-bio-alt-structure .rt-qa {
padding: 20px 25px 50px;
}
.body-bio-alt-6 .bio-detail-headshot-wrapper {
padding: 40px 0 30px;
}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy-wrapper {
padding: 50px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy-wrapper {
padding: 50px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy-wrapper {
padding: 50px;
}
}

.body-bio-alt-structure .content-slider-wrapper .content-slider-heading {
color: var(--dark);
font-family: var(--font-2);
text-transform: none;
font-size: 18px;
line-height: 26px;
font-weight: 600;
display: block;
margin-top: 30px;
margin-bottom: 11px !important;
}
.body-bio-alt-structure .bio-cs-gallery .slick-next:before, 
.body-bio-alt-structure .bio-cs-gallery .slick-prev:before {
color: var(--gray-dark);
font-size: 40px !important;
}
.body-bio-alt-structure .bio-cs-gallery .slick-next:hover:before, 
.body-bio-alt-structure .bio-cs-gallery .slick-prev:hover:before {
color: var(--dark);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.body-bio-alt-structure .bio-cs-gallery .slick-dots {
bottom: 0px;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-copy {
padding-bottom: 55px;
font-size: 16px;
line-height: normal;
text-align: center;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-cta {
display: block;
height: 40px;
border: 2px solid #d27855;
margin: 10px auto 50px;
font-family: 'Playfair Display', serif !important;
color: #393939;
font-size: 15px;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
align-items: center;
justify-content: center;
overflow: hidden;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: none;
}
.body-bio-alt-structure .bio-cs-gallery .content-slider-image-wrapper {
margin-bottom: 30px;
}
.body-bio-alt-structure .bio-cs-gallery .slick-slide {
text-decoration: none;
color: var(--gray-dark);
}
.body-bio-alt-structure .bio-cs-gallery .slick-slide:hover {
text-decoration: none;
color: var(--gray-dark) !important;
}

/*
==============================================
Bio Disclosure Section
==============================================
*/


/*
==============================================
FOOTER SECTION
==============================================
*/
.body-bio-alt-structure .footer-section {
  position: relative;
  z-index: 10;
}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 896px) {

  .body-bio-alt-1 .bio-detail-first-name, .body-bio-alt-1 .bio-detail-middle-initial, .body-bio-alt-1 .bio-detail-last-name, .body-bio-alt-1 .bio-detail-preferred-name {
    font-size: 22px;
  }
  .bio-detail-last-name {
    line-height: 11px;
  }
  .body-bio-alt-1 .bio-detail-first-name, .body-bio-alt-1 .bio-detail-middle-initial, .body-bio-alt-1 .bio-detail-last-name, .body-bio-alt-1 .bio-detail-preferred-name {
    font-size: 22px;
  }
  /*
  ==============================================
  Bio3
  ==============================================
  */

  .body-bio-alt-3 .bio-detail-quote {
    font-family: 'Prata', serif;
    font-size: 22px;
    line-height: 27px;
  }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {

  .body-bio-alt-structure .advanced-bio-carousel {
    background: #e9edf0;
  }
  .body-bio-alt-1 .bio-full-contact-section {
    background: rgba(57, 57, 57, 1);
  }
  .body-bio-alt-3 .bio-quote-section {
    background: #e9edf0;
  }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

  .body-bio-alt-1 .bio-detail-first-name, .body-bio-alt-1 .bio-detail-middle-initial, .body-bio-alt-1 .bio-detail-last-name, .body-bio-alt-1 .bio-detail-preferred-name {
    font-size: 22px;
  }
}