/* --- Transparent Header Styling --- */
.site-title, 
.site-logo-text a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFFFFF !important;
}

.main-header-menu a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  color: #FFFFFF !important;
  transition: color 0.3s ease;
}

.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
  color: #FF6F61 !important;  /* Accent hover/active color */
}

/* Mobile menu text */
.ast-mobile-header-wrap .main-header-menu a {
  font-size: 16px;
  color: #FFFFFF !important;
}
/* Force menu text color to gray */
.main-header-menu a {
    color: #555555 !important;   /* medium gray */
}

/* Keep gray on hover and active too */
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
    color: #555555 !important;
}
/* Load Playfair Display with multiple weights */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap');

/* Body text */
body, p, li, a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 400; /* normal weight */
    line-height: 1.6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700; /* bold for emphasis */
    letter-spacing: 0.5px;
}

/* Subheadings or secondary emphasis */
h3, h4 {
    font-weight: 500; /* medium weight */
}

/* Buttons and inputs */
button, input, select, textarea {
    font-family: 'Playfair Display', serif !important;
    font-weight: 500;
}
/* Mobile menu background */
.mobile-menu {
    background-color: #2E2E2E !important;  /* rich dark gray */
}

/* Menu text */
.mobile-menu a, 
.mobile-menu li {
    color: #FFFFFF !important;   /* white text for contrast */
    font-family: 'Playfair Display', serif !important;
    font-weight: 600;
}

/* Active/Hover state */
.mobile-menu a:hover, 
.mobile-menu .current-menu-item a {
    color: #FFD700 !important;   /* gold highlight on hover */
}
html { scroll-behavior: smooth; }
.ast-desktop .main-header-menu a,
.ast-mobile-popup-content .ast-menu-toggle,
.ast-mobile-popup-content .menu-item a { color:#111 !important; }
.ast-mobile-popup-content, .astra-menu-animation-slide-down .sub-menu { background:#fff; }
/* Style for the homepage menu link */
.home-link a {
  font-weight: bold;
  text-transform: uppercase;
  color: #ff6600; /* change this color */
}

.home-link a:hover {
  color: #222; /* hover color */
  background-color: #f4f4f4; /* optional hover background */
}
/* Style for the 'Being a Black Woman in America's South' menu link */
.blackwoman-south a {
  font-style: italic;
  font-weight: 600;
  color: #8B0000; /* deep red for emphasis */
  letter-spacing: 0.5px;
}

.blackwoman-south a:hover {
  color: #222; /* hover text color */
  background-color: #f2f2f2; /* hover background */
  text-decoration: underline; /* underline effect */
}
/* =============================
   Menu Styling by Section
   ============================= */

/* General styling for all menu items */
#site-navigation .main-navigation ul li a {
  font-family: "Georgia", serif;
  font-weight: 600;
  padding: 8px 12px;
  transition: all 0.3s ease;
}

/* --- The Refusal (Home) --- */
.menu-refusal a {
  color: #000000; /* strong black */
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu-refusal a:hover {
  color: #FF6600; /* peach-orange highlight */
  border-bottom: 2px solid #FF6600;
}

/* --- Being a Black Woman in America’s South --- */
.menu-blackwoman-south a {
  font-style: italic;
  color: #8B0000; /* deep resilient red */
}
.menu-blackwoman-south a:hover {
  color: #222;
  background-color: #f8f8f8;
  text-decoration: underline;
}

/* --- Blog..Let’s Unbox --- */
.menu-blog a {
  color: #333366; /* dark navy */
}
.menu-blog a:hover {
  color: #FF6600;
  text-decoration: underline dotted;
}

/* --- Shop --- */
.menu-shop a {
  color: #006400; /* deep green */
  font-weight: bold;
}
.menu-shop a:hover {
  color: #FFFFFF;
  background-color: #006400;
  padding: 8px 14px;
  border-radius: 4px;
}
/* The Refusal at Work: More Than Just the Job */
.menu-refusal-work a {
  color: #2c3e50; /* deep gray-blue */
  font-weight: 600;
  letter-spacing: 0.5px;
}

.menu-refusal-work a:hover,
.menu-refusal-work.current-menu-item a {
  color: #FF6600; /* brand peach highlight */
  border-bottom: 2px solid #FF6600;
}
/* Being a Black Woman at 46 in America's South */
.menu-blackwoman-46 a {
  color: #8B0000; /* deep red for resilience */
  font-style: italic;
  font-weight: 600;
}

.menu-blackwoman-46 a:hover,
.menu-blackwoman-46.current-menu-item a {
  color: #FF6600; /* brand peach accent */
  text-decoration: underline;
}
/* Confronting 5 Hard Truths in the Workplace as a Black Woman */
.menu-5-truths a {
  color: #333366; /* deep navy */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.menu-5-truths a:hover,
.menu-5-truths.current-menu-item a {
  color: #FF6600; /* brand peach accent */
  border-bottom: 2px solid #FF6600;
}
/* About Me… Unboxed. Unbroken. Unapologetic. */
.menu-about-me a {
  color: #444; /* neutral dark gray */
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.menu-about-me a:hover,
.menu-about-me.current-menu-item a {
  color: #FF6600; /* brand peach accent */
  text-decoration: underline wavy;
}
/* Remove black background from mobile menu toggle (Unbox) */
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle:focus,
.ast-button-wrap .menu-toggle:hover {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Remove background behind active/selected menu items */
.ast-mobile-header-content .ast-builder-menu .menu-item a,
.ast-mobile-header-content .ast-builder-menu .menu-item a:focus,
.ast-mobile-header-content .ast-builder-menu .menu-item a:hover {
    background: transparent !important;
}
/* Remove black background behind "Unbox" text */
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle span,
.ast-mobile-menu-trigger {
    background: none !important;
    box-shadow: none !important;
}

/* Remove padding/extra box look */
.ast-button-wrap .menu-toggle {
    padding: 0 !important;
}

/* Change hamburger line color */
.ast-mobile-menu-trigger .ast-mobile-svg {
    fill: #e67e22 !important; /* change this hex to your theme color */
}

/* Style the word "Unbox" */
.ast-button-wrap .menu-toggle span.ast-icon-label {
    background: none !important;
    color: #000 !important; /* change text color here */
    padding: 0 !important;
}
/* --- Mobile Menu + Unbox Styling --- */

/* Remove background & box */
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle span,
.ast-mobile-menu-trigger {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Hamburger icon lines */
.ast-mobile-menu-trigger .ast-mobile-svg {
    fill: #e67e22 !important; /* brand accent peach/orange */
    transition: fill 0.3s ease;
}

/* Change hamburger on hover */
.ast-mobile-menu-trigger:hover .ast-mobile-svg {
    fill: #f39c4d !important; /* lighter peach on hover */
}

/* Style "Unbox" text */
.ast-button-wrap .menu-toggle span.ast-icon-label {
    background: none !important;
    color: #e67e22 !important; /* brand accent */
    padding: 0 !important;
    font-weight: 600;
    transition: color 0.3s ease;
}
/* --- Unbox: high-contrast text + icon, no background --- */

/* kill background wrappers */
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle span,
.ast-mobile-menu-trigger {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: 0 !important;
}

/* hamburger icon (closed + open) */
.ast-mobile-menu-trigger .ast-mobile-svg,
.ast-mobile-popup-drawer.active .ast-mobile-menu-trigger .ast-mobile-svg {
  fill: #111 !important;            /* near-black for visibility */
  stroke: #111 !important;
  stroke-width: 0.5px !important;
  transition: fill .2s ease;
}
.ast-mobile-menu-trigger:hover .ast-mobile-svg {
  fill: #d35400 !important;         /* brand accent on hover */
  stroke: #d35400 !important;
}

/* "Unbox" label text */
.ast-button-wrap .menu-toggle .ast-icon-label {
  color: #111 !important;           /* near-black */
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .6px;
  line-height: 1;
  padding: 0 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.6),
               0 0 1px rgba(0,0,0,.25);  /* subtle outline on white */
  transition: color .2s ease;
}
.ast-button-wrap .menu-toggle:hover .ast-icon-label {
  color: #d35400 !important;        /* accent on hover */
}

/* ensure no theme hover background */
.ast-mobile-header-content .ast-builder-menu .menu-item a,
.ast-mobile-header-content .ast-builder-menu .menu-item a:hover,
.ast-button-wrap .menu-toggle:focus {
  background: transparent !important;
}

/* optional: increase tap target slightly without adding bg */
.ast-button-wrap .menu-toggle {
  margin: 2px 0 !important;
}

/* if header is transparent over light hero, force contrast */
.site-header.ast-transparent-header .ast-mobile-menu-trigger .ast-mobile-svg,
.ast-button-wrap .menu-toggle .ast-icon-label {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}
/* ===== Unbox menu toggle: no background, dark text & icon ===== */

/* remove any bg/overlay the theme adds */
.ast-button-wrap .menu-toggle,
.ast-button-wrap .menu-toggle::before,
.ast-button-wrap .menu-toggle::after,
.site-header .ast-mobile-header-content .menu-toggle,
.site-header .ast-mobile-header-content .menu-toggle::before,
.site-header .ast-mobile-header-content .menu-toggle::after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* force the "Unbox" label color/opactity */
.menu-toggle .ast-icon-label,
.menu-toggle .menu-toggle-text {
  color: #111111 !important;        /* near-black for white backgrounds */
  opacity: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,.75); /* edge on light photos */
}

/* hamburger icon (Astra uses SVG) */
.menu-toggle .ast-mobile-svg,
.menu-toggle svg,
.menu-toggle svg * {
  fill: #111111 !important;
  stroke: #111111 !important;
  opacity: 1 !important;
}

/* hover/focus state (match brand accent) */
.menu-toggle:hover .ast-icon-label { color: #d35400 !important; }
.menu-toggle:hover svg,
.menu-toggle:hover svg * { fill: #d35400 !important; stroke: #d35400 !important; }

/* make sure transparent + sticky headers don't wash it out */
.site-header.ast-transparent-header .menu-toggle .ast-icon-label,
.site-header.ast-transparent-header .menu-toggle svg,
.site-header.ast-transparent-header .menu-toggle svg *,
.ast-sticky-active .menu-toggle .ast-icon-label,
.ast-sticky-active .menu-toggle svg,
.ast-sticky-active .menu-toggle svg * {
  color: #000000 !important;
  fill:  #000000 !important;
  stroke:#000000 !important;
  opacity: 1 !important;
}
/* ==== Force "Unbox" text to show (all Astra variants) ==== */
.menu-toggle,
.menu-toggle * { background: transparent !important; }

.menu-toggle .ast-icon-label,
.menu-toggle .menu-toggle-text,
.menu-toggle .ast-button-text,
.main-header-menu-toggle .menu-toggle-text,
.ast-header-break-point .main-header-menu-toggle .menu-toggle-text,
.ast-mobile-menu-trigger,
.ast-mobile-menu-trigger * {
  color: #000000 !important;      /* darker than before */
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.75); /* keeps it readable on photos */
}

/* (optional) hover accent for the text too */
.menu-toggle:hover .ast-icon-label,
.menu-toggle:hover .menu-toggle-text,
.menu-toggle:hover .ast-button-text {
  color: #d35400 !important;
}
/* ===== Mobile Dropdown Menu Background & Arrow Visibility ===== */

/* Background of mobile dropdown */
.ast-header-break-point .main-header-menu,
.ast-header-break-point .main-navigation ul {
  background-color: #ffffff !important;  /* White background */
}

/* Menu item text inside dropdown */
.ast-header-break-point .main-header-menu a {
  color: #111111 !important;  /* Dark text */
  font-weight: 600;
}

/* Dropdown arrow (chevron/indicator) */
.ast-header-break-point .menu-item-has-children > .ast-menu-toggle {
  color: #111111 !important;  /* Dark arrow color */
  font-size: 20px;            /* Make it larger */
}

/* On hover / active */
.ast-header-break-point .main-header-menu a:hover,
.ast-header-break-point .menu-item-has-children > .ast-menu-toggle:hover {
  color: #d35400 !important;  /* Accent color for hover */
}