* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @keyframes rotate { from { transform: rotateZ(0deg) } to { transform: rotateZ(360deg) } } #spinloader { animation: rotate .5s infinite linear; height: 100px; width: 120px; position: fixed; text-align: center; padding: 1em; top: 50%; right: 43%; margin: 0 auto 1em; z-index: 9999; } #loader-container { background: #fff url("../content/assets/loading-sizing.png") 50% 50% no-repeat; background-size: contain; height: 67vh; } /** * Featherlight - Version 1.7.13 - http://noelboss.github.io/featherlight/ * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) - MIT Licensed. **/ html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0);}.featherlight:last-of-type{background:rgba(0,0,0,.67)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#111;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:rgba(255,255,255,0.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}} .featherlight .featherlight-content{margin-left:25px;margin-right:25px;max-height:90%;padding:20px 30px;border-bottom:10px solid transparent;border-radius:30px;border:2px solid #333;} .featherlight .featherlight-close-icon{top:0;right:0;font-size:25px;line-height:25px;width:65px;height:65px;border-radius:31px;background:rgba(128,201,249,0.75);} .featherlight iframe { padding-top: 20px;} /** * mapbox-gl.css - v1.12.0 (downloaded 2020-12-02) * https://api.tiles.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css **/ .mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)} .mapboxgl-canvas{position:absolute;left:0;top:0} .mapboxgl-map:-webkit-full-screen{width:100%;height:100%} .mapboxgl-canary{background-color:salmon} .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none} .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer} .mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing} .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y} .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom} .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none} .mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2} .mapboxgl-ctrl-top-left{top:0;left:0} .mapboxgl-ctrl-top-right{top:0;right:0} .mapboxgl-ctrl-bottom-left{bottom:0;left:0} .mapboxgl-ctrl-bottom-right{right:0;bottom:0} .mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)} .mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left} .mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right} .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left} .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right} .mapboxgl-ctrl-group{border-radius:4px;background:#fff} .mapboxgl-ctrl-group:not(:empty){-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}} .mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer} .mapboxgl-ctrl-group button+button{border-top:1px solid #ddd} .mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent} .mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}} .mapboxgl-ctrl button::-moz-focus-inner{border:0;padding:0} .mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff} .mapboxgl-ctrl button:disabled{cursor:not-allowed} .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25} .mapboxgl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)} .mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff} .mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none} .mapboxgl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0} .mapboxgl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px} .mapboxgl-ctrl-group button:focus:only-child{border-radius:inherit} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}} .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}} .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{-webkit-animation:mapboxgl-spin 2s linear infinite;-moz-animation:mapboxgl-spin 2s infinite linear;-o-animation:mapboxgl-spin 2s infinite linear;-ms-animation:mapboxgl-spin 2s infinite linear;animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")} .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-moz-keyframes mapboxgl-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}@-o-keyframes mapboxgl-spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(1turn)}}@-ms-keyframes mapboxgl-spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(1turn)}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}} .mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0} @media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding:0;margin:10px;position:relative;background-color:#fff;border-radius:3px 12px 12px 3px} .mapboxgl-ctrl-attrib.mapboxgl-compact:hover{padding:2px 24px 2px 4px;visibility:visible;margin-top:6px} .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:hover,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:hover{padding:2px 4px 2px 24px;border-radius:12px 3px 3px 12px} .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none} .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner{display:block} .mapboxgl-ctrl-attrib.mapboxgl-compact:after{content:"";cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px} .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0} .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;right:0} .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;left:0} .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}} @media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}} .mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none} .mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline} .mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px} .mapboxgl-attrib-empty{display:none} .mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box} .mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none} .mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column} .mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse} .mapboxgl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row} .mapboxgl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse} .mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1} .mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff} .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff} .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff} .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff} .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff} .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff} .mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff} .mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff} .mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent} .mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)} .mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto} .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0} .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0} .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0} .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0} .mapboxgl-popup-track-pointer{display:none} .mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none} .mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex} .mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none} .mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform} .mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%} .mapboxgl-user-location-dot:before{content:"";position:absolute;-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;-moz-animation:mapboxgl-user-location-dot-pulse 2s infinite;-ms-animation:mapboxgl-user-location-dot-pulse 2s infinite;animation:mapboxgl-user-location-dot-pulse 2s infinite} .mapboxgl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)} @-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);opacity:0}to{-webkit-transform:scale(1);opacity:0}} @-ms-keyframes mapboxgl-user-location-dot-pulse{0%{-ms-transform:scale(1);opacity:1}70%{-ms-transform:scale(3);opacity:0}to{-ms-transform:scale(1);opacity:0}} @keyframes mapboxgl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}} .mapboxgl-user-location-dot-stale{background-color:#aaa} .mapboxgl-user-location-dot-stale:after{display:none} .mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%} .mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair} .mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5} @media print{.mapbox-improve-map{display:none}} /* auut studio tweaks */ a.mapbox-improve-map { display: none; } a.mapboxgl-ctrl-logo { pointer-events: none; } .mapboxgl-ctrl.mapboxgl-ctrl-attrib { background-color: rgba(255,255,255,0.02); font: 12px/16px sans-serif; } .mapboxgl-ctrl-attrib-inner a { pointer-events: none; color: rgb(137, 175, 214); } #menu_ui_years, .mapboxgl-ctrl-group:not(:empty) { border: 1px solid #aaa; -moz-box-shadow: 0 0 2px rgba(234,157,117, 0.1); -webkit-box-shadow: 0 0 2px rgba(234,157,117, 0.1); box-shadow: 0 2px 2px 5px rgba(234,157,117, 0.2); } /* match icons to timeline.js */ .mapboxgl-ctrl-group { background:rgb(204,204,204); } .mapboxgl-ctrl-group button{ padding:1.2vh;} .mapboxgl-ctrl-group button+button {border-top: 2px solid #fff;;} @font-face{font-family:tl-icons;src:url(icons/tl-icons.eot);src:url(icons/tl-icons.eot?#iefix) format('embedded-opentype'),url(icons/tl-icons.ttf) format('truetype'),url(icons/tl-icons.woff2) format('woff2'),url(icons/tl-icons.woff) format('woff'),url(icons/tl-icons.svg#tl-icons) format('svg');font-weight:400;font-style:normal} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{ background-image:none; } .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon { background-image:none; } @media (-ms-high-contrast:active){ .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{ background-image:none; } .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon { background-image:none; } } @media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{ background-image:none; } .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{ background-image:none; } } .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon, .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{font-family:tl-icons;font-size:2em;color:#fff;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon:after{content:"\e631";} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon:after{content:"\e632"} /******* /******* /******* /********************************** FONT SIZES **********************************/ /******* /******* /******* **/ .pure-g [class *= "pure-u"] { /* Set your content font stack here: */ /* font-family: 'Roboto', Helvetica, Arial, sans-serif; */ font-family: Jost, sans-serif; font-size: 15px; line-height: 20px; } .pure-g [class *= "pure-u"] .mapboxgl-control-container { font-size: 22px; } .pure-g [class *= "pure-u"] .buttonize { text-shadow: none; } .chapter_button { font-family: Helvetica, sans-serif; font-family: 'Roboto Condensed',sans-serif; font-weight: 400; font-size: 1em; letter-spacing: 0.33px; text-shadow: 1px 1px 5px rgb(28, 58, 78); } .siema-counter, .kiosk_banner .title:not(.annotate) { font-family: 'Roboto Condensed',sans-serif; } .mapboxgl-map { font: 13px/18px 'Roboto Condensed',sans-serif; } #btn_label_1, #btn_label_2, #btn_label_3 { font-size: 20px; line-height: 26px; pointer-events: none; } .featherlight button.switch_button { font-size: 27px; line-height: 31px; font-weight: normal; } .section.title { font-size: 1.2em; } .kiosk_banner { font-size: 28px; line-height: 59px; } .featherlight .featherlight-inner:not(.constrain-font) p, .featherlight button { font-size: 1.2em; } .featherlight-inner p span.duration { color: #80c9f9 !important; font-size: 0.6em; font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; } .featherlight-inner p span.credit { color: #c2c2c2 !important; font-size: 0.8em; } .siema-counter { display: inline-block; height:30px; min-width:40%; width: auto; color:#8898a5; font-size:1.33vw; text-shadow:none !important; cursor: pointer; } .siema-counter span.goal1 { color:#ba3a3c; } /* #B32527 */ .siema-counter span.goal2 { color:#5D923D; } .siema-counter span.goal3 { color:#1383C6; } .siema-counter span.goal4 { color:#ED691F; } .siema-counter span.bookmark { background: linear-gradient(180deg, transparent 67%, rgba(0,0,0,0.1) 85%); border-radius: 8px; } .siema-counter span { min-width: 0.8vw; display: inline-block; } .siema-go-back { display: inline-block; /* position: fixed; */ position: absolute; visibility: hidden; top:6px; left:auto; right:0; bottom:auto; font-family: sans-serif; font-size: 0.67em; } .siema-go-back.active { visibility: visible; } .siema-go-back, .siema-go-back a { color: rgba(23,100,138,0.67); } .siema-go-back a:hover { color: rgba(23,100,138,1); } .siema-go-back a { background: linear-gradient(270deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 13%, transparent 51%, transparent 55%, rgba(0,0,0,0.05) 93%, rgba(0,0,0,0.1) 100%); border-radius: 10px; padding: 2px 8px 2px 8px; } .mapboxgl-popup-close-button { font-size: 30px; line-height: 22px; padding: 12px 15px; border-bottom:2px solid #fff; border-left:2px solid #fff; border-radius: 50%; right: -8px; } .featherlight .featherlight-content .pure-g [class *= "pure-u"] { font-size:16px; line-height:20px; } .mapboxgl-popup-content, .mapboxgl-popup-content td, .mapboxgl-popup-content p { font-size:12px; line-height:16px; } .featherlight .featherlight-content .pure-g h4, .mapboxgl-popup-content h4 { font-size:15px; line-height:21px; } .featherlight .featherlight-content .pure-g h3, .mapboxgl-popup-content h3 { font-size:17px; line-height:22px; } .featherlight .featherlight-content .pure-g h2, .mapboxgl-popup-content h2 { font-size:18px; line-height:26px; } .citation, #inline-intro p.citation, #inline-intro-2 p.citation { font-size: 10px; color: #666; } .section.panel p.citation, .title.annotate .citation { /* text-align: right; */ font-size: 0.56em; color: #f1f1f1; } a { text-decoration: none; color: #346d8b; } a:hover { color:#001f51; } .section.title h2 { font-size: 36px; line-height: 41px; } .section.panel h5 { font-size: 15px; line-height: 21px; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: 0.75px; } /******* /******* /******* /********************************** CUSTOM LAYOUT **********************************/ /******* /******* /******* */ body.retrospective-app { background-color: #fff; /* box-shadow: inset 1px 1px 5px #000; padding:5px; */ color: #000; line-height: 1.6; font-family: 'Roboto',sans-serif; font-family: Jost,sans-serif; overflow-y: hidden; overflow-x: hidden; } body.retrospective-app.with-sub-nav { padding-top: 189px; } #chapter1 { padding-top: 36px; } #chapter3 { position: relative; } .wrapper-subnav.retrospective-app .inner-subnav ul li { margin: 0 36px; } .wrapper-subnav.retrospective-app .inner-subnav ul li a { text-transform: none; } .wrapper-subnav.retrospective-app .inner-subnav ul li a.active { background: linear-gradient(0deg, rgb(254,238,217) 0%, transparent 45%); } /*main { background: linear-gradient(180deg,rgb(239,244,250) 25%, rgb(254,238,217) 58%, rgb(255,255,255) 70%); }*/ #button-list { position: relative; z-index: 100; } .retrospective-app .mapboxgl-popup-close-button { background-color:rgba(103, 192, 249,0.95); color: #fff; color: rgba(255,255,255,0.8); } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-close-button { color: #757575; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-close-button, .mapboxgl-popup.touchpoint3 .mapboxgl-popup-close-button { background-color:transparent; border: none; color: #ffffff; } .faded_text { opacity: 0.5; text-shadow: none; } .faded_text.swipe { font-weight: 100; font-family: 'Roboto Condensed',sans-serif; font-style: italic; float:right; padding-right: 50px; color: rgb(23,100,138); } iframe { z-index: 0; } table, .pure-u-1 { border: none; } .pure-img-responsive { max-width: 100%; height: auto; } .pure-u-1-7, .pure-u-md-1-7, .pure-u-2-7, .pure-u-md-2-7, .pure-u-3-7, .pure-u-md-3-7, .pure-u-4-7, .pure-u-md-4-7 { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; display: inline-block; zoom: 1; } .pure-u-1-7, .pure-u-md-1-7 { width:14.2857%; } .pure-u-2-7, .pure-u-md-2-7 { width:28.5714%; } .pure-u-3-7, .pure-u-md-3-7 { width:42.8571%; } .pure-u-4-7, .pure-u-md-4-7 { width:57%; } .no_topspace { -webkit-margin-before: 0 !important; } /* p { -webkit-margin-after: 0; } */ .section.panel h1 { margin-block-start: 0.1em; margin-block-end: 0; line-height: 120%; font-weight: 600; color: #555;} .section.panel h1.bg-gradient { background: linear-gradient(180deg, rgba(255,255,255,0) 5%, rgba(184,226,202,1) 100%); padding-left: 5px; max-width: 29vw; } .section.panel h2 { margin-block-start: 0.5em; } .section.panel li { margin-block-start: 0.5em; } .section.panel p { font-size: 0.9em; line-height: 133%; } h4 { margin-top:0; margin-bottom:0; } button { border-radius: 15px; } button.mapboxgl-ctrl-zoom-in { border-radius: 15px 0 0 0; } button.mapboxgl-ctrl-zoom-out { border-radius: 0 0 0 15px; } div.section.panel { position: relative; } .siema div.section.panel { text-align: center; position: static; margin: auto 50px; /* margin: 0 auto; */ } .siema div.section.panel.noncentered { text-align: left; } .siema div div:last-child .section.panel { margin-left: 1px; padding-left: 29px; } #chapter1_siema img { max-height: calc(100vh - 298px); max-width: calc(100vw - 100px); } #chapter1_title img, #chapter2_title img, #chapter3_panel img { width:200px; margin-right:20px; vertical-align:middle; } #chapter3_title, #chapter3_panel { padding: 0 5px; } #chapter3_title { position: absolute; bottom: 00px; top: auto; color: #757575; } .pure-u-1 .tl-timeline h2.tl-headline-title, #chapter3_title h1 { font-family: 'Roboto Condensed',sans-serif; margin-top: 1em; } .tl-text h2.tl-headline-title, .tl-text h2.tl-headline { font-size: 32px; line-height: 38px; } #chapter3_title h1 { font-size: 28px; line-height: 34px; } #timeline_embed { width: 92vw; } #timeline_lede { display: inline-block; color: #4289ae; /* max-width: 49%; */ position: relative; top: 10px; } #map_lede { z-index: 50; margin-top: 20px; } .arrow_box { position: relative; background: rgb(255, 246, 233); background: linear-gradient(70deg, #ffffff 0%, rgb(255, 246, 233) 20%); border: 2px solid #67C0F9; border-radius: 3px; padding: 1em; box-shadow: 3px 3px 6px rgb(186,196,204), 30px 0 30px -15px rgb(61,164,230); } .arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(103, 192, 249, 0); border-left-color: rgb(255, 246, 233); border-width: 32px; margin-top: -32px; } .arrow_box:before { border-color: rgba(202, 227, 243, 0); border-left-color: #67C0F9; border-width: 35px; margin-top: -35px; } .columnize { column-count: 2; column-fill: balance; column-gap: 5vw; margin-block-start: 0.5em; } .columnize.notitle { margin-block-start: 0.5em; } .columnize p:nth-child(1) { margin-block-start: 0; } #map { height: 100%; text-shadow: none; z-index: 10; position: absolute; right:0; top:5px; bottom:0; } .mapboxgl-ctrl-group > button { width:8vh; height:8vh; } .portrait-aviso { font-family:sans-serif; font-weight:normal; font-size: 3vw; position: absolute; top: 20%; width: 100%; height: 100%; margin: 0 auto; text-align: center; } .portrait-aviso, .portrait-aviso .message_mobile, .portrait-aviso .message_landscape { display: none; } .featherlight .featherlight-content { overflow-y: hidden !important; overflow-x: hidden; } .featherlight .featherlight-inner:not(.constrain-font) p { -webkit-margin-before: 1em; } .featherlight .featherlight-content { margin-left: 20%; /* 7%; */ margin-right: 20%; /* 7%; */ max-height: 90%; } #layout, #main { height: calc(100vh - 262px); } #main { padding: 20px; } #main.no_padding { padding: 0; } .center { text-align: center; } .kiosk_banner { position: fixed; width:99%; height:68px; min-height:60px; bottom:0; top:auto; left:0; right:0; border-radius: 14px 14px 0 0; border:1px solid rgb(138,185,224); color: #000; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; text-shadow: 2px 2px 4px rgb(215,228,236); padding: 4px 16px 8px 24px; vertical-align: top; background: linear-gradient(90deg, rgba(138,185,224, 0.88) 38%, rgba(138,185,224,0.70) 45%, rgba(254,238,217,0.70) 75%, rgba(254,238,217,0.50) 90%); } .kiosk_banner .title { width: 70%; display: inline-block; max-height: 90px; overflow-y: hidden; vertical-align: top; /* transition-property: all; transition-duration: .67s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */ } .kiosk_banner .title.annotate { overflow-y: visible; } .kiosk_banner .title.closed { display: none; } .kiosk_banner .aviso { float: right; width: 40px; max-height: 90px; display: inline-block; text-shadow: none; font-size: 11px; font-family: Jost,sans-serif; font-weight: normal; line-height: 14px; hyphens: auto; } .kiosk_banner .aviso:hover { width: 25%; } .kiosk_banner .title.hide, .row.hide { display: none; } .kiosk_banner img { height: 50px; margin-right: 10px; vertical-align: middle; } img.btn-hand { width: 50px; height: 50px; } .kiosk_banner #btn_close { position:fixed; margin:5px 10px; left:auto; z-index: 10; right: 20px; bottom:2vh; } .kiosk_banner #btn_close a { text-decoration: none; } .kiosk_banner #btn_close img { float: right; height: 5.5vh; border: none; } .section.title { margin: 0 auto 10px auto; padding: 0 5px; color: #f9f9f9; } #chapter2_title.section.title { padding-bottom: 12px; } .tabContent { min-height: 100%; } .padded, .tabContent.padded { padding: 0 30px 30px 40px; } #map_arrow.padded { padding: 0 5px 30px 50px; } #timeline_lede { margin-left: 20px; padding-top: 0.6vh; } .retrospective-select.padded { padding: 0; margin-left: 40px; } .tabContent.hide { display: none; } .as-table { display: table; } .cell { display: table-cell; } .one-of-3, .one-of-4, .one-of-5, .one-of-6, .one-of-7 { display: table; z-index:2; position:relative;} .one-of-3 .chapter_button { height: calc( (100vh - 70px) / 3 ); } .one-of-4 .chapter_button { height: calc( (100vh - 70px) / 4 ); } .one-of-5 .chapter_button { height: calc( (100vh - 70px) / 5 ); } .one-of-6 .chapter_button { height: calc( (100vh - 70px) / 6 ); } .one-of-7 .chapter_button { height: calc( (100vh - 70px) / 7 ); } #button-list.disabled { pointer-events: none; background: #000; } .chapter_button { width: 300px; max-width: 12.5vw; text-align: center; vertical-align: middle; } .flush_right { float: right; margin-right: 20px; } .flush_left { float: left; margin-left: 20px; } .marker { display: block; border: none; cursor: pointer; padding: 0; border-radius: 0; } .vocab-term { border-radius: 6px; padding: 5px 5px 0 5px; display: inline-block; letter-spacing: 1.25px; background-color: rgba(122,122,122,.5); } .slider-arrows span { position:absolute; z-index:2000; top:290px; top:calc( 100vh / 2 ); width:40px; height:40px; border:8px solid #ddd; border:8px solid rgba(23,100,138,0.25); text-indent:-90000px; margin-top:-40px; cursor:pointer; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .slider-arrows span:hover, .slider-arrows span.slider-arrow-next.nudge:hover { border-color:rgba(23,100,138,0.9); } .slider-arrows span.slider-arrow-prev { left: 15px; border-right:none; border-top:none; } .slider-arrows span.slider-arrow-next { right: 20px; border-left:none; border-bottom:none; } .slider-arrows span.slider-arrow-prev.hide, .slider-arrows span.slider-arrow-next.hide { visibility: hidden; } .slider-arrows span.slider-arrow-next.nudge { /* border-color:rgba(255,255,255,0.66); */ animation:pulsebeat 1s 6; animation-timing-function:ease-in; animation-fill-mode:both; } .swipe { animation:pulsebeattext 1s 2; animation-timing-function:ease-in; animation-fill-mode:both; } /* Pulse animation */ @keyframes pulsebeat { 0%, 100% { transform:scale(1); transform:rotate(45deg); } 10% {transform:rotate(45deg)scale(0.98);} 20% {transform:rotate(45deg)scale(0.94);} 30% {transform:rotate(45deg)scale(0.91);} 40% {transform:rotate(45deg)scale(0.95);} 50% {transform:rotate(45deg)scale(0.97);} 60% {transform:rotate(45deg)scale(1);} 70% {transform:rotate(45deg)scale(1.07);} 80% {transform:rotate(45deg)scale(1.13);} 90% {transform:rotate(45deg)scale(1.07);} } @keyframes pulsebeattext { 0%, 100% { transform:scale(1); } 10% {transform:scale(0.98);} 20% {transform:scale(0.95);} 30% {transform:scale(0.93);} 40% {transform:scale(0.96);} 50% {transform:scale(0.97);} 60% {transform:scale(1);} 70% {transform:scale(1.02);} 80% {transform:scale(1.03);} 90% {transform:scale(1.02);} } .swoosh { outline: none; backface-visibility: hidden; position: relative; display: inline-block; } .swoosh span { transform: translate3d(0, 0, 0); backface-visibility: hidden; position: relative; display: block; width: 100%; height: 100%; z-index: 3; } .swoosh:before, .swoosh span:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 67px; z-index: 2; } .swoosh span:before { z-index: -1; display: block; transform: translate(-50%, -50%); transform-origin: center center; animation: fill .5s ease-out; animation-delay: 2.5s; animation-fill-mode: forwards; } .swoosh.longdelay span:before { animation-delay: 4s; } .swoosh:after { z-index: 1; transition: all 100ms ease-out; content: ''; position: absolute; left: 4%; top: 0; transform: skewX(-10deg) scaleX(0); width: 92%; height: 100%; background-color: #4D86D5; animation: swooshright .7s ease-in; animation-delay: 2.5s; animation-fill-mode: both; } .swoosh.longdelay:after { animation-delay: 4s; } /* Swoosh/glint animation by Tim Rijkse - https://codepen.io/timrijkse/pen/gwRBQg */ @keyframes swooshright { 0% { transform-origin: left center; } 20% { transform: skewX(-20deg) scaleX(1); transform-origin: left center; } 21% { transform-origin: right center; } 50% { transform: skewX(-20deg) scaleX(0); transform-origin: right center; ß} } @keyframes fill { 0% { background-color: rgba(14, 56, 118, 0); } 20% { opacity: .5; border-width: 15px; border-color: #092248; } 100% { opacity: .5; border-width: 1px; background-color: rgba(14, 56, 118, 0.5); } } select { margin: 1.2em 0; min-width: 29vw; padding: 0.25em 0.25em 0.25em 0; box-sizing: border-box; border-top: 1px solid #F6D5C3; border-bottom: 4px solid #F6D5C3; border-left: 1px solid #F6D5C3; border-right: none; background-color: rgba(255,255,255,0.85); font-size: 1em; line-height: 120%; font-weight: 600; color: #555; border-radius: 0; box-shadow: 0px 0px 3px rgba(61, 164, 230,0.15), 10px 10px 15px rgba(141,158,170,0.4), -7px 10px 15px rgba(181,204,218,0.4), -7px 2px 15px rgb(186,196,204), 10px 2px 15px rgb(61, 164, 230); } select:focus, select:active { outline: none; border-bottom-color: rgb(203,162,128); box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; } select:hover { border-color: #888; } select::-ms-expand { display: none; } select option { font-weight: normal; } .retrospective-select { position: relative; display: inline-block; } .retrospective-select select { display: none; } .select-selected { background-color: rgba(255,255,255,0.85); background-color: #f9f9f9; margin: 1.2em 0 0.2em 0; min-width: 29vw; padding: 0.25em 0.25em 0.25em 0; box-sizing: border-box; border-top: 1px solid #F6D5C3; border-bottom: 4px solid #F6D5C3; border-left: 1px solid #F6D5C3; border-right: none; font-size: 1em; line-height: 120%; font-weight: 600; color: #555; border-radius: 5px; box-shadow: 0px 0px 3px rgba(61, 164, 230,0.15), 10px 10px 15px rgba(141,158,170,0.4), -7px 10px 15px rgba(181,204,218,0.4), -7px 2px 15px rgb(186,196,204), 6px 4px 7px rgb(61, 164, 230); } /* Style the arrow inside the select element: */ .select-selected:after { position: absolute; content: ""; top: 33px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #555 transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { border-color: transparent transparent #555 transparent; top: 26px; } .select-selected.select-arrow-active { outline: none; border-bottom-color: rgb(203,162,128); box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; } .select-selected:hover { border-color: #888; } /* style the items (options) */ .select-items div,.select-selected { color: #222; font-size: 16px; line-height: 18px; padding: 0.6vh 16px 0.6vh 16px; border: 1px solid transparent; border-color: transparent transparent #E5E5E5 transparent; cursor: pointer; } .select-items { position: absolute; background-color: #fff; border-radius: 0 0 5px 5px; border: 1px solid #E5E5E5; box-shadow: 10px 10px 15px rgba(0,0,0,0.4); top: 100%; left: 0; /* right: 0; */ right: 4vw; z-index: 99; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div.option-fade { padding: 0.6vh 16px 0.6vh 8px; color: #fff; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:16px; letter-spacing: 0.5px; pointer-events: none; } .select-items div.option-fade.goal1 { background: linear-gradient(90deg, #B32527 0%, #B32527 40%, #fff 80%); } .select-items div.option-fade.goal2 { background: linear-gradient(90deg, #5D923D 0%, #5D923D 40%, #fff 80%); } .select-items div.option-fade.goal3 { background: linear-gradient(90deg, #1383C6 0%, #1383C6 40%, #fff 80%); } .select-items div.option-fade.goal4 { background: linear-gradient(90deg, #ED691F 0%, #ED691F 40%, #fff 80%); } .select-items div:hover { background-color: rgba(0, 0, 0, 0.2); } .same-as-selected { background-color: rgba(59, 153, 252, 0.2); border: 2px solid rgba(59, 153, 252, 0.7) !important; border-radius: 2px; color: rgb(59,153,252) !important; } select#selectbox_map, select#selectbox_tl { height: 45px; } select#selectbox_tl { margin-left: 30px; } #map_sidebar.goal1 { color: #B32527; } #map_sidebar.goal2 { color: #5D923D; } #map_sidebar.goal3 { color: #1383C6; } #map_sidebar.goal4 { color: #ED691F; } #map_sidebar span { opacity: 0.8; } .mapboxgl-popup-tip { z-index: 100; } .touchpoint1.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint1.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint1.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: transparent;} .touchpoint3.red-glow.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.red-glow.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.red-glow.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, .touchpoint3.red.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.red.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.red.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: #E74734; } .touchpoint3.green-glow.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.green-glow.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.green-glow.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, .touchpoint3.green.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.green.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.green.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: #F37340; } .touchpoint3.blue-glow.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.blue-glow.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.blue-glow.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, .touchpoint3.blue.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.blue.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.blue.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: #FFB600; } .touchpoint3.orange-glow.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.orange-glow.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.orange-glow.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, .touchpoint3.orange.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .touchpoint3.orange.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .touchpoint3.orange.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: #2FA799; } .mapboxgl-popup.touchpoint1 { min-width:17vw !important; max-width: 17vw !important; } .mapboxgl-popup.touchpoint2 { min-width:30vw !important; } .mapboxgl-popup.touchpoint3 { min-width:34vw !important; } .mapboxgl-popup-content { color:#545454; font-weight:normal; z-index: 50; border-radius: 10px; box-shadow: 5px 5px 10px #787e6c; padding:1px 2px 5px 2px; margin:0; line-height:inherit; font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif; } .mapboxgl-popup-content h2 { padding:10px 25px; margin:-1px -2px -6px -2px; border-radius: 10px 10px 0 0; color: #565950; text-align:center; font-weight:normal; } .mapboxgl-popup-content a, .mapboxgl-popup-content button { border: none; color: #545454; background-color: transparent; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-content { border: 2px solid #a28484; border-radius: 30px; background-image: linear-gradient(40deg, rgb(255,255,255) 0%, rgb(255,255,255) 70%, rgb(202,227,243) 85%, rgb(61, 164, 230) 100%); box-shadow: 0 0 20px #6d7084; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-tip { visibility: hidden; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-content h2 { border-radius: 30px 30px 0 0; background-color: rgba(236, 236, 236, 0.5); color: #000; font-family: 'Roboto Condensed',sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; text-shadow: 2px 2px 2px #fff; } .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content h2 { border-radius: 10px 0 0 0; } .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content h2 { border-radius: 0 10px 0 0; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-content h3 { text-align: center; margin-block-end: 1.2em; font-weight: normal; } .mapboxgl-popup.touchpoint1 .mapboxgl-popup-content h3:last-child:after { content:""; cursor:normal; position:absolute; background-image:url(../content/assets/btn_hand2.png); background-size: contain; background-repeat: no-repeat; width: 60px; height: 60px; box-sizing:border-box; } a.persona.nsgi1, span.persona.nsgi1, .mapboxgl-popup-content h2.persona-red, .mapboxgl-popup-content h2.persona-red-glow { background-color: #E74734; color: #fff; } a.persona.nsgi2, span.persona.nsgi2, .mapboxgl-popup-content h2.persona-green, .mapboxgl-popup-content h2.persona-green-glow { background-color: #F37340; color: #fff; } a.persona.nsgi3, span.persona.nsgi3, .mapboxgl-popup-content h2.persona-blue, .mapboxgl-popup-content h2.persona-blue-glow { background-color: #FFB600; color: #001638; } .mapboxgl-popup.touchpoint3.blue .mapboxgl-popup-close-button { color: #001638; } a.persona.nsgi4, span.persona.nsgi4, .mapboxgl-popup-content h2.persona-orange, .mapboxgl-popup-content h2.persona-orange-glow { background-color: #2FA799; color: #fff; } .featherlight .featherlight-close-icon { top: -1px; right: -1px; } .mapboxgl-popup-content .pure-g [class *= "pure-u"], .featherlight .featherlight-content .pure-g [class *= "pure-u"] { text-shadow: none !important; } .featherlight-inner .pure-g, .mapboxgl-popup-content .pure-g { text-shadow: none !important; margin: 20px 10px 10px 10px; } .mapboxgl-popup.touchpoint3 .mapboxgl-popup-content .pure-g { /* margin: 6px 0 10px -1px; */ margin: 0; padding: 25px 20px 5px; color: #001638; font-family: Jost, sans-serif; } .featherlight-inner .pure-u-1, .mapboxgl-popup-content .pure-u-1 { vertical-align: top; } .featherlight-inner .pure-u-1.boxed, .mapboxgl-popup-content .pure-u-1.boxed { border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-radius: 5px; padding-left: 5px; } .featherlight-inner .pure-u-1 p, .mapboxgl-popup-content p, .mapboxgl-popup-content h3 { /* padding-left:10px; padding-right:10px; */ padding: 0px; } .mapboxgl-popup-content h3 { margin-block-start: 0; margin-block-end: 0.5em; } .mapboxgl-popup-content .profile_circle h3 { margin-block-end: 0; } .mapboxgl-popup.touchpoint3 .mapboxgl-popup-content h3 { padding-top: 0.2em; font-weight: normal; } .featherlight-inner span.persona, .mapboxgl-popup-content span.persona, .section.panel span.persona { padding: 4px 4px; border-radius: 2px 6px 2px 6px; } .section.panel span.persona { padding: 2px 8px; } .section.panel span.persona.cro, .section.panel span.persona.sbh { color: #000; text-shadow: none; } .mapboxgl-popup-content img.flag-image { height: 25px; margin-left: 20px; vertical-align: text-bottom; } .featherlight-inner img.leader-image, .mapboxgl-popup-content img.leader-image { width: 98%; max-width: 38vw; box-shadow: 6px -2px 5px #aaa; } .aviso.mapboxgl-ctrl-attrib.mapboxgl-compact { margin: 0; } .aviso.mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 0; visibility: visible; margin-top: 0; } @media only screen and (max-width: 1220px) { .kiosk_banner .title { width: 67%; } .kiosk_banner .aviso:hover { width: 33%; } } @media only screen and (max-width: 1050px) { .kiosk_banner { font-size: 24px; line-height: 40px; } } @media only screen and (max-width: 1009px) { .hide-small-scrn, .hide-mid-scrn { display: none; } .hide-mid-scrn.sm-scrn { display: none; } img.btn-hand { width: 40px; height: 40px; } .kiosk_banner .title { width: 50%; } .kiosk_banner .aviso:hover { width: 49%; } .tl-text h2.tl-headline-title, .tl-text h2.tl-headline { font-size: 28px !important; } } @media only screen and (max-width: 980px) { .kiosk_banner { font-size: 20px; line-height: 36px; } } @media screen and (max-width: 767px) { #chapter2 .retrospective-select { max-width: 85%; } #timeline_lede { margin-left: 40px; padding-right: 40px; } #map { top: 145px; } #map_lede { margin-top: 10px; } #select2_visible { min-width: 50vw; } .arrow_box:after, .arrow_box:before { visibility: hidden; } .mapboxgl-popup.touchpoint1 { min-width: 38vw !important; max-width: 38vw !important; } .mapboxgl-popup.touchpoint3 { min-width: 50vw !important; } .mapboxgl-ctrl-bottom-right { display: none; } .section.panel .tl-timeline p { font-size: 0.8em; } } @media only screen and (max-width: 707px) { .tl-timenav, .tl-menubar { display: none; } .tl-layout-portrait .tl-storyslider { min-height: 560px; } #chapter2_title.section.title { padding-bottom: 0; } .select-selected { font-size: 13px; } .select-items { right: -70px; } .select-selected:after { top: 28px; } } @media only screen and (max-width: 640px) { .kiosk_banner .aviso { font-size: 10px; line-height: 13px; } } @media only screen and (max-width: 530px) { .kiosk_banner { font-size: 18px; line-height: 30px; } } @media only screen and (min-width: 820px) and (max-width: 1009px) { .hide-small-scrn.mid-scrn { display: inline; } } /* Not yet to iPad screensize */ @media only screen and (max-device-width: 767px) { #layout, .kiosk_banner { display: none; } .portrait-aviso, .portrait-aviso .message_mobile { display: block; } .portrait-aviso .message_landscape { display: none; } .featherlight { display: none !important; } } /* */ /* iPad/tablet in portrait mode */ /* */ @media only screen and (max-device-width: 800px) and (orientation: portrait) { .siema div.section.panel { margin: auto 25px; } #chapter1_siema img { height: auto; width: 76vw; } .pure-u-md-7-8, .pure-u-sm-7-8 { width: 83%; } .pure-u-md-1-8, .pure-u-md-3-24 { width: 16.9%; } .chapter_button { max-width: 16.9vw; } #select1_visible { min-width: 45vw; } #chapter3_title h1 { font-size: 22px; line-height: 28px; } #chapter3_title h1.padded {padding: 0 30px 30px 10px; } #chapter3_panel .select-items { right:-70px; } .retrospective-select.padded { margin: 0 0 0 10px; } #map_arrow.padded { padding: 0 5px 30px 10px; } .tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-text .tl-text-content-container { padding-left: 15px; padding-right: 28px; } .kiosk_banner { font-size: 24px; } .kiosk_banner #btn_close { right: 0px; bottom: 1vh; } .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 1px 10px 0; } .mapboxgl-popup.touchpoint1 { min-width: 29vw !important; max-width: 29vw !important; } } /* */ /* iPad/tablet in landscape mode */ /* */ @media only screen and (max-device-width: 1024px) and (orientation: landscape) { .siema div.section.panel { margin: auto 30px; } #chapter1_siema img { height: auto; width: 79vw; } #chapter3_title h1 { font-size: 22px; line-height: 28px; } #chapter3_title h1.padded {padding: 0 15px 30px 10px; } .retrospective-select.padded { margin: 0 0 0 10px; } #map_arrow.padded { padding: 0 5px 30px 10px; } .select-items { right:10px; } .select-items div, .select-selected { font-size: 15px; } .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 2px 10px 0; } .mapboxgl-popup.touchpoint1 { min-width: 23vw !important; max-width: 23vw !important; } } @media (max-width: 991.98px) { body.retrospective-app.with-sub-nav { padding-top: 119px; } .wrapper-subnav.retrospective-app .inner-subnav ul { display: block; } .wrapper-subnav.retrospective-app .inner-subnav ul li { display: inline-block; border-bottom: none; margin: 0 15px; } .wrapper-subnav.retrospective-app .inner-subnav h5 { display: none; } #layout, #main { height: calc(100vh - 190px); } } @media screen and (min-width: 1120px) { .section.panel h1 { margin-block-start: 0.5em; } .slider-arrows span { width:60px; height:60px; } /* .kiosk_banner .title { width: 88%; } */ } @media screen and (min-height: 675px) { /* #layout, #main { height: calc(100vh - 72px); } .kiosk_banner { height: 72px; } */ } @media screen and (min-width: 1120px) and (min-height: 770px) { .kiosk_banner #btn_close { bottom:1vh; } } @media screen and (min-width: 1360px) { .pure-g [class *= "pure-u"], .siema .section.panel, .siema .section.panel [class *= "pure-u"] { font-size: 18px; line-height: 24px; } .mapboxgl-map { font-size: 24px; line-height: 34px; } .kiosk_banner { font-size: 52px; line-height: 88px; } .kiosk_banner .title { font-size: 34px; line-height: 42px; } .chapter_button { font-size: 1.2em; } .featherlight .featherlight-inner:not(.constrain-font) p, .featherlight button { font-size: 1.4em; } .featherlight-inner p span.duration { font-size: 0.6em; } .featherlight-inner p span.credit { font-size: 0.8em; } .featherlight .featherlight-content .pure-g [class *= "pure-u"], .featherlight .featherlight-content .pure-g h2, .mapboxgl-popup-content, .mapboxgl-popup-content td, .mapboxgl-popup-content p { font-size: 15px; line-height: 18px; } .featherlight .featherlight-content .pure-g h4, .mapboxgl-popup-content h4 { font-size: 20px; line-height: 24px; } .featherlight .featherlight-content .pure-g h3, .mapboxgl-popup-content h3 { font-size: 20px; line-height: 26px; } .featherlight .featherlight-content .pure-g h2, .mapboxgl-popup-content h2 { font-size: 22px; line-height: 26px; } .mapboxgl-popup.touchpoint3 { min-width: 30vw !important; } .mapboxgl-popup-content p { font-size: 13px; line-height: 18px; } #chapter3_title h1 { font-size: 32px; line-height: 38px; } .section.title { font-size: 1.2em; line-height: 1.4em; } #timeline_lede { font-size: 18px; line-height: 22px; } .section.panel p { font-size: 1.05em; line-height: 133%; } .section.panel p.citation { font-size: 0.9em; } .title.annotate .citation { opacity: 0.67; } .section.title h2 { font-size: 52px; line-height: 70px; } .section.panel h5 { font-size: 28px; line-height: 38px; } .kiosk_banner img { height: 50px; } } /* now off of Macbook Air */ @media screen and (min-width: 1360px) and (min-height: 901px) { .pure-g [class *= "pure-u"], .siema .section.panel, .siema .section.panel [class *= "pure-u"] { font-size: 22px; line-height: 32px; } } /* now off of iPad Pro */ @media screen and (min-width: 1370px) and (min-height: 901px) { .featherlight .featherlight-content .pure-g [class *= "pure-u"], .mapboxgl-popup-content, .mapboxgl-popup-content td, .featherlight .featherlight-content .pure-g h4, .featherlight .featherlight-content .pure-g h3 { font-size: 60px; line-height: 76px; } .featherlight .featherlight-content { margin-left:22%; margin-right:22%; padding: 50px 30px 20px 30px; } .pure-u-1 p.image-label { max-width: 488px; } } @media screen and (min-width: 1850px) { .pure-g [class *= "pure-u"], .siema .section.panel, .siema .section.panel [class *= "pure-u"] { font-size: 25px; line-height: 40px; } .section.title h2 { font-size: 60px; line-height: 70px; } #chapter1_siema img { height: 78vh; max-height: 78vh; max-width: 82vw; width: auto; } #chapter1_title.section.title { margin: 0 auto 40px auto; } .mapboxgl-popup.touchpoint1 { min-width: 20vw !important; max-width: 20vw !important; } } @media all { .lightbox { display: none; } } /* SD: changes */ .featherlight-inner .pure-u-1 p, .mapboxgl-popup-content p, .mapboxgl-popup-content h3 { margin: 0px; padding: 0px; } .mapboxgl-popup-content h2 { font-family: Jost, sans-serif; font-size: 18px; font-weight: 600; padding: 10px 25px 10px 20px; } .mapboxgl-popup.touchpoint3 .mapboxgl-popup-content h3 { padding: 0px;} .mapboxgl-popup-content p { padding: 0; margin-bottom: 20px; }