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

.rjl-specialist-bio.row {
    margin-bottom: 20px;
}


@media (max-width: 780px) {
    .social-contact-section.container {
        display: none;
    }
}

/*           HOMEPAGE HEADER CONTENT RESPONSIVENESS      */
@media only screen and (max-width: 375px) {
    body.body-home .billboard-content-wrapper .container .row {
        margin-top: 100px;
    }
}


@media only screen and (max-width: 1024px) {
    .billboard-section .billboard-container h1 {
        padding: 0 0px !important;
    }
}



/*           INNER BILLBOARDS RESPONSIVENESS      */
@media only screen and (max-width: 780px) {
    body.interior.interior-content .billboard-content .billboard-container,
    .footer-section .billboard-container { 
        height: 350px !important;
    }
}

@media only screen and (max-width: 480px) { 
    body.interior.interior-content .billboard-content .billboard-container,
    .footer-section .billboard-container { 
        height: 207px !important;
    }
}


/* CUSTOM BILLBOARD HOMEPAGE */

.body-home .logo-content {
    background-color: rgba(2, 51, 88, 0.9);
    border-bottom: 4px solid var(--dark);
}

.body-home .logo-section {
    position: absolute;
}

.body-home .logo-section .ftr-logo-wrapper {
    background-image: url(/-/media/RJ/RJL-Advisor-Sites/Sites/s/a/sandhuwealth/Images/group-logos/sandhuwealth_logo_horizontal_white_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
    max-width: 800px;
    min-height: 120px; /* ensures the background has space to display */
}

@media (max-width: 767px) {
.body-home .logo-section .ftr-logo-wrapper {
        background-image: url('/-/media/RJ/RJL Advisor Sites/Sites/s/a/sandhuwealth/Images/Group Logos/SandhuWealth_Logo_Vertical_White');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        max-width: 300px;
}
}

.body-home .logo-section .ftr-logo-wrapper img {
    visibility: hidden;
}

.body-home .billboard-section .billboard-content .billboard-container {
    min-height: 100vh;
}

@media only screen and (min-width: 481px) {
    .body-home .billboard-section .billboard-content .billboard-container {
        min-height: calc(100vh - 42px);
    }
}

@media only screen and (min-width: 781px) {
    .body-home .billboard-section .billboard-content .billboard-container {
        min-height: calc(100vh - 142px);
    }
}

@media only screen and (min-width: 901px) {
    .body-home .billboard-section .billboard-content .billboard-container {
        min-height: calc(100vh - 92px);
    }
}


.nav-container .primary-nav {
    height: auto;
}



/*         ABOUT US CALLOUTS     */


/*----------------------*/
/* callout-who-we-work-with
/* Split 3 Section Content
/*----------------------*/

.interior.interior-content .callout-who-we-work-with,
.interior.interior-content .callout-who-we-work-with .callout-item {
  background: none !important;
  position: relative;
  z-index: 1;
}

.interior.interior-content .callout-who-we-work-with .slick-slide {
  padding-inline: 10px;
}

.interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-items .callout-item .callout-link {
  padding: 20px;
} 

.interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-items .callout-item .callout-link .callout-carousel-heading-wrapper {
  margin-bottom: 0px;
}

.interior.interior-content .callout-who-we-work-with .callout-item p { 
  color: var(--white);
  font-size: 16px;
}

.interior.interior-content .callout-who-we-work-with .callout-item p:last-of-type { 
  margin-bottom: 0 !important;
}

.interior.interior-content .callout-who-we-work-with .callout-image-wrapper,
.interior.interior-content .callout-who-we-work-with .callout-carousel-image-wrapper {
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-height: none;
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: none !important;
}

.interior.interior-content .callout-who-we-work-with .callout-item .callout-image-wrapper .callout-image,
.interior.interior-content .callout-who-we-work-with .callout-item .callout-carousel-image-wrapper .callout-image {
  max-width: none !important;
  max-height: none !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.interior.interior-content .callout-who-we-work-with .callout-image-wrapper::after,
.interior.interior-content .callout-who-we-work-with .callout-carousel-image-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--dark);
  opacity: 0.65;
  border-bottom: 1px solid var(--white);
}

.interior.interior-content .callout-who-we-work-with .callout-heading,
.interior.interior-content .callout-who-we-work-with .callout-heading .head-1,
.interior.interior-content .callout-who-we-work-with .callout-heading .head-2,
.interior.interior-content .callout-who-we-work-with .callout-heading-2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
  color: var(--white);
  text-align: left;
  padding-bottom: 10px;
}

/* Responsive */

@media screen and (max-width: 992px) {
  .interior.interior-content .callout-who-we-work-with,
  .interior.interior-content .callout-who-we-work-with .callout-item {
    background: none !important;
    position: relative;
    z-index: 1;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 20px;
  }

  .interior.interior-content .callout-who-we-work-with {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0 !important;
  }

  .interior.interior-content .callout-who-we-work-with .callout-item { 
    min-height: 300px;
    height: auto;
    width: 100%;
  }

  .interior.interior-content .callout-who-we-work-with .callout-item .callout-image-wrapper,
  .interior.interior-content .callout-who-we-work-with .callout-item .callout-carousel-image-wrapper {
    max-height: none !important;
  }
}

@media screen and (min-width: 768px) {
  .interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-items {
    margin: 0px !important;
  }

  .interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-carousel-arrows .slick-arrow.slick-next {
    right: -30px;
  }

  .interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-carousel-arrows .slick-arrow.slick-prev {
    left: -30px;
  }
}

@media screen and (max-width: 480px) {
  .interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-carousel-arrows .slick-arrow.slick-next {
    right: -5px;
  }

  .interior.interior-content .callout-who-we-work-with.callout-carousel.callouts-version-4 .callout-carousel-arrows .slick-arrow.slick-prev {
    left: -5px;
  }
}

 
/*     END OF CALLOUT    */

.btn.secondary {
    border: 1px solid #00578A;
    color: #00578A;
    padding: 1em 1.5em !important;
    transition: all .2s ease-in-out;
    margin: .5em 0;
    background: transparent;
    white-space: normal;
    text-transform: uppercase;
}

body.body-home .billboard-container {
    background-position: center bottom !important;
}

.custom-btn {
  display: inline-block;
  padding: 5px 20px;
  background-color: white;
  color: var(--medium);
  border: 1px solid var(--medium);
  text-decoration: none;
  transition: all 0.3s ease;
}

.custom-btn:hover {
  background-color: var(--medium);
  color: white; 
}

.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;
  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;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .footer-contact-section .footer-contact-logo {
    margin-top: 0px;
    position: relative;
    bottom: auto;
    right: auto;
  }
}

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