.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:grab;-webkit-user-select:none;-moz-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: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){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;overflow:hidden}.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-attrib-button:focus,.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' fill='%23000'%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='%23000'%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' fill='%23000'%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='%23000'%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 id='south' 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 id='south' 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' fill='%23000'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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' fill='%23000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")}}@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='logo' 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='text' 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='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='0.9' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%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='logo' 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='text' 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='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%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='logo' 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='text' 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='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23000'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%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:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{display:none;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 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.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 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-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 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-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:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{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{align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: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;opacity:1;transition:opacity .2s}.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;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)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{width:0;height:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{content:"";border-bottom:7.5px solid #4aa1eb;position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@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}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;justify-content:center;text-align:center;position:absolute;display:flex;align-items:center;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .75s ease-in-out;transition-delay:1s}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y} /*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ /* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics) ========================================================================== */ /** * 1. Remove repeating backgrounds in all browsers (opinionated). * 2. Add box sizing inheritence in all browsers (opinionated). */ *, ::before, ::after { background-repeat: no-repeat; /* 1 */ box-sizing: inherit; /* 2 */ } /** * 1. Add text decoration inheritance in all browsers (opinionated). * 2. Add vertical alignment inheritence in all browsers (opinionated). */ ::before, ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ } /** * 1. Add border box sizing in all browsers (opinionated). * 2. Add the default cursor in all browsers (opinionated). * 3. Prevent font size adjustments after orientation changes in IE and iOS. */ html { box-sizing: border-box; /* 1 */ cursor: default; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections) ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content) ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Remove the list style on navigation lists in all browsers (opinionated). */ nav ol, nav ul { list-style: none; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics) ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ffff00; color: #000000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /* * Remove the text shadow on text selections (opinionated). * 1. Restore the coloring undone by defining the text shadow (opinionated). */ ::-moz-selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } ::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } /* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content) ========================================================================== */ /* * Change the alignment on media elements in all browers (opinionated). */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Change the fill color to match the text color in all browsers (opinionated). */ svg { fill: currentColor; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables) ========================================================================== */ /** * Collapse border spacing */ table { border-collapse: collapse; } /* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms) ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Inherit styling in all browsers (opinionated). */ button, input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * 1. Remove the default vertical scrollbar in IE. * 2. Change the resize direction on textareas in all browsers (opinionated). */ textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements) ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3) ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing) ========================================================================== */ /* * Remove the tapping delay on clickable elements (opinionated). * 1. Remove the tapping delay in IE 10. */ a, area, button, input, label, select, summary, textarea, [tabindex] { /* 1 */ touch-action: manipulation; } /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ARIA (https://w3c.github.io/html-aria/) ========================================================================== */ /** * Change the cursor on busy elements (opinionated). */ [aria-busy="true"] { cursor: progress; } /* * Change the cursor on control elements (opinionated). */ [aria-controls] { cursor: pointer; } /* * Change the display on visually hidden accessible elements (opinionated). */ [aria-hidden="false"][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); display: inherit; position: absolute; } /* * Change the cursor on disabled, not-editable, or otherwise * inoperable elements (opinionated). */ [aria-disabled] { cursor: default; } @charset "UTF-8"; /** THE ORDER OF STUFF // ITCSS ---------------------------------------------- See: https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528 ---------------------------------------------- Settings – used with preprocessors and contain font, colors definitions, etc. Tools – globally used mixins and functions. It’s important not to output any CSS in the first 2 layers. Generic – reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS. Elements – styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here. Objects – class-based selectors which define undecorated design patterns, for example media object known from OOCSS Components – specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components Utilities – utilities and helper classes with ability to override anything which goes before in the triangle, eg. hide helper class */ /* * FONTS */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */ @font-face { font-family: "Neue Helvetica W01_n4"; } @font-face { font-family: "Neue Helvetica W01"; } /* roboto-300 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: local(""), url("../fonts/roboto-v29-latin-300.woff2") format("woff2"), url("../fonts/roboto-v29-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-regular - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local(""), url("../fonts/roboto-v29-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v29-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local(""), url("../fonts/roboto-v29-latin-500.woff2") format("woff2"), url("../fonts/roboto-v29-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: local(""), url("../fonts/roboto-v29-latin-700.woff2") format("woff2"), url("../fonts/roboto-v29-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-900 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 900; src: local(""), url("../fonts/roboto-v29-latin-900.woff2") format("woff2"), url("../fonts/roboto-v29-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-300 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local(""), url("../fonts/open-sans-v28-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local(""), url("../fonts/open-sans-v28-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-500 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; src: local(""), url("../fonts/open-sans-v28-latin-500.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local(""), url("../fonts/open-sans-v28-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local(""), url("../fonts/open-sans-v28-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: local(""), url("../fonts/open-sans-v28-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v28-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 10px; line-height: 2.4; } body { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } img, svg { max-width: 100%; height: auto; vertical-align: middle; } body:after { display: none; content: "ultrawide"; } @media (min-width: 20em) and (max-width: 34.365em) { body:after { content: "mobile"; } } @media (min-width: 34.375em) and (max-width: 46.24em) { body:after { content: "phablet"; } } @media (min-width: 46.25em) and (max-width: 61.24em) { body:after { content: "tablet"; } } @media (min-width: 61.25em) and (max-width: 81.24em) { body:after { content: "desktop"; } } @media (min-width: 81.25em) and (max-width: 119.99em) { body:after { content: "wide"; } } .text { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 1.3333333333rem; line-height: 2rem; color: #000; } .text--strike { text-decoration: line-through; } .text--small { font-size: 1rem; } body { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 1.3333333333rem; line-height: 2rem; color: #000; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 400; } .alpha { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; letter-spacing: 0.19em; color: #772B4C; margin-bottom: 10px; text-transform: uppercase; } .beta { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 36px; line-height: 125%; letter-spacing: -0.015em; color: #3B4754; margin-bottom: 33px; } @media (max-width: 46.24em) { .beta { font-size: 30px; } } .gamma { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-weight: 700; font-size: 12px; line-height: 110%; letter-spacing: 0.6em; color: #772B4C; margin-bottom: 18px; text-transform: uppercase; } .delta { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; color: #772B4C; margin-bottom: 18px; font-weight: 400; font-size: 36px; line-height: 125%; letter-spacing: -0.015em; } .epsilon { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; color: #000; margin-bottom: 18px; font-weight: 400; font-size: 28px; line-height: 35px; } .zeta { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; color: #000; margin-bottom: 18px; font-weight: 600; font-size: 20px; line-height: 26px; } p { margin-top: 0; margin-bottom: 30px; } .button { text-decoration: none; cursor: pointer; text-align: center; border: none; } .button[disabled] { cursor: not-allowed; opacity: 0.5; } .no-border-button { font-family: "Neue Helvetica W01", "helvetica neue bold condensed", Helvetica, Arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 2rem; line-height: 4rem; padding: 0 1rem; background-color: transparent; display: inline-block; color: #000; border: none; transition: box-shadow 150ms ease-in-out; } .text-button { text-decoration: none; font-size: 2rem; line-height: 4rem; padding: 0 1rem; background-color: transparent; display: inline-block; color: #000; } .text-button:hover { text-decoration: underline; } .small-button { text-decoration: none; cursor: pointer; display: inline-block; color: #000; line-height: 2rem; font-size: 1.3333333333rem; text-align: center; border: none; padding: 0 1rem; } .content:not(:last-child) { margin-bottom: 1.5rem; } .content li + li { margin-top: 0.25em; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #000; line-height: 1.125; } .content h1 { font-size: 2em; margin-bottom: 0.5em; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 36px; line-height: 125%; letter-spacing: -0.015em; color: #3B4754; margin-bottom: 33px; } @media (max-width: 46.24em) { .content h2 { font-size: 30px; } } .content h2:not(:first-child) { margin-top: 2rem; } .content h3 { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-weight: 700; font-size: 12px; line-height: 110%; letter-spacing: 0.6em; color: #772B4C; margin-bottom: 18px; text-transform: uppercase; margin-bottom: 2rem; } .content h3:not(:first-child) { margin-top: 2rem; } .content h4 { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; color: #772B4C; margin-bottom: 18px; font-weight: 400; font-size: 36px; line-height: 125%; letter-spacing: -0.015em; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .content h6 { font-size: 1em; margin-bottom: 1em; } .content blockquote { border-left: 5px solid; padding: 1.25em 1.5em; } .content ol { list-style: decimal outside; margin-left: 2em; margin-top: 1em; } .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { text-align: center; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 70%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: #000; text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: #000; } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #000; } .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } blockquote { font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; color: #3B4754; font-style: italic; } input, textarea, select, button { font-family: inherit; outline-offset: -1px; } input:focus, textarea:focus, select:focus, button:focus { outline-offset: -2px; outline-width: 2px; outline-color: #000; } input.has-error, textarea.has-error, select.has-error, button.has-error { outline-offset: -2px; outline-width: 2px; } button { cursor: pointer; } .form__fieldgroup { display: block; margin-bottom: 2rem; } .form__label { font-size: 14px; display: block; } .form__input { line-height: 4rem; height: 4rem; width: 100%; padding: 0 1rem; outline: 1px solid; border: 0; } a { color: inherit; } a.link--text { text-decoration: none; } a.link--text:hover, a.link--text:active, a.link--text:focus { text-decoration: underline; } .list--no-style { list-style: none; } .list--no-style li { list-style: none; } li { list-style-position: inside; } .icon { width: 4rem; height: 4rem; display: inline-block; vertical-align: middle; } .icon svg { max-width: 100%; height: auto; display: block; } .icon.is-rounded { border-radius: 50%; } .icon.is-big { width: 6rem; height: 6rem; } .icon.is-big svg { width: 100%; } .icon.is-medium { width: 3rem; height: 3rem; } .icon.is-small { width: 2rem; height: 2rem; } .icon--warning { vertical-align: top; } .table-wrapper { position: relative; width: 100%; } .table-wrapper__inner { overflow: auto; width: 100%; } .content table { width: 100%; } .content table.is-header-position--2 th, .content table.is-header-position--2 td { text-align: left; } .content table.is-header-position--2 th { white-space: nowrap; } .content table.is-header-position--2 td { min-width: 10rem; } .content table.is-header-position--2 td:last-child { width: 99%; } .content table.has-overflow-left:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 2rem; background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40000000", endColorstr="#00000000", GradientType=1); /* IE6-9 */ } .content table.has-overflow-right:after { content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 2rem; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#40000000", GradientType=1); /* IE6-9 */ } .table__legend { font-weight: normal; } .delete { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete:before, .delete:after { content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete:before { height: 2px; width: 50%; } .delete:after { height: 50%; width: 2px; } .delete:hover, .delete:focus { background-color: rgba(0, 0, 0, 0.3); } .delete:active { background-color: rgba(0, 0, 0, 0.4); } .delete.is-small { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .delete.is-medium { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .delete.is-large { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } /*-----------------------------------*\ $TOAST-GRID An insane grid. You'd be mad to use it. Usage ===== Assuming default values:
A half-width column.
A quarter, pulled left by its own width. You get this, right?
Customisation ============= $toast-grid-namespace and $toast-grid-column-namespace adjusts the class names for the grid. With default values, grid wrappers have a class of '.grid' and columns '.grid__col'. $toast-col-groups(n) adjusts column divisions. For example, $toast-col-groups(12) will produce a 12-column grid. $col-groups(3,6,8) will produce a 3-, 6-, and 8-column grid. $toast-gutter-width is—you guessed it—the gutter width. Accepts any unit. That's it. Have fun. \*-----------------------------------*/ .grid { list-style: none; margin-left: -2rem; } @media (max-width: 46.24em) { .grid { margin-left: -1rem; } } .grid__col--12-of-12, .grid__col--8-of-8, .grid__col--6-of-6, .grid__col--5-of-5, .grid__col--4-of-4, .grid__col--3-of-3, .grid__col--2-of-2, .grid__col--1-of-1 { width: 100%; } .grid__col--6-of-12, .grid__col--4-of-8, .grid__col--3-of-6, .grid__col--2-of-4, .grid__col--1-of-2 { width: 50%; } .grid__col--4-of-12, .grid__col--2-of-6, .grid__col--1-of-3 { width: 33.3333333333%; } .grid__col--8-of-12, .grid__col--4-of-6, .grid__col--2-of-3 { width: 66.6666666667%; } .grid__col--3-of-12, .grid__col--2-of-8, .grid__col--1-of-4 { width: 25%; } .grid__col--9-of-12, .grid__col--6-of-8, .grid__col--3-of-4 { width: 75%; } .grid__col--push-12-of-12, .grid__col--push-8-of-8, .grid__col--push-6-of-6, .grid__col--push-5-of-5, .grid__col--push-4-of-4, .grid__col--push-3-of-3, .grid__col--push-2-of-2, .grid__col--push-1-of-1 { margin-left: 100%; } .grid__col--push-6-of-12, .grid__col--push-4-of-8, .grid__col--push-3-of-6, .grid__col--push-2-of-4, .grid__col--push-1-of-2 { margin-left: 50%; } .grid__col--push-4-of-12, .grid__col--push-2-of-6, .grid__col--push-1-of-3 { margin-left: 33.3333333333%; } .grid__col--push-8-of-12, .grid__col--push-4-of-6, .grid__col--push-2-of-3 { margin-left: 66.6666666667%; } .grid__col--push-3-of-12, .grid__col--push-2-of-8, .grid__col--push-1-of-4 { margin-left: 25%; } .grid__col--push-9-of-12, .grid__col--push-6-of-8, .grid__col--push-3-of-4 { margin-left: 75%; } .grid__col--pull-12-of-12, .grid__col--pull-8-of-8, .grid__col--pull-6-of-6, .grid__col--pull-5-of-5, .grid__col--pull-4-of-4, .grid__col--pull-3-of-3, .grid__col--pull-2-of-2, .grid__col--pull-1-of-1 { margin-left: -100%; } .grid__col--pull-6-of-12, .grid__col--pull-4-of-8, .grid__col--pull-3-of-6, .grid__col--pull-2-of-4, .grid__col--pull-1-of-2 { margin-left: -50%; } .grid__col--pull-4-of-12, .grid__col--pull-2-of-6, .grid__col--pull-1-of-3 { margin-left: -33.3333333333%; } .grid__col--pull-8-of-12, .grid__col--pull-4-of-6, .grid__col--pull-2-of-3 { margin-left: -66.6666666667%; } .grid__col--pull-3-of-12, .grid__col--pull-2-of-8, .grid__col--pull-1-of-4 { margin-left: -25%; } .grid__col--pull-9-of-12, .grid__col--pull-6-of-8, .grid__col--pull-3-of-4 { margin-left: -75%; } .grid__col--1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-1 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-2 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-3 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-1-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-4 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-5 { /* stylelint-disable */ width: 20%; /* stylelint-enable */ } .grid__col--push-1-of-5 { /* stylelint-disable */ margin-left: 20%; /* stylelint-enable */ } .grid__col--pull-1-of-5 { /* stylelint-disable */ margin-left: -20%; /* stylelint-enable */ } .grid__col--2-of-5 { /* stylelint-disable */ width: 40%; /* stylelint-enable */ } .grid__col--push-2-of-5 { /* stylelint-disable */ margin-left: 40%; /* stylelint-enable */ } .grid__col--pull-2-of-5 { /* stylelint-disable */ margin-left: -40%; /* stylelint-enable */ } .grid__col--3-of-5 { /* stylelint-disable */ width: 60%; /* stylelint-enable */ } .grid__col--push-3-of-5 { /* stylelint-disable */ margin-left: 60%; /* stylelint-enable */ } .grid__col--pull-3-of-5 { /* stylelint-disable */ margin-left: -60%; /* stylelint-enable */ } .grid__col--4-of-5 { /* stylelint-disable */ width: 80%; /* stylelint-enable */ } .grid__col--push-4-of-5 { /* stylelint-disable */ margin-left: 80%; /* stylelint-enable */ } .grid__col--pull-4-of-5 { /* stylelint-disable */ margin-left: -80%; /* stylelint-enable */ } .grid__col--5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-5-of-5 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-6 { /* stylelint-disable */ width: 16.6666666667%; /* stylelint-enable */ } .grid__col--push-1-of-6 { /* stylelint-disable */ margin-left: 16.6666666667%; /* stylelint-enable */ } .grid__col--pull-1-of-6 { /* stylelint-disable */ margin-left: -16.6666666667%; /* stylelint-enable */ } .grid__col--2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-6 { /* stylelint-disable */ width: 83.3333333333%; /* stylelint-enable */ } .grid__col--push-5-of-6 { /* stylelint-disable */ margin-left: 83.3333333333%; /* stylelint-enable */ } .grid__col--pull-5-of-6 { /* stylelint-disable */ margin-left: -83.3333333333%; /* stylelint-enable */ } .grid__col--6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-6 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-8 { /* stylelint-disable */ width: 12.5%; /* stylelint-enable */ } .grid__col--push-1-of-8 { /* stylelint-disable */ margin-left: 12.5%; /* stylelint-enable */ } .grid__col--pull-1-of-8 { /* stylelint-disable */ margin-left: -12.5%; /* stylelint-enable */ } .grid__col--2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-2-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--3-of-8 { /* stylelint-disable */ width: 37.5%; /* stylelint-enable */ } .grid__col--push-3-of-8 { /* stylelint-disable */ margin-left: 37.5%; /* stylelint-enable */ } .grid__col--pull-3-of-8 { /* stylelint-disable */ margin-left: -37.5%; /* stylelint-enable */ } .grid__col--4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-8 { /* stylelint-disable */ width: 62.5%; /* stylelint-enable */ } .grid__col--push-5-of-8 { /* stylelint-disable */ margin-left: 62.5%; /* stylelint-enable */ } .grid__col--pull-5-of-8 { /* stylelint-disable */ margin-left: -62.5%; /* stylelint-enable */ } .grid__col--6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--7-of-8 { /* stylelint-disable */ width: 87.5%; /* stylelint-enable */ } .grid__col--push-7-of-8 { /* stylelint-disable */ margin-left: 87.5%; /* stylelint-enable */ } .grid__col--pull-7-of-8 { /* stylelint-disable */ margin-left: -87.5%; /* stylelint-enable */ } .grid__col--8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-8-of-8 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--1-of-12 { /* stylelint-disable */ width: 8.3333333333%; /* stylelint-enable */ } .grid__col--push-1-of-12 { /* stylelint-disable */ margin-left: 8.3333333333%; /* stylelint-enable */ } .grid__col--pull-1-of-12 { /* stylelint-disable */ margin-left: -8.3333333333%; /* stylelint-enable */ } .grid__col--2-of-12 { /* stylelint-disable */ width: 16.6666666667%; /* stylelint-enable */ } .grid__col--push-2-of-12 { /* stylelint-disable */ margin-left: 16.6666666667%; /* stylelint-enable */ } .grid__col--pull-2-of-12 { /* stylelint-disable */ margin-left: -16.6666666667%; /* stylelint-enable */ } .grid__col--3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-3-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-4-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--5-of-12 { /* stylelint-disable */ width: 41.6666666667%; /* stylelint-enable */ } .grid__col--push-5-of-12 { /* stylelint-disable */ margin-left: 41.6666666667%; /* stylelint-enable */ } .grid__col--pull-5-of-12 { /* stylelint-disable */ margin-left: -41.6666666667%; /* stylelint-enable */ } .grid__col--6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-6-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--7-of-12 { /* stylelint-disable */ width: 58.3333333333%; /* stylelint-enable */ } .grid__col--push-7-of-12 { /* stylelint-disable */ margin-left: 58.3333333333%; /* stylelint-enable */ } .grid__col--pull-7-of-12 { /* stylelint-disable */ margin-left: -58.3333333333%; /* stylelint-enable */ } .grid__col--8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-8-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-9-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--10-of-12 { /* stylelint-disable */ width: 83.3333333333%; /* stylelint-enable */ } .grid__col--push-10-of-12 { /* stylelint-disable */ margin-left: 83.3333333333%; /* stylelint-enable */ } .grid__col--pull-10-of-12 { /* stylelint-disable */ margin-left: -83.3333333333%; /* stylelint-enable */ } .grid__col--11-of-12 { /* stylelint-disable */ width: 91.6666666667%; /* stylelint-enable */ } .grid__col--push-11-of-12 { /* stylelint-disable */ margin-left: 91.6666666667%; /* stylelint-enable */ } .grid__col--pull-11-of-12 { /* stylelint-disable */ margin-left: -91.6666666667%; /* stylelint-enable */ } .grid__col--12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--push-12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col--pull-12-of-12 { /* stylelint-disable */ /* stylelint-enable */ } .grid__col { box-sizing: border-box; display: inline-block; margin-right: -0.25em; min-height: 1px; padding-left: 2rem; vertical-align: top; } @media (max-width: 740px) { .grid__col { display: block; margin-left: 0; margin-right: 0; width: auto; margin-bottom: 2rem; padding-left: 1rem; } } @media (max-width: 550px) { .grid__col { padding-left: 1rem; } } @media (max-width: 740px) and (min-width: 550px) { .grid__col[class*=grid__col--m-] { display: inline-block; margin-right: -0.24em; } .grid__col.grid__col--m-1-of-2, .grid__col.grid__col--m-2-of-4 { width: 50%; } .grid__col.grid__col--m-1-of-3 { width: 33.3333333333%; } .grid__col.grid__col--m-2-of-3 { width: 66.6666666667%; } .grid__col.grid__col--m-1-of-4 { width: 25%; } .grid__col.grid__col--m-3-of-4 { width: 75%; } .grid__col.grid__col--m-1-of-6 { width: 16.6666666667%; } } @media (max-width: 550px) { .grid__col[class*=grid__col--s-] { display: inline-block; margin-right: -0.24em; } .grid__col.grid__col--s-1-of-2, .grid__col.grid__col--s-2-of-4 { width: 50%; } .grid__col.grid__col--s-1-of-3 { width: 33.3333333333%; } .grid__col.grid__col--s-2-of-3 { width: 66.6666666667%; } .grid__col.grid__col--s-1-of-4 { width: 25%; } .grid__col.grid__col--s-3-of-4 { width: 75%; } .grid__col.grid__col--s-1-of-6 { width: 16.6666666667%; } } .grid__col--centered { display: block; margin-left: auto; margin-right: auto; } .grid__col--d-first { float: left; } .grid__col--d-last { float: right; } .grid--no-gutter { margin-left: 0; width: 100%; } .grid--no-gutter .grid__col { padding-left: 0; } .grid--no-gutter .grid__col--span-all { margin-left: 0; width: 100%; } .grid__col--ab { vertical-align: bottom; } .grid__col--am { vertical-align: middle; } .wrap { margin: 0 auto; padding: 0 2rem; } @media (max-width: 46.24em) { .wrap { padding: 0 1rem; } } .grid { margin-bottom: 4rem; } .grid__col { position: relative; } .grid__col--overwidth.grid__col--overwidth { padding-left: 0; width: 100%; } .grid--demo [class*=-of-1] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.03); } .grid--demo [class*=-of-2] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.06); } .grid--demo [class*=-of-3] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.09); } .grid--demo [class*=-of-4] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.12); } .grid--demo [class*=-of-5] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.15); } .grid--demo [class*=-of-6] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.18); } .grid--demo [class*=-of-8] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.24); } .grid--demo [class*=-of-12] { min-height: 2rem; margin-bottom: 2rem; background-clip: content-box; background-color: rgba(123, 137, 148, 0.36); } .content-width { max-width: 1200px; margin: auto; } .outer-content-width { max-width: 994px; margin: auto; } .inner-content-width { max-width: calc(790px + 5rem); margin: auto; } .row { margin: 4rem 0; position: relative; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .column { margin-bottom: 2rem; } .col-12 { flex-basis: calc(100% - 2.5rem); } @media (max-width: 58.75em) { .col-12 { flex-basis: 100%; } } .col-6 { flex-basis: calc(50% - 2.5rem); } @media (max-width: 58.75em) { .col-6 { flex-basis: 100%; } } .col-4 { flex-basis: calc(33.3333333333% - 2.5rem); } @media (max-width: 58.75em) { .col-4 { flex-basis: 100%; } } .col-8 { flex-basis: calc(66.6666666667% - 2.5rem); } @media (max-width: 58.75em) { .col-8 { flex-basis: 100%; } } .header { border-bottom: 24px solid #772B4C; } @media (max-width: 58.74em) { .header { border-bottom: 8px solid #772B4C; } } .header-inner { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; height: 120px; display: flex; align-items: flex-end; justify-content: space-between; margin: auto; padding: 0 25px; } @media (max-width: 58.74em) { .header-inner { flex-direction: column; align-items: baseline; height: auto; padding: 16px 0 0 0; background: #772B4C; } } .hero { min-height: 40rem; width: 100%; border-bottom: 8px solid #772B4C; } @media (max-width: 58.74em) { .hero { min-height: auto; } } .hero .hero-image .image { -o-object-fit: cover; object-fit: cover; width: 100%; } .hero-holder { padding: 32px 0; } .hero-landing { max-width: 1200px; margin: auto; margin-top: 64px; margin-bottom: 60px; } .contact { margin-right: 10px; } .language-select { display: flex; gap: 12px; align-items: center; position: relative; color: #3B4754; } @media (min-width: 58.75em) { .language-select span { display: none; } } @media (max-width: 58.74em) { .language-select { position: absolute; top: 26px; right: 26px; color: #fff; } .language-select svg path { fill: #fff; } } .language-switch { text-decoration: none; font-weight: 400; color: #3B4754; } @media (max-width: 58.74em) { .language-switch { color: #fff; } } .contact-button { position: absolute; top: 27px; right: 96px; color: #fff; } .logo-holder { margin-bottom: 16px; } .logo-holder .logo { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 21px; line-height: 23px; letter-spacing: 0.19em; background: #772B4C; padding: 10px 24px; color: #fff; text-transform: uppercase; text-decoration: none; width: 230px; display: inline-block; } @media (max-width: 58.74em) { .logo-holder .logo { padding: 16px; } } .footer { background: #772B4C; padding: 43px 0; height: 115px; color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 15px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; } .navigation .menu { display: flex; justify-content: flex-end; } .navigation .menu .menu-item { margin: 0 1rem; } .navigation .menu .menu-item.current-menu-item a { color: deepskyblue; } .primary-nav { padding-bottom: 28px; background: #fff; } @media (max-width: 58.74em) { .primary-nav { padding: 16px; width: 100%; display: flex; } } .primary-nav .nav { list-style: none; display: flex; justify-content: flex-end; font-size: 15px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; align-items: center; } @media (max-width: 58.74em) { .primary-nav .nav { width: 100%; justify-content: start; flex-wrap: wrap; } } .primary-nav .nav-item:not(:last-child) { margin-right: 40px; } @media (max-width: 61.24em) { .primary-nav .nav-item:not(:last-child) { margin-right: 32px; } } @media (max-width: 61.24em) { .primary-nav .nav-item.contact { display: none; } } @media (max-width: 61.24em) { .primary-nav .nav-item.is-home { display: none; } } .primary-nav .nav-item.margin { margin-right: 32px; } @media (max-width: 61.24em) { .primary-nav .nav-item.margin { margin: 0; } } .primary-nav .nav-link { text-decoration: none; } .primary-nav .nav-link.is-active, .primary-nav .nav-link:hover { color: #772B4C; } #arrow-to-top { position: fixed; bottom: 2rem; right: 2rem; width: 40px; height: 40px; background: #D8DADB; border-radius: 50%; transition: opacity 200ms ease-in-out; cursor: pointer; z-index: 999; transform: rotate(90deg); color: pink; } #arrow-to-top:hover { border: 1px solid #772B4C; text-decoration: none; } @media (min-width: 34.375em) { #arrow-to-top { display: block; } } #arrow-to-top svg { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); } .notification { border-radius: 0; padding: 1rem 2rem 1rem 1rem; position: relative; } .notification:not(:last-child) { margin-bottom: 1.5rem; } .notification:last-child { margin-bottom: 2rem; } .notification a:not(.button) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification pre code { background: transparent; } .notification > .delete { position: absolute; right: 0.5em; top: 0.5em; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .notification.is-magenta { background-color: #772B4C; color: #fff; } .notification.is-light-grey { background-color: #F2F2F2; color: rgba(0, 0, 0, 0.7); } .notification.is-medium-grey { background-color: #E9EBEC; color: rgba(0, 0, 0, 0.7); } .notification.is-dark-grey { background-color: #D8DADB; color: rgba(0, 0, 0, 0.7); } .notification.is-grey { background-color: #3B4754; color: #fff; } .notification.is-white-50 { background-color: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.7); } .notification.is-text { background-color: #000; color: #fff; } .message { border-radius: 3px; font-size: 1.3333333333rem; } .message:not(:last-child) { margin-bottom: 1.5rem; } .message:last-child { margin-bottom: 4rem; } .message.is-small { font-size: 1rem; } .message.is-medium { font-size: 2rem; } .message.is-large { font-size: 3rem; } .message.is-magenta { background-color: #fcf8fa; } .message.is-magenta .message-header { background-color: #772B4C; color: #fff; } .message.is-magenta .message-body { border-color: #772B4C; color: #5d243d; } .message.is-light-grey { background-color: #fafafa; } .message.is-light-grey .message-header { background-color: #F2F2F2; color: rgba(0, 0, 0, 0.7); } .message.is-light-grey .message-body { border-color: #F2F2F2; color: #505050; } .message.is-medium-grey { background-color: #fafafa; } .message.is-medium-grey .message-header { background-color: #E9EBEC; color: rgba(0, 0, 0, 0.7); } .message.is-medium-grey .message-body { border-color: #E9EBEC; color: #525252; } .message.is-dark-grey { background-color: #fafafa; } .message.is-dark-grey .message-header { background-color: #D8DADB; color: rgba(0, 0, 0, 0.7); } .message.is-dark-grey .message-body { border-color: #D8DADB; color: #555555; } .message.is-grey { background-color: #f9fafb; } .message.is-grey .message-header { background-color: #3B4754; color: #fff; } .message.is-grey .message-body { border-color: #3B4754; color: #2e363e; } .message.is-white-50 { background-color: rgba(255, 255, 255, 0.5); } .message.is-white-50 .message-header { background-color: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.7); } .message.is-white-50 .message-body { border-color: rgba(255, 255, 255, 0.5); color: rgba(77, 77, 77, 0.5); } .message.is-text { background-color: #fafafa; } .message.is-text .message-header { background-color: #000; color: #fff; } .message.is-text .message-body { border-color: #000; color: black; } .message-header { background-color: #000; border-radius: 3px 3px 0 0; color: #fff; line-height: 2rem; padding: 0.5em 0.75em; position: relative; } .message-header a:not(.button), .message-header strong { color: currentColor; } .message-header a:not(.button) { text-decoration: underline; } .message-header .delete { position: absolute; right: 0.75em; top: 0.7em; } .message-header + .message-body { border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; } .message-body { border: 1px solid; border-radius: 3px; color: #000; padding: 1em 1.25em; } .message-body a:not(.button), .message-body strong { color: currentColor; } .message-body a:not(.button) { text-decoration: underline; } .message-body pre code { background-color: transparent; } .textpic.textpic--image-above--center .textpic__imagewrap { text-align: center; } .textpic.textpic--image-above--right .textpic__imagewrap { text-align: right; } .textpic.textpic--image-above--left .textpic__imagewrap { text-align: left; } .textpic.textpic--image-below--center .textpic__imagewrap { text-align: center; } .textpic.textpic--image-below--right .textpic__imagewrap { text-align: right; } .textpic.textpic--image-below--left .textpic__imagewrap { text-align: left; } .textpic.textpic--image-in-text--right .textpic__imagewrap { float: right; margin-left: 2rem; } .textpic.textpic--image-in-text--left .textpic__imagewrap { float: left; margin-right: 2rem; } .gallery { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 1rem; } .gallery-wrap { width: 100%; position: relative; } #map-section.mosaic { padding-bottom: 20px; } .map { position: relative; height: 0; padding-bottom: 0; min-height: 700px; width: 100%; } @media (max-width: 58.74em) { .map { min-height: 400px; } } .map-container--embed .map { width: 100%; left: 0; } .map-container { position: relative; padding: 0; width: 100%; display: block; } .map-container.no-map-list .map { width: 100%; left: 0; } .maplist-image { display: block; float: left; max-width: 128px; } .maplist-content { padding: 15px 30px; line-height: 1.2; display: flex; flex-direction: column; justify-content: center; } .maplist-title { font-size: 15px; margin-bottom: 5px; color: #000; } .maplist-text { font-size: 17px; margin: 0; color: #dbdbdb; } .mapboxgl-popup { line-height: 1.6; color: #000; margin: 0; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } .mapboxgl-popup .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { border: 2px solid #dbdbdb; box-shadow: none; width: 100%; max-width: 600px; padding: 16px; } .mapboxgl-popup-content:after, .mapboxgl-popup-content:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .mapboxgl-popup-content .popup-headline { margin: 0; display: block; font-size: 30px; margin-bottom: 18px; margin-right: 48px; } .mapboxgl-popup-content .popup-content { margin: 0; padding: 0; display: block; font-size: 14px; } .mapboxgl-popup-content .popup-content.content { font-weight: 500; } .mapboxgl-popup-content .popup-content p { margin-bottom: 5px; } .mapboxgl-popup-anchor-top .mapboxgl-popup-content:after, .mapboxgl-popup-anchor-top .mapboxgl-popup-content:before { bottom: 100%; left: 50%; transform: translateX(-50%); } .mapboxgl-popup-anchor-top .mapboxgl-popup-content:before { border-color: rgba(219, 219, 219, 0); border-bottom-color: #dbdbdb; border-width: 18px; margin-top: -18px; } .mapboxgl-popup-anchor-top .mapboxgl-popup-content:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #fff; border-width: 17px; margin-top: -15px; } .mapboxgl-popup-anchor-right { padding-right: 10px; } .mapboxgl-popup-anchor-right .mapboxgl-popup-content:after, .mapboxgl-popup-anchor-right .mapboxgl-popup-content:before { top: 50%; left: 100%; } .mapboxgl-popup-anchor-right .mapboxgl-popup-content:before { border-color: rgba(219, 219, 219, 0); border-left-color: #dbdbdb; border-width: 18px; margin-top: -18px; } .mapboxgl-popup-anchor-right .mapboxgl-popup-content:after { border-color: rgba(0, 0, 0, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px; } .mapboxgl-popup-anchor-bottom { padding-bottom: 32px; } .mapboxgl-popup-anchor-bottom .mapboxgl-popup-content:after, .mapboxgl-popup-anchor-bottom .mapboxgl-popup-content:before { top: 100%; left: 50%; } .mapboxgl-popup-anchor-bottom .mapboxgl-popup-content:before { border-color: rgba(219, 219, 219, 0); border-top-color: #dbdbdb; border-width: 18px; margin-left: -18px; } .mapboxgl-popup-anchor-bottom .mapboxgl-popup-content:after { border-color: rgba(0, 0, 0, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } .mapboxgl-popup-anchor-left { padding-left: 10px; } .mapboxgl-popup-anchor-left .mapboxgl-popup-content:after, .mapboxgl-popup-anchor-left .mapboxgl-popup-content:before { right: 100%; top: 50%; } .mapboxgl-popup-anchor-left .mapboxgl-popup-content:before { border-color: rgba(219, 219, 219, 0); border-right-color: #dbdbdb; border-width: 18px; margin-top: -18px; } .mapboxgl-popup-anchor-left .mapboxgl-popup-content:after { border-color: rgba(219, 219, 219, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } .mapboxgl-popup-close-button { background-image: url("../img/close.svg"); background-color: transparent; background-repeat: no-repeat; background-position: center; border-radius: 0; top: 0; right: 16px; color: #000; font-size: 32px; } .mapboxgl-popup-close-button:hover { background: transparent; color: #772B4C; } .mapboxgl-container .leaflet-marker-icon { cursor: pointer; } .mapboxgl-popup-anchor-top > .mapboxgl-popup-content { margin-top: 48px; } .mapboxgl-marker:not(.mapboxgl-user-location-dot) { background-image: url("/assets/img/markers/pins/pin-red.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 32px; height: 32px; cursor: pointer; } .mapboxgl-marker:not(.mapboxgl-user-location-dot) .icon { display: none; fill: #a51637; } .map-container[data-zoom-factor="1"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="2"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="3"] .mapboxgl-marker:not(.mapboxgl-user-location-dot) { width: 16px; } .map-container[data-zoom-factor="4"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="5"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="6"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="7"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="8"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="9"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="10"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="11"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="12"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="13"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="14"] .mapboxgl-marker:not(.mapboxgl-user-location-dot), .map-container[data-zoom-factor="15"] .mapboxgl-marker:not(.mapboxgl-user-location-dot) { width: 32px; } .mapboxgl-marker.marker-icon-1 { background-image: url("./../pins/amblem.svg"); } .mapboxgl-marker.marker-icon-2 { background-image: url("./../pins/amblem.svg"); } .mapboxgl-marker.marker-icon-3 { background-image: url("./../pins/amblem.svg"); } .mapboxgl-marker.marker-icon-4 { background-image: url("./../pins/amblem.svg"); } .mapboxgl-marker.marker-icon-5 { background-image: url("./../pins/amblem.svg"); } .mapboxgl-marker.marker-icon-6 { background-image: url("./../pins/amblem.svg"); } .popup-content .people { display: flex; flex-wrap: wrap; } .popup-content .people .person { text-decoration: none; padding: 6px 8px; background: #772B4C; color: #fff; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; } .popup-content .people .person:focus-visible { outline: none; } .popup-content .popup-description { margin-bottom: 10px; } .block { margin-bottom: 4rem; } .block:last-child { margin-bottom: 130px; } .block-type-image-fw { margin-bottom: clamp(1rem, 50vw, 1.75rem); } .block-type-title { margin-bottom: 0; } .block-type-text { line-height: clamp(2rem, 2.5vw, 28.8px); font-size: clamp(1rem, 2.5vw, 2rem); } .block-type-text em { font-weight: 400; color: #3B4754; } .block-type-text small { font-size: 16px; } .block-type-button { color: #fff; background: #fff; padding: 20px; border-radius: 30px; border: none; box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); text-align: center; margin: 2rem auto; } @media (max-width: 34.365em) { .block-type-button { margin: 0; width: 100%; } } .text-image { display: flex; gap: 2rem; } .text-image.left { flex-direction: row; } @media (max-width: 58.74em) { .text-image.left { flex-direction: column; } } .text-image.right { flex-direction: row-reverse; } @media (max-width: 58.74em) { .text-image.right { flex-direction: column-reverse; } } .text-image .text, .text-image .image { width: 50%; flex-basis: 50%; } @media (max-width: 58.74em) { .text-image .text, .text-image .image { width: 100%; flex-basis: 100%; } } .text-image .text-inner { font-weight: 400; font-size: 18px; line-height: 28.8px; } #page { margin-bottom: 230px; } .overlay { position: fixed; bottom: 0; left: 0; width: 100%; /*background-color: #fff;*/ background: #fafafa; box-shadow: 0 0 10px 1px #acacac; } .overlay .overlay-container { width: 100%; margin: 2em auto 2em; max-width: 1000px; text-align: center; } .overlay .button { padding: 0.5em; background-color: #247984; color: #fafafa; font-weight: bold; } .intro { max-width: 994px; margin: auto; position: relative; border-top: 8px solid #772B4C; background: #fff; margin: auto; top: -100px; padding: clamp(2em, 5vw, 5em); } @media (max-width: 58.74em) { .intro { top: 0; border-top: none; } } .intro-text { line-height: 28.8px; font-size: 18px; } @media (max-width: 46.24em) { .intro-text { line-height: 26.8px; font-size: 16px; } } .notice { max-width: calc(790px + 5rem); margin: auto; position: relative; margin: auto auto 95px; } @media (max-width: 58.74em) { .notice { margin-bottom: 50px; } } .notice-text { border-left: 8px solid #772B4C; background: #F2F2F2; padding: 42px 48px 60px 48px; } @media (max-width: 58.74em) { .notice-text { border-left: 4px solid #772B4C; padding: 24px 16px; } } .notice-text p { margin-bottom: 15px; } @media (max-width: 58.74em) { .notice-text p { font-size: 14px; line-height: 22.4px; } } .notice-text a { color: #772B4C; text-decoration: underline; } @media (max-width: 58.74em) { .notice-text a { font-size: 16px; } } .notice-text h1, .notice-text h2, .notice-text h3, .notice-text h4 { margin-bottom: 15px; font-weight: 400; font-size: 28px; line-height: 125%; } .notice-text-image { display: flex; } .notice-text-image p { margin-bottom: 15px; } .notice-text-image a { color: #772B4C; text-decoration: underline; } .notice-text-image .notice-text--text { background: #F2F2F2; padding: 42px 48px 42px 48px; } @media (max-width: 58.74em) { .notice-text-image .notice-text--text { padding: 24px 16px; } .notice-text-image .notice-text--text p { margin-bottom: 0; } } .notice-text-image .notice-image { width: 272px; height: 172px; background: #E9EBEC; -o-object-fit: cover; object-fit: cover; } .biography { padding-top: 42px; } .biography-gallery { margin-top: 52px; } .biography-gallery .image-cols { display: flex; gap: 28px; } @media (max-width: 34.365em) { .biography-gallery .image-cols { flex-direction: column; gap: 16px; } } .biography-gallery .image-cols .image { width: 50%; height: 195px; position: relative; display: flex; } @media (max-width: 34.365em) { .biography-gallery .image-cols .image { width: 100%; } } .biography-gallery .image-cols img { width: 100%; -o-object-fit: cover; object-fit: cover; } .biography-gallery .image-fw { display: flex; flex-direction: column; gap: 21px; } .person-data { max-width: calc(790px + 5rem); margin: auto; position: relative; display: flex; gap: 32px; align-items: flex-end; margin-bottom: 50px; } @media (max-width: 46.24em) { .person-data { flex-direction: column; align-items: center; } } .person-image { width: 276px; height: 321px; margin: 0; } .person-image figcaption { color: #3B4754; font-size: 12px; } .lightbox-link { cursor: pointer; } .person-name { font-weight: 400; font-size: 36px; line-height: 125%; letter-spacing: -0.015em; color: #772B4C; margin-bottom: 57px; } .person-dates-inner { font-size: 18px; } .person-dates-inner:not(:last-child) { margin-bottom: 32px; } .person-dates-inner strong { display: inline-block; padding-bottom: 10px; } .person-info { max-width: calc(790px + 5rem); margin: auto; } .person-info .info { margin-bottom: 25px; } .person-info .info.mt { margin: 57px 0; } .person-info .notice-text--text { font-size: 16px; } .person-info .notice-text { padding: 42px 48px 42px 48px; font-size: 16px; } .person-info .notice-text audio { width: 100%; } @media (max-width: 58.74em) { .person-info .notice-text { padding: 24px 16px; } .person-info .notice-text p { margin-bottom: 0; } } .person-text-image { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; gap: 102px; } @media (max-width: 58.74em) { .person-text-image { flex-direction: column; gap: 0; } } .person-text--image { flex-basis: 379px; } .person-text--image .image { width: 379px; height: 355px; -o-object-fit: cover; object-fit: cover; } .person-text--text { flex-basis: 719px; line-height: 26px; margin-bottom: 52px; } .person-text--text .headline { font-size: 22px; line-height: 33px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 33px; } .person-text--text p, .person-text--text ul { margin-bottom: 20px; font-weight: 400; font-size: 17px; } .person-text--text a { color: #772B4C; text-decoration: underline; } .person-text--text strong { font-weight: 600; } .person-text--text h1, .person-text--text h2, .person-text--text h3, .person-text--text h4, .person-text--text h5, .person-text--text h6 { font-weight: 600; margin-bottom: 20px; } .person-text--text blockquote { line-height: 160%; } .person-relatives { max-width: 1200px; margin: auto; } .teaser { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; position: relative; width: 100%; background: #fff; margin-bottom: 8px; list-style: none; } .teaser.new .teaser-holder { border-left: 8px solid #772B4C; } .teaser:hover .full-name { text-decoration: underline; } figure { margin: 0 1em 1em 0; display: table; } figure.float { float: left; max-width: 50%; } @media (max-width: 34.365em) { figure.float { max-width: 100%; margin: 0; } } figcaption { color: #3B4754; font-size: 12px; display: table-caption; caption-side: bottom; margin-top: 5px; line-height: 18px; } .teaser-holder { padding: 20px; border-left: 8px solid transparent; display: flex; gap: 32px; text-decoration: none; width: 100%; } .teaser-holder .team-text { background: none; padding: 0; border: none; } .teaser-holder .team-position { margin-bottom: 16px; display: inline-block; } @media (max-width: 58.74em) { .teaser-holder { flex-direction: column; } } .teaser-info { display: flex; justify-content: flex-start; } @media (max-width: 46.24em) { .teaser-info { flex-direction: column; } } .teaser-data { flex-basis: 100%; } .teaser-data .full-name, .teaser-data .street-name { font-size: 20px; line-height: 23px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px; display: inline-block; text-decoration: none; } .teaser-data .full-name a, .teaser-data .street-name a { text-decoration: none; } .teaser-data .full-name .name, .teaser-data .street-name .name { background: none; border: none; } .teaser-data .full-name .team-position, .teaser-data .street-name .team-position { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; } .teaser-data .dates { display: flex; gap: 10px; flex-basis: 33.3333333333%; } @media (max-width: 58.74em) { .teaser-data .dates { margin-bottom: 32px; } } .teaser-data .dates-inner { font-size: 16px; line-height: 19px; flex-basis: 50%; display: flex; flex-direction: column; } .teaser-data .dates-inner strong { color: #3B4754; font-weight: 500; margin-bottom: 7px; display: inline-block; } .teaser-data .dates-inner span { font-weight: 400; } .teaser-data .people { display: flex; flex-wrap: wrap; } .teaser-data .people .person { text-decoration: none; padding: 6px 8px; background: #772B4C; color: #fff; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; } .teaser-image { width: 96px; height: 96px; } .teaser-image .image { width: 100%; height: 100%; background: #E9EBEC; -o-object-fit: cover; object-fit: cover; display: inline-block; } .teaser-image .icon-holder { cursor: pointer; } .last-residency { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; flex-basis: 33.33%; display: flex; flex-direction: column; } .last-residency strong { color: #3B4754; font-weight: 500; font-size: 16px; display: inline-block; } .last-residency a { color: #772B4C; font-weight: 400; font-size: 16px; line-height: 110%; text-decoration: none; } .last-residency .head { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; } .person-tags { display: flex; gap: 40px; flex-basis: 33.3333333333%; flex-wrap: wrap; position: absolute; bottom: 0; right: 0; transform: translate(-20px, -30px); } @media (max-width: 58.74em) { .person-tags { position: relative; transform: none; margin-bottom: 40px; } } .person-tags .tag { width: 60px; height: 60px; display: flex; align-items: center; align-content: center; justify-content: center; } .person-tags .tag-label { position: absolute; bottom: -12px; font-size: 12px; color: #772B4C; line-height: 13.2px; } .person-tags svg { width: 100%; height: 100%; } .footnote a { text-decoration: none; font-weight: bold; } .footnotes-section { max-width: 1200px; margin: auto; } ol.footnotes-list { counter-reset: myOrderedListItemsCounter; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; } @media (max-width: 58.74em) { ol.footnotes-list { -webkit-column-count: 1; column-count: 1; } } ol.footnotes-list li { list-style-position: outside; list-style-type: none; position: relative; margin-bottom: 10px; } ol.footnotes-list li a { color: #772B4C; } ol.footnotes-list li:before { counter-increment: myOrderedListItemsCounter; content: counter(myOrderedListItemsCounter); font-size: 10px; position: relative; top: -0.5em; } ol.footnotes-list li { position: relative; } ol.footnotes-list li:before { color: #772B4C; font-weight: bold; } .footnotereverse { color: #772B4C; font-weight: 600; } .source-item { max-width: 1200px; margin: auto; padding-bottom: 30px; } @media (max-width: 58.74em) { .source-item p { margin: 0; } } .sources { max-width: 1200px; margin: auto; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; margin-bottom: 32px; } @media (max-width: 58.74em) { .sources { -webkit-column-count: 1; column-count: 1; } } .sources p { margin-bottom: 16px; } .sources-head { font-weight: 700; font-size: 15px; line-height: 160%; padding-bottom: 15px; } .back { max-width: calc(790px + 5rem); margin: auto; color: #772B4C; text-decoration: underline; font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-size: 15px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 23px; display: flex; gap: 10px; align-items: center; } .back-link { text-decoration: none; background: none; border: none; } .divider { border-top: 1px solid #3B4754; } .content-section { position: relative; border-top: 1px solid #772B4C; background: #fff; padding: 96px 0; } @media (max-width: 58.74em) { .content-section { padding-bottom: 40px; } } .content-section.bg-grey { background: #F2F2F2; } .content-section.pb0 { padding-bottom: 0; } .section-title { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; background: #fff; font-size: 18px; line-height: 23px; display: flex; align-items: center; letter-spacing: 0.19em; text-transform: uppercase; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); padding: 8px 24px; } .columns { width: 100%; display: flex; justify-content: space-between; gap: 1rem; } @media (max-width: 58.74em) { .columns { flex-direction: column; } } .columns .column { flex-basis: 50%; } .columns .column .image { width: 100%; } .columns.cw { max-width: 1200px; margin: auto; } .hiddenStyle { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .mb0 { margin-bottom: 0 !important; /* stylelint-disable-line */ } .team { max-width: 994px; margin: auto; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 500; position: relative; margin: auto auto; display: flex; gap: 32px; flex-wrap: wrap; } @media (max-width: 34.365em) { .team { flex-direction: column; gap: 16px; } } .team-inner { width: calc(50% - 16px); } @media (max-width: 34.365em) { .team-inner { width: 100%; } } .team-text { border-left: 14px solid #772B4C; background: #F2F2F2; padding: 24px 40px; } .team-text p { margin-bottom: 15px; } .team-text a { color: #772B4C; text-decoration: underline; } .team-name { color: #772B4C; font-weight: 700; font-size: 18px; line-height: 28.8px; } .team-position { color: #3B4754; font-weight: 400; font-size: 16px; line-height: 25.6px; } .team-email { margin-top: 25px; } .team-email strong { font-weight: 600; font-size: 18px; line-height: 28.8px; } .team-email .link { text-decoration: none; } .tabs ul { border-bottom: none; } .inner-tabs { margin-bottom: 55px; } .tabs-container { background: #D8DADB; } .tabs-list { max-width: 1200px; margin: auto; margin: auto; padding-top: 2rem; list-style: none; display: flex; flex-flow: row wrap; gap: 15px; } @media (max-width: 46.24em) { .tabs-list { gap: 5px; justify-content: space-between; } } .tabs-list-item { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; cursor: pointer; border-radius: 10px 10px 0 0; background: #E9EBEC; color: #3B4754; padding: 23px 43px; font-weight: 500; font-size: 18px; line-height: 21px; letter-spacing: 0.1em; text-transform: uppercase; } @media (max-width: 46.24em) { .tabs-list-item { flex-basis: calc(50% - 5px); width: calc(50% - 5px); display: flex; justify-content: center; } } .tabs-list-item.is-active, .tabs-list-item:hover { background: #F2F2F2; color: #772B4C; } .tabs-list-item.is-active .tabs-list-link, .tabs-list-item:hover .tabs-list-link { color: #fff; } .tabs-list-item.is-active { cursor: default; } .tabs-list-item.is-active .tabs-list-link { color: #fff; } .tabs-list-link { color: #000; transition: color 200ms; } .tabs-list-link:hover { text-decoration: none; color: #fff; } .tabs-content { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100%; } .tabs-content-item { width: 100%; } .tabs-content-title { font-weight: 400; line-height: 1.2; color: #fff; font-size: 35px; letter-spacing: 1.4px; margin-bottom: 20px; } .tabs-content-text { font-weight: 300; line-height: 1.35; font-size: 18px; margin-bottom: 25px; width: 100%; } .tabs-map { height: 700px; background: #3B4754; margin-top: 12px; } .tabs-search { display: flex; justify-content: center; padding-top: 57px; padding-bottom: 41px; background: #F2F2F2; } .tabs-filtergroups-outer { border-bottom: 2px solid #fff; padding: 2rem 70px 24px 70px; background: #E9EBEC; } @media (max-width: 58.74em) { .tabs-filtergroups-outer { padding: 2rem 5px 24px 5px; } } @media (max-width: 46.24em) { .tabs-filtergroups-outer { display: none; } .tabs-filtergroups-outer.is-visible { display: block; } } .tabs-filtergroups-outer.bb-dark { border-bottom: 2px solid #D8DADB; } .tabs-filtergroups-outer.bt-dark { border-top: 2px solid #D8DADB; } .tabs-filtergroups-inner { max-width: calc(790px + 5rem); margin: auto; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 16px; } .tabs-filtergroups-inner .tabs-filtergroups { padding: 0; background: none; border-bottom: none; } .tabs-filtergroups { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 2rem 70px 24px 70px; background: #E9EBEC; border-bottom: 2px solid #fff; } .tabs-filtergroups.gap { gap: 16px; } .tabs-filtergroups.border-dark { border-bottom: 2px solid #D8DADB; } .tabs-filtergroups label { position: relative; } .tabs-filtergroups input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .tabs-filtergroups input:checked + span { background: #772B4C; color: #fff; } .tag-info { display: flex; width: 30px; align-items: center; justify-content: center; background: #772B4C; color: #fff; text-decoration: none; font-size: 16px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tabs-filtergroup-tag { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; color: #3B4754; font-weight: 400; font-size: 16px; line-height: 19px; padding: 6px 8px; background: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; display: block; } .tabs-filtergroup-tag.border { border-radius: 4px; } .tabs-filtergroup-tag:hover, .tabs-filtergroup-tag.is-checked { color: #fff; background: #772B4C; } .show-tag.is-checked { display: none; } .remove-tag { display: none; color: #fff; background: #772B4C; } .remove-tag:not(.is-checked) { display: block; } .tabs-filterbutton-list { height: 100% !important; /* stylelint-disable-line */ background: #F2F2F2; } .tabs-filter-buttons { margin-bottom: 2rem; background: #F2F2F2; } @media (max-width: 46.24em) { .tabs-filter-buttons { margin-bottom: 0; } } .tabs-holder { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; padding-top: 2rem; padding-bottom: 2rem; flex-wrap: wrap; } .tabs-holder .close-button { position: relative; right: 0; top: 0; transform: translateY(0); } @media (max-width: 58.74em) { .tabs-holder { padding-top: 32px; padding-bottom: 0; } } @media (max-width: 58.74em) { .tabs-holder { flex-direction: column-reverse; align-content: center; } } .tabs-filter-list { max-width: 1200px; margin: auto; margin: auto; padding-top: 2rem; padding-bottom: 55px; list-style: none; display: flex; flex-flow: row wrap; } .tabs-filter-list .button-group { justify-content: space-between; display: flex; width: 100%; } .tabs-alphabet { display: flex; flex-flow: row wrap; gap: 15px; align-content: center; justify-content: center; } .tabs-alphabet .letters-holder { display: flex; } @media (max-width: 58.74em) { .tabs-alphabet .letters-holder { flex-wrap: wrap; padding: 0 15px; } } .tabs-alphabet.filter-tags { justify-content: flex-end; max-width: 1200px; margin: 32px auto; } .tabs-letter-label { position: relative; } @media (max-width: 46.24em) { .tabs-letter-label { margin-bottom: 17px; } } .tabs-letter-label input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; left: 0; } .tabs-letter-label input:checked + span { background: #772B4C; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 20px; } .tabs-letter { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; font-weight: 400; font-size: 24px; line-height: 28px; letter-spacing: -0.015em; color: #772B4C; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer; text-transform: uppercase; width: 32px; height: 32px; padding: 8px; } .sorting-dropdown { position: relative; display: inline-block; } .sorting-dropdown .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px 16px; z-index: 1; } .sorting-dropdown:hover .dropdown-content { display: block; } .sorting-list { max-width: 1200px; margin: auto; margin-top: 2rem; } .sorting-holder { position: relative; padding: 0 2rem; } @media (max-width: 58.74em) { .sorting-holder { padding: 0 1rem; margin-bottom: 27px; } } .sorting-button { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -0.015em; background: #fff; color: #000; border-radius: 30px; border: none; padding: 10px 15px; width: 195px; text-align: left; position: relative; margin: 0; display: block; } .sorting-button svg { position: absolute; right: 12px; top: 0; } .sorting-icon { position: absolute; top: 0; right: 2rem; } .show-more-holder { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 55px; } .show-more { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; background: #772B4C; padding: 6px; border-radius: 6px; color: #fff; font-weight: 400; font-size: 16px; line-height: 19px; } .filter-show-toggle { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; position: relative; font-size: 14px; line-height: 18px; text-transform: uppercase; display: none; cursor: pointer; margin: auto; padding: 6px 8px; background: #fff; width: 100%; text-align: center; border-radius: 5px; } @media (max-width: 46.24em) { .filter-show-toggle { display: block; } } .filter-show-toggle.is-filter-visible { margin-bottom: 2rem; background: #772B4C; } .filter-show-toggle.is-filter-visible .text { color: #fff; } .filter-show-toggle .text { color: #3B4754; font-size: 16px; line-height: 19px; font-weight: 600; border-radius: 4px; } .search-bar .search-input-container, .search-overlay .search-input-container { position: relative; } .search-page { background: #E9EBEC; } .search-page .search-input-container { max-width: 1200px; margin: auto; padding: 64px 0; } .search-page .search-result-container { max-width: 1200px; margin: auto; padding-bottom: 64px; } .site-search-button { border: none; background: none; } .search-input { padding: 2rem; width: 100%; border: none; } .search-input:focus, .search-input:focus-visible { outline: none; } .search-input-container { width: 676px; position: relative; } .search-input { background: #fff; border-radius: 30px; border: none; padding: 12px 25px; width: 100%; } .search-input::-webkit-input-placeholder { color: #772B4C; } .search-input:-ms-input-placeholder { color: #772B4C; } .search-input::-ms-input-placeholder { color: #772B4C; } .search-input::placeholder { color: #772B4C; } .search-input:focus-visible { outline: none; } .close-button { right: 60px; } .search-button, .close-button { position: absolute; background: none; border: none; top: 50%; transform: translateY(-50%); } .search-button { right: 10px; } .search-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(47, 54, 51, 0.8); z-index: 2; } .search-overlay .search-input-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 61.24em) { .search-overlay .search-input-container { width: 90%; } } .search-overlay .close-overlay { color: #fff; width: 40px; cursor: pointer; background: none; border: none; position: absolute; top: 50px; right: 50px; } .pagination { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: 500; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 55px; } .pagination-numbers { display: flex; align-items: center; gap: 8px; } .pagination-numbers li { background: #fff; border-radius: 5px; width: 36px; height: 32px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 400; } .pagination-numbers li a { text-decoration: none; cursor: pointer; } .pagination-numbers li.current { font-weight: 700; color: #772B4C; } .pagination-arrow { background: #772B4C; border-radius: 5px; width: 36px; height: 32px; display: flex; justify-content: center; } .basicLightbox { position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); opacity: 0.01; transition: opacity 0.4s ease; z-index: 1000; will-change: opacity; } .basicLightbox--visible { opacity: 1; } .basicLightbox__placeholder { max-width: 100%; transform: scale(0.9); transition: transform 0.4s ease; z-index: 1; will-change: transform; } .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 95%; max-height: 95%; } .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { pointer-events: auto; } .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { width: auto; height: auto; } .basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder { width: 100%; height: 100%; pointer-events: none; } .basicLightbox--visible .basicLightbox__placeholder { transform: scale(1); } .lightbox-figure { display: flex; max-width: 100%; } .lightbox-image--link { margin-bottom: 1.25rem; } .lightbox-image { flex-shrink: 1; max-width: 70vw; width: 100%; } .lightbox-link { cursor: pointer; } .vbcn *, .vbcn :after, .vbcn :before { box-sizing: inherit; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } .vbcn-backdrop { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0.7; } .vbcn { background: #fff; color: #161616; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; font-size: 17px; line-height: 1.4; position: fixed; right: 30px; bottom: 30px; width: 100%; padding: 1.4em; max-width: 50em; box-sizing: border-box; overflow: auto; max-height: calc(100vh - 60px); } @media (max-width: 900px) { .vbcn { right: 0; bottom: 0; } } @media (max-width: 768px) { .vbcn { max-width: 50em; max-height: 100vh; } } .vbcn.is-centered { position: fixed; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); overflow: auto; max-height: 100vh; } .vbcn.is-centered .vbcn-buttons { margin-bottom: 30px; margin-top: 30px; } @media (max-width: 768px) { .vbcn { font-size: 16px; } } @media (max-width: 576px) { .vbcn { font-size: 15px; } } .vbcn a { color: currentColor; text-decoration: underline; } .vbcn a:hover { color: #772B4C; } .vbcn .vbcn-details-view { display: none; } .vbcn .vbcn-button#vbcn-accept-all { display: none; } .vbcn .vbcn-button#vbcn-decline-all { display: none; } .vbcn .vbcn-button#vbcn-cancel-customize { display: none; } .vbcn .vbcn-button#vbcn-save { display: none; } .vbcn.is-config-mode .vbcn-preset-view { display: none; } .vbcn.is-config-mode .vbcn-details-view { display: block; } .vbcn.is-config-mode .vbcn-button#vbcn-accept-preset { display: none; } .vbcn.is-config-mode .vbcn-button#vbcn-decline { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-customize { display: none; } .vbcn.is-config-mode .vbcn-button#vbcn-accept-all { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-decline-all { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-cancel-customize { display: inline-block; } .vbcn.is-config-mode .vbcn-button#vbcn-save { display: inline-block; } .vbcn-title { font-size: 1.3em; margin: 0 0 0.6em; padding-bottom: 0.5em; border-bottom: 1px solid #666; color: #333; } .vbcn-text { margin: 0 0 1.2em; } .vbcn-option { position: relative; display: block; padding-left: 1.6em; margin: 0 0 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-transform: none; } .vbcn-option-input { position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer; } .vbcn-option-input:checked ~ .vbcn-option-checkmark { background: #772B4C; border-color: #772B4C; } .vbcn-option-input:checked ~ .vbcn-option-checkmark:after { color: #fff; content: "✓"; } .vbcn-option-checkmark { position: absolute; top: 0.075em; left: 0; height: 1.2em; width: 1.2em; background: transparent; border: 1px solid rgba(22, 22, 22, 0.5); } .vbcn-option-checkmark:after { text-align: center; line-height: 0.9; display: block; } .vbcn-option-desc { font-size: 0.75em; color: #666; display: block; } .vbcn-option-mandatory-text { color: #ff4e41; font-weight: bold; } .vbcn-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; } .vbcn-button { border-radius: 3px; background: #535353; color: #fff; font-size: 1em; letter-spacing: 0.5px; padding: 0.5em 0.8em; border: none; cursor: pointer; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); display: inline-block; font-weight: bolder; margin: 0 0 0.5em 0.5em; } .vbcn-button:hover, .vbcn-button:active { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5) inset; } .vbcn-button:disabled { color: #888; cursor: default; } .vbcn-button.primary { background: #772B4C; color: #fff; font-weight: bolder; padding-left: 2em; padding-right: 2em; } .vbcn-placeholder { background: #dddddd; padding: 3rem; } .vbcn-placeholder .vbcn-placeholder-headline { margin: 0 0 0.6em; border-bottom: 1px solid #666; color: #333; font-size: 18px; padding-bottom: 10px; } .vbcn-placeholder .vbcn-placeholder-content { background: #fff; color: #161616; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; padding: 20px; width: 100%; margin: auto; } .vbcn-placeholder .vbcn-placeholder-actions { text-align: right; } .vbcn-placeholder .vbcn-text-small { font-size: 0.75em; color: #666; } .vbcn-placeholder.vbcn-placeholder-video { height: 0; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; } @media (max-width: 576px) { .vbcn-placeholder.vbcn-placeholder-video { height: auto; } } .vbcn-iframe[data-src] { display: none; } h1.u-font--bdcn, h2.u-font--bdcn, h3.u-font--bdcn, h4.u-font--bdcn, h5.u-font--bdcn, h6.u-font--bdcn, .alpha.u-font--bdcn, .beta.u-font--bdcn, .gamma.u-font--bdcn, .delta.u-font--bdcn, .epsilon.u-font--bdcn, .zeta.u-font--bdcn { font-family: "Neue Helvetica W01", "helvetica neue bold condensed", Helvetica, Arial, sans-serif; font-weight: 700; } h1.u-font--1, h2.u-font--1, h3.u-font--1, h4.u-font--1, h5.u-font--1, h6.u-font--1, .alpha.u-font--1, .beta.u-font--1, .gamma.u-font--1, .delta.u-font--1, .epsilon.u-font--1, .zeta.u-font--1 { font-family: "Bowlby One SC", cursive; } h1.u-font--2, h2.u-font--2, h3.u-font--2, h4.u-font--2, h5.u-font--2, h6.u-font--2, .alpha.u-font--2, .beta.u-font--2, .gamma.u-font--2, .delta.u-font--2, .epsilon.u-font--2, .zeta.u-font--2 { font-family: "Alfa Slab One", cursive; } h1.u-font--3, h2.u-font--3, h3.u-font--3, h4.u-font--3, h5.u-font--3, h6.u-font--3, .alpha.u-font--3, .beta.u-font--3, .gamma.u-font--3, .delta.u-font--3, .epsilon.u-font--3, .zeta.u-font--3 { font-family: "Lilita One", cursive; } h1.u-font--4, h2.u-font--4, h3.u-font--4, h4.u-font--4, h5.u-font--4, h6.u-font--4, .alpha.u-font--4, .beta.u-font--4, .gamma.u-font--4, .delta.u-font--4, .epsilon.u-font--4, .zeta.u-font--4 { font-family: "Titillium Web", sans-serif; font-weight: 700; } h1.u-font--5, h2.u-font--5, h3.u-font--5, h4.u-font--5, h5.u-font--5, h6.u-font--5, .alpha.u-font--5, .beta.u-font--5, .gamma.u-font--5, .delta.u-font--5, .epsilon.u-font--5, .zeta.u-font--5 { font-family: "Titillium Web", sans-serif; font-weight: 700; font-style: italic; } .u-hide { display: none; } @media (max-width: 34.365em) { .u-hide--s { display: none; } } @media (max-width: 46.24em) { .u-hide--m { display: none; } } @media (min-width: 34.375em) { .u-hide--s-up { display: none; } } /** * Hide content off-screen without resorting to `display:none;`, also provide * breakpoint specific hidden elements. */ /* stylelint-disable */ .u-visuallyhidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } /* stylelint-enable */ .u-sizer-image { width: 100%; height: auto; } .u-full-width { width: 100%; } .u-no-margin-bottom { margin-bottom: 0; } .u-margin-bottom { margin-bottom: 2rem; } .u-margin-bottom--double { margin-bottom: 4rem; } .u-margin-top { margin-top: 2rem; } .u-margin-top--double { margin-top: 4rem; } .u-action { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .u-action:hover, .u-action:focus { background-color: rgba(0, 0, 0, 0.3); } .u-action:active { background-color: rgba(0, 0, 0, 0.4); } .u-action.is-small { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .u-action.is-medium { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .u-action.is-large { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .u-border-bottom { border-bottom: 1px solid; padding-bottom: 1.9rem; } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-align-left { text-align: left; } .u-align-center { text-align: center; } .u-align-right { text-align: right; } .u-float-left { float: left; } .u-float-right { float: right; } .u-float-none { float: none; } @media (max-width: 34.365em) { .u-float-none--s { float: none; } }