@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,100..900&family=Manrope:wght@200..800&display=swap');


html { 
	--accentColorA: #a3c8d8; /* header background */
	--accentColorB: #76abbd; /* light blue heading text */
	--accentColorC: #06586e; /* dark blue text alt */
	--mdGray: #666;
	--lightGray: #999;
	--smText: 13.5px; 
	--mdText: 14.5px;
	--defatulTextSize: 16px;
	--fontFamily: "Manrope", sans-serif;
	--fontFamilyItal: "Inter", sans-serif;
	--thinGrayBorder: .5px solid #ccc;
	--bodyTextColor: #6d6e71;
	
}

body{ 
	font-family: var(--fontFamily);
	font-style: normal !important;
	background-color: #FFF;
	font-optical-sizing: auto;
	color: var(--bodyTextColor);
  	font-weight: 400;
	box-sizing: content-box;
	font-size: 100%;
}

em, i:not(.fas):not(.far){ font-style: italic; font-family: var(--fontFamilyItal); font-weight: inherit !important; }
em span, i:not(.fas):not(.far) span{  font-style: normal !important;  font-weight: inherit;  }
strong, b { font-weight: 600 !important; }
*{ box-sizing: border-box; margin: 0px; padding: 0px;  }
h1, h2, h3, h4, h5, h6{  font-weight: 400 !important; margin-bottom: 1rem; line-height: initial; color: var(--accentColorB); font-family:  var(--fontFamilyAccent); letter-spacing: 1.5px; }
input::placeholder{color: var(	--lightGray); text-transform: uppercase; font-size: var(--smText); }

a.image:hover { cursor: zoom-in; }

#mainBody p, #pageBottomMatter, #indexContent{line-height: 21px;}
sup {  }

.footnote {
	font-size: var(--smText); }

.mobile {display: none; }
.nowrap {white-space: nowrap; }
#pageTopMatter h1, #mainTextDiv h1 { 
	font-size: 36px;
    margin-bottom: 24px; 
}

a, .ui-widget-content a { color: var(--bodyTextColor); text-underline-offset: 2px; text-decoration-thickness: .5px; text-decoration-color: #666; text-decoration-skip-ink: auto;  }
a:hover { color: var(--bodyTextColor); text-decoration: underline; }

a.button {
    border: 1px solid var(--accentColorB);
    background-color: white;
    text-transform: uppercase;
    color: #76abbd;
    font-weight: 500;
    text-decoration: none;
    margin-top: .6rem;
    font-size: 1rem;
    display: inline-block;
    padding: 3px;
}
a.button:hove { color: white; background-color: #76abbd; }


u{  text-underline-offset: 2px; text-decoration-thickness: .5px; text-decoration-color: #ccc; text-decoration-skip-ink: auto;  }

blockquote{margin: 1rem 2rem; }

#mainBody p{ margin-bottom: 1rem; }

.paddingTop {padding-top: .8em;}
.gray{color: var(--mdGray); }
.boldCapsSmall{font-weight: bold !important; font-size: 13px; }

.ui-tooltip{ font-size: inherit !important; padding: 10px !important; text-align: left; background-color: white !important;  }
.ui-widget{ font-size: inherit !important; }
.ui-helper-reset {line-height: 1.4em;}

.fas, .far { -webkit-text-stroke: 1px white; }

.anchorlink, .endOfItem {display: none !important; }

/* 	HEADER 	*/
header{ background-color: var(--accentColorA); color: white; display: flex; flex-direction: column; overflow-x: hidden; }
header.click #artistname { cursor: pointer;  }

header > div { width: fit-content; }
#headerWrapper{ 
	max-width: 1400px; width: 100%; 
	margin: auto; 
	padding: .5rem 1rem; 
	display: flex;  
	letter-spacing: 1px;
    line-height: 3rem;
    align-items: center;
}
#headerWrapper > div { width: 50% !important; }
#artistname .name{ font-size: 2.5rem;
	font-weight: 200;  }
#artistname .comma { font-size: 1.8em; }
#artistname .date{ font-size: 1.3em; }

#sitename{ font-size: 1.5rem; }
header:not(.noclick) #artistname, header:not(.noclick) #sitename{  }


#selectLang{ position: absolute; font-size: var(--smText); text-transform: uppercase; top: 1rem; right: 1rem; }
#selectLang strong{ font-weight: 800 !important; }
#selectLang strong::before{ content:'> '; }
#selectLang a{ text-decoration: none; }
#selectLang a:hover{ color: var(--bodyTextColor); text-decoration: underline; }

.iframe #selectLang {display: none !important; }

/* 	END: HEADER 	*/

/*   QUEUE NAV IN FOOTER */

#queueNavWrapper{}
.queuedivider, .queuedividerB { display: none; }
.queueLinkback {order: 6; margin-left: auto; }
#sectionNavigation { text-transform: uppercase; 
	 font-size: var(--smText); display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
	column-gap: 1rem;
    flex-wrap: nowrap;
}
#sectionNavigation .grayLight{ color: #ccc; }
#sectionNavigation a{ 
	white-space: nowrap; }
#queueNavWrapper span.nextprevspan { 
}
#queueNavWrapper span.nextprevspan a { 
	text-decoration: none; 
}

#queueNavWrapper .nextprevspan, #queueNavWrapper .nextprevspan{ margin: 0px; }
.queueresults span{ color: #cccccc; }
.queueresults span:first-of-type{ margin-right: 8px; }
.queueresults span:last-of-type{ margin-left: 8px; }

/* 	PAGE LAYOUT 	*/

#mainWrapperOuter{ 	}

#mainWrapperInner{ }

#maincontent{
	max-width: 1400px;
	margin: auto;
	text-align: left; 
	min-height: 80vh;
	clear: both;
	background-color: white;
    padding: 0 1rem 2rem;
}
.iframe #maincontent{ min-height: 500px; }

#mainBody { padding: 1rem 0; min-height: 55vh; }

#fullCitation{ clear: both; text-align: center; 
    margin: 3em auto 0;
    padding-top: 2rem;
	border-top: var(--thinGrayBorder);
}
#updateDisclaimer, #printCitation{ max-width: 1000px; font-size: var(--mdText); color: var(--mdGray); 
    margin: 0 auto; }
#updateDisclaimer { margin-bottom: 1rem; }


.dropshadow{
	-webkit-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
	-moz-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
	box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
}


/* BEGIN: NAVBAR  */

navigation{ 
	max-width: 1400px;
	margin: auto ;
	padding: 0 .5em 1rem .5em;
	letter-spacing: 1px;
	font-weight: 200;
	font-size: 1rem;
	display: flex;
	justify-content: flex-end;
    width: 100%;
}
#sitemenu { 
	min-width: 50% !important; 
	margin-left: auto;
	vertical-align: middle; 
	margin: 0; 
	display: flex; 
	column-gap: 2.2rem;
    justify-content: space-between;
}
	#sitemenu li { list-style: none; white-space: nowrap; }
	#sitemenu a { 
		color: #000 /*var(--accentColorA)*/;
		text-decoration:none;
		text-transform: uppercase; 
		display:inline-block;
		background-color: transparent; 
		line-height: 22px;
		padding-bottom: 2px;
	}
	#sitemenu li.selected > a {  color: white; font-weight: 600;  }
	#sitemenu li li.selected > a {  color: var(--accentColorB); font-weight: 600;  }
	#sitemenu li:not(.selected):hover > a { text-decoration: underline; text-decoration-thickness: 1px; }
#sitemenu ul a {color: color(--bodyTextColor);} 


/* level two nav*/
		#sitemenu ul{ 
			position: absolute; padding: 0px;
			background-color: #FFF;
			text-align:left;
			/*-webkit-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
			-moz-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
			box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);*/
			display:none;
			z-index: 1010;
		    margin-top: -2px !important;
			width: auto;
			border: 1px solid #CCC;
			margin-left: -14px;
		}
		#sitemenu ul li {
			float:none; 
			display:block; 
			margin-right: 0; 
			border-top: 1px solid #efefef;
			padding: 10px 30px 10px 14px
		}
		#sitemenu ul li a { line-height: 22px; border-bottom: 2px solid transparent; ; }
		
/* END: NAVBAR */


/* FOOTER */

footer{
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #000;
	display: block; 
	text-align: center;
	padding: 1rem;
	font-size: var(--mdText);
}

footer div:first-of-type { padding-bottom: .5rem; }
footer a, footer a:hover { text-decoration: underline; text-decoration-thickness: 1px; color: inherit !important;}

.iframe footer {display: none; } 

/* SEARCH BOX */
	
#searchbox::placeholder {
	opacity: 0.8;
	text-transform: uppercase;
    font-size: var(--smText);
 }



/* ~~~~~~~~~~~~~~~~~~~~INDEX PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#indexContent.noresults {
	clear: both;
    text-align: center;
    padding: 5em; 
}
#indexContent{clear: both; }
body:not(#sectionDir).indexPage #pageTopMatter, .indexPage #topMatter, #catalogueDir #viewBy { display: none; }
body:not(#sectionDir).indexPage #mainBody { display: flex; column-gap: 4rem; }



/* FILTER */
#filterAccordion { flex-basis: calc(25% - 2rem); font-size: var(--mdText); position: relative; }
#filterAccordion .heading.label { display: none; }
.indexPage #indexContainer { flex-basis: calc(75% - 2rem); }

.filter label, .filter.label { cursor: pointer; font-weight: 500; }
.filter.label a {text-decoration: none; color: inherit !important; }
.filter.label a .selected { color: var(--accentColorB) !important; text-decoration: underline; }
#filterContent input { visibility: hidden; width: 0px; overflow: hidden; }

.filter label.selected {color: var(--accentColorB); margin-left: -1rem; }
.filter label.selected::before { content: '✕'; display: inline-block; width: 1rem; height: 1rem; font-size: 1rem;}
.filetercount { font-weight: 200; color: var(--bodyTextColor); }
.filetercount::before { content: '('; }
.filetercount::after { content: ')'; }

#filterAccordionInner{
	padding-top: 1rem;
}
.indexPage #filterAccordionInner{ }



.ui-icon, .ui-widget-content .ui-icon, .ui-state-active .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:active .ui-icon{ 	background-image:url("client_files/icon_arrow_dwn.png");
	background-position: center 0;
    background-size: 65% 65%;
	background-repeat: no-repeat; 
	transform: rotate(270deg);
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{
	background-position: 0 center;
	transform: rotate(0deg);
}
.ui-accordion .ui-accordion-header{
	 padding: .5em .5em .5em 0;
}

#filterContent h3, .filtersBoxTextSelect, #filterAccordion .heading.label {
	font-weight: 600 !important; 
	color: var(--accentColorC);
	text-transform: uppercase; 
}
#filterContent h3 { 
	border: none !important; 
	background: none !important; 
}
#filterContent h3:first-of-type { padding-top: 0px; }
#filterContent .filterOptions { padding: .5rem 1rem 0 1rem; border: none; }
.entryPage #filterContent .filterOptions { padding-left: 1.2rem; }
#filterContent .filterOptions .filter { padding-bottom: .5rem; }
.entryPage  #filterContent .filterOptions .filter:hover a { text-decoration: underline; }

#selectedFiltersCont.full{ 
	display: flex;
    flex-direction: row;
    gap: .3rem;
    max-width: 100%;
    flex-wrap: wrap;
	padding: 1rem 0; 
    border-bottom: 1px solid var(--accentColorA);

}
#selectedFiltersCont .spaces { display: none; }
#selectedFiltersCont .filtersBoxTextSelect{flex-basis: 100% !important; }
#filterContent .submenuItem {margin-left: 1rem; margin-bottom: .5rem;  }
#filterContent .submenuItem .filter:last-of-type{ padding-bottom: 0px; }


.selectedFilter {  background-color: var(--accentColorA); color: white; padding: 1px 3px; }

/*#selectedFiltersCont .selectedFilter:not(:first-of-type)::before{content : "•"; margin-right: .3rem }
*/#selectedFiltersCont .grayLight.slashes{ display: none; }

.filterExtralinks { font-size: var(--smText); text-transform: uppercase; display: block !important; flex-basis: 100% !important; color: transparent; margin: 0 -9px; line-height: 1rem; }
.filterExtralinks a { text-decoration: none;  }
.filterExtralinks .linkRemove a:before { content: '×'; margin-right: .3rem; font-size:  1.3rem;
	position: relative;
    top: 2px; }
.filterExtralinks .linkPermalink { display: none; }

.ui-widget.ui-widget-content {border: 0px !important; }
.menuHeadingLI > ul { display: block !important; }

#filterContent label { cursor: pointer;  }

/* CAT ENTRY INDEX */

.indexPage #catWorks{ margin-top: 1rem;}

#catWorks .indexHeading, #indexContent .rowheading { 
	color: var(--accentColorB); 
	margin: 1rem 0 1rem; 
	font-weight: 200; 
	font-size: 2.8rem; 
    border-top: 1px solid var(--accentColorA);
	padding-top: 1rem;	
    line-height: normal;
}
#indexContent .rowheading {
	border-bottom: 1px solid var(--accentColorA);
	padding-bottom: 1rem;	
}
#catWorks .indexHeading { padding-left: calc(300px + 3rem); }
#catWorks .indexHeading:first-of-type, #indexContent > .rowheading:first-of-type { border-top: none !important; margin-top: 0px; }
.clearfloats.typeA{display: none;}
#catWorks .item{ 
    border-top: 1px solid var(--accentColorA);
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: 300;
    column-gap: 3em;
    min-height: 200px;
}
#catWorks #itemcont .item:first-of-type{ border-top: none; }

#catWorks .item .clearfloats{ display: none;  }
#catWorks .item a{ text-decoration: none; }
#catWorks .item .image{ min-width: 300px; text-align: center; flex-shrink: 0; display: flex; justify-content: center;
    align-items: center; }
#catWorks .item img{  max-width: 300px; max-height: 300px; width: auto; }

.imgplaceholder{
	height: 100px !important;
	color: var(--lightGray);
	font-size: var(--smText);
	text-transform: uppercase;
	display: flex;
    margin-top: auto;
    align-items: center;
	}
.imgplaceholder span::before{ content: '— '; }
.imgplaceholder span::after{ content: ' —'; }
.noimg {
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	margin: auto;
	aspect-ratio: 1/1 !important;
	background-color: rgba(163, 200, 216, .2);
	width: 90% !important;
    height: 90% !important;
}

#catWorks .item .item_title { font-size: 130%; }
#catWorks .item .item_title strong{ font-weight: 400 !important; }
#catWorks .item a:hover .item_title strong{ text-decoration: underline; text-decoration-thickness: 1px; }

#catWorks .item .item_catDetails a div {margin: .3em 0; }
#catWorks .item .item_catDetails .item_catnum { margin: 0 0 1.3em;
    font-size: smaller; text-transform: uppercase; }
#catWorks .caption { font-size: var(--defatulTextSize); }
#catWorks .caption .reference {margin-bottom: 1.3em; }
#catWorks .caption .Title { font-weight: 500; text-decoration: underline; text-decoration-thickness: .5px }
#catWorks .caption .catNo { color: var(--mdGray) }

#loadcontent #norecord { margin: 5em 0; }

/* NON-CAT index pages*/

#indexContainer{ min-height: 50vh; position: relative; }
#indexContent > div { margin: 0 0 1rem 0; }
#indexContent .divider {
	border-top: .5px solid #ccc;
	margin: 1rem 0 1rem;
}
#indexContent > .indexrow { }
.indexrow .fullRef{max-width: 800px;  }
span.recType, #rightCol .entryType{ margin-bottom: .8em;}
span.recType, #rightCol .entryType, .traveledref .heading{ display: block; font-size: var(--smText); color: var(--lightGray); text-transform: uppercase; }
#exhibTravelling span.recType { margin-bottom: 0px; }
#indexContent .entryRef { margin-bottom: 1.5rem !important; display: block; clear: both; }
.recordlink, .recordlink:hover { color: inherit !important; text-decoration: none; }
.recordlink.abbreviation, .recordlink.abbreviation em { font-weight: 600 }
body:not(#collectionsDir) .recordlink.abbreviation {  display: inline-block; }
.entryRef:hover .recordlink.abbreviation { text-decoration: underline; text-decoration-thickness: 1px; }
.addmaterials_cont {margin: .5rem; font-size: var(--mdText); color: var(--mdGray); display: inline-block; }
#collectionsDir .addmaterials_cont{display: block; }


/* LINKED DOCUMENTS */

.linkedDocImg img {max-height: 130px; max-width: 200px; margin-bottom: 2rem }
.linkedDocImg {float: right; }

ul#linksUl{ max-width: 900px; }
.linksContainer .item.slideshow {display: flex; column-gap: 1rem;  }
.linksContainer li { list-style: none; margin-bottom: 2rem;  }
#catalogueDir .linksContainer li { margin-bottom: 1rem;  }
#sectionlinkedPDF .linksContainer li {   }
.linksContainer img{max-width: 200px; max-height: 150px; }
.linksContainer .abbreviation { font-weight: 500 }


.recType.relatedRecDescript{ 
	margin-bottom: .3em;
	display: block;
    font-size: var(--smText);
    color: var(--lightGray);
    text-transform: uppercase; }

#collectionsDir .recType {display: none; }

.docCaption {margin-top: .6em;}
.docCaption > div {margin-bottom: .6em;}

#sectionlinkedPDF { margin-bottom: 2rem !important; }



/* PAGINATION */
.indexPage #paginationTop { float: left; }
#paginationTop #pagiWrapper { display: inline-block;     padding-top: 6px !important; /*display: none;*/ }
#paginationTop #pagiWrapper #pagiContentTop { display: none; }
#paginationBottom {margin-top: 1rem; border-top: .5px solid #ccc; }
#pagiWrapper{  padding-top: 1rem; font-weight: 500; display: flex
;
    justify-content: space-between; }
#pagiWrapper> div{ padding-bottom: .5rem; }
#pagiContentTop {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
#pagiContentTop img {display: none; }
#pagiContentTop a { text-decoration: none;  }
#pagiContentTop a:hover, .pagenos .pageLinkCurrent { color: var(--accentColorB); text-decoration: underline; text-underline-offset: 3px;   }
#pagiContentTop .disabled { color: var(--lightGray);  }
#pagiContentTop .disabled u, #pagiContentTop .nextprev:hover u { text-decoration: none !important;   }
#pagiContentTop span:first-of-type { margin-left: 0px;  }
.pagenos .pageLinkCurrent, .pagenos .pageLink, .nextprevspan { margin-left: .6em; display: inline-block; overflow: hidden; height: 26px; vertical-align: middle; }   
.pagenos .pageLinkCurrent::before, .pagenos .pageLink::before, .nextprevspan.pageNext::before { content: '•'; padding-right: .6em; display: inline-block; color: var(--lightGray); font-size: var(--smText); font-weight: 200; }   
.nextprevspan {text-transform: uppercase;font-size: var(--smText) }
.nextprevspan span, .nextprevspan a {margin-top: auto; display: inline-block; vertical-align: middle; }
.pageFirst, .pageLast{ display: none;  }

#pagiContentBottom { font-size: var(--mdText);}
#pagiContentBottom span.nbsp { display: none !important; }

#catalogueDir #viewsnavform {display: none; }

#pageTopMatter h1 { display: none;  }
#topMatter {
	z-index: 1000;
    position: relative;
    top: -4px;
	display: inline;

}



	/*SORT*/

#sortControls{ 
	text-align: right; 
	font-size: var(--smText);
	text-transform: uppercase;
	padding-top: .4rem;
}
#sortControls img {display: none; }
#sortControls a.linkSortASC:before { content: '↓ ';}
#sortControls a.linkSortDESC:before { content: '↑ ';}
#sortControls a { text-decoration: none; }
#sortControls a:hover {
	color: var(--bodyTextColor);
    text-underline-offset: 2px;
    text-decoration-thickness: .5px;
    text-decoration-color: #666;
    text-decoration-skip-ink: auto; }

#paginationTop {clear: both; }

#indexContainer #loader {text-align: center; margin: 100px 40%; clear: both; }





/* ~~~~~~~~~~~~~~~~~~~~~~~ENTRY PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~ */


.entryType{ display: block; font-size: var(--mdText); margin-bottom: 1rem; margin-left: 3px; color: var(--mdGray) }
h2.abbreviation {margin-bottom: .3em; }

.entryPage #entryFullCitation, #entry_tabs #relatedEntriesCont, #entry_tabs #sectiondiscovery  {max-width: 900px;}
#entry_tabs{min-height: 300px;}

.fancybox-caption * { color: white !important; }
.fancybox-caption  { font-size: 18px !important; }
.fancybox-caption a:after { /*content: " ↗"; color: white; font-size: 120%;*/ }
.fancybox-caption a .Title { text-decoration: underline !important; text-decoration-thickness: .5px !important; text-decoraion-offset: 2px;  }
.fancybox-caption a:hover *, .fancybox-caption a:hover:after { color: paleturquoise !important; }
.fancybox-caption { font-size: 120%; letter-spacing: 1px; }
.fancybox-caption .extra { text-transform: capitalize; }
.fancybox-caption .extra:after { content: ': '; }

a.viewBy {display: inline-block; height:20px; width:20px; border:1px solid #fff !important; vertical-align:middle; margin-right:3px; background:url('/css/images/icon_sizes.gif') no-repeat 1px 1px; padding:1px; }
a.viewBy:hover, a.viewBy.selected{ border-color:#F93 !important;}
#viewsnav{ float:right; /*margin-top:-.5rem;*/}
#viewsnav span{ font-weight:bold; font-size:.7em; text-transform:uppercase;}
#catalogueIndex #viewsnav span {text-transform: none; font-weight: normal; font-size:12px; color: #636679;}

a#thumbnail{ background-position:1px}
a#size{width:28px; background-position:-16px}
a#listA{background-position:-45px;}
a#listB{background-position:-62px;}

#scale{padding-top:5px;clear:both;}
#scale table{border-top: dotted 1px #CCC;}
#scale td{padding:4px; font-size:.7em}
#scale .scale div {
	height: 5px; border: #666 solid 1px; border-top: none;
}
#scaleCont{padding:1rem 0;}

#docContainerInner{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4em 4.4em;  }
#docContainerInner .item{ flex: 0 0 calc(25% - 3.3em); }
#docContainerInner .item img { max-width: 100%; height: auto; width: auto; }

#sectionlinkedrecords .sectionHeading { text-transform: capitalize; }
#sectionlinkedrecords  {     margin-top: 3rem;
    border-top: 1px solid var(--accentColorA);
    padding-top: 1rem;
}

.entryPage  #pageBottomMatter {min-height: 65vh;}

#pageBottomMatter #topInfo{margin-bottom: 2.5rem; }

#beginWorksHeading, #relatedEntries .sectionHeading {     font-weight: 500;
    text-transform: uppercase;
    color: var(--accentColorB);
    margin-bottom: .3rem; }
#collectionsDir #beginWorksHeading { visibility: hidden; }
#beginWorksHeading #workCount { display: none }

#sectionlinkedworks {  margin-top: 3rem;
    border-top: 1px solid var(--accentColorA);
    padding-top: 1rem; }
#sectionlinkedworks .catNo strong { font-weight: 300 !important; }

/* CAT ENTRY PAGE */

#pageBottomMatter > .clearfloats { display: none; }
#pageBottomMatter {display: flex; flex-direction: row; justify-content: space-between; column-gap: 4rem; /*flex-wrap: wrap;*/ }
#pageBottomMatter #topContent { flex-basis: 100% !important; margin: 1rem 0 0; margin-left: calc(25% + 2rem) }
#pageBottomMatter #leftCol { flex-basis: calc(25% - 2rem); }
#pageBottomMatter #rightCol { flex-basis: calc(75% - 2rem); padding-top: 1rem; }

#rightCol #catNo{ font-size: 1.2rem; padding-left: 3px; padding-bottom: 0.3rem; }
#rightCol #catNo strong{ font-weight: 600; }
#rightCol #div_customTopEntry{ 
	margin-top: .5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--accentColorA);
	display: flex;
   align-items: flex-end;
    justify-content: space-between;
}
#rightCol #titleDatewrapper{ margin-top: .5rem; }
#rightCol #catTitle{ font-size: 2.2rem; font-weight: 400; letter-spacing: 0.5px; font-style:italic; color: var(--accentColorB); }
#rightCol #catDate{ font-size: 1.9rem; font-weight: 300;}
#rightCol #seondaryNum{ text-transform: uppercase; font-size: var(--smText); line-height: 16px; }


#mainImageWrapper .enlarge{ display: none;}
#mainImageWrapper { display: block; margin-bottom: 1rem; }
#mainImage{
    max-height: 600px !important;
    max-width: 600px !important;
    aspect-ratio: initial !important;
    height: auto !important;
    width: auto !important;
}

#tombstoneWrapper, #catalogueDir #rightCol .section{ margin-bottom: 1rem;}
#catalogueDir #rightCol .section:not(#div_customTopEntry){ margin-top: 3rem; border-top: 1px solid var(--accentColorA); padding-top: 1rem; }
#tombstoneWrapper .tombstone, #sectionProvenance .item { margin-bottom: .2rem;}
#tombstoneWrapper .tombstone{   }
#tombstoneWrapper .tombstone .tombstonelabel{  }

.sectionHeading { font-weight: 500; text-transform: uppercase; color: var(--accentColorB); margin-bottom: .3rem}

#div_customNumbering{margin-top: 2rem; 
    padding: 1rem 0;
    border-top: 1px solid var(--accentColorA);
    border-bottom: 1px solid var(--accentColorA);
    max-width: 700px;
}

#popoutEntries{
    position: fixed;
    overflow: hidden;
    margin: 3% auto;
	max-width: 1400px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 1.2rem;
    background-color: white;
	-webkit-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
	-moz-box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
	box-shadow: 0px 0px 20px -3px rgba(126, 90, 81, .5);
	z-index: 700;
}
#popoutEntries .innerCont {
	margin-top: 1rem; 
    max-height: 95% !important;
    overflow-y: auto !important;
}
#popoutEntries h4{
	margin-top: 0px;
}
#popoutEntries #itemcont { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 3em 2rem; flex-direction: row;  }
#popoutEntries #itemcont .item { flex-basis: calc(20% - 2rem); text-align: center; }
#popoutEntries #itemcont .item img { max-height: 200px; max-width: 100%; height: auto; width: auto; }

#popoutEntries .item_catDetails a { text-decoration: none; }
#popoutEntries .item_catDetails a .Title { text-decoration: underline; font-size: larger; margin: 2px 0 5px; }

#popOutClose { float: right; }
#popOutClose:before { content: '☒ '; }

.h4heading {font-size: larger;}
.homepagelink{ font-size: var(--smText); color: var(--medGray);  letter-spacing: normal !important}


.section .abbreviationDiv { font-weight: 700; margin-bottom: .3rem }
.section .abbreviationDiv a { text-decoration: none;  }
.section .abbreviationDiv a:hover { text-decoration: underline; 
    text-decoration-thickness: 1px; }
#sectionExhibitions .item, #sectionLiterature .item { margin-bottom: 2rem }
.section .travelref, .traveledref  { margin: .2em .6em; display: block; }


#exhibTravelling li, .traveledref li{ list-style: none; }

#sectionExhibitions .sectionContent, #sectionLiterature .sectionContent, #sectionProvenance .sectionContent, #sectioncommentary .sectionContent {
	max-width: 700px; 
}

#sectionProvenance .item{margin-bottom: .5rem;}

#sectionExhibitions .sectionContent .sectionHeading, #sectionLiterature .sectionContent .sectionHeading { display: block !important; position: relative; }
.sectionContent .closeBtn {
	    color: var(--accentColorA);
    position: absolute;
    top: -38px;
    right: -24px;
    font-size: 48px;
    width: 48px;
    height: 48px;
    text-decoration: none;
    text-align: right;
    line-height: 48px;
    font-weight: 300;
    overflow: hidden;
    display: block;
}
#exhiblitnav{ 
	position: absolute; 
	right: 0px; 
	color: #000;
    font-weight: 400; 
	display: flex;
    gap: 2rem;
}
#exhiblitnav a {
	    text-underline-offset: 6px;
    text-decoration-thickness: 1.5px;
    text-decoration-color: black;
}

.entryPage #pageTopMatter{ display: flex; column-gap: 4rem; }
.entryPage #queueNavWrapper,  #catalogueDir.entryPage #topContent { width: calc(75% - 2rem);  }
.entryPage #topSearch {width: calc(25% - 2rem); }
#topSearch {  padding-bottom: .6rem; }
#topSearch { border-bottom: 1px solid var(--accentColorA); }
#topSearch img{ width: 1.3rem !important; height: auto !important; position: relative;
    top: 4px; }
#topSearch input{ font-size: 1rem; border: none; height: 1.3rem; width: calc(100% - 3rem); padding: 2px; margin-left: 4px; }

#topSearch input:focus{ outline: none; }

#topSearch a.removelink {
	font-size: 1.2rem;
    border: 1.5px solid;
    height: 20px;
    width: 20px;
    display: inline-block;
    line-height: 0.9rem;
    text-align: center;
    text-decoration: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~ EXHIBITIONS / LITERATURE / COLLECTIONS  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#viewsnavform{ display: none; }

#div_customCitation, #div_customCitation{ line-height: normal !important; max-width: 700px; }
#div_customCitation > div, #div_customCitation > div{ margin-bottom: .2rem; }
#div_customCitation #author,  #div_customCitation #exhibTitle{ font-size: 1.6em; }
#div_customCitation #pubtitle, #div_customCitation #Sponsor, #div_customCitation #Venues{ font-size: 1.3rem; }
#div_customCitation #pubtitle em { font-weight: 400 !important; }
#div_customCitation .divider, #div_customCitation .divider { height: .4rem; }
#div_customCitation #LitRemarks, #div_customCitation #RemarksExhib, #div_customCitation #exhibTravelling { margin-top: 1rem; }
#div_customCitation #exhibTravelling {
    margin-left: 1rem;
    text-indent: -1rem;
}

#relatedEntries ul { max-width: 700px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~SECTION PAGES  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sectionDir #subNavWrapper {margin-bottom: 2rem;}

#sectionDir #mainTextDiv p, #sectionDir #mainTextDiv h2, #sectionDir #mainTextDiv ol, #sectionDir #mainTextDiv ul { max-width: 900px; }
#sectionDir #mainTextDiv ol li {margin: 0 0 2rem 2rem; }
#sectionDir #mainTextDiv ul li {margin: 0 0 1rem 0rem; text-align: left; }
#sectionDir #mainTextDiv ul {margin: 1rem 2rem;}
#sectionDir #mainTextDiv h2, #sectionDir #mainTextDiv h3 {margin-top: 3rem;}

#sectionDir #mainTextDiv .clearfloats, #sectionDir #mainTextDiv a#contact{ display: none; }

#sectionBackLink {
	font-size: var(--mdText);
    color: var(--mdGray); 
	margin: -2rem 0 2rem; }
@media screen and (max-width: 767px) {
#sectionBackLink { margin: 0em 0 2rem; }
}

#photoTable img{
	margin: 0 auto 2rem; 
	max-height:400px !important;
	max-width:100% !important;
	height: auto !important;
}
#photoTable table{
	max-width: 900px;
}
#photoTable tr{ height: fit-content !important;  }
#photoTable td{
    border-top: 1px solid var(--accentColorA);
	padding-top: 2rem;
	height: fit-content !important; 
}
#photoTable table tr td:last-of-type { text-align: left !important; padding-left: 2rem; }
#photoTable table tr td:first-of-type{
	max-width: 400px !important;
	text-align: center;
}

#mainBody.chronology h3 {
	 margin: 1.6em 0 0.6em;
}

#contactFormWrapper {width: 900px !important; margin-top: 2rem;  }
#contactFormWrapper hr { margin-bottom: 2rem; border-color: var(--accentColorB); border-width: .5px; }
#contactForm table { width: 97% !important; }
#contactForm td {width: auto !important; padding: 0 1rem 1rem 0 }
#contactForm td.left{ main-width: 100px !important; white-space: nowrap; text-transform: uppercase; vertical-align: top; text-align: right; font-size: var(--smText); color: var(--lightGray) }
#contactForm input { padding: 5px;  }

#imagesWrapper {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
	max-width: 900px
}
#imagesWrapper .item { flex-basis: 30%; }
#imagesWrapper img {max-width: 100%; }



/* ~~~~~~~~~~~~~~~~~~~~~~~SECTION PAGES  ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fancybox-button, .fancybox-caption {background: transparent !important;  }
.fancybox-caption::before { background-image: none !important;}
.fancybox-caption a, .fancybox-caption a:link { }
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888 !important; }



.byline {font-style:italic; color:#666;}
.caption {font-size:smaller;}
.smallheading { text-transform: uppercase; font-size:80%;}
em .smallheading { font-style: italic !important; }
.darkRed { color: DarkRed;}



@media ( max-width: 1250px) { 
	#indexphpDir #artistname .name {
		font-size: 4rem;
    line-height: 3rem;} 
}
@media ( max-width: 1100px) { 
	body:not(#indexphpDir) #sitename{ text-align: right; }
	#selectLang {  top: .2rem; right: .2rem; }
	
	#mainImageWrapper img {
		max-width: 100%; 
		width: auto !important; 
		height: auto !important;
	}
	#indexphpDir #artistname .name {
	font-size: 3.8rem;
    line-height: 2.8rem;} 
}
@media ( max-width: 960px) { 
	
	 body:not(#indexphpDir) #sitename { text-align: left; }
	
	#sitename{ text-align: left; }
	#headerWrapper	{
		align-items: flex-start;
    	flex-wrap: nowrap;
    	flex-direction: column;
		line-height: initial; margin-bottom: .5rem;
	}
	#headerWrapper > div { width: 100% !important; white-space: nowrap;  }
	
	navigation{justify-content: flex-start; padding-left: 1rem;}
	
	#catWorks .item .image {flex-basis: 40% !important; min-width: 100px !important; margin-bottom: 1.3rem; }
	#catWorks .item img {max-width: 100% !important; }
	#catWorks .caption .reference{margin-bottom: .5rem}
	
	#indexphpDir header{width: 100% !important; bottom: auto; }
	#indexphpDir #artistname .date, #indexphpDir #artistname .comma, #indexphpDir #sitename > span  { display: inline-block; }
	#indexphpDir #sitename .divider { margin: 0 1rem; }
	#indexphpDir #headerWrapper{ padding: 0px !important; width: 100% !important; }
    #indexphpDir #artistname .name {
        font-size: 3.5rem;
	}
	#indexphpDir #mobileNavWrapper{display: none; }
	
	#indexphpDir #logintext{
		padding: 150px 1rem 1rem;
		bottom: auto;
		min-height: 100vh;
	}
	#indexphpDir #maincontent{padding: 0px !important;}
}

@media ( max-width: 800px) {
	#paginationBottom #pagiWrapper{  flex-direction: column !important;  }
}
@media ( max-width: 700px) {
	#selectLang {  top: .5rem; right: .5rem; }
	#catWorks .indexHeading { padding-left: 0px; }
	#filterAccordion{ flex-basis: calc(30% - 1rem) !important;}
	#filterAccordionInner{padding-top: 0.3rem; }
	navigation {font-size: .9rem}
	.indexPage #indexContainer { flex-basis: calc(70% - 1rem) !important;}
	body:not(#sectionDir).indexPage #mainBody { column-gap: 2rem;}
	#catWorks .item { 
    align-items: flex-start;
    flex-direction: column;}
	#filterAccordionInner{ font-size: 0.8rem !important; }
	#indexContainer{
    display: flex;
    flex-direction: column;}
	#sortControls { text-align: left; order: 1;}
	#paginationTop{order: 2;}
	#catWorks, #indexContent{order: 3;}
	#paginationBottom{order: 4}
	#indexphpDir #logintextInner h1 { top: -1rem; left: 0; margin: 0; padding: 0; }
	#indexphpDir #logintextInner #selectLang { position:inherit; float: left;}
	#indexphpDir #logintextInner #loginForm {  clear: both;}
	
	#indexphpDir #artistname span{ font-size: 2.2rem !important; font-weight: 400;}	
	#indexphpDir #sitename{ font-size: 1.8rem !important; font-weight: 400;}

	#sectionNavigation .nextprevspan u, .queueLeftarrow, .queueRightarrow, #sectionNavigation .grayLight u{ display: none !important; }
	#sectionNavigation .nextprevspan.next a::after{ content: '➤'; color: #666; font-size: .8rem; top: -2px; position: relative;  }
	#sectionNavigation .nextprevspan.previous a::before{ content: '➤'; color: #666; font-size: .8rem;   }
	#sectionNavigation .grayLight.previous:after{ content: '➤'; color: #cccccc; font-size: .8rem; top: 7px; position: relative;    }
	#sectionNavigation .grayLight.next:after{ content: '➤'; color: #cccccc; font-size: .8rem; }
	#sectionNavigation .nextprevspan.previous a, #sectionNavigation .grayLight.previous { transform: rotate(180deg); }
	#sectionNavigation { column-gap: .5rem;}
	#sortHeadingText { display: none;  }
	
	
	#indexphpDir #mainBody{
		height: calc(100vh - 32px) !important;
	}
	#indexphpDir #mainWrapperInner{ position: fixed;}
	#indexphpDir #maincontent {
        overflow-y: auto;
    }
	#logintext{ background: rgba(103, 170, 201, 0.9);}
}

#mobileNavIcon, #mobileNavIconClose, #mobileNavWrapper, #mobFilter { display: none; }

@media ( max-width: 600px) {
	
	header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: space-between;
	}
	
	navigation {font-size: .8rem}
	#sitemenu{    row-gap: 1rem;    font-size: 1rem; flex-direction: column; }	
	#pageBottomMatter #leftCol{ display: none !important; }
	#pageBottomMatter #rightCol, .entryPage #queueNavWrapper, #catalogueDir.entryPage #topContent {flex-basis: 100% !important; }	
	.entryPage #pageTopMatter #topSearch{ display: none; }
	#rightCol #div_customTopEntry{
		justify-content: space-between;
    	flex-direction: column;
	    row-gap: 1rem;	
	    align-items: flex-start;
	}
#artistname .name{ font-size: 2.2rem; }
#sitename { font-size: 1.3rem;}

	   body:not(#sectionDir).indexPage #mainBody {
        column-gap: 1rem;
    }
	.indexPage #indexContainer {
        flex-basis: calc(70%) !important;
    }
	
	#catWorks > .indexHeading:first-of-type{ padding-top: 0px; }
	#catWorks .indexHeading, #indexContent .rowheading{ font-size: 2.2rem; }
	
  navigation{ display: none; }
  
  #mobileNavWrapper{
      display: block;
      width: 22px !important; 
      margin: auto auto auto 1rem;
      padding-bottom: 1rem;
  }
  #mobileNavWrapper a:hover{text-decoration: none; }
  #mobileNavIcon{ 
      display: block; 
      border-top: 2px solid white; 
      border-bottom: 2px solid white; 
      height: 14px; width: 22px; 
      float: right; 
  }
  #mobileNavIcon span { display: block; border-top: 2px solid white; margin-top: 4px; }

  #mobileNavIconClose{ text-decoration: none; height: 19px; width: 19px; float: right; font-size: 39px; line-height: 19px; color: white; }
	
  #selectLang{ position: static; }
	#openFilters{
		position: absolute;
	    z-index: 999;
		font-size: var(--smText);
	    text-transform: uppercase;
	}
	#headerWrapper{ order: 1;}
	#mobileNavWrapper{ order: 2;}
	#selectLang{ 
		order: 3;
	    vertical-align: middle;
        font-size: 0.9rem;
        margin-right: 1rem;
		position: relative;
        top: -2px;
	}
	navigation { order: 4; padding: 0 1rem 1rem;}
	
	#sitemenu ul {position: static; background-color: transparent; margin: 1rem 2rem 1rem 1rem !important; border: none;  }
	#sitemenu ul li:first-of-type { border: none !important; }
	#sitemenu li li.selected > a {color: white; }
	
	#indexphpDir #mainBody{position: relative; min-height: 100vh; }
	#filterAccordion{ 
		position: absolute; 
		background-color: white; 
		z-index: 10000;
		width: 100%; 
		border: 1px solid var(--accentColorA); 
		padding: 1rem; 
		display: none; 
		max-height: 75vh;
        overflow-y: auto;
	}
	
	#catWorks .item .item_catDetails .item_catnum{margin-bottom: 0.7em; }
	
	.indexPage #indexContainer {
        flex-basis: calc(100%) !important;
    }
	#indexContent.noresults{
	    padding: 5rem 2em;
	}
	#closeFilters{
		font-size: 1.5rem;
    	position: absolute;
    	top: -0.5rem;
        right: 0rem;
		cursor: pointer; 
	}
	#sortControls { padding:0px; }
	#sortControls a, .item_title em, .entryRef .recordlink.abbreviation { text-decoration: underline; color: var(--bodyTextColor); text-underline-offset: 2px; text-decoration-thickness: .5px; text-decoration-color: #666; text-decoration-skip-ink: auto;  }
	#sortControls, #paginationTop{ text-align: right; }

	#indexphpDir #artistname span, #artistname span{ font-size: 1.7rem !important; font-weight: 400; line-height: normal; }
	#indexphpDir #sitename{ font-size: 1.2rem !important; font-weight: 400;}
	#indexphpDir #logintext{ padding: 130px 1rem 1rem; }
	#catWorks .item .image { flex-basis: 100% !important;}
	#catWorks .item .image img { max-width: 100%; width: 100% !important; height: auto !important; max-height: 100% !important;}
	
	.item_catDetails{max-width: 300px;}
	#headerWrapper { padding:.5rem !important; }
	
	#topSearch input{ width: 75%;}
}

@media ( max-width: 500px) {
	navigation {font-size: .75rem}
	#sitemenu{column-gap: 1rem;}	
	
	#artistname .name { font-size: 2rem; }
	
}
@media ( max-width: 400px) {
	navigation {font-size: .75rem}
	#sitemenu{column-gap: 1rem;}	
	
#indexphpDir #artistname span, #artistname span { font-size: 1.4rem !important; font-weight: 400 !important; line-height: normal !important;  }
	#sitename span { font-size: 1rem !important; font-weight: 400 !important }
	
	 #indexphpDir #logintext {
        padding-top: 100px;
    }
	#filterAccordion{ max-width: calc(100% - 2rem); }
}