/**
 *   basic page layout
 */
html {height:100%; width:100%; margin:0; box-sizing:border-box; overflow-x:hidden; }
body {position:relative; min-height:100%; max-width:100%; margin:0; box-sizing:border-box; overflow-x:hidden; }
.body-wrapper {margin:0 auto; min-width:320px; }
.front .body-wrapper {position:relative; }
main {width:100%; padding-bottom:2em; }
header, section {position:relative; }
header h1 {margin:0; }
.page-content {margin:0 1em; }
footer {position:fixed; bottom:0; width:100%; z-index:5; pointer-events: none; }
footer>* {float:right; margin-left:1em; pointer-events: auto;}


body.page-blue {background-color:#42528e; }
body.page-blue.page-grey {background-color:#212121; }
.page-blue * {color:#eaeaea; }
.page-white, .page-blue .messages, .page-blue .messages * {color:#212121; }

.clearfix::after {content:""; } /* allow fully justified .clearfix elements */

* {flex-shrink:0; }

/**
 *   fonts and line-height
 */
* {font-family:"tradegothic", serif; font-size:13.5px; font-weight:normal; }
.ckeditor_soi_theme p, .ckeditor_soi_theme li, .ckeditor_soi_theme div, .ckeditor_soi_theme th, .ckeditor_soi_theme td, .ckeditor_soi_theme figcaption {font-family:"tradegothic", serif}
.ckeditor_soi_theme {padding:.67em; box-sizing:border-box; }
* {-webkit-text-size-adjust: 100%; }


/**
 *   heading, p, li, div, table cell, and a basic styles
 */
h1 {font-size:1.67rem; margin-bottom:1.75rem; color:#42528e; }
.page-title-above-menu h1 {margin:.8rem 0;}
h1, h1 * {font-family:'tradegothic-obl'; font-weight:normal; }
h2 {font-size:1.25rem; }
h2, h2 * {font-family:'tradegothic-bold'; font-weight:normal; }
h1 *, h2 * {font-size:inherit; }
h3 {margin:1.5em 0 .25em; }
h4 { }
h5 { }
h6 { }
p { margin:.5em 0 1em; }
p.extra-space-after {margin-bottom:2em; }
.first-p-no-top-margin p:first-of-type {margin-top:0; }
p,li,div,th,td { }
a {color:inherit; font-size:inherit; font-family:inherit; }
a:hover {text-decoration:none; }
strong, strong *, .strong, .strong *, label, * .field .field-label {font-family:'tradegothic-bold'; font-weight:normal; }
em, em *, .em, .em * {font-family:'tradegothic-obl'; font-style:normal; }

.background-blue {background-color:#42528e; }
.background-light-grey {background-color:#e1e1e1; }
.background-dark-grey {background-color:#212121; }

/**
 *   animate breakpoint transitions
 */
* {transition:left .2s, margin .2s, width .2s, height .2s, background-color .2s, font-size .2s, opacity .2s; }

/**
 *   other text styles
 */
.all-caps {text-transform:uppercase; }
a.no-underline, .no-underline a {text-decoration:none; }
a.no-underline:hover, .no-underline a:hover {opacity:.7; transition:opacity .2s; }
a.no-underline.no-fade:hover, .no-underline.no-fade a:hover {opacity:1; transition:opacity 0s; }

.page-blue .selected-option {color:#000; }
.text-blue {color:#42528e; }
.text-grey {color:#b1b1b1; }
.text-offwhite {color:#e5e5e5; }
.smaller, .smaller * {font-size:.9rem; }
.larger, .larger * {font-size:1.2rem; }
.left-link-before, .right-link-after, .right-link-after-inside::after {position:relative; display:inline-block; top:.15em; width:.6em; height:1em; background-size:contain; background-repeat:no-repeat; }
.left-link-before {margin-right:.75em; background-image:url(../images/left-link-before.png);  }
.right-link-after, .right-link-after-inside::after {margin-left:.75em;  background-image:url(../images/right-link-after.png); }
.right-link-after-inside::after {content:''; }
.left-link-before-light {background-image:url(../images/left-link-before-light.png);  }
.right-link-after-light {background-image:url(../images/right-link-after-light.png); }
.left-link-before-blue {background-image:url(../images/left-link-before-blue.png);  }
.right-link-after-blue {background-image:url(../images/right-link-after-blue.png); }

/**
 *   media
 */
img, iframe {max-width:100%; }
img {height:auto; }
.image-caption-wrapper p {margin:0; text-align:left; }
.image-caption-wrapper .field {margin-right:1em; }
.content .field-label-inline .field-label, .field-label-inline .field-items {float:none; }
.content .field .field-label {font-family:'tradegothic-bold'; font-weight:normal; }
.background-image-wrapper {background-size:contain; background-repeat:no-repeat; background-position:center; }

/**
 *   hidden on mobile
 */
.gt-320, .gt-480, .gt-768, .gt-992 {display:none; }


/**
 *   page header
 */
.header-site-logo {display:inline-block; }
header .region-menu {float:right; }

.header-logo {display:block; margin:1.5rem 1rem; height:5.67rem; width:7.4rem; background-size:contain; background-repeat:no-repeat; background-image:url(../images/soi_logo-for_dark-300.png); }
.page-white .header-logo, .page-grey .header-logo {background-image:url(../images/soi_logo-for_light-300.png); }

/**
 *   menus
 */
.mobile-menu-grey-out, .stories-menu-grey-out {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.55); z-index:50; }

.mobile-menu-hide {position:fixed; top:1.5em; right:2.5em; width:1em; height:1em; background-size:contain; background-repeat:no-repeat; background-image:url('../images/overlay-close-x-for-dark.png'); z-index:120; }
.page-white .mobile-menu-hide {background-image:url('../images/overlay-close-x-for-light.png'); }


.mobile-menu-visible h2, .main-menu.mobile-menu-visible .menu {margin:10.5rem 0 3rem; }
.mobile-menu-visible ul.menu {list-style-type:none; }
.mobile-menu-visible ul.menu li.leaf {list-style-type:none; list-style-image:none; } /* reset for drupal default requires li.leaf */
.mobile-menu-visible h2, .mobile-menu-visible ul.menu li {padding-right:2.5rem; text-align:right; }
.menu li>a  {color:inherit; }
.menu-toggle {position:absolute; z-index:100; }
.main-menu-toggle, header.page-blue .main-menu-toggle {top:1em; right:1em; width:1.75em; height:1.75em; background-image:url(../images/main-menu-toggle-for-dark.png); background-size:contain; }
.page-white .main-menu-toggle {background-image:url(../images/main-menu-toggle-for-light.png)}
.sub-menu-toggle {right:0; width:1.5em; height:1.5em; background-image:url(../images/sub-menu-toggle-for-dark.png); background-size:contain; }
.page-white .sub-menu-toggle {background-image:url(../images/sub-menu-toggle-for-light.png)}
.main-menu, .sub-menu {position:fixed; right:0; top:0; box-sizing:border-box; width:20em; height:100%; overflow-x:hidden; overflow-y:scroll; background-color:#42528e; z-index:110; }
.page-white .main-menu, .page-white .sub-menu {background-color:#fff; }
.page-blue.page-grey .main-menu, .page-blue.page-grey .sub-menu {background-color:#212121; }
.mobile-menu-visible ul.menu li {margin:0 0 1em; }
ul.menu li a {text-decoration:none; display:inline-block; }
.main-menu ul.menu li a {margin:0 0 0 .5em; border-top:.5px solid #eaeaea; padding:.1em; }
.sub-menu ul.menu li a {padding:0 0 .2em; }
.page-white .main-menu ul.menu li a {border-top:.5px solid #212121; }
header.page-blue .main-menu ul.menu li a {border-top:.5px solid #eaeaea; }
.main-menu ul.menu li a, .main-menu ul.menu li a {border-bottom:.5px solid transparent; }
.main-menu ul.menu li:hover a, .main-menu ul.menu li a.active, header.page-blue .main-menu ul.menu li:hover a, header.page-blue .main-menu ul.menu li a.active {border-bottom:.5px solid #eaeaea; }
.sub-menu ul.menu li a, .sub-menu ul.menu li a {padding-bottom:.55em; /* oblique font is taller; this is a hack for it plus the .2em border */}
.sub-menu ul.menu li:hover a, .sub-menu ul.menu li a.active {border-bottom:.2em solid #eaeaea; font-family:'tradegothic-obl'; padding-bottom:.2em; }
.page-white .main-menu ul.menu li:hover a, .page-white .main-menu ul.menu li a.active {border-bottom:.5px solid #212121; }
.page-white .sub-menu ul.menu li:hover a, .page-white .sub-menu ul.menu li a.active {border-bottom:.2em solid #212121; }

.local-menu {position:static; margin-bottom:3em; box-sizing:border-box; width:auto; height:auto; background-color:transparent; }
.local-menu ul.menu {padding:0; }
.local-menu ul.menu {margin:-2.75em -.5em 0 0; text-align:right; }
.local-menu ul.menu li {display:inline-block; margin:0; }
.local-menu  ul.menu li {margin-right:.5em; }
.local-menu  ul.menu li:last-child {margin-right:0; }
.local-menu ul.menu li:first-child a {margin:0; }
.local-menu ul.menu li:hover a, .local-menu ul.menu li a.active {border-bottom:.3em solid #42528e; padding-bottom:.2em; }

.stories-menu {position:fixed; top:0; left:0; box-sizing:border-box; height:100%; width:18em; overflow:scroll; padding:3em; z-index:110; }
.stories-menu-close {position:absolute; top:1.5em; right:2em; height:1.5em; width:1.5em; background-image:url(../images/stories-menu-close.png); background-size:contain; background-repeat:no-repeat; cursor:pointer; }
.stories-menu-content {position:relative; height:100%; width:100%; }
.stories-menu h3 {margin:1.5em 0 .5em; font-size:1.5rem; }
.stories-menu h3:first-child {margin:0; }
.stories-menu-or {position:relative; top:1em; width:100%; height:2em; margin-top:2em; border-top:.5px solid #eaeaea; }
.stories-menu-or span {position:absolute; display:block; top:-.7em; left:50%; margin-left:-2.25em; width:4.5em; background-color:#42528e; text-align:center; }
.stories-menu-term-wrapper {margin:0 0 1em; }
.stories-menu-term-wrapper label {font-family:'tradegothic'; cursor:pointer; }
.stories-menu form {padding-bottom:3em; }
.stories-menu .submit-button {margin-top:1em; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }

.stories-sorted-by {margin-top:2em; }
.stories-tag-used {display:inline-block; margin:.25em 1em .25em 0; border:.5px solid #42528E; padding:.3em 1em .25em .5em; font-size:2.5em; background-image:url(../images/stories-tag-x.png); background-position:right .3em top.3em; background-repeat:no-repeat; background-size:1rem 1rem; cursor:pointer; }
.stories-tag-used:first-child:last-child {padding-right:.6em; background:none; cursor:auto; }

footer a {display:inline-block; height:1.2em; margin-left:.5em; padding:.2em .3em; font-size:1.2em; background-color:#42528e; color:#eaeaea; font-family:'tradegothic-bold'; text-transform:uppercase; }
.footer-link-fb, .footer-link-tw {width:1.2em; background-position:center; background-size:1em 1em; background-repeat:no-repeat; }
.footer-link-fb {background-image:url(../images/footer-link-fb.png); }
.footer-link-tw {background-image:url(../images/footer-link-tw.png); }
.page-blue footer a {background-color:#fff; color:#42528e; text-decoration:none; }
.page-blue.page-grey footer a {background-color:#fff; color:#212121; text-decoration:none; }
.page-blue .footer-link-fb {background-image:url(../images/footer-link-fb-blue.png); }
.page-blue .footer-link-tw {background-image:url(../images/footer-link-tw-blue.png); }

.page-blue.page-about .footer-link-about, .page-add-your-state .footer-link-add-your-state {box-sizing:border-box; height:1.6em; border:.5px solid #eaeaea; border-bottom:0; color:#eaeaea; background-color:#42528e; }
.page-white.page-about .footer-link-about, .node-type-blog-post footer a.footer-link-blog, .page-blog footer a.footer-link-blog {background-color:#eaeaea; color:#212121; }


/**
 *  slider control and layout defaults
 */
.slider-container {position:relative; width:100%; height:21.5em; }
.slider-container * {transition:none; }
.slider-container .slideable {transition:left .6s; }
.slider-slides {position:relative; display:block; height:100%; width:100%; overflow:hidden; }
.slider-slide {position:absolute; display:block; background-size:auto 100%; height:100%; background-position:left; background-repeat:no-repeat; }
.slider-slide {left:100%; top:0; height:100%; width:100%; }
.slider-slide--enter-from-reverse {left:-100%; }
.slider-slide-current {left:0; }
.slider-slide-outgoing {left:-100%; }
.slider-slide-outgoing--reverse {left:100%; }

.slider-container .background-image-wrapper {background-color:#212121; }

.slider-controls {position:absolute; display:block; top:0; left:0; width:100%; height:100%; pointer-events:none; }
.slider-controls * {pointer-events:auto; }
.slider-control-wrapper {display:inline-block; }
.slider-control {position:relative; display:inline-block; margin:.5em; background-color:#c6c6c6; width:.75em; height:.75em; transition:background-color .4s, opacity .6s; }
.slider-control-current {background-color:#42528e; }
.slider-control-direct-wrapper {position:absolute; left:0; bottom:4.5rem; width:100%; text-align:center; }
.slider-control-direct {cursor:pointer; }
.slider-control-prev-wrapper, .slider-control-next-wrapper {position:absolute; top:50%; margin-top:-4.5em; }
.slider-control-prev-wrapper {left:0; }
.slider-control-next-wrapper {right:0; }
.slider-control-prev, .slider-control-next {width:2.25em; height:2.25em; margin:0; background-repeat:no-repeat; background-size:contain; cursor:pointer; }
.slider-control-prev {background-image:url(../images/slideshow-prev.png); }
.slider-control-next {background-image:url(../images/slideshow-next.png); }

.slider-control-play-pause-wrapper {display:none; }

.slider-container .content {position:relative; height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction: column;}
.slider-container .background-image-wrapper {flex-shrink:0; flex-grow:1; }
.slider-container .image-caption-wrapper {bottom:-7.5em; margin-top:3em; flex-shrink:0; flex-grow:0; padding:0 1em; width:100%; box-sizing:border-box; height:5em; }
.slider-container iframe {width:100%; height:calc(100% - 7em); height:-webkit-calc(100% - 7em);}

/**
 *   content area inline controls and after-content links to related landing pages
 */
ul.primary li {line-height:normal; } /* for inline admin tabs (edit, etc. ) */
#block-system-main>.content>.node>.contextual-links-wrapper {top:-1.25em; } /* ugly css but functional; prevents contextual link for node from overlapping with entity (or anything else) rendered at top of node */

/**
 *   admin and editor related styles
 */
#toolbar {box-shadow:none; }

/* n.b.: table styles are mostly for admin screens but can affect public-facing views */
table {width:100%; box-sizing:border-box; }
tr.even, tr.odd {background:transparent; }
tr.even {background:rgba(196,196,196,.05); }
th, td {padding:.17em .33em; word-wrap: break-word; }
th.select-all {width:1.67em; }
th:last-of-type, td:last-of-type {text-align:right; min-width:6.67em; }
td:last-of-type ul.inline li {padding: 0 0 0 1em; }
[data-drupal-classes~=page-admin] .page-content {overflow:visible; }
.view-highlighted-content-admin-view table {table-layout:fixed; }

/* button and clearfix, like tables, are mostly admin but also public-facing at times */
.button {position:relative; }
.button:hover {text-decoration:none; }


.grid-3 {float:left; margin-right:2em; margin-bottom:2em; width:9em; }
.allow-left-col-narrow .grid-3 {margin-right:1em; }
.view-funders .grid-3 {width:15em; height:auto; }
.view-team-members .grid-3 {height:13em; }
.view-team-members h3 {margin-bottom:3em; }
.allow-left-col-narrow .grid-3+h3 {clear:left; clear: left; top:3em; position: relative; margin-bottom:6em; }
.allow-left-col-narrow .grid-3+h3::before {content:''; display:block; clear:both; top:3em; margin:0 -1em 5em -1em; border-top:.33em solid #222; }
.grid-3 .views-field-field-person-headshot {width:7.5em; }
.view-press .views-field-title {margin-bottom:.5em; }
.view-press .views-row-last {margin-bottom:2em; }
.left-col-label {font-size:1.15em; }

/**
 * media styles
 */
.video-wrapper {max-width:40em; max-height:25em; margin:.75em auto 0; clear:both;}
.video-container {position:relative; padding-bottom:62.5%; height:0; overflow:hidden; }
.video-container iframe {border:0; position:absolute; top:0; left:0; height:100%; width:100%; }
.vspace {margin-top:.75em; margin-bottom:.75em; }


/*==================================
   area/page-specific element styles
 ===================================*/

/*
 *  front page / state pages
 */
.state-section, .state-background {z-index:2; }
.page-white.state-section {background-color:#fff; }
.background-light-grey .page-white.state-section {background-color:inherit; }
.background-dark-grey .page-blue.state-section {background-color:inherit; }
#stories {z-index:0; }

.state-background {position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
/* stupid iOS-required fix */
@media screen and (-webkit-animation) and (max-device-width:1024px) {
  .state-background {background-attachment: scroll; }
}

.state-section {position:relative; }
.state-section section {padding-bottom:4em; }

.front-grey-scroll, .story-grey-cover {position:absolute; height:100%; width:100%; background-color:rgba(0,0,0,.75); transition:opacity 1s; }
.front-grey-scroll {opacity:0; }
.front-section-top {position:absolute; width:100%; top:50%; }
.front-section-top-centered {margin:0 auto; text-align:center; }
.front-logo {position:relative; top:-15em; width:21.5em; height:25em; background-image:url(../images/soi-logo-front.png); background-repeat:no-repeat; background-position:center; background-size:contain; }
.front-next-screen {position:absolute; bottom:1.5em; left:50%; margin-left:-1.875em; width:4.75em; height:4.5em; background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:center; background-size:contain; cursor:pointer; z-index:3; }
.background-light-grey .front-next-screen {background-image:url(../images/down-arrow-dark.png); }
.front-section-top-about-content, .state-section-featured-quote {position:relative; margin:-30% auto 0; box-sizing:border-box; width:90%; padding:1em; font-size:1.44em; font-family:'tradegothic-bold'; text-align:left; }
.corner-border {position:absolute; border:1px solid #eaeaea; height:5em; width:5em; }
.corner-border-top-left     {top:0;    left:0;  border-right:0; border-bottom:0; }
.corner-border-top-right    {top:0;    right:0; border-left:0;  border-bottom:0; }
.corner-border-bottom-left  {bottom:0; left:0;  border-right:0; border-top:0;    }
.corner-border-bottom-right {bottom:0; right:0; border-left:0;  border-top:0;    }

.state-exhibit-info {margin-top:3em; }
.state-left-col, .state-right-col {float:left; max-width:35em; overflow:hidden; }
.state-left-col {margin-right:3em; }
.state-right-col {clear:left; margin-top:2em; margin-bottom:7em; }
.state-right-col.state-pov {margin-bottom:5em; box-sizing:border-box; padding:1em 1.5em; }

.state-space-above {margin-top:1.5em; }
.state-local-state .field-item {font-size:1.6em; }
.state-local-theme .field-item {font-size:1.8em; }
.state-local-question .field-item {font-size:1.6em; color:#546fae; }
.state-exhibit-dates {margin-top:1em; border-top:.5px solid #eaeaea; padding-top:.5em; }
.state-exhibit-dates .field-item * {font-size:1.6rem; }
.venue-links {margin:1em 0;}
.prev-venue-link {margin-right:3em; }

.state-overview-partners {margin:1em 0 1.5em; border-top:.5px solid #2b2b2b; padding-top:.5em; }

.state-section-featured-quote {margin-top:-45%; font-family:'tradegothic'; }
.state-section-featured-quote-text * {font-size:1.6rem; }
.state-section-featured-quote-text p {font-family:'tradegothic-obl'; }
.state-section-featured-quote-text p:first-child::before {content:'“'; }
.state-section-featured-quote-text p:last-child::after   {content:'”'; }

.state-location-marker {display:inline-block; width:1.1em; height:1.6em; background-image:url(../images/marker.png); background-repeat:no-repeat; background-size:contain; }
.state-stories-header-question {font-size:2.33em; margin:.5em 0 0; }
.state-stories-slideshow-wrapper {margin-top:2em; }

.stories-menu-toggle {position:fixed; left:50%; top:0; margin-top:10em; margin-left:-50%; width:2em; height:20.667em; background-image:url(../images/stories-menu-toggle-v4.png); background-repeat:no-repeat; background-size:contain; cursor:pointer; z-index:1; }

.stories-growing-flex-el-grey {}
.flex-wrapper {display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-between; }
.flex-row {margin-bottom:1em; flex-grow:1; flex-shrink:1; }
.flex-col {flex-direction:column; margin-right:1em; width:20%; flex-grow:1; flex-shrink:1; }
.flex-one-third {width:15.73em; }
.flex-col-two-thirds {width:32.47em; }
.flex-col:last-child {margin-right:0; }
.flex-row:last-child {margin-bottom:0; }
.flex-grow {flex-grow:10; }

.state-story-wrapper {cursor:pointer; flex-shrink:0; }
.story-extra-flex-element {display:block; width:100%; margin-bottom:1em; flex-grow:10; background-color:#212121; background-repeat:no-repeat; background-position:50% 50%; }
.story-extra-flex-element:last-child {margin-bottom:0; }
.contribute-a-story {min-height:7em; background-size:auto 5em; background-image:url(../images/contribute-a-story-narrow.png); }
.sort-stories {min-height:15em; background-size:auto 12em; background-image:url(../images/sort-stories-narrow.png); }
.stars-bg {background-image:url(../images/stars-bg.png); background-size:16% auto; background-repeat:repeat; background-color:none; }
.local-partner-info {box-sizing:border-box; padding:1.5em 1em; background-color:#42528e; }
.local-partner-header {height:2.5em; margin-bottom:1em; border-bottom:.5px solid rgba(235,235,235,.4); padding:0 0 1em 3.5em; background-image:url(../images/partner-link.png); background-size:auto 2.5em; background-position:left top; background-repeat:no-repeat; }
.local-partner-title {margin-bottom:.5rem; font-size:2em; }
.opinion-poll {position:relative; }
.flex-inside-vote-now-top, .flex-inside-vote-now-bottom {position:absolute; left:1em; }
.flex-inside-vote-now-top {top:1.25em; }
.flex-inside-vote-now-bottom {bottom:1em; padding:.5em .75em; }
.flex-inside-vote-now-middle {margin:4rem 2rem 5rem 1rem; font-size:1.5em; hyphens:auto; overflow:hidden; }
.state-stories-featured-quote {box-sizing:border-box; padding:3em; }
.state-stories-featured-quote-text p {font-size:1.5em; font-family:'tradegothic-obl'; }
.state-story-open-trigger {cursor: pointer; }

.state-story-wrapper {position:relative; margin-bottom:.75em; }
.state-story-wrapper:last-child {margin-bottom:-.25em; }
.state-story-featured-image {}
.state-story-title-wrapper {position:absolute; bottom:0; width:100%; }
.state-story-title-wrapper .state-story-title {position:relative; bottom:.25em; padding:.75em; background-color:rgba(0,0,0,.7); }
.state-story-type-icon {position:absolute; top:1em; right:1em; width:1.6em; height:1.6em; background-size:contain; background-repeat:no-repeat; }
.state-story-type-icon-image {background-image:url(../images/state-story-type-icon-image.png); }
.state-story-type-icon-slideshow {background-image:url(../images/state-story-type-icon-slideshow.png); }
.state-story-type-icon-video {background-image:url(../images/state-story-type-icon-video.png); }
.state-story-type-icon-audio {background-image:url(../images/state-story-type-icon-audio.png); }
.state-story-type-icon-link {background-image:url(../images/state-story-type-icon-link.png); }

.state-story-expanded-wrapper h3 {box-sizing:content-box; padding-right:8em; }
.state-story-expanded-wrapper {margin:0 auto; max-width:44em; }
.state-story-expanded-wrapper img, .state-story-expanded-wrapper iframe {width:100%;}
.state-story-expanded-wrapper .state-story-social-above-media, .state-story-expanded-wrapper .state-story-social-below-media {float:right; margin:-.5em -1em 0 0; width:8em; }
.state-story-expanded-wrapper .state-story-social-above-media {margin-top:-3.75em; }

.page-partner-issue-partner h1.page-title, .page-story-site-story h1.page-title {margin:0 auto .75em; max-width:36rem; padding-right:8rem; font-size: 1.6em;text-transform: uppercase; font-family: 'tradegothic-bold'; color:#000; }

.page-partner-issue-partner .state-story-title {display:none; }

.state-events-header h1 {margin:.3em 0; }
.state-event-listing {margin-top:3em; }
.state-event-listing-date-title {margin:2em 0; }
.state-event-listing-date-title h2 {margin-top:0; }
.state-event-listing-details .field-label {margin:1.5em 0 0; font-family:'tradegothic-bold'; text-transform:uppercase; font-size:.9em; }
.state-event-listing-details .field-item {margin:0 0 1em; }
.state-event-listing-details .field-item p {margin-top:0; }
.state-event-listing-details .more-link {display:block; margin-top:1em; font-family:'tradegothic-bold'; text-align:left; text-decoration:none; }
.state-event-listing .field-name-field-event-image .content {position:relative; display:table; margin:0 auto; }
.state-event-listing .field-name-field-event-image .content img {position:relative; z-index:2; max-height:40em; width:auto; }
.state-event-listing .image-file-wrapper, .state-event-listing .slider-container, .state-event-listing .file-video {position:relative; }
.state-event-listing .image-file-wrapper::before, .state-event-listing .slider-container::before, .state-event-listing .file-video::before {content:''; position:absolute; top:10%; right:50%; height:80%; width:51.2em; margin-right:-25.6em; width:51.2em; background-color:#42528e; z-index:-1; }

.state-event-listing .image-caption-wrapper {display: table-caption; caption-side: bottom;}
.state-event-listing-image {text-align:center; }
.state-event-listing-image .field-name-field-story-image img {max-height:40em; width:auto; }

.state-event-thumb-wrapper {margin:3em 0; overflow-x:scroll; white-space:nowrap; }
.state-event-thumb {display:inline-block; margin-right:1.5em; opacity:.7; cursor:pointer; }
.state-event-thumb.state-event-thumb-active {opacity:1; }
.state-event-thumb-active .em {color:#42528e; }
.state-event-thumb img {width:auto; height:6em; }
.state-event-thumb-below {margin:.5em 1.5em; }
.state-event-thumb-active .state-event-thumb-below {border-top:.33em solid #42528e; }
.state-event-listing .slider-control-prev-wrapper, .state-event-listing .slider-control-next-wrapper {width:100%; z-index:10; }
.state-event-listing .slider-control-prev, .state-event-listing .slider-control-next {position:absolute; margin:0; }
.state-event-listing .slider-control-prev {left:0; top:2em; }
.state-event-listing .slider-control-next {right:0; top:2em; }

/**
 * past programs
 */

.page-exhibition-listing-past-programs h1 {font-size:2.25em; }
.page-exhibition-listing-past-programs h2 {margin-top:3em; font-size:1em; font-family:'tradegothic-bold'; text-transform:uppercase; }
.page-exhibition-listing-past-programs h2.line-above--mobile-only {margin-top:3em; border-top:.5px solid #888; padding-top:3em; }
.page-exhibition-listing-past-programs .field-name-field-site-featured-slideshow {margin-top:3em; }
.past-programs-slideshow {position:relative; }
.past-programs-slideshow__background {position:absolute; top:1.25em; left:-1em; box-sizing:content-box; width:100%; height:8.75em; padding:0 1em; }
.past-programs-slideshow .slider-container .background-image-wrapper {background-color:transparent; }

.page-exhibition-listing-past-programs .event-listing-social {margin-bottom:2em; }

.past-programs__quotes {margin-top:2em; }
.past-programs__quote:first-child {border-top:.5px solid #888; }
.past-programs__quote {border-bottom:.5px solid #888; padding: 2em 0; }
.past-programs__quote-text {font-size:1.667em; font-family:'tradegothic-obl'; }
.past-programs__quote-text em, .past-programs__quote-text i, .past-programs__quote-text cite {font-family:'tradegothic'; }
.past-programs__quote-attribution {font-size: 1.2em; }

.past-programs-event-listing {margin:1.5em 0; }
.past-programs-event-listing-date .date-display-single {font-size:.9em;}
.past-programs-event-listing-link {margin-top:1em; padding-bottom:1em;}

.page-exhibition-listing-past-programs .allow-left-col-narrow {margin-left:0; }


.press-listing {margin-top:2em; }
.press-listing__icon {float: left; margin-right:1.5em; width:2.667em; height:2.667em; background-position:center; background-size:cover; background-color:#42528e; }
.page-blue .press-listing__icon {background-image:url(../images/press-icon-white.png); }
.press-listing__text {overflow:hidden; }
.press-listing__date {font-size:.9em; }
.press-listing__title {margin: 1em 0;}




/**
 *   map
 */
.us-map {width:100%; display:none; }
.us-map text {display:none; }
.us-map svg {height:100%; width:100%; } /*required for chrome*/
.us-map svg { max-height: 100%; max-width:100%; } /*required for safari*/
.map-content-wrapper {position:absolute; top:0em; left:-2em; }
.map-content {width:20em; padding:1em 1.5em; background-color:rgba(0,0,0,.6); }
.map-content, .map-content p { color:#fff; font-family:'tradegothic-bold'; font-size:1.6rem; }
.state-wrapper h3 {margin:0 0 1em; text-transform:uppercase; font-size:2em; font-family:'tradegothic-bold'; }
.map-desc-mobile p {padding:1em; font-size:1.2em; font-family:'tradegothic-bold'; text-transform:uppercase; }
.view-states-list {padding:0 1em; }
.view-states-list .state-wrapper h3 {margin:.5em 0; border-top:.5px solid rgba(234,234,234,.5); padding-top:.5em; text-transform:uppercase; font-size:1.2em; font-family:'tradegothic'; cursor:pointer; }
.map-content .state-wrapper h3::after {content:":"; }
.states-list-wrapper .views-row {padding:1em 0; border-bottom:.5px solid rgba(66,82,142, .5); }
.states-list-wrapper .views-row:last-child {border-bottom:0; }
.map-theme {font-size:1.5em}
.map-question {font-size:1.5em}

/**
 * shape the debate
 */
.vote-now-header {font-size:2.33em; margin-bottom:1em; }
.voting-key {margin:1.5em auto; width:15em; height:2.5em; background:url(../images/voting-key.png); background-size:contain; background-repeat:no-repeat; }

.question-wrapper {position:relative; margin-bottom:1.5em; box-sizing:border-box; }
.question-thanks-link {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(66,82,142,.9); z-index:20; }
.question-thanks-link .question-thanks-link-text {position:absolute; left:20%; top:37%; width:60%; text-align:center; color:#eaeaea; font-family:'tradegothic-bold'; font-size:1.5em; z-index:21; }
.question-thanks-link .question-thanks-link-text .right-link-after {position:relative; top:-.07em; left:-.2em;  }
.question-thanks-link {display:none; }
.question-voted .question-thanks-link {display:block; }
.question-title-wrapper {position:relative; display:block; height:10em; box-sizing:border-box; border-bottom:.5px solid #eaeaea; padding:1.5rem 1.5rem 1rem; }
.question-category-local .question-title-wrapper {height:13.3333em; border:.75px solid #42528e; border-bottom:0; }
.question-category-local .question-title-wrapper a.question-state-link {position:absolute; bottom:1em; left:1.5em; }
.question-type-icon {width:3em; height:1.3em; margin-bottom:.7em; background-repeat:no-repeat; background-size:contain; background-position:left; }
.question-type-yesno {background-image:url(../images/yesno-light.png); }
.question-type-wordcloud {background-image:url(../images/wordcloud-light.png); }
.question-type-multichoice {background-image:url(../images/multichoice-light.png); }
.question-category-local .question-type-yesno {background-image:url(../images/yesno-blue.png); }
.question-category-local .question-type-wordcloud {background-image:url(../images/wordcloud-blue.png); }
.question-category-local .question-type-multichoice {background-image:url(../images/multichoice-blue.png); }
.question-title {display:block; font-size:1.25em; font-family:'tradegothic-bold'; }
.question-link {display:block; padding:1em 1.5em; }


.view-display-id-polling .question-category-local .question-title-wrapper, .view-display-id-polling .question-title-wrapper {width:100%; height:10em; }
.view-display-id-polling .question-state-link {display:none; }
.view-display-id-polling .question-link-results {display:none; }

.view-display-id-polling .question-category-local::after, .view-display-id-polling .question-category-national::after {position:absolute; top:.5em; right:1em; font-family:'tradegothic-obl'; }
.view-display-id-polling .question-category-local::after {content:'State'; color:#42528e; }
.view-display-id-polling .question-category-national::after {content:'National'; color:#eaeaea; }

.question-type {margin:2em 0 1.5em;}
h2.question-title {font-family:'tradegothic'; }
.question-social {position:relative; float:right; margin:-.5em 0 1em 2em; }
.question-thanks, .question-relation {border-bottom:.5px solid #e5e5e5; padding-bottom:1.5em; font-size:1.6em; }
.comment-form .form-required {display:none; }
#comment-form .form-item--question-vote {margin:1.25em 0; }
#comment-form .grippie {display:none; }
#comment-form label:not(.option) {margin-bottom:.3em; text-transform:uppercase; font-family:'tradegothic-bold'; font-weight:normal; }
#comment-form textarea, #comment-form input[type=text], #comment-form input[type=email] {width:100%; box-sizing:border-box; border:.5px solid #b2b2b2; padding:.67em; }
#comment-form .form-actions {margin-top:2em; text-align:center; }
#comment-form input[type=submit], .question-button {display:inline-block; margin:.5em 1.5em .5em 0; border:0; padding:.5em .75em; background-color:#eaeaea; font-size:1.2em; text-transform:uppercase; font-family:'tradegothic-bold'; color:#42528e; cursor:pointer; -webkit-appearance:none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }

.view-yes-no-comments .views-row {margin-top:1.5em; border-top:.5px solid #e5e5e5; padding:1.5em 0 .5em; }
.comment-vote::before {display:inline; font-family:'tradegothic-bold'; color:#42528e; }
.comment-vote-value-0::before {content:"NO "; }
.comment-vote-value-1::before {content:"YES "; }

.vote-options-wrapper {margin:2em 0 1.5em; border-bottom:.5px solid #eaeaea; padding-bottom:2em; }
.vote-option-wrapper {position:relative; width:100%; margin-bottom:.5em; }
.vote-option {position:relative; float:left; width:30%; margin-right:3%; padding-top:1em; }
.vote-bar-outer {position:relative; float:left; width:67%; height:3.5em; background-color:#e5e5e5; }
.vote-bar-inner {position:absolute; top:0; left:0; height:100%; background-color:#42528e; }
.vote-bar-label {position:absolute; top:.6em; right:1em; font-size:1.5em; font-family:'tradegothic-bold'; color:#42528e; text-shadow:
   -1px -1px 0 rgba(229,229,229,.5),
    1px -1px 0 rgba(229,229,229,.5),
    -1px 1px 0 rgba(229,229,229,.5),
     1px 1px 0 rgba(229,229,229,.5) }

.social-header {position:relative; margin:1em 0; width:100%; height:4.5em; background-position:center; background-repeat:no-repeat; background-size:auto 4.5em; }
.social-header a {position:absolute; display:block; bottom:.5em; right:.5em; }
.social-header-twitter {background-image:url(../images/twitter-big.png); }
.social-header-facebook {background-image:url(../images/facebook-big.png); }
.social-header-instagram {background-image:url(../images/instagram-big.png); }
.social-column {float:left; max-height:140em; padding-bottom:2em; text-align:center; }

.instagram-column {max-height:133.5em; overflow-y:scroll; }
.instagram-post {margin: 0 0 1.5em; border-bottom:.5px solid rgba(234,234,234,.5); padding-bottom:1.5em; text-align:left; }
.instagram-header img {float:left; margin:0 1em 1em 0; width:3em; height:auto; }
.instagram-likes {padding-left:2em; background-image:url(../images/heart.png); background-repeat:no-repeat; background-size:1em 1em; background-position:left 50%; }

.page-mobile h1.page-title {display:none; }
.page-mobile p {margin:0 1em 1.5em; }
.page-mobile .content {margin:0 -1em; }
img.mobile-page {display:block; width:100%; height:auto; max-width:600px; text-align:center; }

/**
 *   misc
 */
.download-press-kit {display:block; width:6em; height:2.33em; background-image:url(../images/download_press.png); background-repeat:no-repeat; background-size:contain; background-position:left; padding-left:3.33em; }
.download-press-kit-after {display:block; margin:1.5em 0 2em; width:100%; border-bottom:.5px solid rgba(234,234,234,.7); }
.page-contact .content * {font-size:1.2rem; }
.new-school-logo {display:block; clear:both; margin:2em 0 1.5em; width:15em; height:2em; background-image:url(../images/new_school.png); background-repeat:no-repeat; background-size:contain; background-position:left; }
.block-views .view-funders .views-row {float:left; width:15em; margin-right:3em; }
.block-views .view-funders .views-row-odd {clear:left; }
.view-advisors .views-row {margin-bottom:1.25em; }

/**
 *   add your state form
 */
.page-webform .page-content {border:.5px solid #eaeaea; padding:1em; }
.page-webform .page-content h1 {margin:.5em 0 .5em; font-size:1.67em; }
.page-webform.page-add-your-state .page-content h1::before {content:'Join States of Incarceration'; display:block; margin-bottom:.5em; font-size:.5em; color:#c6c6c6; font-family:'tradegothic-bold'; text-transform:uppercase; }
.page-webform.page-contribute-a-story .page-content h1::before {content:'Join the National Dialogue'; display:block; margin-bottom:.5em; font-size:.5em; color:#212121; font-family:'tradegothic-bold'; text-transform:uppercase; }

.page-webform .webform-component .form-required {display:none; }
.page-webform .webform-component label, .page-webform .form-submit {font-family:'tradegothic-bold'; text-transform:uppercase; font-size:.8em; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }
.page-webform .webform-component input:not([type="submit"]), .webform-component textarea {margin:.2em 0; border:.5px solid #eaeaea; box-sizing:border-box; padding:1em; width:100%; background-color:#42528e; color:#eaeaea; }
.webform-component textarea {height:15em; }
.page-webform .form-actions {display:relative; margin:1.5em 0 0; text-align:center; }
.page-webform .form-submit {border:0; padding:.3em .5em; background-color:#eaeaea; font-size:1.25em; color:#42528e; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }

.page-webform.page-white .page-content {border:.5px solid #212121; }
.page-webform.page-white .webform-component input:not([type="submit"]), .page-webform.page-white .webform-component textarea {border:.5px solid #212121; background-color:#fff; color:#42528e; }
.page-webform.page-white .form-submit {border:.5px solid #212121; background-color:#fff; font-size:1.25em; color:#212121; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }


/**
 *   timeline
 */
.view-us-incarceration, .view-immigration-detention, .view-states-and-race {position:relative; }

.timeline-key-columns {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; }
.timeline-key-column {margin-right:1em; flex-shrink:1; }

.timeline-key {display:inline-block; margin-right:2em; }
.timeline-key::before {content:''; display:block; width:1em; height:1em; margin:0 .5em .5em 0; }
/* .timeline-key::before colors set below with bars */

.timeline-wrapper {margin:0 -1em; }
.timeline-top-wrapper {position:relative; overflow:hidden; }
.timeline-bottom-bar {overflow:hidden; }
.timeline-bars-wrapper {position:relative;}
.timeline-top-bars-wrapper {display:-webkit-flex; display:-ms-flexbox; display:flex; height:7.5em; min-width:12em; margin:0 1em; }
.timeline-bottom-bars-wrapper { }

.timeline-arrow {position:absolute; top:2em; width:2.5em; height:3.7em; background-size:1.5em 2.7em; background-repeat:no-repeat; background-position:center; cursor:pointer; z-index:10; }
.timeline-bar-arrow {top:7em; }
.timeline-arrow-left {left:.5em; background-image:url(../images/left-thin.png); }
.timeline-arrow-right {right:.5em; background-image:url(../images/right-thin.png); }

.timeline-top-label-bar {position:relative; width:100%; height:1.6rem; background-color:#d8d8d8; }
.timeline-top-label {position:absolute; bottom:-2.05rem; width:5rem; height:2.5rem; font-size:2rem; color:#fff; font-family:'tradegothic-bold'; z-index:10; }
.timeline-top-label-left {left:.5rem; text-align:left; }
.timeline-top-label-center {left:50%; margin-left:-2.5rem; text-align:center; }
.timeline-top-label-right {right:.5rem; text-align:right; }

.timeline-bar-outer {position:relative; cursor:pointer; }
.timeline-bar-inner {position:absolute; left:0; bottom:0; background:#000; }
.timeline-top-bar-outer {height:100%; width:2em; flex-grow:0; flex-shrink:0; }
.timeline-top-bar-outer-spacer {position:relative; flex-grow:1; max-width:5em; width:1.5em; }
.timeline-top-bar-inner {width:100%; opacity:.4; }
.timeline-bar-open .timeline-top-bar-inner {opacity:1; }
.timeline-bottom-bar-outer {width:100%; height:1.5em; background-color:#eaeaea; }
.timeline-bottom-bar-inner {height:100%; }
.timeline-bar-inner-label {margin:.2em 1em; font-size:.9em; color:#e0e0e0; font-family:'tradegothic-bold'; white-space:nowrap; }
.timeline-bottom-bar-spacer {position:relative; top:1.5em; height:1em; }
.timeline-bottom-bar-content {position:relative; }
.timeline-bar-open .timeline-bottom-bar-spacer {display:none; }
.timeline-bar-open .timeline-bottom-bar-content {display:-webkit-flex; display:-ms-flexbox; display:flex; }

.timeline-bar-stat-type-actual, .timeline-key-actual::before {background-color:#3e548d; }
.timeline-bar-stat-type-estimated, .timeline-key-estimated::before {background-color:#6285c1;}
.timeline-bar-stat-type-detained, .timeline-key-detained::before {background-color:#d8525f; }
.timeline-bar-stat-type-country, .timeline-top-bar-stat-type-country, .timeline-key-country::before {background-color:#436809; }
.timeline-bar-stat-type-race, .timeline-top-bar-stat-type-race, .timeline-key-race::before {background-color:#3e548d; }
.timeline-bar-stat-type-state, .timeline-top-bar-stat-type-state, .timeline-key-state::before {background-color:#353535; }

.timeline-bar-stat-type-actual .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(62, 84, 141,.5),
    1px -1px 0 rgba(62, 84, 141,.5),
    -1px 1px 0 rgba(62, 84, 141,.5),
     1px 1px 0 rgba(62, 84, 141,.5)}

.timeline-bar-stat-type-estimated .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(98, 133, 193,.5),
    1px -1px 0 rgba(98, 133, 193,.5),
    -1px 1px 0 rgba(98, 133, 193,.5),
     1px 1px 0 rgba(98, 133, 193,.5)}

.timeline-bar-stat-type-detained .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(216, 82, 95,.5),
    1px -1px 0 rgba(216, 82, 95,.5),
    -1px 1px 0 rgba(216, 82, 95,.5),
     1px 1px 0 rgba(216, 82, 95,.5)}

.timeline-bar-stat-type-country .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(67, 104, 9,.5),
    1px -1px 0 rgba(67, 104, 9,.5),
    -1px 1px 0 rgba(67, 104, 9,.5),
     1px 1px 0 rgba(67, 104, 9,.5)}

.timeline-bar-stat-type-race .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(62, 84, 141,.5),
    1px -1px 0 rgba(62, 84, 141,.5),
    -1px 1px 0 rgba(62, 84, 141,.5),
     1px 1px 0 rgba(62, 84, 141,.5)}

.timeline-bar-stat-type-state .timeline-bar-inner-label {text-shadow:
   -1px -1px 0 rgba(53, 53, 53,.5),
    1px -1px 0 rgba(53, 53, 53,.5),
    -1px 1px 0 rgba(53, 53, 53,.5),
     1px 1px 0 rgba(53, 53, 53,.5)}


.timeline-row-stat {position:relative; display:inline-block; margin:4rem 15rem 1rem 2rem; border-top:.2rem solid #2e2e2e; font-size:3.7em; font-family:'tradegothic-bold'; }
.view-us-incarceration .timeline-row-stat {top:7rem; }
.timeline-row-title {padding:0 0 2rem 2rem; font-size:2em; font-family:'tradegothic-bold'; }

.view-us-incarceration-events .view-content {display:-webkit-flex; display:-ms-flexbox; display:flex; }
.view-us-incarceration .timeline-bottom-bar-content {height:30em; }
.timeline-bottom-bar-content-detail .entity-timeline {height:28em; width:20em; margin-right:2em; padding:1em; background-color:#eaeaea; }
.timeline-bottom-bar-content-detail .field-name-field-statistic-year .field-item {display:inline-block; border-top:.2rem solid #2e2e2e; font-size:1.75em; font-family:'tradegothic-bold'; }
.timeline-bottom-bar-content-detail .field-name-field-timeline-body p {margin:.5rem 0; font-size:.9em; }
.timeline-bottom-bar-content-detail .field-name-field-timeline-image .content {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction: column; max-height:19em; min-height:1em; }
.timeline-bottom-bar-content-detail .field-name-field-timeline-image .content .background-image-wrapper {flex-shrink:1; flex-grow:1; margin:1em auto; height:15em; width:100%; }
.timeline-bottom-bar-content-detail .field-name-field-timeline-image .content .image-caption-wrapper {flex-shrink:0; flex-grow:0; }

/**
 *   exhibition and events
 */
.exhibition-events-wrapper {margin:0 -1em; }
.exhibition-events-single-listing {position:relative; margin-top:-2em; border-top:.5px solid #b2b2b2; border-bottom:.5px solid #b2b2b2; padding:2em 1em; }
.exhibition-events-single-listing p {margin:0 0 .5em; }
.exhibition-events-single-listing .field {margin-bottom:1em; }
.exhibition-events-single-listing .field-label {text-transform:uppercase; font-family:'tradegothic-bold'; }
.event-listing-close {position:absolute; right:1.5em; top:2em; width:1.5em; height:1.5em; background-image:url(../images/event-listing-close.png); background-size:contain; background-repeat:no-repeat; cursor:pointer; }

.event-listing-load {cursor:pointer; }
.view-exhibition-events-listing {margin:2em 0 3em; padding-bottom:2em; }
.view-exhibition-events-listing .views-row {margin:1em 0; }
.view-exhibition-events-listing .views-row::after {content:''; display:block; margin:1em -1em; border-top:.5px solid #b2b2b2; }
.view-exhibition-events-listing .views-row:last-child::after {display:none; }

.view-exhibition-events-listing .date-heading {display:inline-block; margin-right:2em; text-align:left; }
.view-exhibition-events-listing .date-nav-wrapper .date-heading {width:auto; }
.view-exhibition-events-listing .date-nav {padding:0; }
.view-exhibition-events-listing .date-heading h3 {display:inline-block; width:12em; font-size:1.2em; text-transform:uppercase; font-family:'tradegothic-bold'; color:#42528e; }
.view-exhibition-events-listing .date-heading h3::before {content:'All Events: '; }
.view-exhibition-events-listing .pager {position:relative; top:-1em; width:10em; display:inline-block; clear:none; }

.view-exhibition-events-listing .item-list ul.pager li, .view-exhibition-events-listing .item-list ul.pager {margin:0; }
.view-exhibition-events-listing .pager .date-prev, .view-exhibition-events-listing .pager .date-next {width:50%; box-sizing:border-box; }
.view-exhibition-events-listing .pager .date-prev a, .view-exhibition-events-listing .pager .date-next a {position:absolute; top:.3em; height:1em; width:100%; color:transparent; background-size:auto .8em; background-repeat:no-repeat; }
.view-exhibition-events-listing .pager .date-prev a {left:0; background-image:url(../images/previous+arrow.png); background-position:left; }
.view-exhibition-events-listing .pager .date-next a {right:0; background-image:url(../images/next+arrow.png); background-position:right; }

.view-exhibition-schedule .views-row {margin:1em 0; }
.view-exhibition-schedule .views-row::after {content:''; display:block; margin:1em -1em; border-top:.5px solid #b2b2b2; }
.view-exhibition-schedule .views-row:last-child::after {display:none; }

.exhibition-list-listing {margin:1em 0 1.5em; }
.events-section-national-schedule h3 {font-size:1.3em; font-family:'tradegothic-bold'; }
.events-section-national-schedule h3 * {font-size:inherit; font-family:'tradegothic-bold'; }


h2.event-listing-title {margin-top:.1em; font-family:'tradegothic-obl'; }
.event-listing-media {float:left; margin-bottom:2em; max-width:100%; }
.event-listing-media img {max-height:35em; width:auto; }
.event-listing-media .slider-container {width: 48em; max-width: 100%; }
.event-listing-time-location-right-col {float:left; margin-left: 2em; width:20em; overflow:hidden; }
.event-listing-time-location .field-item {margin-bottom:1em; }
.event-listing-time-location .field-item p:first-child {margin-top:0; }
.page-event-event-listing .field-label {text-transform:uppercase; }
.event-listing-description {clear:left; margin-top:2em; }


.events-section {margin:0 auto; width:30rem; max-width:100%; }
.events-calendar-wrapper {position:relative; width:100%; }
.events-calendar-month {font-size:1.15em; }
.events-calendar-control {position:absolute; top:0; right:0; height:1.5em; width:1em; background-repeat:no-repeat; background-size:auto 80%; }
.events-calendar-prev {right:3.5em; background-image:url(../images/events-calendar-prev.png); }
.events-calendar-next {right:1.5em; background-image:url(../images/events-calendar-next.png); }
.events-calendar-control, .calendar-day-with-event {cursor:pointer; }

table.events-calendar {margin:0 -1em; width:100%; table-layout: fixed; }
.events-calendar tbody, .events-calendar th {border:0; }
.events-calendar th {padding-top:.5em; font-family:'tradegothic-bold'; }
.events-calendar th, .events-calendar td, .events-calendar th:last-of-type, .events-calendar td:last-of-type {text-align:center; width:2.5em; height:2.5em; min-width:auto; }
.calendar-day div {position:relative; display:inline-block; height:1.33em; width:1.33em; border-radius:50%; padding:.5em; line-height:1em; text-align:center;}
.calendar-day div span {position:absolute; display:block; left:0; top:.625em; width:2.25em; height:1em; }
.calendar-day-with-event div {background-color:#425289; color:#fff; }
.calendar-day-with-event-active div {background-color:#2d2d2d; }


.events-header-all-events {margin:0; }
.events-calendar-event-listing {margin:1em 0 2em; }
.events-calendar-event-listing-date {margin-bottom:.25em; }

.events-header.lt-768 {margin:0 auto; cursor:pointer; }
.events-section::before, .events-header-all-events.lt-768::after, .events-calendar-day-details::before {content:''; display:block; margin:1.5rem -1rem; border-top:.5px solid #b2b2b2; }

.events-section .events-header-all-events {margin-bottom:1.5em; }

/**
 *   views with columns
 */
.views-right-col-grey .views-row::after {content:''; display:block; margin:1em -1em; border-top:.5px solid #b2b2b2; }
.views-right-col-white .views-right-col .views-row::after {content:''; display:block; margin:2em 0; border-top:.5px solid #b2b2b2; }
.views-right-col-white .views-right-col .views-row:last-child::after {display:none; }
.link-download-resource {display:inline-block; margin-left:1em; width:1.26em; height:1.4em; background-image:url(../images/link-download.png); background-repeat:no-repeat; background-size:contain; }
.details-back-link {display:inline-block; padding-left:1.5em; background-image:url(../images/back.png); background-repeat:no-repeat; background-size:contain; background-position:left; }
.details-replacing-main .details-mobile-list-only {display:none; }
#block-system-main>.views-row {margin:1.5em -1em; padding:.5em 1em 1.5em;  background-color:#eaeaea; }
.views-label-field-resources {margin-top:1em; }
.views-field-resources p:first-child {margin-top:0; }
.views-field-resources p:last-child {margin-bottom:0; }
.state-field-national-org, .event-duration-none, .event-dimensions-none, .event-url-none {display:none; }

.details-mobile-list-only .local-partner-state-name::after {content:':'; }

/**
 *   views with left sorting/options column
 */
.views-widget .description {display:none; }
.views-exposed-form .views-exposed-widget {float:none; padding:0; }
.views-exposed-form h2~.description {margin:-1em 0 1em; }
.views-exposed-form .form-type-bef-checkbox {margin:1em 0; }

input[type="checkbox"], input[type="radio"], .views-exposed-form input[type="checkbox"] {display:none; }
.page-admin input[type="checkbox"], .page-admin input[type="radio"] {display:inline; }
form[id|="eck-entity-form"] input[type="checkbox"], form[id|="eck-entity-form"] input[type="radio"] {display:none; }
input[type="checkbox"] + label, input[type="radio"] + label, .views-exposed-form input[type="checkbox"] + label, .bef-select-all-none .bef-toggle, .stories-menu-term-wrapper a {display:block; padding-left:1.5em; text-indent:-1.5em;}
input[type="checkbox"] + label::before, input[type="radio"] + label::before, .views-exposed-form input[type="checkbox"] + label::before, .bef-select-all-none .bef-toggle::before, .stories-menu-term-wrapper a::before {content:''; position:relative; top:.05em; display:inline-block; width:.9em; height:.9em; margin:.3em .5em 0 0; background-image:url(../images/checkbox-open.png); background-size:cover; background-repeat:no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before, .views-exposed-form input[type="checkbox"]:checked + label::before {background-image:url(../images/checkbox-checked.png); }
.stories-menu .submit-button, .views-exposed-form .views-submit-button {text-align:center; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }
.stories-menu .form-submit, .views-columns .form-submit {border:.5px solid #eaeaea; padding:.3em .5em; font-family:'tradegothic-bold'; text-transform:uppercase; font-size:1.25em; background-color:#42528e; cursor:pointer; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }

.bef-select-all-none {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction: column; }
.bef-select-all-none .bef-checkboxes {order:1; }
.bef-select-all-none .bef-toggle {order:2; margin-top:1.5em; margin-bottom:1.5em; text-decoration:none; }

.view-header-above-view {margin-bottom:2.67em; }

.views-columns {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 -1em -2em; }
.views-col {padding:1em; min-width:1%; } /* min-width gets FF to respect max width of child elements inside flex layout */
.views-col h2 {margin-top:0; }
.views-left-col {margin-right:.5em; width:7.5em; flex-shrink:0; overflow:hidden; }
.views-right-col {flex-grow:1; flex-shrink:1; }
.views-left-col-blue .views-left-col {background-color:#42528e; }
.views-left-col-blue .views-left-col * {color:#eaeaea; }
.views-right-col-grey .views-right-col {background-color:#eaeaea; }
.views-right-col-white .views-right-col {padding:0 1em 3em 1em; }

.views-left-col-h-line::after, .categories-always-visible .view-content li::after {content:''; display:block; margin:1em -1em; border-top:.5px solid #eaeaea; }
.item-list ul li, .item-list ul {margin:1em 0; padding:0; list-style-type:none; }

.toggle-view-content {padding-right:2em; background-image:url(../images/down.png); background-position:right; background-repeat:no-repeat; background-size: auto .6em; }
.view-content-hidden .view-content {display:none; }

/**
 *   node styles
 */
article.node header {margin:0 0 2.5em; }
.view-mode-full article.node header {margin-bottom:1.5em; }
article.node header h1 {margin-top:.5rem; font-size:1.5em; font-family:'tradegothic'; }
.node-teaser .field-name-field-blog-featured-image img, .node .field-name-field-podcast-featured-image img {display:block; width:100%; }
.inline-wrapper div {display:inline-block; }
.inline-wrapper .field-item+.field-item::before, .inline-wrapper-bar-delimited .field::before, .inline-wrapper-bar-delimited .field .field-item::before {content:'|'; display:inline-block; margin:0 .5em; }
.inline-wrapper-bar-delimited .field:first-child::before, .inline-wrapper .field .field-item:first-child::before {content:''; display:none; }
.link-read-more {padding-right:1.25em; background-image:url(../images/more.png); background-position:right 55%; background-repeat:no-repeat; background-size:auto .7em; }

.blog-filter {margin-bottom:1em; }
.blog-nav-subscribe {position:absolute; right:0; top:2em; }
.node .blog-nav-subscribe {top:-2em; }
.blog-nav {margin-left:1em;  background-repeat:no-repeat; background-size:auto .6em; }
.blog-nav-prev {padding-left:.8em; background-image:url(../images/prev.png); background-position:left;}
.blog-nav-next {padding-right:.8em; background-image:url(../images/next.png); background-position:right; }
.rss-link {padding-left:1.25em; background-image:url(../images/rss.png); background-position:left; background-repeat:no-repeat; background-size:auto .8em;}
.twitter-timeline {min-width:5em !important; width:auto !important; }
.node-type-blog-post footer a.footer-link-blog, .page-blog footer a.footer-link-blog {background-color:#eaeaea; color:#212121; }

/* TODO: uncomment/delete next link to restore podcast header actions */
.podcast-actions {display:none; }
.podcast-action {display:block; float:left; margin-right:1em; height:2.5em; background-size:cover; background-repeat:no-repeat; }
.podcast-action-episodes  {width:11.67em; background-image:url(../images/podcast-episodes.png); }
.podcast-action-subscribe {width:11.25em; background-image:url(../images/podcast-subscribe.png); }
.node-podcast-episode h2 {font-size:1.2rem; }
.podcast-audio iframe {width:100%; }
.view-podcast .views-row::before {content:''; display:block; margin:2em 0 3em; border-top:.5px solid #2d2d2d; }

.local-campaigns-views-h2 {font-size:1.75rem; font-family:tradegothic; }
.local-campaigns__state-jump-link {display:inline-block; margin-right:1.75em; font-size:1.5em; }
.row-local-campaign__featured-label {margin-bottom:-1em;}
.local-campaign {padding:1.75em 0 3.5em; }
.view-local-campaigns .views-row {margin:2em 0; border-bottom: .5px solid #444; }
.view-local-campaigns .views-row:last-of-type {border-bottom:0; }
.local-campaign__left-col {overflow:hidden; }
.local-campaign__title {margin:0 0 1em; font-size:1.5em; }
.local-campaign-links__link {display:block; margin-bottom:.25em; }

.spanish-resource {padding:.5em 0 2.5em; }
.view-spanish-resources .views-row {margin:2em 0; border-bottom: .5px solid #444; }
.view-spanish-resources .views-row:last-of-type {border-bottom:0; }
.spanish-resource:last-of-type {border-bottom:0; }
.spanish-resource__left-col {overflow:hidden; }
.spanish-resource__title {margin:0 0 .5em; font-size:1.5em; }
.spanish-resource__link {display:block; margin-bottom:1em; }

/**
 *   overlay
 */
.overlay, .overlay-background {position:fixed; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:200; }
.overlay-background {position:relative; background-color:rgba(33,33,33,.9); z-index:150; }
.overlay-content-wrapper {position:absolute; top:0; box-sizing:border-box; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; padding:2em 3em; background-color:#fff; z-index:210; }
.page-blue .overlay-content * {color:#212121; z-index:220; }
.overlay-close-x {top:1em; right:1.5em; width:1em; height:1em; background-image:url('../images/overlay-close-x-for-light.png'); }
.overlay-close-x-map {background-image:url(../images/overlay-close-x-map.png); }
.overlay-close-x, .overlay-prev-next-wrapper {position:absolute; background-size:contain; background-repeat:no-repeat; z-index:230; }
.overlay-prev-next-wrapper {top:0; left:0; padding:.25em 3em .5em; width:100%; height:2.5em; box-sizing:border-box; background-color:#fff; z-index: 225; }
.overlay-prev, .overlay-next {text-transform:uppercase; text-decoration:none; color:#444; }
.overlay-prev *, .overlay-next * {color:inherit; font-size:.8rem; }
.overlay-prev::after {content:''; position:relative; display:inline-block; top:.5em; width:1.5em; height:1.5em; color:#ccc; background-position:center; background-size:contain; background-repeat:no-repeat; background-image:url('../images/overlay-prev-next-slash.png'); }

.overlay-headshot img {width:auto; height:9.67em; margin:1.5em 0 1em; }
.overlay-headshot strong, .overlay-title strong span, .overlay-title span strong {font-size:1.2em; }
.overlay-title, .overlay-email {margin:.25em 0; }
.lt-768 .overlay-title {margin-top:2em; }
.overlay-title p {margin:0; }
.overlay-bio {margin:1.5em 0; }

div.overlay-partner-image {position:relative; margin:1.5em -3em; }
.overlay-partner-image img {width:100%; }

.overlay h3 {text-transform:uppercase; font-family:'tradegothic-bold'; }
.overlay .two-col {margin-top:1.5em; }

.overlay h3.state-story-title {margin-bottom:1rem; font-size:1.6em; }
.state-story-tags .field-item {display:inline-block; margin:0 .75em .15em 0; border:.5px solid #2b2b2b; padding:.5em; text-transform:uppercase; font-family:'tradegothic-bold'; }
.state-story-credits {margin:1em 0; }
.state-story-below-media {padding:1.5em 0; }


.overlay iframe {width:100%; max-height:20em}
.overlay .file-video iframe {width:100%; max-height:100%; }



/* TODO: consider properly attaching JS for contextual links and then removing display:none below */
.overlay .contextual-links-wrapper {display:none; }

/**
 *   social media
 */
.social-links {margin:1em 0; }
.social-link {display:inline-block; float:left; width:1.5rem; height:1.5rem; margin-right:1rem; background-repeat:no-repeat; background-image:url(../images/social-sprites.png); background-size:cover; }
.social-link-fb {background-position:0 0; }
.social-link-tw {background-position:-1.5rem 0; }
.social-link-gp {background-position:-3rem 0; }




/* Wide/landscape phones */
@media only screen and (min-width: 480px) {
  * {font-size:15px; }
  .body-wrapper {min-width:480px; }
  .gt-480 {display:block; }
  .gt-480.inline {display:inline; }
  .lt-480 {display:none; }
  .grid-3, .view-funders .grid-3 {margin-right:3em; width:12em; height:10em; }
  .allow-left-col-narrow .grid-3 {margin-right:1.5em; width:12em; }

  .page-mobile p {text-align:center; }

  .spanish-resource__image {float:right; margin-left:2.5em; width:12.5em; }

  .us-map {min-height:310px; }
  .state-section-featured-quote {margin-top:-25%; }
  .prev-venue-link {margin-right:em; }
  .views-exposed-form input[type="checkbox"] + label,  .bef-select-all-none .bef-toggle {padding-left:2em; text-indent:-2em;}
  .views-exposed-form input[type="checkbox"] + label::before,  .bef-select-all-none .bef-toggle::before {margin-right:1em; }
  .views-col {padding:2em; }
  .views-left-col {margin-right:1em; width:10em; }
  h2.heading-blog-categories::after {margin-top:1.25em; }
  .views-left-col-h-line::after, .categories-always-visible .view-content li::after {margin-left:-2em; margin-right:-2em; }
  .views-right-col-grey .views-row::after  {margin-left:-2em; margin-right:-2em; }
}

/* Tablets */
@media only screen and (min-width: 768px) {
  .body-wrapper, footer {width:768px; }
  footer, .stories-menu-toggle {left:50%; margin-left:-384px; }
  .stories-menu-toggle {margin-top:20em; width:3em; height:31em; }
  .gt-768 {display:block; }
  .gt-768.inline {display:inline; }
  .lt-768 {display:none; }
  .header-logo {height:7.63rem; width:10rem; }
  h1 {font-size:2.25em; }
  h2 {font-size:1.5em; }
  .vspace {margin-bottom:1em; }

  .front-next-screen {bottom:5em; }
  .state-exhibit-info {margin-top:6em; }

  .local-menu ul.menu {margin:1.5em 1em 0 0; text-align:left; }

  .stories-menu {width:25em; }

  .slider-container {height:28.7em; }

  .page-mobile .content {margin:0; }

  .two-col, .two-col-view-content .view-content {-moz-column-count:2; -webkit-column-count:2; column-count:2; }
  .three-col, .three-col-view-content .view-content {-moz-column-count:3; -webkit-column-count:3; column-count:3; }
  .two-col li, .three-col li, .two-col-view-content .view-content li, .three-col-view-content .view-content li, .two-col p, .three-col p, .two-col-view-content .view-content p, .three-col-view-content .view-content p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
  .two-col-view-content .view-content h3, .two-col-view-content .view-content p, .two-col-view-content .view-content ul, .two-col-view-content .view-content ol, .two-col-view-content .view-content li,
  .three-col-view-content .view-content h3, .three-col-view-content .view-content p, .three-col-view-content .view-content ul, .three-col-view-content .view-content ol, .three-col-view-content .view-content li,
  .two-col h3, .two-col p, .two-col ul, .two-col ol, .two-col li,
  .three-col h3, .three-col p, .three-col ul, .three-col ol, .three-col li {margin-top:0; }

  .front-logo {top:-18em; width:24em; height:28em; }
  .front-section-top-about-content, .state-section-featured-quote {margin-top:-20%; width:25em; }
  .front-section-top-about-content {padding:3em 2em; font-size:1.6em; }

  .contribute-a-story {min-height:8.5em; background-size:auto 5em; }

  .state-event-thumb img {height:9em; }
  .flex-inside-vote-now-middle, .state-stories-featured-quote-text p {font-size:2.5em; }

  .us-map {display:block; height:505px; }

  .node-page, .view-header, .view-two-col-narrow {max-width:50em; }
  .has-right-column .field-name-body, .field-name-field-right-column  {float:left; width:48%; }
  form .field-name-field-right-column {float:none; width:auto; }
  .has-right-column .field-name-body {margin-right:4%; }
  .allow-left-col-narrow {position:relative; margin-left:13em; }
  .left-col-narrow {position:absolute; left:-13em; width:11em; }
  .left-col-label {font-size:1.3em; }
  .grid-3, .view-funders .grid-3 {margin-right:5em; width:13em; }
  .allow-left-col-narrow .grid-3 {margin-right:2em; width:13em; }
  .allow-left-col-narrow .grid-3+h3::before {margin:0 0 5em -13em; }
  .view-funders .grid-3 {height:10em; }
  .view-team-members .grid-3 {height:13em; }

  .download-press-kit {width:6em; height:5em; background-size:2.33em 2.33em; background-position:left top; padding:3.33em 0 0; }

  .view-local-campaigns .view-header {max-width:none; }
  .local-campaigns-views-h2 {font-size:2.25rem; }
  .local-campaign__title {margin-bottom:2em; }
  .local-campaign__image {float:right; margin-left:4em; width:24em; }

  .spanish-resource__link {margin-bottom:2em; }
  .spanish-resource__image {width:19.5em; }

  .overlay-content-wrapper {left:50%; margin-left:-18.5em; width:37em; padding:2em; }

  .overlay-prev-next-wrapper {position:static; }
  .overlay-prev, .overlay-next {position:absolute; background-size:contain; background-repeat:no-repeat; z-index:230; }
  .overlay-prev, .overlay-next {top:47%; left:50%; width:1.8em; height:3.25em; }
  .overlay-prev .element-invisible, .overlay-next .element-invisible {width:1px; }
  .overlay-prev {margin-left:-25.3em; background-image:url('../images/arrow-prev.png'); }
  .overlay-next {margin-left:23.5em; background-image:url('../images/arrow-next.png'); }

  .overlay iframe {max-height:26em}

  div.overlay-partner-image {margin:0 0 1.5em; }

  .page-webform .page-content h1 {font-size:2.33em; }
  .page-webform .page-content {margin-top:2em; margin-bottom:2em; padding:1em 7.5em; }
  .page-webform .webform-component label {font-size:1em}

  .state-event-listing-details-col {float:left; width:45%; margin-right:3em; }
  .state-event-listing-details-col:last-child {margin-right:0; }

  .page-exhibition-listing-past-programs h2.line-above--mobile-only {margin-top: 3em; border-top:0; padding-top:0; }
  .past-programs-slideshow__background {height:19em; }
  .past-programs__left-col {float:left; margin-right:8%; width:42%;}
  .past-programs__right-col {float:left; width:50%; }

  h2.event-listing-title {font-size:1.8em; }

  .question-title-wrapper {height:8.5em; }
  .question-button--local-campaigns {position:absolute; right:4em; }

  .views-left-col {margin-right:1.5em; padding:3em 2em; width:12em; }
  h2.heading-blog-categories {margin-top:-.5em; }

  .views-right-col {padding:3em 4em 4em; }
  .views-right-col-grey .views-row::after  {margin-left:0; margin-right:0; }
  .views-right-col-grey .views-row:last-child::after {display:none; }

  .views-label-field-resources {display:-webkit-flex; display:-ms-flexbox; display:flex; }
  .views-label-resources {margin-right:.75em; width:6.5em; flex-shrink:0; }
  .view-speakers-bureau .views-label-resources {width:3.25em; }
  .views-field-resources {flex-grow:1; flex-shrink:1; }

  .state-field-national-org, .event-duration-none, .event-dimensions-none, .event-url-none {display:none; }


  .node-teaser .field-name-field-blog-featured-image img {float:right; margin:0 0 1em 1em; max-width:17.5em; }

  .view-podcast .view-header {max-width:100%;}
  .podcast-header-img {width:20em; height:17.93em; background-image:url(../images/podcast-header-600.png); background-size:cover; background-repeat:no-repeat; }
  .podcast-top {display:flex; justify-content:space-between; margin-bottom:1em; }
  .podcast-top-left {display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-between; flex-direction:column; flex-shrink:1; flex-grow:1; }
  .podcast-top-right {flex-shrink:0; flex-grow:0; margin-left:2em; width:20em; }
  .podcast-title h2 {flex-shrink:0; flex-grow:0; margin-top:0; }
  .podcast-audio iframe {flex-shrink:1; flex-grow:1; width:100%; }
  .podcast-right-col {display:flex; flex-direction:column; clear:both; float:right; overflow:hidden; margin-left:4%; width:48%; }
  .podcast-right-col .social-links {order:2; }
  .podcast-right-col .field-name-field-story-credits {order:1; }
  .podcast-left-col {overflow:hidden; }
  .podcast-left-col .field-name-body p:first-child {margin-top:0; }

  .timeline-bar-arrow {top:14em; }

  .events-section {float:left; width:23em; padding:0; }
  .events-section::before {display:none; }
  .events-section-national-schedule {margin-right:3em; border:0; }
  .events-header {margin:3em 0 1.5em; }
  .events-header-all-events {padding:0; }
  .events-calendar-wrapper {position:relative; }
  table.events-calendar {width:24em}

}

/* Laptops/narrow desktop windows */
@media only screen and (min-width: 992px) {
  .body-wrapper, footer {width:992px; }
  footer, .stories-menu-toggle {margin-left:-496px; }
  .stories-menu-toggle {margin-top:24em; width:3.667em; height:37.89em; }
  .gt-992 {display:block; }
  .gt-992.inline {display:inline; }
  .lt-992 {display:none; }
  h1 {font-size:2.75em; }

  .page-white .main-menu, .page-white .sub-menu {background-color:transparent; }
  .main-menu, .sub-menu {position:static; box-sizing:border-box; width:auto; height:auto; overflow:auto; }
  ul.menu {padding:0; }
  .main-menu ul.menu {margin:1.5em 1em 0 0; }
  ul.menu li {display:inline-block; margin:0; }
  .sub-menu ul.menu li {margin-right:2em; }
  .sub-menu ul.menu li:last-child {margin-right:0; }
  ul.menu li:first-child a {margin:0; }
  .main-menu ul.menu li a {padding-right:1em; }
  .sub-menu {margin:1em; }
  .page-title-above-menu .sub-menu {margin-bottom:1.67em; }
  .grid-3, .view-funders .grid-3 {margin-right:8em; width:13em; }
  .block-views .view-funders .views-row {width:18em; }

  .local-campaigns-views-h2 {font-size:2.5rem; }
  .local-campaign__image {margin-left:8em; width:32em; }

  .overlay-content-wrapper {margin-left:-25em; width:50em; padding:2em; }
  .overlay-prev {margin-left:-31.8em; }
  .overlay-next {margin-left:30em; }
  .overlay iframe {max-height:26em}

  .stories-menu {left:50%; top:50%; margin-left:-29em; margin-top:-18em; width:58em; height:36em; }
  .stories-menu-national-issues {float:left; width:15em; }
  .stories-menu-or {float:left; margin:9em 3em 0 2em; width:10em; }
  .stories-menu-tags {position:relative; float:left; width:15em; }
  .stories-menu-submit {position:absolute; left:17em; top:7em; }
  .stories-menu form {padding-bottom:0; }

  .slider-container {height:35.4em; }
/*
  .slider-control-prev-wrapper, .slider-control-next-wrapper {margin-top:-5em; }
  .slider-control-direct-wrapper {bottom:0; }
  .slider-container .content {display:block; }
  .slider-container .background-image-wrapper {height:100%; background-position:top; }
  .slider-container .image-caption-wrapper {position:absolute; bottom:0; margin-top:0; height:7.5em; padding:1em 4em; background-color:rgba(0,0,0,.65); }
  .slider-container .image-caption-wrapper * {color:#fff; }
  .slider-container iframe {width:100%; height:calc(100% - 7em); height:-webkit-calc(100% - 7em);}
  */
  .slider-control-prev, .slider-control-next {width:4.5em; height:4.5em; }

  .us-map {height:660px; }

  .stories-flex-wrapper {margin-left:-1em; margin-right:-1em; }
  .state-right-col {margin-top:0; border:.5px solid #eaeaea; padding:1.5em; }
  .state-exhibit-news {margin-top:6em; }
  .state-exhibit-news p {border-top:.5px solid rgba(255,255,255,.3); padding-top:1em; line-height:1.4em; }
  .state-exhibit-news p:first-of-type {border-top:0; padding-top:0; }
  .state-right-col {clear:none; max-width:20em; }
  .state-right-col.state-pov {float:right; max-width:18em; border:0; }
  .flex-one-third {width:21.378em; }
  .flex-col-two-thirds {width:43.756em; }
  .contribute-a-story {background-image:url(../images/contribute-a-story.png); }
  .sort-stories {min-height:8.5em; background-size:auto 4.3em; background-image:url(../images/sort-stories.png); }

  .state-event-thumb img {height:12em; }

  .view-opinion-poll-vote-now-.view-display-id-page>.view-content {width:48em; float:left; }
  .view-opinion-poll-vote-now-.view-display-id-page>.view-footer {float: left; position: relative; top: -1.27em; margin-left: 1.5em; }
  .voting-key {float:right; position:relative; margin-top:-4em; margin-right:-12em; }
  .question-category-local .question-title-wrapper {height:18em; width:14em; }
  .view-display-id-polling .views-row {width:49%; float:left; }
  .view-display-id-polling .views-row-odd {margin-right:2%; }

  .social-column {width:17.6em; margin:0 1em; }

  .past-programs-slideshow__background {height:25.5em; }

  .views-left-col {margin-right:2em; width:13.67em; }

  .timeline-key-wrapper {position:absolute; top:-10em; right:-3em; width:32em; }
  .view-immigration-detention .timeline-key-wrapper {top:-5em; width:24em}
  .view-states-and-race .timeline-key-wrapper {width:18em; }
  .timeline-key-columns {flex-direction:row; }

  .timeline-top-label-bar {height:2.75rem; }
  .timeline-top-label {bottom:-2.4rem; width:8rem; height:3rem; font-size:3.25rem; }

  .timeline-bottom-bar-outer {height:2.5em; }
  .timeline-bar-inner-label {margin:.55em 1em; font-size:1em; }
  .timeline-bottom-bar-spacer {height:2em; }
  .timeline-bar-arrow {top:20em; }
  .timeline-row-stat {margin:6rem 15rem 2rem 4rem; border-top:.4rem solid #2e2e2e; font-size:6.67em; }
  .view-us-incarceration .timeline-row-stat {top:12rem; }
  .timeline-row-title {padding:0 0 4rem 4rem; font-size:4em; font-family:'tradegothic-bold'; }

  .view-us-incarceration .timeline-bottom-bar-content {height:40em; }
  .timeline-bottom-bar-content-detail .entity-timeline {height:38em; width:30em; }
  .timeline-bottom-bar-content-detail .field-name-field-statistic-year .field-item {font-size:2.75em; }
  .timeline-bottom-bar-content-detail .field-name-field-timeline-body p {font-size:1em; }
  .timeline-bottom-bar-content-detail .field-name-field-timeline-image .content {max-height:23em; }
  .timeline-bottom-bar-content-detail .field-name-field-timeline-image .content .background-image-wrapper {height:19em; }

  .state-event-listing .image-file-wrapper::before, .state-event-listing .slider-container::before, .state-event-listing .file-video::before {margin-right:-33.0667em; width:66.1333em; }

  .event-listing-close {width:2em; height:2em; }
  .exhibition-events-single-listing .field {max-width:20em; }
  .exhibition-events-single-listing .field-name-field-event-image {position:absolute; left:22em; top:2em; max-width:38em; width:38em; height:80%; overflow:hidden; }
  .exhibition-events-single-listing .field-name-field-event-image img {max-height:100%; }
  .event-listing-media {max-width:42em; }

  .events-section {float:left; width:24em; }
  .events-section-national-schedule {margin-right:16em; }

}

/* Desktop/larger laptops */
@media only screen and (min-width: 1200px) {
  .body-wrapper, footer {width:1200px; }
  footer, .stories-menu-toggle {margin-left:-600px; }
  .gt-1200 {display:block; }
  .gt-1200.inline {display:inline; }
  .lt-1200 {display:none; }
  .main-menu ul.menu li a {margin-left:2em; padding-right:2em; }
  .main-menu ul.menu li:first-child a {margin:0; }
  .page-content, .sub-menu {margin-left:7.5em; margin-right:7.5em; }
  .slider-container {height:41.7em; }
  .contribute-a-story {background-size:auto 6em; }
  .sort-stories {background-size:auto 5em; }
  .allow-left-col-narrow .grid-3+h3::before {margin:0 -7.5em 5em -20.5em; }
  .stories-flex-wrapper, .views-columns, .timeline-wrapper, .exhibition-events-wrapper {margin-left:-7.5em; margin-right:-7.5em; }
  .blog-nav-subscribe {right:-6.5em; }
  .node .blog-nav-subscribe {right:1em; }
  .past-programs-slideshow__background {top:3em; left:-7em; height:28.5em; padding:0 7em; }
  .flex-one-third {width:26em; }
  .flex-col-two-thirds {width:53em; }
  .state-event-listing .image-file-wrapper::before, .state-event-listing .slider-container::before, .state-event-listing .file-video::before {margin-right:-40em; width:80em; }
  .exhibition-events-single-listing .field-name-field-event-image {left:29.5em; }
  .event-listing-close {right:8em; }
}

@media print {
  html, body {page-break-inside:avoid; }
  header, h1 {page-break-after:avoid; }
  main, section, footer {page-break-before:avoid; }
}


@font-face {font-family: 'tradegothic-bold';src: url('../fonts/30054A_0_0.eot');src: url('../fonts/30054A_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30054A_0_0.woff2') format('woff2'),url('../fonts/30054A_0_0.woff') format('woff'),url('../fonts/30054A_0_0.ttf') format('truetype');}
@font-face {font-family: 'tradegothic-obl';src: url('../fonts/30054A_1_0.eot');src: url('../fonts/30054A_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30054A_1_0.woff2') format('woff2'),url('../fonts/30054A_1_0.woff') format('woff'),url('../fonts/30054A_1_0.ttf') format('truetype');}
@font-face {font-family: 'tradegothic';src: url('../fonts/30054A_2_0.eot');src: url('../fonts/30054A_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30054A_2_0.woff2') format('woff2'),url('../fonts/30054A_2_0.woff') format('woff'),url('../fonts/30054A_2_0.ttf') format('truetype');}