/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 06 2026 | 17:28:45 */
/* ============================================
   ========== NEWS PAGE STYLING ===============
   ============================================ */

/* = Responsive H1 heading for News pages =
   Adjusts size based on screen width, max 80px */
body #page-header-bg h1,
html body .row .col.section-title h1,
.nectar-box-roll .overlaid-content h1,
.featured-media-under-header h1 {
  font-size: clamp(32px, 6vw, 80px);
  line-height: 1.2;
  color: #1A1A1E !important;
  margin-bottom: 4%;
  max-width: 1185px;
}

/* = Custom font for highlighted H3 elements = */
.high-lighted h3 {
  font-family: 'PPEikoMedium', serif !important;
}

/* = Hide category label under header = */
.featured-media-under-header__cat-wrap {
  display: none;
}

/* = Fix: Align vertical social icons on wide screens =
   Applies only to top-header layout (not left-header) */
@media only screen and (min-width: 1000px) {
  body:not([data-header-format="left-header"]) .post-area.span_12 .nectar-social.vertical {
    margin-left: -40px !important;
  }
}

/* = Inner content padding under featured media header =
   Adds horizontal spacing on large screens */
.featured-media-under-header__content {
  padding-left: 150px;
  padding-right: 150px;
  box-sizing: border-box;
  position: relative;
}

/* = Responsive content padding for tablets = */
@media (max-width: 1024px) {
  .featured-media-under-header__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* = Responsive content padding for mobile = */
@media (max-width: 640px) {
  .featured-media-under-header__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* = Featured image responsive padding =
   Adds side padding and maintains full width */
.featured-media-under-header__featured-media img {
  display: block;
  padding-left: 150px;
  padding-right: 150px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

/* = Featured image padding for tablets = */
@media (max-width: 1024px) {
  .featured-media-under-header__featured-media img {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* = Featured image padding for mobile = */
@media (max-width: 640px) {
  .featured-media-under-header__featured-media img {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* = Meta section (date + line) spacing =
   Adds top/bottom margin and prepares line below */
.featured-media-under-header__meta-wrap {
  position: relative;
  margin-top: 130px;
  margin-bottom: 120px;
  z-index: 1;
}

/* = Horizontal gold line under meta section =
   Centered line with max width of 1760px */
.featured-media-under-header__meta-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  width: calc(100vw - 160px); /* 80px padding on each side */
  max-width: 1760px;
  height: 1px;
  background-color: rgba(169, 146, 97, 0.3); /* Gold with 30% opacity */
}

/* = Responsive spacing for meta section & line (tablet) = */
@media (max-width: 1024px) {
  .featured-media-under-header__meta-wrap {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .featured-media-under-header__meta-wrap::after {
    bottom: -30px;
    width: calc(100vw - 40px); /* 20px padding on each side */
  }
}

/* = Responsive spacing for meta section & line (mobile) = */
@media (max-width: 640px) {
  .featured-media-under-header__meta-wrap {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .featured-media-under-header__meta-wrap::after {
    bottom: -20px;
    width: calc(100vw - 40px); /* 20px total padding */
  }
}

/* = Full-height vertical gold line in centered row =
   Positioned in the exact middle of the row */
.row-with-line {
  position: relative;
  min-height: 200px;         /* Ensure enough height for visibility */
  z-index: 1;                /* Stack context for pseudo-element */
}


.row-with-line::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
  width: 1px;
  background-color: #A99261; /* Gold */
  transform: translateX(-0.5px); /* Perfectly center line */
  z-index: 10;
  pointer-events: none;
}




/* =====================================
   ========== POST META STYLING ========
   ===================================== */

/* Change the post date color */
.meta-date,
.meta-date.date,
.meta-date.updated,
.single-post .post-meta span.date,
.featured-media-under-header__meta-wrap .meta-date {
  color: #A99261 !important;
}

/* Hide bottom meta section and comments section on single posts */
.single-post .bottom-meta,
.single-post .comments-section {
  display: none !important;
}

/* Remove bottom padding from single post content area */
.single-post .row,
.single-post #post-area > article .content-inner {
  padding-bottom: 0 !important;
}
/* Adding space on top of feature-img on mobile */
@media (max-width: 768px) {
  .featured-media-under-header__featured-media:not([data-format="video"]):not([data-format="audio"]):not([data-has-img="false"]) {
    margin-top: 60px;
  }
}