@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,500;1,600&display=swap');

/* CSS Document */
html { --golden: #b0a88d;/* Sedcondary goldish color */
	--rust: #ca8e26;/* Primary Heading Rusty color */ 
	--maroon: #8A626C;/* Headings - maroon color */ }
body{ 
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing: .04em; 
	line-height: 1.3em;
	background-color: #fff; 
    font-weight: 300;
    font-style: normal;
    font-size: 15.5px;
	color: #000;
}
a{ color:#000; text-decoration-thickness: .5px; text-underline-offset: 2px; }
a:hover{ color:#494949;}

div p:first-of-type{margin-top: 0px; }
.gray{color: #666; }
.grayMed, a.grayMed {color: #888 !important; }

.ui-tooltip{ padding: 10px !important; text-align: left; }

h1, h2, h3, h4, h5, h6{ font-weight: 500; color: var(--maroon); letter-spacing: .06em; line-height: initial !important;  }

h1{
	font-size: 1.8em;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:0px;
}
h1 .smaller{font-size: smaller;}
h2{
	font-size: 1.5em;
	font-weight:normal;
	color:#686868;
	margin:.5em 0;
}
h3{
	font-size:1.2em;
	margin-bottom:.9em;
	font-weight:normal;
}
form{display:inline;}

input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

blockquote{margin:20px;}
.small {font-size:13px; line-height: 16px; }
.smallest {font-size:12px; line-height: 15px; }
td {vertical-align: top; }


#mainWrapperInner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left; 
	padding: 0 1em;
}
#pageTopMatter {
    margin-bottom: 2.4em;
}

/* 	HEADER 	*/
header{
	font-family: 'Open Sans', sans-serif; 
	margin:1em 0 0; 
	font-weight:normal; 
	text-align: left;
}
header a {text-decoration: none; }
#headerA, #headerB{
	font-size: 25px;
	text-transform:uppercase;
	font-weight: 500;
}
#headerA{	
	color: var(--rust);
	line-height: 34px;
	padding-left: 4px;
	padding-bottom: 2px;
}
#headerB{
	color: var(--golden);
}
#headerA a, #headerB a{ color:inherit;}
#subheadingHeading{
	color: var(--golden);
	font-size: 15px;
	padding-left:1px;
	text-transform:uppercase;
	margin-top: 1.5em;
	line-height: initial;

}
#subheadingHeading .smaller{font-size: 12px; }
/* 	END: HEADER 	*/

/* FOOTER */

#footer{ 
	border-top: 0.5px solid var(--golden);
	font-size:13px; color:#606060; text-align:center; 
	margin-top: 3em;
	padding:2em 0;
	}
	

#footer a{ text-decoration:underline;}
#footerLinks{ display: flex; 
	margin:0px auto; padding:0px;
	justify-content: center;
}
#footerLinks li{ list-style:none; float:left; margin-right:1.3em; padding-right:1.3em; border-right:1px solid var(--golden); }
#footerLinks li:last-of-type{ margin-right:0; padding-right:0; border-right: none; }
#footerLinks a{ color: var(--golden) ; text-decoration:none; text-transform:uppercase; font-weight: 500; }
#footerLinks a.selected, #footerLinks a:hover{ text-decoration: underline; }


#footerCopyright { clear:both; padding-top:1.5em; }


/* 	PAGE LAYOUT 	*/

#mainBody { min-height: 60vh; position: relative;  margin-bottom: 4em; }
#fullCitation{ clear: both; text-align: left;  }
#updateDisclaimer, #printCitation{ font-size: 14px; color: #666; }
#updateDisclaimer { margin: 0px 0 1em 0; }

.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{ display: block; margin: 2em 0 1em; padding-bottom: .5em;
	border-bottom: .5px solid var(--golden);
}

#sitemenu{ display: flex; flex-wrap: nowrap;
	justify-content: space-between; 
	margin:0; 
	padding:0; 
	text-transform:uppercase; 
	font-size:16px; 
	font-weight: 500;
}
#sitemenu li{ list-style:none; }
#sitemenu li a, #headerSearch {display:inline-block;  color: var(--golden); text-decoration: none; }
#sitemenu li a:hover, #sitemenu li.selected > a{color: #89636c; }

#li_PaintingSculpture::before, #li_Toys::before {content: '– '; color: var(--golden); }
#li_PaintingSculpture, #li_Toys {padding-left: 12px; }
	/* level two nav*/
#sitemenu ul{ position: absolute; padding:0 16px; margin: 3px 0 0 0; background-color: #fff;
	text-align:left;
	-webkit-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	-moz-box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	box-shadow: 4px 8px 6px -6px rgba(126, 90, 81, .5);
	border:1px solid #efefef; 
	display:none;
	z-index: 1010;}
#sitemenu ul li { font-size: 14px;  white-space:nowrap; border-top:1px solid rgba(126, 90, 81, .2); margin-right: 0; }
#sitemenu ul li:first-of-type{ border-top: none; }
#sitemenu li li a, #headerSearch{ padding: 1em 0 !important; }
.hasSubMenu{ background:url("client_files/nav_arrow_gray.png") no-repeat right 6px; padding-right:21px;}
.hasSubMenu:hover, .hasSubMenu.selected{ background-image:url("client_files/nav_arrow_slected.png");}
#sitemenu li.last{position: relative; }
.last ul{ position:relative; right:0px;}

/* SEARCH BOX */
#headerSearch{float: none; }
#searchbox{ width: 150px;  color: #868686; font-size: 12px;}
#seachBoxButton{position:relative;top:6px; cursor:pointer;}
#searchResultsBox{ margin: 1em 0; background-color:#FFFFE4; border: dotted 1px #E7845C; padding: .4em; font-size:.7em; text-transform:uppercase; text-align:center}
#clearSearchText{ font-size: 11px; color:#89636c; margin-left:6px;}
#clearSearchText a {color: #89636c;}
#sitemenu li li #clearSearchText a {padding: 3px !important;}


/* END: NAVBAR */



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


/* SPLASH */

#indexsplash{ margin: -1em 0 2em; padding: 1em; font-size:1em; line-height:1.2em;
border: 1px solid #D5D5CE;
	-webkit-box-shadow: 10px 10px 21px -8px rgba(204,204,204,0.75);
	-moz-box-shadow: 10px 10px 21px -8px rgba(204,204,204,0.75);
	box-shadow: 10px 10px 21px -8px rgba(204,204,204,0.75);
	
}
	 
#indexsplash .heading{
	display:block;
	color: var(--golden);
	font-size: 1em; margin-bottom:.5em; text-transform:uppercase; 
	font-weight: 500 }
	
#indexsplash .item{ background-color:#fff;}
#indexsplash .caption{ margin:5px 0; font-size:12px; color:#666; max-width:300px; 
  text-align: left;}
#indexsplash .callout{ font-size:12px; text-transform: uppercase; font-weight:bold; color:#000;}
#indexsplash p, .descriptiontext p{margin-bottom: 1.2em; margin-right:1.2em; font-size:.95em; color:#000; line-height:1.4em}
#indexsplash td { padding-top:3px;}
#indexsplash #splashImgRecord::before { content: 'From: '; }

#indexsplash #SplashRandomImg{ border: 1px solid #efefef; padding:.4em; margin-bottom:.4em; clear:both; 
    max-width: fit-content !important; text-align: center; }
#indexsplash #SplashRandomImg img{max-width:300px; max-height:260px;}

#indexsplashClose{position: relative; top: -6px; right: -6px; padding:0; display:inline-block; border-bottom:none !important; padding-left: 16px; background: url("client_files/icon_close.jpg") no-repeat left; min-height: 12px;}
#indexsplashCtrl {position: relative; top: 10px;}
#indexsplashCtrl a {padding-left: 18px; background: url("client_files/icon_question.jpg") no-repeat left ; min-height:14px; display:inline-block;}
#indexsplashCtrl strong{ font-weight: inherit !important; }
#splashImgDescription { margin-bottom: 10px; text-align: left}
#splashImgRecord { text-align: left; }
#indexsplash .item img{ max-height: inherit !important; max-width: inherit !important; }

/* PAGINATION */
a.pageLink{ margin-right:6px; min-width:14px; text-decoration: none; font-weight: 600; color: var(--golden)  }
#pagiContentTop a.pageLink:hover{}
.pageLinkCurrent{ }
a.nextprev{ color: #88816b; }
/*	#pagiContentBottom {color:#9d999a; }
	
	span.nextprev { display:inline-block; font-size:13px; color: #999;  cursor: not-allowed; } */



/*  ALL INDEX PAGES */

/* FILTERS */
#filterContentsLink{
	text-transform: uppercase;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	position: relative; 
	z-index: 801;
	background-color: rgba(252, 251, 250, 1);
    overflow: visible;
    box-sizing: content-box;
}
#filterContentsLink.open{ border-bottom-color: rgba(252, 251, 250, 1); }
#filterContents{
	margin: -1px 0 0 0px; 
    background-color: rgba(252, 251, 250, .9);
	border: 1px solid #7F7F7F;
	z-index: 800;width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    max-width: 100%;
}
#filterContents .heading{
	color: #8A626C;
    text-transform: uppercase;
    padding-bottom: 2px;
	font-weight: 400;
}
.filterCont .heading {
    margin: 10px 0 4px;
    border-bottom: 1px solid #8A626C;
}
#filterContent, #KeywordFilterWrapper { display: flex; justify-content: flex-start; align-items: stretch; grid-row-gap: 20px;
}
.filterCont { flex-grow: 1; flex-shrink: 1; min-width: auto !important; width: fit-content !important; }
#filterContent .filter {
   margin-left: 32px;
   text-indent: -36px;
   font-size: 13px;
}
#KeywordFilterWrapper .filter {
   margin-left: 0px;
   text-indent: 0px;
   font-size: 13px;
}
#Support_options .filter{ text-transform: capitalize; }
#Lost_options .filter { text-indent: -31px !important; }

#KeywordFilterWrapper{ flex-wrap: wrap; }
#KeywordFilterWrapper div.heading { flex-basis: 100% !important; }
.filterCont.keywordBlock{ width: 20% !important; }
.filter.sub {margin: 0px; }

#closeFiltersDiv{display: block;}
#closeFiltersDiv a{color: #959595 !important;
	background: url(/css/images/icon_close.jpg) no-repeat 0 2px;
    padding-left: 16px;}





/* ~~~~~~~~~~~~~~~~~~~~~~~NON-CATALOGUE PAGES~~~~~~~~~~~~~~~~~~~~~~~ */

#indexContent .entryRef { margin: .5em 1em !important;}
#indexContent .entryRef .abbreviation{ font-weight: 500; font-size: 16px; line-height: 20px; }
body:not(#collectionsDir) .fullRef .recordlink{ text-decoration: none; }
#indexContent { min-height: 300px; }
.indexrow .recType { font-size: 11px; padding-bottom: .5em;
    display: block; color: #716e6f !important; }
.entryPage .entryType { margin: 0px !important; }
.indexrow .recType::before, .entryPage .entryType::before { content: '[ '; color: #ccc; }
.indexrow .recType::after, .entryPage .entryType::after { content: ' ]'; color: #ccc; }
.indexrow, .divider {margin-left: 36px !important; margin-right: 36px !important;  }
.indexPage .divider {margin-bottom: 20px !important; padding-top: 20px !important;  }

#collectionsDir.indexPage .abbreviation span{ font-weight: 300; } 

.indexPage .rowheading {
   color: var(--maroon);
   border-bottom: solid .5px var(--maroon);
	margin: 2em 0 1.5em !important;
	font-weight: 400;
}

.traveledref {border: none !important; margin: 0px !important; font-size: initial; }
.traveledref .heading { font-weight: 400; color: #333; font-size: 12px; }
.traveledref ul {padding-left: .5em;}

#sectionlinkedrecords .sectionHeading{ font-size: 1em; text-transform: capitalize; }

ul.linksContainer {margin: 0px 1em; padding: 0px; }
#relatedEntries .linksContainer li.item:before {content: '';  position: static; left: 0; }
#relatedEntries .linksContainer li.item {text-indent: 0px; margin-bottom: 1em !important; }
.recType.relatedRecDescript {font-weight: 400; font-size: smaller; text-indent: -.5em;}
#relatedEntries .linksContainer .abbreviationSpan { font-weight: 400; }
#relatedEntries .linksContainer .recordlink {text-decoration: none; }
.linksContainer .traveledref { display: inline; padding: 0px; margin: 0px;  border: 0px; font-size: initial !important;  }
.linksContainer .traveledref .heading { font-size: initial !important; font-weight: normal; padding-left: .5em}

.relatedEntries #litContainer, .relatedEntries #exhibContainer {display: none; }
#relatedEntries .ui-accordion-header{ width: fit-content !important; font-size: 13px !important; 
padding: 0.3em .3em .3em .2em !important;    background-image: none;
    background-color: #efefef78 !important; border-color: #ccc;
}
#relatedEntries .ui-accordion-header.ui-state-active{ border-color: #ccc; border-bottom: none !important;
    position: relative;
    top: 1px; background-color: #fff !important; }
#relatedEntries .ui-accordion .ui-accordion-content{
	padding: 10px!important;
    border-color: #ccc;
    border-top: 1px solid #ccc;
}


#sectionlinkedImgs{ float: right; max-width: 60%; }
.docCaption { display: none; }
#docContainer{ max-width: 100%; overflow-x: auto; }
#docContainer img {
    max-width: 180px !important;
    max-height: 120px !important;
	margin: auto;
}
#docContainer #docContainerInner{ display: flex; flex-flow: row nowrap; justify-content: flex-end; }
#docContainer a.image { text-align: center; display: block; }

#beginWorksHeading{ border: none; }

.creditline .grayMed.currently {font-weight: 400 !important; color: #333 !important;}

#sectionlinkedworks, #sectionlinkedworks #paginationTop {clear: both; }
#viewsnav{
    height: fit-content;
    padding-bottom: 1em; }

#relativeSizeNote { width: 50%; top: 0px !important; }

body:not(#collectionsDir) #beginWorksHeading{display: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~CATALOGUE INDEX PAGE~~~~~~~~~~~~~~~~~~~~~~~ */



/* CAT THUMBNAILS */
#catalogueDir #catWorks:not(.sizeWrapper):not(.listview), body:not(#catalogueDir) #catWorks:not(.sizeWrapper):not(.listview) #itemcont {
	height: auto;
	margin: 0px -4% 0 0 !important; 
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	row-gap: 2.5em;
	column-gap: 3%;
}
body:not(#catalogueDir) #catWorks{    margin: 0px !important;
    padding: 1em 0px;}
#catalogueDir #catWorks:not(.sizeWrapper):not(.listview) .item, body:not(#catalogueDir) #catWorks:not(.sizeWrapper):not(.listview) #itemcont .item {
    flex: 0 0 calc(25% - 4%);
    margin: 0;
	padding: 4px;
	height: auto !important; 
    min-height: 300px;
}
body:not(#catalogueDir) #catWorks:not(.sizeWrapper):not(.listview) #itemcont .item.long{
	height: 340px !important; 
}
.catWorksCont .item .caption {
 /*   background-color: transparent !important;*/
}
.catWorksCont .item .noimg{
	margin-bottom: 8px; 
	background-color: white;
	border: 1px solid var(--maroon);
	color: var(--maroon);
    text-transform: uppercase;
}
.catWorksCont .image_noslide{
    font-size: 12px;
    text-transform: capitalize;
}
#catWorks .item img, #catWorks .item .noimg {
    max-width: 85%;
    max-height: 290px;

}
#catWorks:not(.sizeWrapper):not(.listview) .item img, #catWorks:not(.sizeWrapper):not(.listview) .item .noimg {
	margin: 1.4em auto 3.3em;

}
#catWorks.listview a.image{ width: 20%; min-width: 300px; display: block; text-align: center;}
#catWorks.listview img { max-width: 250px;}

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

.fancybox-caption a {text-decoration: underline !important; }

/* CAT ENTRY PAGE */

.imgplaceholder{
	background-color: white;
    border: 1px solid var(--maroon);
    color: var(--maroon);
    text-transform: uppercase;
	max-width: 100%;
	box-sizing: content-box;
}

.entryPage #pageBottomMatter{ 
}
.entryPage #leftCol {
  width: 40%; padding-right: 5%; box-sizing: content-box; float: left; 
	visibility: hidden; 
}
.entryPage #rightCol {
  width: 50% !important; 
  float: left; visibility: hidden;
}

#mainImageWrapperOuter{ display: block; width: 100%; text-align: center; }
#mainImage{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 600px !important;
}
#mainPhotoCredit{margin: 1.5em 0;}
.tombstone{ margin-bottom: 8px !important; }
.section .item:not(.slideshow){ margin-bottom: 12px !important; }
.sectionHeading, #leftCol h3 {
	font-weight: 500;  
	color: var(--maroon);
    font-size: 1.2em;
    margin-bottom: 0.6em;
	margin-top: 2em;
}
.tombstone.div_CatalogueNumber {
	color: #666;
    margin-bottom: 6px;
	font-size: 13px;
}
.tombstone.div_Title {
	font-size: 1.6em;
    font-style: italic;
    line-height: 1.1em;
	font-weight: 400;
}
.tombstone.div_VersoLinkID{
padding-top: .5em; 
	margin-top: .5em; 
	border-top: 1px dotted #efefef;
	display: inline-block
}
.tombstone.div_VersoLinkID .catNo{ color: #666; }
.altTitleHeading {color: #676767; }

#sectionProvenance, #sectionExhibitions, #sectionLiterature{
	text-indent: -1em;
	margin: 1em;
}
.sectionContent .abbreviationDiv {display: inline; font-weight: 500; }
.sectionContent .abbreviationDiv::after {content: ': ' }

.sectionContent .travelref .heading { font-style: italic; }

#sectioncommentary{overflow-y: auto; }
#sectioncommentary .item.slideshow{ 
	float: left; 
	height: auto; 
    width: 22%;
	margin: 0 2% 2% 0;
}
.item.slideshow img, .item .noimg{width: auto !important; max-width: 100%; height: auto; max-height: 250px !important; }

#mainImageWrapper a{ font-size: smaller; text-decoration: none; }
#mainImageWrapper a:hover .enlarge{ text-decoration: underline; }
#mainImageWrapper .enlarge{ text-align: left; }

/*discover and keywords*/
#leftCol .section:not(#sectionSlickSlideShow) .sectionHeading {
    font-size: 1em;
    margin-top: 0;
    padding-bottom: 3px;
    border-bottom: 1px dotted var(--maroon);
}

#sectionKeywords, #sectiondiscovery, #sectionVersions, #sectionSeries{
	padding: .8em; margin: 0px 0 1em 0; 
	border: 1px solid #efefef;
}
#sectiondiscovery .sectionContent div[class^="discovery"], #keywordsUL li { margin: .5em; list-style: none; }
#keywordsUL{ margin: 0;
    padding: 0;
    list-style: none;
}
#keywordsUL .raquo{ display: none;}
#keywordsUL ul{ padding-left: 8px;}
#sectionKeywords .category, #sectiondiscovery .heading{font-weight: 400; }

body #popoutEntries{
	position: fixed; 
	width: auto;
    top: 2%;
    right: 2%;
    bottom: 2%;
    left: 2%;
    max-width: 1200px;
    margin: 0 auto;
}
#popoutEntries .innerCont {
	position: relative; 
}
#popoutEntries .innerCont {
	max-height: calc(100% - 6%) !important;	
}
#popoutEntries #itemcont{
	    display: flex;
    flex-flow: row wrap;
	gap: 30px 20px;
	justify-content:flex-start; 
	align-items: stretch
}
#popoutEntries #itemcont .item{
 flex-grow: 0; flex-shrink: 0; flex-basis: calc( 19% - 20px); margin: 0px !important; 
	float: none; height:  auto !important; 
}
#popoutEntries .item img {margin-bottom: 2em; }

#sectionSlickSlideShow {margin-bottom: 3em; }
.slick-prev:before, .slick-next:before{
	color: var(--maroon) !important;
}
.slick-dots {bottom: -15px; }

#sectionSuppImgs .wrapper, #sectionVersions .slideshowMain, #sectionContentSeries .indvSeriesWrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: 20px;  }
#sectionSuppImgs .wrapper .item { flex: 0 0 calc(33% - 25px); }
#sectionVersions .slideshowMain .item, #sectionContentSeries .indvSeriesWrapper .item{ flex: 0 0 calc(33% - 18px); }

#linksUl{padding-left: 0px; margin: 1em 0em ;}

#sectionRectoVerso h3 {text-transform: capitalize; }
#sectionRectoVerso{margin-top: 2em; }
#sectionRectoVerso {width: 40%; min-width: 180px !important; max-width: 250px !important; display: none;  }

#sectionVersions .extra { text-transform: capitalize; font-weight: 400;  }
#sectionVersions .extra::after {content: ': '; }

#leftCol #sectionSuppImgs .sectionHeading{ display: none; }
#leftCol .item.slideshow .image { text-align: center; width: 100%; }
#leftCol .item.slideshow img{ max-height: 160px !important; }

#catalogueDir.entryPage .catWorksCont{margin: 0px !important; }

#catalogueDir.entryPage .catWorksCont .item{
	width: auto !important;
    float: none;
    height: auto !important;
    margin: 0;
    text-align: inherit;
    padding: 0px;
	border: none; 
    
}
#catalogueDir.entryPage .catWorksCont .item .caption{
	position: static;
    padding-right: 0px;
    background-color: transparent;
}
#sectionContentSeries .item.current{ display: none; }


/*div[id*='indvSeries'][id$='Cont']*/
#sectionContentSeries {position: relative; }
#sectionContentSeries h5{ color: #333; font-weight: 400; letter-spacing: initial;  margin: 0 0 .5em 0; font-size: 15px; }
#sectionContentSeries div[id*='indvSeries'][id$='Cont'] {margin-bottom: 2em;}
#sectionContentSeries div[id*='indvSeries'][id$='Cont']:last-of-type {margin-bottom: 0px;}
.indvSeriesWrapper{ max-height: 400px; overflow-y: auto; max-width: inherit !important; }
.indvSeriesDescript{font-size: 12px; line-height: initial; margin-top: -.4em; }
.indvSeriesDescript p:first-of-type{margin-top: 0px; }





/* SECTION PAGES */

#sectionDir #mainTextDiv td .slideshow{ width: 100%}
#sectionDir #mainTextDiv td .item.slideshow img{ max-height: 300px !important; }
#sectionDir #mainTextDiv td .caption{ max-width: 200px !important; }

#contactFormWrapper hr{ margin: 2em 0;}
#contactForm td{ padding: 5px; }
#contactForm .left{ text-transform: capitalize; text-align: right; padding: 10px 8px 0 0;}


/* DOC MATERIALS */
.documentary_materialsPage #indexnav {
    margin: -0.5em 0 1.5em;
    font-size: .9em;
    line-height: 1.8em;
}
.documentary_materialsPage #indexnav a {
    color: #8A626C;
}
.documentary_materialsPage .rowheading { clear:both; background-color:#E9E4E5; padding:.4em 1em; font-size: 16px; font-weight: 500;
    color: var(--maroon);
    margin-bottom: 1.5em; }
.documentary_materialsPage .rowheadingDescrition {padding-left: 1.2em;}
.rowheadingDescrition p { margin:0 0 .4em 0;}
.documentary_materialsPage .itemContainer > .item{float:left; width:calc(20% - 2.4%); border:none; position:relative; margin: 0 3% 3% 0; min-height: 300px; }
.documentary_materialsPage .itemContainer > .item:nth-of-type(5n) {
	margin-right: 0px !important;
}
.documentary_materialsPage .itemContainer > .item:nth-of-type(5n+1) {
	clear: both; 	
}
.documentary_materialsPage .itemContainer > .item img{ max-width:100%; max-height:300px; }
.documentary_materialsPage .itemContainer > .item .caption{ text-align:left;font-size:12px; line-height: 1.4em; padding-right:4px; margin-top:1em; }
.documentary_materialsPage .itemContainer > .item div.recordlinkcont{ border-top:1px dotted #ccc; padding-top: .5em; margin-top:1em;}
.documentary_materialsPage .itemContainer > .item .recordlink.abbreviation {margin-bottom: 0px; display:inline;}
.documentary_materialsPage .pdfCont{ max-width:100%; height: auto; aspect-ratio: 8/10; border:1px solid #ccc; text-align:center; background-color:#efefef; display: flex;flex-flow: column nowrap; box-sizing: border-box; }
.documentary_materialsPage .pdfCont .label{ font-size:3em; color:#ccc; width: 100%; float: none; line-height: 1em; margin-top: 1.7em; }
.documentary_materialsPage .DocumentationType{font-size: 13px; color:var(--maroon); font-weight:bold;text-transform: capitalize; }
.documentary_materialsPage .divider {border-bottom:1px dotted #efefef;}
.documentary_materialsPage a.pdf {
    padding-right: 20px;
    background: url(/cr_images/icon_pdf.png) no-repeat right;
}
.rowheading .headinganchor {color: #676767; text-decoration:none; font-size:12px;   }

/* CHRONOLOGY */

#chronologyDir #essay {margin-left: 2em;}

#essay .catlink {background-color:rgb(255, 251, 239); padding:1px 2px;}
#essay .catlink .catNo{ color:#676767;}


#chronologyDir .mininav { border-top: 1px solid #E9E4E5; border-bottom: 1px solid #E9E4E5; padding-top: .4em;  padding-bottom:.5em; text-align:center; margin-bottom:1.6em; font-size:.8em }
#chronologyDir .mininav a {  }
#chronologyDir  .selected{ font-weight:600; color:#8A626C;}


#essay .footnote{display:inline-block; margin-top:6px; }
#essay .caption{font-size:smaller; color:#666; }

.dateHeading_chrono{display: block; color:#b0a88d; font-weight:600; font-size:18px; margin:40px 0 14px; padding-bottom:8px; border-bottom:1px dotted #b0a88d; margin-left:-1.5em; }
.subHeading_chrono{ display: block; color:#963; font-weight:600; font-size:16px; margin:26px 0 14px; font-style:italic; margin-left: -1em}
.dateHeading_chrono p, .subHeading_chrono p{ margin: 0px; display:inline; }

/* SUPP TABLES STYLES */
#suppMaterialsCont{background-color: #E9E4E5; padding: 1.2em;}
#catalogueEntry #suppMaterialsCont{ margin-top: 6em; }
#chronologyDir #suppMaterialsCont{ margin-top: 2em; }
#suppMaterialsCont h3{ margin-top:0px; border-bottom: 1px dotted #fff; padding-bottom:4px; }
#suppTableContent .item p{margin-top:0;}
#suppTableContent .TableInfo, #suppTableContent .DocumentationType{    font-size: 14px; color: var(--maroon); font-weight: 600; }
#suppTableContent .DocumentationType{ text-transform: capitalize; font-weight:normal !important;}
#suppTableContent .moreLink, #suppTableContent .chronLink { font-size:11px; margin-bottom:8px; margin-left:12px;}
#suppTableContent .SuppImgCredit{font-size: 12px; color:#999;}
#suppTableContent .image img {max-width:140px; height:auto; border:3px solid #fff;}
#suppTableContent .slideshowMain{ width:156px; vertical-align:top;}
#suppTableContent .image{  max-width: 156px; }
#suppTableContent .tableheading{padding-bottom: 1.3em;}
#suppTableContent .tableheading .TableInfo{ border-bottom:1px dotted var(--maroon); padding-bottom: 4px;}
#suppTableContent .TableDescrition p{ margin-top:0;}
#suppMaterialsCont .item{ margin-bottom: 3px !important; font-size: 14px; line-height: 1.2em; }

#suppMaterialsCont .sectionHeading {margin-top: 0px;}

/* SEARCH */

#searchCriteria{position: static; width: 100%; border:none; padding: 0px; }
#searchNav {
	margin-bottom: 30px; padding-left:20px;
	border-bottom: solid 1px #b0a88d;
	position:relative; }
#searchNav li{ list-style: none; float:left; padding: 0 10px; }
#searchNav li a{ 
	padding-top:3px;
	display:inline-block; padding:3px 16px;  
	border:1px solid #b0a88d;
	border-right-width:1px;
	border-bottom-width:1px;
	position: relative; 
	top: 0px !important;
	background-color: #b0a88d;
	color:#FFF;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
#searchNav li a:hover{
	border-bottom-color:#b0a88d; 
	background-color: #BFBCAE;
	color: #fff; }
#searchNav li.clearfloats{ float:none; padding:0 }
#searchNav li a.selected, #searchNav li a.selected:hover{
	background-color: #fff;
	border-bottom-color: #fff;
	color: #89636c; 
}
#searchDir #indexContainer{border-top: none; padding-top:0px;}
#searchDir #viewsnav{position: relative; top: -22px;}
#searchDir #accordion h3 {
    font-size: .9em !important; font-weight: bold; color: var(--maroon); text-transform: capitalize; 
}
#searchDir #accordion h3 .ui-accordion-header-icon{
	float: none; 
}


@media only screen and (max-width: 600px)  {
	body{    -webkit-text-size-adjust: none;
	font-size: 14px;
	}
}