::selection {
color:#8F753B;
background: transparent;
}

#ast-scroll-top {
  border: 1px solid #8F753B;
  transition: border-color 0.3s ease;
}

#ast-scroll-top:hover {
  border-color: #09090B;
}
html, body {
    overflow-x: hidden !important;
}

.menu-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}



.acf-featured-media {
  width: 100%;
  height: 20vh;
  border-radius: 14px;
  overflow: hidden;
}

/* ???? Mobile (up to 767px) */
@media (max-width: 767px) {
  .acf-featured-media {
    height: 40vh;
    border-radius: 10px;
  }
}

/* ????️ Large screens (1440px and up) */
@media (min-width: 1440px) {
  .acf-featured-media {
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .acf-featured-media {
    height: 640px;
  width: 1512px;
margin: 0 auto;

  }
}


/* Images */
.acf-featured-media--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
border:16px;

}

/* Videos */
.acf-featured-media--video iframe,
.acf-featured-media--video video {
  width: 100%;
  height: 100%;
border:16px;

}
.acf-featured-media img,
.acf-featured-media iframe,
.acf-featured-media video {
  border-radius: 14px;
}


.llc-sections { max-width: 75%; margin: 0 auto; }

.llc-sec { margin: 25px 0; }
.llc-h2 { font-size: 34px; line-height: 1.2; margin: 0 0 10px; }
.llc-h3 { font-size: 32px; line-height: 2.25; margin: 0 0 15px; }
.llc-wysiwyg p { margin: 0 0 12px; }

.llc-whitebox {
  background: #fff;
  border-radius: 14px;
  padding: 22px;
}

.llc-list { margin: 0; padding-left: 18px;
color:#09090B;
 }
.llc-list-item { margin: 15px 0;
color:#09090B;
 }
.llc-item-head { font-weight: 500;
color:#09090B;
 }
.llc-item-text { opacity: .9; }

.llc-gold .llc-gold-inner {
  border-radius: 14px;
  padding: 56px 56px;
  background: linear-gradient(90deg, #f0d484, #d7b25a);
  text-align: center;
}
.llc-gold p {
 margin: 0;
 font-size: 28px;
 line-height: 1.35;
color:#09090B;
  font-family: 'Playfair Display', serif;
 }

.llc-author-img img { border-radius: 14px; width: 120px; height: 120px; object-fit: cover; }
.llc-author-label { font-size: 14px;
color:#09090B;
 margin-bottom: 5px; }
.llc-author-name { font-weight: 700;
font-size:24px;
color:#09090B;
 margin-bottom: 5px; }
.llc-author-title { font-size: 16px;
color:#8F753B!important; }

.llc-sections h1,
.llc-sections h2,
.llc-sections h3,
.llc-sections h4,
.llc-h2,
.llc-h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
color:#09090B;
}

.llc-sections,
.llc-sections p,
.llc-wysiwyg,
.llc-item-text,
.llc-author-title {
color:#09090B;
}
/* Extra bottom padding for Intro section */
.llc-intro {
  padding-bottom: 32px; /* adjust as needed */
}
/* Space between Intro title and text */
.llc-intro .llc-h2 {
  margin-bottom: 25px;
font-size:32px; /* adjust if needed */
}

@media (max-width: 768px) {

  /* Featured media: reduce height on mobile */
  .acf-featured-media {
    height: 36vh;        /* was 60vh */
    border-radius: 12px;
  }

  /* Make sure border radius applies cleanly */
  .acf-featured-media img,
  .acf-featured-media iframe,
  .acf-featured-media video {
    border-radius: 12px;
  }

  /* Sections container: use more screen width */
  .llc-sections {
    max-width: 92%;
  }

  /* Reduce section spacing */
  .llc-sec {
    margin: 18px 0;
  }

  /* Headings: scale down */
  .llc-h2 {
    font-size: 24px;     /* was 34px */
    line-height: 1.25;
    margin: 0 0 12px;
  }

  .llc-h3 {
    font-size: 22px;     /* was 32px */
    line-height: 1.35;   /* was 2.25 (too tall on mobile) */
    margin: 0 0 12px;
  }

  /* Text spacing */
  .llc-wysiwyg p {
    margin: 0 0 10px;
  }

  /* White box: tighten padding */
  .llc-whitebox {
    padding: 16px;
    border-radius: 12px;
  }

  /* Lists: less indent + spacing */
  .llc-list {
    padding-left: 16px;
  }

  .llc-list-item {
    margin: 10px 0;
  }

  /* Gold section: smaller padding + font */
  .llc-gold .llc-gold-inner {
    padding: 26px 18px;  /* was 56px */
    border-radius: 12px;
  }

  .llc-gold p {
    font-size: 22px;     /* was 40px */
    line-height: 1.35;
  }


  /* Intro spacing: reduce a bit on mobile */
  .llc-intro {
    padding-bottom: 20px;
  }

  .llc-intro .llc-h2 {
    margin-bottom: 14px;
  }
}


/* Optional: extra small phones */
@media (max-width: 480px) {
  .acf-featured-media { height: 30vh; }

  .llc-sections { max-width: 94%; }

  .llc-h2 { font-size: 22px; }
  .llc-h3 { font-size: 20px; }

  .llc-gold p { font-size: 20px; }
}

.acf-thumb-media img,
.acf-thumb-media iframe,
.acf-thumb-media video {
  width: 100%;
max-height:280px;
  display: block;
}

.acf-thumb-media__image img {
  height: 100%;
  object-fit: cover;
}

/* Make oEmbed video responsive */
.acf-thumb-media__video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}
.thumb-video {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}


.thumb-video__poster {
  position: relative;
  width: 100%;
  height: 100%;
}

.thumb-video__poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.thumb-video__overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  background: transparent; /* ← THIS REMOVES THE BLACK OVERLAY */
  transition: background .2s ease;
}


.thumb-video__overlay:hover{
  background: transparent;
}


.thumb-video__play{
  width: 84px;
  height: 84px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
 background: rgba(255, 215, 0, 0.1); /* gold at 20% opacity */

  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}

.thumb-video__play svg{
  width: 28px;
  height: 28px;
  margin-left: 4px;
  fill: #1b1b1b;
}

.thumb-video iframe{
  width:100%;
  height:300px;
  display:block;
  border:0;
}

@media (max-width: 1440px) {
  .thumb-video iframe {
    height: 206px; /* adjust as needed */
  }
.acf-thumb-media img,
.acf-thumb-media iframe,
.acf-thumb-media video {
  width: 100%;
max-height:175px;
  display: block;
}
}
