/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* =========================================================
   SINGLE POST HEADER – Salient Custom Styling
   ========================================================= */
/* making blog header title wider */
.single-post #page-header-bg h1 {
  max-width: 1400px !important;
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Gradient overlay for single blog headers in Salient */
/* 1. Make sure the blog header can stack layers */
.single-post #page-header-bg {
  position: relative;
  overflow: hidden;
}

/* 2. Make sure the background image sits at the bottom */
.single-post #page-header-bg .page-header-bg-image,
.single-post #page-header-bg .nectar-page-header-bg-image,
.single-post #page-header-bg [class*="page-header-bg-image"] {
  position: absolute;
  inset: 0;
  z-index: 0 !important;
}

/* 3. Disable Salient's default overlay */
.single-post #page-header-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  background: linear-gradient(
    to top right,
    rgba(0, 30, 54, 0.964),
    rgba(12, 72, 123, 0.957),
    rgba(21, 119, 202, 0.749)
  );
}

/* 5. Ensure all header text sits above everything */
.single-post #page-header-bg .inner-wrap,
.single-post #page-header-bg .subheader,
.single-post #page-header-bg h1 {
  position: relative;
  z-index: 2;
}
/* Gradient overlay end */



/* 1) Make blog header title match your global H1 style */
.single-post #page-header-bg h1,
.single-post .post .entry-title {
  font-size: var(--h1-size, clamp(40px, 5vw, 50px));
  line-height: var(--h1-line-height, 1.15);
  letter-spacing: var(--h1-letter, 0.00em);
  font-weight: var(--h1-weight, 800);
  margin: 0.1em 0;
}

/* 2) Center everything (title + meta) */
.single-post #page-header-bg .span_6,
.single-post #page-header-bg .inner-wrap,
.single-post #page-header-bg .subheader {
  text-align: center;
}

.single-post #page-header-bg .subheader,
.single-post #page-header-bg .meta-author,
.single-post #page-header-bg .meta-category,
.single-post #page-header-bg .meta-date,
.single-post #page-header-bg .meta-comment-count {
  margin-left: auto;
  margin-right: auto;
}

/* Center meta list items (categories/tags) inline */
.single-post #page-header-bg .meta-category ul,
.single-post #page-header-bg .meta-tags ul {
  list-style: none;
  padding-left: 0;
  margin: 0.25rem 0 0;
  display: inline-flex;
  gap: 1rem;
}

.single-post #page-header-bg .meta-category li,
.single-post #page-header-bg .meta-tags li {
  display: inline-block;
}

/* 3) Force the title to center on desktop too */
@media (min-width: 769px) {
  .single-post #page-header-bg .span_6 {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .single-post #page-header-bg h1,
  .single-post #page-header-bg .entry-title,
  .single-post #page-header-bg .page-title,
  .single-post #page-header-bg .title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: 100%;
    margin-bottom: 3rem;
  }
}

/* 4) Responsive vertical padding (tablet + mobile share deeper spacing) */
@media (max-width: 1024px) {
  .single-post #page-header-bg {
    padding-top: 15vh !important;
    padding-bottom: 15vh !important;
  }
}

/* 5) Desktop padding */
@media (min-width: 1025px) {
  .single-post #page-header-bg {
    padding-top: 2vh;
    padding-bottom: 2vh;
  }
}

/* 6) Limit header section height to 800px total */
.single-post #page-header-bg {
  max-height: 800px;
  overflow: hidden;
  box-sizing: border-box;
}

/* Remove bottom space on single blog posts in Salient */
body.single-post #ajax-content-wrap,
body.single-post #ajax-content-wrap .container-wrap,
body.single-post .container.main-content,
body.single-post .post-area,
body.single-post .content-inner {
  padding-bottom: 0 !important;
  margin-bottom: -20px !important;
}

/* If WPBakery/VC rows add extra space at the end */
body.single-post .wpb_row:last-child,
body.single-post .vc_row:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Salient often adds spacing before/after section titles/comments */
body.single-post .row .col.section-title,
body.single-post .comments-section,
body.single-post #comments,
body.single-post #respond {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* If there’s a spacer module at the bottom, neutralize it on posts */
body.single-post .divider-wrap:last-child,
body.single-post .nectar-spacer:last-child {
  height: 0 !important;
  margin: 0 !important;
}

/* Safety net: kill any last-child container spacing */
body.single-post .container-wrap > .container:last-child,
body.single-post .container-wrap > .main-content:last-child,
body.single-post .post-area > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   END SINGLE POST HEADER
   ========================================================= */
   
/* Example: Breadcrumbs styling */
.sn-breadcrumbs-wrap {
  margin: 0px auto 0px;
  padding: 0px 0px;
}

nav.sn-breadcrumbs-wrap,
nav.sn-breadcrumbs-wrap * {
  font-size: 14px !important;
  line-height: 1 !important;
  color: #5C6A78 !important;
}

.sn-breadcrumbs-wrap a {
  color: inherit;
  text-decoration: none;
}

.sn-breadcrumbs-wrap a:hover {
  text-decoration: underline;
}

.sn-breadcrumbs-wrap .breadcrumb_last {
  color: #2B3945;
  font-weight: 500;
}

.sn-breadcrumbs-wrap .separator {
  margin: 0 6px;
}

@media (max-width: 768px) {
  .sn-breadcrumbs-wrap .yoast-breadcrumb,
  .sn-breadcrumbs-wrap #breadcrumbs {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .sn-breadcrumbs-wrap .yoast-breadcrumb a:not(:first-child):not(:last-of-type),
  .sn-breadcrumbs-wrap #breadcrumbs a:not(:first-child):not(:last-of-type),
  .sn-breadcrumbs-wrap .separator:not(:first-child):not(:last-child) {
    display: none;
  }
}



/* ===== Case Studies: center fix for `all_middle` layout ===== */

/* Normalize asymmetric padding on text wrappers */
#case-studies .nectar-post-grid-item .content,
#case-studies .nectar-post-grid-item .text-content,
#case-studies .nectar-post-grid-item .content-inner,
#case-studies .nectar-post-grid-item .post-content,
#case-studies .nectar-post-grid-item .post-heading-wrap {
  box-sizing: border-box;
  padding-left: 28px !important;   /* make L/R equal */
  padding-right: 28px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Headline: no hidden pad/margin pushing right */
#case-studies .nectar-post-grid-item h3,
#case-studies .nectar-post-grid-item h3 a,
#case-studies .nectar-post-grid-item .post-heading {
  display: block;
  padding: 0 !important;
  margin: 6px auto 6px auto !important;
  text-align: center !important;
}

/* Make the stack truly centered & pinned to bottom */
#case-studies .nectar-post-grid-item .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

/* Category pill smaller + centered */
#case-studies .meta-category,
#case-studies .meta-category a {
  font-size: 10px !important;
  line-height: 1.2 !important;
}
#case-studies .meta-category { 
  display: inline-flex; 
  gap: 8px; 
  justify-content: center; 
  margin: 0 auto 6px auto !important; 
}

/* Excerpt: enforce 16/20 and center */
#case-studies .excerpt,
#case-studies .post-excerpt,
#case-studies .content p.excerpt,
#case-studies .post-content p,
#case-studies .description {
  font-size: 16px !important;
  line-height: 20px !important;
  text-align: center !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* Hide reading time (CSS backstop) */
#case-studies .nectar-post-meta__reading-time,
#case-studies .reading-time,
#case-studies .meta-reading-time,
#case-studies .min-read,
#case-studies .rt-reading-time { 
  display: none !important; 
}