/* ==============================================================
   TranCuong2026 - Mobile menu FINAL readability + scroll authority
   2026-08-17
   Scope: <=860px only. Desktop navigation is intentionally untouched.
   Purpose:
   - Modern Portal / Transport: never white-on-white / transparent panels.
   - Strong enough to override legacy theme rules with !important.
   - Drawer uses flex layout; only menu list scrolls, including PC zoom >=200%.
   ============================================================== */
@media (max-width:860px){
  /* Common mobile drawer geometry: opaque, viewport-safe, scroll-safe. */
  body.home-layout-modern #mainNavigation .primary-menu-host,
  body.home-layout-transport #mainNavigation .primary-menu-host,
  body.layout-transport #mainNavigation .primary-menu-host,
  body.transport-layout #mainNavigation .primary-menu-host,
  body[data-home-layout="transport"] #mainNavigation .primary-menu-host,
  body[data-layout="transport"] #mainNavigation .primary-menu-host{
    position:fixed!important;
    z-index:10003!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(92vw,420px)!important;
    max-width:420px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    contain:none!important;
    transform:translate3d(104%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1),visibility 0s linear .24s!important;
  }
  body.home-layout-modern #mainNavigation.menu-open .primary-menu-host,
  body.home-layout-transport #mainNavigation.menu-open .primary-menu-host,
  body.layout-transport #mainNavigation.menu-open .primary-menu-host,
  body.transport-layout #mainNavigation.menu-open .primary-menu-host,
  body[data-home-layout="transport"] #mainNavigation.menu-open .primary-menu-host,
  body[data-layout="transport"] #mainNavigation.menu-open .primary-menu-host{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1),visibility 0s!important;
  }

  /* Header is never part of the scroll area. */
  body.home-layout-modern #mainNavigation .mobile-menu-panel-head,
  body.home-layout-transport #mainNavigation .mobile-menu-panel-head,
  body.layout-transport #mainNavigation .mobile-menu-panel-head,
  body.transport-layout #mainNavigation .mobile-menu-panel-head,
  body[data-home-layout="transport"] #mainNavigation .mobile-menu-panel-head,
  body[data-layout="transport"] #mainNavigation .mobile-menu-panel-head{
    position:relative!important;
    top:auto!important;
    z-index:5!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:82px!important;
    margin:0!important;
    padding:16px 68px 13px 18px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* ONLY root list scrolls. This fixes desktop Edge/Chrome zoom >=200%. */
  body.home-layout-modern #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-modern #mainNavigation .primary-menu-host>.sf-menu,
  body.home-layout-modern #mainNavigation .primary-menu-host>ul,
  body.home-layout-transport #mainNavigation .primary-menu-host>.menu-root,
  body.layout-transport #mainNavigation .primary-menu-host>.menu-root,
  body.transport-layout #mainNavigation .primary-menu-host>.menu-root,
  body[data-home-layout="transport"] #mainNavigation .primary-menu-host>.menu-root,
  body[data-layout="transport"] #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-transport #mainNavigation .primary-menu-host>.sf-menu,
  body.layout-transport #mainNavigation .primary-menu-host>.sf-menu,
  body.transport-layout #mainNavigation .primary-menu-host>.sf-menu{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px 14px max(34px,env(safe-area-inset-bottom))!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:stable!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* ============================================================
     MODERN PORTAL - solid light drawer, dark text, blue header.
     Overrides desktop theme's white text / transparent children.
     ============================================================ */
  body.home-layout-modern #mainNavigation.main-menu-wrap{
    background:#155fc4!important;
    background-image:linear-gradient(105deg,#164fac 0%,#1477c9 58%,#128b9e 100%)!important;
    border-top:0!important;
    border-bottom:2px solid #f0c25e!important;
    opacity:1!important;
  }
  body.home-layout-modern #mainNavigation .primary-menu-host{
    background:#f3f7fb!important;
    background-color:#f3f7fb!important;
    background-image:none!important;
    border-left:1px solid #c7d8e7!important;
    box-shadow:-18px 0 48px rgba(15,54,91,.30)!important;
  }
  body.home-layout-modern #mainNavigation .mobile-menu-panel-head{
    background:#164f9e!important;
    background-color:#164f9e!important;
    background-image:linear-gradient(125deg,#16458c,#1576a8)!important;
    border-bottom:3px solid #51c8c1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
  }
  body.home-layout-modern #mainNavigation .mobile-menu-panel-title,
  body.home-layout-modern #mainNavigation .mobile-menu-panel-title *,
  body.home-layout-modern #mainNavigation .mobile-menu-panel-note,
  body.home-layout-modern #mainNavigation .mobile-menu-panel-note *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
  }
  body.home-layout-modern #mainNavigation .mobile-menu-panel-note{color:#e5f4ff!important;-webkit-text-fill-color:#e5f4ff!important}
  body.home-layout-modern #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-modern #mainNavigation .primary-menu-host>.sf-menu,
  body.home-layout-modern #mainNavigation .primary-menu-host>ul{
    background:#f3f7fb!important;
    background-color:#f3f7fb!important;
    background-image:none!important;
    color:#17354f!important;
    -webkit-text-fill-color:#17354f!important;
  }
  body.home-layout-modern #mainNavigation .menu-root li,
  body.home-layout-modern #mainNavigation .sf-menu li{
    background:transparent!important;
    background-image:none!important;
    opacity:1!important;
  }
  body.home-layout-modern #mainNavigation .menu-root>li>a,
  body.home-layout-modern #mainNavigation .sf-menu>li>a,
  body.home-layout-modern #mainNavigation .menu-home-link{
    min-height:50px!important;
    margin:0 0 8px!important;
    padding:11px 50px 11px 12px!important;
    display:flex!important;
    align-items:center!important;
    border:1px solid #cbdbe7!important;
    border-radius:11px!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#173b59!important;
    -webkit-text-fill-color:#173b59!important;
    text-shadow:none!important;
    box-shadow:0 2px 8px rgba(32,76,113,.08)!important;
    opacity:1!important;
    font-weight:700!important;
  }
  body.home-layout-modern #mainNavigation .menu-root>li>a *,
  body.home-layout-modern #mainNavigation .sf-menu>li>a *,
  body.home-layout-modern #mainNavigation .menu-home-link *{
    color:#173b59!important;
    -webkit-text-fill-color:#173b59!important;
    text-shadow:none!important;
  }
  body.home-layout-modern #mainNavigation .menu-root>li>a:hover,
  body.home-layout-modern #mainNavigation .menu-root>li>a:focus,
  body.home-layout-modern #mainNavigation .sf-menu>li>a:hover,
  body.home-layout-modern #mainNavigation .sf-menu>li>a:focus{
    background:#e8f3fb!important;
    color:#0e3152!important;
    -webkit-text-fill-color:#0e3152!important;
    border-color:#83b6d5!important;
  }
  body.home-layout-modern #mainNavigation .menu-icon-badge{
    background:#e3f0fa!important;
    color:#15558d!important;
    -webkit-text-fill-color:#15558d!important;
    border:1px solid #c5ddec!important;
  }
  body.home-layout-modern #mainNavigation .menu-icon-badge *{color:#15558d!important;-webkit-text-fill-color:#15558d!important}
  body.home-layout-modern #mainNavigation .mobile-submenu-toggle{
    background:#e4eff7!important;
    color:#174e76!important;
    -webkit-text-fill-color:#174e76!important;
    border:1px solid #c2d8e7!important;
  }
  body.home-layout-modern #mainNavigation li.open>.mobile-submenu-toggle{
    background:#1769a6!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#1769a6!important;
  }
  body.home-layout-modern #mainNavigation .menu-sub,
  body.home-layout-modern #mainNavigation .menu-root li ul,
  body.home-layout-modern #mainNavigation .sf-menu li ul{
    margin:5px 0 7px 12px!important;
    padding:8px 0 2px 10px!important;
    border:0!important;
    border-left:3px solid #4cb8c3!important;
    border-radius:0 0 9px 9px!important;
    background:#eaf2f8!important;
    background-color:#eaf2f8!important;
    background-image:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  body.home-layout-modern #mainNavigation .menu-sub li>a,
  body.home-layout-modern #mainNavigation .sf-menu li ul li>a,
  body.home-layout-modern #mainNavigation .menu-sub .menu-sub li>a{
    min-height:43px!important;
    margin:0 0 6px!important;
    padding:9px 44px 9px 11px!important;
    display:flex!important;
    align-items:center!important;
    border:1px solid #d2e0e9!important;
    border-radius:8px!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#23485f!important;
    -webkit-text-fill-color:#23485f!important;
    text-shadow:none!important;
    box-shadow:none!important;
    opacity:1!important;
    font-weight:600!important;
  }
  body.home-layout-modern #mainNavigation .menu-sub li>a *,
  body.home-layout-modern #mainNavigation .sf-menu li ul li>a *{
    color:#23485f!important;
    -webkit-text-fill-color:#23485f!important;
    text-shadow:none!important;
  }
  body.home-layout-modern #mainNavigation .menu-sub li>a:hover,
  body.home-layout-modern #mainNavigation .menu-sub li>a:focus{
    background:#dcecf6!important;
    color:#123853!important;
    -webkit-text-fill-color:#123853!important;
    border-color:#a9cadc!important;
  }

  /* Modern overlay is opaque enough to visually separate the page. */
  body.home-layout-modern .mobile-menu-overlay{background:#071d31!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.home-layout-modern.mobile-menu-lock .mobile-menu-overlay{opacity:.62!important}

  /* ============================================================
     TRANSPORT - same robust geometry; light cards with dark navy text.
     ============================================================ */
  body.home-layout-transport #mainNavigation .primary-menu-host,
  body.layout-transport #mainNavigation .primary-menu-host,
  body.transport-layout #mainNavigation .primary-menu-host,
  body[data-home-layout="transport"] #mainNavigation .primary-menu-host,
  body[data-layout="transport"] #mainNavigation .primary-menu-host{
    background:#f2f7fa!important;
    background-color:#f2f7fa!important;
    background-image:none!important;
    border-left:1px solid #bfd2de!important;
    box-shadow:-18px 0 48px rgba(3,31,50,.32)!important;
  }
  body.home-layout-transport #mainNavigation .mobile-menu-panel-head,
  body.layout-transport #mainNavigation .mobile-menu-panel-head,
  body.transport-layout #mainNavigation .mobile-menu-panel-head,
  body[data-home-layout="transport"] #mainNavigation .mobile-menu-panel-head,
  body[data-layout="transport"] #mainNavigation .mobile-menu-panel-head{
    background:#0b3858!important;
    background-color:#0b3858!important;
    background-image:none!important;
    border-bottom:3px solid #5eb1c2!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.home-layout-transport #mainNavigation .mobile-menu-panel-title,
  body.layout-transport #mainNavigation .mobile-menu-panel-title,
  body.transport-layout #mainNavigation .mobile-menu-panel-title{
    color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important
  }
  body.home-layout-transport #mainNavigation .mobile-menu-panel-note,
  body.layout-transport #mainNavigation .mobile-menu-panel-note,
  body.transport-layout #mainNavigation .mobile-menu-panel-note{
    color:#d9eef5!important;-webkit-text-fill-color:#d9eef5!important;text-shadow:none!important
  }
  body.home-layout-transport #mainNavigation .primary-menu-host>.menu-root,
  body.layout-transport #mainNavigation .primary-menu-host>.menu-root,
  body.transport-layout #mainNavigation .primary-menu-host>.menu-root,
  body[data-home-layout="transport"] #mainNavigation .primary-menu-host>.menu-root,
  body[data-layout="transport"] #mainNavigation .primary-menu-host>.menu-root,
  body.home-layout-transport #mainNavigation .primary-menu-host>.sf-menu,
  body.layout-transport #mainNavigation .primary-menu-host>.sf-menu,
  body.transport-layout #mainNavigation .primary-menu-host>.sf-menu{
    background:#f2f7fa!important;
    background-color:#f2f7fa!important;
    background-image:none!important;
    color:#123b52!important;
    -webkit-text-fill-color:#123b52!important;
  }
  body.home-layout-transport #mainNavigation .menu-root>li>a,
  body.layout-transport #mainNavigation .menu-root>li>a,
  body.transport-layout #mainNavigation .menu-root>li>a,
  body[data-home-layout="transport"] #mainNavigation .menu-root>li>a,
  body[data-layout="transport"] #mainNavigation .menu-root>li>a,
  body.home-layout-transport #mainNavigation .sf-menu>li>a,
  body.layout-transport #mainNavigation .sf-menu>li>a,
  body.transport-layout #mainNavigation .sf-menu>li>a{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#123b52!important;
    -webkit-text-fill-color:#123b52!important;
    border:1px solid #c8d9e2!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.home-layout-transport #mainNavigation .menu-root>li>a *,
  body.layout-transport #mainNavigation .menu-root>li>a *,
  body.transport-layout #mainNavigation .menu-root>li>a *,
  body[data-home-layout="transport"] #mainNavigation .menu-root>li>a *,
  body[data-layout="transport"] #mainNavigation .menu-root>li>a *{
    color:#123b52!important;
    -webkit-text-fill-color:#123b52!important;
    text-shadow:none!important;
  }
  body.home-layout-transport #mainNavigation .menu-sub,
  body.layout-transport #mainNavigation .menu-sub,
  body.transport-layout #mainNavigation .menu-sub,
  body[data-home-layout="transport"] #mainNavigation .menu-sub,
  body[data-layout="transport"] #mainNavigation .menu-sub,
  body.home-layout-transport #mainNavigation .menu-root li ul,
  body.layout-transport #mainNavigation .menu-root li ul,
  body.transport-layout #mainNavigation .menu-root li ul{
    background:#e7f0f5!important;
    background-color:#e7f0f5!important;
    background-image:none!important;
    opacity:1!important;
    border-left:3px solid #67aabd!important;
    box-shadow:none!important;
  }
  body.home-layout-transport #mainNavigation .menu-sub li>a,
  body.layout-transport #mainNavigation .menu-sub li>a,
  body.transport-layout #mainNavigation .menu-sub li>a,
  body[data-home-layout="transport"] #mainNavigation .menu-sub li>a,
  body[data-layout="transport"] #mainNavigation .menu-sub li>a,
  body.home-layout-transport #mainNavigation .sf-menu li ul li>a,
  body.layout-transport #mainNavigation .sf-menu li ul li>a,
  body.transport-layout #mainNavigation .sf-menu li ul li>a{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#21475d!important;
    -webkit-text-fill-color:#21475d!important;
    border:1px solid #d0dee6!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.home-layout-transport #mainNavigation .menu-sub li>a *,
  body.layout-transport #mainNavigation .menu-sub li>a *,
  body.transport-layout #mainNavigation .menu-sub li>a *{
    color:#21475d!important;
    -webkit-text-fill-color:#21475d!important;
    text-shadow:none!important;
  }

  /* Open toggle is always visible above the opaque drawer. */
  body.home-layout-modern #mainNavigation.menu-open .mobile-menu-toggle,
  body.home-layout-transport #mainNavigation.menu-open .mobile-menu-toggle,
  body.layout-transport #mainNavigation.menu-open .mobile-menu-toggle,
  body.transport-layout #mainNavigation.menu-open .mobile-menu-toggle{
    position:fixed!important;
    top:17px!important;
    right:14px!important;
    bottom:auto!important;
    z-index:10006!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    background:#fff!important;
    background-image:none!important;
    border:1px solid #cbdbe6!important;
    border-radius:12px!important;
    opacity:1!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home-layout-modern #mainNavigation.menu-open .mobile-menu-toggle-bar{background:#174c79!important}
  body.home-layout-transport #mainNavigation.menu-open .mobile-menu-toggle-bar,
  body.layout-transport #mainNavigation.menu-open .mobile-menu-toggle-bar,
  body.transport-layout #mainNavigation.menu-open .mobile-menu-toggle-bar{background:#0b3858!important}
}

/* Very short CSS viewport (typical desktop browser at 200%-400% zoom):
   shrink fixed header so the scrollable area always has useful height. */
@media (max-width:860px) and (max-height:520px){
  body.home-layout-modern #mainNavigation .mobile-menu-panel-head,
  body.home-layout-transport #mainNavigation .mobile-menu-panel-head,
  body.layout-transport #mainNavigation .mobile-menu-panel-head,
  body.transport-layout #mainNavigation .mobile-menu-panel-head{
    min-height:64px!important;
    padding-top:9px!important;
    padding-bottom:8px!important;
  }
  body.home-layout-modern #mainNavigation .mobile-menu-panel-note,
  body.home-layout-transport #mainNavigation .mobile-menu-panel-note,
  body.layout-transport #mainNavigation .mobile-menu-panel-note,
  body.transport-layout #mainNavigation .mobile-menu-panel-note{display:none!important}
}

/* MODERN specificity lock: legacy Modern desktop CSS uses
   html body.home-layout-modern #mainNavigation.main-menu-wrap ... !important.
   These selectors intentionally outrank it on mobile. */
@media (max-width:860px){
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host{
    background:#f3f7fb!important;
    background-color:#f3f7fb!important;
    background-image:none!important;
    color:#17354f!important;
    -webkit-text-fill-color:#17354f!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host>.menu-root,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host>.sf-menu,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host>ul{
    background:#f3f7fb!important;
    background-color:#f3f7fb!important;
    background-image:none!important;
    color:#17354f!important;
    -webkit-text-fill-color:#17354f!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-root>li>a,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .sf-menu>li>a,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-home-link{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#173b59!important;
    -webkit-text-fill-color:#173b59!important;
    text-shadow:none!important;
    border:1px solid #cbdbe7!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-root>li>a *,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .sf-menu>li>a *,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-home-link *{
    color:#173b59!important;
    -webkit-text-fill-color:#173b59!important;
    text-shadow:none!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-sub,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-root li>ul,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .sf-menu li>ul{
    background:#eaf2f8!important;
    background-color:#eaf2f8!important;
    background-image:none!important;
    border:0!important;
    border-left:3px solid #4cb8c3!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-sub li>a,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .sf-menu li ul li>a,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-sub .menu-sub li>a{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#23485f!important;
    -webkit-text-fill-color:#23485f!important;
    text-shadow:none!important;
    border:1px solid #d2e0e9!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .menu-sub li>a *,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .primary-menu-host .sf-menu li ul li>a *{
    color:#23485f!important;
    -webkit-text-fill-color:#23485f!important;
    text-shadow:none!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-menu-panel-head{
    background:#164f9e!important;
    background-image:linear-gradient(125deg,#16458c,#1576a8)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-menu-panel-head *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
  }
}

/* MODERN MOBILE HOME BUTTON FINAL LOCK
   Prevent legacy Modern theme rules from forcing white text on white home button. */
@media (max-width:860px){
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button,
  html body.modern-theme-active #mainNavigation.main-menu-wrap .mobile-home-button,
  html body[data-home-layout="modern"] #mainNavigation.main-menu-wrap .mobile-home-button{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    background:#ffffff!important;
    background-color:#ffffff!important;
    background-image:none!important;
    color:#174c79!important;
    -webkit-text-fill-color:#174c79!important;
    border:1px solid #b9cedd!important;
    box-shadow:0 2px 8px rgba(14,54,86,.16)!important;
    opacity:1!important;
    text-shadow:none!important;
    text-decoration:none!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__text,
  html body.modern-theme-active #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__text,
  html body[data-home-layout="modern"] #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__text{
    color:#174c79!important;
    -webkit-text-fill-color:#174c79!important;
    text-shadow:none!important;
    opacity:1!important;
    font-weight:700!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon,
  html body.modern-theme-active #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon,
  html body[data-home-layout="modern"] #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon{
    background:#174c79!important;
    background-color:#174c79!important;
    background-image:none!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border:0!important;
    opacity:1!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon *,
  html body.modern-theme-active #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon *,
  html body[data-home-layout="modern"] #mainNavigation.main-menu-wrap .mobile-home-button .mobile-home-button__icon *{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:none!important;
  }
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button:hover,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button:focus,
  html body.home-layout-modern #mainNavigation.main-menu-wrap .mobile-home-button:visited{
    background:#ffffff!important;
    color:#174c79!important;
    -webkit-text-fill-color:#174c79!important;
  }
}