* { margin: 0; padding: 0; } html, body { min-height: 100%; height: auto; } :root{ --spacingHorizontal: clamp(2rem, 25vw + -13.5rem, 16.5rem) } @media (max-width: 991px){ :root{ --spacingHorizontal: clamp(1.125rem, 2.734vw + 0.305rem, 2rem) } } :focus:not(:focus-visible) { outline: none !important; } header{ background: var(--colorWhite); padding: 0.5rem var(--spacingHorizontal); border-bottom: 1px solid transparent; z-index: 999; display: flex; justify-content: center; height: 4.5rem; } header.scrolling{ border-bottom: 1px solid #EBEBEB; } body { -webkit-tap-highlight-color: transparent; } body:has(.mmBtn[aria-expanded="true"]){ overflow: hidden; } footer{ background: var(--colorBlack); margin-top: var(--spacingVertical) !important; color: var(--colorWhite); padding: 0 var(--spacingHorizontal); } header a, footer a{ transition: 150ms var(--bezierMain); } header a:hover, footer a:hover { color: var(--colorBrand); } body:has(dialog[open]) { overflow: hidden; padding-right: var(--scrollbar-width, 17px); } body:has(dialog[open]) header { padding-right: calc(var(--spacingHorizontal) + var(--scrollbar-width, 17px)); } .blockOverlay { background: none !important; } .leaflet-bottom, .leaflet-top{ z-index: 850 !important; }