/* --- Force hamburger inner lines to white (some themes use these) --- */
.mobile-menu-toggle-inner,
.mobile-menu-toggle-inner::before,
.mobile-menu-toggle-inner::after {
  background-color: #ffffff !important;
}

.mobile-menu-toggle-label {
  color: #ffffff !important;
}

/* --- Mobile styles --- */
@media (max-width: 782px) {
  /* Make the mobile toggle (button) white */
  .site-navigation-toggle,
  .site-navigation-toggle:hover,
  .site-navigation-toggle:focus {
    color: #ffffff !important; /* sets text/icon color */
    border-color: rgba(255,255,255,0.5) !important;
  }

  /* If the hamburger icon is built with spans/pseudo-elements/SVG */
  .site-navigation-toggle::before,
  .site-navigation-toggle::after,
  .site-navigation-toggle span,
  .site-navigation-toggle svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    background-color: #ffffff !important;
  }

  /* Ensure dropdown link text is readable on dark headers */
  .main-navigation a,
  .main-navigation ul li a,
  .menu a {
    color: #ffffff !important;
  }
}
/* Undo the white block on the hamburger */
.mobile-menu-toggle-inner,
.mobile-menu-toggle-inner::before,
.mobile-menu-toggle-inner::after {
  background-color: transparent !important;
}

/* Make the toggle/icon white without a background */
@media (max-width: 782px) {
  .site-navigation-toggle,
  .site-navigation-toggle:hover,
  .site-navigation-toggle:focus {
    color: #ffffff !important; /* most themes draw the icon with currentColor */
    background: transparent !important;
    border-color: rgba(255,255,255,0.5) !important;
  }

  /* If the icon uses SVG or spans for the bars */
  .site-navigation-toggle svg,
  .site-navigation-toggle svg * ,
  .site-navigation-toggle .icon,
  .site-navigation-toggle .menu-icon,
  .site-navigation-toggle span,
  .site-navigation-toggle::before,
  .site-navigation-toggle::after {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    background: transparent !important; /* prevent any blocks */
  }

  /* Keep dropdown link text readable on dark headers */
  .main-navigation a,
  .main-navigation ul li a,
  .menu a {
    color: #ffffff !important;
  }
}
/* Hide featured image on single blog post pages */
.single-post .post-thumbnail,
.single-post .entry-header img {
  display: none !important;
}
/* Hide giant featured image header on single blog posts */
.single-post .single-featured-image-header,
.single-post .cover-header,
.single-post .featured-media,
.single-post .entry-media,
.single-post .post-thumbnail,
.single-post .entry-header .wp-post-image,
.single-post .entry-header img {
  display: none !important;
  visibility: hidden !important;
}

/* Also remove any leftover spacing from that header area */
.single-post .single-featured-image-header,
.single-post .cover-header {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
}