/*
Theme Name:  wtnb_theme
Theme URI:   https://yourwebsite.com
Author:      Your Name
Author URI:  https://yourwebsite.com
Description: A custom WordPress theme.
Version:     2.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wtnb_theme
Tags:        custom
*/

:root {
   --color-cream:      #FFFAF2;
   --color-dark-green: #353929;
   --color-gold:       #9C7E44;
   --color-olive:      #55563A;
   --color-brown:      #724E26;
   --color-rust:       #844438;
   --color-linen:      #F7EFDC;

   --font: 'EB Garamond', serif;

   /* Grid tokens */
   --container-max: 1200px;
   --gutter: 1.5rem;
   --section-y: 5rem;

   --bp-md: 48rem;   /* 768px — tablet */
   --bp-lg: 64rem;   /* 1024px — desktop */

   --section-top-margin: 2.625em;
}

/* ─── RESET ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 100%;}
body { font-family: var(--font); font-weight: 500; color: var(--color-dark-green);}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img, picture, video, svg {max-width: 100%; height: auto; display: block;}

/***** HEADERS *******************************/

h3 {
   font-style: italic;
   font-weight: 500;
   font-size: 1.375em;
   line-height: 132%;
   letter-spacing: 0;
}
h2 {
   font-style: normal;
   font-weight: 500;
   font-size: 2.8125em;
   line-height: 129%;
   letter-spacing: 0;
}
h1{
   font-style: normal;
   font-weight: 500;
   font-size: 3.125em;
   line-height: 140%;
   letter-spacing: 0.15em;
   text-transform: uppercase;
}
h4 {
font-style: normal;
font-weight: 600;
font-size: 1.125em;
line-height: 172%;
letter-spacing: 0.2em;
text-transform: uppercase;
}
h1,h2,h3,h4{ font-family: var(--font); color: var(--color-dark-green);}

.hidden_page_title{ display: none;}

/*** STANDARD PAGE TITLES *****/
.page_title{ margin: 6.25em 0;}
.page_title h1{ margin: 0; padding: 0}
.page_title.centered{ text-align: center;}

/*** FONT STYLING ****/
.italic{ font-style: italic;}
.light-text{ color: var(--color-cream);}

/*****  TEMPLATE BUTTON **********************/
   .template_button{ background-color: var(--color-olive); border-radius: 50px; transition :all 0.3s; color: var(--color-cream); font-size: 1.125em; letter-spacing: 0.15em; line-height: 128%; text-align: center; padding: 1em 2em; text-transform: uppercase; display: inline-block;}
   .template_button:hover{ background-color: var(--color-brown);}

   /* ---------- REUSABLE SECTION TEXT BUTTON ---------- */
   .section-text-button {
      text-align: center;
      margin-top: 2rem;
   }

   .section-text-button a {
      display: inline-block;
      font-size: 0.75rem;
      letter-spacing: 0.25em;
      color: var(--color-dark-green);
      text-decoration: none;
      padding: 6px 8px;
      border-bottom: 2px solid var(--color-gold);
      transition: all 0.3s;
      text-transform: uppercase;
      font-weight: 600;
   }

   .section-text-button a:hover {
      color: #fff;
      background-color: var(--color-gold);
   }

/***** LAYOUT STUFF **************************/

   /** Wrapper - no padding **/
   .wrapper{ max-width: 1920px; margin: 0 auto;}

   .section--topbar{ margin-top: var(--section-top-margin);}

   /** GRID SYSTEM ***/

   /* ---------- Layout primitives ---------- */
   .section { padding-block: var(--section-y); }

   .container {
      width: min(100% - 5rem, var(--container-max));
      margin-inline: auto;
   }

   /* ---------- Row: the base flex container ---------- */
   .row {
      display: flex;
      flex-wrap: wrap;            /* wraps by default — safe choice */
      gap: var(--gutter);
      align-items: stretch;       /* default: columns match tallest sibling */
   }

   /* Equal-width children unless a col-* class overrides */
   .row > * {
   flex: 1 1 0;
   min-width: 0;               /* prevents flex children from overflowing */
   }

   /* No gap row */
   .row--nogap{ gap: 0;}

   /* ---------- Wrap behavior modifiers ---------- */
   .row--nowrap { flex-wrap: nowrap; }       /* force single line, no stacking */
   .row--wrap   { flex-wrap: wrap; }         /* explicit wrap (same as default) */

   /* ---------- Vertical alignment modifiers ---------- */
   .row--top     { align-items: flex-start; }
   .row--middle  { align-items: center; }      /* your centered vertical case */
   .row--bottom  { align-items: flex-end; }
   .row--stretch { align-items: stretch; }     /* default, but explicit */

   /* ---------- Horizontal alignment modifiers ---------- */
   .row--start   { justify-content: flex-start; }
   .row--center  { justify-content: center; }
   .row--end     { justify-content: flex-end; }
   .row--between { justify-content: space-between; }
   .row--around  { justify-content: space-around; }

   /* ---------- Column sizes ---------- */
   .col-auto { flex: 0 0 auto; }                                               /* size to content */
   .col-2    { flex: 0 0 calc((100% - var(--gutter))        / 2); }            /* halves */
   .col-3    { flex: 0 0 calc((100% - var(--gutter) * 2)    / 3); }            /* thirds */
   .col-4    { flex: 0 0 calc((100% - var(--gutter) * 3)    / 4); }            /* quarters */
   .col-1-3  { flex: 0 0 calc((100% - var(--gutter) * 2)    / 3); }            /* 1/3 */
   .col-2-3  { flex: 0 0 calc((100% - var(--gutter) * 2)    / 3 * 2 + var(--gutter)); } /* 2/3 */
   .col-1-4  { flex: 0 0 calc((100% - var(--gutter) * 3)    / 4); }            /* 1/4 */
   .col-3-4  { flex: 0 0 calc((100% - var(--gutter) * 3)    / 4 * 3 + var(--gutter) * 2); } /* 3/4 */
   
   /* no gap sizes */
   .row--nogap .col-2    { flex: 0 0 calc((100%) / 2); }            /* halves */
   .row--nogap .col-3    { flex: 0 0 calc((100%) / 3); }            /* thirds */
   .row--nogap .col-4    { flex: 0 0 calc((100%) / 4); }            /* quarters */
   .row--nogap .col-1-3  { flex: 0 0 calc((100%) / 3); }            /* 1/3 */
   .row--nogap .col-2-3  { flex: 0 0 calc((100%) / 3 * 2); } /* 2/3 */
   .row--nogap .col-1-4  { flex: 0 0 calc((100% * 3)    / 4); }            /* 1/4 */
   .row--nogap .col-3-4  { flex: 0 0 calc((100% * 3)    / 4 * 3 * 2); } /* 3/4 */

   /* ---------- Per-item vertical alignment (overrides the row) ---------- */
   .self-top    { align-self: flex-start; }
   .self-middle { align-self: center; }
   .self-bottom { align-self: flex-end; }

   /* ---------- Responsive behavior ---------- */

   /* Tablet: 4-column grids become 2-column */
   @media (max-width: 64rem) {
      .row:not(.row--nowrap) > .col-4,
      .row:not(.row--nowrap) > .col-1-4,
      .row:not(.row--nowrap) > .col-3-4 {
         flex: 0 0 calc((100% - var(--gutter)) / 2);
      }
   }

   /* Mobile: everything stacks — UNLESS row--nowrap is set */
   @media (max-width: 48rem) {
      .row:not(.row--nowrap) > * {
         flex: 1 1 100%;
      }
   }

/***** FORMS ***************/
   form {
      font-size: 1.125em;
      color: var(--color-dark-green);
   }

   form label,.label {
      display: block;
      margin-bottom: 0.5em;
      font-size: 1.125em;
      font-family: var(--font);
      color: var(--color-dark-green);
   }

   form input,
   form select,
   form textarea {
      display: block;
      width: 100%;
      padding: 1em;
      border: 1px solid var(--color-gold);
      font-size: inherit;
      font-family: inherit;
      margin-bottom: 1em;
      box-sizing: border-box;
      color: var(--color-dark-green);
   }

   form input[type="checkbox"],
   form input[type="radio"] {
   display: inline-block;
   width: auto;
   padding: 0;
   margin-right: 0.5em;
   margin-bottom: 0;
   accent-color: var(--color-gold);
   cursor: pointer;
   }

   form input[type="checkbox"] + label,
   form input[type="radio"] + label {
      display: inline-block;
      margin-bottom: 0;
   }

   form textarea {
      resize: vertical;
      min-height: 6em;
   }

   form input:focus,
   form select:focus,
   form textarea:focus {
      outline: none;
      border-color: var(--color-dark-green);
   }

   form button,
   form input[type="submit"] {
      padding: 1em 2em;
      border: 1px solid var(--color-gold);
      font-size: inherit;
      font-family: inherit;
      cursor: pointer;
      border-radius: 0;
   }

   .inquiry_submit_container{ margin-top: 2.5em;}

   /* Form dates - custom date icon */
   .form_date_field {
      display: block;
      position: relative;
   }

   /* Hide the native calendar icon in Chrome/Edge */
   input[type="date"]::-webkit-calendar-picker-indicator {
      opacity: 0;
      position: absolute;
      right: 0;
      width: 100%;
      cursor: pointer;
   }

   .calendar-icon {
      position: absolute;
      right: 1em;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none; /* Let clicks pass through to the hidden native icon */
      cursor: pointer;
      z-index: 2;
   }

   .calendar-icon svg{ width: 1em; height: auto;}

   .form_date_field input{ position: relative; z-index: 1;}

/***** SUBSCRIBE SECTION ********/
   #subscribe_section{ background-color: var(--color-cream); padding: 5.4em 2.5em 6em; margin: var(--section-top-margin) 0;}
   .subscribe_content{ margin: 0 auto; text-align: center;}
   .subscribe_content p{ font-size: 1.3125em; line-height: 148%; font-weight: 500;}
   .subscribe_subtext, .subscribe_button_container{ margin-top: 2.5rem;}
   .subscribe_button{ border-radius: 0px;}

/*** HOME PAGE **********************************/
   /* Hero */
   #home_hero{ overflow: hidden;}
   #home_hero_img img{ width: 100%;}
   .hero_overlay_content{ transform: translateX(-15vw); display: flex; flex-direction: column; justify-content: space-evenly;}
   .hero_text_line{ font-family: var(--font);
      font-size: 3.125em;
      font-weight: 500;
      line-height: 140%;
      font-style: normal;
      text-align: left;
      letter-spacing: 0.046875em;
      color: var(--color-dark-green);
      display: block;
      background-color: #ffffff;
      padding: 0 12px;
   }
   .hero_text_line + .hero_text_line{ margin-top: 6px;}

   .hero_brighterday_logo .hero_bd_circle_logo{ max-width: 10.875em; width: 9.0625vw; min-width: 80px; z-index: 1;}
   .hero_bd_logo_title_bar{ color: var(--color-dark-green); font-size: 2.1875em; line-height: 128.5%; padding: 15px 0; position: relative}
   .hero_bd_logo_title_bar .italic_font{ font-style: italic; font-weight: 500; margin-top: -15px; display: block;}
   .hero_bd_logo_title_bar .medium_font{ font-weight: 600;}
   .hero_bd_logo_title_bar:before{ content:""; position: absolute; background-color: var(--color-cream); top: 50%; left: -50px; height: calc(100% + 1em); width: calc(15vw + 33.33333333vw); z-index: -1; transform: translateY(-50%);}

   .hero_bdp_link{ text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--color-gold); text-underline-offset: 15px;}

   .mobile_hero_brighterday_logo{ display: none; background-color: var(--color-cream); position: relative; z-index: 99;}
   .mobile_hero_brighterday_logo .hero_bd_circle_logo svg{ height: 130px; margin-top: -15px; margin-bottom: -15px; width: auto;}

   /* ---------- FEATURED SECTION ---------- */
   .featured-section {
      padding: 3.75rem 1.25rem;
      background: #fff;
      font-family: var(--font);
   }

   .featured-section__heading {
      text-align: center;
      letter-spacing: 0.25em;
      font-size: 1.125rem;
      font-weight: 600;
      color: var(--color-dark-green);
      margin: 0 0 2.5rem;
      text-transform: uppercase;
   }

   /* ---------- LOGO GRID (desktop) ---------- */
   .featured-logos {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
   }

   .featured-logos .logo-item {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
   }

   .featured-logos .logo-item img {
      max-width: 100%;
      max-height: 75px;
      width: auto;
      height: auto;
      object-fit: contain;
      opacity: 0.75;
      transition: opacity 0.3s ease;
   }

   .featured-logos .logo-item img:hover {
      opacity: 1;
   }

   .featured_section_container{ max-width: 100%;}

   /* ---------- SEE MORE ---------- */
   .featured-section__see-more {
      text-align: center;
      margin-top: 2rem;
   }

   .featured-section__see-more a {
      display: inline-block;
      font-size: 0.75rem;
      letter-spacing: 0.25em;
      color: var(--color-dark-green);
      text-decoration: none;
      padding: 6px 8px;
      border-bottom: 1px solid var(--color-gold);
      transition: all 0.3s;
      font-weight: 600;
      text-transform: uppercase;
   }

   .featured-section__see-more a:hover {
      color: #fff;
      background-color: var(--color-gold);
   }

   /* ---------- SLICK CAROUSEL OVERRIDES ---------- */
   /* Hide slick UI by default; only appears when slick initializes */
   .featured-logos.slick-initialized {
      display: block;
   }

   .featured-logos.slick-initialized .logo-item {
      padding: 0 20px;
   }

   .featured-logos .slick-track {
      display: flex;
      align-items: center;
   }

   .featured-logos .slick-slide {
      height: auto;
   }

   /* Arrows */
   .featured-logos .slick-prev,
   .featured-logos .slick-next {
      width: 30px;
      height: 30px;
      z-index: 2;
   }

   .featured-logos .slick-prev {
      left: -5px;
   }

   .featured-logos .slick-next {
      right: -5px;
   }

   .featured-logos .slick-prev:before,
   .featured-logos .slick-next:before {
      font-family: 'slick';
      font-size: 28px;
      color: #b5b5b5;
      opacity: 1;
      transition: color 0.3s ease;
   }

   .featured-logos .slick-prev:hover:before,
   .featured-logos .slick-next:hover:before,
   .featured-logos .slick-prev:focus:before,
   .featured-logos .slick-next:focus:before {
      color: #55563A;
   }

   /* Dots */
   .featured-logos .slick-dots {
      position: relative;
      bottom: auto;
      margin-top: 25px;
   }

   .featured-logos .slick-dots li button:before {
      font-size: 10px;
      color: #b5b5b5;
      opacity: 1;
      transition: color 0.3s ease;
   }

   .featured-logos .slick-dots li button:hover:before,
   .featured-logos .slick-dots li.slick-active button:before {
      color: #55563A;
      opacity: 1;
   }

   /* ---------- RESPONSIVE TWEAKS ---------- */
   @media (max-width: 767px) {
      .featured-logos.slick-initialized .logo-item{ padding: 0 10px;}

      .featured-section {
      padding: 40px 20px;
      }

      .featured-logos .slick-prev {
      left: -10px;
      }

      .featured-logos .slick-next {
      right: -10px;
      }

      .featured-logos .logo-item img {
      max-height: 200px;
      }
   }

   /******** Book section - originally Lift Your Eyes promo section *****/
   .book_promo_section{ background-color: var(--color-cream);}
   .book_promo_section .book_sect_card{ background-color: #fff; transform: translateX(7vw); display: flex; align-items: center; justify-content: center; padding: 2em 1em; text-align: center;}
   .book_promo_section .book_sect_card_inner_box{ border: solid 2px var(--color-gold); width: 95%; padding: 3em 1em;}
   .book_promo_section .book_sect_text_box .template_button{ margin-top: 2em; padding:1rem 2rem;}
   .book_sect_img_container img{ width: 100%;}

   .book_promo_section .book_sect_card_mobile{ display: none; width: 100%;}
   .book_promo_section .book_sect_card_mobile .book_sect_card{ transform: none;}

   /********* I'm Whitney Section ****/
   .intro-section {
      font-family: var(--font);
      color: var(--color-dark-green, #2e3524);
      background-color: #fff;
      padding-bottom: 7.9375em;
   }

   /* Dark green banner behind the photo */
   .intro-section__banner {
      background-color: var(--color-dark-green, #2e3524);
      /*height: 130px;*/
      position: relative;
   }

   /* Wrapper positions the circle so it overlaps the banner */
   .intro-section__photo-wrap {
      transform: translateY(50%);
      width: 13.5em;
      height: 13.5em;
      border-radius: 50%;
      overflow: hidden;
      background-color: #fff; /* in case the image is transparent */
      margin: 0 auto;
   }

   /* The image itself — object-fit handles non-square uploads gracefully */
   .intro-section__photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 50%;
   }

   .intro-section__inner {
      max-width: 900px;
      margin: 0 auto;
      padding: 8.75em 0rem 0rem; /* top padding leaves room for the photo */
      text-align: center;
   }

   .intro-section__heading {
      /* h2 styles are inherited from your global stylesheet */
      margin: 0 0 2rem;
   }

   .intro-section__columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      text-align: left;
      margin-bottom: 2rem;
   }

   .intro-section__column p {
      font-size: 1.3125em;
      line-height: 148%;
      margin: 0 0 1.25rem;
      font-weight: 500;
   }

   .intro-section__column p:last-child {
      margin-bottom: 0;
   }

   .intro-section__closing {
      font-size: 1.3125em;
      line-height: 148%;
      margin: 2.5rem 0 0.5rem;
      font-weight: 500;
   }

   .intro-section__signature {
      font-style: italic;
      font-size: 1.375em;
      margin: 2rem 0 2rem;
      font-weight: 500;
   }

   /****** Founder of Section *********************/
   #founder_section{ background-color: var(--color-cream); position: relative;}
   .founder_gridImg_1{ width: 44vw;}
   .founder_gridImg_2{ width: 56vw;}
   .founder_gridImg_1 img, .founder_gridImg_2 img{ width: 100%;}

   #founder_sect_card{ background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 2em 1em; text-align: center; position: absolute; left: 50%; top: 50%; width: 42.70833333333333%; transform: translateX(-50%) translateY(-50%);}
   .founder_sect_card_inner_box{ border: solid 2px var(--color-gold); width: 95%; padding: 6.25em 4.5em 3em;}
   .founder_sect_card_logo{ position: absolute; top: 2em; margin: 0 auto; left: auto; right: auto; transform: translateY(-50%); max-width: 21.2%;}
   #founder_sect_card .card_subtitle{ font-size: 1.375em; line-height: 141%; margin-top: 1.25em;}
   #founder_sect_card .card_text{ font-size: 1.3125em; line-height: 147%; margin-top: 1.25em;}
   #founder_sect_card p{ font-weight: 500;}
   #founder_sect_card .card_subtitle a{ text-decoration: underline;}
   #founder_sect_card_inner_box .section-text-button{ margin-bottom: 1em;}

   /***** Speaker Section *****/
   #speaker_section{margin-top: var(--section-top-margin);} 
   #speaker_section_container{ padding: 5.75em 0 8.125em 0;}
   #speaker_section_container .section-text-button{ text-align: left;}

   .speaker_sect_img{ display:block; width: 100%; height: auto;}
   .speaker_sect_img.mobile_img{ display: none;}

   #speaker_section_container p{ font-size: 1.3125em; font-weight: 500; line-height: 147%;}
   /*#speaker_section_container .title_col{ flex: 0 0 calc((100% - var(--gutter) * 3) / 6);}*/

   /**** quote section *****/
   #quote_section{ background-color: var(--color-rust); padding: 14em 0; color: var(--color-cream); margin-top: var(--section-top-margin);}
   #quote_section > .container > .row > .col{ max-width: 900px; text-align: center;}
   .quote_divider{ height: 2px; width: 100px; background-color: var(--color-linen); margin: 3.1875em auto;}
   .quote_info{ color: var(--color-cream); font-size: 1.3125em; text-transform: uppercase; letter-spacing: 0.196875em;}

/*** INSIDE PAGE(S) **********************************/

   /******* COMMON STYLES ********/
   span.hero_h1{ display: block; background-color: #fff; padding: 7px 25px; letter-spacing: 0.15em; font-weight: 500; color: var(--color-dark-green); font-size: 3.125em;}
   span.hero_h1 + span.hero_h1{ margin-top: 7px;}

   
   /******* ABOUT PAGE *******/
      /** Hero **/
      #about_hero{ position: relative;} 
      #about_hero img{ display: block; width: 100%; height: auto;}
      #about_hero .hero_overlay_text{ position: absolute; margin: 0 auto; text-align: center; color: var(--color-dark-green); font-size: 3.125em; top: 5.26vw; left: 50%; transform: translateX(-50%);}

      /** Quote **/
      #about_quote_section{ background-color: var(--color-linen); padding: 6.35vw 0; margin-top: var(--section-top-margin);}
      .about_quote_container{ width: calc(100% - 5em); margin: 0 auto; max-width: 63.125rem; text-align: center;}
      .about_quote_text{ font-size: 1.875em; line-height: 130%; color: var(--color-dark-green); font-weight: 500;}

      /* About story sections */
      .about_story_text_container{ width: 60%;}
      .story_text_col h2{ margin: 0 0 1em 0;}
      .about_section p{ font-size: 1.3125em; line-height: 148%; margin: 1em 0;}
      .about_section p a{ text-decoration: underline; text-decoration-color: var(--color-gold);}

      .story_text_col{ display: flex; align-items: center; justify-content: center; padding: 2.5rem 0;}
      .story_img_col img{ object-fit: cover; width: 100%; height: 100%;}

      #about_story_1 .story_img_col{ min-height: 42.7vw;}
      #about_story_2 .story_img_col{ min-height: 30.78125vw;}
      #about_story_3 .story_img_col{ min-height: 37.44791666666667vw;}

      /* About Links columns (CTAs) section */
      .aboutctas_top_colorbar{ width: 100%; display: block; height: 7.9375em; background-color: var(--color-cream);}
      #about_link_columns_section > .container{ padding-top: 6.25em; padding-bottom: 6.25em;}
      .about_links_column{ text-align: center;}
      .about_links_column .section-text-button{ margin-top: 0.75rem;}
      .about_links_column small{ font-size: 1.375em; font-weight: 500; display: block; margin-bottom: 0.5em;}
      .about_links_column h2{ line-height: 100%;}
      

   /******* SPEAKING PAGE *******/
      /** Hero **/
      #speaking_hero{ position: relative;} 
      #speaking_hero img{ display: block; width: 100%; height: auto;}
      #speaking_hero .hero_overlay_text{ position: absolute; margin: 0 auto; text-align: center; top: 5.26vw; left: 50%; transform: translateX(-50%); text-transform: uppercase;}
      /*#speaking_hero .hero_overlay_text span.hero_h1{ display: block; background-color: #fff; padding: 7px 10px; letter-spacing: 0.15em; font-weight: 500;}
      #speaking_hero .hero_overlay_text span.hero_h1 + span.hero_h1{ margin-top: 7px;}*/

      /*** CTA Sections ***/
      .speaking_cta_section{ text-align: center;}
      .speaking_cta_section .section-text-button{ margin-top: -4px;}
      .speaking_cta_noimg{ background-color: var(--color-cream); padding: 6.1875em 0;}

      /*** Schedule section ***/
      #speaking_schedule_section{ text-align: center; padding: 6.1875em 0; background-color:#fff;}
      .speaking_events_feed{ margin-top: 6.1875em;}
      .speaking_event_item .section-text-button{ margin-top: 0;}
      .speaking_event_item .section-text-button a{ font-size: inherit;}
      .speaking_event_item + .speaking_event_item{ margin-top: 4em;}
      .speaking_event_item .event_details{ font-weight: 500; font-size: 1.3125em; line-height: 148%; padding-top: 1em; color: var(--color-dark-green);}
      .event_note{ font-weight: 400; font-style: italic;}
      .gold_divider{ color: var(--color-gold);}

      /*** Topics section(s) ***/
      .speaking_topics_section{ margin: 8em 0;}
      .speaking_topics_section .story_text_col{ align-items: flex-start;}

      .topic_item + .topic_item{ padding-top: 2em;}
      .topic_title .italic{ text-transform: none; letter-spacing: 0; font-weight: 500;}
      .topic_excerpt{ font-size: 1.3125em; line-height: 148%; padding-top: 0.5em;}
      .topic_mobile_img{ display: none;}

      /** CTA 3 with bg image **/
      #speaking_cta_3{ position: relative;}
      .cta_bg{ display: block; width: 100%; position: relative; z-index: 1;}
      .cta_bg.mobile{ display: none;}
      .cta_bg img{ display: block; width: 100%; height: auto;}
      .cta_content_container{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; z-index: 2; max-width: 26.5625%;}
      .cta3_button_container{ margin-top: 1.75em;}

   /**** FEATURED IN PAGE ****/
   #featured_in_page_slider.featured-section{ padding: 0;}
   #more_featured_places{ text-align: center; padding: 6.25em 0;}
   #more_featured_places h2{ margin-bottom: 0.5em; }
   .featured_more_content{ font-size: 1.3125em; line-height: 248%; }

   /**** BOOKS PAGE ******/
   .wrapper.books_small{ max-width: 945px; width: calc(100% - 5em);}
   .wrapper.books_med{ max-width: 1338px; width: calc(100% - 5em);}

      /** Book listing section **/
      .books_listing_section{ padding-bottom: 6.25em;}
      .booklisting_book_title{ text-align: center; margin-top: 0.5em;}

      .future_book_message{ background-color: var(--color-cream); display: flex; align-items: center; justify-content: center; text-align: center;}
      .future_book_message p{ max-width: 50%; font-size: 1.3125em; line-height: 148%;}

      /** Book letter section **/
      .books_letter_section{ background-color: var(--color-cream); padding: 6.25em 0;}
      .books_letter_signature{ margin-top: 2em;}
      .books_letter_signature img{ display: block; width: 100%; height: auto; max-width: 307px;}

      .books_letter_title{ text-align: center; padding-bottom: 3.375em;}
      p.books_letter_text{ font-size: 1.3125em; line-height: 148%;}

      /** Book large image section **/
      .books_large_image_section{ position: relative; padding-bottom: var(--section-top-margin);}
      .books_large_image_section:before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 6.25em; background-color: var(--color-cream); display: block; z-index: 1;}
      .books_large_image_section img{ position: relative; display: block; z-index: 2;}

   /***** PODCAST PAGE *******/
      .podcast_wrapper{ max-width: 1010px; padding: 0 2.5em; box-sizing: border-box;}

      /*** hero ***/
      .podcast_hero .hero_logo{ max-width: 310px; width: 16.14583333333333vw; margin: 0 auto 1em auto; min-width: 100px;}
      .podcast_hero .hero_logo img{ display: block; width: 100%; height: auto;}

      /** blurb below hero **/
      .podcast_blurb_belowhero{ padding: 7.6875em 0; background-color: var(--color-linen); text-align: center; margin-top: var(--section-top-margin);}
      .podcast_blurb_belowhero p{ font-size: 1.875em; line-height: 130%;}

      /* Meet your host section **/
      .podcast_meethost{ background-color: var(--color-dark-green); color: var(--color-cream); padding: 7.6875em 0;}
      .host_img_col{ text-align: right; padding-right: 1.25em;}
      .host_image_circle{ border-radius: 50%; overflow: hidden; width: 307px; height: 307px; display: inline-block; max-width: 100%; border: solid 2px var(--color-gold);}
      .host_image_circle img{ display: block; width: 100%; height: 100%; object-fit: cover;}
      .host_info_col{ padding-left: 1.25em;}
      .host_desc{ font-size: 1.3125em; line-height:147%;}
      .host_information h4, .host_information h2{ color: var(--color-cream);}
      .host_name + .host_desc{ padding-top: 0.75em;}
      .host_information .section-text-button{ text-align: left;}
      .host_information .section-text-button a{ color: var(--color-cream);}

      /**** Platforms section *****/
      .podcast_podcast_platforms{ padding: 6.75em 2.5em; text-align: center;}
      .podcast_platforms_wrapper{ margin: 3em auto 0; max-width: 1200px;}
      .podcast_platforms_desc{ max-width: 723px; font-size: 1.3125em; line-height:147%; margin: 0 auto;}
      .podcast_platforms_title + .podcast_platforms_desc{ margin-top: 1.5em;}
      .podcast_podcast_platforms * + .podcast_platforms_subsribe_button{ margin-top: 4em;}
      .podcast_podcast_platforms * + .podcast_platforms_yt_button{ margin-top: 3em;}
      .badge_item img{ display: block; width: auto; height: 4.25em;}

      h4.podcast_platforms_name{ letter-spacing: 0; text-transform: capitalize;}

   /***** GENERAL INQUIRIES PAGE ********/
      /** Form Section **/
      .form_wrapper{ margin: 0 auto; max-width: 766px; width: 100%; padding: 0 2.5em;}
      .gi_inquiry_form{ background-color: var(--color-cream); padding: 6.25em 0;}
      .gi_inquiry_form h4{ text-align: center;}
      .gi_inquiry_form h4 + .inquiry_form_container{ margin-top: 4.125em;}
      .inquiry_submit_container p{ text-align: center;}
      .inquiry_submit_container input{ margin: 0 auto; max-width: 266px; display: block;}

      .form_required_label{ font-weight: 400;}

      /** Hero section **/
      .inquiry_hero_image_col{ width: 41%;}
      .inquiry_hero_text_col{ width: 59%; display: flex; flex-direction: column; justify-content: center; padding: 2em 0;}

      .inquiry_hero_image_col img{ object-fit: cover; width: 100%; height: 100%;}

      .inquiry_hero_title span{ text-transform: uppercase;}
      .inquiry_hero_title{ transform: translateX(-8%);}

      .hero_text_container{ max-width: calc(506px + 7%); padding-left: 7%;}
      .inquiry_hero_text{ font-size: 1.3125em; line-height: 147%; font-weight: 500;}

      .inquiry_hero_title + .hero_text_container{ margin-top: 2em;}

      .inquiry_hero_text_col .section-text-button{ text-align: left;}

   /****** SPEAKING INQUIRIES **************/
      .session_count_radios{ padding-bottom: 1.25em;}
      #sessionCount > span{ display: block;}

   /*******  CONTACT FORM 7 OVERRIDES *******/
      .wpcf7-not-valid-tip{ padding-bottom: 1em; margin-top: -1em;}
 

/****** CUSTOM POST SINGLE PAGES ********************/
   /**** Event Single *******/
   main.event_post{ margin: 6em 0;}
   .event_post_title,.event_post_details{ text-align: center;}
   .event_post_details{ font-weight: 500; font-size: 1.3125em; line-height: 148%; margin-top: 1.5em;}

   .event_post_content{ max-width: 960px; margin: 0 auto; padding-top: 3em; font-size: 1.125em; line-height: 160%; font-weight: 500;}
   .event_post_content p{ margin: 1em 0;}

   /****** Topics Single ******/
   .single_post_title_container{ max-width: 960px; margin: 0 auto;}

/*** MEDIA QUERIES **********************************/

@media all and ( min-width: 1920px) {
   /****** HOME PAGE ********/
      /*** Hero ****/
      .hero_overlay_content{ transform: translateX(-50%);}
}

@media all and (min-width: 1800px) {
   .hero_bd_logo_title_bar{ padding: 22px 0;}
}

@media all and (max-width: 1600px ) {
   /****** ABOUT PAGE *******/
      main#about{ font-size: 15px;}
      .about_story_text_container{ width: 70%;}
}

@media all and (max-width: 1400px ) {
   html{ font-size: 90%;}

   /******HOM PAGE ******/
      /** Hero **/
      #home_hero{ font-size: 85%;}

      /** Promo Section **/
      .book_promo_section{ font-size: 85%;}

      /** Founders section **/
      #founder_section{ font-size: 85%;}
      #founder_sect_card{ width: 55%;}
      .founder_sect_card_inner_box{ padding: 6.25em 3em 3em;}

      /** Quote section **/
      #quote_section{ font-size: 85%;}

   /****** ABOUT PAGE *******/
      main#about{ font-size: 14px;}
      .about_story_text_container{ width: 80%;}
}

@media all and (max-width: 1200px ) {
   html{ font-size: 85%;}

   /******HOM PAGE ******/
      /** Hero **/
      #home_hero, .inside_hero{ font-size: 80%;}

      /** Promo Section **/
      .book_promo_section{ font-size: 80%;}

      /** Founders section **/
      #founder_section{ font-size: 80%;}
      #founder_sect_card{ width: 65%;}

   /****** ABOUT PAGE *******/
      main#about{ font-size: 12px;}

   /***** SPEAKING PAGE ********/
      /*#speaking_cta_3{ font-size: 80%;}*/
      .cta_content_container{ max-width: 36%; transform: translateX(-40%) translateY(-50%);}
}

@media all and (max-width: 1024px) {
   /******* HOME PAGE *******/
      /* Foudner section */
      .founder_bg_grid{ display: flex; flex-direction: column; justify-content: space-between; height: 850px;}

      /* Speaker section */
      #speaker_section_container .title_col{ width: 100%; margin-bottom: 1em;}
      #speaker_section_container .text_col{ flex: 0 0 calc((100% - var(--gutter) * 2) / 3); }

   /******** ABOUT PAGE *********/
      /* Link Columns - CTA section ***/
      .about_links_column:nth-child(3), .about_links_column:nth-child(4){ margin-top: 1.5em;}
}

@media all and (max-width: 960px) {

   /***** INSIDE PAGES ******/
      .inside_hero .hero_overlay_text{ position: relative!important; top: auto !important; left: auto !important; transform: none !important; padding: 0.5em;}

      /****** ABOUT PAGE *******/
         main#about{ font-size: 14px;}
         .about_section > .wrapper > .row{ flex-direction: column;}
         .story_img_col, .story_text_col{ width: 100%;}
         #about_story_2 .story_img_col{ order: 1;}
         #about_story_2 .story_text_col{ order: 2;}
         .about_story_text_container{ width: calc(100% - 5rem);}

      /**** SPEAKING PAGE ****/
      #speaking_hero .hero_overlay_text span.hero_h1{ background: none; display: inline; padding: 0;}
      #speaking_hero .hero_overlay_text span.hero_h1 + span.hero_h1{ margin-top: 0;}

      #about_quote_section{ margin-top: 0;}

      .speaking_cta_noimg{ padding: 3rem 0;}

      .speaking_topics_section > .wrapper > .row{ flex-direction: column;}
      #speaking_topic_2 .story_img_col{ order: 1;}
      #speaking_topic_2 .story_text_col{ order: 2;}

      .topic_mobile_img{ display: block;}
      .topic_desktop_img{ display: none;}

      .speaking_topics_section{ margin: 3.5em 0; padding: 0;}

      #speaking_cta_3{ font-size: 80%;}

      /***** PODCAST PAGE *****/
      .podcast_blurb_belowhero{ margin-top: 0;}

      .podcast_hero .hero_logo{ max-width: 200px; width: 100%; margin-top: -70px;}
}

@media all and (max-width: 768px) {
   /******HOME PAGE ******/
      /** Hero **/
      #home_hero, .inside_hero{ font-size: 50%;}
      .hero_bd_circle_logo{ min-width: 65px;}

      /** Book Promo Section **/
      .book_promo_section{ font-size: 55%;}

      .slick-arrow{ display: none !important;}

      /** I'm Whitney section **/
      /*.intro-section__banner {
         height: 100px;
      }

      .intro-section__photo-wrap {
         width: 140px;
         height: 140px;
      }

      .intro-section__inner {
         padding-top: 95px;
      }*/

      .intro-section__columns {
         grid-template-columns: 1fr;
         gap: 1.5rem;
      }

      /** Founder section */
      #founder_sect_card{ width: 85%;}
      .founder_sect_card_logo{ width: auto; height: 150px; max-width: 100%;}
      .founder_sect_card_logo svg{ height: 100%; width: auto;}


      /* Speaker section */ 
      #speaker_section_container .text_col{ flex: auto; }
      .speaker_sect_img.mobile_img{ display: block;}
      .speaker_sect_img.desktop_img{ display: none;}

      #speaker_section_container{ padding:3em 0 4em 0;}

   /**** PODCAST PAGE *******/
   .host_img_col{ text-align: center;}

   .podcast_platforms_wrapper > .row{ flex-direction: column; align-items: center; justify-content: center;}
   .badge_item img{ width: 225px; height: auto;}

   .host_info_col{ padding-left: 0; padding-top: 2em;}

   /**** ABOUT PAGE ****/
   .about_hero_img{ overflow: hidden;}

}

@media all and (max-width: 640px) {
   #home_hero, .inside_hero{ font-size: 12px;}

   .section-text-button a{ font-size: 1rem;}

   .page_title{ margin: 3.5em 0;}

   /******HOM PAGE ******/
      /** Hero **/
      #home_hero{ overflow: visible;}
      #home_hero .hero_overlay_content{ height: auto !important; transform: translateX(-28vw);}
      #home_hero_img{ height: 300px;}
      #home_hero_img img{ height: 100%; object-fit: cover;}

      .hero_brighterday_logo{ display: none;}
      .mobile_hero_brighterday_logo{ display: flex;}
      .mobile_hero_brighterday_logo .hero_bd_circle_logo{ min-width: 0;}

      .hero_bd_logo_title_bar:before{ display: none;}

      .mobile_hero_brighterday_logo .hero_bd_logo_title_bar{ padding: 20px 0;}

      /** Book promo section **/
      .book_promo_section{ font-size: 75%;}
      .book_promo_section .book_sect_card_mobile{ display: block;}
      .book_promo_section .book_sect_card_desktop{ display: none;}
      .book_promo_section .book_sect_img_container{ width: 100% !important; gap: 0;}
      .book_promo_section > .wrapper > .row{ flex-direction: column;}
      .book_promo_section .book_sect_card_mobile .template_button{ margin-top: 1.5rem;}

      #quote_section{ margin-top: 0;}

      /** Speaker section **/
      #speaker_section_container > .row{ flex-direction: column; align-items: center; justify-content: center;}

   /***** ABOUT PAGE **********/
   .aboutctas_top_colorbar{ height: 3em;}
   .about_quote_text{ font-size: 1.5em;}

   #about_link_columns_section > .container > .row{ flex-direction: column;}
   .about_links_column{ margin: 2em 0;}

   .about_hero_img{ overflow: hidden; display: block; width: 100%; height: 190px;}
   .about_hero_img img{ transform: scale(1.25);}

   /***** SPEAKING PAGE *********/
      .cta_content_container{ position: relative; top: auto; left: auto; transform: none; max-width: calc(100% - 5em); width: 100%; text-align: center; padding: 2em 0; margin: 0 auto;}

      #speaking_schedule_section{ padding: 3em 0;}
      .speaking_events_feed{ margin-top: 3em;}

      #speaking_cta_3 .cta3_button_container{ margin-top: 2em;}

      .cta_bg.mobile{ display: block;}
      .cta_bg.desktop{ display: none;}

   /****** BOOKS PAGE **********/
   .books_listing_section .row, .books_letter_section .row{ flex-direction: column; justify-content: flex-start; align-items: center;}
   .books_listing_section{ padding-bottom: 3em;}
   .books_letter_signature{ display: flex; justify-content: center; margin-top: 3em;}
   .future_book_message{ padding: 2em 0;}
   .future_book_message p{ max-width: 75%;}

   /****** GENERAL INQUIRIES PAGE *******/
   .general_inquiry_hero > div > .row{ flex-direction: column;}
   .inquiry_hero_image_col{ width: 100%; height: 350px;}
   .inquiry_hero_text_col{ width: 100%; padding: 2em 2.5em 3.5em 2.5em;}
   .inquiry_hero_title{ transform: none; font-size: 12px;}
   .general_inquiry_hero span.hero_h1{ background: none; display: inline-block; padding: 0;}
   .general_inquiry_hero span.hero_h1 + span.hero_h1{ margin-top: 0; margin-left: 10px;}
   .hero_text_container{ padding-left: 0; max-width: 100%;}
}