:root {
  --wp--style--global--content-size: 728px;
  --wp--style--global--wide-size: 1128px;
}

.otw-classic-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--wp--preset--color--dark, #000);
  color: var(--wp--preset--color--light, #fff);
}
.otw-classic-header .otw-container {
  width: 100%;
  margin: 0 auto;
}
.otw-classic-header .otw-row {
  display: flex;
  width: 100%;
}
.otw-classic-header .otw-row--primary {
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--wp--preset--color--separator, #e5e5e5);
}
.otw-classic-header .otw-row--secondary {
  padding: 0.75rem 1rem;
  background: #fafbfc;
  color: #1a1a1a;
  border-bottom: 3px solid var(--wp--preset--color--separator, #e5e5e5);
}
.otw-classic-header .otw-col {
  display: flex;
  align-items: center;
}
.otw-classic-header .otw-col--brand {
  max-width: 180px;
}
.otw-classic-header .otw-col--menus {
  flex: 1;
  justify-content: flex-end;
  gap: 2rem;
}
.otw-classic-header .otw-col--menu {
  flex: 1;
}
.otw-classic-header .otw-col--search {
  width: 100%;
  max-width: 400px;
  justify-content: flex-end;
}
.otw-classic-header .otw-site-menu {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.otw-classic-header .otw-menu--site-sections .otw-menu__link {
  color: var(--wp--preset--color--primary, #0073e6);
}
.otw-classic-header .otw-menu--site-actions .otw-menu__items {
  flex-flow: row-reverse;
  gap: 1rem;
}
.otw-classic-header .otw-button.otw-link--subscribe {
  background: var(--wp--preset--color--accent-1, #005bb5);
  color: var(--wp--preset--color--light, #fff);
  border: 2px solid var(--wp--preset--color--accent-1, #005bb5);
}
.otw-classic-header .otw-button.otw-link--subscribe:hover, .otw-classic-header .otw-button.otw-link--subscribe:focus {
  background: var(--wp--preset--color--accent-2, #0073e6);
  color: var(--wp--preset--color--light, #fff);
  border: 2px solid var(--wp--preset--color--accent-2, #0073e6);
}
.otw-classic-header .otw-menu__items {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.otw-classic-header .otw-menu__link {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.otw-classic-header .otw-menu__link:hover, .otw-classic-header .otw-menu__link:focus {
  color: #0073e6;
  outline: none;
}
.otw-classic-header .otw-button {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  border-radius: 4px;
  border: 2px solid var(--wp--preset--color--accent-2, #0073e6);
  background: transparent;
  color: var(--wp--preset--color--light, #fff);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}
.otw-classic-header .otw-button:hover, .otw-classic-header .otw-button:focus {
  background: var(--wp--preset--color--accent-2, #0073e6);
  color: var(--wp--preset--color--light, #fff);
  outline: none;
}
.otw-classic-header .otw-button--main-menu {
  background: none;
  border: none;
  color: var(--wp--preset--color--light, #fff);
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.otw-classic-header .otw-button--main-menu svg {
  width: 28px;
  height: 28px;
}
.otw-classic-header .otw-button--main-menu:hover, .otw-classic-header .otw-button--main-menu:focus {
  background: none;
  color: var(--wp--preset--color--light, #fff);
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search {
  display: flex;
  border: 1px solid var(--wp--preset--color--separator);
  border-radius: 4px;
  width: 100%;
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__inside-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  color: var(--wp--preset--color--context, #333);
  outline: none;
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__input::placeholder {
  color: var(--wp--preset--color--placeholder, #999);
  opacity: 1;
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.5rem;
  color: var(--wp--preset--color--primary, #0073e6);
  cursor: pointer;
  transition: color 0.2s;
  border-left: 1px solid var(--wp--preset--color--separator, #e5e5e5);
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__button:hover,
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__button:focus {
  color: var(--wp--preset--color--accent-1, #005bb5);
  outline: none;
}
.otw-classic-header .otw-row--secondary .otw-col--search .otw-search__button svg {
  width: 20px;
  height: 20px;
  display: block;
}
.otw-classic-header .otw-menu-site--sections {
  position: relative;
  z-index: 2;
  overflow-y: hidden;
}
.otw-classic-header .otw-menu-site--sections .otw-menu__items {
  display: flex;
  flex-wrap: nowrap;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.otw-classic-header .otw-menu-site--sections .nav-scroller .otw-menu__items {
  flex-wrap: nowrap;
}
.otw-classic-header .otw-menu-site--sections .nav-scroller .otw-menu__item {
  white-space: nowrap;
}
@media (min-width: 887px) {
  .otw-classic-header .otw-site-menu--mobile {
    display: none;
  }
}
@media (max-width: 886px) {
  .otw-classic-header .otw-row--secondary {
    padding: 0;
  }
  .otw-classic-header .otw-row--secondary .otw-search {
    border: none;
  }
  .otw-classic-header .otw-row--secondary .otw-search .otw-search__input {
    padding: 0.85rem 1rem;
  }
  .otw-classic-header .otw-row--secondary .otw-search .otw-search__button {
    width: auto;
    height: 100%;
    aspect-ratio: 1;
  }
  .otw-classic-header .otw-row--secondary .otw-col--menu {
    display: none;
  }
  .otw-classic-header .otw-row--secondary .otw-col--search {
    width: 100%;
    max-width: 100%;
  }
  .otw-classic-header .otw-site-menu--areas {
    display: none;
  }
  .otw-classic-header .otw-site-menu--actions {
    margin-right: -2.5rem;
  }
  .otw-classic-header .otw-button--main-menu {
    justify-content: flex-end;
  }
}
@media (max-width: 499px) {
  .otw-classic-header .otw-menu--site-actions .otw-menu__items .otw-menu__item:not(:first-child) {
    display: none;
  }
}
@media (max-width: 415px) {
  .otw-classic-header .otw-menu--site-actions .otw-menu__items .otw-menu__item {
    display: none;
  }
}