.no-billboard .billboard-section{
    display: none;
}

.no-quote .quote-section{
    display: none;
}

.hide-cta .content-slider-cta-wrapper{
    display: none;
}

.thank-you-message{
    text-align: center;
    font-family: 'Abel', sans-serif;
    color: #787a7b;
    font-size: 25px;
    text-transform: uppercase;
    border-top: 2px solid #ab8336;
    padding: 30px;
    border-bottom: 2px solid #ab8336;
}

.video-section iframe{
    height: 520px !important;
}
/* Small iPhones */
@media only screen and (max-device-width: 736px) { 
    .video-section iframe {
        height: 185px !important;
    }
}
/* iPhone X Landscape */
@media only screen 
    and (min-device-width : 812px) 
    and (max-device-width : 812px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation : landscape) { 
    .video-section iframe {
        height: 350px !important;
    }
}

/*BIO DETAIL AS LINK FIX*/

.bio-detail-links-as-text {
    margin-top: 15px !important;
}
 .bio-detail-links-as-text a{
    padding: 0 !important;
}

.accord .accord-link-content a{
    color: #497ba5;
}
.accord .accord-link-content a:hover{
    color: #104c6e;
}

.book-button {
    background: #104C6E !important;
    padding: 10px 20px;
    border-radius: 0;
    color: white !important;
    border: 1px solid black;
    box-shadow: none;
    transition: all 300ms ease;
}

a.guide-book {
    color: white !important;
}
.watch-button, .written-button{
    background: transparent;
    border: 2px solid #ffffff;
}
.watch-button a, .written-button a {
    color: #ffffff !important;
}
.watch-button:hover, .written-button:hover{
    background: transparent;
    border: 2px solid #104C6E;
}
.watch-button a:hover, .written-button a:hover{
    color: #104C6E;
}
.written-work img{
    margin: 0 auto;
}


/* --- Logo size rules (keep) ----------------------------------- */

/* Desktop/tablet default (unchanged) */
.ftr-logo {
  max-width: 450px !important;
  height: auto;
  display: block;
}

/* Phones (≤ 767px): shrink mobile logo */
@media (max-width: 767px) {
  .ftr-logo.mobile-image {
    max-width: 220px !important; /* tweak to taste: 180–260px */
    width: 100% !important;      /* allows smaller containers to scale down */
    height: auto !important;
  }

  /* Optional: center the logo on mobile */
  .ftr-logo-wrapper,
  .footer-contact-logo {
    text-align: center;
  }
}
``
``

.yearbook-container .yearbook-designation {
    display: inline;
    padding: 0;
}

.bio-detail-name-wrapper .bio-detail-designation {
    display: inline;
}

.team-section .yearbook-name-wrapper .yearbook-designation-wrapper {
	display: inline;
}