/* Native header/footer fallback, compatible with the former Hello markup. */
.site-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  border-block-end: 1px solid var(--na-rule-light, rgb(189 143 53 / 18%));
  background: var(--na-theme-dark, #002a34);
  box-shadow: 0 5px 18px rgb(0 31 39 / 10%);
  color: var(--na-white, #fffdf8);
}

.site-header .header-inner,
.site-footer .footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
}

.site-header .header-inner { min-height: 78px; padding-block: .7rem; }
.site-header .site-title { font-size: clamp(1.55rem, 3vw, 2.2rem); font-weight: 700; line-height: 1.25; }
.site-header .site-branding,
.site-footer .site-branding { display: flex; flex-direction: column; justify-content: center; gap: .25rem; }

.site-header .custom-logo-link,
.site-footer .custom-logo-link,
.site-header .site-logo img,
.site-footer .site-logo img { display: block; }

.site-header .custom-logo,
.site-header .site-logo img { width: auto; max-height: 70px; }
.site-footer .custom-logo,
.site-footer .site-logo img { width: auto; max-height: 60px; }

.site-header .site-description,
.site-header .site-title,
.site-footer .site-description,
.site-footer .site-title { margin: 0; }

.site-header .site-description,
.site-footer .site-description { color: rgb(255 253 248 / 72%); font-size: var(--na-font-size-caption, .875rem); }
.site-branding.show-logo .site-title,
.site-branding.show-title .site-logo { display: none !important; }
.site-header.header-inverted .header-inner,
.site-footer.footer-inverted .footer-inner { flex-direction: row-reverse; }
.site-header.header-inverted .site-branding,
.site-footer.footer-inverted .site-branding { text-align: end; }
.site-header.header-stacked .header-inner,
.site-footer.footer-stacked .footer-inner { align-items: center; flex-direction: column; text-align: center; }

.site-header .site-title a,
.site-footer .site-title a,
.site-header .site-description,
.site-footer .site-description { color: var(--na-white, #fffdf8); }

.site-navigation { display: flex; align-items: center; font-family: var(--na-font-ui, inherit); }
.site-navigation ul.menu,
.site-navigation ul.menu ul { margin: 0; padding: 0; list-style: none; }
.site-navigation ul.menu { display: flex; flex-wrap: wrap; align-items: center; }
.site-navigation ul.menu li { position: relative; display: flex; }

.site-navigation ul.menu li a {
  position: relative;
  display: block;
  padding: .65rem .8rem;
  color: var(--na-white, #fffdf8);
  font-size: .94rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: color var(--na-transition, 180ms ease), background-color var(--na-transition, 180ms ease);
}

.site-header > .site-navigation > ul.menu > li:hover > a,
.site-header > .site-navigation > ul.menu > li.current-menu-item > a,
.site-header > .site-navigation > ul.menu > li.current-menu-ancestor > a,
.site-header .header-inner > .site-navigation > ul.menu > li:hover > a,
.site-header .header-inner > .site-navigation > ul.menu > li.current-menu-item > a,
.site-header .header-inner > .site-navigation > ul.menu > li.current-menu-ancestor > a {
  color: var(--na-gold-light, #d8b66d);
}

.site-navigation ul.menu li.menu-item-has-children { align-items: center; padding-inline-end: .55rem; }
.site-navigation ul.menu li.menu-item-has-children::after {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--na-gold-light, #d8b66d);
  content: "▾";
  font-size: .9em;
  line-height: 1;
}

.site-navigation ul.menu li ul {
  position: absolute;
  z-index: 10020;
  top: 100%;
  left: 0;
  display: none;
  min-width: 220px;
  padding: .35rem 0;
  border: 0;
  background: var(--na-theme, #003b49);
  box-shadow: 0 16px 34px rgb(0 31 39 / 24%);
}

.site-navigation ul.menu li:hover > ul,
.site-navigation ul.menu li:focus-within > ul { display: block; }
.site-navigation ul.menu li ul li { display: block; border-block-end: 1px solid var(--na-rule-light); }
.site-navigation ul.menu li ul li:last-child { border-block-end: 0; }
.site-navigation ul.menu li ul a { min-width: 220px; padding: .72rem 1rem; color: var(--na-white, #fffdf8); }

.site-navigation ul.menu li ul a:hover,
.site-navigation ul.menu li ul li.current-menu-item > a {
  background: var(--na-theme-hover, #074f5d);
  color: var(--na-gold-light, #d8b66d);
}

.site-navigation ul.menu li ul ul { top: 0; left: 100%; }
footer .site-navigation ul.menu li ul { top: auto; bottom: 100%; }
footer .site-navigation ul.menu a { padding: .4rem .65rem; }

.site-navigation-toggle-holder { display: flex; align-items: center; padding: .35rem 0; }
.site-navigation-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 42px;
  padding: .5rem;
  border: 1px solid rgb(216 182 109 / 44%);
  border-radius: var(--na-radius, 4px);
  background: transparent;
  color: var(--na-gold-light, #d8b66d);
}

.site-navigation-toggle-holder .site-navigation-toggle:hover,
.site-navigation-toggle-holder .site-navigation-toggle:focus {
  border-color: var(--na-gold, #bd8f35);
  background: rgb(189 143 53 / 12%);
  color: var(--na-gold-light, #d8b66d);
}

.site-navigation-toggle-icon { display: block; width: 1.25rem; }
.site-navigation-toggle-icon::before,
.site-navigation-toggle-icon::after {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: currentcolor;
  content: "";
  transition: transform var(--na-transition, 180ms ease), box-shadow var(--na-transition, 180ms ease);
}
.site-navigation-toggle-icon::before { margin-block-end: .5rem; box-shadow: 0 .35rem 0 currentcolor; }
.site-navigation-toggle[aria-expanded="true"] .site-navigation-toggle-icon::before { box-shadow: none; transform: translateY(.35rem) rotate(45deg); }
.site-navigation-toggle[aria-expanded="true"] .site-navigation-toggle-icon::after { transform: translateY(-.35rem) rotate(-45deg); }

.site-navigation-dropdown {
  position: absolute;
  z-index: 10000;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-block-start: 10px;
  transform-origin: top;
  transition: max-height .3s, transform .3s;
}
.site-navigation-toggle-holder:not(.is-active) + .site-navigation-dropdown { max-height: 0; transform: scaleY(0); }
.site-navigation-toggle-holder.is-active + .site-navigation-dropdown { max-height: 100vh; transform: scaleY(1); }
.site-navigation-dropdown ul { padding: 0; }
.site-navigation-dropdown ul.menu { position: absolute; width: 100%; margin: 0; padding: 0; background: var(--na-theme, #003b49); box-shadow: 0 16px 34px rgb(0 31 39 / 24%); }
.site-navigation-dropdown ul.menu li { position: relative; display: block; width: 100%; }
.site-navigation-dropdown ul.menu li a {
  display: block;
  padding: .85rem 1rem;
  background: var(--na-theme, #003b49);
  box-shadow: inset 0 -1px 0 var(--na-rule-light);
  color: var(--na-white, #fffdf8);
}
.site-navigation-dropdown ul.menu li a:hover,
.site-navigation-dropdown ul.menu li.current-menu-item > a { background: var(--na-theme-hover, #074f5d); color: var(--na-gold-light, #d8b66d); }
.site-navigation-dropdown ul.menu > li li { max-height: 0; transform: scaleY(0); transform-origin: top; transition: max-height .3s, transform .3s; }
.site-navigation-dropdown ul.menu li.is-active > ul > li { max-height: 100vh; transform: scaleY(1); }
.menu-layout-dropdown .site-navigation { display: none; }

.site-footer {
  position: relative;
  width: 100%;
  padding-block: 2rem;
  background: var(--na-theme-dark, #002a34);
  color: var(--na-white, #fffdf8);
}

.site-footer .footer-inner { align-items: flex-start; }
.site-footer .site-title { font-size: 1.4rem; font-weight: 700; line-height: 1.3; }
.site-footer .copyright { display: flex; align-items: center; justify-content: flex-end; color: rgb(255 253 248 / 68%); font-size: var(--na-font-size-caption, .875rem); }
.site-footer .copyright p { margin: 0; }
.site-footer a { color: rgb(255 253 248 / 82%); }
.site-footer a:hover { color: var(--na-gold-light, #d8b66d); }

@media (max-width: 767px) {
  .site-header .header-inner { min-height: 68px; }
  .site-header .custom-logo,
  .site-header .site-logo img { max-height: 56px; }
  .site-footer:not(.footer-stacked) .copyright,
  .site-footer:not(.footer-stacked) .site-branding,
  .site-footer:not(.footer-stacked) .site-navigation { display: block; width: 100%; max-width: none; text-align: center; }
  .site-footer .site-navigation ul.menu { justify-content: center; }
  .site-footer .site-navigation ul.menu li { display: inline-block; }
}

@media (max-width: 767px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation { display: none !important; }
}
@media (min-width: 768px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; }
}
@media (max-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation { display: none !important; }
}
@media (min-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; }
}
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder { display: none !important; }

html[dir="rtl"] .site-navigation ul.menu li ul { right: 0; left: auto; }
html[dir="rtl"] .site-navigation ul.menu li ul ul { right: 100%; left: auto; }
html[dir="rtl"] .site-navigation-dropdown { right: 0; left: auto; }
html[dir="rtl"] .site-navigation-toggle[aria-expanded="true"] .site-navigation-toggle-icon::before { transform: translateY(.35rem) rotate(-45deg); }
html[dir="rtl"] .site-navigation-toggle[aria-expanded="true"] .site-navigation-toggle-icon::after { transform: translateY(-.35rem) rotate(45deg); }