/* Minor fix */
.ftr-group-name {
  font-size: 22px !important;
}






/* The image wrapper is the positioning container for both overlay and button */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper {
  position: relative;     /* stays the container */
  overflow: hidden;
}

/* Overlay stays under the button */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(191, 166, 107, 0); 
  transition: background 220ms ease;
  pointer-events: none;
  z-index: 1;  /* under the button */
}

/* Button: position it relative to the image wrapper (not the slide) */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper .mc-cta {
  position: absolute;          /* critical */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;                  /* above overlay */
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

/* Optional hover reveal */
.niche-section .mc-container .slick-slider .mc-slide:hover .mc-image-wrapper::after,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:hover .mc-image-wrapper::after,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:focus-visible .mc-image-wrapper::after {
  background: rgba(191, 166, 107, 0.75);
}










.niche-section .mc-container .media-carousel-three .mc-cta {
  background-color: #fff !important;  /* white background */
  color: #000 !important;             /* black text */
  border-color: #fff !important;      /* optional: blend border with bg */
  /* opacity removed */
}

.niche-section .mc-container .slick-slider .slick-slide h2::after,
.niche-section .mc-container .slick-slider .slick-slide h3::after,
.niche-section .mc-container .slick-slider .slick-slide .title::after,
.niche-section .mc-container .slick-slider .slick-slide .card-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    background: #000 !important; /* forced black */
    margin-top: 8px;
}






/* 0) Remove any previous slide-wide overlay */
.niche-section .mc-container .slick-slider .slick-slide::after {
  content: none !important;
}

/* 1) Kill any hover highlight that the theme/JS adds to the slide or anchor */
.niche-section .mc-container .slick-slider .mc-slide,
.niche-section .mc-container .slick-slider .mc-slide:hover,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:hover,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:focus {
  box-shadow: none !important;
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* 2) The IMAGE WRAPPER must be the overlay host */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper {
  position: relative;     /* anchor for ::after */
  overflow: hidden;       /* tidy zoom edges */
}

/* 3) The image itself: smooth transforms only on the photo */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper .mc-image {
  display: block;
  width: 100%;

  transition: transform 220ms ease, filter 220ms ease;
}

/* 4) Gold overlay only over the PHOTO area */
.niche-section .mc-container .slick-slider .mc-slide .mc-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(191, 166, 107, 0);      /* #BFA66B @ 0% */
  transition: background 220ms ease;
  pointer-events: none;                     /* don’t block clicks */
  z-index: 1;                               /* above the image */
}

/* 5) Trigger overlay on hover/focus of the card or its anchor */
.niche-section .mc-container .slick-slider .mc-slide:hover .mc-image-wrapper::after,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:hover .mc-image-wrapper::after,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:focus-visible .mc-image-wrapper::after {
  background: rgba(191, 166, 107, 0.75);    /* adjust 0.55–0.85 to taste */
}

/* 6) Optional: subtle zoom + slight mute under the overlay (photo only) */
.niche-section .mc-container .slick-slider .mc-slide:hover .mc-image-wrapper .mc-image,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:hover .mc-image-wrapper .mc-image,
.niche-section .mc-container .slick-slider .mc-slide .mc-slide-inner:focus-visible .mc-image-wrapper .mc-image {
  transform: scale(1.02);
  filter: brightness(0.9) contrast(0.88);
}









/* ============ THEME TOKENS (scoped) ============ */
.niche-section {
  --brand-yellow: #caa654;   /* your gold/yellow */
  --text-dark: #222;
  --text-muted: #5b5b5b;
}

/* keep your existing rule */
.niche-section .mc-container .slick-slider {
  margin-bottom: 0;
  padding: 60px 0px;
}

/* =================== BUTTON FIX =================== */
.niche-section .mc-container .slick-slider .slick-slide [class*="read"],
.niche-section .mc-container .slick-slider .slick-slide .btn,
.niche-section .mc-container .slick-slider .slick-slide .button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  z-index: 2;
  isolation: isolate;
  filter: none !important;   /* prevents yellow filter hitting the button */
}

/* Button hover */
.niche-section .mc-container .slick-slider .slick-slide [class*="read"]:hover,
.niche-section .mc-container .slick-slider .slick-slide .btn:hover,
.niche-section .mc-container .slick-slider .slick-slide .button:hover {
  background: #f7f7f7 !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .niche-section .mc-container .slick-slider .slick-slide img {
    transition: none;
    transform: none;
  }
}


/* ============ TYPOGRAPHY ============ */
/* Title: yellow, uppercase, slight tracking + underline accent */
.niche-section .mc-container .slick-slider .slick-slide h2,
.niche-section .mc-container .slick-slider .slick-slide h3,
.niche-section .mc-container .slick-slider .slick-slide .title,
.niche-section .mc-container .slick-slider .slick-slide .card-title {
  color: var(--brand-yellow) !important;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 10px;
  margin-bottom: 6px;
  display: inline-block;
  position: relative;
}

/* Underline accent */
.niche-section .mc-container .slick-slider .slick-slide h2::after,
.niche-section .mc-container .slick-slider .slick-slide h3::after,
.niche-section .mc-container .slick-slider .slick-slide .title::after,
.niche-section .mc-container .slick-slider .slick-slide .card-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: var(--brand-yellow);
  margin-top: 8px;
}

/* Bottom text: smaller & muted */
.niche-section .mc-container .slick-slider .slick-slide p,
.niche-section .mc-container .slick-slider .slick-slide .desc,
.niche-section .mc-container .slick-slider .slick-slide .excerpt,
.niche-section .mc-container .slick-slider .slick-slide .card-text {
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--text-muted);
  margin-top: 8px;
  margin-bottom: 0;
  max-width: 60ch;
}

/* ============ CLEAN UP BUTTON OVER IMAGE (optional) ============ */
/* If a “Read More” pill overlaps the image and you want it visible but not tinted, 
   ensure it sits above and is not affected by filters */
.niche-section .mc-container .slick-slider .slick-slide [class*="read"],
.niche-section .mc-container .slick-slider .slick-slide .btn,
.niche-section .mc-container .slick-slider .slick-slide .button {
  position: relative;
  z-index: 1;
  isolation: isolate; /* prevents inheriting the image filter */
}

/* ============ CONTROLS & DOTS (optional, to match style) ============ */
.niche-section .mc-container .slick-slider .slick-prev:before,
.niche-section .mc-container .slick-slider .slick-next:before {
  color: var(--text-dark);
  opacity: 0.9;
}
.niche-section .mc-container .slick-dots li button:before {
  color: #c9c9c9;
  opacity: 1;
}
.niche-section .mc-container .slick-dots li.slick-active button:before {
  color: var(--brand-yellow);
  opacity: 1;
}

/* ============ CARD SPACING (helps match your reference) ============ */
.niche-section .mc-container .slick-slider .slick-slide {
  padding: 0 16px;
}
@media (min-width: 992px) {
  .niche-section .mc-container .slick-slider .slick-slide { padding: 0 20px; }
}


``
.billboard-heading-wrapper {
  position: relative !important;
  min-height: min(75vh, 760px) !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(64px, 12vh, 160px) 24px !important;
  color: #ffffff !important;


  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.45) 35%,
      rgba(0, 0, 0, 0.55) 100%
    ) !important,
    url("your-cityscape.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.billboard-heading-wrapper::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(
    120% 70% at 50% 20%,
    transparent 0 60%,
    rgba(0, 0, 0, 0.25) 100%
  ) !important;
}

.billboard-heading {
  width: 100% !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.billboard-heading h1 {
  margin: 10px 10px 180px 10px !important;
  line-height: 1.1 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: clamp(8px, 1.4vw, 16px) !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 6px 24px rgba(0,0,0,0.35) !important;
}

/* ---- LINE 1 ---- */
.billboard-heading .head-1 {
  font-family: "Georgia", serif !important;
  font-size: clamp(20px, 3.2vw, 44px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  color: #ffffff !important;
  opacity: 0.95 !important;
}

/* ---- LINE 2 (hidden by default, can enable anytime) ---- */
.billboard-heading .head-2 {
  display: none !important;
}

/* ---- LINE 3 ---- */
.billboard-heading .head-3 {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(24px, 4.2vw, 58px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
}


@keyframes riseFade {
  from { opacity: 0; transform: translateY(14px) scale(0.996); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.billboard-heading .head-1,
.billboard-heading .head-3 {
  animation: riseFade 700ms ease-out both !important;
}

.billboard-heading .head-3 {
  animation-delay: 120ms !important;
}

.billboard-section .billboard-heading h1::after {
  background: transparent !important;
  background-color: transparent !important;
}




.header-main,
.header-main .header-section {
  background-color: #1c1c1c !important;
}


.header-main,
.header-main a,
.header-main .nav > li > a {
  color: #FFFFFF !important;
}


:root {
  --accent-gold: #C8A14D; /* replace with your current gold if different */
}


.header-main .divider,
.header-main .logo-divider,
.header-main .header-divider {
  background-color: var(--accent-gold) !important;
  border-color: var(--accent-gold) !important;
  opacity: 1;
}


.header-main .nav > li > a:hover,
.header-main .nav > li.active > a,
.header-main .nav > li > a:focus {
  color: #FFFFFF !important;
}

.header-main .nav > li > a:hover::after,
.header-main .nav > li.active > a::after {
  content: "";
  display: block;
  height: 3px;
  background: var(--accent-gold);
  margin-top: 6px;
}
``

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

.nav-navigation-drop.nav-overall-wrapper:not(.van-mobile-nav) {
    background: #1c1c1c !important;
}

.nav-overall-wrapper .primary-nav a, .nav-overall-wrapper .primary-nav .nav-subnav a {
    color: #fff;
}

.nav-overall-wrapper .primary-nav a.active, .nav-overall-wrapper .primary-nav a:hover, .nav-overall-wrapper .primary-nav .nav-subnav a:hover {
    color: #81725c;
}

.nav-overall-wrapper .primary-nav .nav-subnav {
    background: #1c1c1c !important;
}

.nav-overall-wrapper .nav:before {
    background: #81725c;
}