/* Header theme overrides for WordPress theme */

.site-header--light {
  border-color: #cfeaf5;
  background-color: rgba(234, 247, 252, 0.88);
  color: #0e1853;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.site-header--light .site-header__logo {
  filter: none;
}

.site-header--light .site-header__link {
  color: #0e1853;
}

.site-header--light .site-header__menu-btn {
  border-color: rgba(37, 150, 190, 0.4);
  color: #0e1853;
}

.site-header--dark .site-header__dropdown {
  display: none;
}

.site-header [data-dropdown].is-open > .site-header__dropdown,
.site-header [data-dropdown]:hover > .site-header__dropdown {
  display: block;
}

@media (max-width: 1023px) {
  .site-header__nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-height: 80vh;
    flex-direction: column;
    gap: 0.25rem;
    overflow-y: auto;
    border-top: 1px solid #cfeaf5;
    padding: 1rem;
    background: #eaf7fc;
    display: none;
  }

  .site-header__nav.is-open {
    display: flex;
  }

  .site-header--dark .site-header__nav {
    border-color: rgba(255, 255, 255, 0.1);
    background: #0e1853;
  }

  .site-header--dark .site-header__nav .site-header__link,
  .site-header--dark .site-header__nav a {
    color: #fff;
  }

  .site-header__dropdown {
    position: static;
    min-width: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    padding-left: 0.5rem;
  }

  .site-header [data-dropdown].is-open > .site-header__dropdown {
    display: block;
  }
}

@media (min-width: 1024px) {
  .site-header [data-dropdown] > .site-header__dropdown {
    display: none;
  }

  .site-header [data-dropdown].is-open > .site-header__dropdown,
  .site-header [data-dropdown]:hover > .site-header__dropdown {
    display: block;
  }
}

body.truaxis-home .site-header--dark {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(14, 24, 83, 0.9);
  color: #fff;
}