.full-screen-cover {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
/* Make banner blocks full screen width & height */
.wp-block-cover.alignfull {
    width: 100vw; /* full viewport width */
    height: 100vh; /* full viewport height */
    margin: 0;
    padding: 0;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

/* Ensure the image covers the whole space */
.wp-block-cover.alignfull img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Optional: Add a subtle parallax scroll effect */
.wp-block-cover.alignfull {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Remove theme container restrictions */
body .site-content,
body .entry-conten
/* Full page background */
body {
    background-color: #dfe3df; /* soft sage-parchment */
}

/* Header ribbons */
header, .wp-block-cover {
    background-color: #aab3ab; /* sage ribbons */
}

/* Optional footer tint */
footer {
    background-color: #dfe3df;
.wp-block-group, .wp-block-cover__inner-container {
    background-color: #f9f9f6; /* ivory */
    border-radius: 8px;
    padding: 1.5rem;
}
a, .wp-block-button__link {
    color: #888b88; /* warm grey accents */
}
a:hover {
    color: #b8a77f; /* muted gold on hover */
}
/* Global Typography Defaults */
body {
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 1.7;
  color: #333333;
}

/* Headings Soft Style */
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
  font-style: italic;
  color: #2c2c2c;
  letter-spacing: 0.5px;
}

/* Blockquote Styling */
blockquote {
  font-family: Georgia, serif;
  font-style: italic;
  background: #f8f8f8;
  border-left: 4px solid #aab3ab; /* sage */
  padding: 1em 1.5em;
  margin: 1.5em 0;
  color: #4b4b4b;
}

/* Pull Quote Styling */
.wp-block-pullquote {
  font-family: Georgia, serif;
  font-size: 1.4em;
  font-style: italic;
  color: #2c2c2c;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 1.2em;
  text-align: center;
  max-width: 66%;
  margin: 2em auto;
}

/* Links */
a {
  color: #bfa36f; /* gold */
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: #8a9a83; /* sage hover */
  text-decoration: underline;
}
/* Global Typography Defaults */
body, p, .wp-block-paragraph {
  font-family: Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
}

/* Headings Soft Style */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #2c2c2c !important;
  letter-spacing: 0.5px !important;
}

/* Blockquote Styling */
blockquote, .wp-block-quote {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  background: #f8f8f8 !important;
  border-left: 4px solid #aab3ab !important; /* sage */
  padding: 1em 1.5em !important;
  margin: 1.5em 0 !important;
  color: #4b4b4b !important;
}

/* Pull Quote Styling */
.wp-block-pullquote {
  font-family: Georgia, serif !important;
  font-size: 1.4em !important;
  font-style: italic !important;
  color: #2c2c2c !important;
  background: #f9f9f9 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 1.2em !important;
  text-align: center !important;
  max-width: 66% !important;
  margin: 2em auto !important;
}

/* Links */
a, .wp-block a {
  color: #bfa36f !important; /* gold */
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

a:hover, .wp-block a:hover {
  color: #8a9a83 !important; /* sage hover */
  text-decoration: underline !important;
}
/* Force Being Human Styles Globally */
body * {
  font-family: Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #2c2c2c !important;
  letter-spacing: 0.5px !important;
}

blockquote, .wp-block-quote {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  background: #f8f8f8 !important;
  border-left: 4px solid #aab3ab !important;
  padding: 1em 1.5em !important;
  margin: 1.5em 0 !important;
  color: #4b4b4b !important;
}

.wp-block-pullquote {
  font-family: Georgia, serif !important;
  font-size: 1.4em !important;
  font-style: italic !important;
  color: #2c2c2c !important;
  background: #f9f9f9 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 1.2em !important;
  text-align: center !important;
  max-width: 66% !important;
  margin: 2em auto !important;
}

a, .wp-block a {
  color: #bfa36f !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

a:hover, .wp-block a:hover {
  color: #8a9a83 !important;
  text-decoration: underline !important;
}
/* 🍃 Blockquote Styling */
blockquote, .wp-block-quote {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #4b4b4b !important;
  background: #f8f8f8 !important;
  border-left: 4px solid #aab3ab !important; /* sage */
  padding: 1.2em 1.6em !important;
  margin: 2em 0 !important;
  border-radius: 4px; /* subtle rounded corners */
}

/* 🕊 Pull Quote Styling */
.wp-block-pullquote {
  font-family: Georgia, serif !important;
  font-size: 1.4em !important;
  font-style: italic !important;
  color: #2c2c2c !important;
  background: #f9f9f9 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 1.5em !important;
  text-align: center !important;
  max-width: 66% !important;
  margin: 2.5em auto !important;
  border-radius: 6px; /* soft edges */
}

/* ✨ Link Styling */
a, .wp-block a {
  color: #bfa36f !important; /* gold */
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

a:hover, .wp-block a:hover {
  color: #8a9a83 !important; /* sage hover */
  text-decoration: underline !important;
}

/* 🪶 Headings Italic Accent (Optional) */
h1, h2, h3, h4, h5, h6 {
  font-style: italic !important;
  letter-spacing: 0.5px !important;
}
/* 🌿 Dropdown Menu Links */
.sub-menu a {
  color: #2c2c2c !important; /* soft near-black for visibility */
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out !important;
}

.sub-menu a:hover {
  color: #bfa36f !important; /* gold hover */
  background-color: #f9f9f9 !important; /* soft background on hover */
  border-radius: 4px; /* optional: gentle roundness */
}
/* 🌿 Dropdown Menu Styling */
.sub-menu {
  background-color: #ffffff !important; /* soft white background */
  border: 1px solid #e0e0e0 !important; /* gentle border */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important; /* soft shadow */
  border-radius: 6px !important; /* rounded edges */
  padding: 0.5em 0 !important;
}

.sub-menu a {
  color: #2c2c2c !important; /* near-black for readability */
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  padding: 0.5em 1em !important;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out !important;
}

.sub-menu a:hover {
  color: #bfa36f !important; /* gold hover text */
  background-color: #f9f9f9 !important; /* soft hover background */
  border-radius: 4px !important;
}
/* 🌿 Force Dropdown Menu Styling */
.main-navigation ul ul a,
.wp-block-navigation__submenu-container a {
  color: #2c2c2c !important; /* near-black text */
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  padding: 0.6em 1em !important;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out !important;
}

.main-navigation ul ul a:hover,
.wp-block-navigation__submenu-container a:hover {
  color: #bfa36f !important; /* gold on hover */
  background-color: #f9f9f9 !important; /* soft hover background */
  border-radius: 4px !important;
}
/* 🌿 Ultimate Dropdown Menu Styling */
ul.sub-menu li a,
ul.sub-menu li a:link,
ul.sub-menu li a:visited {
  color: #2c2c2c !important; /* soft near-black text */
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

ul.sub-menu li a:hover {
  color: #bfa36f !important; /* gold hover */
  background-color: #f9f9f9 !important; /* soft hover background */
  border-radius: 4px !important;
  transition: all 0.3s ease-in-out !important;
}
/* 🌿 Adjust Heading Hierarchy for Opening Visual */

/* Make the main headline (About: Being Human) larger and grounding */
h1 {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.8em !important;
  font-weight: 700 !important;
  color: #2c2c2c !important;
  text-align: center !important;
  margin-bottom: 0.2em !important;
}

/* Make subheadline (Being Human – A Soulful Presence Since 2013) smaller and whisper-soft */
h2 {
  font-family: Georgia, serif !important;
  font-size: 1.4em !important;
  font-style: italic !important;
  color: #4b4b4b !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 1.2em !important;
}
/* 🌿 Adjust Heading Hierarchy for Opening Visual */

/* Make the main headline (About: Being Human) larger and grounding */
h1 {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.8em !important;
  font-weight: 700 !important;
  color: #2c2c2c !important;
  text-align: center !important;
  margin-bottom: 0.2em !important;
}

/* Make subheadline (Being Human – A Soulful Presence Since 2013) smaller and whisper-soft */
h2 {
  font-family: Georgia, serif !important;
  font-size: 1.4em !important;
  font-style: italic !important;
  color: #4b4b4b !important;
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 1.2em !important;
}
/* 🌿 Reduce logo size and spacing */
.site-logo img {
  max-width: 120px !important; /* reduce size */
  margin-bottom: 0.5em !important; /* tighten gap below */
}

/* 🌸 Balance tagline under logo */
.site-title {
  font-size: 1.6em !important;
  color: #4b4b4b !important;
  text-align: center !important;
  margin-top: 0.2em !important;
}
/* 🌿 Force logo size reduction */
.site-logo img {
  width: 80px !important; /* reduce size */
  height: auto !important;
  display: block !important;
  margin: 0 auto 0.5em auto !important;
}

/* 🌱 Balance tagline */
.site-title {
  font-size: 1.3em !important;
  color: #4b4b4b !important;
  text-align: center !important;
  margin-top: 0.3em !important;
  font-weight: 400 !important;
}
/* 🌿 Refine header area */
.site-branding {
  text-align: center !important;
  padding: 1.5em 1em !important;
  background-color: #f5f5f5; /* soft background (optional) */
  border-bottom: 1px solid #e0e0e0; /* subtle divider */
}

.site-logo img {
  max-width: 100px !important;
  margin-bottom: 0.5em !important;
}

.site-title {
  font-size: 1.6em !important;
  color: #2c2c2c !important;
  font-weight: 600 !important;
  margin-bottom: 0.3em !important;
}

.site-description {
  font-size: 1.1em !important;
  color: #4b4b4b !important;
  font-style: italic !important;
  max-width: 600px;
  margin: 0 auto 1em auto !important;
}

/* 🌸 Optional: Button under description */
.header-cta {
  display: inline-block;
  background-color: #bfa36f;
  color: #fff;
  padding: 0.5em 1.2em;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1em;
  transition: background-color 0.3s ease;
}

.header-cta:hover {
  background-color: #8a9a83;
}
/* Remove the grey-green header tab from pages */
.page .entry-title {
    display: none;
}

/* Adjust spacing so content flows naturally after header image */
.page .site-main {
    margin-top: 0;
}
/* Nuke the page title tab entirely on static pages */
.page .page-header,
.page .page-title,
.page .entry-header,
.page .entry-title {
    display: none !important;
}
.page-id-XX .entry-title {
    display: none;
}
/* Soften the grey ribbon under the header */
.page .entry-header {
    background-color: rgba(223, 226, 220, 0.4) !important; /* Makes it semi-transparent */
    box-shadow: none !important; /* Removes any hard shadows */
    border: none !important; /* Removes borders for softer edges */
    backdrop-filter: blur(2px); /* Adds a subtle glassy effect */
    padding: 1rem 0 !important; /* Softens spacing */
    transition: all 0.3s ease-in-out; /* Smooth transition if any hover or scroll effect applies */
}

/* Optional: Make header text blend softer */
.page .entry-header h1 {
    color: #2e2e2e !important; /* Slightly softer than pure black */
    font-weight: 500 !important; /* Lightens boldness */
    letter-spacing: 0.5px;
}
/* Target the grey header ribbon directly and make it transparent */
.entry-header, 
.page .entry-header, 
.page .entry-header::before {
    background-color: transparent !important; /* Fully removes grey */
    box-shadow: none !important; /* Removes shadows */
    border: none !important; /* Removes any outlines */
}

/* Optional: fade the text slightly for a softer overlay look */
.entry-header h1 {
    color: #333 !important; /* Slightly softer black */
    font-weight: 500 !important;
}
header.site-header {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    background: none !important;
    backdrop-filter: none !important;
}
.sticky-header {
    position: static !important;
}
document.addEventListener("DOMContentLoaded", function() {
  const header = document.querySelector('header.site-header');
  if (header.classList.contains('sticky')) {
    header.classList.remove('sticky');
  }
});
.jetpack-lazy-image {
    background-image: none !important;
}
.jetpack-lazy-image img {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Make category icons glow gently on hover */
.category-icons img {
    transition: all 0.4s ease-in-out;
    border-radius: 8px; /* optional: softens the edges */
    box-shadow: 0 0 0 transparent;
}

.category-icons img:hover {
    transform: scale(1.05); /* gentle lift */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* soft glow */
    opacity: 0.9; /* slight fade-in */
    cursor: pointer;
}

/* Optional: Add a subtle text animation under icons */
.category-icons a:hover::after {
    content: "→ Step into this Thread";
    display: block;
    text-align: center;
    font-size: 0.9rem;
    color: #6b705c; /* soft earthy tone */
    margin-top: 6px;
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

.category-icons a::after {
    content: "";
    opacity: 0;
}
.thread-icons img {
  transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;
  border-radius: 8px;
  opacity: 0.85;
}

.thread-icons img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.thread-icons img {
  transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;
  border-radius: 8px;
  opacity: 0.85;
}

.thread-icons img:hover {
  transform: scale(1.08);
  filter: brightness(1.1) contrast(1.05);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.thread-icons a:hover {
  text-decoration: none; /* prevents underline hover on links */
}
/* Container for the homepage thread icons */
.home-thread-icons img {
  transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease;
  border-radius: 6px; /* optional, for soft edges */
}

/* Hover effect */
.home-thread-icons img:hover {
  transform: scale(1.05);
  opacity: 0.85;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
/* Icon container styling */
.your-container-class {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* soft space between icons */
  flex-wrap: wrap;
  margin: 20px auto;
}

/* Icon image styling */
.your-container-class img {
  border: 1px solid rgba(0, 0, 0, 0.1); /* faint border */
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  max-width: 150px; /* limits size for consistency */
}

/* On hover (gentle lift) */
.your-container-class img:hover {
  transform: scale(1.03);
  box-sha
.category-hover img {
  transition: transform 0.4s ease, filter 0.4s ease;
}

.category-hover img:hover {
  transform: scale(1.05);
  filter: brightness(1.2) contrast(1.1);
  cursor: pointer;
}
hr {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, #aaa, transparent);
  margin: 10px 0;
}
.thread-image img {
  transition: all 0.4s ease;
  filter: grayscale(100%);
}

.thread-image img:hover {
  filter: grayscale(0%);
  transform: scale(1.03);
}
/* 🌿 Explore The Threads Below styling */
h2.explore-threads {
  font-weight: 600; /* semi-bold */
  font-size: 1.4em; /* slightly larger */
  text-align: center;
  margin-bottom: 10px;
}

h2.explore-threads::before,
h2.explore-threads::after {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background: linear-gradient(to right, transparent, #aaa, transparent);
  margin: 10px auto;
}

/* 🌱 Thread image hover effect */
.thread-image img {
  transition: all 0.4s ease;
  filter: grayscale(100%);
  border-radius: 4px; /* optional: soft corners */
}

.thread-image img:hover {
  filter: grayscale(0%);
  transform: scale(1.03);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* subtle lift */
}

/* 🌸 Meet The Soul Whisperers styling */
.meet-soul-whisperers {
  font-style: italic;
  text-align: center;
  font-size: 0.95em;
  opacity: 0.85;
  margin-top: -10px; /* tighten spacing */
}

/* ☁️ Related Posts spacing */
.related-posts {
  margin-top: 40px;
  text-align: center;
}

.related-posts h3 {
  font-weight: 600;
  margin-bottom: 10px;
}
/* Soft Hover Effect for Thread Images */
.thread-icons img {
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.85;
}

.thread-icons img:hover {
  transform: scale(1.05);
  opacity: 1;
  cursor: pointer;
}

/* Optional: add a subtle shadow on hover */
.thread-icons img:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* Smooth hover effect for thread images */
.thread-hover img {
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.85;
}

.thread-hover img:hover {
  transform: scale(1.05);
  opacity: 1;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.jetpack-likes-widget {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
}
.jetpack-likes-widget, 
.sharedaddy {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    position: static !important;
}
.wp-pagenavi {
    text-align: center;
    margin: 2em 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0.25em;
    border: 1px solid #aab3ab; /* soft sage border */
    border-radius: 30px; /* pill-shaped buttons */
    background-color: #f9f9f9; /* gentle background */
    color: #333; /* soft text color */
    text-decoration: none;
    transition: all 0.3s ease;
}

.wp-pagenavi a:hover {
    background-color: #aab3ab; /* sage hover */
    color: #fff;
}

.wp-pagenavi .current {
    background-color: #aab3ab; /* current page */
    color: #fff;
    border-color: #aab3ab;
}
.wp-pagenavi {
    text-align: center;
    margin: 3em 0; /* Adds breathing room above and below */
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    padding: 0.5em 1.2em;
    margin: 0 0.3em;
    border: 1px solid #aab3ab; /* Sage border */
    border-radius: 30px; /* Soft rounded buttons */
    background-color: #f9f9f9; /* Gentle light background */
    color: #333; /* Soft text color */
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-family: serif;
    font-size: 1em;
}

.wp-pagenavi a:hover {
    background-color: #aab3ab; /* Sage hover */
    color: white;
}

.wp-pagenavi .current {
    background-color: #aab3ab; /* Highlight current page */
    color: white;
    border-color: #aab3ab;
}
.being-human-support {
  background-color: #f5f5f5;
  border-left: 4px solid #aab3ab;
  padding: 1.25rem 1rem;
  margin: 2rem 0;
  font-family: Georgia, serif;
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
  border-radius: 6px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

.being-human-support strong {
  color: #2f2f2f;
}

.being-human-support em {
  color: #555;
}

.being-human-support .bh-signoff {
  font-style: italic;
  margin-top: 1rem;
  color: #666;
}
/* Style WordPress Subscribe button */
.wp-block-button__link {
    background-color: #aab3ab !important; /* Sage-grey */
    color: #ffffff !important; /* White text */
    border-radius: 6px; /* Soft rounded corners */
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    text-transform: none; /* Optional: remove all-caps styling */
}

/* Optional hover effect */
.wp-block-button__link:hover {
    background-color: #8f9f95 !important; /* Slightly darker sage-grey on hover */
    color: #ffffff !important;
}
.subscribe-button .wp-block-button__link {
    background-color: #aab3ab !important;
    color: #ffffff !important;
    border-radius: 6px;
}

.subscribe-button .wp-block-button__link:hover {
    background-color: #8f9f95 !important;
}
.wp-block-button .wp-block-button__link {
    background-color: #aab3ab !important; /* Sage-grey */
    color: #ffffff !important; /* White text */
    border-radius: 6px; /* Soft rounded edges */
    text-transform: none; /* Optional: keeps text lowercase */
}

.wp-block-button .wp-block-button__link:hover {
    background-color: #8f9f95 !important; /* Slightly darker sage-grey on hover */
    color: #ffffff !important;
}
.subscribe-button .wp-block-button__link {
    background-color: #aab3ab !important;
    color: #ffffff !important;
    border-radius: 6px;
}

.subscribe-button .wp-block-button__link:hover {
    background-color: #8f9f95 !important;
}
/* Make dropdown menus visible on hover */
.menu li:hover > ul,
.menu li.focus > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Smooth fade-in for dropdowns */
.menu ul {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: #2e2e2e;
  z-index: 999;
  padding: 0.5em 0;
  border-radius: 6px;
}

/* Keep dropdown items aligned and visible */
.menu ul li {
  display: block;
  text-align: left;
  padding: 0.5em 1em;
  width: 180px;
  color: #f6f6f6;
}

.menu ul li a {
  color: #f6d8ae !important;
  text-decoration: none;
}

.menu ul li a:hover {
  background-color: #444;
  color: #ffffff !important;
  border-radius: 4px;
}
.menu li.menu-item-has-children > a::after {
  content: " ▾";
  font-size: 0.8em;
  opacity: 0.6;
}
/* Ensure dropdown menus stay visible */
.main-navigation ul ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  background: #2e2e2e;
  padding: 0.5em 0;
  border-radius: 6px;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.main-navigation li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Prevent parent menu item from collapsing */
.main-navigation li {
  position: relative;
}

/* Style the dropdown links */
.main-navigation ul ul li a {
  color: #f6d8ae !important;
  text-decoration: none;
  display: block;
  padding: 0.6em 1em;
}

.main-navigation ul ul li a:hover {
  background-color: #444;
  color: #ffffff !important;
  border-radius: 4px;
}

/* Optional: add dropdown arrow to parent item */
.main-navigation li.menu-item-has-children > a::after {
  content: " ▾";
  font-size: 0.8em;
  opacity: 0.6;
  padding-left: 0.25em;
}