/* MTH Web Categories Menu 4.5.0: portable Journal 3.2 navigation theme. */

html.mth-wcm-navigation-theme {
  --mth-wcm-nav-navy: #222a75;
  --mth-wcm-nav-border: #dfe4ec;
  --mth-wcm-nav-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Desktop menu bar and the smooth light wave used at its lower edge. */
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar {
  --mth-wcm-nav-detail: rgba(255, 255, 255, 0.92);
  min-height: 50px !important;
  background-color: var(--mth-wcm-nav-navy) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 8px 22px rgba(18, 23, 74, 0.16) !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar::before {
  background: transparent !important;
  border: 0 !important;
  pointer-events: none !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar::after {
  background-color: var(--mth-wcm-nav-navy) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 32' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='mthWaveFade' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0.04'/%3E%3Cstop offset='0.40' stop-color='%23ffffff' stop-opacity='0.13'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0.13'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23mthWaveFade)' d='M0 14C170 3 360 4 545 14C745 25 955 26 1150 14C1270 7 1360 6 1440 11V32H0Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center calc(100% + 3px) !important;
  background-size: 100% 22px !important;
  pointer-events: none !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a {
  --background-color: transparent !important;
  --scale-active: 1;
  min-height: 40px !important;
  padding-inline: clamp(10px, 1.15vw, 16px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: var(--mth-wcm-nav-font) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: box-shadow 140ms ease, color 140ms ease !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a > .links-text,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a em {
  color: #ffffff !important;
  font-family: var(--mth-wcm-nav-font) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item:hover > a,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item.open > a,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item.active > a,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item.panel-active > a,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a:hover,
html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a:active {
  --background-color: transparent !important;
  background: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.90) !important;
  color: #ffffff !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a:focus-visible {
  outline: 0 !important;
  background: transparent !important;
  box-shadow: inset 0 -3px 0 #ffffff !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu-2 {
  margin-inline-start: 8px !important;
  padding-inline-start: 8px !important;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.20) !important;
}

/* Self-contained nautical SVG icons, keyed by menu title in the companion JS. */
html.mth-wcm-navigation-theme .mth-wcm-nav-boats {
  --mth-wcm-nav-icon-size: 20px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 7 20 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h13l-2 4H7c-2.2 0-3.4-1.3-4-4Z'/%3E%3Cpath d='M7 14l1.4-4h5.1l2.5 4'/%3E%3Cpath d='M17 8.5h3.5v6H17Z'/%3E%3Cpath d='M18.7 14.5v4l1.7 1.4'/%3E%3Cpath d='M17.8 19.7h3.5'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-brokerage {
  --mth-wcm-nav-icon-size: 18px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v15'/%3E%3Cpath d='M7 22a4 4 0 0 1-4-4 1 1 0 0 1 1-1h16a1 1 0 0 1 1 1 4 4 0 0 1-4 4Z'/%3E%3Cpath d='M9.159 2.46a1 1 0 0 1 1.521-.193l9.977 8.98A1 1 0 0 1 20 13H4a1 1 0 0 1-.824-1.567Z'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-marine {
  --mth-wcm-nav-icon-size: 18px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.93 4.93 4.24 4.24M14.83 9.17l4.24-4.24M14.83 14.83l4.24 4.24M9.17 14.83l-4.24 4.24'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-sales {
  --mth-wcm-nav-icon-size: 18px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42Z'/%3E%3Cpath d='m10 14 5-6'/%3E%3Ccircle cx='10' cy='9' r='.8'/%3E%3Ccircle cx='15' cy='13' r='.8'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-about {
  --mth-wcm-nav-icon-size: 18px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-location {
  --mth-wcm-nav-icon-size: 18px;
  --mth-wcm-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

html.mth-wcm-navigation-theme .mth-wcm-nav-item > a::before {
  content: "" !important;
  display: inline-block !important;
  width: var(--mth-wcm-nav-icon-size) !important;
  min-width: var(--mth-wcm-nav-icon-size) !important;
  height: var(--mth-wcm-nav-icon-size) !important;
  flex: 0 0 var(--mth-wcm-nav-icon-size) !important;
  margin-inline-end: 8px !important;
  background-color: currentColor !important;
  -webkit-mask-image: var(--mth-wcm-nav-icon) !important;
  mask-image: var(--mth-wcm-nav-icon) !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  font-family: initial !important;
  font-size: 0 !important;
  font-style: normal !important;
  line-height: 1 !important;
  opacity: 0.94 !important;
}

html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .mth-wcm-nav-item > a::before {
  color: var(--mth-wcm-nav-detail) !important;
}

/* Mobile drawer: bordered menu-content cards with inset circular controls. */
html.mth-wcm-navigation-theme.mobile-header-active .mobile-container.mobile-main-menu-container {
  background: #ffffff !important;
  color: #5a5e60 !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-container .mobile-wrapper-header {
  min-height: 48px !important;
  padding-inline-start: 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--mth-wcm-nav-border) !important;
  box-shadow: 0 2px 8px rgba(25, 31, 91, 0.05) !important;
  color: var(--mth-wcm-nav-navy) !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-container .mobile-wrapper-header > span {
  color: var(--mth-wcm-nav-navy) !important;
  font-family: var(--mth-wcm-nav-font) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-container .mobile-wrapper-header > a.x,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-container .mobile-wrapper-header > a.x::before {
  color: var(--mth-wcm-nav-navy) !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu {
  margin: 0 !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a {
  --background-color: #ffffff !important;
  position: relative !important;
  display: flex !important;
  min-height: 44px !important;
  align-items: center !important;
  padding: 0 42px 0 14px !important;
  background: #ffffff !important;
  border: 1px solid var(--mth-wcm-nav-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(34, 42, 117, 0.05) !important;
  color: var(--mth-wcm-nav-navy) !important;
  font-family: var(--mth-wcm-nav-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.005em !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: none !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a > .links-text {
  color: var(--mth-wcm-nav-navy) !important;
  font-family: var(--mth-wcm-nav-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.005em !important;
  transition: none !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .mth-wcm-nav-item > a::before {
  color: var(--mth-wcm-nav-navy) !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item:hover > a,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.open > a,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.active > a,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.panel-active > a,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:hover,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:focus,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:active {
  --background-color: var(--mth-wcm-nav-navy) !important;
  background: var(--mth-wcm-nav-navy) !important;
  border-color: var(--mth-wcm-nav-navy) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  outline: 0 !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item:hover > a > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.open > a > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.active > a > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.panel-active > a > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:hover > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:focus > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:active > .links-text,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item:hover > a::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.open > a::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.active > a::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item.panel-active > a::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:hover::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:focus::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu > .j-menu > .main-menu-item > a:active::before {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transition: none !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a .open-menu {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  inset-inline-end: 8px !important;
  display: flex !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  background: #f1f3f6 !important;
  border: 1px solid #d5d8dc !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--mth-wcm-nav-navy) !important;
  transition: none !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item:hover > a .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item.open > a .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item.active > a .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item.panel-active > a .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a:hover .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a:focus .open-menu,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a:active .open-menu {
  background: #ffffff !important;
  color: var(--mth-wcm-nav-navy) !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a .open-menu em {
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  color: var(--mth-wcm-nav-navy) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item > a .open-menu em::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  color: var(--mth-wcm-nav-navy) !important;
  font-family: initial !important;
  transform: rotate(-45deg) !important;
}

html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item.open > a .open-menu em::before,
html.mth-wcm-navigation-theme.mobile-header-active .mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > .main-menu-item.panel-active > a .open-menu em::before {
  transform: rotate(45deg) !important;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a {
    padding-inline: 8px !important;
    font-size: 13px !important;
  }

  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a > .links-text,
  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a em {
    font-size: 13px !important;
  }

  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu-2 {
    margin-inline-start: 4px !important;
    padding-inline-start: 4px !important;
  }

  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .mth-wcm-nav-item > a::before {
    margin-inline-end: 6px !important;
  }
}

@media (max-width: 1180px) and (min-width: 768px) {
  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a {
    padding-inline: 6px !important;
    font-size: 12px !important;
  }

  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a > .links-text,
  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a em {
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.mth-wcm-navigation-theme.desktop .header-classic .desktop-main-menu-wrapper.menu-bar .main-menu > .j-menu > .main-menu-item > a {
    transition: none !important;
  }
}