/* CSS Goes Here */

h1, h2, h3, h4, h5, h6 {
	padding-top: 0 !important;
	margin-bottom: 1.5rem !important;
}

.home-exhibition-content h3 { font-size: 1.4rem; }

button h2 { margin-bottom: 0 !important; }
button h3 { margin-bottom: 0 !important; font-size: 1.2rem; }

.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-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: 1.75rem 0;}
.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,
.newArtist-list-photo .list-photo { position: relative; aspect-ratio: 1 / 1; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.exhibition-list-photo .list-photo img,
.newArtist-list-photo .list-photo img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

ul#browseLetters { list-style: none; display: flex; justify-content: flex-start; margin-left: 0; flex-wrap: wrap; }
ul#browseLetters li a { text-decoration: none; width: 30px; height: 30px; line-height: 30px; background-color: var(--color-content-link-hover); color: #fff; font-weight: 700;/*border: 1px solid #fff;*/margin-right: 8px;border-radius: 100%; display:inline-block; text-align: center;}
ul#browseLetters li a:hover { background-color: var(--color-cascade-blue); }

.exhibition-list-photo .list-photo a, .newArtist-list-photo .list-photo a {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.accordion-container .accordion-expand { 
	background-color: transparent !important; position: relative; font-size: 1.2rem !important;
	text-transform: uppercase !important; padding: 10px; padding-left: 30px;
}
.accordion-expand:hover, .accordion-expand.open {color: #c32426;}
.accordion-expand:before {content: "\f067"; font-family: 'fontawesome'; position: absolute; left: 7px; top: -5px; bottom: 0;
height: 20px; margin: auto;}
.accordion-expand.open:before {content: "\f068";}
.accordion-content {display: none;}
.accordion-content label {margin-top:10px !important; padding-bottom:10px !important; cursor:auto !important}

button[type=submit]:not(.w-btn):before, input[type=submit]:not(.w-btn), .us-nav-style_19>*:before, .navstyle_19>.owl-nav button:before, .us-btn-style_19:before {
	border-width: 0 !important;
}

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 { display: flex; flex-direction: column; justify-content: space-between; text-align: left; margin-bottom: 40px; border: 1px solid #d3d3d3;/*max-height: 500px;*/ /*padding: 0 16px;*/ box-sizing: border-box;  }

/* Remove border from list-item elements inside the related items slider */
.related-five-column-row .list-item { border: none !important; }
.list-item .list-photo { display: flex; justify-content: center; /*align-items: center;*/ height: 300px !important; min-height: 300px !important; overflow: hidden; text-align: center; margin: 0; }
.list-item-info { padding: 10px; }
.list-item-info p:not(p.list-item-location) {font-weight: 600;}
.list-item .list-photo a { display: block; }
.list-item .list-photo img { max-height: 100%; max-width: 100%; width: auto; height: auto; }
.list-item .list-photo.block-photo img { width: 100%; }
/* Ensure all list-photo images show completely without cropping */
.list-photo img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.list-item-info { display: flex; flex-direction: column; padding-top: 10px; }
.list-item-info h2 { font-size: 1.2em; font-weight: bold; text-transform: none; margin-top: 0; margin-bottom: 0px !important; min-height: 48px; line-height: 130%;}
.list-item-info h2.search-artist { padding-top: 10px; }
.list-item-info h2 a { color: var(--color-alt-content-bg) !important; }
.list-item-info p { margin: 4px 0 0.25rem; }
.list-item-info p a { color: var(--color-content-primary) !important; }
.list-item-info a:hover { color: var(--color-content-secondary) !important; }
.list-item-location { font-size: 0.8rem; }
.loading-container {   display: flex; justify-content: center; align-items: center; height: 100%; } 
.img-loader { width: 40px; height: 40px; }

/*.newArtist-list-item, .exhibition-list-item {padding: 10px; border: 1px solid #ddd; border-radius: 3px; }*/
.newArtist-list-item p, .exhibition-list-item p {margin-top:10px; font-weight: 600;}

.five-column-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; margin-bottom: 2rem; }
@media (min-width: 768px) {
  .five-column-row {
    grid-template-columns: repeat(5, 1fr);
  }
}

.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 var(--color-content-bg) !important; background: #fff; padding: 12px 40px 12px 50px; box-shadow: none; height: auto; margin-top: 0; line-height: 1.5em; padding-left: 50px !important;}
.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;}

.search-page-search button {border-top: transparent!important; border-right: transparent!important; border-bottom: transparent!important; border-left: transparent!important; border-radius: 0px; border: none !important; }

.no-touch .landing-search button[type='submit']:not(.w-btn), .no-touch .search-page-search button[type='submit']:not(.w-btn) {border-top: transparent!important; border-width: 0!important;}

form .ruler {margin: 1rem 0 !important}
.searchform h2 {font-size: 1.2rem;}

.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; font-size: 1.5rem !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;}
.slide-container {background-color: transparent !important; align-content: center !important;/*display: flex !important; flex-direction: column; justify-content: space-between;*/ height: 430px !important;}
.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, .related-items-prev, .related-items-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; font-size: 3em; height: 68px; padding: 10px 20px; cursor: pointer; color: #000; background: rgba(255, 255, 255, 0.6);}
.slideshow-prev:hover, .slideshow-next:hover, .related-items-prev:hover, .related-items-next:hover {background: rgba(255, 255, 255, 0.8); color: #C32426;}
.slideshow-prev, .related-items-prev {left: 0;}
.slideshow-next, .related-items-next {right: 0;}

.related-items-slide-container { position: relative; overflow: hidden; padding: 0 80px; }
.related-items-slider {min-height: 280px; width: 100%; display: flex; align-items: center;}
.related-items-slide {width: 100% !important; background: transparent !important; display: none; padding: 0 80px; display: flex; align-items: center;}

/* Hide empty slides */
.related-items-slide:empty {display: none !important;}
.related-items-slide:not(:has(.list-item)) {display: none !important;}

/* Desktop: Show desktop slides, hide mobile slides */
@media (min-width: 768px) {
	.related-items-slide.desktop-slide:first-child {display: block;}
	.related-items-slide.mobile-slide {display: none !important;}
}

/* Mobile: Show mobile slides, hide desktop slides */
@media (max-width: 767px) {
	.related-items-slide.mobile-slide:first-child {display: block;}
	.related-items-slide.desktop-slide {display: none !important;}
}
.related-five-column-wrapper { display: grid; justify-content: center; align-items: center; }
.related-five-column-row { display: grid; width: 100%; gap: 20px; grid-template-columns: repeat(1, 1fr);}


.related-five-column-row .col-md-2 { width: 100% !important; max-width: 100% !important; box-sizing: border-box;display:block; }
.related-items-slide-container .list-photo { min-height: 150px !important; overflow: hidden !important; height:150px !important; width: 150px !important; display: flex; justify-content: center; align-items: center;}
.related-items-slide-container .list-photo img {max-height: 150px !important; max-width: 150px !important; width: auto !important; height: auto !important; display: block !important; margin: 0 auto !important; }
.related-items-slide-container .list-item-info { padding: 0 !important;}
.related-items-slide-container .list-item-info h2 { font-size: 0.8rem !important; line-height: 1.3 !important; margin-top: 8px !important; }
.related-items-slide-container .list-item { display: flex !important; flex-direction: column !important; justify-content: center !important; height: 100% !important; }

@media (max-width: 575.98px) {
	.related-items-slider { height: auto !important; }
	.related-items-slide { padding: 0 !important; height: auto !important; }
}
@media (min-width: 576px) {
	.related-five-column-row { grid-template-columns: repeat(2, 1fr);}
	.related-items-slider { height: auto !important; }
    .related-items-slide { padding: 0 !important; height: auto !important; }
}
@media (min-width: 768px) {
	.related-five-column-row { 
		grid-template-columns: repeat(4, 1fr);
		padding: 0 20px;
	}
}

@media (max-width: 767px) {
	.related-five-column-row { 
		grid-template-columns: repeat(1, 1fr) !important; 
	}
}

.related-row { gap: 1rem; flex-wrap: wrap; align-items: center; margin-bottom: 1.5rem; }
.related-col { flex: 1; min-width: 200px; }
.related-columns { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; }
.related-columns.one-col,
.related-columns.three-cols { justify-content: flex-start; }
.related-columns.two-cols { justify-content: space-between; }
.related-columns.two-cols .related-col.push-right { margin-left: auto; text-align: right; }
@media (max-width: 768px) {
  .related-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.site-location-block .site-location-left p {margin: 0px; margin-bottom: 10px;}

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

.artwork-artist {margin-bottom: .75rem;}
.title-date {font-weight: 400;}
p.title {font-size: 1.6rem; font-weight: 600;}
.artwork-info {font-size: 1.6rem !important;}
span.artist-info, .artist-location {font-size: 0.9rem; font-weight: 400;}
.featureTitle {font-style: italic;}

//.artwork-list, .site-list { visibility: hidden !important; }
.isVisible { visibility: visible !important; }

.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-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;}
	
	.related-items-slide {display: block;}

	.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%;
	}
}

/* PDF Link Styles */
.pdf-link {
	color: #C32426 !important;
	text-decoration: none;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.pdf-link:before {
	content: "\f1c1";
	font-family: 'fontawesome';
	position: absolute;
	left: 0;
	top: 0;
	color: #C32426;
}

.pdf-link:hover {
	color: #db3d40 !important;
	text-decoration: underline;
}

.pdf-link:hover:before {
	color: #db3d40;
}