@charset "UTF-8";
/**** * HTML TAGS ****/
 body {
	 font-family: 'Open Sans', sans-serif;
	 margin: 0;
	 padding: 0;
	 font-weight: 400;
	 background-color:#d6d6d6;
	 transition: color .25s linear;
	 -webkit-transition: color .25s linear;
	 -moz-transition: color .25s linear;
	 -o-transition: color .25s linear;
}
 footer {
	 width: 100%;
	 background-color: #404040 !important;
	 color:#fbfbfb !important;
	 padding-top: 2%;
	 padding-bottom: 2%;
	 z-index:1000;
	 border-bottom:5px solid #282828;
}
 a {
	 color:#1a79af;
	 text-decoration: none;
	 transition:color .25s;
	 -webkit-transition:color .25s;
	 -moz-transition:color .25s;
	 -o-transition:color .25s;
}
 a:hover{
	 color:#282828;
}
 p{
	 line-height:1.6em;
}
.collection-row{
    clear:both;
}
/**** * FOOTER ****/
 #logo-wrapper {
	 width: 90%;
	 margin: 0 auto;
	 text-align: center;
	 padding: 2%;
}
 .footer-logo {
	 vertical-align: top;
}
 .small-footer-logo {
	 vertical-align: top;
	 width: 15% !important;
	 margin-top: 2%;
}
 .small-square-footer-logo {
	 vertical-align: top;
	 width: 8% !important;
	 margin-top:1%;
}
 #logo-wrapper img {
	 width: 27%;
}
 .social-icon{
	 font-size:2.25em;
	 color:#fbfbfb;
}
 .social-icon:hover{
	 color:#1a79af;
}
 .section-header {
	 text-align: center;
	 font-size: 2em;
	 font-weight: 600;
	 margin-top: 0;
}
/**** * BUTTONS ****/
 .callout-button {
	 margin-top:10px;
	 text-align: right;
}
 .callout-button a, .callout-button button {
	 padding: 10px 20px;
	 border: 1px solid;
	 color: #282828;
   background-color:#fff;
   font-size:1em;
	 text-decoration: none;
   font-family:'Raleway', sans-serif;
	 transition: color .25s, background-color .25s;
	 -webkit-transition: color .25s, background-color .25s;
	 -moz-transition: color .25s, background-color .25s;
	 -o-transition: color .25s, background-color .25s;
}
 .callout-button a:hover, .callout-button button:hover  {
	 border-color: #282828;
	 color: #fbfbfb;
	 background-color: #282828;
   cursor:pointer;
}
/**** * ANNOUNCEMENT BOX ****/
 #announcement {
	 background-color: #C8102E;
	 position: relative;
	 color: #fbfbfb;
	 display: none;
	 height: 50px;
}
 #announcement p {
	 margin: 0;
	 position: absolute;
	 padding: 0 10px;
	 top: 50%;
	 transform: translate(0, -50%);
}
/**** * BREADCRUMB TRAIL ****/
 #breadcrumb-wrapper {
	 position: relative;
	 height: 30px;
	 background-color: #282828;
}
 #breadcrumb-trail {
	 background-color: #282828;
	 position: absolute;
	 color: #fbfbfb;
	 top: 50%;
	 padding: 0 10px;

	 -webkit-transform: translate(0, -50%);
	 -moz-transform: translate(0, -50%);
   -o-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
#breadcrumb-trail ul{
  list-style: none;
  margin:0;
  font-family: 'Raleway', sans-serif;
font-weight: 300;
}
#breadcrumb-trail li{
  display:inline-block;
}
 #breadcrumb-trail a {
	 color: #fbfbfb;
	 text-decoration: none;
	 transition: color .25s;
	 -webkit-transition: color .25s;
	 -moz-transition: color .25s;
	 -o-transition: color .25s;
}
 #breadcrumb-trail a:hover {
	 color: #1a79af;
}
/***** * TOP IMAGE *****/
 #top-image{
	 position:relative;
}
 #top-image-img {
	 width: 100%;
	 border-bottom:5px solid #282828;
}
 #top-image-img img {
	 width: 100%;
	 margin-bottom: -5px;
}
 #top-image-info-box {
	 position:relative;
	 width:94%;
	 padding:3%;
	 background-color:#d6d6d6;
   border-bottom:5px solid #282828;
}
 #top-image-info-box-header {
	 font-size: 2.4em;
	 font-weight: 600;
	 font-family: 'Raleway', sans-serif;
}
 #top-image-info-box-header p{
	 margin-top:0;
	 margin-bottom:2%;
}
 #top-image-info-box-text {
   margin-bottom: 0;
   margin-top:10px;
   font-size: 1.3em;
   font-family: 'Raleway', sans-serif;
   line-height: 30px;

}

 p.location-header {
	 margin-top: 1%;
	 font-weight: 600;
	 font-size: 1.2em;
}
 .border-wrapper {
	 padding: 2%;
	 margin-bottom: 3%;
	 background-color:#fff;
	 border-top:5px solid #282828;
	 border-bottom:5px solid #282828;
	 border-left:2px solid #282828;
	 border-right:2px solid #282828;
}
 #top-image-info-box-text p {
	 margin-top: 0;
	 margin-bottom:0;
}
/***** * EXHIBITION *****/
 #exhibition-breadcrumb, #collection-breadcrumb {
	 position: relative;
	 background-color: #282828;
	 height: 100px;
}
 #exhibition-breadcrumb-wrapper {
	 position: relative;
	 height: 30px;
}
 #breadcrumb-trail.exhibition, #breadcrumb-trail.collection {
	 display: inline-block;
	 -webkit-transform: none;
	 -moz-transform: none;
	 -o-transform: none;
	 -ms-transform:none;
	 transform: none;
	 top: 0;
	 width: 85%;
	 padding: 0;
	 vertical-align: top;
	 margin:0;
	 border-bottom: none;
}
 #back-button {
	/* padding: 0;
	 */
	 display: inline-block;
	 color: #fbfbfb;
	 font-family: inherit;
	 margin:0;
	 transition: color .25s;
	 -moz-transition: color .25s;
	 -webkit-transition: color .25s;
	 -o-transition: color .25s;
}
 #back-button:hover{
	 color:#1a79af;
	 cursor:pointer;
}
 .exhibition-info, .exhibition-gen-content, .collection-info, .collection-gen-content, .gen-mus-content {
	 padding: 2%;
}
 .exhibition-gen-content, .collection-gen-content, .gen-mus-content{
   padding-bottom:3%;
}
/*.exhibition-image, .collection-image {
	 display:inline-block;
	 vertical-align:top;
	 width: 20%;
}
 .exhibition-image img, .collection-image img{
	 width:100%;
	 box-shadow:1px 1px 4px #282828;
}
*/
 .exhibition-info-wrapper img, .collection-info-wrapper img {
	 float: left;
	 max-width: 30%;
	 margin: 0 2% 2% 0;
}
 .exhibition-info-wrapper, .collection-info-wrapper {
	 display: inline-block;
	 vertical-align:top;
	 width: 75%;
	 margin-bottom:3%;
}
 .exhibition-info-header, .collection-info-header {
	 margin-top: 0;
	 font-size: 1.5em;
	 font-weight: 600;
	 font-family: 'Raleway', sans-serif;
}
 .exhibition-info-more-details, .collection-info-more-details{
	 display:none;
}
 .collection{
	 border-bottom:5px solid;
}
/*** * INTERSTITIAL ***/
 #interstitial-wrapper {
	 display:block;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgb(239, 239, 239);
	 background-color: rgba(239,239,239,.95);
	 opacity:1;
	 transition:opacity .25s;
	 -webkit-transition:opacity .25s;
	 -moz-transition:opacity .25s;
	 -o-transition:opacity .25s;
}
 #interstitial-wrapper.clear{
	 opacity:0;
}
 #interstitial-wrapper.hidden{
	 display:none;
}
 #interstitial {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -moz-transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 -o-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	 background-color: #fbfbfb;
}
 #interstitial-close-x {
	 position: absolute;
	 top: 1%;
	 right: 1%;
	 font-size: 2em;
	 color:#282828;
	 transition: color .25s, background-color .25s;
	 -webkit-transition: color .25s, background-color .25s;
	 -moz-transition: color .25s, background-color .25s;
	 -o-transition: color .25s, background-color .25s;
}
 #interstitial-close-x:hover{
	 color:#1a79af;
	 cursor:pointer;
}
 #interstitial-text-wrapper {
	 padding: 5%;
}
 #interstitial-header {
	 text-align: center;
	 font-size: 2em;
	 margin-bottom: 5%;
}
 #interstitial-text {
	 margin-bottom: 5%;
}
 #interstitial-button-wrapper {
	 text-align: center;
}
 #interstitial-button {
	 padding: 10px 20px;
	 background-color: #282828;
	 border:1px solid #282828;
	 display: inline-block;
	 color: #fbfbfb;
	 transition: color .25s, background-color .25s;
	 -webkit-transition: color .25s, background-color .25s;
	 -moz-transition: color .25s, background-color .25s;
	 -o-transition: color .25s, background-color .25s;
}
 #interstitial-button:hover{
	 color:#282828;
	 background-color:#fbfbfb;
	 border-color:#282828;
	 cursor:pointer;
}
/**** * HELPER CLASSES ****/
/***positioning***/
 .visible{
	 display:block !important;
}
 .rel-wrapper{
	 position:relative;
	 width:100%;
	 height:100%;
}
 .two-thirds-width{
	 display:inline-block;
	 width:64%;
	 vertical-align:top;
}
 .two-thirds-width img{
	 max-width:100%;
}
 .three-fourths-width{
	 display:inline-block;
	 width:72%;
	 vertical-align:top;
}
 .half-width{
	 display:inline-block;
	 width:48%;
	 vertical-align:top;
}
 .half-width img{
	 max-width:100%;
}
 .one-third-width{
	 display:inline-block;
	 width:31%;
	 vertical-align:top;
}
 .one-third-width img{
	 width:100%;
	 max-width:100%;
}
 .fourth-width{
	 display:inline-block;
	 width: 23%;
	 vertical-align:top;
}
 .fourth-width img{
	 width:100%;
	 max-width:100%;
}
 .fifth-width{
	 display:inline-block;
	 width:18%;
	 vertical-align:top;
}
 .half-width-padding{
	 display:inline-block;
	 width:44%;
	 padding:2%;
	 vertical-align:top;
}
.half-width-padding>a{
  color:#282828;
}
 .left-indent{
	 margin-left:2%;
}
/***margins***/
 .top-margin{
	 margin-top:2%;
}
 .no-top-margin{
	 margin-top:0;
}
 .right-margin{
	 margin-right:2%;
}
 .no-right-margin{
	 margin-right:0;
}
 .bottom-margin{
	 margin-bottom:2%;
}
 .no-bottom-margin{
	 margin-bottom:0;
}
 .left-margin{
	 margin-left:2%;
}
 .no-left-margin{
	 margin-left:0;
}
 .full-margin{
	 margin:2%;
}
 .no-margin{
	 margin:0;
}
/***padding***/
 .top-padding{
	 padding-top:2%;
}
 .right-padding{
	 padding-right:2%;
}
 .bottom-padding{
	 padding-bottom:2%;
}
 .left-padding{
	 padding-left:2%;
}
 .full-padding{
	 padding:2%;
}
/***borders***/
 .top-border{
	 border-top:5px solid;
}
 .no-top-border{
	 border-top:none;
}
 .right-border{
	 border-right:2px solid;
}
 .no-right-border{
	 border-right:none;
}
 .bottom-border{
	 border-bottom:5px solid;
}
 .no-bottom-border{
	 border-bottom:none;
}
 .left-border{
	 border-left:2px solid;
}
 .no-left-border{
	 border-left:none;
}
 .full-border{
	 border-top: 5px solid;
	 border-left: 2px solid;
	 border-right: 2px solid;
	 border-bottom: 5px solid;
}
 .no-border{
	 border:none;
}
/***font styling***/
 .font-teal{
	 color:#1a79af;
}
 .font-red{
	 color:#C8102E;
}
 .font-black{
	 color:#282828;
}
 .font-bold{
	 font-weight:600;
}
 .font-italic{
	 font-style:italic;
}
 .font-underline{
	 text-decoration: underline;
}
 .font-small{
	 font-size:.8em;
}
 .font-medium{
	 font-size:1.2em;
}
 .font-large{
	 font-size:1.5em;
}
 .font-xlarge{
	 font-size:2em;
}
/***text-align***/
 .left-align{
	 text-align:left;
}
 .center-align{
	 text-align:center;
}
 .right-align{
	 text-align:right;
}
 .vertical-middle {
	 position: absolute;
	 width: 100%;
	 top: 50%;
	 -webkit-transform: translate(0, -50%);
	 -moz-transform: translate(0, -50%);
	 -o-transform: translate(0, -50%);
	 -ms-transform: translate(0, -50%);
	 transform: translate(0, -50%);
}
/***video wrapper***/
 .video-wrapper{
	 position:relative;
	 width:80%;
	 margin-left:10%;
	 height:0;
	 padding-bottom:56.25%;
}
 .video-wrapper iframe{
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
}
 .element-hidden{
	 display:none;
}
 .gray-background{
	 background-color:#d6d6d6;
}
/***FLOATS***/
 .float-right{
	 float:right;
	 padding:0 0 2% 2%;
}
 .float-left{
	 float:left;
	 padding:0 2% 2% 0;
}
 .float-right.half, .float-left.half{
	 width:50%
}
 .float-right.half img, .float-left.half img{
	 width:100%;
}
/*** * MULTI-VIDEO ***/
 .multi-video{
	 position:relative;
	 width:95%;
	 height:75vh;
	 background-color: #fff;
	 border-top: 5px solid #282828;
	 border-bottom: 5px solid #282828;
	 border-left: 2px solid #282828;
	 border-right: 2px solid #282828;
	 margin:auto;
	 text-align: left;
}
.multi-video ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 .multi-video .left{
	 display:inline-block;
	 width:30%;
	 vertical-align: top;
	 border-right:1px solid #282828;
	 border-right:1px solid rgba(40,40,40,.15);
	 height:100%;
	 overflow:scroll;
	 background-color:#fff;
}
 .multi-video .right{
	 display:inline-block;
	 width:68%;
	 height:100%;
}
 .multi-video .right .vertical-middle{
	 width:100%;
}
 .multi-video .right .video-wrapper{
	 width:90%;
	 margin-left:5%;
	 z-index:10000;
}
 .sub-video{
	 border-bottom:1px solid #282828;
	 border-bottom:1px solid rgba(40,40,40,.15);
	 transition: all .25s;
	 -webkit-transition: all .25s;
	 -moz-transition: all .25s;
	 -o-transition: all .25s;
}
 .sub-video:hover{
	 background-color:#1a79af;
	 color:#fff;
	 cursor:pointer;
}
 .sub-video.no-border{
	 border-bottom:none;
}
 .sub-video.selected{
	 background-color:#1a79af;
	 color:#fff;
	 cursor:auto;
	 transition:background-color .25s;
	 -webkit-transition:background-color .25s;
	 -moz-transition:background-color .25s;
	 -o-transition:background-color .25s;
}
 .sub-video p{
	 opacity:1;
	 transition: opacity .25s;
	 -webkit-transition: opacity .25s;
	 -moz-transition: opacity .25s;
	 -o-transition: opacity .25s;
}
 .sub-video.selected p{
	 opacity:0;
}
 .sub-video .image{
	 display:inline-block;
	 width:40%;
	 vertical-align: top;
	 height:100%;
}
 .sub-video .image img{
	 width:90%;
	 max-width:90%;
	 margin:5% 0 5% 5%;
}
.sub-video .image img.play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
}
 .sub-video .text{
	 display:inline-block;
	 width:50%;
	 padding:5% 0;
	 vertical-align: top;
}
 .sub-video .text h5{
	 border-left:2px solid #C8102E;
	 text-align: left;
	 font-family:'Raleway', sans-serif;
	 font-size:1.1em;
	 margin:0 0 5% 0;
	 font-weight:500;
	 line-height: 1.6em;
	 padding-left: 10px;
}
 .sub-video .text p{
	 font-size:.8em;
	 text-align:right;
}
 #video-scroll-encourage{
	 position:absolute;
	 bottom:0;
	 left:0;
	 width:100%;
	 text-align:center;
	 background-color:#fff;
	 background-color: rgba(251,251,251,.95);
	 margin: 0;
	 padding: 20px 0;
	 border-top:1px solid #282828;
	 border-top: 1px solid rgba(40,40,40,.15);
	 font-size: 2em;
	 font-family: 'Raleway', sans-serif;
	 opacity:1;
	 transition:opacity .5s;
	 -webkit-transition:opacity .5s;
	 -moz-transition:opacity .5s;
	 -o-transition:opacity .5s;
}
 #video-scroll-encourage.transparent{
	 opacity:0;
}
 #video-scroll-encourage.transparent.hidden{
	 display:none;
}
/*** * BLOGS ***/
 #current-post iframe {
	 margin: auto !important;
}
 .blog-entry-link {
	 text-align: left;
	 text-decoration: none;
	 color: #282828;
}
 .blog-who {
	 margin-top: 0;
}
 .blog-post {
	 padding: 2%;
	 margin-bottom:5%;
	 transition: all .25s;
	 -webkit-transition: all .25s;
	 -moz-transition: all .25s;
	 -o-transition: all .25s;
	 background-color:#fbfbfb;
}
 .blog-post:hover{
	 color:#fbfbfb;
	 border-color:#282828;
	 background-color:#282828;
	 cursor:pointer;
}
 .blog-title {
	 font-size: 1.5em;
	 font-weight: bold;
	 margin-top: 0;
}
 .blog-preview {
	 font-size: .9em;
	 font-style: italic;
}
 .blog-learn-more {
	 text-align: right;
}
/***
*   VIDEO
***/
.video-wrapper, .subject-video-wrapper, .section-video-wrapper {
  position: relative;
  margin: auto;
  width: 70%;
  height: 0;
  padding-bottom: 41.25%;
}
.video-wrapper iframe, .subject-video-wrapper iframe, .section-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border:none;
}
/***
*   FLICKR
***/
.flickr-wrapper {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
.flickr-wrapper img{
width:100%;
height:auto;
}
.flickr-wrapper iframe{
  max-width:100% !important;
}
/***
*   SPONSOR LOGOS
***/
.logo{
  display:inline-block;
  max-width:100%;
  margin:2% 4%;
  vertical-align: middle;
  border:1px solid #404040;
}


@media screen and (min-width:1200px){
  #exhibition-breadcrumb, #collection-breadcrumb{
    height:150px;
  }
}
 @media screen and (max-width:1150px){
	 .fifth-width{
		 font-size:.8em;
	}
}
 @media screen and (max-width:950px){
	 #top-image-info-box-header {
		 font-size: 2em;
	}
}
 @media screen and (max-width:850px), only screen and (min-device-width : 768px) and (max-device-width : 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width : 375px) and (max-device-width : 667px), only screen and (min-device-width : 414px) and (max-device-width : 736px), only screen and (min-device-width : 320px) and (max-device-width : 568px), only screen and (min-device-width : 320px) and (max-device-width : 480px){
	 #logo{
		 display:none;
	}
	 #breadcrumb-wrapper{
		 display: none;
		 visibility: collapse;
	}
	 #top-image-info-box {
		 position: relative;
		 max-width: 94%;
		 width: 94%;
		 border: 0;
		 left: 0;
	}
	 .half-width-padding {
		 width: 95%;
	}
	 .fourth-width, .three-fourths-width{
		 width:100%;
	}
	 .half-width-padding.left-border {
		 border-left: 0;
		 border-top: 2px solid;
	}
	 .callout-button{
		 text-align:center;
	}
  .sub-video .image {
    display:none;
  }
  .sub-video .text{
    width:90%;
  }
  .sub-video .text h5 {
    font-size: .8em;
  }
  #video-scroll-encourage {
    font-size: .8em;
  }
  /***video wrapper***/
 .video-wrapper{
	 width:95%;
	 height:200px;
}
/***
*   SPONSOR LOGOS
***/
.logo{
  margin:3% 0;

}
}
 @media only screen and (orientation:portrait){
	 .multi-video{
		 height:40vh;
	}
}


/*** * ACCORDIONS (FAQ) ***/
 .faq-accordion {
	 background-color: #fff;
	 color: #444;
	 cursor: pointer;
	 border: 2px solid rgba(40,40,40,.15);
	 padding: 36px;
	 padding-bottom: 30px;
	 width: 98%;
	 text-align: left;
	 outline: none;
	 margin: 1%;
	 font-size: 16px;
	 transition: 0.4s;
     font-family: 'Raleway', sans-serif;

}
 .active, .faq-accordion:hover {
	 background-color: #ababab;
}
 .faq-accordion:active{
	 background-color: #ababab;
	 color: #444;
	 border: 1px solid rgba(40,40,40,.15);
	 padding: 36px;
	 margin: 1%;
	 font-size: 15px;
}
 .faq-accordion:after {
	 content: '\002B';
	 color: #777;
	 font-weight: bold;
	 float: right;
	 margin-left: 5px;
	 font-size: 25px;
}
 .active:after {
	 content: "\2212";
}
 .panelone {
	 padding: 0 18px;
	 background-color: white;
	 max-height: 0;
	 margin: 0 1%;
	 overflow: hidden;
	 transition: max-height 0.2s ease-out;
}
 button, button:active {
	 border: none;
	 background-color: transparent;
	 box-shadow: none;
	 user-select: none;
	 outline: none;
	 padding:0;
	 font-size:1em;
}
 button:hover{
	 cursor:pointer;
}