/* Web Services Malta navigation recovery + refined menu styling */
html,
body {
  overflow-x: hidden;
}

:root {
  --wsm-nav-navy: #152333;
  --wsm-nav-blue: #1676d2;
  --wsm-nav-light: #f5f8fb;
  --wsm-nav-border: rgba(21, 35, 51, 0.12);
}

/* Desktop navigation */
@media (min-width: 1000px) {
  #header-outer #top nav,
  #header-outer #top nav > ul,
  #header-outer nav > ul,
  header nav > ul,
  .main-navigation > ul,
  #site-navigation > ul,
  #primary-navigation > ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: none !important;
    gap: 4px !important;
  }

  #header-outer #top nav > ul > li,
  #header-outer nav > ul > li,
  header nav > ul > li,
  .main-navigation > ul > li,
  #site-navigation > ul > li,
  #primary-navigation > ul > li {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    position: relative !important;
  }

  #header-outer #top nav > ul > li > a,
  #header-outer nav > ul > li > a,
  header nav > ul > li > a,
  .main-navigation > ul > li > a,
  #site-navigation > ul > li > a,
  #primary-navigation > ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: max-content !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    transition: background-color .2s ease, color .2s ease !important;
  }

  #header-outer #top nav > ul > li > a:hover,
  #header-outer #top nav > ul > li.current-menu-item > a,
  #header-outer #top nav > ul > li.current-menu-ancestor > a,
  .main-navigation > ul > li > a:hover,
  .main-navigation > ul > li.current-menu-item > a {
    background: var(--wsm-nav-light) !important;
    color: var(--wsm-nav-blue) !important;
  }

  #header-outer .sub-menu,
  .main-navigation .sub-menu,
  #site-navigation .sub-menu,
  #primary-navigation .sub-menu {
    min-width: 230px !important;
    padding: 10px !important;
    border: 1px solid var(--wsm-nav-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(21, 35, 51, .15) !important;
  }

  #header-outer .sub-menu a,
  .main-navigation .sub-menu a,
  #site-navigation .sub-menu a,
  #primary-navigation .sub-menu a {
    padding: 10px 12px !important;
    border-radius: 7px !important;
    line-height: 1.35 !important;
  }
}

/* Salient/off-canvas and generic mobile menus */
@media (max-width: 999px) {
  #slide-out-widget-area,
  .off-canvas-menu-container,
  .mobile-menu-wrapper,
  #mobile-menu,
  #primary-navigation.is-open,
  #site-navigation.toggled {
    box-sizing: border-box !important;
  }

  #slide-out-widget-area {
    background: #fff !important;
    color: var(--wsm-nav-navy) !important;
    width: min(88vw, 390px) !important;
    padding: 78px 22px 28px !important;
    box-shadow: -20px 0 50px rgba(21, 35, 51, .18) !important;
  }

  #slide-out-widget-area .inner,
  #slide-out-widget-area .inner-wrap,
  #slide-out-widget-area .menuwrapper,
  #slide-out-widget-area .off-canvas-menu-container,
  #slide-out-widget-area nav,
  #slide-out-widget-area nav > ul,
  #slide-out-widget-area .menu,
  .mobile-menu ul,
  #mobile-menu ul,
  #primary-navigation.is-open > ul,
  #site-navigation.toggled > ul {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #slide-out-widget-area nav li,
  #slide-out-widget-area .menu li,
  .mobile-menu li,
  #mobile-menu li,
  #primary-navigation.is-open li,
  #site-navigation.toggled li {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 6px !important;
    box-sizing: border-box !important;
  }

  #slide-out-widget-area nav li > a,
  #slide-out-widget-area .menu li > a,
  .mobile-menu li > a,
  #mobile-menu li > a,
  #primary-navigation.is-open li > a,
  #site-navigation.toggled li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 14px 15px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: var(--wsm-nav-navy) !important;
    background: transparent !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: normal !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }

  #slide-out-widget-area nav li > a:hover,
  #slide-out-widget-area nav li.current-menu-item > a,
  #slide-out-widget-area nav li.current-menu-ancestor > a,
  .mobile-menu li.current-menu-item > a,
  #mobile-menu li.current-menu-item > a {
    color: var(--wsm-nav-blue) !important;
    background: var(--wsm-nav-light) !important;
    border-color: rgba(22, 118, 210, .12) !important;
  }

  #slide-out-widget-area nav li > a span,
  #slide-out-widget-area .menu li > a span,
  .mobile-menu li > a span,
  #mobile-menu li > a span {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 30px) !important;
    white-space: normal !important;
    word-break: normal !important;
    writing-mode: horizontal-tb !important;
  }

  #slide-out-widget-area .sub-menu,
  .mobile-menu .sub-menu,
  #mobile-menu .sub-menu {
    position: static !important;
    float: none !important;
    width: calc(100% - 12px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 4px 0 8px 12px !important;
    padding: 5px 0 2px 10px !important;
    border-left: 2px solid rgba(22, 118, 210, .2) !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #slide-out-widget-area .sub-menu a,
  .mobile-menu .sub-menu a,
  #mobile-menu .sub-menu a {
    padding: 11px 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  #slide-out-widget-area .slide_out_area_close,
  #slide-out-widget-area .close-wrap,
  #slide-out-widget-area .close-line {
    opacity: 1 !important;
  }
}

/* Hide remnants while cached pages are being refreshed. */
iframe[src*="leadconnector" i],
iframe[src*="msgsndr" i],
iframe[src*="highlevel" i],
[id*="leadconnector" i],
[class*="leadconnector" i],
[id*="lc-form" i],
[class*="lc-form" i],
[id*="hl-form" i],
[class*="hl-form" i],
[id*="ghl-form" i],
[class*="ghl-form" i] {
  display: none !important;
}