/* CSS Goes Here */

.portal-home-text-box {position: absolute; color: #fff; background: rgba(0, 0, 0, 0.75); bottom: 60px; left: 0; right: 0; width: 680px; margin: auto; z-index: 10; padding: 20px;}
.portal-home-text-box h1, .portal-home-text-box h2, .portal-home-text-box h3, .portal-home-text-box h5 {color: #fff;}
.portal-home-text-box a {color: #fff;}
.portal-home-text-box a:hover {color: #eee;}
.w-slider-item-title, .w-slider-item-description {float: left;margin-right: 5px;}
.w-slider-item-description a, .w-slider-item-description a:hover {color:#ffffff !important;}
.w-slider-item-description a:hover {text-decoration:underline;}
.w-slider-item-description {font-size:10px !important;margin:0px !important;opacity:1 !important;}

.home-exhibition-block {margin-bottom: 20px;}
.home-exhibition-block .home-exhibition-inner {position: relative;}
.home-exhibition-block .home-exhibition-loading-overlay {padding: 15px 20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 1;}
.home-exhibition-block .home-exhibition-spacing {padding: 15px 20px;}
.home-exhibition-block-photo {width: 100%; height: 230px; overflow: hidden; position: relative; margin-bottom: 15px;}
.home-exhibition-block-photo:not(.no-photo) a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover !important;}
.home-exhibition-block h4 {padding-top: 0;}

.col-6 {width: calc(100% / 12 * 6 - 20px); float: left; margin: 0 10px;}
.col-md-2 {width: calc(100% / 12 * 2 - 20px); float: left; margin: 0 10px;}
.col-md-4 {width: calc(100% / 12 * 4 - 20px); float: left; margin: 0 10px;}
.col-md-6 {width: calc(100% / 12 * 6 - 20px); float: left; margin: 0 10px;}
.col-md-8 {width: calc(100% / 12 * 8 - 20px); float: left; margin: 0 10px;}
.col-md-8.nomargin {width: calc(100% / 12 * 8); float: left; margin-left: 0; margin-right: 0;}
.col-md-12 {width: calc(100% / 12 * 12 - 20px); float: left; margin: 0 10px;}
.col-five-1 {width: calc(100% / 5 * 1 - 20px); float: left; margin: 0 10px;}

.col-right {float: right;}
.col-left {float: left;}

.clearfix {clear: both;}
.clearfix + .spacer {margin-bottom: 20px;}

.center {text-align: center;}
.left-align {text-align: left;}
.right {float: right; text-align: right;}
.block {display: block;}
.ruler {border-top: 1px solid #b8b8b8; margin-bottom: 0.75rem;}
.ruler.marbot {margin-bottom: 1.5rem;}

h2.title {padding-top: 0; margin-bottom: 0.75rem;}
h3.title {padding-top: 0;}

.loading-container {padding: 10px 0;}

.exhibition-list-photo {}
.exhibition-list-photo .list-photo, .newArtist-list-photo .list-photo {position: relative; height: 216px; overflow: hidden;}
.exhibition-list-photo .list-photo a, .newArtist-list-photo .list-photo a {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.accordion-expand {padding-left: 30px; position: relative; cursor: pointer;}
.accordion-expand:hover {color: #c32426;}
.accordion-expand:before {content: "\f067"; font-family: 'fontawesome'; position: absolute; left: 7px; top: 0; bottom: 0;
height: 20px; margin: auto;}
.accordion-expand.open:before {content: "\f068";}
.accordion-content {display: none;}

h3.related {padding-top: 12px; padding-left: 10px; REMmargin-bottom: 1.5rem !important;}
p.related {padding: 0 10px;}
h6 .normal-weight {text-transform: none; font-weight: normal; font-size: 16px;}

.list-item {border: 2px solid #b8b8b8; margin-bottom: 20px;}
.list-item .list-photo {text-align: center; margin-bottom: 0 !important;}
.list-item .list-photo a {display: block;}
.list-item .list-photo.block-photo img {width: 100%;}
.list-item .list-item-info {padding: 15px 20px;}
.list-item .list-item-info h2 {text-transform: none; font-size: 1.2em; font-weight: bold; margin-bottom: .75rem;}
.list-item .list-item-info h2 a { }
.list-item .list-item-info h2 a:hover { }

.list-item.search-item {}
.list-item.search-item .list-item-info h2 {text-transform: none; font-size: 1.2em;}
.list-item.search-item .list-item-info h2.search-artist {padding-top: 10px;}

.landing-search, .search-page-search {display: inline-block; width: 85%; max-width: 100%; vertical-align: top; padding-right: 10px; position: relative;}
.search-page-search {width: 100%; padding-right: 0; margin-bottom: 30px;}
.search-page-search.page-search {margin-bottom: 20px;}
.landing-search:before, .search-page-search:before {content: "\f002"; position: absolute; top: 10px; left: 11px; font-size: 1.75em; font-family: 'fontawesome'; font-weight: 500;}
.landing-search input[type='text'], .search-page-search input[type='text'] {border: 0; border-bottom: 1px solid #000; background: #fff; padding: 12px 40px 12px 50px; box-shadow: none; height: auto; margin-top: 0; line-height: 1.5em;}
.no-touch .landing-search button[type='submit']:not(.w-btn), .no-touch .search-page-search button[type='submit']:not(.w-btn) {position: absolute; top: 10px; right: 20px; background: transparent; color: #000 !important; padding: 0; font-size: 1.25em;}
.no-touch .landing-search button[type='submit']:not(.w-btn):hover, .no-touch .search-page-search button[type='submit']:not(.w-btn):hover {background: transparent !important; color: #C32426 !important;}

.reset-search {font-size: 0.56em; cursor: pointer; padding-left: 1.5rem;}

.random-button {display: inline-block; width: 15%; max-width: 100%; vertical-align: top; padding-left: 10px;}
.random-detail {display: inline-block; padding: 10px 20px; text-transform: uppercase; background-color: #336C84; color: #fff; cursor: pointer; display: block; text-align: center; }
.random-detail:hover {background-color: #C32426; color: #fff !important;}

.advanced {padding-top: 10px;}
.search-header {padding-top: 0; margin-bottom: 30px !important;}

.search-content {padding: 20px 30px;}
.search-content select, .search-content input[list] {background: #fff; color: #000; border: 1px solid #000; border-radius: 0; margin-bottom: 20px; -webkit-appearance: none; -moz-appearance: none;}
.search-content select::-ms-expand {display: none;}

.date-container {}
.date-container .date-label { padding-right: 20px; display: inline-block; vertical-align: middle;}
.date-container .date-spacer { display: inline-block; padding: 0 20px; vertical-align: middle;}
.date-container input[type='text'] {width: auto; margin-top: 0; background: #fff; border: 0; border-bottom: 1px solid #000; box-shadow: none; vertical-align: middle;}

.check-container {}
.check-container input[type='checkbox'], .check-container label {display: inline-block; vertical-align: middle;}

.search-submit {padding-bottom: 13px;}

.pager-container {text-align: center; color: #000;}
.pager-container a, .pager-container .pager-spacer {color: #000; padding: 5px;}
.pager-container a.selected {font-weight: bold;}
.pager-container a:hover {color: #C32426 !important;}
.pager-container .pager-prev, .pager-container .pager-next {display: inline-block;}
.pager-container .disabled {color: #ddd; padding: 5px;}

.exhibition-description.active {position: relative; height: 375px; overflow: hidden; transition: .3s;}
.exhibition-description.mobile.active {height: 675px;}
.exhibition-description.active .overlay {background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%); height: 100px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 1; visibility: visible;}
.exhibition-description.active .expand-link {cursor: pointer; color: #C32426; margin-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; padding-left: 0; z-index: 1; transition: .3s; display: block;}
.exhibition-description.active .shrink-link {cursor: pointer; color: #C32426; display: none;}
.exhibition-description {height: auto;}
.exhibition-description .overlay {opacity: 0; visibility: hidden;}
.exhibition-description .expand-link, .exhibition-description .shrink-link {display: none;}

.photo-right {float: right; margin-left: 20px; margin-bottom: 20px; width: 240px; background: #fff;}

.tab-container {margin-bottom: 20px; padding: 0 10px 20px; border-bottom: 1px solid #b8b8b8;}
.tab-container .tab {display: inline-block; padding: 10px 20px; cursor: pointer; color: #C32426;}
.tab-container .tab:hover {color: #db3d40;}
.tab-container .tab.selected {color: #fff; background: #C32426;}
.tab-container .tab.selected:hover {color: #fff;}

.tab-content-container {}
.tab-content-container .tab-content {display: none;}
.tab-content-container .tab-content.selected {display: block;}

.slideshow-container {position: relative;}
.slideshow {min-height: 400px; margin-bottom: 20px;}
.slideshow > .slide-container {width: 100% !important; REMheight: 100% !important; REMbackground-size: contain !important; display: none; REMmin-height: 400px;}
.slideshow > .slide-container:first-child {display: block;}

.slideshow-pager-container {margin-bottom: 20px;}
.slideshow-pager-container a {margin-right: 15px;}
/*.slideshow-pager-container a:last-child {margin-right: 0;}*/
.slideshow-pager-container a img {width: 80px; height: 80px; object-fit: cover;}

.slideshow-prev, .slideshow-next { position: absolute; top: 0; bottom: 0; z-index: 100; font-size: 3em; height: 68px; padding: 10px 20px; margin: auto; cursor: pointer; color: #000; background: rgba(255, 255, 255, 0.6);}
.slideshow-prev:hover, .slideshow-next:hover {background: rgba(255, 255, 255, 0.8); color: #C32426;}
.slideshow-prev {left: 0;}
.slideshow-next {right: 0;}

.exhibition-credit {font-size: .9em; padding: 0 10px;}

.artwork-artist {margin-bottom: .75rem;}
.artist-info {font-size: .7em;}
.featureTitle {font-style: italic;}

.credit-container {font-size: 12px;}

.lightbox-container .slide-container {cursor: pointer;}

.popup-container {display: none; background: rgba(0, 0, 0, 0.75); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000;}
.popup-close {position: absolute; top: 15px; right: 20px; color: #fff; font-size: 2em; cursor: pointer;}
.popup-close:hover {color: #ccc;}
.popup-inner {max-height: 80%; max-width: 80%; text-align: center; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("/wp-content/uploads/2019/10/loading-3.gif") no-repeat center center; display: flex; align-items: center; justify-content: center;}
.popup-inner img {max-height: 600px; width: auto !important; max-width: 100%; }
.popup-prev, .popup-next {position: absolute; height: 30px; width: 30px; top: 0; bottom: 0; margin: auto; font-size: 1.25em; cursor: pointer; color: #000; background: #fff; border-radius: 50%; text-align: center; line-height: 30px;}
.popup-prev:hover, .popup-next:hover {background-color: #ccc;}
.popup-prev {left: 20px; padding-right: 3px;}
.popup-next {right: 20px; padding-left: 3px;}

.jump-back-link {text-align: center;}
.jump-back-link a {padding: 12px 0; display: block;}

@media print {
	.col-md-8 {width: 100% !important; float: none !important;}
	.slideshow {height: auto !important;}
	.slide-container {display: block !important; height: auto !important; position: static !important;}
	.image-container img {opacity: 1 !important; visibility: visible !important;}
	.credit-container > p {text-align: left !important;}
	.slideshow-prev, .slideshow-next, .slideshow-pager-container, #ubermenu-3-29, .jump-back-link {display: none;}
}

@media screen and (max-width: 1099px) {
	.landing-search {width: 100%; display: block; padding-right: 0; margin-bottom: 20px;}
	.random-button {width: 100%; padding-left: 0; display: block; margin-bottom: 15px;}
	.random-button a {width: auto; display: inline-block; }
	.advanced {padding-top: 0px;}
}

@media screen and (max-width: 768px) {
	
	.portal-home-text-box {position: static; color: #000; background: transparent !important; width: 100%; margin: auto; z-index: 10; padding: 20px !important;}
	.portal-home-text-box h1, .portal-home-text-box h2, .portal-home-text-box h3, .portal-home-text-box h5 {color: #000;}
	.portal-home-text-box a {color: #C32426;}
	
	.small-space > .l-section-h {padding: 0 !important;}
	
	.col-md-4 {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.col-md-6 {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.col-md-8 {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.col-md-8.nomargin {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.col-five-1 {width: 100%; float: none; margin-left: 0; margin-right: 0;}
	.col-6 {width: calc(100% / 12 * 6 - 20px); float: left; margin: 0 10px;}
	
	.col-left, .col-right {float: none;}
	.right {float: none; display: block; text-align: left;}
	
	.exhibition-description {margin-bottom: 20px;}
	.photo-right {float: none; width: 100%; margin-left: 0;}
	
	.exhibition-image {margin-bottom: .75rem; padding-left: 0 !important; padding-bottom: 0 !important;}
	
	h3.related, p.related {padding-left: 0px;}
	.spacer + h3.related {padding-top: 0;}
	
	.pager-container a, .pager-container .pager-spacer {padding: 10px;}
	
	.popup-close {top: 10px; right: 15px;}
	.popup-inner img {max-height: 400px;}
	.popup-prev {left: 10px;}
	.popup-next {right: 10px;}
}
/**************** 2021-07-18 - Joe added styles for reformatted search bar/buttons **********************/
.collection-search-container {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.collection-search-container .landing-search {
	width:32%;
	padding:0px;
	margin-bottom: 15px;
}
.no-touch .collection-search-container .landing-search button[type='submit']:not(.w-btn) {
	top:12px;
}
.collection-search-container .advanced-button,
.collection-search-container .random-button {
	width:32%;
	padding: 10px 20px;
    background-color: #9B3600;
    cursor: pointer;
    display: block;
    text-align: center;
	transition:0.3s linear;
	font-size: 1.1em;
	margin-bottom: 15px;
	color:#fff !important;
}
.collection-search-container .advanced-button:hover,
.collection-search-container .random-button:hover {
	background-color:#336C84;
	transition: 0.3s linear;
}
@media (max-width:1099px) {
	.collection-search-container {
		flex-wrap: wrap;
	}
	.collection-search-container .landing-search {
		width:100%;
	}
	.collection-search-container .advanced-button,
	.collection-search-container .random-button {
		width:49%;
	}
}
@media (max-width:550px) {
	.collection-search-container {
		display: flex;
	}
	.collection-search-container .advanced-button,
	.collection-search-container .random-button {
		width:100%;
	}
}