/*
Theme Name: statenislandmuseum
Author: Imaginary Office
Description: a custom theme built using blankslate
Version: 1.0
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; font-family: 'Barlow'; }body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
    display: block !important;
    opacity: 1 !important; /* Add this line if needed. */
}

.pum-content h1 {
    font-weight: 700 !important;
    line-height: 2.5rem;
    font-size: 1.8rem;
    margin-bottom: 12px;
}

.clearfix:after, .group:after {
    display: block;
    content: "";
    clear: both;
}

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}

html {font-size:20px;}
body, button {font-family: 'Barlow', sans-serif;color:#000000;}

h1,h2,h3,h4, p,ul,ol {margin:0 0 20px 0;line-height:1.2;}
h1 {font-weight:700;font-size:2.4rem;}
h2{font-weight:700;font-size:1.5rem;}
h3{font-weight:700;font-size:1.2rem;}
h4{font-weight:700;font-size:1rem;text-transform: uppercase;}
p, ul, li, ol {font-size:.95rem;line-height:1.4;}

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* colors
green:#59bb64;
blue:#0076AD;
yellow:#ffe553;
lt green:#dae2da;sea
lt blue:#d8eaf3;
lt yellowgray:#f5f4ed;
dk green:#516b6b;
dk blue:#013c4d;
dk yellowgray:#4c4b3c;
dk purple -- #311938 suffrage only /
*/





/* universals */

.offscreen, a.offscreen { text-indent: -9999px;position:absolute;height:0;}
#social{font-size:1rem;}
a, a:active {color:#000000; cursor: pointer;}
a:hover, a:focus {color:#696969;}
em {font-style:italic;}
b, strong {font-weight:700;}
.wp-caption{font-size:0.9rem;color:#696969; max-width: 100%; }
.wp-caption-text{font-size:0.75rem;margin:10px 0;}
button {cursor: pointer; }
.button-border {padding:10px 14px;border:#000000 2px solid;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.button-border a {text-decoration:none;}
.button-border:hover, .button-border:focus {border:#696969 2px solid;}

._df_button {border-radius: 0 !important; padding:10px 14px !important; margin-top: 2px; border:#000000 2px solid;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
._df_custom img { filter: drop-shadow(8px 8px 2px #dddddd); }

#social{margin:0 50px 0 0;font-size:1.8rem;}
#social i {margin: 0 7px 0 0; font-size: .875rem; padding: 7px; color:#999999;}
#social i:last-child {margin: 0 0px 0 0;}

a.button { text-decoration: none; color: #0076AD}
/* register button , share button */
.register-button, .share {font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:10px;color:#0076AD;border:2px solid #0076AD;width:auto;text-align:center;min-width:0;cursor:pointer;display:inline;float:left;margin:10px 10px 0 0;}
.buttons_register_share { margin-bottom: 30px; }
  div.register-button a {text-decoration:none;color:#0076AD;}
  div.share-container {display:none; padding-top: 10px; }
  .share-container a {text-decoration: none; margin-right: 5px; color: #0076AD;}
  .register-button:hover, .register-button:focus, .share:hover, .share:focus{
    background: #0076AD; color: white;}
  div.register-button:hover a,div.register-button:focus a{color:white;}

/* structure */
#wrapper{flex: 1 0 auto;}
#header, #footer, #container, #announcement-overlay {width:100%;height:auto;}
#footer {max-width:1200px;height:auto;margin:0 auto;}


#container{margin:0 0 100px 0;overflow-x: hidden;}
.page-education #container { margin-bottom: 0; }
.home #container{margin:0 0 30px 0;overflow-x: hidden;}

/* announcement ©overlay */
#announcement-overlay{opacity: 1; display:none; padding:20px 100px;/*position:absolute;top:0;left:0;z-index:100*/;background-color:#ffe553;font-weight:700;}
#announcement-overlay p { font-size: .8rem;line-height: 1.1rem; }
.close-overlay{width:30px;height:30px;font-size:1.5rem;font-weight:700;padding:10px;text-align:right;cursor:pointer;display:inline;float:right;line-height:0;}
.content-box p{width:95%;height:auto;margin:0;}

/* modal */

#modal-celebrate140 { font-size: .9rem; padding: 0px; background: #f5f4ed; max-width: 1000px; display: flex; }
#modal-celebrate140 p { max-width: 600px; font-size: .9rem; }
#modal-celebrate140 .col-50.image { width: 50%; background-image: url('/wp-content/uploads/2021/10/A277-02.jpg'); background-size: cover; height: 550px; background-position: center; }
#modal-celebrate140 .col-50.image img { height: 540px; }
#modal-celebrate140 .logo { max-width: 100%; height: auto; margin-left: -5%; }
#modal-celebrate140 h3 { color:#0076AD; margin-bottom: 10px; margin-top: 20px;}
#modal-celebrate140 .col-50 { width: 50%; float: left; overflow: hidden; }

#modal-celebrate140 .col-50.text { padding: 30px; }
#modal-celebrate140 { display: none; }
/* post styles */
.entry-meta {font-weight:700;margin:0 0 20px 0;}
#content.single-posts{width:66%;height:auto; max-width: 900px;}
#content.single-posts h2 {margin-top: 40px; margin-bottom: 10px;}
#content.single-posts img:not(.incolumns) { margin-top: 40px; max-width: 100%; height: auto; }
#content.single-posts div[id^="attachment"]  { width: 100% !important; margin-bottom: 40px !important;}
#content .landingpage div[id^="attachment"]  { width: 100% !important; margin-bottom: 40px !important;}
#content.single-posts div[id^="attachment"] img { width: 100%; height: auto; margin-top: 0;}
#content.single-posts div[id^="attachment"].alignright { max-width: 50% !important; float: right; padding-left: 10%; width: auto !important;}
#content.single-posts div[id^="attachment"].alignright img { width: auto !important; height: auto; max-width: 100%;}
#content.single-posts .entry-content { width: 100%;}
#content.single-posts .entry-content .intro-text p { color: #013c4d; font-size: 1.25rem; line-height: 1.6rem;}
#content.single-posts .entry-content .intro-text  { margin-bottom: 40px;}

#content.single-posts  h1 {color: #013c4d;}

/* page styles , simple page , editor styles */
article {max-width:1200px;height:auto;margin:20px auto; padding-top: 70px; }
#promo-featured.full-width {width:100%;height:auto;background:#dae2da;margin:0 0 40px 0;padding:40px 0;}
.article-width-container {width:100%;max-width:1200px;height:auto;margin:0 auto;}
.entry-content ul {list-style: disc;list-style-position: inside;margin-left:28px;}

/* footer */
.home .footer-wrapper { background: #ffffff;}
.footer-wrapper { background: #f5f4ed;}
#footer{padding:50px 0;flex-shrink: 0;}
#footer-text-container{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:10px 0;}
.footer-text{width:30%;margin:0 3% 0 0;height:auto;}
.footer-text.top{width:100%;margin:0 3% 24px 0;height:auto;}
.footer-text.left p { /* font-size: 1.25rem; line-height: 1.6rem; */ padding-right: 20px;}

.copyright, .privacy {display:inline;float:left;margin:0 25px 0 0;font-size: .8rem;}
#footer-text-container.social-footer {flex-direction:row-start;}
#footer .search { margin-top: 30px;}
#footer input[type="search"] { border: none; padding: 5px; height: 30px; }
.home #footer input[type="search"] { background: #f5f4ed;    font-family: 'barlow', sans-serif;}
#footer input[type="submit"] { background: #555555; color: white; font-family: "Font Awesome 5 Free"; font-size: .75em;  font-weight: 900; padding: 7px 5px; border: none;}
/* header */
#header{width:100%;height:192px;padding:50px 0; position: relative; background: #f5f4ed; }
#header.article-width-container{margin:-30px 0 0 0;}
#header-right-container, #branding {margin:0;padding:0;position:relative;height:auto;float:left;}
#header-right-container{float:right;text-align:right;}
.header-right-top-group {width:100%;height:auto;float:right;}
.header-right-top-group #donate, .header-right-top-group #social, .header-right-top-group #shop, .header-right-top-group #tickets { display:inline-block;text-align:right;}
.header-right-top-group #donate.donate, .header-right-top-group #shop, .header-right-top-group #tickets { margin-right: 6px;}
.header-right-top-group #social { margin-right: 20px; }
#shop.button-border, #donate.button-border, #tickets.button-border { border:#0076AD 1px solid; font-size: .625rem; font-weight: 600; padding: 8px;}
#tickets.button-border { background: #0076AD; color: white; }



#shop.button-border:hover, #donate.button-border:hover, #tickets.button-border:hover, #donate.button-border:focus, #tickets.button-border:focus, #shop.button-border:focus { background:#024b68; color: white;}
#tickets.button-border:hover { background: #024b68; }
#donate a, #shop a {color:#0076AD;}
#donate a:hover, #donate a:focus{color:white;}


#branding .logo {width:250px;height:92px;background-image:url('images/sim-logo-500.png');background-repeat:no-repeat;background-size:contain;}
#mobile-logo { width: 40%; height: 80px; background-image: url(images/sim-logo-white-500.png); background-repeat: no-repeat; background-size: contain; float: left; margin: 0 0 40px 0; min-width: 300px; }
.menu-mobile-nav-container {width: 50%; float: right;}

div.mobile-nav  { display: none; position: relative; z-index: 9999; float: right; padding: 10px 0 0 0px;}
div.mobile-nav .close {display: none; color: #ffffff; right: 12px; }
i.fas.fa-bars, i.fa.fa-times{font-size:1.5rem;position:relative;float:right;cursor:pointer;padding:0;margin:0;}
#menu-mobile{display:none;position:absolute;top:0;right:0;z-index:10;background-color:#013c4d;padding:50px 0 50px 0px;width:100%; height: 100vh; position: fixed; overflow-y: scroll;}
#menu-mobile.open {display: block;}


/* mega menu */

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { font-weight: 600; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { font-weight: 600; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { padding-top: 14px; padding-bottom: 14px; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_text { padding-left: 0; padding-top: 0; padding-bottom: 0; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { padding-left: 0; padding-top: 0; padding-bottom: 0; margin-top: -14px; opacity: 1}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image .wp-caption { max-width: 100%; height: auto; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image .wp-caption-text { color: #88A4AA; }

#mega-menu-main-menu .textwidget p { font-size: 1.5rem; color: #88A4AA; line-height: 1.625rem; padding-right: 20%; padding-left: 0; }
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #013c4d; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { font-weight: 600; background-image:url("/wp-content/themes/statenislandmuseum/images/uparrow.png"); background-size: 40%; background-repeat: no-repeat; background-position: center 36px; }
ul#menu-mobile-nav li{ text-align: left; margin: 20px auto 0 auto; min-height: 44px;}
ul#menu-mobile-nav li a {text-decoration:none;color: #ffffff; display: block;margin-bottom: 20px; font-size: 1rem; font-weight: 600;}
ul#menu-mobile-nav ul.sub-menu { margin: 0 0 0px 0; }
ul#menu-mobile-nav ul.sub-menu li { margin-top: 0; }
ul#menu-mobile-nav ul.sub-menu li a {text-transform: none; font-size: 1rem; font-weight: 400; opacity: .8}
#menu{width:100%;height:auto;}
ul#menu-sim-nav{display:inline;text-align:right;float:right; margin-top: 40px;}
ul#menu-sim-nav li {display:inline; margin:0 0 0 25px;text-align:right;}
ul#menu-sim-nav li a {font-weight:600;text-decoration:none;letter-spacing: 0px;}
ul#menu-sim-nav li a:hover, ul#menu-sim-nav li a:focus{text-decoration:none;}
ul#menu-sim-nav ul.sub-menu li a { color: white; font-weight: 500;  }
ul#menu-sim-nav .sub-menu li  { display: block; text-align: left; font-weight: 500; }

#menu-mobile .menu-sim-nav-container { width: 55%; float: right; }
#menu-mobile ul#menu-sim-nav { float: left; }
#menu-mobile ul#menu-sim-nav li { display: block; margin: 10px 0 10px 25px; text-align: left; }
#menu-mobile ul#menu-sim-nav li a { color: #ededed; }
#menu-mobile ul#menu-sim-nav { margin-top: 0px; }
#menu-mobile .menu-sim-nav-container { width: 100%; }
#menu-mobile ul#menu-sim-nav li { margin-left: 0; }
#menu-mobile ul#menu-sim-nav ul li { margin-left: 25px; }
/* landing page , simple landing page , about the collections, events & programs */

    .full-width-container.top-banner.landingpage{width: 100%; max-width:1920px; margin: 0 auto;height:auto;}
    .landingpage.top.full-width { background: #f5f4ed; padding: 40px 0; margin:0 0 0px 0; }
	  .landingpage h1, h1.entry-title { font-size: 2rem;}
    .entry-content.landingpage, .landingpage-photo, .landingpage .intro_text {width:50%;height:auto;display:inline;float:left;}
    .entry-content.landingpage, .landingpage .intro_text {width:45%;margin:0 5% 0 0;}
    .entry-content.landingpage ul, .landingpage .intro_text ul {list-style: disc; margin-left: 20px;}
    .landingpage-photo .wp-caption {width:100%;height:auto;max-width:600px;}
    .landingpage-photo img {width:100%;max-width:600px;height:auto;}
.page-template-page-simple-landing-php h3 { margin-bottom: 4px;}

.page-template-page-simple .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
	margin-bottom: 30px;
    }

  .page-template-page-simple .embed-container iframe,
  .page-template-page-simple .embed-container object,
  .page-template-page-simple .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.full-width.about, .full-width.collections, .full-width.sim-collections  { width: 100vw; max-height: 600px; overflow: hidden; position: relative; }
.full-width.banner.visit .text-container  {     
    width: 1200px;
    max-width: 1200px;
    position: absolute;
    top: 45%;
    color: white;
    margin: 0 auto;
    left: calc(50vw - 600px); }

.full-width.banner.visit .text-container h2 { color: white; font-size: 2rem; }

.full-width.about img, .full-width.collections img, .full-width.sim-collections img  { width: 100%; height: auto; }
.collection-highlights { margin-top: 80px;}
.article-width-container.one-col-text { max-width: 900px;margin-bottom: 40px;}
.simple-button { font-size: .8rem; text-transform: uppercase; padding: 10px; background: transparent; font-weight: 700; letter-spacing: 1px; border: 2px solid #0076AD; color: #0076AD; margin-bottom: 20px; }
.simple-button.visit { background-color: #ffe553; border: none; color: black; }

.simple-button.map { padding: 5px; border: 0; margin-bottom: 4px;  }
.simple-button.map a { font-size: .75rem; color: #555555; }
.simple-button.map:hover { background: none; }
.simple-button.map a:hover { background: none; color: #0076AD; }
.simple-button.map:hover > a { color: #0076AD; }
.simple-button:hover, .simple-button a:hover { background: #0076AD; color: #FFFFFF;}
.simple-button a {text-decoration: none; color:#0076AD; font-weight: 700; }
.simple-button:hover > a { color: #FFFFFF; }

.entry-content li { /* text-indent: -24px; */ }

.page-support .landingpage.top.full-width { margin-bottom: 80px; }
/* staff styles */

	.staff .article-width-container.staff { margin-bottom: 60px;}
    ul.people-list{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;}
    li.person_list{width:23%;height:auto;margin:0 2% 0 0;overflow:hidden;}
    #headshot-container{width:200px;height:200px;overflow:hidden;margin:0 0 20px 0;}
    #headshot-container img{width:100%;height:auto;}
    li.person_list h3{text-transform:none;margin:0 0 5px 0;width:100%;font-size: 1rem;}
    li.person_list h4{text-transform:none;font-weight:400;margin:0 0 10px 0;width:100%;}
    li.person_list h4, li.person_list p{font-size:0.9rem;}

/* search */
body.search .search { margin-bottom: 60px;}
body.search h1 { margin-bottom: 40px; }
body.search img { display: none; }
body.search #content header, body.search .entry-summary {max-width:900px;height:auto;margin:20px auto;}
body.search #content header { padding-top: 70px; }
body.search #content article header { padding-top: 0px; }
body.search article {max-width:900px; margin-bottom: 40px; padding-top: 20px; }
body.search input[type="search"] { border: none; width: 200px; padding: 5px; height: 45px; font-size: 1rem; background: #dddddd; }
body.search input[type="submit"] { background: #999999; color: white; font-family: "Font Awesome 5 Free"; font-size: 1em;  font-weight: 900; padding: 12px; border: none;}

body.search .navigation.pagination {max-width:900px;height:auto;margin:60px auto 20px auto;}
/* related content promo styles */

   li.promo_item_list .wrapper-16-9 { width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ position: relative; }
   li.promo_item_list .wrapper-16-9 img {position: absolute;  top: 0; left: 0;  bottom: 0;  right: 0;}
    ul.promo-list{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;}
    li.promo_item_list{width:23%;height:auto;margin:0 2% 0 0;overflow:hidden;}
    #headshot-container{width:200px;height:200px;overflow:hidden;margin:0 0 20px 0; display: none; padding-right: 2%;}
    #headshot-container img{width:100%;height:auto; }
    #promo-container{width:200px;height:200px;overflow:hidden;margin:0 0 20px 0; display: block; padding-right: 2%; background: white;}
    #promo-container img{width:auto;height:100%; margin-left: auto; margin-right: auto; display: block;}

li.promo_item_list h3{text-transform:none;margin:20px 0 10px 0;font-size: 1.1rem; width:100%;}
    li.promo_item_list h3 a {text-decoration: none;}
    li.promo_item_list h4{text-transform:none;font-weight:400;margin:0 0 10px 0;width:100%;}
    li.promo_item_list h4, li.promo_item_list p{font-size:0.9rem;}

/* default page template */

.page-template-default .entry-content img { max-width: 100%; height: auto;}
/* news styles */

.ctct-inline-form { max-width: 600px; margin: 0 auto !important; }
.news-date{margin:30px 0 0px 0;font-weight:600;}
a.news-title{font-weight:700;font-size:1.3rem;color:#013c4d;}
a.news-title:hover {text-decoration:underline;color:#000000;}

/* shopify */
.shopify-buy__product__title { height: 42px; }

/* home page */
.home-fixed-width-container {width:100%;max-width:1440px;height:auto;margin:0 auto; overflow-x: hidden;}

.full-width-hero-wrapper { background: #ffffff; }
.home-fixed-width-container.top-banner{position:relative;overflow:hidden; background: gray;}
.home-fixed-width-container.top-banner #hero, #hero .main-carousel {width:100%;}
#hero .hero-overlay { position: absolute; background: linear-gradient(90deg, rgba(0,0,0,.7)0%,rgba(0,0,0,0)70%); width: 100%; height: 100%; top: 0; }
#hero ul.slides {margin:0;}
.top-banner img {width: 100%;height:auto;}
.top-banner .article-width-container.hero-text {position:absolute; top:30%; left:5%; width: 45%;color:#ffffff;max-width: 520px;}
.top-banner .article-width-container.hero-text .mini_header { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px;}
.top-banner .article-width-container h2{font-size:3.3rem;font-weight:700; line-height: 3rem;}
.top-banner .article-width-container p{font-size:1.45rem;font-weight:700}
.top-banner button, .half-block button {text-transform: uppercase; padding: 10px; background: transparent; letter-spacing: 1px; border: 2px solid #ffffff;color:#ffffff;}
.top-banner button:hover, .top-banner button:focus, .half-block button:hover, .half-block button:focus{color:#ffe553;border: 2px solid #ffe553;}
.top-banner .carousel-cell {max-width: 1440px; width: 100%;}
.full-width-image-caption { position: absolute; top: 20px; right: 20px; color: #dddddd; font-size: .75rem; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px rgba(0,0,0,0.25); }
.fixed-width-block-wrapper { max-width: 1440px; margin: 0 auto; height: 485px; overflow: hidden;}

/* homepage blok colors and pointers */
.full-width-block-wrapper:nth-child(odd)  { background-color: #FFFFFF;}
.full-width-block-wrapper:nth-child(even)  { background-color: #FFFFFF;}
.full-width-block-wrapper:nth-child(3) { background-color: #FFFFFF;}
.full-width-block-wrapper:nth-child(even) .block { background-color: #f5f4ed;}
.full-width-block-wrapper:nth-child(odd) .block { background-color: #516b6b;}
.full-width-block-wrapper:nth-child(3) .block { background-color: #013c4d;}

.full-width-block-wrapper:nth-child(odd) .block .half-block.text { color: white; }
.full-width-block-wrapper:nth-child(even) .block .half-block.text { float: left; }
.full-width-block-wrapper:nth-child(even) .block .half-block.image { float: right; }
.full-width-block-wrapper:nth-child(even) .block .half-block.text::after { content: ""; position: absolute; top: 40px; right: -30px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #f5f4ed;z-index:1;}
.full-width-block-wrapper:nth-child(odd) .block .half-block.text::after { content: ""; position: absolute; top: 40px; left: -30px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #516b6b;z-index:1;}
.full-width-block-wrapper:nth-child(3) .block .half-block.text::after { content: ""; position: absolute; top: 40px; left: -30px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #013c4d;z-index:1;}
.full-width-block-wrapper:nth-child(even) .block .half-block button {color:#000000;border: 2px solid #000000;}
.full-width-block-wrapper:nth-child(even) .block .half-block button:hover, .block:nth-child(even) .half-block button:focus {color:#696969;border: 2px solid #696969;}


.half-block {width:50%;float:left;position:relative;overflow:hidden;height:100%;}
.half-block .image-container, .half-block .embed-container{margin:0 auto;}
.half-block img {height:auto;width:100%;display:inline-block; min-width: 650px;}
.half-block .video-icon-overlay {
	position: absolute;
    width: 16%;
    height: 16%;
    top: 37%;
    left: 42%;}
.half-block .video-icon-overlay img {width: 100%; height: auto; min-width: auto;}
.embed-container{
position:relative;background-color:#000000;overflow:hidden;/*padding-bottom: 56.25%;padding-top: 0px;height: 0;*/}
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:-10%; left:0; width:100%; height:100%; }

.half-block.text {width:50%; padding: 40px;text-align:left; overflow: visible;}
.half-block.text h2{font-size:2rem;font-weight:700; margin-top: 20px; line-height: 2.2rem;}
.half-block.text .large_blurb {font-weight:500; font-size: 1.75rem; line-height: 2rem;margin: 20px 0;}
.half-block.text p{ font-size: 1.1rem; line-height: 1.4rem; font-weight: 400;}
.half-block.text .mini_header { text-transform: uppercase; letter-spacing: 2px; }
.half-block.text p.subhead-block{font-size:1rem;font-weight:400;text-transform:uppercase;}
.half-block.text .photo_credit { font-size: .8rem;
    margin-top: 20px;
    line-height: 1.1rem;
    opacity: .4;
    padding-right: 20%;}

#promo-featured.full-width.home-page-donors {background-color:#f5f4ed;padding:50px 0; max-width: 1440px; margin: 0 auto;}
.article-width-container.home-page-donors {display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;align-content: space-around;}
.logo-donor-home{width:170px;height:auto;text-align:center;margin:20px;}
.logo-donor-home img{width:100%;height:auto;filter: grayscale(100%);mix-blend-mode:multiply;}
.mini-header { text-transform:uppercase;letter-spacing:2px;}
.donor-fineprint{font-size:0.8rem;color:#696969;line-height:1.5;padding:10px 0;}

/* calendar styles in other stylesheet */

#promo-featured.full-width.events-programs-page{background-color:#dae2da;}
#promo-feature.full-width.events-programs-page h2{color:#0076AD;}
h1.results-calendar{font-size:1rem;font-weight:400;letter-spacing:2px;text-transform: uppercase;}
.page-events-programs .tribe-sim-categoryheader {display: none;}


/* single exhibitions */


.single-exhibitions .anchor_links li {
  display: inline;
  float: left;
  margin: 0 18px 0 0;
}

.single-exhibitions .anchor_links li a { color: white; text-decoration: none;}

/* online exhibits */

.article-width-container.exhibitions-header { margin-bottom: 36px; margin-top: 34px; }
nav.exhibition-cats, .exhibitions-intro { width: 50%; float: left; }
nav.exhibition-cats li.current-cat { color: #000000; border-bottom: 4px solid black; padding-bottom: 3px; }
.exhibition-cats ul li { display: inline; margin: 0 20px 0 0; font-size: 1.2rem; font-weight: 700;  }
.exhibition-cats ul li a { color: #848484; text-decoration: none; }
.exhibition-cats ul li a:hover { color: #848484; border-bottom: 4px solid #848484; padding-bottom: 3px;}
.featured-exhibition { width: 100%; max-width: 1440px; background: #013c4d; margin: 0 auto; min-height: 100px; margin-bottom: 64px; }
.featured-exhibition .half { width: 50%; float: left; position: relative; overflow: hidden; padding-top: 33.3333%; background-size: cover; } /* 3:2 aspect ratio */
.featured-exhibition .half.text { padding: 36px; color: #ffffff;}
 .featured-exhibition .half.text p { font-size: .9rem; }
.featured-exhibition .mini_header { margin-bottom: 24px; letter-spacing: 1.5px; font-size: .875rem; }
.featured-exhibition .half.image img { width: auto; height: 100%; position: absolute; top: 0; }
.featured-exhibition button { border: 1px white; background: transparent; font-size: .7rem;text-transform: uppercase; border: 1px solid #ffffff; padding: 8px; display: block; color: #ffffff; letter-spacing: 1.5px; margin: 30px 0 0 0; }
.featured-exhibition button:hover { color: #013c4d; border: 1px white; opacity: .9; background: white; }
.exhibit-item-container {
    width: 32%;
    height: auto;
    margin: 0 1.333333% 30px 0;
}

.exhibit-item-image { width: 100%; height: auto; position: relative; padding-top: 75%; overflow: hidden;  }

.exhibit-item-container img { width: auto; height: 100%; position: absolute; top: 0;  }

.exhibit-item-text-wrapper { width: 100%; background: #cccccc; position: relative; padding-top: 40%; overflow: hidden;  }
.exhibit-item-text {  position: absolute; top: 0; color: white; padding: 20px; width: 100%; }
.exhibit-item-text a { text-decoration: none; color: white; }

.embed-container.exhibit {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    .embed-container.exhibit iframe,
    .embed-container.exhibit object,
    .embed-container.exhibit embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.gallery-caption {
  white-space: pre-line;
  margin-top: -18px;
}

.exhibit-header.left {
	width: 50%;
	padding-right: 10%;
	float: left;
}

.exhibit-header.right {
	width: 50%;
	float: left;
}

.exhibit-header h2 {
	font-size: 1.75rem;
	font-weight: 500;
}

.exhibit-header a.secondary-page {
	color: #FFFFFF;
	font-size: .75rem;
	text-decoration: none;
	padding-right: 10px;
	letter-spacing: .5px;
}

nav.exhibition-sections h2 {
	font-size: 1.125rem;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 500;
    letter-spacing: 1px;
	margin: 5px 0;
}

nav.exhibition-sections ul li {
	padding: 5px 0;
}


nav.exhibition-sections ul li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px 0;
	letter-spacing: .5px;
}

nav.exhibition-sections ul li a.selected {
	text-decoration: underline;
	}

nav.exhibition-sections ul li a:hover {
	text-decoration: underline;
}

#content.online-exhibition,
.page-template-page-simple-landing #exhibition-blocks {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}

#exhibition-blocks {
	margin-bottom: 120px;
}

#exhibition-blocks h3 {
	margin-bottom: 5px;
}


#exhibition-blocks ul {
	list-style: disc;
	text-indent: 20px;
}

#exhibition-blocks ol {
	list-style-type: decimal;
	text-indent: 20px;
    text-indent: 10px;
    margin-left: 20px;
}

.exhibition-block.khaki {
  background: #F5F4ED;
}

.exhibition-block.beyond-the-exhibit {
  padding: 60px 0;
}

.exhibition-block.beyond-the-exhibit .mini-header {
  margin-bottom: 24px;
}

.online-exhibition p {
    	margin: 0 0 20px 0;
		line-height: 1.5rem;
    }

#exhibition-blocks h3.gallery {
  margin-bottom: 40px;
}
.online-exhibition blockquote {
	    	padding: 40px;
        font-style: italic;
}

.online-exhibition .half-width blockquote {
	    	padding: 40px 40px 40px 0;
}

.online-exhibition blockquote p {
	 	font-size: 2.25rem;
    line-height: 2.5rem;
}

.online-exhibition blockquote .attribution {
	font-size: 1.125rem;
}
 .online-exhibition .full-width {
    	width: 100vw;
		max-height: 600px;
		overflow: hidden;
	 position: relative;
}



.online-exhibition .exhibition-block.full-width {
    margin-top: 80px;
	margin-bottom: 80px;
	margin-left: calc(-1 * 4vw);

}


 .online-exhibition .full-width.related-content {
    background: #f5f4ed;
	 	padding: 60px 0;
	 	max-height: none;
}

.online-exhibition .full-width.related-content .half-block .download {
	padding-right: 20%;
	margin-bottom: 40px;
}
.online-exhibition .full-width.related-content .half-block p {
	font-size: .9rem;
	line-height: 1.25rem;
	font-weight: 400;
	margin-top: 5px;
  padding-right: 30px;
}
.online-exhibition .full-width.related-content h2 {
	margin-bottom: 40px;
}


.online-exhibition .full-width.related-content h4 {
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 1rem;
}
.online-exhibition .full-width.related-content img {
	width: 100%;
  height: auto;
  display: block;
	margin-bottom: 50px;
  min-width: auto;
}

.online-exhibition .article-width,
.page-template-page-simple-landing .article-width {
	max-width: 1200px;
	margin: 0 auto;
}

.online-exhibition .full-width.banner img,
.page-template-page-simple-landing .full-width.banner img {
	width: 100%;
	height: auto;
}
.online-exhibition .full-width.nav {
		min-height: 200px;
		background: #013c4d;
		color: #ffffff;
	padding: 50px 0;
	margin-bottom: 80px;
}

.online-exhibition .exhibition-block.full-width img {
    	width: 100vw;
	height: auto;
    }

.online-exhibition .timeline .time-range {
	color: #5c2f6a;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 30px;
    border-top: 1px solid #5c2f6a;
    padding-top: 10px;
}


.online-exhibition .large-image img {
    	width: 100%;
	    height: auto;
    }

.online-exhibition .large-image.launchgallery, .online-exhibition .full-width.launchgallery {
	position: relative;
	cursor: pointer;
}

.online-exhibition .large-image.launchgallery .image-wrapper { position: relative; }



.online-exhibition .large-image.launchgallery .image-wrapper:after, .online-exhibition .full-width.launchgallery:after {
    content: " ";
    background: url(/wp-content/themes/statenislandmuseum/images/sim-icon-gallery.png);
    background-size: 65%;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    background-color: black;
    color: white;
    width: 220px;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
}

.online-exhibition .exhibition-block,
.page-template-page-simple-landing .exhibition-block {
	margin-bottom: 80px;
}


.online-exhibition .exhibition-block .half-width,
.page-template-page-simple-landing .exhibition-block .half-width {
	width: 50%;
	float: left;
	padding-right: 10%;
}

.online-exhibition .exhibition-block .half-width.video,
.page-template-page-simple-landing .half-width.video {
	padding-right: 0%;
}

.online-exhibition .exhibition-block.section-intro blockquote p {
	font-size: 1.75rem;
	line-height: 2.25rem;
	padding-left: 0;
	padding-right: 0;
}
.online-exhibition .exhibition-block.text.onecolumn,
.page-template-page-simple-landing .exhibition-block.text.onecolumn {
	width: 70%;
    margin: 50px auto;
}

.online-exhibition .exhibition-block.text.twocolumns,
.page-template-page-simple-landing .exhibition-block.text.twocolumns {
	column-count: 2;
	column-gap: 10%;
	padding-right: 10%;
	}

.online-exhibition .exhibition-block.text.twocolumns p,
.page-template-page-simple-landing .exhibition-block.text.twocolumns p
 {
-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.online-exhibition .exhibition-block.image-text-split .half-width.image-right,
.page-template-page-simple-landing .exhibition-block.image-text-split .half-width.image-right
 {
	float: right;
}

.online-exhibition .half-width img,
.page-template-page-simple-landing .half-width img
 {
	max-width: 100%;
    height: auto;
}

.online-exhibition .half-width .caption,.online-exhibition .large-image .caption,
.page-template-page-simple-landing .half-width .caption,.online-exhibition .large-image .caption {
	font-size: .75rem;
	color: #999999;
	display: block;
	margin-top: 24px;
	line-height: 1rem;
  white-space: break-spaces;
}

#exhibition-blocks .continue {
	background: #013c4d;
	padding: 20px;
	position: absolute;
	right: 0;
	color: white;
	font-weight: 700;
	font-size: 1.5rem;
    border: 0;
    letter-spacing: 1px;
	margin-top: -40px;
}

#exhibition-blocks .continue:hover {
	  opacity:0.9;
}

.full-width.supporters {
	background: #efefef;
	padding: 50px 0;
}
#exhibition-blocks .supporters img {
	width: 180px;
  height: auto;
	float: left;
  mix-blend-mode:multiply;
  padding: 24px;
}

#exhibition-blocks .supporters p {
	font-size: .9rem;
	line-height: 1.25rem;
}

/* simplelightbox styles */
.sl-wrapper .sl-image {
  max-height: calc(100vh - 120px) !important;
}

.sl-wrapper .sl-image img {
    border: 0 none;
    max-height: 100%;
    width: auto !important;
}


.sl-wrapper.onecolumn .sl-caption {
    margin: 0 auto !important;
    height: 70px;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateY(-50%);
    left: 50%;
    bottom: 0;
    padding-top: 10px;
}


.sl-wrapper.twocolumn .sl-image-wrapper {
    width: 100%;
    position: relative;
    margin: 70px auto;
    max-width: 1280px;
  /*  top: 50%;
    transform: translateY(-50%); */
}

.sl-wrapper .sl-image {
  position: relative !important;
}

.sl-wrapper.twocolumn .sl-image {
    top: unset !important;
    left: unset !important;
    width: 50% !important;
    float: left;
    position: relative !important;
    max-height: 100vh !important;
    height: auto !important;
}

.sl-wrapper.twocolumn .sl-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  float: right;
}

.sl-wrapper.twocolumn .sl-caption {
  float: right;
  padding: 0px 40px;
  width: 50% !important;
  line-height: 1.5rem;
}

.slbOverlay {
   background-color: #FFFFFF !important;
    opacity: 1 !important;
    font-size: .9rem !important;
    line-height: 1.25rem !important;
}

.slbCloseBtn, .slbCaption {
	color: #000000 !important;
}

.slbCaption {
	font-size: .9rem !important;
	  line-height: 1.2rem !important;
	  text-align: left !important;
	  white-space: pre-line !important;
}

.slbArrow.prev:before  {
    border-right-color: #000 !important;
}

.slbArrow.next:before {
    border-left-color: #000 !important;
}
.slbImage {
padding: 6em 0 !important;
}
.slbImageWrap:after {
	top: 6em !important;
	bottom: 6em !important;
}

/* COLCADE */

* { box-sizing: border-box; }

.grid {
      border: 0px;
}

.grid:after {
      display: block;
      content: '';
      clear: both;
}

.grid-col {
      float: left;
      width: 49%;
      margin-right: 2%;
      background: #FFF;
}

.grid-col--4 { margin-right: 0; }

    /* hide two middle */
.grid-col--2, .grid-col--3 { display: none; }


/* VISIT */

.page-visit .landingpage.top.full-width { background: #EEF4F6; }


.safety-items {
	display: flex;
	flex-wrap: wrap;
}

.safety-item {
	width: 30%;
	margin: 20px 1.6666666% 20px 1.6666666%;
}

.safety-item img {
    width: 40%;
    margin: 0 0 0 30%;
}
.safety-item h3 { font-size: .95rem; font-weight: 500; line-height: 1.25rem; }

.safety-item .safety-icon-fa { font-size: 3.25rem; color: #0076AD; text-align: center; margin-bottom: 30px; } 

.page-visit .left-content,.page-visit .right-content { width: 50%; float: left; padding-right: 5%;}

.page-visit .right-content h3 { margin-bottom: 10px; }
.page-visit .entry-content ul { margin: 0; list-style: none;}
.page-visit .right-content ul li { margin-bottom: 24px;}
.page-visit .right-content .simple-button { margin-bottom: 10px; }
.visit-safely-graphics { display: block; width: 100%; max-width: 1200px; margin: 0 auto; margin-top: 60px;}

.visit-feature-bar { background: #f5f4ed; }

.visit-feature-bar .interior { font-weight: 700; max-width: 1200px; margin: 0 auto; padding: 10px 0 30px 0; text-align: center;}
.visit-feature-bar .interior .block { max-width: 400px; margin: 0 auto; padding: 0 20px; }
.visit-feature-bar .simple-button { margin: 0 auto; }

.visit-feature-bar .interior .block  img {
    width: 50%;
    position: relative;
    margin: 0 0 0 25%;
    text-align: left;
    display: block;
}

.page-visit .guidelines-block { max-width: 1200px; margin: 50px auto;  }

.page-visit .guidelines ul { list-style: disc; margin-left: 20px; }

.page-visit .guidelines ul li { margin-bottom: 8px; }

.page-visit .guidelines.two-column { column-count: 2; }

.page-visit .footer_statement { background: #dae2da; }

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin: 30px 0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.page-visit #promo-featured.full-width.related {
    background: #ffffff;
}

    @media ( min-width: 768px ) {
      .grid-col { width: 32%; }
      .grid-col--2 { display: block; }
    }

    @media ( min-width: 1200px ) {
      .grid-col { width: 23.5%; }
      .grid-col--2, .grid-col--3 { display: block; }
    }

    .grid-item {
      background: #FFF;
    /*  min-height: 100px; */
      margin-bottom: 20px;
      object-fit: contain;
    }

    .grid-item { width: 23.5%; margin-right: 1.5%; height: auto; }
    .grid-item--width2 { width: 48.5%; auto; }

    .grid-item img {
      display: block;
      width: 100%;
    }

    .grid-item a {
      cursor: pointer;
    }
    /* END COLCADE */