@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Arimo:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
    font-family: 'Arimo', Arial, sans-serif;
    background: #fff;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    -webkit-font-smoothing: antialiased;
}
body.kids { 
	font-size: 22px; 
}
body.kids p { line-height: 1.5em; }

.pure-g [class*=pure-u] {
	font-family: 'Arimo', Arial, sans-serif;
}
body.prelude {
    color: #fff;
    background: #333;
}

h1, h2, h3, h4 {
	font-family: 'Alegreya Sans', Arial, sans-serif;
}
h1 { font-size: 3em; }
h2 { font-size: 2.25em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }

a {
	color: #555;
	text-decoration: none;
}
a[target="_blank"]:not(.no-icon)::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	margin: 0 3px 0 5px;
  }
a img.buttonize {
	box-shadow: 0 0 5px #fff; 
	border-radius: 12px; 
	padding: 0 15px; 
	background-color: rgba(0,146,239,0.25);
}
a img.buttonize:hover { background-color: rgba(0,146,239,0.67); }

div.getty  a { display: none !important; }
div.getty  a[target="_blank"]::after,
div.mapboxgl-ctrl-top-right a[target="_blank"]::after,
div.mapboxgl-ctrl-top-left a[target="_blank"]::after,
div.mapboxgl-ctrl-bottom-left a[target="_blank"]::after,
div.mapboxgl-ctrl-bottom-right a[target="_blank"]::after { display: none; }


.container {
	width: 100%;
	position: relative;
}
.container.topmargin { top: 100px; }
.kids .container.topmargin { top: 60px; }

.container.preso-1 {
	height: 100%;
	position: absolute;
}

.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}


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

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

/**
 * 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: 4px;
    padding: 4px 8px;
    display: inline-block;
    cursor: pointer;
	background-color: rgba(122,122,122,0.25);
}
.soundcite.persona.soundcite-loaded {
	box-shadow: 0px 0px 2px rgba(0,0,0,0.25), 
				2px 1px 8px #384bac;
}

.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;
}

/**
 * Codrops Styling
**/

.main {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.container > header,
.content-wrapper {
	padding: 0 30px;
	width: 80%;
	max-width: 960px;
	margin: 0 auto;	
}
.content-wrapper { padding: 30px; }
.content-wrapper p {
	margin-top: 30px;
	line-height: 26px;
}
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4 {
	margin-top: 20px;
}
.panels .content-wrapper p {
	margin-top: 40px;
}
.container > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}
.container > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

/* Header Style */
.preso-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	font-family: Georgia, serif;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.preso-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	display: inline-block;
}
.preso-top a:hover {
	background: rgba(255,255,255,0.6);
}
.preso-top span.right {
	float: right;
}
.preso-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.preso-landings {
	float: right;
}
.preso-1 .preso-landings {
	position: absolute;
	z-index: 2000;
	top: 30px;
	left: 30px;
}
.preso-landings a {
    display: inline-block;
    margin: 5px;
    color: #aaa;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 2px solid transparent;
}
.preso-landings a:hover {
	color: #883d59;
	border-color: #883d59;
}
.preso-landings a.current-landing,
.preso-landings a.current-landing:hover {
	color: #333;
	border-color: #aaa;
}
.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 
.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}
.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}
.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}
.preso-1 .sl-slider-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.preso-2 .sl-slider-wrapper {
	width: 100%;
	height: 530px;
	overflow: hidden;
	position: relative;
}
.preso-2 .sl-slider h2,
.preso-2 .sl-slider h3,
.preso-2 .sl-slider blockquote {
	padding: 100px 30px 10px 30px;
	width: 80%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.preso-2 .sl-slider h2 {
	font-size: 72px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.preso-2 .sl-slider h3 {
	font-size: 48px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.preso-2 .sl-slider h2.site_title { 
	font-size: 100px;
}
.preso-2 .sl-slider blockquote {
	font-size: 26px;
	padding-top: 10px;
	font-weight: 300;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.preso-2 .sl-slider blockquote p.site_subtitle { font-size: 36px; font-weight: bold; }
.preso-2 .sl-slider blockquote p.site_version { font-size: 24px; }
.dark_text { color: #000;}

.preso-2 .sl-slider blockquote cite {
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-top: 30px;
	display: inline-block;
}
.preso-2 .bg-img {
	padding: 200px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: -200px;
	left: -200px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* Custom navigation arrows */
.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	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);
}
.nav-arrows span:hover {
	border-color: rgba(255,255,255,0.9);
}
.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}
.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */
.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}
.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}
.preso-2 .nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}
.preso-2 .nav-dots span.nav-dot-current,
.preso-2 .nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

/* Content elements */

.preso-1 .deco {
	width: 260px;
	height: 260px;
	border: 2px dashed #ddd;
	border: 2px dashed rgba(150,150,150,0.4);
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin: 0 0 0 -130px;
}
.preso-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
	color: #999;
	text-shadow: 0 0 1px #999;
	position: absolute;
	width: 220px;
	height: 220px;
	line-height: 220px;
	text-align: center;
	font-size: 100px;
	top: 50%;
	left: 50%;
	margin: -110px 0 0 -110px;
	box-shadow: inset 0 0 0 10px #f7f7f7;
	border-radius: 50%;
}
.preso-1 .sl-slide h2 {
	color: #000;
	text-shadow: 0 0 1px #000;
	padding: 20px;
	position: absolute;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 13px;
	text-transform: uppercase;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	bottom: 50%;
	margin: 0 0 -120px 0;
}
.preso-1 .sl-slide blockquote {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	height: 70px;
	color: #8b8b8b;
	z-index: 2;
	bottom: 50%;
	margin: 0 0 -200px 0;
	padding: 0;
}
.preso-1 .sl-slide blockquote p{
	margin: 0 auto;
	width: 60%;
	max-width: 400px;
	position: relative;
}
.preso-1 .sl-slide blockquote p:before {
	color: #f0f0f0;
	color: rgba(244,244,244,0.65);
	font-family: "Bookman Old Style", Bookman, Garamond, serif;
	position: absolute;
	line-height: 60px;
	width: 75px;
	height: 75px;
	font-size: 200px;
	z-index: -1;
	left: -80px;
	top: 35px;
	content: '\201C';
}
.preso-1 .sl-slide blockquote cite {
	font-size: 10px;
	padding-top: 10px;
	display: inline-block;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/* Custom background colors for slides in first demo */

/* First Slide */
.preso-1 .bg-1 .sl-slide-inner,
.preso-1 .bg-1 .sl-content-slice {
	background: #fff;
}

/* Second Slide */
.preso-1 .bg-2 .sl-slide-inner,
.preso-1 .bg-2 .sl-content-slice {
	background: #000;
}
.preso-1 .bg-2 [data-icon]:after,
.preso-1 .bg-2 h2 {
	color: #fff;
}
.preso-1 .bg-2 blockquote:before {
	color: #222;
}

/* Third Slide */
.preso-1 .bg-3 .sl-slide-inner,
.preso-1 .bg-3 .sl-content-slice {
	background: #db84ad;
}
.preso-1 .bg-3 .deco {
	border-color: #fff;
	border-color: rgba(255,255,255,0.5);
}
.preso-1 .bg-3 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #b55381;
}
.preso-1 .bg-3 h2,
.preso-1 .bg-3 blockquote{
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.preso-1 .bg-3 blockquote:before {
	color: #c46c96;
}

/* Forth Slide */
.preso-1 .bg-4 .sl-slide-inner,
.preso-1 .bg-4 .sl-content-slice {
	background: #5bc2ce;
}
.preso-1 .bg-4 .deco {
	border-color: #379eaa;
}
.preso-1 .bg-4 [data-icon]:after {
	text-shadow: 0 0 1px #277d87;
	color: #277d87;
}
.preso-1 .bg-4 h2,
.preso-1 .bg-4 blockquote{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.preso-1 .bg-4 blockquote:before {
	color: #379eaa;
}

/* Fifth Slide */
.preso-1 .bg-5 .sl-slide-inner,
.preso-1 .bg-5 .sl-content-slice {
	background: #ffeb41;
}
.preso-1 .bg-5 .deco {
	border-color: #ECD82C;
}
.preso-1 .bg-5 .deco:after {
	color: #000;
	text-shadow: 0 0 1px #000;
}
.preso-1 .bg-5 h2,
.preso-1 .bg-5 blockquote{
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.preso-1 .bg-5 blockquote:before {
	color: #ecd82c;
}
.preso-2 .bg-img-1 {
	background-image: url("images/IMG_5880_cropped.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
.preso-2 .bg-img-2 {
	background-image: url("images/IMG_5881_credits.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
.sl-slide-inner table {
	margin: 5vh auto;
	width: 70vw;
	font-size: 0.9em;
}
.sl-slide-inner table td { 
	padding: 10px 15px; 
	vertical-align: top;
}
.sl-slide-inner table td p { 
	margin-top: 6px;
}
.sl-slide-inner .heading { 
	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	color: #384bac;

}



/**
 * Styling by auut studio
**/
.mapboxgl-ctrl.mapboxgl-ctrl-attrib { 
    font-size: 0.75em; 
    background-color: transparent;
  }
.mapboxgl-ctrl-attrib-inner { display: inline; }
.mapboxgl-ctrl.mapboxgl-ctrl-attrib:before {
  content: 'map by auut studio, data ';
  display: inline;
  color: rgba(140,140,140,0.75);
}
.mapboxgl-ctrl-attrib a { color: rgba(140,140,140,0.75); pointer-events: none; }
a.mapboxgl-ctrl-logo { pointer-events: none; opacity: 0.33; }
a.mapbox-improve-map { display: none; }

#map {
    height: 100%;
    width: 100%;
    text-shadow: none;
	z-index: 10;
	overflow: visible;
}
#loader {
	position: absolute; 
	top:0; 
	bottom:0; 
	width:100%;
    background:rgba(0,0,0,0.9);
    transition: background 2s ease-out;
	-webkit-transition: background 2s ease-out;
	z-index: 11;
}
#loader.faded1 {
    background:rgba(0,0,0,0.67);
}
#loader.faded2 {
    background:rgba(0,0,0,0.2);
}
#tickets { display: block; }

.hide,
.tabContent.hide,
.title.annotate.hide,
#loader.hide,
#tickets.hide {
    display: none;
}
.clinton_quote.hide { display: block; opacity: 0; }
.clinton_quote,
.clinton_quote.hide {
	transition: opacity 1s ease-out;
	-webkit-transition: opacity 1s ease-out;
}
#loader .message {
	position: absolute;
	left:0; 
	top:36%;
	width: 100%;
	color: #fff;
	text-align: center;
    text-shadow: 3px  3px 6px #111, 
                -3px -3px 6px #828282;
	font-size: 48px;
	font-weight: 700;
	font-family: 'Alegreya Sans', Arial, sans-serif;
	transition: color 3s ease-out;
	-webkit-transition: color 3s ease-out;
}
#loader .message.light { 
	font-weight: 400; 
}
#loader .message span {
	font-size: 1.5em;
}
#loader.faded2 .message { 
	color: rgba(255,255,255,0.5); 
	transition: color 3s ease-out;
	-webkit-transition: color 3s ease-out;
}
#loader.faded1 .message { 
	transition: color 3s ease-out;
	-webkit-transition: color 3s ease-out;
}

.margin-centerme { margin: 0 auto; }
.centerme { text-align: center; }
.lr-margins { margin: 0 10%; }

.preso-2 .content-wrapper p:last-child { 
	margin-bottom: 24px; 
}

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

.featherlight-inner p span.duration { 
	color: #80c9f9 !important; 
	font-size: 0.6em; 
	font-family: 'Helvetica Neue', Helvetica, sans-serif; 
	text-transform: uppercase;  
}
.featherlight-content .video_container span.duration { font-size: 1em; }

.featherlight-inner p span.credit { 
	color: #c2c2c2 !important; 
	font-size: 0.8em; 
}
.featherlight .featherlight-content {
	color: #000;
	background-color: #f8f8f8;
	overflow: hidden;
	margin-left:7%;
    margin-right:7%;
    max-height: 90%; 
}
.kiosks.module3 .featherlight .featherlight-content { overflow-y: visible; }

.mapboxgl-popup-close-button { 
	font-size: 31px; 
	padding: 13px 15px 17px;
	border-bottom: 1px solid rgb(56, 56, 56);
	border-left: 1px solid rgb(56, 56, 56);
	box-shadow: 2px -1px 5px rgb(56, 56, 56);
	border-radius: 50%;
	top: -8px;
	right: -20px;
	background: rgba(214, 214, 214, 0.9);
}
.mapboxgl-popup-close-button:hover,
.featherlight-close-icon:hover { background: rgb(224, 224, 224); }

.featherlight .featherlight-content .pure-g [class *= "pure-u"] { 
	font-size: 16px; 
	line-height: 21px; 
}
.mapboxgl-popup-content,
.mapboxgl-popup-content td,
.mapboxgl-popup-content p:not(.citation)   { font-size:13px; line-height:18px; }

.featherlight .featherlight-content .pure-g h4,
.mapboxgl-popup-content h4  { line-height: 1.1em; }
.featherlight .featherlight-content .pure-g h3,
.mapboxgl-popup-content h3  { line-height: 1.2em; }
.featherlight .featherlight-content .pure-g h2,
.mapboxgl-popup-content h2  { line-height: 2em; }

.lightbox.featherlight-inner video { max-width: 480px; max-height: 260px; }
.featherlight .featherlight-close-icon {
    top: -1px;
	right: -1px;
}
.mapboxgl-popup-content .pure-g [class *= "pure-u"],
.featherlight .featherlight-content .pure-g [class *= "pure-u"] { text-shadow: none !important; }
.mapboxgl-popup-content h3.add_topspace {  margin-block-start: 0.5em; }
.mapboxgl-popup-content h3.warcrimes { text-transform: uppercase; }

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

.mapboxgl-popup-content .pure-g .timeline {
	font-size: 0.67em;
}
.timeline .flush_left  { float: left;  margin-left: 4px; }
.timeline .flush_right { float: right; margin-right: 4px; }

.mapboxgl-popup.touchpoint3 h3  { font-size: 16px; line-height: 17px; }
.mapboxgl-popup.touchpoint3 .mapboxgl-popup-close-button { 
	background-color: transparent; 
	border: none; 
	color:rgb(140,140,140); 
	box-shadow: none;
	right: -10px;
}

.mapboxgl-popup.touchpoint3 .mapboxgl-popup-content .pure-g { 
    margin: 6px 0 10px -1px;
  }

.featherlight-inner .pure-u-1,
.mapboxgl-popup-content .pure-u-1 { vertical-align: top; }

.pure-u-md-1-2.col1,
.pure-u-md-2-3.col1,
.pure-u-md-2-5.col1,
.pure-u-md-3-5.col1 {
	padding-right:20px; 
}
.pure-u-md-1-2.col2,
.pure-u-md-2-3.col2,
.pure-u-md-2-5.col2,
.pure-u-md-3-5.col2 {
	padding-left:20px; 
}

.featherlight-inner .col2,
.mapboxgl-popup-content .col2 { padding-left:10px; }
.touchpoint3 .mapboxgl-popup-content .col2 { padding-left:22px; }

.featherlight-inner .col1,
.touchpoint1 .mapboxgl-popup-content .col1,
.touchpoint2 .mapboxgl-popup-content .col1 { line-height: 1vw !important; }
.touchpoint3 .mapboxgl-popup-content .col1 { margin-left:10px; }

.featherlight-inner  .pure-u-1.boxed,
.mapboxgl-popup-content .pure-u-1.boxed {
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-radius: 5px 5px 0 0;
	padding-left: 5px;
	box-shadow: 3px 2px 5px #aaa;
	width: 98.25%;
	max-width: 38.1vw;
	background-color: #fff;
}
.featherlight-inner .pure-u-1 p,
.featherlight-inner .pure-u-1 h3,
.featherlight-inner .pure-u-1 h4,
.mapboxgl-popup-content p,
.mapboxgl-popup-content h3  { 
	padding-left:10px; 
	padding-right:10px; 
}
.mapboxgl-popup-content .pure-u-1 p:not(.citation):not(:first-child), 
.featherlight-inner .pure-u-1 p:not(.citation):not(:first-child) { margin-top: 1.2em; }
.featherlight-inner .pure-u-1 ul { margin: 8px 0 0 36px; }
.mapboxgl-popup-content {
    color: #333333;
    font-weight:normal;
    z-index: 50;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #787e6c;
    padding:1px 2px 5px 2px;
    margin:0;
    line-height:inherit;
    }
.mapboxgl-popup-content h2 {
	padding: 0 15px 5px;
	margin: -1px -2px -6px -2px;
	font-size: 2em;
	border-radius: 10px 10px 0 0;
	color: #565950;
	text-align:center;
	font-weight:normal;
	height: 52px;
}
.mapboxgl-popup-content h2.persona-bcs,
.mapboxgl-popup-content h2.persona-sbh { 
	font-size: 1.75em;
	padding: 5px 15px;
}
.touchpoint3 .mapboxgl-popup-content h2 {
	font-size: 20px;
	height: 42px;
}
.mapboxgl-popup-content h3 { 
	margin-block-start: 0; 
	margin-block-end: 0.5em; 
}
.mapboxgl-popup-content .profile_circle h3 { margin-block-end: 0; }
.mapboxgl-popup.touchpoint3 .mapboxgl-popup-content h3 { text-align: center; }
.touchpoint3.mapboxgl-popup-anchor-top .mapboxgl-popup-tip { border-bottom-color: rgb(8,8,18); }
.touchpoint3.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip { border-bottom-color: rgb(8,8,18); }
.touchpoint3.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip { border-bottom-color: rgb(8,8,18); }
.mapboxgl-popup.touchpoint1 { min-width: 50vw !important; }
.mapboxgl-popup.touchpoint2 { min-width: 40vw !important; }
.mapboxgl-popup.touchpoint3 { min-width: 50vw !important; }

.featherlight-inner span.persona,
.mapboxgl-popup-content span.persona,
.section.panel span.persona {
	padding: 4px 4px;
	border-radius: 2px 6px 2px 6px;
}
.section.panel span.persona { padding: 2px 8px; }
.section.panel span.persona.cro,
.section.panel span.persona.sbh { color: #000; text-shadow: none; }

.mapboxgl-popup-content img.flag-image {
	height: 25px;
	margin-left: 20px;
	vertical-align: text-bottom;
	display: none;
}
.featherlight-inner img.leader-image,
.mapboxgl-popup-content img.leader-image {
	width: 98%;
	max-width: 38vw;
	box-shadow: 6px -2px 5px #aaa;
}

.profile_circle {
	width: 10vw;
	height: 10vw;
	border-radius: 50%;
	vertical-align: middle;
	margin: auto;
	display: table-cell;
	background-image: url("images/img-death.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.profile_circle.bih { background-color: rgb(79,101,180); color: #fff; }
.profile_circle.cro { background-color: rgb(242,113,113); color: #fff; }
.profile_circle.sbh { background-color: rgb(225,202,255); }
.profile_circle.srb { background-color: rgb(225,132,255); color: #fff; }
.profile_circle.sbh-srb { background: linear-gradient(135deg, rgb(225,202,255) 0%, rgb(225,202,255) 40%, rgb(225,132,255) 60%); }
.profile_circle.sbh-cro { background: linear-gradient(135deg, rgb(225,202,255) 0%, rgb(225,202,255) 40%, rgb(242,113,113) 60%); }
.profile_circle.cro-bih { background: linear-gradient(135deg, rgb(242,113,113) 0%, rgb(242,113,113) 40%, rgb(79,101,180) 60%); color: #fff; }

a.persona.war,
span.persona.war,
.mapboxgl-popup-content h2.persona-war { background-color: rgb(35,42,57); color: #fff; }
span.persona.bih,
.mapboxgl-popup-content h2.persona-bih { background-color: rgb(79,101,180); color: #fff; }
span.persona.bcs,
.mapboxgl-popup-content h2.persona-bcs { background: linear-gradient(90deg, rgb(79,101,180), rgb(242,113,113) 66%, rgb(225,202,255) 80% ); color: #fff; }
span.persona.cro,
.mapboxgl-popup-content h2.persona-cro { background-color: rgb(244,141,141); color: #fff; }
span.persona.sbh,
.mapboxgl-popup-content h2.persona-sbh { background-color: rgb(225,202,255); }
span.persona.srb,
.mapboxgl-popup-content h2.persona-srb { background-color: rgb(225,132,255); color: #fff; }

/* minor characters both in gray */
span.persona.mac,
.mapboxgl-popup-content h2.persona-mac { background-color: rgb(200,200,200); }
span.persona.slv,
.mapboxgl-popup-content h2.persona-slv { background-color: rgb(225,225,225); }

.featherlight-inner span.persona,
.mapboxgl-popup-content span.persona,
span.persona {
	padding: 1px 3px;
	border-radius: 2px 6px 2px 6px;
}
span.persona { padding: 2px 8px; }
span.persona.cro,
span.persona.sbh { color: #000; text-shadow: none; }

.mapboxgl-popup-content img.flag-image {
	height: 25px;
	margin-left: 20px;
	vertical-align: text-bottom;
}
.featherlight-inner img.leader-image,
.mapboxgl-popup-content img.leader-image {
	width: 98%;
	max-width: 38vw;
	box-shadow: 4px 1px 5px #aaa;
}
h1.slide_title,
h2.slide_title  { 
	margin-top: 0 !important; 
	margin-bottom: 0.5em;
}
.kiosks.module3 #chapter3 h2.slide_title { 
	text-shadow: 0px -0.5px 6px #fff; 
}

nav:not(.nav-dots):not(.nav-arrows) { 
	position: relative; 
}

.message-mobile {
	display: none;
}
.warn-message,
#warn-message {
	padding: 10px 15px;
	margin: 15px auto;
	border-radius: 8px;
	background-color: rgba(175,105,137,0.15);
}
.warn-message.padded { padding: 28px 15px; }

body.intro #warn-message { 
	background-color: rgb(212 212 212 / 15%);
	color: #111111;
}
ul.warn-message li { margin: 0 0 8px 15px; line-height: 1.2; }

.blue-text { color: #4f65b4 !important; }
.gray-text { color: #656565 !important; }
.red-text { color: #bc3f4b !important; }
.glow-letter {
	font-weight: bold;
	text-shadow: -1px 0 8px rgba(156,189,239,0.95);
}
.fuzzy-text {
	color: #333;
	text-shadow: -2px 0 14px rgba(188,63,75,0.5);
}
.fuzzy-text.white-text { 
	color: #fff; 
	text-shadow: -2px 0 14px rgba(188,63,75,0.8);
}
h2.fuzzy-text { text-shadow: -2px 0 14px rgba(188,63,75,0.44); }

.appeal-message {
	padding-top: 20px !important;
	padding: 20px 15px;
	border-radius: 8px;
	background-color: rgba(0,146,239,0.25);
}
.visit-us-message {
	margin-top: 3em !important;
	padding: 20px 15px;
	border-radius: 8px;
	background-color: rgba(255,125,2,0.15);
	box-shadow: 0 0 25px rgba(255,125,2,0.33);
}
.persona-message {
	padding: 10px 15px;
	border-radius: 8px;
}
.persona-message.bih { background-color: rgb(79,101,180); color: #fff; }
.persona-message.cro { background-color: rgb(242,113,113); color: #fff; }
.persona-message.sbh { background-color: rgb(225,202,255); }
.persona-message.srb { background-color: rgb(225,132,255); color: #fff; }



.module4 .appeal-message { background-color: rgba(150,150,150,0.25); }

button.read-choose {
	display: inline-block;
    width: 120px;
	height: 120px;
	margin: 0 20px;
    z-index: 10;
    text-align: center;
    color: #fff;
    border-radius: 15px;
	border: 2px solid rgba(255,255,255,0.5);
	box-shadow: 3px 3px 8px rgba(230,230,230,0.5);
}
button.read-choose:hover { 
	opacity: 0.85; 
	box-shadow: 3px 3px 16px rgba(240,240,240,1);
}

#reading-level { margin-top: 20px; }
#btn_adults {
	background-color: rgb(56,75,172);
    background-image: url("images/noun_adult.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;	
}
#btn_kids {
	background-color: rgb(164,106,148);
    background-image: url("images/noun_kid.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;	
}
#btn_load_map {
	z-index: 1000;
	position: absolute;
	top: 33%;
    left: 40%;
    right: auto;
    padding: 20px 40px;
    border-radius: 12px;
}
#floormap {
	margin-top: 50px;
	background-image: url("images/floorplan.jpg");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: 100% 100%;	
}
#floormap table {
	width: 100%;
	height: 500px;
	text-align: center;
	border: none;
}
#floormap table td { width: 50%; max-width: 50%; }
#floormap table td.completed {
	background-color: rgba(40,40,40,0.8); 
	background-color: #fff; 
	background-color: rgba(255,255,255,0.9); 
}
#floormap table td a { color: #fff; }
#floormap table td.completed a { color: #999999; }
.content-wrapper #floormap table td h4 {margin-top: 0; }
.content-wrapper #floormap table td img { max-width: 75px; }


.content-transition {
	color: #fff;
	background-color: #000;
	background-image: url("images/banner_transition_bw.jpg");
	background-repeat: no-repeat;
	min-height: 800px;
	min-width: 100vw;

	background-position: 50% 100%;
	background-size: 100vw auto;
}
.intro.panels .content-transition {
	background-image: url("images/banner_transition_white_to_black.jpg");
	background-position: 0% 0%;
	background-size: cover;
	min-height: 200px;
}
.kiosks.module4 #chapter3 {
	background-color: #fff;
	background-image: url("images/banner_transition_bw_burnt.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: contain;
}
.kiosks.module4 #chapter3 .siema div.section.panel { padding-top: 80px; }
.kiosks.module4 #chapter3 .slider-arrows span { top: 115px; }

.kiosks.module4 #chapter4 {
	background-color: #fff;
	background-image: url("images/banner_transition_bw_texture.jpg");
	background-repeat: no-repeat;
	background-position: 49% 105%;
	background-size: auto;
}
.preso-2 .content-transition h2 { margin-top: 80px; }
.p-intro, .p-intro-image { display: inline-block; vertical-align: top; }

.pad-left-column { padding-right: 4%; }

.p-intro-image {
	/* width: 38%; */
	margin-top: 30px;
}
.reduce-font { font-size: 14px; }

.subtitle {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	opacity: 0.67;
	margin-top: 0 !important;
}
span.buttonize {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1px;
	opacity: 0.9;
	background-color: rgba(81,131,206,0.2);
	border-radius: 6px;
	padding: 18px 28px;
    font-weight: 500;
    color: black;
    border: 1px solid #ababab;
    box-shadow: 1px 1px 6px -3px #484848;
}

.cite {
	margin-top: 6px !important;
	padding: 0 15%;
	font-size: 0.8em;
	line-height: 1.15em !important;
	text-align: center;
	color: #C0C0C0;
}
.pure-u-md-1-2 .cite { padding: 0; }
.verdict { 
	transform: rotate(-2deg);
	margin-top: -4px !important;
	text-align: right;
}
.verdict span,
.verdict a {
	color: red;
	font-family: 'Courier New', Courier, monospace;
	font-weight: 600;
	background-color: rgba(255,10,10,0.03);
}
.verdict.indicted span,
.verdict.indicted a {
	color: #2b7950;
}
.citation { 
	font-size: 13px;  
	color: #666; 
	padding-right: 0;
	padding-left: 0;
	margin-block-start: 0;
}
.citation.lighten { color: #d6d6d6; }

img + p.citation { margin-top: 0 !important; }
.pure-u-1.boxed .citation { margin: 0.5em 0; }
.video_container.gray_border .citation { color: #fff; padding-left: 15px !important; }
.content-transition a { color: #C0C0C0; }

.content-transition img {
	border-radius: 3px;
}
.centerme img {
	width: 80%; 
	margin: 0 auto 0;	
	box-shadow: 0px 0px 16px rgba(190, 90, 90, 0.65);
}
img.max600px { max-width: 600px; }
img.max400px { max-width: 400px; }

img.funder-logo {
	display:block;
	width: 200px;
	max-width: 200px;
}
img.matted-photo {
	border: 40px solid #d0d0d0;
	box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.45);
}
img.no-decor {
	box-shadow: none;
}
img.as-avatar {
	border-radius: 50%;
	max-width: 200px;
	margin: 0 auto;
}
#anniv25 { 
	color:#171717;
	margin: 20px 12px 20px 0;
	line-height: 1.3;
}
#contrast-bg {
	padding: 10px 10px 20px 10px; 
	border-radius: 4px;
}
#final-cta {
	display: inline-block;
	margin-top: 30px;
	padding: 15px 10px;
	border-radius: 20px;
}
#final-cta-button {
	display: inline-block;
	padding: 30px;
	background-color: #E9E9E9;
	border-radius: 50%;
	vertical-align: middle;
}

.columnize {
    column-count: 2;
    column-fill: balance;
    column-gap: 5vw;
    margin-block-start: 0.5em;
}
.module2 #main {
	background: #0A0A0A url("images/classy_fabric.png") repeat;
	background: linear-gradient(-250deg, #353535 10%, #232A39 30%, #232A39 80%, #EC580E 90%, #FF7D02 93%, #232A39 100%);
	padding: 50px 50px 30px 50px; 
}
body.kids.kiosks.module1, 
.module3 #main {
	background: #0A0A0A url("images/classy_fabric_m3.png") repeat;
	padding: 50px 50px 30px 50px; 
}
.module4 #main {
	background: #0A0A0A url("images/classy_fabric.png") repeat;
	padding: 50px 50px 30px 50px; 
}
.module4 #main.roses {
	background: #0A0A0A url("images/img-rose.jpg") no-repeat;
	background-position: 100% 0%;
	background-size: cover;
}
.margin60px {
	margin-top: 60px;
}
.invert-colors,
.invert-colors a {
	color: #f8f8f8; 
}
.tabContent { 
	min-height: 100%; 
	background: #fdfdfd;
}
.tabContent.padded  { padding: 40px 30px 30px 40px; max-width: 1080px; }
.tabContent p 		{ margin-top: 1em; line-height: 1.5; }

.getty.embed.image { border-top: 7px solid #484747; }

.box-shadow-me,
img.as-avatar,
#btn_load_map,
.getty.embed.image { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); }

.video_container {
	position: relative;
	margin-top: 16px;
}

.video_container.gray_border {
	background: linear-gradient(15deg, rgb(91 99 130) 0%, rgb(27 23 23) 10%, rgb(244 244 245) 100%);
	padding: 10px 0;
	border-radius: 10px;
}
.video_container video { width:100%; max-width:530px; max-height:300px; }

.siema-counter {
	position: absolute;
	top:5px;
	right:6%;
	left:auto;
	bottom:auto;
	height:30px;
	width:120px;
	text-align:right;
	color:#d6d6d6;
	color:rgba(214,214,214,0.9);
	font-family: 'Times New Roman';
	font-size:28px;
	text-shadow:none !important;
}
.slider-arrows span {
	position:absolute;
	z-index:2000;
	top: 55px;
	width:30px;
	height:30px;
	border:6px solid #ddd;
	border:6px solid rgba(0,0,0,0.25);
	border-radius:2px;
	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);
}
.kiosks.module3 #chapter3 .slider-arrows span { 
	border: 6px solid #fdfdfd; 
	border: 6px solid rgba(255,255,255,.8); 
}
  
.slider-arrows span:hover,
.slider-arrows span.slider-arrow-next.nudge:hover {
	border-color:rgba(0,0,0,0.9);
}
  
.slider-arrows span.slider-arrow-prev,
.kiosks.module3 #chapter3 .slider-arrows span.slider-arrow-prev {
	left: 0;
	border-right:none;
	border-top:none;
}
.slider-arrows span.slider-arrow-next,
.kiosks.module3 #chapter3 .slider-arrows span.slider-arrow-next {
	right: 0;
	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 { 
	animation:pulsebeat 1s 6;
	animation-timing-function:ease-in;
	animation-fill-mode:both;
}
.swipe {
	animation:pulsebeattext 1s 2;
	animation-timing-function:ease-in;
	animation-fill-mode:both;
}
.faded_text {
    opacity: 0.5;
}
.faded_text.swipe {
    font-weight: 100;
    font-style: italic;
	float: right;
	font-size: 0.5em;
    padding-right: 5px;
}
div.section.panel {
	position: relative;
}
.siema div.section.panel {
	position: static;
	padding-top: 20px;
	margin: auto 30px;
}
.siema div div:last-child .section.panel {
	margin-left: 1px;
	padding-left: 29px;
}
p.manual_prev,
p.manual_next {
	font-family: 'Alegreya Sans', Arial, sans-serif;
}
p.manual_prev span,
p.manual_next span { font-style: italic; padding: 0 4px; }
p.manual_prev:not(.no_topspace) { margin-top: 150px !important; }
p.manual_next.add_topspace { margin-top: 250px !important; }

p.manual_prev+p.manual_next { margin-top: -1.5em !important; }
p.manual_next { float: right; }

/* 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);}
}
  
.as-table           { display: table; }
.cell               { display: table-cell; }

.calendar-square {
	background: #ffffff;
	border: 1px solid #171717;
	border-radius: 24px;
	padding: 18px 40px 40px 40px;
	box-shadow: inset 0 0 18px rgba(42,60,60,.45);
}
.calendar-square h4 { margin-top:12px; }
#chapter3_panel_slide4 .calendar-square h4 { font-size: 1.2em; }

.calendar-month,
.calendar-day {
    text-align: right;   
	min-height: 36px;
	font-weight: 700;
}
.calendar-month {
	font-size: 36px;
	line-height: 30px;
	font-style: italic;
	color: #D0D0D0;
	text-transform: uppercase;
}
.calendar-day {
	font-size: 55px;
	color: #000;
	text-shadow: 1px 1px 3px #ccc;
}
.calendar-bg {
	background-color: transparent;
}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}



/* Top Banner
----------------------------------------------- */
.top-banner {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
	background: linear-gradient(to left,rgb(87,61,160) 0%,#157B9A 50%);
	width: 100%;
	min-height: 50px;
	position: fixed;
	left: 0;
	top: 0px;
	bottom: auto;
	padding: 18px 10%;
	z-index: 300;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	color: #fff;
	}
	.intro .top-banner {
		padding: 18px 5%;
	}
	.top-banner a,
	.intro .appeal-message a { color: #fff; border-bottom:1px dotted #d1d1d1; }

	.bluify,
	a.bluify,
	.kiosks .appeal-message a { color: #5183ce; border-bottom:1px dotted #adc8f2; }

	.module1 .top-banner {
		background: linear-gradient(to right, rgba(56,75,172,0.8) 0%, rgba(126,139,201,0.8) 100%);
	}
	.module2 .top-banner {
		background: linear-gradient(250deg, #2A3C6C 0%, #232A39 20%, #232A39 60%, #EC580E 70%, #FF7D02 73%, #232A39 90%);
	}
	.module3 .top-banner { 
		background: linear-gradient(to right, #3d5a90 0%, #3141a2 30%, #5f90e2 66%, #8fb1eb 90%);
	}
	.module4 .top-banner {
		background: linear-gradient(250deg, #252525 0%, #2b2b2b 20%, #2b2b2b 40%, #757575 58%, #888888 62%, #2b2b2b 90%);
	}

/* Site Header
----------------------------------------------- */
.site-header {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
	/* background-color: #5F5F5F; */
	background: linear-gradient(to right,#157B9A 0%, #54409F 40%, #54409F 60%, #157B9A 100%);
	width: 100%;
	min-height: 10px;
	position: fixed;
	left: 0;
	bottom: -10px;
	z-index: 300;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	.site-header.no-alpha { 
		background: linear-gradient(to right,#573DA0 0%, #8d3f75 40%, #8d3f75 60%, #C74040 100%);
	}
	.module1 .site-header {
		background: linear-gradient(to right, #7e8bc9 0%, #5d6dbb 40%, #5d6dbb 60%, #384BAC 100%);
	}
	.module2 .site-header {
		background: linear-gradient(to right, #232a39 15%, #ec580e 33%, #ed6c0a 40%, #ed6c0a 60%, #ec580e 67%, #232a39 85%);
	}
	.module3 .site-header {
		background: linear-gradient(to right, #3d5a90 0%, #3141a2 15%, #5f90e2 40%, #5f90e2 70%, #8fb1eb 85%);
	}
	.module4 .site-header {
		background: linear-gradient(to right, #2b2b2b 25%, #414141 40%, #414141 60%, #2b2b2b 100%);
	}


	.module1 .site-header .title {
		background: linear-gradient(to right, rgb(178,185,221) 0%, rgba(65,84,175,0.85) 72%, rgb(56,75,172) 79%, rgb(56,75,172) 100%);
		color: #fff;
	}
	.site-header h1 {
		border-bottom: none;
		margin: 5px 0 0 0;
	}

.site-header .title { 
	background-color: rgba(255,255,255,0.85);
	border-radius: 20px 80px 0 0;
	width: 50%; 
	display: block; 
	position: fixed;
	left: auto;
	right: 0;
	bottom: 70px;
	height: 40px;
	max-height: 40px;
	padding: 7px 110px 20px 5px;
	overflow-y: hidden;
	transition-property: all;
	transition-duration: .67s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 299;
}
.site-header .title.closed { 
	max-height: 0; 
	}
.site-header .title img {
	height: 22px;
	vertical-align: text-top;
}
.vocab-term {
    border-radius: 6px 2px 6px 2px;
    padding: 2px 5px;
    display: inline-block;
	letter-spacing: 0.25px;
	font-weight: 700;
}
/* Site Branding
----------------------------------------------- */
.site-branding {
float: left;
width: 80%;
height: 47px;
margin: 0 10%;
text-align: center;
}
.kiosks  .site-branding { 
	height: 70px; 
	width: 100%; 
	margin: 5px 1%;
}
.home    .site-branding { padding: 70px 0 44px; }
.archive .site-branding,
.search  .site-branding { padding: 0 0 60px; }

.ui-panel { 
	text-align: left; 
}
.ui-panel .chapter_button {
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
	display: inline-block;
	display: table-cell;
	/* 	border-top-color: rgb(201,101,110);
		border-right-color: rgb(199,90,191);
		border-bottom-color: rgb(199,90,191);
		border-left-color: rgb(201,101,110);  */
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	background: rgba(214,214,214,0.9); /* #bc3f4b; */
	color: #171717;
	z-index: 301;
	border-left: 1px solid rgba(120,120,120,0.5);
	border-top: 1px solid rgba(120,120,120,0.5);
	box-shadow:  0px 0px 2px rgba(0,0,0,0.25),
				 4px 4px 7px #2d2d2d90,
				-4px 2px 6px #2d2d2dc7,
				-2px -3px 4px rgba(255,255,255,0.4),
				 1px -3px 4px rgba(255,255,255,0.2);
	transition: 		box-shadow 1s ease-in-out, 
						background-image 1s ease-in-out;
	-webkit-transition: box-shadow 2s ease-in-out, 
						background-image 2s ease-in-out;
	-moz-transition: 	box-shadow 1s ease-in-out, 
						background-image 1s ease-in-out;
}
.module1 .ui-panel .chapter_button { 
	background: #ddeaff; 
}
.module3 .ui-panel .chapter_button { 
	background: #c3d9fb; 
}

.ui-panel.three-options .chapter_button {
	width: calc( (95vw - 120px) / 3 );
	min-width: calc( (95vw - 120px) / 3 );
}
.ui-panel.four-options .chapter_button {
	width: calc( (95vw - 120px) / 4 );
	min-width: calc( (95vw - 120px) / 4 );
}
.ui-panel.five-options .chapter_button {
	width: calc( (95vw - 120px) / 5 );
	min-width: calc( (95vw - 120px) / 5 );
}
.ui-panel.seven-options .chapter_button {
	width: calc( (95vw - 120px) / 7 );
	min-width: calc( (95vw - 120px) / 7 );	
}
.title.annotate,
.ui-panel.seven-options .chapter_button {
	font-size: 15px;
}

.site-image-border,
.ui-panel-border,
.ui-kiosk-border {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	background-color: #54409F;
	width: 120px;
	height: 120px;
	position: absolute;
	top: -60px;
	z-index: 310;
	left: 50%;
	bottom: 0;
	margin-left: -60px;
}
.ui-kiosk-border {
	left: 100%;
	top: -52px;
	margin-left: -120px;
}
.site-header.no-alpha .site-image-border { background-color: #8d3f75; }
.kiosks .no-alpha .ui-kiosk-border { background-color: #bc3f4b; }

.site-image-mask,
.ui-panel-mask,
.ui-kiosk-mask {
	background: linear-gradient(to right, rgba(141,63,117,0.1) 0%, #54409F 20%, #54409F 80%, rgba(141,63,117,0.1) 100%);
	width: 200px;
	height: 75px;
	position: absolute;
	top: 0;
	z-index: 320;
	left: 50%;
	margin-left: -100px;
}
.site-header.no-alpha .site-image-mask { 
	background: #8d3f75;
}

.ui-kiosk-mask {
	left: 100%;
	margin-left: -120px;
	width: 120px;
	background: #bc3f4b;
}
/* when control button is center screen */
.module1 .ui-panel-mask,
.module1 .ui-panel-border { background: #5d6dbb; }
.module2 .ui-panel-mask,
.module2 .ui-panel-border { background: #ed6c0a; }
.module3 .ui-panel-mask,
.module3 .ui-panel-border { background: #5f90e2; }
.module4 .ui-panel-mask,
.module4 .ui-panel-border { background: #414141; }

/* when control button is flush right */
.module1 .ui-kiosk-mask,
.module1 .no-alpha .ui-kiosk-border { background: #4154b0; }
.module2 .ui-kiosk-mask,
.module2 .no-alpha .ui-kiosk-border { background: #232a39; }
.module3 .ui-kiosk-mask,
.module3 .no-alpha .ui-kiosk-border { background: #84a8e8; }
.module4 .ui-kiosk-mask,
.module4 .no-alpha .ui-kiosk-border { background: #2e2e2e; }

.site-image-icon {
	width: 100px;
	height: 100px;
	position: absolute;
	top: -45px;
	border-radius: 50%;
	left: 50%;
	margin-left: -50px;
	z-index: 330;
	
}
.ui-panel .site-image-icon {
	left: 100%;
	top: -32px;
	margin-left: -90px;
}
.site-image-icon img {
	width: 100px;
	/* border-radius: 50%; */
}
.kiosks .site-image-icon img { border-radius: 0; }
.panels .site-image-icon img,
.kiosks .site-image-icon img { width: 50px; margin-top: 20px; }
.page   .site-image-icon,
.single .site-image-icon { bottom: 10px; }

.preso-2 .sl-slider blockquote.hold-button { 
	margin-top: 400px; 
	margin-left: 60vw;
}
.preso-2 .blue { color:#384bac; line-height: 1.05em;}
.preso-2 .gray { color:#555555; line-height: 1.2em;}
.preso-2 h2 { margin-top: 1.4em; }

a.large-button {
	padding: 10px 50px;
	font-weight: 700;
	background-color: #5f6ebc;
	color: #fff;
	border: 2px solid #384bac;
	border-radius: 50px;
	box-shadow:0 1px 35px rgba(95,110,188,0.75);
}
a.large-button:hover {   
	background-color: #384bac;
}

/* specialize for map personas in Module1 */
.module1 a#btn_label_1.selected .chapter_button { 
	background-image: linear-gradient( 60deg, rgba(0,0,0,0), rgba(26,113,172,0.2) 5%, rgba(079,101,180,0.65) 15%, rgba(079,101,180,0.65) 40%, rgba(26,113,172,0.2) 100%);
}
.module1 a#btn_label_2.selected .chapter_button { 
	background-image: linear-gradient( 60deg, rgba(225,132,255,0.4), rgba(225,202,255,0.85) 15%, rgba(225,202,255,0.75) 35%, rgba(225,132,255,0.4) 50%, rgba(0,0,0,0) 100%);
}
.module1 a#btn_label_3.selected .chapter_button { 
	background-image: linear-gradient( 60deg, rgba(225,132,255,0.1), rgba(225,132,255,0.75) 15%, rgba(225,132,255,0.65) 45%, rgba(225,202,255,0.3) 60%, rgba(0,0,0,0) 100%);
}
.module1 a#btn_label_4.selected .chapter_button { 
	background-image: linear-gradient( 60deg, rgba(0,0,0,0), rgba(126,113,72,0.1) 5%, rgba(242,113,113,0.65) 15%, rgba(242,113,113,0.65) 40%, rgba(126,113,72,0.1) 100%);
}
.module1 a#btn_label_5.selected .chapter_button { 
	background-image: linear-gradient( 60deg, rgba(126,113,122,0.2), rgba(142,142,148,0.45) 5%, rgba(142,142,148,0.45) 15%, rgba(126,113,122,0.2) 60%, rgba(0,0,0,0) 100%);
}

.module2 a.selected .chapter_button {
	background-image: linear-gradient( 60deg, rgba(0,0,0,0), rgba(26,113,172,0.2) 5%, rgba(255,125,2,0.65) 15%, rgba(236,88,14,0.65) 40%, rgba(26,113,172,0.2) 100%);
}
.module3 a.selected .chapter_button {
	background-image: linear-gradient(-60deg, rgba(0,0,0,0), rgba(26,113,172,0.2) 5%, rgba(91,146,229,0.55) 10%, rgba(235,241,251,1) 40%, rgba(235,241,251,1) 60%, rgba(235,241,251,0.65) 70%, rgba(205,222,247,0.95) 80%, rgba(205,222,247,0.5) 100%);
}

.module4 a.selected .chapter_button {
	background-image: linear-gradient( 60deg, rgba(0,0,0,0), rgba(26,113,172,0.2) 5%, rgba(255,125,2,0.65) 15%, rgba(236,88,14,0.65) 40%, rgba(26,113,172,0.2) 100%);
}
.module4 a.selected .chapter_button {
	background-image: linear-gradient(-60deg, rgba(0,0,0,0), rgba(26,113,172,0.2) 5%, rgba(91,146,229,0.65) 10%, rgba(235,241,251,0.95) 40%, rgba(235,241,251,0.65) 60%, rgba(205,222,247,0.95) 80%, rgba(205,222,247,0.5) 100%);
}

/* ==================================================================
sven.css
================================================================== */

/*	 Independent Lawyer theme
-------------------------------------------------------------- */

/* Adjust default position */
.left-center, .center-left {
    left: 8%;
}

#prelude h1 {
    -webkit-text-stroke: 0px;
}

#prelude .lt-boxed, /* Sub Text Background Box Color */
.sven-form .btn,    /* "get notified" button Color */
.sk-three-bounce .sk-child, .sk-spinner-pulse, .sk-double-bounce .sk-child, /* Preloader Color */
.video-play-button:before, .video-play-button:after, /* "GO" button color */
.coming-soon .btn, /* "Subscribe" button on lt-sub */
.sven-info .btn:after /* "Subscribe" button on footer */
{
    background: #5d6dbb;
}

/* Main Text */
.lt-main {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Coming Soon Text */
.lt-main.enlarge {
    font-size: 52px;
    letter-spacing: normal;
}

/* Gradient Background for last scene */
#scene-end {
    width: 100%;
    height: 100%;
	/*
	background: rgba(25,12,2,1);
    background: -moz-linear-gradient(left, rgba(25,12,2,1) 0%, rgba(1,5,14,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,12,2,1)), color-stop(100%, rgba(1,5,14,1)));
    background: -webkit-linear-gradient(left, rgba(25,12,2,1) 0%, rgba(1,5,14,1) 100%);
    background: -o-linear-gradient(left, rgba(25,12,2,1) 0%, rgba(1,5,14,1) 100%);
    background: -ms-linear-gradient(left, rgba(25,12,2,1) 0%, rgba(1,5,14,1) 100%);
    background: linear-gradient(to right, rgba(25,12,2,1) 0%, rgba(1,5,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190c02', endColorstr='#01050e', GradientType=1 );
	*/
}
.sven-header { text-align: center; }
.logo-container img {
    margin-top: 8px;
    height: 24px;
}
.controls-nav {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    -moz-transform: scale(1); /* Firefox Older versions*/
    -o-transform: scale(1); /* Opera */
	transform: scale(1);
	transform: scale(2);
}
.controls-nav a.movie-button {
	opacity: 0.9; 
}
.controls-nav a.skip-button {
	opacity: 0.9;
	font-weight: 600;
}
.coming-soon .btn {
    color: #fff;
    margin-top: 0;
}

/* Final tweaks
-------------------------------------------------------------- */

.sven-footer { visibility: hidden; }
.special-case-3,
.special-case-4 { display: none; }




/* ==================================================================
Responsive styles
================================================================== */

/* Small Devices
-------------------------------------------------------------- */
@media (max-width: 1040px) {
	.selective-hide-1040 { display: none; }
}

@media (max-width: 921px) {
	.site-header .title { width: 67%; }
	.kiosks.module4 #chapter4 { background-position: 49% 110%; }
}

@media screen and (max-width: 800px) {
	.kiosks.module4 #chapter4 { background-position: 49% 116%; }
	#anniv25 { 
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) { 
	.site-header,
	.site-image-border,
	.site-image-mask,
	.site-header.no-alpha .site-image-mask,
	.site-header.no-alpha .site-image-border  {
		background: #a46a94;
	}

	.module1 .site-header,
	.module1 .site-header.no-alpha {
		background: #5d6dbb;
	}
	.module2 .site-header {
		background: #ed6c0a;
	}
	.module3 .site-header {
		background: #5f90e2;
	}
	.module4 .site-header {
		background: #414141;
	}
}
@media screen and (max-width: 660px) {
	.tabContent { font-size: 16px; }
	.mapboxgl-popup.touchpoint3 { min-width: 70vw !important; }
	.special-case-5 { display: none; }
	h1 { font-size: 2.25em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.25em; }
	.preso-1 .deco {
		width: 130px;
		height: 130px;
		margin-left: -65px;
		margin-bottom: 50px;
	}
	.preso-1 [data-icon]:after {
		width: 110px;
		height: 110px;
		line-height: 110px;
		font-size: 40px;
		margin: -55px 0 0 -55px;
	}
	.preso-1 .sl-slide blockquote {
		margin-bottom: -120px;
	}
	.preso-1 .sl-slide h2.site_title,
	.preso-1 .sl-slide h2.site_subtitle,
	.preso-1 .sl-slide h2 {
		line-height: 22px;
		font-size: 18px;
		margin-bottom: -40px;
		letter-spacing: 8px;
	}
	.preso-1 .sl-slide blockquote p:before {
		line-height: 10px;
		width: 40px;
		height: 40px;
		font-size: 120px;
		left: -45px;
	}
	.preso-2 .sl-slider-wrapper {
		height: 500px;
	}
	.preso-2 .sl-slider h2.site_title,
	.preso-2 .sl-slider h2 {
		font-size: 36px;
	}
	.preso-2 .sl-slider blockquote p.site_subtitle,
	.preso-2 .sl-slider blockquote p.site_version,
	.preso-2 .sl-slider blockquote {
		font-size: 16px;
	}
	.cite { margin: 0 5%; }
	.lr-margins { margin: 0 2%; }
	.pure-u-1.pure-u-md-7-24.col1 {
		max-width: 150px; 
	}
	#anniv25,
	#contrast-bg { 
		background-color: #fff; 
		background-color: rgba(255,255,255,0.8); 
	}
	#floormap {
		background-image: url("images/floorplan-330px.jpg");
	}
}

@media (max-width: 610px) {
	.preso-2 .bg-img-1 {
		background-size: 150% 80%;
		background-position: 10% 50%;
	}
	.preso-2 .bg-img-2 {
		background-size: cover;
	}
	.sl-slide-inner table {
		margin: 20px auto 10px;
		width: 80vw;
		font-size: 0.8em;
	}
	.sl-slide-inner table td { 
		padding: 5px 10px 5px 0; 
	}
	.sl-slide-inner .heading { 
		font-size: 1em;
	}
	.preso-2 .sl-slider blockquote.hold-button {
		margin-left: 15vw;
		font-size: 26px;
	}
	.kiosks.module3 #chapter3.tabContent.padded {
		padding: 40px 0 30px 0;
	}
	.video_container video { max-height: 200px; }
	#final-cta-button { margin-top: 8px; }
}

@media screen and (max-width: 550px) {
	body { font-size: 16px; }
	body.kids { font-size: 20px; }
	.site-header .title img { display: none; }
	.calendar-square { padding: 18px 20px 40px; }
	
}

@media screen and (max-device-width: 475px) {
	
	.message-mobile { display: block; }

	.site-header .title,
	.hide-on-mobile,
	p.leaders,
	#map_placeholder { display: none; }

	a.large-button {
		box-shadow: 0 1px 12px 6px rgba(95,110,188,0.85);
	}
	.featherlight .featherlight-content {
		margin-left: 3%;
		margin-right: 3%;
		padding: 20px 10px;
	}
	.mapboxgl-popup.touchpoint1 { min-width: 90vw !important; }
	.mapboxgl-popup.touchpoint3 { min-width: 85vw !important; }
	.touchpoint3 .mapboxgl-popup-content h2 {
		font-size: 15px;
		height: 30px;
	}

	.ui-kiosk-mask { 
		margin-left: -80px;
		width: 80px;
	}
	.ui-kiosk-border {
		top: -40px;
		margin-left: -80px;
		width: 80px;
    	height: 80px;
	}
	.ui-panel .site-image-icon {
		margin-left: -70px;
	}
	.ui-panel.three-options .chapter_button {
		width: calc( (95vw - 80px) / 3 );
		min-width: calc( (95vw - 80px) / 3 );
	}
	.ui-panel.four-options .chapter_button {
		width: calc( (95vw - 80px) / 4 );
		min-width: calc( (95vw - 80px) / 4 );
	}
	.ui-panel.five-options .chapter_button {
		width: calc( (95vw - 80px) / 5 );
		min-width: calc( (95vw - 80px) / 5 );
	}
	.ui-panel.seven-options .chapter_button {
		width: calc( (95vw - 80px) / 4 );
		min-width: calc( (95vw - 80px) / 4 );
	}
	
	#loader .message { top: 16%;  font-size: 36px; }
	#loader .message.light 		{ font-size: 26px; }
	.message-mobile h3 			{ font-size: 18px; }
	.mapboxgl-popup-content h2.persona-bcs  { font-size: 16px; }
	.mapboxgl-popup-content h2.persona-sbh 	{ font-size: 20px; }
	.featherlight .featherlight-inner p.keep-track,
	.ui-panel .chapter_button 	{ font-size: 14px; }

	.kids .featherlight .featherlight-content .pure-g h4,
	.featherlight .featherlight-inner:not(.constrain-font) p, 
	.featherlight button {
		font-size: 1em;
	}
	.kiosks.module1 .mapboxgl-popup-content p:not(.citation) {
		font-size: 12px;
		line-height: 16px;
	}
	.kids .featherlight .featherlight-inner:not(.constrain-font) p {
		font-size: 14px;
	}
	.module2 #chapter3 { background: #ccc; }
	ul.warn-message li { line-height: 1.6; }

	.kiosks.module2 #chapter1.tabContent.padded,
	.kiosks.module2 #chapter2.tabContent.padded,
	.kiosks.module2 #chapter4.tabContent.padded,
	.kiosks.module2 #chapter5.tabContent.padded,
	.kiosks.module4 #chapter3.tabContent.padded{
		padding: 40px 15px 30px 15px;
	}
	.kiosks.module3 #chapter3.tabContent.padded {
		padding: 40px 10px 30px 12px;
	}
	.kiosks.module3 #chapter3_siema h2.slide_title {
		font-size: 1.75em;
	}

	#btn_load_map { left: 28%; }
	button.read-choose { margin: 0; }

	.siema-counter { color: #555555; }
	.siema div div:last-child .section.panel {
		padding-left: 18px;
	}

	.preso-2 h2 {
		font-size: 1.6em;
		line-height: normal;
	}
	
	body.kids.panels.module1 .container.topmargin { top: 95px; }
	body.kids.panels.module2 .container.topmargin,
	body.kids.panels.module3 .container.topmargin,
	body.kids.panels.module4 .container.topmargin { top: 60px; }
	body.kids.kiosks.module1,
	body.kids.panels.module1 .content-wrapper { padding: 20px; }
	
	.top-banner { padding: 10px 4px; }
	.content-wrapper { width: 100%; }
	.panels.exhibit-hall .content-wrapper { padding: 30px 15px; }
	.module2 #main,
	.module3 #main,
	.module4 #main  { padding: 2px 0; }

	.centerme img { width: 100%; }
	img.matted-photo { border: 10px solid #d0d0d0; }
	.cite { padding: 0 10px; }

	.special-case-2,
	#warn-message.special-case-2 { margin-bottom: 100px; }
	.pure-u-md-2-3.col2, 
	.pure-u-md-2-5.col2, 
	.pure-u-md-3-5.col2 {
		padding-left: 0;
	}
	.siema div.section.panel { margin: auto 0; }
	.siema video.box-shadow-me,
	.siema img.box-shadow-me,
	.getty.embed.image { box-shadow: none; }
}


/* Tablets
-------------------------------------------------------------- */
@media screen and (min-device-width: 476px) and (max-width: 768px) {
	.p-intro, .p-intro-image { display: block; width: 100%; }
	body:not(.kiosks) .container { top: 60px; }
	.pure-u-1.pure-u-md-7-24.col1 {
		max-width: 40%; 
	}
	.featherlight .featherlight-content .pure-g [class *= "pure-u"] {
		font-size: 14px;
		line-height: 18px;
	}
}
@media screen and (min-device-width: 476px) and (max-width: 767px) {
	.pure-u-1.pure-u-md-17-24.col2,
	.featherlight-inner .pure-u-1.pure-u-md-17-24.col2 p {
		padding-left: 0;
	}
}
@media only screen and (min-width: 650px) {
	.special-case-4 { display: inline-block; } 
}
@media only screen and (min-width: 768px) {
	.special-case-3 { display: inline-block; }
    .lt-main {
        font-size: 48px;
        letter-spacing: 2px;
    }
    .lt-main.enlarge {
        font-size: 68px;
    }
    .logo-container img {
        height: 79px;
	}
	.mapboxgl-popup-content img.flag-image { display: inline; }
	.calendar-month { line-height: normal; font-size: 55px; }
	.calendar-month, 
	.calendar-day { min-height: 70px; }
	.calendar-bg {
		background-image: url("images/banner_connect_3days.png");
		background-repeat: no-repeat;
		background-position: 100% 0%;
		background-size: contain;
	}
	.calendar-bg.oct-nov {
		background-image: url("images/banner_connect_octnov.png");
	}
	.calendar-bg.two {
		background-image: url("images/banner_connect_2days.png");
	}
	.calendar-bg.one {
		background-image: url("images/banner_connect_1days.png");
	}
	.calendar-bg.sameday {
		background-image: url("images/banner_connect_0days.png");
	}
	.calendar-bg.peace {
		background-image: url("images/banner_connect_dove.png");
	}
	.kiosks.module3      #chapter3_panel_slide7 .calendar-bg { background-position: 100% 65%; }
	.kids.kiosks.module3 #chapter3_panel_slide6 .calendar-bg { background-position: 100% 65%; }
}

@media screen and (min-width: 661px)and (max-width: 800px) { 
	.tabContent { font-size: 16px; }
	.mapboxgl-popup.touchpoint3 { min-width: 62vw !important; }

	h1 { font-size: 2.5em; }
	h2 { font-size: 2.25em; }
	h3 { font-size: 1.75em; }
	h4 { font-size: 1.5em; }
	.mapboxgl-popup-content h3,
	.mapboxgl-popup-content h4 { font-size: 1.33em; }

	.lr-margins { margin: 0 5%; }

	.preso-2 .sl-slider h2.site_title {
		font-size: 72px;
	}
	#anniv25,
	#contrast-bg { 
		background-color: #fff; 
		background-color: rgba(255,255,255,0.4); 
	}
}


/* Medium Devices, Desktops, Laptops
-------------------------------------------------------------- */
@media only screen and (min-width: 900px) { 
	.featherlight .featherlight-inner#day20-extra p { font-size: 1.2em; line-height: 1.4; }
	#chapter3_panel_slide4 .calendar-square h4 { font-size: 1.4em; }
}

@media only screen and (min-width: 1000px) { 
	.lr-margins { margin: 0 20%; }
	.special-case-1 { margin-left: 5vw; }

	.mapboxgl-popup.touchpoint1 { min-width: 70vw !important; }
    .mapboxgl-popup.touchpoint2 { min-width: 50vw !important; }
	.mapboxgl-popup-close-button { 
		font-size: 58px; 
		padding: 16px 15px 24px;
	}
	.mapboxgl-popup.touchpoint3 .mapboxgl-popup-close-button { padding-right: 23px; }
    .featherlight .featherlight-content .pure-g [class *= "pure-u"],
    .mapboxgl-popup-content,
    .mapboxgl-popup-content td,
    .mapboxgl-popup-content p:not(.citation)   { font-size: 16px; line-height: 22px; }
    .featherlight .featherlight-content .pure-g h4,
    .mapboxgl-popup-content h4  { font-size: 20px; line-height: 28px; }
    .featherlight .featherlight-content .pure-g h3,
    .mapboxgl-popup-content h3  { font-size: 22px; line-height: 30px; }
    .featherlight .featherlight-content .pure-g h2,
	.touchpoint1 .mapboxgl-popup-content h2,
	.touchpoint2 .mapboxgl-popup-content h2   { 
		font-size: 36px; 
		line-height: 60px; 
		height: 58px; 
	}
	.touchpoint3 .mapboxgl-popup-content h2   { height: 52px; font-size: 25px; }
	.touchpoint3 .mapboxgl-popup-content .col2 { padding-left: 0; }
	.mapboxgl-popup-content img.flag-image { height: 45px; }
	
}

@media only screen and (min-width: 1224px) {
    .lt-main {
        font-size: 32px;
        letter-spacing: 3px;
    }
    .lt-main.enlarge {
        font-size: 84px;
	}
	.featherlight .featherlight-content {
		margin-left: 14%;
		margin-right: 14%;
	}
	.siema-counter { right: calc( 100vw - 1130px ); } 
    .citation { font-size: 15px; }  
}

/* Large Devices, Wide Screens
-------------------------------------------------------------- */
@media only screen and (min-width : 1700px) {
    .featherlight .featherlight-content {
		margin-left: 20%;
		margin-right: 20%;
	}
}

@media only screen and (min-width : 1824px) {
    .lt-main {
        font-size: 42px;
        letter-spacing: 4px;
    }
    .lt-main.enlarge {
        font-size: 112px;
    }
}