[data-globe-init] { --globe-info-width: 30em; } /* Info panel */ [data-globe-info] { opacity: 1; visibility: visible; transform: translate(0em, 0px); transition: all 0.65s cubic-bezier(0.625, 0.05, 0, 1); } [data-globe-init][data-collapsed="true"] [data-globe-info] { opacity: 0; visibility: hidden; transform: translate(4em, 0px); } /* Small 'reopen' button to show info panel */ [data-globe-reopen] { opacity: 0; visibility: hidden; transform: translate(2em, 0px); transition: all 0.4s cubic-bezier(0.625, 0.05, 0, 1); } [data-globe-init][data-collapsed="true"] [data-globe-reopen], .wf-design-mode [data-globe-reopen] { opacity: 1; visibility: visible; transform: translate(0em, 0px); } /* Collapse nav to the right */ [data-globe-nav] { transition: all 0.65s cubic-bezier(0.625, 0.05, 0, 1); } [data-globe-init][data-collapsed="true"] [data-globe-nav] { right: 1em; } [data-globe-marker][data-active="true"] { outline: 1px solid #FFF; outline-offset: .5em; } /* Hide marker template on site */ [data-globe-init="initialized"] [data-globe-marker-template] { display: none; } /* Style zoom in/out buttons */ .mapboxgl-ctrl-group button { background: #2a2727 !important; } /* Make default zoom icons white */ .mapboxgl-ctrl button .mapboxgl-ctrl-icon { filter: invert(1); } /* Hide mapbox logo and info */ .mapboxgl-ctrl-logo, .mapboxgl-ctrl-attrib { display: none !important; } .mapboxgl-ctrl-group button+button { border-top: 1px solid #ffffff1a; }