/*
 * 5D Eventos responsive contract
 * Canonical ranges:
 * 0-479 small mobile | 480-767 mobile | 768-1023 tablet
 * 1024-1279 compact desktop | 1280-1519 desktop | 1520+ wide desktop
 */

/* Closed overlays must not cover or intercept the page. */
#ge5d-mobile-menu.ge5d-mobile:not(.active),
#ge5d-mobile-menu.ge5d-mobile[aria-hidden="true"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media(max-width:768px){
  body:not(.ge-staff-v2-template) #ge5d-mobile-menu .ge5d-mobile-actions a.ge5d-mobile-login{
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}

#ge5d-mobile-menu.ge5d-mobile.active {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Public navigation changes to its mobile presentation at 1024px. */
@media (min-width: 1025px) {
  body:not(.ge-staff-v2-template) > #ge5d-mobile-menu.ge5d-mobile,
  body:not(.ge-staff-v2-template) #ge5d-mobile-menu.ge5d-mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Staff keeps the rail on tablet/desktop; its overlay is phone-only. */
@media (min-width: 769px) {
  body.ge-staff-v2-template .ge5d-staff-mobile-nav-wrap,
  body.ge-staff-v2-template #ge5d-mobile-menu.ge5d-staff-mobile-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 768px) {
  body.ge-staff-v2-template #ge5d-mobile-menu.ge5d-staff-mobile-menu:not(.active) {
    display: flex !important;
    visibility: hidden !important;
  }
  body.ge-staff-v2-template #ge5d-mobile-menu.ge5d-staff-mobile-menu.active {
    display: flex !important;
    visibility: visible !important;
  }
}