* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: museo100;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Regular-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Regular-webfont.svg#museo100) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Regular-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo100_italic;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Italic-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Italic-webfont.svg#museo100_italic) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Italic-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo100-Italic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo300;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Regular-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Regular-webfont.svg#museo300) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Regular-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo300_italic;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Italic-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Italic-webfont.svg#museo300_italic) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Italic-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo300-Italic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo500;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Regular-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Regular-webfont.svg#museo500) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Regular-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo500_italic;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Italic-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Italic-webfont.svg#museo500_italic) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Italic-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo500-Italic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo700;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Regular-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Regular-webfont.svg#museo700) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Regular-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo700_italic;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Italic-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Italic-webfont.svg#museo700_italic) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Italic-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo700-Italic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo900;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Regular-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Regular-webfont.svg#museo900) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Regular-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo900_italic;
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Italic-webfont.eot);
    src: url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Italic-webfont.svg#museo900_italic) format("svg"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Italic-webfont.eot?#iefix) format("embedded-opentype"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Italic-webfont.woff) format("woff"),url(https://www.wilmington.edu/wp-content/themes/wilmington/fonts/Museo900-Italic-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

/**
 * Featherlight - Version 1.7.13 - http://noelboss.github.io/featherlight/
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) - MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0);}.featherlight:last-of-type{background:rgba(0,0,0,.67)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#f8f8f8;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:rgba(255,255,255,0.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}

.featherlight .featherlight-content{margin-left:25px;margin-right:25px;max-height:90%;padding:20px 30px;border-bottom:10px solid transparent;border-radius:30px;border:2px solid #333;}
.featherlight .featherlight-close-icon{top:0;right:0;font-size:25px;line-height:25px;width:65px;height:65px;border-radius:31px;background:rgba(128,201,249,0.75);}
.featherlight iframe { padding-top: 20px;}

/**
 * Flipside - https://github.com/hakimel/css/tree/master/flipside
**/
.flipbtn {
  text-shadow: none;
  letter-spacing: normal;
  display: inline-block;
  position: fixed;
  bottom: 3vh; 
  top: auto; 
  left: auto; 
  right: 5vh;
  width: 400px;
  height: 90px;
  z-index: 10;
  -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1), height 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  text-align: center; 
}

.flipbtn-front {
  position: absolute;
  display: block;
  width: 67%;
  height: 90%;
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background 0.15s ease, line-height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
          transition: background 0.15s ease, line-height 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.flipbtn-back {
  position: absolute;
  width: 67%;
  height: 90%;
  background-color: #000;
  color: #fff;
  border-radius: 15px;
  -webkit-transform: translateZ(-2px) rotateX(180deg);
          transform: translateZ(-2px) rotateX(180deg);
  overflow: hidden;
  -webkit-transition: box-shadow 0.8s ease;
          transition: box-shadow 0.8s ease; 
}
  .flipbtn-back p {
    margin: 50px 15px 25px 15px;
    }
  .flipbtn-back button {
    width: auto;
    padding: 10px 50px;
    margin: 40px 5px 0 5px;
    background-color: transparent;
    border: 0;
    border-radius: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background 0.15s ease;
            transition: background 0.15s ease; 
    }
  .flipbtn-back button:focus { outline: 0; }
  .flipbtn-back button.yes { color: #fff; }
  .flipbtn-back button.no  { color: #2196F3; }
  .flipbtn-back button.no:hover { background-color: #ddd; }

.flipbtn[data-direction="left"] .flipbtn-back,
.flipbtn[data-direction="right"] .flipbtn-back {
  -webkit-transform: translateZ(-2px) rotateY(180deg);
          transform: translateZ(-2px) rotateY(180deg); 
    }

.flipbtn.is-open {
  width: 500px;
  height: 500px; 
}
  .flipbtn.is-open .flipbtn-front {
    pointer-events: none;
    line-height: 10.67em; 
    }
  .flipbtn.is-open .flipbtn-back {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); 
    }
  .flipbtn[data-direction="top"].is-open {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); 
    }

  .flipbtn[data-direction="right"].is-open {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); 
    }

  .flipbtn[data-direction="bottom"].is-open {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg); 
    }

  .flipbtn[data-direction="left"].is-open {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); 
    }

/**
 * soundcite - v0.5.1 - 2017-07-10
 * Copyright (c) 2017 Tyler J. Fisher and Northwestern University Knight Lab
**/
/*PLAYER CHROME*/

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); opacity: 0.4; }
    50%  { -webkit-transform: rotate(180deg); opacity: 1; }
    to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); opacity: 0.4; }
    50%  { -moz-transform: rotate(180deg); opacity: 1; }
    to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); opacity: 0.4; }
    50%  { -ms-transform: rotate(180deg); opacity: 1; }
    to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin {
    from { -o-transform: rotate(0deg); opacity: 0.4; }
    50%  { -o-transform: rotate(180deg); opacity: 1; }
    to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin {
    from { transform: rotate(0deg); opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1; }
    to   { transform: rotate(360deg); opacity: 0.2; }
}

.soundcite-loaded {
    border-radius: 6px;
    padding: 5px 5px 0 5px;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(122,122,122,0.5);
}

.soundcite-loaded:before {
    display: inline-block;
    content: "";
    vertical-align: -10%;
    /* margin-right: 0.1em; */
}

.soundcite-loading:before {
    margin-right: 0.5em;
    font-size: 0.9em;
    position: relative;
    top: -.05em;
    height: 0.75em;    
    width: 0.75em;
    border: 2px solid #000;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.soundcite-play:before { /* Play triangle symbol */
    font-size: 0.9em;
    position: relative;
    top: -.05em;
    border: 0.5em solid transparent;
    border-left: 0.75em solid #fff;
}

.soundcite-pause:before {
    font-size: 0.9em;
    position: relative;
    top: -.05em;
    height: 1em;
    border-left: .75em double black;
    border-right: .5em solid transparent;
}
.fader__container .soundcite-pause:before { border-left: .75em double #fff; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* pswp = photoswipe */
/* 
/*  .fader piggybacks on these for its full-screen lightbox effect */

.fader,
.pswp {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; 
}
.pswp { display: none; z-index: 1500; }
.pswp--open { display: block; }


.fader *,
.pswp * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.pswp img {
  max-width: none; }

.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }


.fader       { opacity: 0; visibility: hidden; z-index: -20; }
.fader--open { opacity: 1; visibility: visible; z-index: 1500; }

.fader,
.fader--open {
  will-change: opacity;
  -webkit-transition: opacity 1200ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 1200ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.fader__bg,
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
  stretched thumbnail or div placeholder element (see below)
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
  div element that matches size of large image / large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
  Error message appears when image is not loaded
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  
  1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

/* @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { */
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before { background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } 
/* } */
/* @media (min-resolution: 105dpi) and (min-resolution: 1.1dppx) and (min-width: 1024px) { */
  .pswp--svg .pswp__button { transform: scale(3); }
/* } */
.pswp__button--close {
  background-position: 0 -44px; 
  right: 20px;
  top: 20px;
  background-color: red;
  border-radius: 50%;
}

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; 
  right: 120px;
  top: 20px;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 85px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 50px; }

.pswp__button--arrow--right {
  right: 50px; }

  .fader .pswp__button--arrow--left { 
    width: 70px;
    /* background-color: rgba(0, 0, 0, 0.15); */
    border-radius: 0 50px 50px 0;
    left: 40px;
    }
  .fader .pswp__button--arrow--right { 
    width: 70px;
    /* background-color: rgba(0, 0, 0, 0.15); */
    border-radius: 50px 0 0 50px;
    right: 40px;
    }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 20px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 10px;
  background-position: -105px -44px; }

/*

  2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 0.9em;
  line-height: 2.9em;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
  
  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 0.9em;
  line-height: 1.33em;
  padding: 10px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
      The idea of animating inner circle is based on Polymer ("material") loading indicator 
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
  
  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 88px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) 
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; } 

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }
 */

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }


/**
 * mapbox-gl.css - v1.13.1 (downloaded 2021-03-20)
 * https://api.mapbox.com/mapbox-gl-js/v1.13.1/mapbox-gl.css
**/
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mapboxgl-canvas{position:absolute;left:0;top:0}
.mapboxgl-map:-webkit-full-screen{width:100%;height:100%}
.mapboxgl-canary{background-color:salmon}
.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}
.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}
.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}
.mapboxgl-ctrl-top-left{top:0;left:0}
.mapboxgl-ctrl-top-right{top:0;right:0}
.mapboxgl-ctrl-bottom-left{bottom:0;left:0}
.mapboxgl-ctrl-bottom-right{right:0;bottom:0}
.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right}
.mapboxgl-ctrl-group{border-radius:4px;background:#fff}
.mapboxgl-ctrl-group:not(:empty){-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}
@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}
.mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}
.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}
@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}
.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}
.mapboxgl-ctrl button::-moz-focus-inner{border:0;padding:0}
.mapboxgl-ctrl-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'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{-webkit-animation:mapboxgl-spin 2s linear infinite;-moz-animation:mapboxgl-spin 2s infinite linear;-o-animation:mapboxgl-spin 2s infinite linear;-ms-animation:mapboxgl-spin 2s infinite linear;animation:mapboxgl-spin 2s linear infinite}
@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}
@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-moz-keyframes mapboxgl-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}
@-o-keyframes mapboxgl-spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(1turn)}}
@-ms-keyframes mapboxgl-spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(1turn)}}
@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}
a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}
@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}
@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}
@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding: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 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;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 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}
@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}
.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}
.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}
.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}
.mapboxgl-attrib-empty{display:none}
.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box}
.mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none}
.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column}
.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}
.mapboxgl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row}
.mapboxgl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff}
.mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}
.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}
.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}
.mapboxgl-popup-track-pointer{display:none}
.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}
.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}
.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform}
.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}
.mapboxgl-user-location-dot:before{content:"";position:absolute;-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;-moz-animation:mapboxgl-user-location-dot-pulse 2s infinite;-ms-animation:mapboxgl-user-location-dot-pulse 2s infinite;animation:mapboxgl-user-location-dot-pulse 2s infinite}
.mapboxgl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}
@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);opacity:0}to{-webkit-transform:scale(1);opacity:0}}
@-ms-keyframes mapboxgl-user-location-dot-pulse{0%{-ms-transform:scale(1);opacity:1}70%{-ms-transform:scale(3);opacity:0}to{-ms-transform:scale(1);opacity:0}}
@keyframes mapboxgl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}
.mapboxgl-user-location-dot-stale{background-color:#aaa}
.mapboxgl-user-location-dot-stale:after{display:none}
.mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%}
.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}
.mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}
@media print{.mapbox-improve-map{display:none}}

/* auut studio tweaks */
a.mapbox-improve-map { display: none; }
a.mapboxgl-ctrl-logo { pointer-events: none; }
.mapboxgl-ctrl.mapboxgl-ctrl-attrib { background-color: rgba(255,255,255,0.2); font: 12px/16px sans-serif;  }
.mapboxgl-ctrl-attrib-inner a { pointer-events: none; color: #aaaaaa; }



/*******                                                        ************/
/*******                                                        ************/
/*******                                                        ************/
/*******                       FONT SIZES                       ************/
/*******                                                        ************/
/*******                                                        ************/
/******* **/

body { 
  font-size: 15px; 
  line-height: 1.6;
  letter-spacing: -0.5px;
  font-family: 'Cantarell', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-y: hidden;
  overflow-x: hidden;
}

.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: 'Cantarell', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.4rem;
    text-shadow: 1px 1px 3px #000;
}

.pure-g [class *= "pure-u"] .buttonize { text-shadow: none; }

#intro_question h1.exhibit_title  {
  font-family:'Averia Libre';
  font-size: 1.8em; 
  line-height: 1em;
  margin-bottom: 0.25em;
}



#inline-intro p.citation,
#response_text,
.flipbtn-back,
.citation,
.read-estimate,
.chapter_button,
.sb_controls .title:not(.annotate),
.pure-u-1.calendar .pure-u-1 
{ 
    font-family: 'Cantarell', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.5px;
}


.section h1,
.section h2,
.section.title span,
.switch_button,
#module_banner,
#inline-switch,
#intro_question,
#main_homescreen h2,
#main_homescreen h3 { 
    font-family: museo500, Georgia, Times, serif;
}

.chapter_button { font-size: 1.2em; }
.chapter_button span { font-size: 0.67em; text-transform: uppercase; padding-bottom: 8px; color: #7aa0cc; }

.fader__item { line-height: 1.7em; }
.fader__item p { text-indent: 21px; }

.featherlight .featherlight-inner:not(.constrain-font) p { font-size: 1.2em; line-height: 1.5em; }
.featherlight button { font-size: 0.8em; line-height: 1em; }


#inline-sources .switch_button:not(.emphasize),     
.featherlight button.switch_button:not(.emphasize) { font-size: 0.67em; line-height: 1em; font-weight: normal; }
#inline-help button             { font-size: 0.67em; line-height: 1em; }
#inline-switch button           { font-size: 0.8em; line-height: 1em; }
#inline-switch button.switch_button.emphasize,
#inline-help button.switch_button.emphasize,
#inline-sources button.switch_button.emphasize  { font-size: 0.8em; line-height: 1em; }


#inline-help, 
#inline-instag, 
#inline-switch, 
#inline-timeout     { font-size: 1.8em;  line-height: 2.93em; font-weight: normal; }

#inline-intro h1    { font-size: 2em;    line-height: 1.5em;  font-weight: normal; margin-top: 0; } 
#inline-intro-2 h1  { font-size: 1.67em; line-height: 1.5em;  font-weight: normal; margin-top: 0; }
#inline-intro p,
#inline-intro li    { font-size: 1.53em; line-height: 2em;    font-weight: normal; }
#inline-sources .scrollable { 
  overflow-y: scroll; 
  height: 500px; 
}
#inline_extras h1,
#inline-sources h1  { font-size: 1.8em;  line-height: 2em;    font-weight: normal; margin-block-end: 0; }


.sb_controls { font-size: 1.87rem; line-height: 3.93rem; }
.sb_controls #module_banner { font-size: 1em; }

.flipbtn-front,
#response_text { font-size: 1.1em; line-height: 2.3em; }
#response_text { line-height: 1.4em; }
#btn_next .flipbtn-front { font-size: 0.8em; line-height: 1em; }

.kiosk_number, .kiosk_home { 
    font-size: 4.6em; 
    line-height: 1em;
}
.sb_controls.please div.title { 
    opacity: 0.45;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#intro_question { font-size: 2.4em; line-height: 1.4em; }


.featherlight-inner p span.duration { 
  color: #80c9f9 !important; 
  font-size: 0.6em; 
  font-family: 'Helvetica Neue', Helvetica, sans-serif; 
  text-transform: uppercase;  
}
.featherlight-inner p span.credit { 
  color: #c2c2c2 !important; 
  font-size: 0.8em; 
}
.featherlight-inner img { 
  max-height: 90%; 
  object-fit: contain; 
}
.siema-counter {
  position: fixed;
  top: 5%;
  right: 23%;
  left: auto;
  bottom: auto;
  height: 30px;
  width: 120px;
  text-align: right;
  color: #8e8e8e;
  font-size: 1.33vw;
  text-shadow: none !important;
}
.pswp__counter,
.pswp__caption__center {
    font-size: 1.4em;
    line-height: 1.73em;
}
.mapboxgl-popup-close-button { 
  font-size: 2em; 
  padding: 12px 15px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 50%;
  top: -8px;
  right: -8px;
}

.featherlight .featherlight-content .pure-g [class *= "pure-u"] { font-size: 1.1rem; line-height: 1.5rem; }
.mapboxgl-popup-content,
.mapboxgl-popup-content td,
.mapboxgl-popup-content p   { font-size: 0.87em; line-height: 1.2em; }
.featherlight .featherlight-content .pure-g h4,
.mapboxgl-popup-content h4  { font-size: 1em;    line-height: 1.4em; }
.featherlight .featherlight-content .pure-g h3,
.mapboxgl-popup-content h3  { font-size: 1.1em;  line-height: 1.5em; }
.featherlight .featherlight-content .pure-g h2,
.mapboxgl-popup-content h2  { font-size: 1.47em; line-height: 1.7em; }

.citation { 
  font-size: 0.9em;  
  color: #666; 
}
.citation.larger { font-size: 1.1em; }

.read-estimate { 
  color: #8e8e8e; 
  vertical-align: text-bottom;
}
.section.panel p.citation {
  color: #f1f1f1; 
}
.title.annotate .citation {
  font-size: 0.56em; 
  color: #f1f1f1; 
}

a { color: #fff; text-decoration: none; }
.featherlight a { color: rgb(26,113,172); }
.section.title  { 
  font-size: 1.2em; 
  line-height: 1.5em; 
}
.section.title h2 { 
  font-size: 2em;
  line-height: 1.4em;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-top: 0;
}

.section.panel h5 { 
  font-size: 1em;
  line-height: 1.4em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 100;
  letter-spacing: 0.75px;
}




/*******                                                        ************/
/*******                                                        ************/
/*******                                                        ************/
/*******                       BRANDING COLORS                  ************/
/*******                                                        ************/
/*******                                                        ************/
/******* **/



body {
  background-color: #000; 
  color: #f9f9f9;
}

.featherlight .featherlight-content {
  color: #000;
  background-color: #f8f8f8;
}
/* .textured { background: #0A0A0A url("../img/classy_fabric.png") repeat; } */
.textured { 
  background: #24384c url("../content/media/coverimage-textured.jpg") no-repeat; 
  background-size: cover;
}
.colorways2 .textured { 
  background: #0A0A0A url("../content/media/coverimage-textured-2.jpg") no-repeat; 
  background-size: cover;
}
.colorways3 .textured { 
  background: #0A0A0A url("../content/media/coverimage-textured-3.jpg") no-repeat; 
  background-size: cover;
}

.featherlight button { color: #4a4a4a; } 
.flipbtn-front { 
  background-color: #000; 
  border: 2px solid rgba(255,255,255,0.5); 
  box-shadow: 4px 5px 5px rgba(0,0,0,0.5);
 }
 .flipbtn-front:hover { background-color: #888; }
#btn_next .flipbtn-front { 
  border: 1px solid rgba(255,255,255,0.5); 
  box-shadow: 3px 2px 5px rgba(0,0,0,0.25); 
  width: auto; 
  min-width: 240px;
  height: 45px; 
  padding: 10px 20px 0;
}
.blue  { color: #4cbad3 !important; }
.blue.deeper  { color: #1ba9d1 !important; }
.cream { color: #ffe5cc !important; }
.black { color: #000000 !important; }
.white { color: #ffffff !important; }
.curseword { 
  color: #ccc;
  background-color: #222 !important; 
 }
.faded_text { opacity: 0.5; }
.faded_text.swipe { opacity: 0.33; font-weight: 100; font-style: italic; float: right; padding-right: 50px; }

#button_list {
  position: relative;
  background-color: #15173d;  
}

/* inspired by https://codepen.io/minustalent/pen/GzuCa */
.chapter_button {  
    color: #6c777e;
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0%,#f8eced), color-stop(100%,#e8caca));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8eced), color-stop(100%,#e8caca));
    background-image: linear-gradient(142deg, #f8eced 0%, #e8caca 100%);
    box-shadow:       0px 0px 2px rgba(0,0,0,0.25),
                      /* 10px 10px 15px rgba(227,227,227,0.2), */
                      -10px 10px 15px rgba(227,227,227,0.1),
                      /*-15px -15px 15px rgba(255,255,255,0.1), */
                      15px -15px 15px rgba(255,255,255,0.1),
                inset 0px 2px 0px #fff;
    
    -webkit-transition: box-shadow 0.3s ease-in-out, 
                        background-image 0.3s ease-in-out,
                        text-shadow 0.5s linear,
                        color 0.5s linear;
       -moz-transition: box-shadow 0.3s ease-in-out, 
                        background-image 0.3s ease-in-out,
                        text-shadow 0.5s linear,
                        color 0.5s linear;
}
#button_list div.pure-u-1:nth-child(odd) .chapter_button {
  background: url(../content/media/mosaic-texture-1.jpg) 100% 60% no-repeat;
  background-size: cover;
}
#button_list div.pure-u-1:nth-child(even) .chapter_button {
  background: url(../content/media/mosaic-texture-2.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#button_list div.pure-u-1:nth-child(3) .chapter_button {
  background: url(../content/media/mosaic-texture-3.jpg) 100% 100% no-repeat;
  background-size: cover;
}

#button_list div.pure-u-1 a.selected .chapter_button { 
    text-shadow: 0px 0px 7px lighten(#00d07f, 20%);
    background-image: -moz-gradient(linear, left top, left bottom, color-stop(0%,#dca770), color-stop(100%,#f8eced));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dca770), color-stop(100%,#f8eced));
    background-image: linear-gradient(-10deg, #dca770 0%, #f1f1f1 90%);
    box-shadow:     0px 0px 3px rgba(0,0,0,0.15),
                    10px 10px 15px rgba(227,227,227,0.2),
                   -10px 10px 15px rgba(241,200,170,0.2),
                   -10px -5px 15px rgba(241,200,170,0.4),
                    10px -5px 15px rgba(241,200,170,0.4),
               inset 0px -3px 0px rgba(255,255,255,0.3),
               inset 0px 3px 3px rgba(0,0,0,0.04);
    border-left-width: 2px;
    border-top-width: 3px;
    border-left-color: rgb(186, 186, 186);
    border-top-color: rgb(186, 186, 186);
  }



/*.chapter_button { 
  color: #f8f8f8;
  background-color: rgb(8, 8, 18); 
  border-radius: 4px;
  border-left: 1px solid rgba(120,120,120,0.5);
  border-top: 1px solid rgba(120,120,120,0.5);
} 
.chapter_button:before {
  content: '';
  background-color: rgba(0, 0, 0, .15);
  box-shadow: inset 20px 0 40px rgba(255, 255, 255, .25);
  filter: blur(20px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}*/
/*
a.selected .chapter_button { 
  background-image: linear-gradient( 60deg, rgba(0,0,0,0), rgba(26,113,172,0.1) 5%, rgba(42,60,108,0.45) 15%, rgba(42,60,108,0.45) 40%, rgba(26,113,172,0.1) 100%);
  box-shadow: inset -25px 0 40px rgba(255, 255, 255, .25);
} */


.colorways1,
.colorways2,
.colorways3,
.module_intro_page {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.colorways1,
.colorways2,
.colorways3                    { background-color: #15173d; }

body:not(.credits_page) #intro_question { 
  text-shadow: 1px 1px 3px #e9c5aa;
  color: #202020; 
  
  }
body.credits_page #intro_question{ 
  background: linear-gradient( 356deg, rgba(26,113,172,0.05) 0%, rgba(42,60,108,0.25) 50%, rgba(42,60,108,0.5) 80%, rgba(26,113,172,0.05) 100%); 
}
.flipbtn-front:hover,
.flipbtn-back button.yes       { background-color: #2A3C6C; }
.flipbtn-back button.yes:hover { background-color: #1a71ac; }

.pswp__button--close,
.mapboxgl-popup-close-button,
.featherlight .featherlight-close-icon { background-color:rgba(26,113,172,0.85); }
.featherlight .featherlight-close-icon { color: #fff; }
.sb_controls:not(.please)      { 
  background: linear-gradient( 110deg, #4576ad, #4576ad 20%, #33506f 60%, #465e7b 70%, #465e7b 73%, #33506f 90%); 
  background-image: url("../content/media/stone-foundation.jpg"); 
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: cover;
}
.sb_controls.please { background: none; }
.kiosk_number       { background: linear-gradient( 60deg, rgba(42,60,108,0.85), rgba(26,113,172,0.33) 100%); }

#main_homescreen    { margin-top: 20vh; }
.flipbtn-front      { background-color: #15173d;  }  /* #4c79a6; */
#main_homescreen 
  input[type=checkbox] ~ div { background-color: rgba(26,113,172,0.9); }
.colorways2 #main_homescreen 
  input[type=checkbox] ~ div { background-color: rgba(157,174,163,0.85); }
  
#main_homescreen 
  input[type=checkbox]:checked ~ div { background-color: rgba(220,167,112,0.67); }



.colorways1 .module_intro_page,
.colorways2 .module_intro_page  { background-image: url("../content/media/coverimage-1.jpg"); }
.colorways3 .module_intro_page  { background-image: url("../content/media/coverimage-2.jpg"); }
.colorways4 .module_intro_page  { background-image: url("../content/media/coverimage-4.jpg"); }
.colorways2 .sb_controls:not(.please) { background-image: url("../content/media/stone-foundation-2.jpg"); }
/* .colorways2 #main_homescreen    { background: radial-gradient( rgba(26,113,172,0.25) 0%, rgba(26,113,172,0.86) 10%, rgba(26,113,172,0.55) 50%, rgba(0,0,0,0) 70%); } */


/*******                                                        ************/
/*******                                                        ************/
/*******                                                        ************/
/*******                           LAYOUT                       ************/
/*******                                                        ************/
/*******                                                        ************/
/******* **/



iframe { z-index: 0; }
table,
#frame_window,
.pure-u-1 { border: none; }

#system_dialogs,
.lightbox { display: none; } 

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}
.pure-u-1-7, .pure-u-md-1-7,
.pure-u-2-7, .pure-u-md-2-7,
.pure-u-3-7, .pure-u-md-3-7,
.pure-u-4-7, .pure-u-md-4-7 {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
}
.pure-u-1-7, .pure-u-md-1-7 { width:14.2857%; }
.pure-u-2-7, .pure-u-md-2-7 { width:28.5714%; }
.pure-u-3-7, .pure-u-md-3-7 { width:42.8571%; }
.pure-u-4-7, .pure-u-md-4-7 { width:57%; }


.pure-u-1-24 img, .pure-u-md-1-24 img,
.pure-u-2-24 img, .pure-u-md-2-24 img,
.pure-u-1-12 img, .pure-u-md-1-12 img { width: 100%; }

.pure-u-3-24 img, .pure-u-md-3-24 img,
.pure-u-1-8  img, .pure-u-md-1-8  img,
.pure-u-4-24 img, .pure-u-md-4-24 img,
.pure-u-1-6  img, .pure-u-md-1-6  img,
.pure-u-5-24 img, .pure-u-md-5-24 img,
.pure-u-6-24 img, .pure-u-md-6-24 img,
.pure-u-1-4  img, .pure-u-md-1-4  img,
.pure-u-7-24 img, .pure-u-md-7-24 img,
.pure-u-8-24 img, .pure-u-md-8-24 img,
.pure-u-1-3  img, .pure-u-md-1-3  img,
.pure-u-9-24 img, .pure-u-md-9-24 img,
.pure-u-3-8  img, .pure-u-md-3-8  img,
.pure-u-10-24 img, .pure-u-md-10-24 img,
.pure-u-5-12  img, .pure-u-md-5-12  img,
.pure-u-11-24 img, .pure-u-md-11-24 img,
.pure-u-12-24 img, .pure-u-md-12-24 img,
.pure-u-1-2   img, .pure-u-md-1-2   img,
.pure-u-13-24 img, .pure-u-md-13-24 img,
.pure-u-14-24 img, .pure-u-md-14-24 img,
.pure-u-7-12  img, .pure-u-md-7-12  img,
.pure-u-15-24 img, .pure-u-md-15-24 img,
.pure-u-5-8  img, .pure-u-md-5-8  img,
.pure-u-16-24 img, .pure-u-md-16-24 img,
.pure-u-2-3   img, .pure-u-md-2-3   img,
.pure-u-17-24 img, .pure-u-md-17-24 img,
.pure-u-18-24 img, .pure-u-md-18-24 img,
.pure-u-3-4   img, .pure-u-md-3-4   img,
.pure-u-19-24 img, .pure-u-md-19-24 img,
.pure-u-20-24 img, .pure-u-md-20-24 img,
.pure-u-5-6   img, .pure-u-md-5-6   img,
.pure-u-21-24 img, .pure-u-md-21-24 img,
.pure-u-7-8  img, .pure-u-md-7-8  img,
.pure-u-22-24 img, .pure-u-md-22-24 img,
.pure-u-11-12 img, .pure-u-md-11-12 img,
.pure-u-23-24 img, .pure-u-md-23-24 img,
.pure-u-24-24 img, .pure-u-md-24-24 img { width: 97%; }


.pure-u-3-24.col1,  .pure-u-md-3-24.col1,
.pure-u-1-8.col1,   .pure-u-md-1-8.col1,
.pure-u-4-24.col1,  .pure-u-md-4-24.col1,
.pure-u-1-6.col1,   .pure-u-md-1-6.col1,
.pure-u-5-24.col1,  .pure-u-md-5-24.col1,
.pure-u-6-24.col1,  .pure-u-md-6-24.col1,
.pure-u-1-4.col1,   .pure-u-md-1-4.col1,
.pure-u-7-24.col1,  .pure-u-md-7-24.col1,
.pure-u-8-24.col1,  .pure-u-md-8-24.col1,
.pure-u-1-3.col1,   .pure-u-md-1-3.col1  {
  padding-right: 1%;
}
.pure-u-3-24.col2,  .pure-u-md-3-24.col2,
.pure-u-1-8.col2,   .pure-u-md-1-8.col2,
.pure-u-4-24.col2,  .pure-u-md-4-24.col2,
.pure-u-1-6.col2,   .pure-u-md-1-6.col2,
.pure-u-5-24.col2,  .pure-u-md-5-24.col2,
.pure-u-6-24.col2,  .pure-u-md-6-24.col2,
.pure-u-1-4.col2,   .pure-u-md-1-4.col2,
.pure-u-7-24.col2,  .pure-u-md-7-24.col2,
.pure-u-8-24.col2,  .pure-u-md-8-24.col2,
.pure-u-1-3.col2,   .pure-u-md-1-3.col2  {
  padding-left: 0.5%;
  padding-right: 0.5%;
}
.pure-u-3-24.col3,  .pure-u-md-3-24.col3,
.pure-u-1-8.col3,   .pure-u-md-1-8.col3,
.pure-u-4-24.col3,  .pure-u-md-4-24.col3,
.pure-u-1-6.col3,   .pure-u-md-1-6.col3,
.pure-u-5-24.col3,  .pure-u-md-5-24.col3,
.pure-u-6-24.col3,  .pure-u-md-6-24.col3,
.pure-u-1-4.col3,   .pure-u-md-1-4.col3,
.pure-u-7-24.col3,  .pure-u-md-7-24.col3,
.pure-u-8-24.col3,  .pure-u-md-8-24.col3,
.pure-u-1-3.col3,   .pure-u-md-1-3.col3  {
  padding-left: 1%;
}


.pure-u-9-24.col1,  .pure-u-md-9-24.col1,
.pure-u-3-8.col1,   .pure-u-md-3-8.col1,
.pure-u-10-24.col1, .pure-u-md-10-24.col1,
.pure-u-5-12.col1,  .pure-u-md-5-12.col1,
.pure-u-11-24.col1, .pure-u-md-11-24.col1,
.pure-u-12-24.col1, .pure-u-md-12-24.col1,
.pure-u-1-2.col1,   .pure-u-md-1-2.col1  {
  padding-right: 2%;
}
.pure-u-9-24.col2,  .pure-u-md-9-24.col2,
.pure-u-3-8.col2,   .pure-u-md-3-8.col2,
.pure-u-10-24.col2, .pure-u-md-10-24.col2,
.pure-u-5-12.col2,  .pure-u-md-5-12.col2,
.pure-u-11-24.col2, .pure-u-md-11-24.col2,
.pure-u-12-24.col2, .pure-u-md-12-24.col2,
.pure-u-1-2.col2,   .pure-u-md-1-2.col2,
.pure-u-13-24.col2, .pure-u-md-13-24.col2,
.pure-u-14-24.col2, .pure-u-md-14-24.col2,
.pure-u-7-12.col2,  .pure-u-md-7-12.col2,
.pure-u-15-24.col2, .pure-u-md-15-24.col2,
.pure-u-5-8.col2,   .pure-u-md-5-8.col2   {
  padding-left: 1%;
  padding-right: 1%;
}
.pure-u-9-24.col3,  .pure-u-md-9-24.col3,
.pure-u-3-8.col3,   .pure-u-md-3-8.col3,
.pure-u-10-24.col3, .pure-u-md-10-24.col3,
.pure-u-5-12.col3,  .pure-u-md-5-12.col3,
.pure-u-11-24.col3, .pure-u-md-11-24.col3,
.pure-u-12-24.col3, .pure-u-md-12-24.col3,
.pure-u-1-2.col3,   .pure-u-md-1-2.col3,
.pure-u-13-24.col3, .pure-u-md-13-24.col3,
.pure-u-14-24.col3, .pure-u-md-14-24.col3,
.pure-u-7-12.col3,  .pure-u-md-7-12.col3,
.pure-u-15-24.col3, .pure-u-md-15-24.col3,
.pure-u-5-8.col3,   .pure-u-md-5-8.col3   {
  padding-left: 2%;
}


.pure-u-13-24.col1, .pure-u-md-13-24.col1,
.pure-u-14-24.col1, .pure-u-md-14-24.col1,
.pure-u-7-12.col1,  .pure-u-md-7-12.col1,
.pure-u-15-24.col1, .pure-u-md-15-24.col1,
.pure-u-5-8.col1,   .pure-u-md-5-8.col1, 
.pure-u-16-24.col1, .pure-u-md-16-24.col1,
.pure-u-2-3.col1,   .pure-u-md-2-3.col1,
.pure-u-17-24.col1, .pure-u-md-17-24.col1,
.pure-u-18-24.col1, .pure-u-md-18-24.col1,
.pure-u-3-4.col1,   .pure-u-md-3-4.col1,
.pure-u-19-24.col1, .pure-u-md-19-24.col1,
.pure-u-20-24.col1, .pure-u-md-20-24.col1,
.pure-u-5-6.col1,   .pure-u-md-5-6.col1,
.pure-u-21-24.col1, .pure-u-md-21-24.col1,
.pure-u-7-8.col1,   .pure-u-md-7-8.col1,
.pure-u-22-24.col1, .pure-u-md-22-24.col1,
.pure-u-11-12.col1, .pure-u-md-11-12.col1 {
  padding-right: 3%;
}
.pure-u-16-24.col2, .pure-u-md-16-24.col2,
.pure-u-2-3.col2,   .pure-u-md-2-3.col2,
.pure-u-17-24.col2, .pure-u-md-17-24.col2,
.pure-u-18-24.col2, .pure-u-md-18-24.col2,
.pure-u-3-4.col2,   .pure-u-md-3-4.col2,
.pure-u-19-24.col2, .pure-u-md-19-24.col2,
.pure-u-20-24.col2, .pure-u-md-20-24.col2,
.pure-u-5-6.col2,   .pure-u-md-5-6.col2,
.pure-u-21-24.col2, .pure-u-md-21-24.col2,
.pure-u-7-8.col2,   .pure-u-md-7-8.col2,
.pure-u-22-24.col2, .pure-u-md-22-24.col2,
.pure-u-11-12.col2, .pure-u-md-11-12.col2 {
  padding-left: 1.5%;
  padding-right: 1.5%;
}
.pure-u-16-24.col3, .pure-u-md-16-24.col3,
.pure-u-2-3.col3,   .pure-u-md-2-3.col3,
.pure-u-17-24.col3, .pure-u-md-17-24.col3,
.pure-u-18-24.col3, .pure-u-md-18-24.col3,
.pure-u-3-4.col3,   .pure-u-md-3-4.col3,
.pure-u-19-24.col3, .pure-u-md-19-24.col3,
.pure-u-20-24.col3, .pure-u-md-20-24.col3,
.pure-u-5-6.col3,   .pure-u-md-5-6.col3,
.pure-u-21-24.col3, .pure-u-md-21-24.col3,
.pure-u-7-8.col3,   .pure-u-md-7-8.col3,
.pure-u-22-24.col3, .pure-u-md-22-24.col3,
.pure-u-11-12.col3, .pure-u-md-11-12.col3 {
  padding-left: 3%;
}

p { -webkit-margin-after: 0; }
p.image-label { 
  position: absolute;
  -webkit-margin-before: 0; 
  bottom: 0; 
  width: 488px;
  font-size: 1.6em;
  line-height: 1.2em;
}
p.image-label.bottom-5vh { 
  bottom: 5vh; 
}
p.image-label.bottom-10vh { 
  bottom: 10vh; 
}
p.image-label.bottom-20vh { 
  bottom: 20vh; 
}
p.image-label.bottom-33vh { 
  bottom: 33vh; 
}
p.image-label.bottom-40vh { 
  bottom: 40vh; 
}
p.image-label.bottom-50vh { 
  bottom: 50vh; 
}

.no_topspace { 
  margin-block-start: 0;
  -webkit-margin-before: 0 !important;
  margin-top: 0 !important; 
}
.citation,
#inline-intro   p.citation,
#inline-intro-2 p.citation { 
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-block-start: 0; 
}
.read-estimate { padding-left: 30px; }
.section.panel h1 { margin-block-start: 0.1em; }
.section.panel h2 { margin-block-start: 0.5em; }
.section.panel li { margin-block-start: 0.5em; }
h3 { text-align: left; }
h4 { margin-top: 0; margin-bottom: 0; }


button,
.user_response_button { border-radius: 15px; } 

/* From https://codepen.io/lukemeyrick/pen/qdxqwM */
.playBtn {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  margin-top: 10px;
}
.playBtn .circle {
  stroke: #fff;
  stroke-dashoffset: 0;
  opacity: 0.2;
  stroke-width: 12;
}
.playBtn .triangle {
  stroke-dasharray: 240;
  stroke-dashoffset: 480;
  stroke: #fff;
  stroke-width: 12;
  transform: translateY(0);
}
.playBtn:hover .triangle,
.playBtn:hover .circle {
  stroke-dashoffset: 0;
  opacity: 1;
  stroke: #f8aa28;
}
.playBtn.animate .circle {
  opacity: 1;
}
.playBtn.animate:hover .circle {
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  opacity: 0.3;
  stroke: #fff;
  }
  .playBtn.animate           { -webkit-transition: all 0.5s ease; }
  .playBtn.animate .circle   { -webkit-transition: all 0.5s ease-in-out; }
  .playBtn.animate .triangle { -webkit-transition: all 0.7s ease-in-out; }
  .playBtn.animate:hover .triangle { animation: nudge 0.7s ease-in-out; }
      
  @keyframes nudge {
    0%   { transform: translateX(0)    }
    30%  { transform: translateX(-5px) }
    50%  { transform: translateX(5px)  }
    70%  { transform: translateX(-2px) }
    100% { transform: translateX(0)    }
  }


#btn_kids {
  display: inline-block;
  position: fixed;
  bottom: 3vh; 
  top: auto; 
  left: auto; 
  right: 15px;
  width: 90px;
  height: 90px;
  z-index: 10;
  text-align: center; 
  color: #fff;
  border-radius: 15px;
  border: 2px solid rgba(255,255,255,0.5);
  background-image: url("../img/themes/serious/en/kids.png");
  background-image: url("../img/themes/default/en/kids.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  box-shadow: 4px 5px 5px rgba(0,0,0,0.5);
  visibility: hidden;
}

div.section.panel {
  position: relative;
}
.siema div.section.panel {
  position: static;
  padding-top: 20px;
  margin: auto 30px;
}
.siema div div:not(:last-child) .section.panel {
  background: linear-gradient(8deg, transparent 0%, transparent 93%, rgba(255,255,255,0.15) 100%);
}
.siema div div:last-child .section.panel {
  background: linear-gradient(-35deg, transparent 0%, transparent 93%, rgba(255,255,255,0.15) 100%);
  margin-left: 1px;
  padding-left: 29px;
}
.columnize {
  column-count: 2;
  column-fill: balance;
  column-gap: 5vw;
  margin-block-start: 0.5em;
}
.columnize.notitle {
  margin-block-start: 0.5em;
}
.columnize p:nth-child(1) {
  margin-block-start: 0;
}


video#custom_video                 { max-width: 710px; max-height: 400px; } 
.columnize video                   { max-width: 300px; max-height: 170px; }
.featherlight-inner video { max-width: 480px; max-height: 260px; }
.flush_right_to_video              { float: right; margin-right: 350px; }

.columnize img, 
.columnize div:not(.reader_call_out) div img { max-width: 300px; }
.reader_call_out div img,
.columnize .reader_call_out div img          { max-width: 90%; } 

img.glossy_frame {
  background: linear-gradient(45deg,
                              rgb(8,9,13) 0%,
                              rgb(73,76,76) 25%,
                              rgb(73,76,76) 45%,
                              rgb(8,9,13) 100%);
  padding: 10px;
}
img.glossy_frame.smaller { padding: 5px; }

.swipe-gesture-LR { max-height: 60px !important; }

.pure-u-1 p.image-label { max-width: 249px; }

div:not(.fader__item).columnize p:nth-child(1) {
  text-indent: 0;
}
.buttonize {
  background-image: linear-gradient(-10deg, #f4f4f4 0%, #e3e3e3 100%);
  box-shadow: 0px 0px 2px rgba(0,0,0,0.25),
              10px 10px 15px #e3e3e3,
              -10px 10px 15px #e3e3e3,
              -15px -15px 15px rgba(255,255,255,0.4),
              15px -15px 15px rgba(255,255,255,0.4),
              inset 0px 2px 0px #fff;
  padding: 10px 20px 10px 140px;
  border-radius: 10px;
  margin-block-start: 1em;
}
.buttonize:before {
  content: '';
  position: absolute;
  background: url(../img/taphere_lefth.png) 1% 100%/120px 120px no-repeat;
  border-radius: 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation:pulsebeattext 0.5s 2;
  animation-timing-function:ease-in;
  animation-fill-mode:both;
  animation-delay: 3s;
}

.pswp__instructions,
.pswp__counter {
    position: absolute;
    top: 0.5vh;
    height: 88px;
    padding: 15px 0 0 20px;
    z-index: -1;
    color: #a3a3a3;
}
.pswp__instructions {
    display: none;
    right: calc(38vw + 130px);
    }
.pswp--zoom-allowed .pswp__button--zoom {
    right: 38vw;
  }
.pswp__caption__center { max-width: 90%; }


.fader__bg {
  background-color:rgba(0,0,0,0.97);
  transition:background-color 300ms ease;
}
.video__bg .hero-vid,
.fader__bg .hero-vid {
    backface-visibility:hidden;
    background:url("../content/media/coverimage-1.jpg") no-repeat scroll 0 0 #000;
    background-size:cover;
    top:0; left:0; bottom:0; right:0;
    width:auto; height:auto;
    min-height:100%;
    min-width:100%;
    position:fixed;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    }
.fader__container {
  width:80vw;
  height:80vh;
  margin:10vh 10vw;
  position:relative;
}
.fader__item.section.panel {
  background: #000;
  /* min-height: 100%; */
  padding: 10px;
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.fader__item.section.panel.overlaid-video { background: rgba(0,0,0,0.25); }
.no-block-start,
.fader__item.columnize { margin-block-start: 0; }

.video__bg {
  background-color:rgba(0,0,0,0.65);
  transition:background-color 300ms ease;
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: calc(100vh - 50px);
  background: #000;
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.fader__container .soundcite-play.hackfix:before,
.fader__container .soundcite-pause.hackfix:before { 
    margin-left: -1em;  /* hack: to fix during a faderStory */
}

.module_intro_page {
    height: 100vh;
}
.narrow-aviso {
  font-family:sans-serif;
  font-weight:normal;
  font-size: 1rem;
  position: fixed;
  bottom: 0;
  top: auto;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  color: #ccc;
  background: repeating-linear-gradient(-45deg, rgb(23,26,26), rgba(23,26,26) 3px, rgba(0,0,0,0.9) 3px, rgba(0,0,0,0.9) 12px );
  visibility: hidden;
  z-index: 1000;
  opacity: 0.001;
  -webkit-transition: opacity 200ms ease-out;
          transition: opacity 200ms ease-out;
  will-change: opacity;
  
}
.narrow-aviso p {
  text-shadow: 1px 1px 3px #000;
  padding: 16px 0;
  margin-block-start: 0;
}
.portrait-aviso {
  font-family: sans-serif;
  font-weight: normal;
  font-size: 2.5vh;
  position: absolute;
  top: 20%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 5px;
  text-align: center;
}
.portrait-aviso,
.portrait-aviso .message_mobile,
.portrait-aviso .message_landscape { display: none; }


.featherlight .featherlight-content { 
  overflow-y: hidden !important; 
  overflow-x: hidden; 
}
.featherlight .featherlight-inner:not(.constrain-font) p { -webkit-margin-before: 1em; }
.featherlight .featherlight-content {
    margin-left:7%;
    margin-right:7%;
    max-height: 90%; 
}

#main_homescreen input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: inherit;
  height: 70px;
  z-index: 5;
  opacity: 0;
}
#main_homescreen input[type=checkbox] ~ div {
  opacity: 1;
  margin-top: 2px;
  margin-bottom: 2px;
}

#submit-btn {
    visibility: hidden;
}

#sb_layout, #sb_main {
    height: calc(100vh - 50px);
}
#sb_main { padding: 20px; } 
#sb_main.no_padding { padding: 0; }

#main_homescreen {
    padding: 20px;
    margin: 8vh auto 0 auto;
    height: calc(100vh - 300px);
    width: 67%; 
}
#intro_question {
    padding: 10px 0 40px 0;
}


.kiosk_number, .kiosk_home {
    position: fixed;
    left: 15px;
    bottom: 50px;
    top: auto;
    right: auto;
    width: 9vh;
    height: 12vh;
    color: #fff;
    opacity: 0.67;
    background-color: transparent;
    border: none;
}
.kiosk_number {
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 20px;
}
.kiosk_number.numeral { 
  padding: 1.25vh 0 0 0.5vh; 
}
.kiosk_number #img_toc { 
  width: 100%; 
}
.sb_controls {
    position: fixed;
    bottom:0; top:auto; left:0; right:0;
    border-radius: 20px;
    color: #fff;
    font-family: 'Cantarell', 'Helvetica Neue', Helvetica, sans-serif;
    text-shadow: 2px 2px 2px #000;
    padding:8px 10px;
    height:6vh;
    min-height: 90px;
    width:100%;
}
.sb_controls.please {
    border-radius: 0 10px 10px 0;
    bottom: 3vh;
    text-shadow: none;
    left: calc(9vh + 15px);
    padding-left: 30px;
}
.sb_controls .title { 
    width: 85%; 
    display: block; 
    max-height: 90px;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: .67s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.sb_controls .title.closed { 
    max-height: 0; 
  }
.sb_controls .title.hide,
.hero-vid.hide,
.pswp__button.hide    { display: none; } 

.sb_controls.please div.title { 
    width: 60%;
    text-transform: uppercase; 
    text-align: left;
    letter-spacing: 2px; 
    text-shadow: 4px 5px 5px rgba(0,0,0,0.5);
}

.sb_controls img { height: 40px; vertical-align: text-top; }
.sb_controls #btn_help,
.sb_controls #btn_reset,
.sb_controls #btn_next { position:fixed; margin:5px 10px; left:auto; z-index: 10; }
.sb_controls #btn_help  { right: 20px; bottom: 32px; }
.sb_controls #btn_reset { right: calc(5.5vh + 60px);  bottom: 32px; }
.sb_controls #btn_next { right: calc(5.5vh + 345px); bottom: 70px; width: auto; }
.sb_controls #btn_next .flipbtn-front { border-radius: 10px; text-shadow: 1px 1px 5px #bbb;}
.sb_controls #btn_help a { text-decoration: none; }
.sb_controls #btn_reset img,
.sb_controls #btn_kids img,
.sb_controls #btn_help img  { float: right; height: 5.5vh; border: none; }
.sb_controls #btn_extra img { float: right; height: 6vh; border: none; }
.kiosk_number, .kiosk_home, #btn_number { z-index: 20; }

#inline-help .switch_button, 
#inline-switch .switch_button { text-align: left; padding-left: 20px; }
.narration-player { display: none; }

.section.title { 
    margin: 0 auto 10px auto; 
    padding: 0 5px;
    color: #f9f9f9;
}
.tabContent         { min-height: 100%; }
.tabContent.padded  { padding: 30px 30px 30px 40px; }
.tabContent.hide    { display: none; }
.as-table           { display: table; }
.cell               { display: table-cell; }
.one-of-3,
.one-of-4,
.one-of-5,
.one-of-6,
.one-of-7           { display: table; z-index:2; position:relative;}
.one-of-3 .chapter_button { height: calc( (100vh - 90px) / 3 ); }
.one-of-4 .chapter_button { height: calc( (100vh - 90px) / 4 ); }
.one-of-5 .chapter_button { height: calc( (100vh - 90px) / 5 ); }
.one-of-6 .chapter_button { height: calc( (100vh - 90px) / 6 ); }
.one-of-7 .chapter_button { height: calc( (100vh - 90px) / 7 ); }

#button_list.disabled {
    pointer-events: none;
    background: #000;
}

.reader_call_out { 
  padding: 8px 12px;
  border-radius: 8px;
}
.reader_call_out.shaded { 
  background: rgba(255,255,255,0.08);
  border: 2px solid rgba(0,0,0,0.1);
}
.textured .reader_call_out.shaded { 
  border: 2px solid rgba(0,0,0,0.5);
}
.reader_call_out h2, 
.reader_call_out h3, 
.reader_call_out h4, 
.reader_call_out h5 {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
.reader_call_out.one_col { position: relative; }
.reader_call_out div { display: inline-block; }
.reader_call_out:not(.one_col) div:nth-child(1) { width: 30%; vertical-align: top; }
.reader_call_out:not(.one_col) div:nth-child(2) { width: 70%; }
.reader_call_out.shaded div img { margin-top: 25%; } 
.reader_call_out p:not(.largetext) { font-size: 0.8rem; }


.switch_button {
    display: block;
    width: 80%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(125,125,125,0.25);
    border-radius: 8px;
    background: linear-gradient( 90deg, rgba(60,60,60,0.05), rgba(60,60,60,0.15) 20%, rgba(60,60,60,0.15) 80%, rgba(60,60,60,0.05));
    margin: 10px auto 0 auto;
    padding: 15px 0 8px 0;
  } 
  .switch_button.dimmed { color: #666666; }
  #inline-help .switch_button { width: 60%; }

body.system-msg .switch_button {
    background: linear-gradient( 90deg, rgba(128,201,249,0.05), rgba(128,201,249,0.15) 20%, rgba(128,201,249,0.15) 80%, rgba(128,201,249,0.05));
}
body.system-msg .switch_button.dimmed { color: #888; }

.switch_button.disabled,
body.system-msg .switch_button.disabled {
    pointer-events: none;
    background: repeating-linear-gradient(-45deg, rgba(128,201,249,0.15), rgba(128,201,249,0.15) 3px, rgba(255,255,255,0.1) 3px, rgba(255,255,255,0.1) 12px );
    border: 2px solid #f8f8f8;
}
.switch_button:nth-child(2) { margin-top: 1.5em; }


#yes_button .switch_button { 
    background: linear-gradient( 90deg, rgba(128,201,249,0.05), rgba(128,201,249,0.25) 20%, rgba(128,201,249,0.25) 80%, rgba(128,201,249,0.05));
}
.chapter_button {
    width: 500px;
    max-width: 20vw;
    text-align: center;
    vertical-align: middle;
}
.user_response_button { 
    color: #f9f9f9;
    width: 500px;
    max-width: 20vw;
    text-align: center;
    vertical-align: middle;
    min-height: 80px; 
    border: 1px solid rgba(255,255,255,1); 
    padding-top: 2.5vh;
    font-size: 1.3em;
    line-height: 2em;
}
span.hide_selectively { display: none; } 
span.duration { 
  font-size: 0.6em;
  color: #4D86D5;
  font-family: 'Helvetica Neue', Helvetica, sans-serif; 
  text-shadow: none;
  text-transform: uppercase;
}
.video_container span.duration { font-size: 0.67em; }
.featherlight-content .video_container span.duration { font-size: 1em; }
.sb_controls span.duration { 
  color: #d8d8d8; 
}
.center {
    text-align: center;
}
.flush_right {
    float: right;
    margin-right: 20px;
}
.flush_left {
    float: left;
    margin-left: 20px;
}
.vocab-term {
    border-radius: 6px;
    padding: 5px 5px 0 5px;
    display: inline-block;
    letter-spacing: 1.25px;
    background-color: rgba(122,122,122,.5);
}
.curseword { 
  border-radius: 5px;
  font-size: 0.8em;
  padding: 3px;
 }
.slider-arrows span {
  position: absolute;
  z-index: 2000;
  top: 18vh;
  width: 40px;
  height: 40px;
  border: 8px solid #ddd;
  border: 8px solid rgba(255,255,255,0.25);
  text-indent: -90000px;
  margin-top: -40px;
  cursor: pointer;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.slider-arrows span:hover,
.slider-arrows span.slider-arrow-next.nudge:hover {
  border-color:rgba(255,255,255,0.9);
}
.slider-arrows span.slider-arrow-prev {
  left: 2vw;
  border-right:none;
  border-top:none;
}
.slider-arrows span.slider-arrow-next {
  right: calc(22vw + 20px);
  border-left:none;
  border-bottom:none;
}
.slider-arrows span.slider-arrow-prev.hide,
.slider-arrows span.slider-arrow-next.hide {
  visibility: hidden;
}
.slider-arrows span.slider-arrow-next.nudge { 
  /* border-color:rgba(255,255,255,0.66); */
  animation:pulsebeat 1s 12;
  animation-timing-function:ease-in;
  animation-fill-mode:both;
}
.swipe {
  animation:pulsebeattext 1s 6;
  animation-timing-function:ease-in;
  animation-fill-mode:both;
}
.featherlight .featherlight-close-icon {
    top: -1px;
    right: -1px;
  }

#map {
  height: 100%;
  width: 100%;
  text-shadow: none;
  z-index: 10;
}
.mapboxgl-ctrl-group > button {
  width:8vh;
  height:8vh;
}
.mapboxgl-popup-content .pure-g [class *= "pure-u"],
.featherlight .featherlight-content .pure-g [class *= "pure-u"] { text-shadow: none !important; }

.featherlight-inner .pure-g,
.mapboxgl-popup-content .pure-g {
  text-shadow: none !important;
  margin: 20px 10px 10px 10px;
}
.featherlight-inner .pure-u-1,
.mapboxgl-popup-content .pure-u-1 { vertical-align: top; }

.featherlight-inner .col1     { line-height: 1.4em !important; }
.featherlight-inner .col2,
.mapboxgl-popup-content .col2 { padding-left: 10px; }

.featherlight-inner .pure-u-1 p,
.mapboxgl-popup-content p,
.mapboxgl-popup-content h3 { padding-right: 10px; }
.mapboxgl-popup-content h3 { margin-block-start: 0; margin-block-end: 0.5em; }

#inline-instag img {
  margin: 0 auto;
  width: 100%;
  max-width: 33vw;
  padding: 0 20px;
}
#main_video,
#main_video button {
    cursor:not-allowed !important;
    pointer-events:none !important; 
}

.video_state_btn {
  position: absolute;
  font-size: 2.25em;
  line-height: 1em;
  right: calc( 50vw - 120px );
  bottom: 3vh;
  cursor: pointer;
  width: 120px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
  background-color: red;
  box-shadow: 4px 5px 5px rgba(0,0,0,0.5);
  padding: 5px;
  text-align: center;
}
.video_state_btn img        { display:none; width:5.5vh; height:5.5vh; border:none; padding: 2px 0;}
.video_state_btn img.shown  { display:inline-block; }
.video_duration { 
  position: absolute;
  bottom: 3vh;
  right: calc( 50vw - 240px ); 
}

.video_container {
  position: relative;
  margin-top: 16px;
}
.video_container.gray_border {
  background: linear-gradient(-45deg, rgb(8,9,13) 0%, rgb(35,36,36) 50%, rgb(8,9,13) 100%);
  padding: 15px 4px;
  border-radius: 10px;
}
.video_container:not(.playing):before {
  content: '';
  position: absolute;
  background: url(../img/taphere_a50.png) 56% 75%/150px 150px no-repeat;
  border-radius: 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* fix for tap icon not disappearing */
.video_container.playing:before {
  background-image: none;
}


/* Pulse animation */
@keyframes pulsebeat {
  0%, 100% {
    transform:scale(1); transform:rotate(45deg); }
  10% {transform:rotate(45deg)scale(0.98);}
  20% {transform:rotate(45deg)scale(0.94);}
  30% {transform:rotate(45deg)scale(0.91);}
  40% {transform:rotate(45deg)scale(0.95);}
  50% {transform:rotate(45deg)scale(0.97);}
  60% {transform:rotate(45deg)scale(1);}
  70% {transform:rotate(45deg)scale(1.07);}
  80% {transform:rotate(45deg)scale(1.13);}
  90% {transform:rotate(45deg)scale(1.07);}
}
@keyframes pulsebeattext {
  0%, 100% {
    transform:scale(1); }
  10% {transform:scale(0.98);}
  20% {transform:scale(0.95);}
  30% {transform:scale(0.93);}
  40% {transform:scale(0.96);}
  50% {transform:scale(0.97);}
  60% {transform:scale(1);}
  70% {transform:scale(1.02);}
  80% {transform:scale(1.03);}
  90% {transform:scale(1.02);}
}

.swoosh {
  outline: none;
  backface-visibility: hidden;
  position: relative;
  display: inline-block;
}
.swoosh span {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.swoosh:before,
.swoosh span:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 67px;
  z-index: 2;
}
.swoosh span:before {
  z-index: -1;
  display: block;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  animation: fill .5s ease-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  }
  .swoosh.longdelay span:before { animation-delay: 4s; }
.swoosh:after {
  z-index: 1;
  transition: all 100ms ease-out;
  content: '';
  position: absolute;
  left: 4%;
  top: 0;
  transform: skewX(-10deg) scaleX(0);
  width: 92%;
  height: 100%;
  background-color: #4D86D5;
  animation: swooshright .7s ease-in;
  animation-delay: 2.5s;
  animation-fill-mode: both;
  }
  .swoosh.longdelay:after { animation-delay: 4s; }

/* Swoosh/glint animation by Tim Rijkse - https://codepen.io/timrijkse/pen/gwRBQg */
@keyframes swooshright {
  0% { transform-origin: left center; }
  20% { transform: skewX(-20deg) scaleX(1); transform-origin: left center; }
  21% { transform-origin: right center; }
  50% { transform: skewX(-20deg) scaleX(0); transform-origin: right center; ß}
}

@keyframes fill {
  0% { background-color: rgba(14, 56, 118, 0); }
  20% {
    opacity: .5;
    border-width: 15px;
    border-color: #092248;
  }
  100% {
    opacity: .5;
    border-width: 1px;
    background-color: rgba(14, 56, 118, 0.5);
  }
}




/*******                                                        ************/
/*******                                                        ************/
/*******                                                        ************/
/*******                     CUSTOM ELEMENTS                    ************/
/*******                                                        ************/
/*******                                                        ************/
/******* **/

p.largetext {
  font-size: 1.33em;
  line-height: 1.67em;
}
.reader_call_out p.largetext { font-size: 1rem; line-height: 1.3em;}
#intro_panel {
  background: url(../content/media/artifacts/doll-bg.png) no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  min-height: 65vh;
  word-spacing: 1.25px;
}
#intro_themes {
  background: url(../content/media/artifacts/vase-bg.png) no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  min-height: 65vh;
}
#intro_atomic {
  background: url(../content/media/explosion.png) no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  min-height: 65vh;
}
#transform_cross {
  background: url(../content/media/artifacts/cross2.png) no-repeat;
  background-size: contain;
  background-position: 50% 0%;
  min-height: 65vh;
}
#artifacts_hospital,
#artifacts_prayers {
  max-height: 67vh;
  object-fit: contain;
}
#artifacts_thumbnail {
  max-height: 50vh;
  object-fit: contain;
}
.section.panel {
  color: #fffde2;
}
.section.panel .pure-u-1 p:first-child {
  margin-block-start: 0;
}
.module4 .section.panel .pure-u-1 p:first-child {
  margin-block-start: 1em;
  font-size: 1.1em;
}
.module4 .section.panel .pure-u-1 p:not(:first-child) {
  margin-block-start: 2em;
  font-size: 1.1em;
}
.module4 .section.panel .pure-u-1 a { color: #4cbad3 !important; }

body.credits_page .citation { color: #fff; }
body.credits_page #intro_question { display: none; }

.section.panel .pure-u-1 p.citation {
  margin-top: 4px;
}
.section.panel img:not(.no-border) {
  border: 6px solid rgba(0,0,0,0.2);
  border-radius: 2px;
}
.reader_call_out.shaded {
  background: rgba(209,173,112,0.5);
  border: 2px solid rgba(209,173,112,0.1);
}
.textured .reader_call_out.shaded {
  border: 2px solid rgba(209,173,112,0.5);
}


#background_2_1 {
  background: url(../content/media/artifacts/tiles1.jpg) no-repeat;
  background-size: contain;
}

.special-case-3 #chapter2_panel_slide1 { padding-top: 0; }

/*******                                                        ************/
/*******                                                        ************/
/*******                                                        ************/
/*******                       MEDIA QUERIES                    ************/
/*******                                                        ************/
/*******                                                        ************/
/******* **/


/*                               */
/* iPad/tablet in portrait mode  */
/*                               */
@media only screen and (max-device-width: 800px) and (orientation: portrait) {
  .module_intro_page, #sb_layout, .sb_controls        { display: none; }
  .portrait-aviso, .portrait-aviso .message_landscape { display: block; }
}

@media only screen and (max-width: 767px) {
  .narrow-aviso { visibility: visible; opacity: 1; }
  
}

/* Not yet to iPad screensize */
@media only screen and (max-device-width: 767px) {
  .module_intro_page, #sb_layout, .sb_controls      { display: none; }
  .portrait-aviso, .portrait-aviso .message_mobile  { display: block; }
  .narrow-aviso, .portrait-aviso .message_landscape { display: none; }
  .module_intro_page,
  .colorways1 .module_intro_page,
  .colorways2 .module_intro_page { background-image: none; }
  .featherlight { display: none !important; }
}


@media only screen and (max-width: 767px) {
  #button_container, .sb_controls { display: none; }

    .featherlight-inner .pure-u-md-1,
    .featherlight-inner .pure-u-md-1-1,
    .featherlight-inner .pure-u-md-1-2,
    .featherlight-inner .pure-u-md-1-3,
    .featherlight-inner .pure-u-md-2-3,
    .featherlight-inner .pure-u-md-1-4,
    .featherlight-inner .pure-u-md-3-4,
    .featherlight-inner .pure-u-md-1-5,
    .featherlight-inner .pure-u-md-2-5,
    .featherlight-inner .pure-u-md-3-5,
    .featherlight-inner .pure-u-md-4-5,
    .featherlight-inner .pure-u-md-5-5,
    .featherlight-inner .pure-u-md-1-6,
    .featherlight-inner .pure-u-md-5-6,
    .featherlight-inner .pure-u-md-1-8,
    .featherlight-inner .pure-u-md-3-8,
    .featherlight-inner .pure-u-md-5-8,
    .featherlight-inner .pure-u-md-7-8,
    .featherlight-inner .pure-u-md-1-12,
    .featherlight-inner .pure-u-md-5-12,
    .featherlight-inner .pure-u-md-7-12,
    .featherlight-inner .pure-u-md-11-12,
    .featherlight-inner .pure-u-md-1-24,
    .featherlight-inner .pure-u-md-2-24,
    .featherlight-inner .pure-u-md-3-24,
    .featherlight-inner .pure-u-md-4-24,
    .featherlight-inner .pure-u-md-5-24,
    .featherlight-inner .pure-u-md-6-24,
    .featherlight-inner .pure-u-md-7-24,
    .featherlight-inner .pure-u-md-8-24,
    .featherlight-inner .pure-u-md-9-24,
    .featherlight-inner .pure-u-md-10-24,
    .featherlight-inner .pure-u-md-11-24,
    .featherlight-inner .pure-u-md-12-24,
    .featherlight-inner .pure-u-md-13-24,
    .featherlight-inner .pure-u-md-14-24,
    .featherlight-inner .pure-u-md-15-24,
    .featherlight-inner .pure-u-md-16-24,
    .featherlight-inner .pure-u-md-17-24,
    .featherlight-inner .pure-u-md-18-24,
    .featherlight-inner .pure-u-md-19-24,
    .featherlight-inner .pure-u-md-20-24,
    .featherlight-inner .pure-u-md-21-24,
    .featherlight-inner .pure-u-md-22-24,
    .featherlight-inner .pure-u-md-23-24,
    .featherlight-inner .pure-u-md-24-24 {
        display: inline-block;
        vertical-align: middle;
        margin: auto 0;
    }
    .featherlight-inner .pure-u-md-1-24 {
        width: 4.1667%;
    }
    .featherlight-inner .pure-u-md-1-12,
    .featherlight-inner .pure-u-md-2-24 {
        width: 8.3333%;
    }
    .featherlight-inner .pure-u-md-1-8,
    .featherlight-inner .pure-u-md-3-24 {
        width: 12.5000%;
    }
    .featherlight-inner .pure-u-md-1-6,
    .featherlight-inner .pure-u-md-4-24 {
        width: 16.6667%;
    }
    .featherlight-inner .pure-u-md-1-5 {
        width: 20%;
    }
    .featherlight-inner .pure-u-md-5-24 {
        width: 20.8333%;
    }
    .featherlight-inner .pure-u-md-1-4,
    .featherlight-inner .pure-u-md-6-24 {
        width: 25%;
    }
    .featherlight-inner .pure-u-md-7-24 {
        width: 29.1667%;
    }
    .featherlight-inner .pure-u-md-1-3,
    .featherlight-inner .pure-u-md-8-24 {
        width: 33.3333%;
    }
    .featherlight-inner .pure-u-md-3-8,
    .featherlight-inner .pure-u-md-9-24 {
        width: 37.5000%;
    }
    .featherlight-inner .pure-u-md-2-5 {
        width: 40%;
    }
    .featherlight-inner .pure-u-md-5-12,
    .featherlight-inner .pure-u-md-10-24 {
        width: 41.6667%;
    }
    .featherlight-inner .pure-u-md-11-24 {
        width: 45.8333%;
    }
    .featherlight-inner .pure-u-md-1-2,
    .featherlight-inner .pure-u-md-12-24 {
        width: 50%;
    }
    .featherlight-inner .pure-u-md-13-24 {
        width: 54.1667%;
    }
    .featherlight-inner .pure-u-md-7-12,
    .featherlight-inner .pure-u-md-14-24 {
        width: 58.3333%;
    }
    .featherlight-inner .pure-u-md-3-5 {
        width: 60%;
    }
    .featherlight-inner .pure-u-md-5-8,
    .featherlight-inner .pure-u-md-15-24 {
        width: 62.5000%;
    }
    .featherlight-inner .pure-u-md-2-3,
    .featherlight-inner .pure-u-md-16-24 {
        width: 66.6667%;
    }
    .featherlight-inner .pure-u-md-17-24 {
        width: 70.8333%;
    }
    .featherlight-inner .pure-u-md-3-4,
    .featherlight-inner .pure-u-md-18-24 {
        width: 75%;
    }
    .featherlight-inner .pure-u-md-19-24 {
        width: 79.1667%;
    }
    .featherlight-inner .pure-u-md-4-5 {
        width: 80%;
    }
    .featherlight-inner .pure-u-md-5-6,
    .featherlight-inner .pure-u-md-20-24 {
        width: 83.3333%;
    }
    .featherlight-inner .pure-u-md-7-8,
    .featherlight-inner .pure-u-md-21-24 {
        width: 87.5000%;
    }
    .featherlight-inner .pure-u-md-11-12,
    .featherlight-inner .pure-u-md-22-24 {
        width: 91.6667%;
    }
    .featherlight-inner .pure-u-md-23-24 {
        width: 95.8333%;
    }

}

/* iPhone X / Google PixelXL */
@media only screen and (max-device-width: 825px) and (max-height: 412px) {
  .module_intro_page, #sb_layout, .sb_controls     { display: none; }
  .portrait-aviso, .portrait-aviso .message_mobile { display: block; }
  .module_intro_page,
  .colorways1 .module_intro_page,
  .colorways2 .module_intro_page { background-image: none; }
  .featherlight { display: none !important; }
}

/*                               */
/* Retina high-resolution         */
/*                               */
@media only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
    .kiosk_number, .kiosk_home { 
        min-height: 100px;
    }
}
/*                               */
/* iPad/tablet in landscape mode */
/*                               */
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .module_intro_page, #sb_layout, .sb_controls        { display: block; }
  .portrait-aviso, .portrait-aviso .message_landscape { display: none; }
  .kiosk_number,
  .flipbtn, .sb_controls.please {
    bottom: 40px;
  }
  .kiosk_number, .kiosk_home {
    width: 62px;
    left: auto;
  }
  .kiosk_number #img_toc { 
    width: 56px; 
  }
  .kiosk_home {
    left: auto;
    right: 30px;
  }
  body.credits_page #main_homescreen {
    margin-top: 10vh !important;
  }
}

@media screen and (max-width: 920px) {
  .sb_controls #btn_next { right: calc(5.5vh + 280px); }
}

@media screen and (max-width: 1024px) {
  .sb_controls #module_banner { font-size: 0.67em; }
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; }
  #main_homescreen { width: 85%; }
}

@media screen and (min-width: 1120px) {
    /* New font sizes */
    .flipbtn-front { font-size: 1.33em; line-height: 2em; }
    #response_text { font-size: 1.33em; line-height: 1.5em; }
    #intro_question h1.exhibit_title  { font-size: 1.8em; }
    span.hide_selectively { display: inline; } 
    .pswp__instructions   { display: block; }
    .section.panel h1 { margin-block-start: 0.5em; }
    .slider-arrows span { width: 60px; height: 60px; top: 17vh;}
    .slider-arrows span.slider-arrow-prev { left: calc(1vw + 3px); }
    .playBtn { margin-top: 0; }
    .flipbtn { right: 18vh; width: 500px; }
    #btn_next .flipbtn-front { 
      padding: 10px 40px 0;
    }
    .flipbtn-front,
    .flipbtn-back { width: 100%; height: 100%; }
    .sb_controls .title { width: 88%; }
    .video_state_btn {  bottom:1vh; }
    .video_duration { right: calc(50vw - 340px); bottom: 0; }
    .featherlight-inner video { max-width: 631px; max-height: 355px; }
    .columnize video { max-width: 400px; max-height: 246px; }
    .flush_right_to_video { float:right; margin-right:300px; }
    .columnize img, 
    .columnize div:not(.reader_call_out) div img { max-width: 400px; }
    .section.panel .pure-u-md-3-5 img { max-width: 495px; }
    .reader_call_out div img,
    .columnize .reader_call_out div img { max-width: 90%; } 
    .pure-u-1 p.image-label {  max-width: 400px; bottom: 10vh; }
    .narrow-aviso { display: none; }
}

@media screen and (max-height: 560px) {
  .section.panel p { hyphens: auto; }

}

@media screen and (min-height: 590px) {
  .pure-g [class *= "pure-u"] { font-size: 1rem; }

}
@media screen and (min-height: 675px) {
    body:not(.credits_page) #main_homescreen { margin: 20vh auto 0 auto; }
    #sb_layout,
    #sb_main, 
    .video__bg   { height: calc(100vh - 90px); }
    .sb_controls { height: 90px; }
    .sb_controls #btn_help  { bottom: 30px; }

    .one-of-3 .chapter_button { height: calc( (100vh - 90px) / 3 ); }
    .one-of-4 .chapter_button { height: calc( (100vh - 91px) / 4 ); }
    .one-of-5 .chapter_button { height: calc( (100vh - 90px) / 5 ); }
    .one-of-6 .chapter_button { height: calc( (100vh - 90px) / 6 ); }
    .one-of-7 .chapter_button { height: calc( (100vh - 90px) / 7 ); }

    .kiosk_number, .kiosk_home { font-size: 5.6em; }
    .reader_call_out p:not(.largetext) { font-size: 1rem; }
    .reader_call_out p.largetext { font-size: 1.33em; line-height: 1.67em; }

}

@media screen and (min-height: 770px) {
  .sb_controls #btn_help  { bottom: 20px; }
}
@media screen and (min-width: 1120px) and (min-height: 770px) {
  .featherlight-inner video { max-width: 711px; max-height: 400px; }
}

@media screen and (min-height: 850px) {
  .sb_controls #btn_help  { bottom: 24px; }
}


@media screen and (min-height: 900px) {
  .add_topspace { margin-top: 1em; }
}

@media screen and (min-height: 1080px) {
}

@media screen and (min-width: 1360px) and (min-height: 600px) {
   /* New font sizes */
   .pure-g [class *= "pure-u"],
    .siema .section.panel,
    .siema .section.panel [class *= "pure-u"] { font-size: 1.2rem; line-height: 1.6rem; }
    .fader__item   { line-height: 2.2em; }
    .fader__item p { text-indent: 38px; }
    
    #inline-help, 
    #inline-instag, 
    #inline-switch, 
    #inline-timeout     { font-size: 2.4em; line-height: 4.13em; }
    #inline-intro h1    { /* font-size: 2.4em; line-height: 3.6em; */ } 
    #inline-intro-2 h1  { /* font-size: 2.4em; line-height: 3em; */ }
    #inline-intro p     { /* font-size: 2.4em; line-height: 2.8em; */ }
    #inline-sources h1  { font-size: 2em; line-height: 2.2em; }

    .section.title  { font-size: 1.2em; line-height: 1.4em; }
    .sb_controls    { font-size: 1.9rem; }
    .sb_controls.please  { left: calc(12vh + 15px); }
    .sb_controls .title  { font-size: 1.1em; }
    .sb_controls img { height: 50px; }
    .sb_controls #btn_extra { right: calc(5.5vh + 185px); bottom:0.75vh; }
    .kiosk_number, .kiosk_home { width: 12vh; height: 15vh; }
    .featherlight-inner img { max-height: 70%; }
    .featherlight button { font-size: 1.33em; }
    .featherlight-inner p span.duration { font-size: 0.6em; }
    .featherlight-inner p span.credit   { font-size: 0.8em; }
    .pswp__counter,
    .pswp__caption__center { font-size: 1.2em; line-height: 1.5em; }
    
    .featherlight .featherlight-content .pure-g [class *= "pure-u"],
    .mapboxgl-popup-content,
    .mapboxgl-popup-content td,
    .mapboxgl-popup-content p   { font-size: 1.2rem; line-height: 1.73rem; }
    .featherlight .featherlight-content .pure-g h4,
    .mapboxgl-popup-content h4  { font-size: 1.33em; line-height: 1.6em; }
    .featherlight .featherlight-content .pure-g h3,
    .mapboxgl-popup-content h3  { font-size: 1.4em; line-height: 1.4em; }
    .featherlight .featherlight-content .pure-g h2,
    .mapboxgl-popup-content h2  { height: 80px; }
    /* .citation      { font-size: 1.2em; }  */
    .section.panel p.citation  { font-size: 0.67em; line-height: 1.3em; }
    .colorways1 .section.panel p.citation { font-size: 0.9em; }
    .title.annotate .citation  { opacity: 0.67; }
    .section.title h2 { font-size: 1.8em; }
    .section.panel h5 { font-size: 1.4em; line-height: 1.5em; }
    .section.panel .reader_call_out h5 { font-size: 1em; line-height: 1.4em; } 
    .columnize { margin-block-start: 1.2em; }
    img.glossy_frame { padding:30px; }
    img.glossy_frame.smaller { padding:15px; }
}

/* now off of Macbook Air */
@media screen and (min-width: 1360px) and (min-height: 901px) {
  span.hide_selectively { display: none; } 

  /* New font sizes */
  #intro_question { font-size: 3.6em; }
  #intro_question h1.exhibit_title { font-size: 1.5em; }
  .pure-g [class *= "pure-u"],
    .siema .section.panel,
    .siema .section.panel [class *= "pure-u"] { font-size: 1.33rem; line-height: 1.9rem; }
  .featherlight-inner video { max-width: none; max-height: none; }
  .flush_right_to_video { float: right; margin-right: 250px; }
  .sb_controls #btn_extra { right: calc(5.5vh + 155px); }
  .user_response_button { padding-top: 1.6vh; }
  .video_container:not(.playing):before {
    background: url(../img/taphere_a50.png) 75% 75%/150px 150px no-repeat; 
  }
}


/* now off of iPad Pro */
@media screen and (min-width: 1370px) and (min-height: 901px) {
  span.hide_selectively { display: inline; }

  /* New font sizes */
  .featherlight .featherlight-content .pure-g [class *= "pure-u"] { font-size: 1.47rem; line-height: 2.25rem; }
  .mapboxgl-popup-content,
  .mapboxgl-popup-content td,
  .mapboxgl-popup-content p   { line-height: 1.8rem; }
  .featherlight .featherlight-content .pure-g h4,
  .mapboxgl-popup-content h4  { line-height: 1.3em; }
  #intro_title img { max-width: 25vw; } 
  .mapboxgl-popup.touchpoint1 { min-width: 56vw !important; }
  .reader_call_out { padding: 12px 20px; }
  .columnize { margin-block-start: 0; }
  .reader_call_out div img,
  .columnize .reader_call_out div img { max-width: 90%; } 
  .pure-u-1 p.image-label             { max-width: 488px; bottom: 15vh; }
  .featherlight .featherlight-content { 
    margin-left: 20%; 
    margin-right: 20%; 
    padding: 25px 30px 25px 30px; 
  /*
  .columnize img, 
  .columnize div:not(.reader_call_out) img,
  .section.panel .pure-u-md-3-5 img,
  .columnize video { max-width: none; max-height: none; } 
  */  
}

@media screen and (min-width: 1850px) { 
  /* New font sizes */
  .pure-g [class *= "pure-u"],
    .siema .section.panel,
    .siema .section.panel [class *= "pure-u"]  { font-size: 1.5rem; line-height: 2.4rem; }
  .section.title h2                            { font-size: 1.8em; line-height: 1em; }
  .kiosk_number { border: 3px solid rgba(255,255,255,0.5); }
  .sb_controls .title  { font-size: 1.2em; }
  .sb_controls #btn_extra { display: block; right: calc(5.5vh + 230px); bottom:0.75vh; }
  .user_response_button { padding-top: 2vh; }
  .featherlight-inner img { max-height: 70%; }
  .flush_right_to_video { float:right; margin-right:100px; }
  .video_container:not(.playing):before {
    background: url(../img/taphere_a50.png) 85% 75%/150px 150px no-repeat; 
  }
  .fader__bg .hero-vid { top:-50px; }
}

@media screen and (min-width: 1910px) { 
  .fader__bg .hero-vid { top:-100px; }  
}

@media all { 
  #system_dialogs,
  .lightbox { display: none; } 
}