/* ==========================================================================
   Finnet theme — header.css
   Everything for the captured header template (_capture/parts/header.html):
   shell, header sections/wraps, logo, icon boxes, search, burger + off-canvas
   sidebar, desktop main menu with dropdowns and mega menus, plus the
   per-item CSS the old build exported for the header template (post 262).
   Those hashed selectors are site data and are kept so the captured markup
   works unchanged. (The four mega-menu templates' per-item CSS — posts 322,
   341, 343, 344 — is in megamenu.css, enqueued right after this file.)

   ---------------------------------------------------------------------------
   JS CONTRACT (main.js)
   ---------------------------------------------------------------------------
   Body offset
     The header is absolutely positioned (`.mfn-header-tmpl-absolute`) and the
     page is pushed down by its height (`.mfn-header-body-offset`, and
     `.mfn-mobile-header-body-offset` ≤767px). JS measures the header and sets
     `document.documentElement.style.setProperty('--mfn-header-height', h + 'px')`
     on load and resize. CSS applies it as #Wrapper padding-top.

   Off-canvas sidebar (burger)
     Open:  body.mfn-sidebar-opened  +  .mfn-header-tmpl-menu-sidebar.is-open
     Close: remove both. (The reference's `.mfn-header-tmpl-menu-active` on
     the burger column is honoured as an alias.)
     Submenu toggle inside the sidebar (menus with `.mfn-menu-submenu-on-click`):
     clicking a link of `li.menu-item-has-children` toggles `is-open` on that
     li (alias: reference `mfn-li-hover`). Only one sibling open at a time.

   Mega menu / dropdowns (desktop menu has `.mfn-menu-submenu-on-hover`)
     Shown by CSS :hover; JS only needs to position full-width panels:
     `.mfn-menu-item-megamenu.mfn-megamenu-full-width` is 100vw wide and
     must get `style.left = -(li.getBoundingClientRect().left) + 'px'`
     (recompute on resize). While a mega menu is open add
     `body.mfn-content-overlay` so `.mfn-header-overlay` dims the page
     (the header carries `.mfn-header-content-overlay`).
     For click-driven menus (`.mfn-menu-submenu-on-click`) toggle `is-open`
     on the li.

   Search (column_header_icon)
     Toggle `mfn-searchbar-active` on the item's `.mcb-column-inner` to show
     the centred search box; `.icon_close` closes it.

   Sticky
     Add body.mfn-header-scrolled when window.scrollY > header height.
     The header only becomes fixed when body ALSO has `mfn-header-sticky`;
     this site's header template has no sticky section (no `.mfn-hasSticky`),
     so JS must not add `mfn-header-sticky` here — the reference does not stick.

   ---------------------------------------------------------------------------
   IMPORT NOTE: the captured <header> tag carries an inline
   style="position: relative; pointer-events: none;" left by the capture tool.
   Strip it on import or the header will not overlay/position correctly.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Shell
   -------------------------------------------------------------------------- */
html {
  --mfn-header-height: 0px;   /* set by JS, see contract */
}

.mfn-header-tmpl {
  /* column gaps inside the header are tighter than in content */
  --mfn-column-gap-left: 5px;
  --mfn-column-gap-right: 5px;
  --mfn-column-gap-bottom: 0;

  /* menu metrics the per-item CSS may override */
  --mfn-header-menu-gap: 0px;
  --mfn-header-menu-icon-gap: 5px;
  --mfn-header-menu-submenu-icon-gap: 10px;
  --mfn-header-menu-sep: rgba(1, 7, 39, 0.15);
  --mfn-header-menu-animation-height: 3px;
  --mfn-header-menu-animation-color: #0089f7;
  --mfn-header-menu-icon-size: 25px;
  --mfn-header-submenu-icon-size: 13px;
  --mfn-header-menu-sidebar-width: 350px;
  --mfn-header-search-icon-color: #333;
  --mfn-header-icon-color: #333;
  --mfn-header-submenu-border-radius-top: 4px;
  --mfn-header-submenu-border-radius-right: 4px;
  --mfn-header-submenu-border-radius-bottom: 4px;
  --mfn-header-submenu-border-radius-left: 4px;
  --mfn-header-submenu-dropdown-size: 8px;
  --mfn-header-submenu-dropdown-offset: 0px;
  --mfn-header-submenu-dropdown-color: #fff;

  position: relative;
  z-index: 3;
  width: 100%;
}

.mfn-header-tmpl-absolute {
  position: absolute;
  left: 0;
  top: 0;
}

/* Page offset for the absolute header */
#Wrapper {
  padding-top: var(--mfn-header-height);
}

/* Default (desktop/laptop/tablet) sections vs the mobile section */
.mfn-header-tmpl .mfn-header-mobile-section {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mfn-mobile-header-tmpl-absolute {
    position: absolute;
    left: 0;
    top: 0;
  }

  .mfn-header-tmpl.mfn-hasMobile .mfn-default-section,
  .mfn-header-tmpl.mfn-hasMobile .mfn-header-sticky-section {
    display: none;
  }

  .mfn-header-tmpl.mfn-hasMobile .mfn-header-mobile-section {
    display: block;
  }

  .mfn-header-tmpl .section_wrapper {
    padding-left: 0 !important;   /* layout.css gutters do not apply in the header */
    padding-right: 0 !important;
  }
}

/* A wrap whose dropdown is open must paint above its siblings */
.mfn-header-tmpl .mfn-header-tmpl-builder > .mcb-section > .section_wrapper > .mcb-wrap:hover {
  z-index: 2;
}

.mfn-bring-to-front {
  z-index: 4;
}

/* Page dimmer used while a mega menu is open (markup: <div class="mfn-header-overlay">,
   background colour comes inline from the captured markup) */
.mfn-header-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.mfn-content-overlay .mfn-header-overlay {
  opacity: 1;
  height: 100%;
}

/* Sticky header: only for templates with a sticky section (not this site) */
@keyframes mfn-show-sticky {
  from { top: -100%; }
  to   { top: 0; }
}

body.mfn-header-sticky.mfn-header-scrolled .mfn-header-tmpl {
  position: fixed;
  top: 0;
  left: 0;
  animation: mfn-show-sticky 0.5s;
}

.mfn-header-tmpl.mfn-hasSticky .mfn-header-sticky-section,
body.mfn-header-sticky.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-tmpl-builder > .mfn-default-section {
  display: none;
}

body.mfn-header-sticky.mfn-header-scrolled .mfn-header-tmpl.mfn-hasSticky .mfn-header-sticky-section {
  display: block;
}

.admin-bar.mfn-header-sticky.mfn-header-scrolled .mfn-header-tmpl {
  margin-top: 32px;
}

/* --------------------------------------------------------------------------
   2. Header sections, wraps, columns
   -------------------------------------------------------------------------- */
/* Header wraps size to content; per-item CSS adds flex-grow where needed */
.mfn-header-tmpl .mcb-header-wrap {
  width: auto;
  max-width: 100%;
}

.mfn-header-tmpl .mcb-header-section > .section_wrapper,
.mfn-header-tmpl .mcb-header-wrap > .mcb-wrap-inner {
  flex-wrap: nowrap;
}

.mfn-header-tmpl .mcb-header-section > .section_wrapper::after {
  content: unset;
}

/* The responsive width classes on header wraps are ignored unless the wrap
   has an explicit custom width */
@media only screen and (min-width: 960px) and (max-width: 1440px) {
  .mfn-header-tmpl .mcb-header-wrap[class*="laptop-"]:not(.mfn-item-custom-width) {
    width: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .mfn-header-tmpl .mcb-header-wrap[class*="tablet-"]:not(.mfn-item-custom-width) {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .mfn-header-tmpl .mcb-header-wrap[class*="mobile-"]:not(.mfn-item-custom-width) {
    width: auto;
  }
}

/* The menu item fills the remaining space of its wrap */
.mfn-item-inline.column_header_menu {
  flex-grow: 1 !important;     /* .mfn-item-inline.column sets flex:0 0 auto !important */
  flex-shrink: 1 !important;
  flex-basis: 0 !important;
}

.mfn-header-tmpl .column_column {
  flex-shrink: 1 !important;
}

.mfn-header-tmpl .column_column .column_attr > :last-child {
  margin-bottom: 0;
}

/* Plain text item: inherits body typography; per-item CSS colours it */
.mfn-header-tmpl .column_plain_text .desc {
  display: block;
}

/* --------------------------------------------------------------------------
   3. Logo
   -------------------------------------------------------------------------- */
.column_header_logo .logo-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.column_header_logo .logo-wrapper > * {
  width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   4. Icon boxes in the header (burger, search, contact links)
   -------------------------------------------------------------------------- */
.mfn-header-tmpl .mfn-icon-box {
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.mfn-header-tmpl a.mfn-icon-box,
.mfn-header-tmpl a.mfn-icon-box:hover {
  text-decoration: none;
}

.mfn-header-tmpl .mfn-icon-box .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  line-height: 0;
  transition: all 0.2s ease-in-out;
}

.mfn-header-tmpl .mfn-header-icon-box .icon-wrapper {
  overflow: unset;
}

.mfn-header-tmpl .mfn-icon-box .icon-wrapper i {
  font-size: var(--mfn-header-menu-icon-size);
  line-height: 1;
  color: var(--mfn-header-icon-color);
  transition: all 0.2s ease-in-out;
}

.mfn-header-tmpl .mfn-icon-box .icon-wrapper svg .path {
  stroke: var(--mfn-header-icon-color);
}

.mfn-header-tmpl .mfn-icon-box .icon-wrapper img,
.mfn-header-tmpl .mfn-icon-box .icon-wrapper svg {
  width: var(--mfn-header-menu-icon-size);
}

.mfn-header-tmpl .mfn-icon-box .desc-wrapper,
.mfn-header-tmpl .mfn-icon-box .desc-wrapper .title,
.mfn-header-tmpl .mfn-icon-box .desc-wrapper .desc {
  transition: all 0.2s ease-in-out;
}

.mfn-header-tmpl .mfn-icon-box .desc-wrapper :last-child {
  margin-bottom: 0;
}

/* Icon placement */
.mfn-header-tmpl .mfn-icon-box-left .icon-wrapper {
  margin: 0 10px 0 0;
}

.mfn-header-tmpl .mfn-icon-box-right .icon-wrapper {
  margin: 0 0 0 10px;
}

.mfn-header-tmpl .mfn-icon-box-top,
.mfn-header-tmpl .mfn-icon-box-bottom {
  flex-direction: column;
}

.mfn-header-tmpl .mfn-icon-box-top .desc-wrapper,
.mfn-header-tmpl .mfn-icon-box-bottom .desc-wrapper {
  width: 100%;
  text-align: center;
}

.mfn-header-tmpl .mfn-icon-box-top .icon-wrapper {
  margin: 0 0 5px;
}

.mfn-header-tmpl .mfn-icon-box-bottom .icon-wrapper {
  margin: 5px 0 0;
}

.mfn-header-tmpl .mfn-icon-box-start {
  align-items: flex-start;
}

.mfn-header-tmpl .mfn-icon-box-center {
  align-items: center;
}

.mfn-header-tmpl .mfn-icon-box-empty-desc .icon-wrapper {
  margin: 0;
}

.column_header_burger.mfn-item-inline .icon-wrapper,
.column_header_icon.mfn-item-inline .icon-wrapper {
  width: auto;
}

@media only screen and (max-width: 959px) {
  .mfn-header-tmpl .mfn-icon-box-tablet-top,
  .mfn-header-tmpl .mfn-icon-box-tablet-bottom {
    flex-direction: column;
  }

  .mfn-header-tmpl .mfn-icon-box-tablet-top .icon-wrapper {
    order: 1;
    margin: 0 0 5px;
  }

  .mfn-header-tmpl .mfn-icon-box-tablet-top .desc-wrapper,
  .mfn-header-tmpl .mfn-icon-box-tablet-bottom .icon-wrapper {
    order: 2;
  }
}

@media only screen and (max-width: 767px) {
  .mfn-header-tmpl .mfn-icon-box-mobile-left,
  .mfn-header-tmpl .mfn-icon-box-mobile-right {
    flex-direction: row;
  }

  .mfn-header-tmpl .mfn-icon-box-mobile-left .icon-wrapper {
    order: 1;
    margin: 0 10px 0 0;
  }

  .mfn-header-tmpl .mfn-icon-box-mobile-left .desc-wrapper,
  .mfn-header-tmpl .mfn-icon-box-mobile-right .icon-wrapper {
    order: 2;
  }

  .mfn-header-tmpl .mfn-icon-box-mobile-center {
    align-items: center;
  }

  .mfn-header-tmpl .column_header_icon .mfn-icon-box,
  .mfn-header-tmpl .column_header_icon .mfn-icon-box .icon-wrapper {
    overflow: unset;
  }
}

/* --------------------------------------------------------------------------
   5. Search
   -------------------------------------------------------------------------- */
/* 5a. Inline search field (column_header_search) */
.column_header_search .search_wrapper {
  position: relative;
}

.column_header_search .search_wrapper input[type="text"] {
  position: relative;
  width: 100%;
  margin: 0;
  padding-left: 40px;
  color: var(--mfn-header-search-color, var(--fn-color-input-text));
}

.column_header_search .search_wrapper input[type="text"]::placeholder {
  color: var(--mfn-header-search-color, var(--fn-color-input-text));
}

.column_header_search .search_wrapper .icon_search {
  position: absolute;
  z-index: 1;
  left: 22px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.column_header_search .search_wrapper svg.icon_search {
  width: var(--mfn-header-search-icon-size, 26px);
}

.column_header_search .search_wrapper svg.icon_search .path {
  stroke: var(--mfn-header-search-icon-color);
}

.column_header_search .search_wrapper .icon_close {
  display: none;
}

/* 5b. Search icon that opens a centred search box (column_header_icon) */
.mfn-header-tmpl .column_header_icon .search_wrapper {
  display: none;
  position: fixed;
  z-index: 205;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  max-width: 80%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--fn-color-white);
  border-radius: 4px;
  box-shadow: 0 10px 46px 0 rgba(1, 7, 39, 0.1);
}

.mfn-header-tmpl .column_header_icon .mfn-searchbar-active .search_wrapper,
.mfn-header-tmpl .column_header_icon.mfn-searchbar-active .search_wrapper {
  display: block;
}

.mfn-header-tmpl .column_header_icon .search_wrapper > form {
  position: relative;
}

.mfn-header-tmpl .column_header_icon .search_wrapper input[type="text"] {
  width: 100%;
  margin: 0;
  padding: 22px 30px 22px 60px;
  box-sizing: border-box;
  background: none;
  border-width: 0;
  box-shadow: none;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
}

.mfn-header-tmpl .column_header_icon .search_wrapper input[type="text"]:focus {
  background-color: transparent;
}

.mfn-header-tmpl .column_header_icon .search_wrapper .icon_search,
.mfn-header-tmpl .column_header_icon .search_wrapper .icon_close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.mfn-header-tmpl .column_header_icon .search_wrapper .icon_search {
  left: 15px;
}

.mfn-header-tmpl .column_header_icon .search_wrapper .icon_close {
  right: 10px;
}

/* --------------------------------------------------------------------------
   6. Close icon (sidebar + search box)
   -------------------------------------------------------------------------- */
.mfn-close-icon {
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none !important;
}

.mfn-close-icon .icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

.mfn-close-icon:hover .icon {
  color: rgba(0, 0, 0, 0.8);
  transform: rotate(180deg);
}

/* --------------------------------------------------------------------------
   7. Burger + off-canvas sidebar menu
   -------------------------------------------------------------------------- */
.mcb-item-header_burger-inner {
  z-index: 2;
}

.mfn-header-tmpl-menu-sidebar {
  position: fixed;
  z-index: 1;
  top: 0;
  width: var(--mfn-header-menu-sidebar-width);
  height: 100vh;
  background-color: #f6f7f9;
  transition: 0.5s ease-in-out;
}

.mfn-header-tmpl-menu-sidebar-right {
  right: calc(var(--mfn-header-menu-sidebar-width) * -1);
}

.mfn-header-tmpl-menu-sidebar-left {
  left: calc(var(--mfn-header-menu-sidebar-width) * -1);
}

/* Open state */
.mfn-header-tmpl-menu-sidebar-right.is-open,
.mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-right {
  right: 0;
}

.mfn-header-tmpl-menu-sidebar-left.is-open,
.mfn-header-tmpl-menu-active .mfn-header-tmpl-menu-sidebar-left {
  left: 0;
}

body.mfn-sidebar-opened {
  overflow: hidden;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 50px;
  box-sizing: border-box;
  overflow-y: auto;
}

.mfn-header-tmpl-menu-sidebar .mfn-close-icon {
  position: absolute;
  top: 10px;
}

.mfn-header-tmpl-menu-sidebar-right .mfn-close-icon {
  right: 10px;
}

.mfn-header-tmpl-menu-sidebar-left .mfn-close-icon {
  left: 10px;
}

.admin-bar .mfn-header-tmpl-menu-sidebar .mfn-close-icon {
  top: 42px;
}

/* --------------------------------------------------------------------------
   8. Menus (.mfn-header-menu): shared rules for the desktop bar and the
      sidebar lists
   -------------------------------------------------------------------------- */
.mfn-header-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.mfn-header-menu .mfn-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mfn-header-menu .mfn-menu-li {
  position: relative;
}

.mfn-header-menu .mfn-menu-li .mfn-menu-link {
  display: flex;
  text-decoration: none;
}

/* Top-level items */
.mfn-header-menu > .mfn-menu-li {
  display: inline-flex;
  z-index: 1;
  margin: 0 calc(var(--mfn-header-menu-gap) / 2);
}

.mfn-header-menu > .mfn-menu-li:first-child {
  margin-left: 0;
}

.mfn-header-menu > .mfn-menu-li:last-child {
  margin-right: 0;
}

.mfn-header-menu > .mfn-menu-li:hover {
  z-index: 2;
}

.mfn-header-menu > .mfn-menu-li > .mfn-menu-link {
  position: relative;
  z-index: 4;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 20px;
  box-sizing: border-box;
}

.mfn-header-menu > .mfn-menu-li > .mfn-menu-link .menu-item-helper {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mfn-header-menu > .mfn-menu-li > .mfn-menu-link > .label-wrapper > .menu-label {
  white-space: nowrap;
}

.mfn-header-menu .mfn-menu-link .label-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}

.mfn-header-menu .mfn-menu-link .label-wrapper .menu-desc {
  font-size: 85%;
}

.mfn-header-menu .mfn-menu-link .menu-icon {
  line-height: 1;
}

.mfn-header-menu .mfn-menu-link .menu-icon i {
  font-size: var(--mfn-header-menu-icon-size);
}

.mfn-header-menu > .mfn-menu-li .mfn-menu-link .menu-icon,
.mfn-header-menu > .mfn-menu-li .mfn-menu-link .menu-sub {
  z-index: 1;
}

/* Default colours (per-item CSS overrides them) */
.mfn-header-menu .mfn-menu-li > .mfn-menu-link {
  color: #73748c;
}

.mfn-header-menu .mfn-menu-li:hover > .mfn-menu-link {
  color: #2a2b39;
}

.mfn-header-menu .mfn-menu-li.current-menu-item > .mfn-menu-link,
.mfn-header-menu .mfn-menu-link .menu-icon i {
  color: #0089f7;
}

/* Alignment variants */
.mfn-items-align-left .mfn-menu-li .mfn-menu-link {
  justify-content: flex-start;
}

.mfn-items-align-center .mfn-menu-li .mfn-menu-link {
  justify-content: center;
}

.mfn-items-align-right .mfn-menu-li .mfn-menu-link {
  justify-content: flex-end;
}

/* Submenu indicator (.menu-sub / .mfn-menu-subicon / .mfn-menu-sub-subicon) */
.mfn-menu-icon-left .mfn-menu-link > .menu-sub {
  margin-left: var(--mfn-header-menu-submenu-icon-gap);
}

.mfn-header-menu > .mfn-menu-li .mfn-menu-link span.menu-sub i {
  font-size: var(--mfn-header-submenu-icon-size);
}

.mfn-header-menu .mfn-menu-li:not(.menu-item-has-children, .mfn-menu-item-has-megamenu) .mfn-menu-link .menu-sub,
.mfn-menu-submenu-icon-off .mfn-menu-link .menu-sub {
  display: none;
}

/* Sub-menu indicators: the <i class="fas fa-chevron-*|fa-arrow-*"> glyphs come from icons.css */

.mfn-header-tmpl {
  --fn-chevron-down:  url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 5.5 8 11l5.5-5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --fn-chevron-right: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 2.5 11 8l-5.5 5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Dropdown submenus (desktop) */
.mfn-header-menu .mfn-menu-li .mfn-submenu {
  display: none;
  position: absolute;
  width: 220px;
  background-color: var(--fn-color-white);
  box-shadow: 0 10px 20px 0 rgba(1, 7, 39, 0.05);
  border-radius: var(--mfn-header-submenu-border-radius-top) var(--mfn-header-submenu-border-radius-right) var(--mfn-header-submenu-border-radius-bottom) var(--mfn-header-submenu-border-radius-left);
}

.mfn-header-menu > .mfn-menu-li .mfn-submenu {
  left: 0;
  top: 100%;
}

.mfn-header-menu > .mfn-menu-li .mfn-submenu .mfn-menu-li .mfn-submenu {
  left: 100%;
  top: 0;
}

.mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link {
  align-items: center;
  padding: 10px 20px;
}

.mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-li:first-child .mfn-menu-link {
  border-radius: var(--mfn-header-submenu-border-radius-top) var(--mfn-header-submenu-border-radius-right) 0 0;
}

.mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-li:last-child .mfn-menu-link {
  border-bottom: 0;
  border-radius: 0 0 var(--mfn-header-submenu-border-radius-bottom) var(--mfn-header-submenu-border-radius-left);
}

.mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link .menu-sub {
  margin-left: auto;
}

/* Open states: hover menus open on :hover, click menus on .is-open */
.mfn-menu-submenu-on-hover .mfn-menu-li:hover > .mfn-submenu,
.mfn-menu-submenu-on-click .mfn-menu-li.is-open > .mfn-submenu,
.mfn-menu-submenu-on-click .mfn-menu-li.mfn-li-hover > .mfn-submenu {
  display: block;
}

/* Items that carry a mega menu never show a plain dropdown */
.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover > .mfn-submenu,
.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.is-open > .mfn-submenu,
.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover > .mfn-submenu {
  display: none;
}

/* Vertical menu inside the off-canvas sidebar.
   Placed after the dropdown rules above on purpose: same specificity, so
   source order makes these win (position/left/top/width). */
.mfn-header-tmpl-menu-sidebar .mfn-header-menu {
  flex-direction: column;
  width: 100%;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li {
  display: inline-flex;
  flex-direction: column;
  margin: calc(var(--mfn-header-menu-gap) / 2) 0;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li:first-child {
  margin-top: 0;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-menu > .mfn-menu-li:last-child {
  margin-bottom: 0;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu {
  /* hidden/shown by the generic dropdown + open-state rules above */
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
}

.mfn-header-tmpl-menu-sidebar .mfn-header-menu .mfn-submenu .mfn-menu-li .mfn-submenu {
  left: unset;
  top: unset;
}

/* Hover line under the active/hovered top-level item */
.mfn-menu-animation-toggle-line-bottom > .mfn-menu-li > .mfn-menu-link::before,
.mfn-menu-animation-toggle-line-top > .mfn-menu-li > .mfn-menu-link::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--mfn-header-menu-animation-height);
  background-color: var(--mfn-header-menu-animation-color);
  transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}

.mfn-menu-animation-toggle-line-bottom > .mfn-menu-li > .mfn-menu-link::before {
  top: 100%;
}

.mfn-menu-animation-toggle-line-top > .mfn-menu-li > .mfn-menu-link::before {
  bottom: 100%;
}

.mfn-menu-animation-toggle-line-bottom > .mfn-menu-li.current-menu-item > .mfn-menu-link::before,
.mfn-menu-animation-toggle-line-bottom > .mfn-menu-li:hover > .mfn-menu-link::before,
.mfn-menu-animation-toggle-line-top > .mfn-menu-li.current-menu-item > .mfn-menu-link::before,
.mfn-menu-animation-toggle-line-top > .mfn-menu-li:hover > .mfn-menu-link::before {
  transform: scaleX(1);
}

/* Separators between items (off on this site: .mfn-menu-separator-off) */
.mfn-menu-separator-on > .mfn-menu-li::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  right: calc(var(--mfn-header-menu-gap) * -0.5);
  width: 1px;
  height: 100%;
  background-color: var(--mfn-header-menu-sep);
}

.mfn-menu-separator-on > .mfn-menu-li:last-child::after {
  display: none;
}

/* --------------------------------------------------------------------------
   9. Mega menus
   -------------------------------------------------------------------------- */
.mfn-menu-item-megamenu {
  position: absolute;
  top: 100%;
  font-family: var(--fn-font-body);
  font-size: var(--fn-body-size);
  line-height: var(--fn-body-line);
  font-weight: var(--fn-body-weight);
  letter-spacing: var(--fn-body-spacing);
}

.mfn-menu-item-has-megamenu .mfn-menu-item-megamenu {
  display: none;
}

.mfn-menu-submenu-on-hover .mfn-menu-item-has-megamenu:hover > .mfn-menu-item-megamenu,
.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.is-open > .mfn-menu-item-megamenu,
.mfn-menu-submenu-on-click .mfn-menu-item-has-megamenu.mfn-li-hover > .mfn-menu-item-megamenu {
  display: block;
}

/* Full-width panel: 100vw wide; JS sets `left` so it starts at the viewport edge */
.mfn-megamenu-full-width,
.mfn-megamenu-grid {
  width: 100vw;
}

.mfn-megamenu-full-width .container {
  max-width: 100%;
}

.mfn-megamenu-custom-width {
  width: 220px;
}

.mfn-megamenu-pos-left {
  left: 0;
}

.mfn-megamenu-pos-right {
  right: 0;
  left: auto;
}

@media only screen and (max-width: 767px) {
  .mfn-menu-item-megamenu {
    max-width: 90vw;
  }

  .mfn-menu-item-megamenu > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mega menus inside a dropdown */
.mfn-header-menu .mfn-submenu .mfn-menu-item-has-megamenu {
  position: static;
}

.mfn-header-menu .mfn-submenu .mfn-menu-item-megamenu {
  min-height: 100%;
}

/* Builder content inside a mega menu */
.mfn-megamenu-tmpl-builder {
  --mfn-column-gap-left: 12px;
  --mfn-column-gap-right: 12px;
  --mfn-column-gap-bottom: 10px;
  --mfn-megamenu-menu-gap: 0px;
  --mfn-megamenu-menu-icon-gap: 5px;
  --mfn-megamenu-menu-submenu-icon-gap: 10px;
  --mfn-megamenu-menu-sep: rgba(1, 7, 39, 0.15);
  --mfn-megamenu-menu-animation-height: 3px;
  --mfn-megamenu-menu-icon-size: 25px;
  --mfn-megamenu-submenu-icon-size: 13px;
  --mfn-megamenu-menu-animation-color: #0089f7;
  --mfn-megamenu-submenu-border-radius-top: 4px;
  --mfn-megamenu-submenu-border-radius-right: 4px;
  --mfn-megamenu-submenu-border-radius-bottom: 4px;
  --mfn-megamenu-submenu-border-radius-left: 4px;
}

.mfn-menu-item-megamenu .mfn-icon-box {
  --mfn-header-icon-color: #0089f7;
  --mfn-header-menu-icon-size: 7vh;
}

.mfn-menu-item-megamenu .mfn-icon-box .icon-wrapper img,
.mfn-menu-item-megamenu .mfn-icon-box .icon-wrapper svg {
  width: auto;
}

/* Mega menu link lists (.mfn-megamenu-menu) */
.mfn-megamenu-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.mfn-megamenu-menu .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mfn-megamenu-menu li {
  position: relative;
}

.mfn-megamenu-menu li a {
  display: flex;
  text-decoration: none;
}

.mfn-megamenu-menu > li {
  z-index: 1;
}

.mfn-megamenu-menu > li:hover {
  z-index: 2;
}

.mfn-megamenu-menu > li > a {
  position: relative;
  z-index: 4;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  box-sizing: border-box;
}

.mfn-megamenu-menu > li > a .menu-item-helper {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mfn-megamenu-menu > li:last-child:not(.menu-item-has-children) > a,
.mfn-megamenu-menu > li:last-child li:last-child a {
  border-bottom: 0 !important;   /* per-item CSS draws the 1px separators */
}

.mfn-megamenu-menu a .label-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}

.mfn-megamenu-menu a .label-wrapper .menu-desc {
  font-size: 85%;
}

.mfn-megamenu-menu a .menu-label {
  white-space: nowrap;
}

.mfn-megamenu-menu a .menu-icon {
  line-height: 1;
}

.mfn-megamenu-menu a .menu-icon i {
  font-size: var(--mfn-megamenu-menu-icon-size);
}

.mfn-megamenu-menu > li a span.menu-sub i {
  font-size: var(--mfn-megamenu-submenu-icon-size);
}

.mfn-megamenu-menu li:not(.menu-item-has-children) a .menu-sub {
  display: none;
}

.mfn-mm-menu-icon-left a > .menu-sub {
  margin-left: var(--mfn-megamenu-menu-submenu-icon-gap);
}

/* Default colours (per-item CSS overrides) */
.mfn-megamenu-menu li > a {
  color: #73748c;
}

.mfn-megamenu-menu li > a:hover {
  color: #2a2b39;
}

.mfn-megamenu-menu li.current-menu-item > a,
.mfn-megamenu-menu a .menu-icon i {
  color: #0089f7;
}

/* Sub-lists */
.mfn-megamenu-menu li .sub-menu {
  display: none;
  position: absolute;
  width: 220px;
  border-radius: var(--mfn-megamenu-submenu-border-radius-top) var(--mfn-megamenu-submenu-border-radius-right) var(--mfn-megamenu-submenu-border-radius-bottom) var(--mfn-megamenu-submenu-border-radius-left);
}

.mfn-megamenu-menu li .sub-menu a {
  align-items: center;
  padding: 10px 20px;
}

.mfn-megamenu-menu li .sub-menu a .menu-sub {
  margin-left: auto;
}

.mfn-megamenu-menu li .sub-menu li:first-child a {
  border-radius: var(--mfn-megamenu-submenu-border-radius-top) var(--mfn-megamenu-submenu-border-radius-right) 0 0;
}

.mfn-megamenu-menu li .sub-menu li:last-child a {
  border-radius: 0 0 var(--mfn-megamenu-submenu-border-radius-bottom) var(--mfn-megamenu-submenu-border-radius-left);
}

/* Vertical list with sub-lists always visible (what this site uses) */
.mfn-mm-menu-vertical {
  flex-direction: column;
}

.mfn-mm-menu-vertical li {
  display: flex;
  flex-direction: column;
}

.mfn-mm-menu-vertical li .sub-menu {
  display: block;
  position: static;
  width: 100%;
}

.mfn-mm-submenu-visible li .menu-sub {
  display: none;
}

.mfn-mm-menu-icon-left.mfn-mm-menu-vertical a > .menu-sub {
  margin-left: auto;
}

.mfn-mm-menu-horizontal > li .sub-menu {
  left: 0;
  top: 100%;
}

.mfn-mm-menu-horizontal > li .sub-menu li .sub-menu {
  left: 100%;
  top: 0;
}

/* Responsive copy size inside mega menus (theme option "content" sizes) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .mfn-menu-item-megamenu {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mfn-menu-item-megamenu {
    font-size: 13px;
    line-height: 19px;
  }
}

/* --------------------------------------------------------------------------
   10. SITE DATA — header template (post 262) per-item CSS
       Hashed selectors are the captured markup's; values unchanged.
   -------------------------------------------------------------------------- */

/* 10a. Mobile section (rirlh2lf): burger jxdnoov9k, logo bec61xdp, search i3nh1zsd */
.mcb-section-rirlh2lf {
  background-color: #ffffff;
}

.mcb-section-rirlh2lf .mcb-section-inner-rirlh2lf {
  align-items: center;
}

.mcb-section .mcb-wrap-htuidcfqm,
.mcb-section .mcb-wrap-ay6u6yf5h {
  flex-grow: 1;
}

.mcb-section .mcb-wrap-htuidcfqm .mcb-wrap-inner-htuidcfqm,
.mcb-section .mcb-wrap-ay6u6yf5h .mcb-wrap-inner-ay6u6yf5h {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .icon-wrapper i {
  color: #2f38bf;
}

.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar {
  background-color: #ffffff;
}

.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu .menu-icon > i {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li:hover > a,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a:hover .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu a:hover > .menu-icon > i,
.mcb-section .mcb-wrap .mcb-item-jxdnoov9k .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a > .menu-icon i {
  color: #5071d5;
}

.mcb-section .mcb-wrap .mcb-item-bec61xdp {
  flex: 0 0 250px;
}

.mcb-section .mcb-wrap .mcb-item-bec61xdp .logo-wrapper {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mcb-column-inner-i3nh1zsd {
  margin-right: 15px;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .icon-wrapper {
  --mfn-header-icon-color: #2f38bf;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mfn-icon-box .icon-wrapper {
  --mfn-header-menu-icon-size: 24px;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mfn-icon-box .desc-wrapper {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mfn-icon-box:hover .desc-wrapper {
  color: #2a27e9;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .desc-wrapper {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mfn-icon-box .icon-wrapper .header-cart-count,
.mcb-section .mcb-wrap .mcb-item-i3nh1zsd .mfn-icon-box .icon-wrapper .header-wishlist-count {
  top: -9px;
  right: -11px;
  background-color: #2f38bf;
  color: #ffffff;
}

/* 10b. Top row (6f9f49c46, id="ipad menusearch"): burger 39acfa454, logo 4c7278dbb,
        plain text x54815kcj, search icon 899d65859, search field 33grrx5xs,
        mail 7c1cff225, phone x8x1x75v2 */
.mcb-section-6f9f49c46 {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 5%;
  padding-left: 5%;
  background-color: #ffffff;
}

.mcb-section-6f9f49c46 .mcb-section-inner-6f9f49c46 {
  align-items: center;
}

.mcb-section .mcb-wrap-73af841f2 {
  flex-grow: unset;
}

.mcb-section .mcb-wrap-73af841f2 .mcb-wrap-inner-73af841f2 {
  align-items: center;
  margin-right: 50px;
}

.mcb-section .mcb-wrap-b0c1d74be {
  flex-grow: 1;
}

.mcb-section .mcb-wrap-b0c1d74be .mcb-wrap-inner-b0c1d74be {
  align-items: center;
}

.mcb-section .mcb-wrap-e01d38303 {
  flex-grow: unset;
}

.mcb-section .mcb-wrap-e01d38303 .mcb-wrap-inner-e01d38303 {
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-left: 50px;
}

.mcb-section .mcb-wrap .mcb-item-39acfa454 .icon-wrapper i {
  color: #2f38bf;
}

.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar {
  background-color: #ffffff;
}

.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu .menu-icon > i {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li:hover > a,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a:hover .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a .menu-sub i,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu a:hover > .menu-icon > i,
.mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li.current-menu-item > a > .menu-icon i {
  color: #5071d5;
}

/* This burger is only for the 960–1110 range: hidden by default */
.mcb-section .mcb-wrap .mcb-item-39acfa454 {
  display: none;
}

.mcb-section .mcb-wrap .mcb-item-4c7278dbb {
  width: 300px;
}

.mcb-section .mcb-wrap .mcb-item-4c7278dbb .logo-wrapper {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .mcb-column-inner-899d65859 {
  margin-right: 15px;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .icon-wrapper {
  --mfn-header-icon-color: #2f38bf;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .mfn-icon-box .icon-wrapper {
  --mfn-header-menu-icon-size: 24px;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .mfn-icon-box .desc-wrapper {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .mfn-icon-box:hover .desc-wrapper {
  color: #2a27e9;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .desc-wrapper {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.mcb-section .mcb-wrap .mcb-item-899d65859 .mfn-icon-box .icon-wrapper .header-cart-count,
.mcb-section .mcb-wrap .mcb-item-899d65859 .mfn-icon-box .icon-wrapper .header-wishlist-count {
  top: -9px;
  right: -11px;
  background-color: #2f38bf;
  color: #ffffff;
}

.mcb-section .mcb-wrap .mcb-item-33grrx5xs {
  width: 500px;
}

.mcb-section .mcb-wrap .mcb-item-33grrx5xs form input {
  border-style: dashed;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mcb-column-inner-7c1cff225 {
  margin-right: 15px;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .icon-wrapper {
  --mfn-header-icon-color: #3f51b5;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mfn-icon-box .icon-wrapper {
  --mfn-header-menu-icon-size: 37px;
  width: 50px;
  height: 50px;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mfn-icon-box .desc-wrapper {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mfn-icon-box:hover .desc-wrapper {
  color: #2a27e9;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .desc-wrapper {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mfn-icon-box .icon-wrapper .header-cart-count,
.mcb-section .mcb-wrap .mcb-item-7c1cff225 .mfn-icon-box .icon-wrapper .header-wishlist-count {
  top: -9px;
  right: -11px;
  background-color: #2f38bf;
  color: #ffffff;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mcb-column-inner-x8x1x75v2 {
  margin-right: 15px;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .icon-wrapper {
  --mfn-header-icon-color: #2f38bf;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mfn-icon-box .icon-wrapper {
  --mfn-header-menu-icon-size: 24px;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mfn-icon-box .desc-wrapper {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mfn-icon-box:hover .desc-wrapper {
  color: #2a27e9;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .desc-wrapper {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mfn-icon-box .icon-wrapper .header-cart-count,
.mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .mfn-icon-box .icon-wrapper .header-wishlist-count {
  top: -9px;
  right: -11px;
  background-color: #2f38bf;
  color: #ffffff;
}

/* 10c. Menu row (vwxcomcco): main menu g5zas6ihr */
.mcb-section-vwxcomcco {
  padding-top: 10px;
  padding-bottom: 2px;
  padding-right: 5%;
  padding-left: 5%;
  background-color: #ffffff;
  border-style: solid;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}

.mcb-section-vwxcomcco .mcb-section-inner-vwxcomcco {
  align-items: center;
}

.mcb-section .mcb-wrap-x8onuip1e {
  flex-grow: 1;
}

.mcb-section .mcb-wrap-x8onuip1e .mcb-wrap-inner-x8onuip1e {
  align-items: center;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mcb-column-inner-g5zas6ihr {
  border-style: solid;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu {
  justify-content: flex-end;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.mfn-menu-li {
  --mfn-header-menu-animation-color: #2a27e9;
  flex-grow: unset;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.mfn-menu-li > a.mfn-menu-link {
  color: #0b1a48;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 18px;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu .mfn-menu-item-icon > i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.mfn-menu-li > a.mfn-menu-link .mfn-menu-subicon i {
  color: #797979;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.mfn-menu-li:hover > a.mfn-menu-link,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu a.mfn-menu-link:hover > .mfn-menu-item-icon > i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.current-menu-item.mfn-menu-li > a.mfn-menu-link > .mfn-menu-item-icon i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.mfn-menu-li > a.mfn-menu-link:hover .mfn-menu-subicon i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu > li.current-menu-item.mfn-menu-li > a.mfn-menu-link .mfn-menu-subicon i {
  color: #2a27e9;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu li.mfn-menu-li a.mfn-menu-link {
  color: #0b1a48;
  font-size: 16px;
  font-weight: 500;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu li.mfn-menu-li .mfn-menu-item-icon > i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu > li.mfn-menu-li > a.mfn-menu-link .mfn-menu-subicon i {
  color: #0b1a48;
}

.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu li.mfn-menu-li a.mfn-menu-link:hover,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu > li.mfn-menu-li > a.mfn-menu-link:hover .mfn-menu-subicon i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu > li.current-menu-item.mfn-menu-li > a.mfn-menu-link .mfn-menu-subicon i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu li.mfn-menu-li:hover > a.mfn-menu-link > .mfn-menu-item-icon > i,
.mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu li.mfn-menu-li ul.mfn-submenu > li.current-menu-item.mfn-menu-li > a.mfn-menu-link > .mfn-menu-item-icon i {
  color: #243d88;
}

/* 10d. Responsive overrides from the header template */
@media (max-width: 1110px) {
  .mcb-section .mcb-wrap .mcb-item-39acfa454 {
    display: block;       /* burger replaces the menu row */
  }

  .mcb-section .mcb-wrap .mcb-item-g5zas6ihr {
    display: none;
  }
}

@media (max-width: 959px) {
  .mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li > a {
    font-size: 24px;
    line-height: 32px;
  }

  .mcb-section .mcb-wrap .mcb-item-39acfa454 .mfn-header-tmpl-menu-sidebar .mfn-header-menu > li {
    --mfn-header-menu-gap: 10px;
  }

  .mcb-section .mcb-wrap-e01d38303 {
    flex-grow: 1;
  }

  .mcb-section .mcb-wrap-e01d38303 .mcb-wrap-inner-e01d38303 {
    margin-left: 0px;
    justify-content: flex-end;
  }

  .mcb-section-6f9f49c46 {
    padding-bottom: 20px;
  }

  .mcb-section .mcb-wrap .mcb-item-g5zas6ihr .mfn-header-menu {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .mcb-section-rirlh2lf {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .mcb-section .mcb-wrap .mcb-item-bec61xdp {
    flex: 0 0 100px;
  }

  .mcb-section .mcb-wrap-ay6u6yf5h .mcb-wrap-inner-ay6u6yf5h {
    justify-content: flex-end;
  }

  .mcb-section .mcb-wrap-73af841f2 {
    flex-grow: 1;
  }
}

/* Mega-menu template per-item CSS (posts 322/341/343/344) lives in
   megamenu.css, enqueued right after this file. */

/* Mega-menu list links wrap inside their column (the old build let long items overlap the next column) */
.mfn-megamenu-menu li a { white-space: normal; padding-right: 12px; box-sizing: border-box; }

/* --------------------------------------------------------------------------
   Laptop / tablet top bar: the old build let the search field + contact
   icons run off the right edge between 768 and 1239px. Keep everything inside
   the bar instead: the search field shrinks, and on laptops the compact
   "Search" icon replaces the inline field.
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 1365px) {
  .mcb-section .mcb-wrap-e01d38303 .mcb-wrap-inner-e01d38303 {
    flex-wrap: nowrap;
    min-width: 0;
    margin-left: 20px;
  }
  .mcb-section .mcb-wrap .mcb-item-33grrx5xs {
    flex: 1 1 160px;
    min-width: 0;
    width: auto;
  }
  .mcb-section .mcb-wrap .mcb-item-33grrx5xs .search_wrapper,
  .mcb-section .mcb-wrap .mcb-item-33grrx5xs .form-searchform,
  .mcb-section .mcb-wrap .mcb-item-33grrx5xs input.field {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .mcb-section .mcb-wrap .mcb-item-7c1cff225,
  .mcb-section .mcb-wrap .mcb-item-x8x1x75v2 {
    flex: 0 0 auto;
  }
  .mcb-section .mcb-wrap .mcb-item-7c1cff225 .desc-wrapper,
  .mcb-section .mcb-wrap .mcb-item-x8x1x75v2 .desc-wrapper {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1239px) {
  .mcb-section .mcb-wrap .mcb-item-33grrx5xs { display: none; }
  .mcb-section .mcb-wrap .mcb-item-899d65859 { display: block; }
}

/* co.uk: keep the longer UK phone on one line in the header contact block */
.mfn-header-link .desc-wrapper span { white-space: nowrap; }