@charset "UTF-8";
/***
*   SHOWING
***/
.exhibition {
	text-align:left;
  border-top:5px solid #282828;
  border-bottom:5px solid #282828;
  border-left:2px solid #282828;
  padding:2%;
  border-right:2px solid #282828;
  background-color:#fff;
	height: 50vh;
}
.exhibition-info-wrapper img, .collection-info-wrapper img {
max-width:50%;
}
.exhibition-info-header {
    font-size: 1.5em;
		line-height:1.2em;
		margin-bottom:5%;
}
.home-page-header {
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    margin-top: 0;
}
.exhibition-info-time {
    margin-bottom: 40px;
		margin-top:0;
}
.exhibition-info-location {
    margin-top: 1%;
		margin-bottom:1%;
		font-style:italic;
}
#events-section-header, #exhibitions-section-header {
    padding-top: 2%;
}
.callout-button.exhibition-more-info {
    position: absolute;
    bottom: 5%;
    right: 2%;
}
.tumblr-custom-embed {
    border-top:5px solid !important;
    border-bottom:5px solid !important;
    border-left:2px solid !important;
    border-right:2px solid !important;
    margin: auto !important;
}
.half-width-padding{
  width:42%;
  padding:2% 4%;
}
.half-width-padding.no-left{
  padding:2% 4% 2% 0;
}
.exhibition-info-wrapper, .collection-info-wrapper {
    width: 100%;
  }
.callout-button.exhibition-more-info a{
	background-color:#282828;
	color:#fff;
	border:1px solid #282828;
}
.callout-button.exhibition-more-info a:hover{
	background-color:#fff;
	color:#282828;
	border:1px solid #282828;
}
@media screen and (max-width:950px){
  #events-section-header{
    font-size:2em;
  }
	.exhibition{

		height: auto;
	}
	.exhibition-info-wrapper img, .collection-info-wrapper img {
    float: none;

    max-width: 100%;
    width: 100%;
 }
}
@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){
.exhibition-info-wrapper {
  width: 100%;
}
.half-width{
 width:100%;
}
.half-width-padding, .half-width-padding.no-left{
  width:94%;
  padding:2% 2%;
}
.event {
 width: 90%;
 height: auto;
}
.event-left{
 width:100%;
}
.event-right {
 width: 100%;
 margin-bottom: 5%;
}
.event-image {
 float: none;
 text-align: center;
 width: 100%;
}
.exhibition-info-wrapper img, .collection-info-wrapper img {
 float: none;
 max-width: 100%;
 width: 100%;
}
#newsletter-signup .one-third-width {
    width: 100%;
}
 @media screen and (max-width:700px), (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){
  .event {
   width: 90%;
   height: auto;
}
 .event-left{
   width:100%;
}
 .event-right {
   width: 100%;
   margin-bottom: 5%;
}
.callout-button.exhibition-more-info{
	width:95%;
	text-align:center;
	position: relative;
	margin-bottom: 5%;
}
#newsletter-signup .one-third-width {
    width: 100%;
}
}
