/**********************/
/* MOBILE NAV DISPLAY */
/**********************/




/* hide mobile nav + footer by default */
.mobile-nav,
.mobile-menu-footer {
  display: none;
}

@media (max-width: 1070px) {

  /* hide desktop nav */
  #site-navigation,
  #mega-menu-wrap-primary,
  .gb-element-8b753f6e {
    display: none !important;
  }

  /* show mobile header/toggle area */
  .mobile-nav {
    display: block !important;
    padding-top: 10px;
  }

  /* ONLY show footer when slideout is open */
  html.mega-menu-slideout-off-canvas-open .mobile-menu-footer {
    display: block !important;
  }

  /* Hide MMM's black backdrop — shows as gray band above our top:70px panel */
  #mega-menu-wrap-slideout .mega-menu-toggle.mega-menu-open:after {
    display: none !important;
  }

  /* Expanded search — full-height white frame masking the logo */
  #mega-menu-wrap-slideout .mega-menu-toggle .mega-toggle-block-1 .mega-search-wrap:has(.mega-search-open) {
    position: absolute !important;
    left: 6px !important;
    right: 60px !important;
    top: 0 !important;
    width: auto !important;
    height: 60px !important;
    box-sizing: border-box !important;
    background-color: #fff !important;
  }

  #mega-menu-wrap-slideout .mega-menu-toggle .mega-toggle-block-1 .mega-search.mega-search-open {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #mega-menu-wrap-slideout .mega-menu-toggle .mega-toggle-block-1 .mega-search.mega-search-open input[type=text] {
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px 0 44px !important;
    box-sizing: border-box !important;
    background-color: #fff !important;
    border: 1px solid var(--moss) !important;
    border-radius: 4px !important;
    position: absolute !important;
    top: 10px !important;
    left: 0 !important;
  }

  /* Bigger search icon, centered so it doesn't jump when wrap resizes */
  #mega-menu-wrap-slideout .mega-menu-toggle .mega-toggle-block-1 .mega-search .search-icon {
    width: 40px !important;
    height: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important;
  }
  #mega-menu-wrap-slideout .mega-menu-toggle .mega-toggle-block-1 .mega-search .search-icon:before {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 24px !important;
  }

}

/* positioning for the slideout */
#mega-menu-wrap-slideout .mega-menu-toggle.mega-menu-open + #mega-menu-slideout {
        left: 0;
        top: 70px;
        padding: 20px;
    }
#mega-menu-wrap-slideout .mega-menu-toggle.mega-menu-open ~ button.mega-close {
    visibility: hidden;
}
#mega-menu-wrap-slideout .mega-indicator:after {
  font-size: 30px !important;
}

#mega-menu-slideout > li.mega-menu-flyout li {
    margin-left: 20px !important;
}

#mega-menu-slideout > li.mega-menu-flyout li a {
    font-size: 22px !important;
        background: transparent !important;

}

#mega-menu-wrap-slideout #mega-menu-slideout > li.mega-menu-flyout ul.mega-sub-menu {
    padding:0px !important;
    margin-top:10px !important;
    background: transparent !important;
}



.phone::before {
    font-family: 'Material Icons' !important;
    content: "\e0cd";
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.paymybill::before {
    font-family: 'Material Icons' !important;
    content: "\f041";
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.patient-portal::before {
    font-family: 'Material Icons' !important;
    content: "\e7fd";
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.mobile-menu-footer a {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}