/*** Override Bootstrap colors */
/* stylelint-disable-next-line scss/no-global-function-names */
header:not(.sticky-header):not(.is-solid) .header:not(:hover) {
  background-color: transparent !important;
  transition: background-color 0.2s 0.3s ease;
}
header:not(.sticky-header):not(.is-solid) .header:not(:hover) .navbar-header .svg-icon,
header:not(.sticky-header):not(.is-solid) .header:not(:hover) .cat-top {
  color: var(--transparent-header-color) !important;
  transition: color 0.2s 0.3s ease;
}
header:not(.sticky-header):not(.is-solid) nav:first-of-type:not(:hover) {
  border-bottom-color: transparent !important;
  transition: border-bottom-color 0.2s 0.3s ease;
}
header.sticky-header nav:first-of-type {
  transition: border-bottom-color 0.2s 0s ease;
}
header.sticky-header .header {
  transition: background-color 0.2s 0s ease;
}
header nav:first-of-type:hover {
  transition: border-bottom-color 0.2s 0s ease;
}
header .header:hover {
  transition: background-color 0.2s 0s ease;
}
header .svg-icon,
header .cat-top {
  transition: color 0.2s 0s ease;
}

.billboard-hero {
  height: calc(var(--hero-max-height) - 38px);
  margin-top: -56px;
}

@media (min-width: 1200px) {
  header:not(.sticky-header):not(.is-solid) .header:not(:hover) .nav-item > .nav-link {
    color: var(--transparent-header-color) !important;
    transition: color 0.2s 0.3s ease;
  }
  header .nav-item > .nav-link {
    transition: color 0.2s 0s ease;
  }
  .billboard-hero {
    margin-top: -124px;
  }
}