.header-main,
.site-header,
.navigation,
.main-navigation {
    background-color: #ffffff !important;
}
.main-navigation a,
.site-header .menu a {
    color: #999593 !important;
}
.page-header {
    display: none;
}
/* Mobile hamburger icon color (Blossom Travel + common variants) */
@media (max-width: 1024px){

  /* If it’s an SVG icon */
  .site-header button svg,
  .site-header .menu-toggle svg,
  .site-header .nav-toggle svg,
  .site-header .toggle-menu svg{
    fill: #333 !important;
  }

  /* If it’s a Font Awesome icon (fa-bars) */
  .site-header .fa,
  .site-header .fas,
  .site-header .fa-bars{
    color: #333 !important;
  }

  /* If it’s the classic 3-line span burger */
  .site-header button[class*="toggle"] span,
  .site-header button[class*="menu"] span,
  .site-header .menu-toggle span,
  .site-header .nav-toggle span,
  .site-header .toggle-menu span{
    background-color: #333 !important;
  }

  /* Some themes draw lines using ::before/::after */
  .site-header button[class*="toggle"]::before,
  .site-header button[class*="toggle"]::after,
  .site-header .menu-toggle::before,
  .site-header .menu-toggle::after,
  .site-header .nav-toggle::before,
  .site-header .nav-toggle::after{
    background-color: #333 !important;
  }
/* HEADER social icons — force color on all states (live + sticky + mobile) */
.site-header .social-icons a,
.site-header .social-icons a:visited,
.site-header .header-social a,
.site-header .header-social a:visited,
.site-header .social-icons a i,
.site-header .header-social a i{
  color: #333333 !important;
}

/* If icons are SVG */
.site-header .social-icons a svg,
.site-header .header-social a svg,
.site-header .social-icons a svg path,
.site-header .header-social a svg path{
  fill: #333333 !important;
}

/* Stop the default “blue link” hover and set your own */
.site-header .social-icons a:hover,
.site-header .header-social a:hover,
.site-header .social-icons a:hover i,
.site-header .header-social a:hover i{
  color: #333333 !important;
}

.site-header .social-icons a:hover svg,
.site-header .header-social a:hover svg,
.site-header .social-icons a:hover svg path,
.site-header .header-social a:hover svg path{
  fill: #333333 !important;
}