/*
 Theme Name: Tattooed & Tweed Child
 Template: Divi
 Description: Child theme for Divi customizations
 Author: Alan M. Prachar
 Version: 2.0 (Header/Footer canvas simplification + hero overlay)
*/

/* =========================================================
   0) BASE — Site Canvas & Body Type
   ========================================================= */
html,
body,
#page-container,
#et-main-area,
#main-content {
  background: #121212 !important; /* Obsidian */
}

body {
  color: #E1D9C6;                           /* Taupe */
  font-family: 'Poppins', sans-serif;
  font-size: 18px;                          /* Body — 18/30 */
  line-height: 30px;
}

/* Theme Builder & standard Divi structures: keep transparent */
.et-db #et-boc .et-l,
.et-db #et-boc .et-l .et_pb_section,
.et_pb_section,
.et_pb_row,
.et_pb_column,
.et_pb_module,
.entry-content,
.et_pb_post,
.container {
  background-color: transparent !important;
}

/* Optional light zone utility */
.light-section { background-color: #ffffff !important; color: #121212; }

/* Small text helper (captions/meta) */
.small { font-size: 14px; line-height: 22px; color: #B4A896; }     /* Ash */


/* =========================================================
   0.1) HEADER BACKGROUND — Near Black (only header wrappers)
   ========================================================= */
.et-l--header,
.et-l--header .et_builder_inner_content,
.et-l--header .et_pb_section,
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et-l--header .et_pb_module,
#main-header,
#top-header {
  background-color: #1E1E1E !important;     /* Near Black */
}

/* =========================================================
   0.2) FOOTER BACKGROUND — Near Black (only footer wrappers)
   ========================================================= */
.et-l--footer,
.et-l--footer .et_builder_inner_content,
.et-l--footer .et_pb_section,
.et-l--footer .et_pb_row,
.et-l--footer .et_pb_column,
.et-l--footer .et_pb_module,
#main-footer,
#footer-bottom,
.footer-widget-area {
  background-color: #1E1E1E !important;     /* Near Black */
}

/* =========================================================
   1) TYPOGRAPHY — Headings (Default)
   ========================================================= */
h1,
.et_pb_text h1 {                          /* H1 — Oswald 64/68 */
  font-family: 'Oswald', sans-serif;
  font-size: 64px;
  line-height: 68px;
  margin: 0 0 16px;
  color: #C8A45D;                         /* Gold (global default) */
}

h2,
.et_pb_text h2 {                          /* H2 — Oswald 40/44 */
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  line-height: 44px;
  margin: 0 0 14px;
  color: #C8A45D;
}

h3,
.et_pb_text h3 {                          /* H3 — Oswald 28/32 */
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  line-height: 32px;
  margin: 0 0 12px;
  color: #C8A45D;
}

/* Mobile tightening */
@media (max-width: 767px) {
  h1,
  .et_pb_text h1 { font-size: 42px; line-height: 48px; }
  h2,
  .et_pb_text h2 { font-size: 32px; line-height: 36px; }
  h3,
  .et_pb_text h3 { font-size: 24px; line-height: 28px; }
}

/* =========================================================
   1.1) Global content links
   ========================================================= */
a {
  color: #C8A45D;                             /* Gold */
  text-decoration: none;
  transition: color .2s ease, text-decoration .2s ease;
}
a:hover {
  color: #A26E47;                             /* Cognac */
  text-decoration: underline;
}

/* =========================================================
   2) HEADER NAV (Divi menu — desktop & mobile)
   ========================================================= */
.et-menu-nav > ul > li > a,
.et_pb_menu .et-menu > li > a {
  color: #E1D9C6;                             /* Taupe */
  letter-spacing: 1px;
  text-decoration: none;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
  font-family: 'Oswald', sans-serif;
}
.et-menu-nav > ul > li > a:hover,
.et_pb_menu .et-menu > li > a:hover { color: #C8A45D; }

.et-menu-nav > ul > li.current-menu-item > a,
.et_menu_nav > ul > li.current_page_item > a,
.et_pb_menu .et-menu > li.current-menu-item > a,
.et_pb_menu .et-menu > li.current_page_item > a {
  color: #C8A45D;
}

/* Dropdowns */
.et-menu-nav ul.sub-menu,
.et_pb_menu .et-menu .sub-menu {
  background: #1E1E1E;
  border: 1px solid #2C2C2C;
  padding: 6px 0;
  border-radius: 4px;
}
.et-menu-nav ul.sub-menu li a,
.et_pb_menu .et-menu .sub-menu li a {
  color: #E1D9C6;
  padding: 10px 18px;
  line-height: 1.2;
  letter-spacing: .5px;
}
.et-menu-nav ul.sub-menu li a:hover,
.et_pb_menu .et-menu .sub-menu li a:hover {
  color: #C8A45D;
  background: #2C2C2C;
}

/* Carets */
.et-menu-nav .menu-item-has-children > a,
.et_pb_menu .menu-item-has-children > a {
  position: relative;
  padding-right: 22px;
}
.et-menu-nav .menu-item-has-children > a:after,
.et_pb_menu .menu-item-has-children > a:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 2px solid #E1D9C6;
  border-bottom: 2px solid #E1D9C6;
  transform: rotate(45deg);
  transition: transform .18s ease, border-color .18s ease;
  pointer-events: none;
}
.et-menu-nav .menu-item-has-children > a:hover:after,
.et_pb_menu .menu-item-has-children > a:hover:after {
  border-color: #C8A45D;
}
.et-menu-nav .menu-item-has-children:hover > a:after,
.et_pb_menu .menu-item-has-children:hover > a:after,
.et-menu-nav .menu-item-has-children.open > a:after,
.et_pb_menu .menu-item-has-children.open > a:after {
  transform: rotate(225deg);
}

/* Focus ring */
.et-menu-nav a:focus-visible,
.et_pb_menu a:focus-visible {
  outline: 2px solid #C8A45D;
  outline-offset: 2px;
}

/* Header row vertical centering helpers — desktop only */
@media (min-width: 981px) {
  .tt-header-row,
  .tt-header-row .et_pb_column {
    display: flex;
    align-items: center;
  }
  .tt-header-row .et_pb_module {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tt-header-row .et_pb_menu__wrap,
  .tt-header-row .et_pb_menu__menu {
    align-items: center;
  }
}

/* Desktop-only: hard right-align main header menu within .tt-header-row */
@media (min-width: 981px) {
  .tt-header-row .et_pb_column.et_pb_column--with-menu {
    display: flex;
    justify-content: flex-end;
  }
  .tt-header-row .et_pb_menu .et_pb_menu__wrap {
    display: flex;
    width: 100%;
    justify-content: flex-end !important;
  }
  .tt-header-row .et_pb_menu .et_pb_menu__menu {
    display: flex;
    justify-content: flex-end !important;
    margin-left: auto !important;
    text-align: right;
  }
  .tt-header-row .et_pb_menu .et_pb_menu__menu > nav > ul.et-menu {
    display: flex;
    justify-content: flex-end !important;
  }
  .tt-header-row .et_pb_menu.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }
}

/* =========================================================
   2.1) HEADER NAV — Mobile / Tablet
   ========================================================= */
@media (max-width: 980px) {

  /* Hamburger icon — force GOLD, kill the mint */
  .et_pb_menu .mobile_menu_bar:before,
  .mobile_menu_bar:before,
  .et_pb_menu .et_pb_menu__icon,
  .et_pb_menu__icon,
  .et_mobile_menu_bar:before {
    color: #C8A45D !important;     /* Gold */
  }

  .mobile_nav.opened .mobile_menu_bar:before,
  .et_pb_menu--opened .et_pb_menu__icon {
    color: #C8A45D !important;     /* Keep gold when opened too */
  }

  /* Mobile dropdown panel — full-width dark background */
  .et_mobile_menu,
  .et_pb_menu .et_pb_menu__menu {
    background: #121212 !important;         /* Obsidian */
    border-top: 1px solid #2C2C2C;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Make sure the wrapper doesn’t constrain the width */
  .et_pb_menu .et_pb_menu__wrap {
    width: 100% !important;
  }

  /* Links — full-width tap targets */
  .et_mobile_menu li a,
  .et_pb_menu__menu li a {
    display: block;
    width: 100%;
    color: #E1D9C6;                        /* Taupe */
    padding: 16px 20px;
    border-bottom: 1px solid #2C2C2C;
    line-height: 1.2;
  }

  .et_mobile_menu li a:hover,
  .et_pb_menu__menu li a:hover {
    color: #C8A45D;                        /* Gold */
    background: #1E1E1E;                  /* Near black */
  }

  /* Current item */
  .et_mobile_menu li.current-menu-item > a,
  .et_pb_menu__menu li.current-menu-item > a {
    color: #C8A45D;
  }

  /* Submenus: slight indent so hierarchy is clear */
  .et_mobile_menu .sub-menu li a,
  .et_pb_menu__menu .sub-menu li a {
    padding-left: 30px;
  }

  /* Carets for children stay visible on dark */
  .et_mobile_menu .menu-item-has-children > a:after,
  .et_pb_menu__menu .menu-item-has-children > a:after {
    border-color: #E1D9C6;
    right: 10px;
  }

  .et_mobile_menu .menu-item-has-children.open > a:after,
  .et_pb_menu__menu .menu-item-has-children.open > a:after {
    transform: rotate(225deg);
    border-color: #C8A45D;
  }
}

/* =========================================================
   2.2) HEADER ROW — Mobile layout fix
   ========================================================= */
@media (max-width: 980px) {

  /* Let Divi stack columns full-width again */
  .tt-header-row {
    display: block !important;
  }

  .tt-header-row .et_pb_column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Make sure the menu module can own the full width */
  .tt-header-row .et_pb_menu {
    width: 100% !important;
  }

  .tt-header-row .et_mobile_nav_menu {
    width: 100% !important;
  }

  .tt-header-row .et_mobile_menu {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Optional high-contrast header variant */
.header-dark .et-menu-nav > ul > li > a,
.header-dark .et_pb_menu .et-menu > li > a { color: #E1D9C6; }
.header-dark .et-menu-nav .menu-item-has-children > a:after,
.header-dark .et_pb_menu .menu-item-has-children > a:after { border-color: #E1D9C6; }

/* =========================================================
   2.3) MOBILE HEADER — Align hamburger & spacing (v2)
   ========================================================= */
@media (max-width: 980px){

  /* Make the mobile nav bar full-width and use flex so the icon can hug the right edge */
  .tt-header-row .et_mobile_nav_menu{
    width: 100% !important;
    display: flex;
    justify-content: flex-end;     /* push hamburger to the right */
    align-items: center;
    padding: 10px 18px 12px;       /* top / sides / bottom spacing */
    box-sizing: border-box;
  }

  /* Hamburger icon: don't float, just sit in the flex row */
  .tt-header-row .mobile_menu_bar{
    float: none;
    display: inline-block;
    margin: 0;                     /* no weird offsets */
  }
}

/* =========================================================
   3) FOOTER (sections, menus, legal)
   ========================================================= */
.tt-footer {
  background: #1E1E1E;
  color: #E1D9C6;
  font-family: 'Poppins', sans-serif;
}
.tt-footer .tt-footer-row { padding: 40px 0; }
.tt-footer p { font-size: 15px; line-height: 1.7; color: #E1D9C6; }

.tt-footer .et_pb_menu { text-align: center; }
.tt-footer .et_pb_menu ul { margin: 0; padding: 0; list-style: none; }
.tt-footer .et_pb_menu ul li { display: inline-block; margin: 0 12px; }
.tt-footer .et_pb_menu ul li a {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  color: #E1D9C6;
  text-decoration: none;
  transition: color .18s ease;
}
/* Active footer link gold */
.tt-footer .et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item > a,
#footer-bottom .et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item > a {
  color: #C8A45D !important;
}

#footer-bottom { background: #1E1E1E; }

/* Footer link colors */
.tt-footer-bottom {
  text-align: center;
  padding: 20px 0;
  font-size: 13px;
  color: #B4A896;
}
.tt-footer-bottom a {
  color: #B4A896;
  text-decoration: none;
  transition: color .18s ease;
}
.tt-footer-bottom a:hover { color: #C8A45D; }

/* If using #footer-bottom menu */
#footer-bottom .et_pb_menu .menu li.current-menu-item > a,
#footer-bottom .et_pb_menu .menu li.current_page_item > a,
#footer-bottom .et_pb_menu .menu li.current_page_ancestor > a {
  color: #C8A45D;
}
#footer-bottom .et_pb_menu .menu li > a:hover,
#footer-bottom .et_pb_menu .menu li > a:focus { color: #C8A45D; }

/* Footer misc links */
.tt-footer a { color: #E1D9C6; transition: color .18s ease; }
.tt-footer a:hover { color: #C8A45D; }

/* Labels / mini-headings */
.tt-footer .tt-footer-label {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  color: #C8A45D;
  margin-bottom: 10px;
}

/* Footer responsiveness */
@media (max-width: 980px) {
  .tt-footer p { font-size: 14px; }
  .tt-footer .et_pb_menu ul li a { font-size: 14px; }
}
@media (max-width: 767px) {
  .tt-footer .tt-footer-row { padding: 32px 0; }
  .tt-footer .et_pb_menu ul li { display: block; margin: 6px 0; }
  .tt-footer .et_pb_menu ul li a { font-size: 12px; }
  .tt-footer-bottom { font-size: 12px; padding: 16px 0; }
}

/* =========================================================
   4) FOOTER SOCIAL (scoped to Code module class)
   ========================================================= */
.tnt-footer-social .tnt-social-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 6px 0;
}
.tnt-footer-social .tnt-social {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 0;
  flex-wrap: nowrap;
}
.tnt-footer-social .tnt-social > p {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
.tnt-footer-social .tnt-social a {
  display: inline-flex;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.tnt-footer-social .tnt-social img {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  opacity: .95;
  transition: transform .15s ease, opacity .15s ease;
}
.tnt-footer-social .tnt-social a:hover img,
.tnt-footer-social .tnt-social a:focus-visible img {
  opacity: 1;
  transform: translateY(-1px);
}

/* =========================================================
   5) FOOTER VERTICAL ALIGNMENT
   ========================================================= */
.tt-footer-top { display: flex; align-items: center; }        /* Top Footer Row: Logo ↔ Menu */
.tt-top-left,
.tt-top-right { display: flex; align-items: center; }
.tt-top-right {
  margin-left: auto;
  justify-content: flex-end;
}
.tt-top-right .et_pb_menu ul li a {
  line-height: 1.1;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tt-top-left .et_pb_image img { display: block; }

.tt-footer-bottom-row { display: flex; align-items: center; } /* Bottom Footer Row: Copyright ↔ Social */
.tt-bot-left,
.tt-bot-right { display: flex; align-items: center; }
.tt-bot-right {
  margin-left: auto;
  justify-content: flex-end;
  gap: 18px;
}
.tt-bot-left p { margin: 0; line-height: 1.2; }

/* Social icons: perfect alignment and sizing */
.tnt-footer-social .tnt-social-wrap { padding: 0; }
.tnt-footer-social .tnt-social img { display: block; width: 26px; height: 26px; }

/* =========================================================
   6) COMPONENTS — Buttons & Quotes (Divi-safe)
   ========================================================= */
.et_pb_button.btn {
  border: 0;
  box-shadow: none;
  letter-spacing: 0;
  text-transform: none;
  padding: 12px 18px;
  border-radius: 10px;
  line-height: 1;
  text-decoration: none;
}

/* Primary — AA compliant */
.et_pb_button.btn-primary {
  background: #C8A45D;
  color: #121212;
}
.et_pb_button.btn-primary:hover,
.et_pb_button.btn-primary:focus {
  background: #B2774F;
  color: #121212;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Secondary — outline on dark */
.et_pb_button.btn-secondary {
  background: transparent;
  color: #C8A45D;
  border: 2px solid #C8A45D;
}
.et_pb_button.btn-secondary:hover,
.et_pb_button.btn-secondary:focus {
  background: #1E1E1E;
  color: #C8A45D;
  border-color: #C8A45D;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Muted */
.et_pb_button.btn-muted {
  background: #2C2C2C;
  color: #E1D9C6;
}
.et_pb_button.btn-muted:hover,
.et_pb_button.btn-muted:focus {
  background: #262626;
  color: #E1D9C6;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Quotes */
.blockquote {
  border-left: 4px solid #C8A45D;
  background: #1B1B1B;
  padding: 20px 24px;
  margin: 32px 0;
  color: #E1D9C6;
}
.pull-quote {
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  line-height: 32px;
  border-top: 3px solid #C8A45D;
  padding-top: 12px;
  margin: 32px auto;
  max-width: 60%;
  text-align: center;
  color: #E1D9C6;
}

/* =========================================================
   6.1) COMPONENTS — Page Title (utility, non-hero)
   ========================================================= */
.tt-title {
  max-width: none;
  width: 100%;
  margin: 0 0 28px;
  padding: 8px 0 0;
}
.tt-title .tt-h1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 64px;
  line-height: 1.06;
  letter-spacing: .2px;
  color: #E1D9C6; /* Taupe for utility pages */
  margin: 0 0 8px;
}
.tt-title .tt-subhead {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 22px;
  line-height: 34px;
  color: #B4A896;
  margin: 0;
  max-width: 72ch;
}
@media (max-width: 980px) {
  .tt-title { margin-bottom: 24px; }
  .tt-title .tt-h1 { font-size: 48px; line-height: 1.08; }
  .tt-title .tt-subhead { font-size: 20px; line-height: 32px; }
}
@media (max-width: 767px) {
  .tt-title { margin-bottom: 20px; }
  .tt-title .tt-h1 { font-size: 36px; line-height: 1.1; }
  .tt-title .tt-subhead { font-size: 18px; line-height: 28px; }
}

/* =========================================================
   6.2) COMPONENTS — Dividers
   ========================================================= */
.tt-divider,
.tt-hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  background: #2C2C2C;
  margin: 28px 0;
}
.tt-divider.is-faint,
.tt-hr.is-faint { background: rgba(180, 168, 150, 0.28); } /* Ash 28% */
.tt-divider.is-strong,
.tt-hr.is-strong { background: #E1D9C6; }                  /* Taupe */
.tt-divider.is-gold,
.tt-hr.is-gold { background: #C8A45D; }                   /* Gold */
.tt-divider.is-cognac,
.tt-hr.is-cognac { background: #A26E47; }                 /* Cognac */
.tt-divider.is-2,
.tt-hr.is-2 { height: 2px; }
.tt-divider.is-3,
.tt-hr.is-3 { height: 3px; }
.tt-divider.is-4,
.tt-hr.is-4 { height: 4px; }
.tt-divider.is-short,
.tt-hr.is-short { width: 64px; }
.tt-divider.is-medium,
.tt-hr.is-medium { width: 160px; }
.tt-divider.is-center,
.tt-hr.is-center { margin-left: auto; margin-right: auto; }
.tt-divider.mt-16,
.tt-hr.mt-16 { margin-top: 16px; }
.tt-divider.mb-16,
.tt-hr.mb-16 { margin-bottom: 16px; }
.tt-divider.mt-40,
.tt-hr.mt-40 { margin-top: 40px; }
.tt-divider.mb-40,
.tt-hr.mb-40 { margin-bottom: 40px; }
.tt-hr.is-dotted,
.tt-hr.is-dashed {
  background: none;
  border-top: 1px dotted rgba(180, 168, 150, 0.5);
}
.tt-hr.is-dashed { border-top-style: dashed; }
.tt-title + .tt-hr,
.tt-title + .tt-divider { margin-top: 18px; }
.light-section .tt-divider,
.light-section .tt-hr { background: #121212; }

/* =========================================================
   6.3) COMPONENTS — Homepage Pillar Cards
   ========================================================= */

/* Column panels for the Journal / Style & Substance / Travel row */
.et_pb_column.tt-pillar-card {
  background-color: #1E1E1E !important;  /* Near Black — matches header/footer */
  border-radius: 8px;
  padding: 32px 24px;
}

/* Slightly tighter padding on small screens */
@media (max-width: 767px) {
  .et_pb_column.tt-pillar-card {
    padding: 24px 18px;
  }
}

/* =========================================================
   6.4) COMPONENTS — Journal Card Feed (Blog Module)
   ========================================================= */

/* Post card panel */
.tt-card-feed .et_pb_post {
  background-color: #1E1E1E !important;               /* Near Black panel */
  border: 1px solid rgba(200, 164, 93, 0.25);         /* Soft gold border */
  border-radius: 8px;
  padding: 0 0 24px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* On tablet/desktop, lock equal card heights */
@media (min-width: 768px) {
  .tt-card-feed .et_pb_post {
    height: 540px;                                    /* tweak to taste */
  }
}

/* Featured image — full bleed at the top */
.tt-card-feed .et_pb_image_container,
.tt-card-feed .entry-featured-image-url {
  margin: 0;
}
.tt-card-feed .et_pb_post a img {
  display: block;
  width: 100%;
  height: auto;
}

/* Title */
.tt-card-feed .entry-title {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  color: #C8A45D;                                     /* Gold */
  padding: 20px 20px 0 20px;
}

/* Meta (date / category) */
.tt-card-feed .post-meta {
  padding: 8px 20px 0 20px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
  color: #E1D9C6 !important;                          /* Oatmeal */
  opacity: 1 !important;
}

/* Excerpt */
.tt-card-feed .post-content {
  padding: 12px 20px 0 20px;
  color: #E1D9C6 !important;                          /* Oatmeal body copy */
  font-size: 15px;
  line-height: 1.6;
  flex-grow: 1;                                       /* fills remaining space */
}

/* Optional "Read More" link if you ever enable it */
.tt-card-feed .more-link {
  display: inline-block;
  margin: 20px 20px 0 20px;
  color: #C8A45D;
  font-weight: 500;
}
.tt-card-feed .more-link:hover {
  opacity: 0.8;
}

/* =========================================================
   6.5) COMPONENTS — Table of Contents (shortcode [tt_toc])
   ========================================================= */
.tt-toc {
  background: #1B1B1B;
  border: 1px solid #2C2C2C;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 16px 0 28px;
  color: #E1D9C6;
}
/* Title */
.tt-toc__title {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1.2;
  color: #C8A45D; /* Gold */
  margin: 0 0 10px;
}

/* Lists */
.tt-toc__list,
.tt-toc__sub {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tt-toc__list > li {
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid rgba(180, 168, 150, .18); /* Ash 18% */
}
.tt-toc__list > li:first-child { border-top: 0; }

/* Links */
.tt-toc__list a {
  color: #E1D9C6; /* Taupe */
  text-decoration: none;
  transition: color .18s ease, text-decoration .18s ease;
}
.tt-toc__list a:hover {
  color: #C8A45D; /* Gold */
  text-decoration: underline;
}

/* H3 children */
.tt-toc__sub {
  margin: 6px 0 0 0;
  padding-left: 14px;
  border-left: 2px solid rgba(200, 164, 93, .35); /* Gold 35% */
}
.tt-toc__sub > li { padding: 4px 0; }

/* Keyboard focus */
.tt-toc a:focus-visible {
  outline: 2px solid #C8A45D;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Optional sticky card (add class "is-sticky" on the wrapper) */
@media (min-width: 981px) {
  .tt-toc.is-sticky { position: sticky; top: 96px; }
}

/* Slightly tighter on phones */
@media (max-width: 767px) {
  .tt-toc { padding: 14px 14px; }
  .tt-toc__title { font-size: 13px; }
  .tt-toc__list a { font-size: 16px; line-height: 1.35; }
}

@supports (scroll-margin-top: 1px) {
  h2[id],
  h3[id],
  .entry-content h2[id],
  .entry-content h3[id],
  .et_pb_text h2[id],
  .et_pb_text h3[id] {
    scroll-margin-top: 96px;
  }
}
@supports not (scroll-margin-top: 1px) {
  :target::before {
    content: "";
    display: block;
    height: 96px;
    margin-top: -96px;
  }
}

/* =========================================================
   6.6) COMPONENTS — Footer Signup (Kit)
   ========================================================= */

/* Footer signup row: center items vertically, keep row tight */
.tt-footer .tt-footer-row {
  display: flex !important;
  align-items: center !important;
  padding-top: 18px;
  padding-bottom: 12px;
}

/* Right column: force contents to the far right & vertically centered */
.tt-footer .tt-footer-row .et_pb_column:last-child {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Any module inside that right column should not fight centering */
.tt-footer .tt-footer-row .et_pb_column:last-child .et_pb_module {
  align-self: center !important;
  margin: 0 !important;
}

/* The embedded Kit form wrapper (Code module has class .tt-footer-signup) */
.tt-footer .tt-footer-signup {
  margin-left: auto !important;
  text-align: right;
  max-width: 520px;
}

/* Strip Kit chrome/spacing */
.tt-footer .tt-footer-signup .formkit-form {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Fields row (input + button) */
.tt-footer .tt-footer-signup .formkit-fields {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the Kit label in all the ways it appears */
.tt-footer .tt-footer-signup .formkit-form [data-element="label"],
.tt-footer .tt-footer-signup .formkit-form label,
.tt-footer .tt-footer-signup [for*="email"] {
  display: none !important;
}

/* Input */
.tt-footer .tt-footer-signup .formkit-input {
  background: #1E1E1E !important;
  color: #E1D9C6 !important;
  border: 1px solid #2C2C2C !important;
  border-radius: 0 !important;              /* square to match buttons */
  height: 44px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
}
.tt-footer .tt-footer-signup .formkit-input::placeholder { color: #B4A896 !important; }
.tt-footer .tt-footer-signup .formkit-input:focus {
  outline: 2px solid #C8A45D !important;
  border-color: #C8A45D !important;
}

/* Button — gold square */
.tt-footer .tt-footer-signup .formkit-submit {
  background: #C8A45D !important;
  color: #121212 !important;
  border: 0 !important;
  border-radius: 0 !important;
  height: 44px !important;
  padding: 0 16px !important;
  font-weight: 600;
  letter-spacing: .2px;
  margin: 0 !important;
}
.tt-footer .tt-footer-signup .formkit-submit:hover,
.tt-footer .tt-footer-signup .formkit-submit:focus {
  background: #B2774F !important;
  color: #121212 !important;
}

/* Hide leftover Kit bits */
.tt-footer .tt-footer-signup [data-element="header"],
.tt-footer .tt-footer-signup [data-element="subheader"],
.tt-footer .tt-footer-signup .formkit-background,
.tt-footer .tt-footer-signup .formkit-alert,
.tt-footer .tt-footer-signup .formkit-guarantee,
.tt-footer .tt-footer-signup .formkit-powered-by-convertkit-container {
  display: none !important;
}

/* Contact micro rhythm (no conflicts) */
.tt-contact .tt-contact-title { margin: 0 0 6px; }
.tt-contact .tt-contact-subhead { margin: 0 0 8px; }
.tt-contact .tt-contact-body { margin: 0 0 10px; max-width: 62ch; }
.tt-contact .tt-contact-note.small { margin-top: 6px; }

/* Desktop: align form baseline with copy */
@media (min-width: 981px) {
  .tt-contact .et_pb_row { display: flex; align-items: center; }
  .tt-contact .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* Mobile: center footer form row (input + button) and contact form */
@media (max-width: 767px) {
  .tt-footer .tt-footer-signup .formkit-fields { justify-content: center !important; }
  .tt-contact-form { margin-left: 0; margin-right: 0; text-align: center; }
  .tt-contact-form .ff-el-group,
  .tt-contact-form .ff-btn-submit { margin-left: auto; margin-right: auto; }
}

/* Pull social row up a touch */
.tt-footer-bottom { padding-top: 8px; }

@media (min-width: 981px) {
  .tt-footer .tt-footer-signup { margin-top: 15px; } /* adjust to taste */
}

@media (max-width: 980px) {
  .tt-footer .tt-footer-row .et_pb_column:last-child {
    justify-content: center !important;
  }
  .tt-footer .tt-footer-signup {
    margin-left: 0 !important;
    text-align: center;
  }
  .tt-footer .tt-footer-signup .formkit-fields {
    justify-content: center !important;
  }
}

/* =========================================================
   6.7) COMPONENTS — Contact (Fluent Forms) — UPDATED
   ========================================================= */

/* Wrapper (apply class "tt-contact-form" to the module/row) */
.tt-contact-form {
  margin-left: auto;
  text-align: left;
}
@media (max-width: 767px) {
  .tt-contact-form { margin: 0 auto; }
}

/* Field spacing */
.tt-contact-form .ff-el-group { margin-bottom: 14px; }

/* Labels */
.tt-contact-form .ff-el-input--label label {
  color: #E1D9C6;
  font-weight: 600;
  letter-spacing: .2px;
  margin-bottom: 6px;
  display: block;
}

/* --- Inputs & textarea: match footer signup --- */
.tt-contact-form .ff-el-form-control,
.tt-contact-form input[type="text"],
.tt-contact-form input[type="email"],
.tt-contact-form input[type="tel"],
.tt-contact-form input[type="url"],
.tt-contact-form input[type="number"],
.tt-contact-form input[type="password"],
.tt-contact-form select,
.tt-contact-form textarea,
.tt-contact-form .fluentform .ff-el-form-control,
.fluentform .ff-el-form-control {
  background: #1E1E1E !important;        /* dark panel */
  color: #E1D9C6 !important;             /* taupe text */
  border: 1px solid #C8A45D !important;  /* GOLD border (like footer) */
  border-radius: 0 !important;           /* square corners */
  padding: 12px 14px;
  line-height: 1.4;
  width: 100%;
  box-shadow: none !important;
}

.tt-contact-form textarea { min-height: 160px; resize: vertical; }

/* Placeholders */
.tt-contact-form .ff-el-form-control::placeholder,
.tt-contact-form input::placeholder,
.tt-contact-form textarea::placeholder {
  color: #B4A896;
}

/* Focus state: gold ring, no white flash */
.tt-contact-form .ff-el-form-control:focus,
.tt-contact-form input:focus,
.tt-contact-form select:focus,
.tt-contact-form textarea:focus,
.fluentform .ff-el-form-control:focus {
  background: #1E1E1E !important;
  color: #E1D9C6 !important;
  border-color: #C8A45D !important;
  outline: 2px solid #C8A45D !important;
  outline-offset: 0;
  box-shadow: 0 0 0 2px rgba(200, 164, 93, .25) !important;
}

/* Autofill (Chrome/Safari) */
.tt-contact-form input:-webkit-autofill,
.tt-contact-form textarea:-webkit-autofill,
.tt-contact-form select:-webkit-autofill {
  -webkit-text-fill-color: #E1D9C6 !important;
  transition: background-color 9999s ease-out 0s;
  box-shadow: 0 0 0 1000px #1E1E1E inset !important;
}

/* Consent / checkbox */
.tt-contact-form .ff-el-form-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 0;
  border: 1px solid #C8A45D;
  background: #1E1E1E;
}
.tt-contact-form .ff-el-form-check input[type="checkbox"]:focus {
  outline: 2px solid #C8A45D !important;
  box-shadow: 0 0 0 2px rgba(200, 164, 93, .25) !important;
}
.tt-contact-form .ff-el-form-check-label {
  color: #E1D9C6;
}
.tt-contact-form .ff-el-form-check-label a {
  color: #C8A45D;
  text-decoration: underline;
}
.tt-contact-form .ff-el-form-check-label a:hover {
  color: #A26E47;
}

/* Submit button — same visual language as footer buttons */
.tt-contact-form .ff-btn-submit,
.tt-contact-form button[type="submit"] {
  background: #C8A45D;
  color: #121212;
  border: 0;
  border-radius: 0 !important;          /* square */
  padding: 12px 18px;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 1;
  cursor: pointer;
}
.tt-contact-form .ff-btn-submit:hover,
.tt-contact-form .ff-btn-submit:focus {
  background: #B2774F;
  color: #121212;
}

/* Success & error messages */
.tt-contact-form .ff-el-is-error .ff-el-form-control { border-color: #c94141 !important; }
.tt-contact-form .ff-message-success,
.tt-contact-form .ff-message-success * { color: #E1D9C6; }
.tt-contact-form .ff-message-error,
.tt-contact-form .ff-message-error * { color: #E1D9C6; }

/* Submit alignment */
.tt-contact-form .ff_submit_btn_wrapper { text-align: right; }
@media (max-width: 767px) {
  .tt-contact-form .ff_submit_btn_wrapper { text-align: center; }
  .tt-contact-form .ff-btn-submit { width: 100%; }
}

/* 6.8) COMPONENTS — Header Menu Search (Inline)  */

body .et_pb_menu .et_pb_menu__search-input {
  border: 0 !important;
  width: 100%;
  background: transparent !important;
  color: #E1D9C6 !important;        /* Oatmeal text */
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 16px !important;
}

/* Placeholder text */
body .et_pb_menu .et_pb_menu__search-input::placeholder {
  color: #B4A896 !important;        /* Ash */
  opacity: 1;                       /* Make sure it's visible */
}
/* Remove browser clear (blue X) inside the search field */
body .et_pb_menu .et_pb_menu__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

/* =========================================================
   6.9) COMPONENTS — Hero Overlay Utility
   ========================================================= */

/* Base overlay for any hero-style section */
.tt-hero-overlay {
  position: relative;
  overflow: hidden; /* keep overlay clipped to section */
}

.tt-hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18, 18, 18, 0.65); /* Obsidian at 65% — default overlay */
  pointer-events: none;               /* clicks go through to links/buttons */
  z-index: 1;
}

/* Ensure inner content sits above the overlay */
.tt-hero-overlay > .et_pb_row,
.tt-hero-overlay > .et_pb_module,
.tt-hero-overlay .et_pb_row,
.tt-hero-overlay .et_pb_column,
.tt-hero-overlay .et_pb_module {
  position: relative;
  z-index: 2;
}

/* Stronger overlay variant — use for the homepage hero image */
.tt-hero-overlay--home::before {
  background: rgba(18, 18, 18, 0.80); /* Obsidian at 80% — darker for lighter images */
}
/* =========================================================
   6.10) COMPONENTS — Desk Filters (Journal / Style / Travel)
   ========================================================= */

/* Filter bar wrapper (goes above the Blog module) */
.tt-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
}

/* Filter buttons */
.tt-filter-btn {
  background: #1E1E1E;              /* Near Black — matches header/footer */
  color: #E1D9C6;                   /* Taupe text */
  border: 1px solid #2C2C2C;        /* Subtle border */
  padding: 8px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 999px;             /* Pill buttons */
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.1s ease;
}

/* Hover / focus state */
.tt-filter-btn:hover,
.tt-filter-btn:focus {
  background: #2C2C2C;
  border-color: #C8A45D;            /* Gold outline on hover */
  color: #E1D9C6;
  transform: translateY(-1px);
}

/* Active state (current filter) */
.tt-filter-btn.is-active {
  background: #C8A45D;             /* Gold pill when active */
  border-color: #C8A45D;
  color: #121212;                  /* Dark text */
}

/* Utility: hide non-matching posts when filtered */
.tt-grid-item-hidden {
  display: none !important;
}

/* =========================================================
   6.11) COMPONENTS — Single Post Meta (Post Title module)
   ========================================================= */

/* Wrapper on the Post Title module: add class "tt-post-meta" in Divi */
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container {
  font-size: 15px;
  line-height: 1.6;
  color: #B4A896 !important;   /* Ash */
  margin-bottom: 18px;
}

/* Base text in the meta line (date, separators, labels, etc.) */
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container,
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container span,
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container .published,
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container .et_pb_title_meta_date {
  color: #B4A896 !important;   /* Ash */
  font-style: normal !important;
}

/* Links (author name, categories) — gold */
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container a {
  color: #C8A45D !important;   /* Gold */
  font-style: normal !important;
  text-decoration: none;
}

/* Author only — italic for a subtle accent */
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container .author,
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container .et_pb_title_meta_author {
  font-style: italic !important;
}

/* Hover state — Cognac accent */
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container a:hover,
.et_pb_post_title.tt-post-meta .et_pb_title_meta_container a:focus {
  color: #A26E47 !important;   /* Cognac */
  text-decoration: underline;
}

/* --- Search widget field & button inside sidebar (broad match) --- */

/* Text input inside the sidebar search widget */
.et_pb_widget_area .widget_search input[type="search"],
.et_pb_widget_area .widget_search input[type="text"],
.et_pb_widget_area .widget_search .search-field,
.et_pb_widget_area .search-form input[type="search"],
.et_pb_widget_area .search-form input[type="text"],
.et_pb_widget_area .search-form .search-field {
  width: 100% !important;
  box-sizing: border-box;
  background: #1E1E1E !important;      /* Match widget card */
  border: 1px solid #2C2C2C !important;
  color: #E1D9C6 !important;
  padding: 10px 12px;
  font-size: 14px;
}

/* Placeholder text */
.et_pb_widget_area .widget_search input[type="search"]::placeholder,
.et_pb_widget_area .widget_search input[type="text"]::placeholder,
.et_pb_widget_area .widget_search .search-field::placeholder,
.et_pb_widget_area .search-form input[type="search"]::placeholder,
.et_pb_widget_area .search-form input[type="text"]::placeholder,
.et_pb_widget_area .search-form .search-field::placeholder {
  color: #B4A896 !important;           /* Ash placeholder */
}

/* Focus ring on the search field */
.et_pb_widget_area .widget_search input[type="search"]:focus,
.et_pb_widget_area .widget_search input[type="text"]:focus,
.et_pb_widget_area .widget_search .search-field:focus,
.et_pb_widget_area .search-form input[type="search"]:focus,
.et_pb_widget_area .search-form input[type="text"]:focus,
.et_pb_widget_area .search-form .search-field:focus {
  border-color: #C8A45D !important;
  outline: 2px solid #C8A45D !important;
  outline-offset: 0;
}

/* Search submit button if present */
.et_pb_widget_area .widget_search input[type="submit"],
.et_pb_widget_area .search-form input[type="submit"] {
  margin-top: 8px;
  background: #C8A45D !important;
  color: #121212 !important;
  border: 0;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
}

.et_pb_widget_area .widget_search input[type="submit"]:hover,
.et_pb_widget_area .search-form input[type="submit"]:hover {
  background: #B2774F !important;
}
/* Sidebar widget links — enforce oatmeal + gold hover */
.tt-sidebar-col .widget a,
.et_pb_widget_area.tt-sidebar-col .widget a {
  color: #E1D9C6 !important;      /* Oatmeal links */
  text-decoration: none;
}

.tt-sidebar-col .widget a:hover,
.et_pb_widget_area.tt-sidebar-col .widget a:hover {
  color: #C8A45D !important;      /* Gold hover */
}
/* Search submit button — remove white outline / shadow */
.et_pb_widget_area .widget_search input[type="submit"],
.et_pb_widget_area .search-form input[type="submit"] {
  margin-top: 8px;
  background: #C8A45D !important;
  color: #121212 !important;
  border: 0 !important;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
  box-shadow: none !important;
  outline: none !important;
}

/* Focus state: branded, no ghost outline */
.et_pb_widget_area .widget_search input[type="submit"]:focus,
.et_pb_widget_area .search-form input[type="submit"]:focus {
  outline: 2px solid #C8A45D !important;
  outline-offset: 0;
  box-shadow: none !important;
}

/* =========================================================
   6.12) COMPONENTS — Sidebar Column & Search Branding
   ========================================================= */

/* Sidebar column wrapper (Divi layout column with class .tt-sidebar-col) */
.tt-sidebar-col {
  /* Optional: if you want a subtle column divider */
  border-left: 1px solid #2C2C2C;
  padding-left: 24px;
}

/* Sidebar widget "cards" in both classic sidebar and tt-sidebar-col */
.sidebar .widget,
.tt-sidebar-col .widget {
  background: #1E1E1E;              /* Near black panel */
  border-radius: 8px;
  padding: 18px 16px;
  margin: 0 0 20px;
}

/* Widget titles */
.sidebar .widgettitle,
.tt-sidebar-col .widgettitle {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C8A45D;                   /* Gold */
  margin: 0 0 10px;
}

/* Widget text and links */
.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li,
.tt-sidebar-col .widget,
.tt-sidebar-col .widget p,
.tt-sidebar-col .widget li {
  font-size: 14px;
  line-height: 1.5;
  color: #E1D9C6;                   /* Oatmeal / Taupe */
}

.sidebar .widget a,
.tt-sidebar-col .widget a {
  color: #E1D9C6;                   /* Oatmeal links */
  text-decoration: none;
}

.sidebar .widget a:hover,
.tt-sidebar-col .widget a:hover {
  color: #C8A45D;                   /* Gold hover */
}

/* --- Search widget field & button (both classic + new sidebar) --- */

/* Text input inside sidebar search */
.sidebar .widget_search input[type="search"],
.tt-sidebar-col .widget_search input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  background: #1E1E1E;              /* Match panels */
  border: 1px solid #2C2C2C;
  color: #E1D9C6;
  padding: 10px 12px;
  font-size: 14px;
}

.sidebar .widget_search input[type="search"]::placeholder,
.tt-sidebar-col .widget_search input[type="search"]::placeholder {
  color: #B4A896;                   /* Ash placeholder */
}

/* Focus ring */
.sidebar .widget_search input[type="search"]:focus,
.tt-sidebar-col .widget_search input[type="search"]:focus {
  border-color: #C8A45D;
  outline: 2px solid #C8A45D;
  outline-offset: 0;
}

/* Search button (if rendered) */
.sidebar .widget_search input[type="submit"],
.tt-sidebar-col .widget_search input[type="submit"] {
  margin-top: 8px;
  background: #C8A45D;
  color: #121212;
  border: 0;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
}
.sidebar .widget_search input[type="submit"]:hover,
.tt-sidebar-col .widget_search input[type="submit"]:hover {
  background: #B2774F;
}
.et_pb_widget_area .et_pb_widget a {
    color: #E1D9C6 !important;    /* Oatmeal */
}

/* Force hover color */
.et_pb_widget_area .et_pb_widget a:hover {
    color: #C8A45D !important;    /* Gold hover */
}

.et_pb_widget_area .et_pb_widget {
  background: #1E1E1E !important;     /* Card background */
  border-radius: 8px !important;       /* Rounded corners */
  padding: 18px 16px !important;
  margin-bottom: 20px !important;
  box-sizing: border-box;
}

/* Widget titles */
.et_pb_widget_area .et_pb_widget .widgettitle {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C8A45D !important;
  margin: 0 0 10px;
}

/* Widget text + body */
.et_pb_widget_area .et_pb_widget,
.et_pb_widget_area .et_pb_widget p,
.et_pb_widget_area .et_pb_widget li {
  color: #E1D9C6 !important;          /* Oatmeal */
  font-size: 16px;
  line-height: 1.5;
}

/* Links inside widgets */
.et_pb_widget_area .et_pb_widget a {
  color: #E1D9C6 !important;          /* Oatmeal links */
  text-decoration: none;
}

.et_pb_widget_area .et_pb_widget a:hover {
  color: #C8A45D !important;          /* Gold hover */
}

/* Divider line for right sidebar layouts */
.et_pb_widget_area_right {
  border-left: 1px solid #2C2C2C !important;
  padding-left: 24px !important;
}

/* Search input styling */
.et_pb_widget_area .widget_search input[type="search"],
.et_pb_widget_area .widget_search input[type="text"],
.et_pb_widget_area .widget_search .search-field {
  width: 100% !important;
  background: #1E1E1E !important;
  border: 1px solid #2C2C2C !important;
  color: #E1D9C6 !important;
  padding: 10px 12px;
  font-size: 14px;
}

.et_pb_widget_area .widget_search input::placeholder {
  color: #B4A896 !important;
}

/* Search submit button */
.et_pb_widget_area .widget_search input[type="submit"] {
  margin-top: 8px;
  background: #C8A45D !important;
  color: #121212 !important;
  border: none !important;
  padding: 8px 14px;
  cursor: pointer;
}

.et_pb_widget_area .widget_search input[type="submit"]:hover {
  background: #B2774F !important;
}

/* =========================================================
   7) Accessibility / Motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .et-menu-nav .menu-item-has-children > a:after,
  .et_pb_menu .menu-item-has-children > a:after,
  .tnt-footer-social .tnt-social a,
  .tnt-footer-social .tnt-social img {
    transition: none;
  }
}

/* =========================================================
   8) FIX — Divi multi-view hiding excerpts on front end
   ========================================================= */

/* On the normal front end, allow multi-view content to render */
body:not(.et-fb) .et_multi_view_hidden,
body:not(.et-fb) .et_multi_view_hidden_image {
  display: block !important;
}