/* TCHM 2025*/

/* TYPOGRAPHY */
@font-face{ font-family: "Playfair Display";
	src: url("Playfair_Display/static/PlayfairDisplay-Bold.ttf");
}

/*----- Variables ------*/ 
:root {

/*-- Typefaces --*/

/* Font sizes */
	
/* Line spacing */

/*-- Color --*/
  --body_type: #000000;
  --body_ground: #f4e8d3;
  --nav_ground: #ffffff;
  --nav_ground_active: #f4e8d3;
  --nav_type: #1f4284;
  --nav_type_active: #7bc9bb;
  --heading_type: #1f4284;
  --information_ground: #00705a;
  --information_type: #7bc9bb;
  --footer_ground:#004437;
  --footer_type: #ffffff;
  --button_type: #ffffff;
  --wayfinding:#1f4284;
  --object_ground_1: #ff914c;
  --object_ground_2: #1f4284;
  --object_ground_3: #7bc9ba;
  --object_ground_4: #b69b89;
  
}
/*-- TYPE --*/
html, body, .gallery, .detail {font-size: 14px;}
H1, h1, H2, h2, .front h1, .front h3 {font-family: 'Playfair Display', serif;}
body,H3, h3, H4, h4, H5, h5, H6, h6, p, ol, ul,b, strong, #footer, .container, .nav > li > a, .nav > li > a:hover, .nav > li > a:focus,.navbar .form-control {font-family: 'Avenir Next', Helvetica, Arial, sans-serif;}

/*-- COLOR --*/

/* Overall */
body {background-color:var(--body_ground);}
H1, h1, H2, h2, H3, h3 {color:var(--wayfinding);}
H4, h4, H5, h5, H6, h6, p, ol, ul,b, strong, #footer, .container, .navbar .form-control {color:var(--body_type);}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus{}
.browse .btn, .sets .btn {background-color: var(--information_ground);}

/*a {color:var(--nav_type)!important;} */
a:hover {color:var(--nav_type_active)!important;}
.results a .fa, #bRefineButton .fa {color: var(--nav_type) !important;}
.results a .fa:hover, #bRefineButton .fa:hover {color: var(--nav_type_active) !important;}
.results a .glyphicon {color:var(--nav_type)!important;}
.results a.active .glyphicon {color:var(--nav_type_active)!important;}
.results a .glyphicon-remove-circle {color:var(--button_type)!important;}


/* Navigation */
.siteBar, .navbar{background-color:var(--nav_ground);color:var(--nav_type);}
.navbar-default .navbar-nav > li > a, ul.siteNav li a{font-size: 14px; color:var(--nav_type); word-wrap: break-word;}
.navbar-default .navbar-nav > li > a:hover,ul.siteNav li a:hover{color:var(--nav_type_active);text-decoration:underline;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:var(--nav_type_active);}
.navbar-form .form-group, #headerSearchInput::placeholder {color: var(--nav_type);}
.navbar .formOutline {	border: 1px solid var(--nav_type);}
/* Footer */
#footer {background-color:var(--footer_ground);}
#footer ul li {padding: 0 2px;}
#footer ul li {color: var(--footer_type); text-decoration:none;}
#footer ul li a, .results #footer a .fa {color: var(--footer_type)!important; text-decoration:none;}

/* PAGES */

/* Front */
.front, .information{background-color:var(--information_ground);}
#pageArea.front {background-color:var(--body_ground);}
h1, .front h1 {color: var(--heading_type);}
.front .information {color: var(--information_ground);}
.front .information h3, .front .information span, .front .information span p {color: var(--information_type);}

/* Browse */
#bMorePanel, #bRefine,.bResultItemImgPlaceholder {background-color:var(--body_ground);}
/* .bResultItemImgPlaceholder {border: 2px solid; border-color: var(--wayfinding);} */
#bRefine H2, #bRefine H3 {color:var(--wayfinding);}

/* Details */
.detail .detailNavBgLeft, .detail .detailNavBgRight, .detail .navTop a {background-color: var(--body_ground);}
.detail .navTop a {border-left: 0px solid;border-right: 0px solid; border-color: var(--nav_ground);padding:0 5px;}
.detail a, .detail .navTop a, .detail .navTop a .small {color:var(--wayfinding);}
.detail #detailRepNav a {color:var(--wayfinding);}
.detail .detailNavBgLeft a, .detail .detailNavBgRight a, .detail .detailNavBgLeft a .small, .detail .detailNavBgRight a .small{color:var(--wayfinding);}
.detail a:hover, .detail a span:hover, .detail .detailNavBgLeft a:hover, .detail .detailNavBgRight a:hover, .detail .detailNavBgLeft a .small:hover, .detail .detailNavBgRight a .small:hover{color:var(--nav_type_active);}
.detail .detailMediaToolbar, .gallery .detailMediaToolbar {background-color: var(--nav_ground);}
.detail .detailMediaToolbar a, .gallery .detailMediaToolbar a {color: var(--wayfinding);}


/*----STRUCTURE-----*/
H1, h1 {font-size: 2em; text-transform: uppercase;}
/* Navigation */
.siteBar {height: 30px;clear:both;}
ul.siteNav, .menuBar, #pageArea.browse, #pageArea.detail {max-width:1200px;margin: 0 auto;}
ul.siteNav {display: table; margin: 0 auto; padding:0;}
ul.siteNav li {float: left; margin: 5px 12px; list-style-type: none; display: table-cell;text}
.navbar-brand {width: auto;padding: 8px 30px;}
.navbar-brand img {width: auto;}
#footer{height: unset; min-height: 80px;}
#footer ul.social {padding: 10px 0 0; font-size: 1.7em;}

/* ------------ PAGES ------------ */

/* Front */
.front .navbar {margin-bottom:0;}
.front .navbar-brand {width: auto;padding: 8px 30px 8px 45px;}
.front .container, .front .col-xs-12 {margin:0 auto;padding:0;}*/
.front #main {margin-top:0;padding-top:0;}
#pageArea.front {margin-top: -10px;}
.front .information {min-height: 145px;}
.front h1 {line-height: .8; text-transform: none; font-weight:bold; font-size:2.8em;margin: 30px auto;}
.front h2 {font-size: 2em;font-weight:bold;}
.front p {font-size:1.2em; margin: 0 0 .5em;}
.front p.intro{font-size: 1.3em; width: 80%; margin: 0 auto;}
.front .information span p {font-size:1em; margin: 0 0 .5em;}
.results h1 {margin: 20px 0px 10px 0px;padding: 0px;}
.front .row ul.topicNav, .front .footer-content{max-width:1200px;}
.front .nav > li.dropdown > a.icon{padding:17px 30px 13px 0;}


/* Front Search */
body.front .navbar .formOutline {display: none;}
.navbar-form.big {width:100%; margin:10px 0; padding:0;box-shadow:none;}
.navbar-form.big .formOutline {
	background-color:white;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	text-align:center;
	margin:auto;
	width:60%;
	border: 1px solid var(--nav_type);
}
.navbar-form.big  .form-group {width: 90%;}
.navbar-form.big  .form-control {border:0px; box-shadow:none; font-size:20px; margin: 4px 0 0;}
.navbar-form.big .btn-search {font-size: 24px; color: var(--nav_type); padding: 8px 6px 4px 6px; background-color:transparent; position: relative; float: right;}
.front input.form-control::placeholder {color: var(--nav_type);}

/* Front-Topics */
.featured {max-width: 1200px; margin:10px auto;}
ul.topic {list-style: none; padding: 0; margin: 30px 15px 120px;}
ul.topic > li {text-align: center; position: relative; display: block; margin: 0 0 10px; padding: 0 5px;}
ul.topic > li > a {
	padding:0px !important;
	font-size: 1.2em !important;
	line-height: 40px;
	letter-spacing: 2px;
	text-decoration: none !important;
	text-transform: uppercase !important;
	/* margin:10px !important;    */
	padding-bottom: 2px !important;
	border-radius: 4%;
}

ul.topic > li > a .primary{
	width: 100%;
	display:block;
	height:200px;
	float: left;
	overflow: hidden;
	margin:auto;
	display: flex;
	justify-content: center;
	border-top-left-radius: 4%;
	border-top-right-radius: 4%;
}

.topic > li > a .primary img {
	z-index: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.topic > li > a:hover .primary img {transform: scale(1.1);}

ul.topic > li.Archive > a {background-color: var(--object_ground_1) !important;color: var(--nav_ground_active) !important;}
ul.topic > li.Artifacts > a {background-color: var(--object_ground_2) !important;color: var(--nav_ground_active) !important;}
ul.topic > li.Library > a {background-color: var(--object_ground_3) !important;color: var(--nav_ground_active) !important;}
ul.topic > li.Photographs > a {background-color: var(--object_ground_4) !important;color: var(--nav_ground_active) !important;}

/* GALLERY */

.gallery .galleryDetailNext, .gallery .galleryDetailPrevious {top: auto;}
.gallery .setDescription {font-size: 1em; font-weight: normal !important; line-height: 1.8em;}
.gallery .galleryItem {margin: 0 5px;}
#galleryDetailImageArea {height: auto !important;}
.gallery #galleryDetailImageGrid img {margin: 0 !important;}

/* SEARCH RESULTS */

#bRefine {height:auto !important; /*width: inherit !important;*/}
#bRefine H3, #bRefine H5 {margin-bottom: 4px; margin-top: 20px; text-transform: uppercase;padding: 0px;}
.bResultItem .bResultItemText {font-size: 13px;}
ul.links {margin-left:0; padding-left:0;}
li.helpful{text-decoration: none;list-style: none;}

/* DETAIL PAGE */

H4, h4 {
    font-size: 1.8em;
    color: var(--wayfinding);
    line-height: 1;
    text-transform: uppercase;
}

H6, h6 {
    font-size: 1em;
    color: var(--wayfinding);
    text-transform: uppercase;
    padding-bottom: 0px;
    margin: 1em 0 .5em 0;}

.detail #detailTools {clear: both; padding-top: 1em; margin: 0 .5em 0 0; font-family: helvetica;}

.detail .detailTool {
	color: var(--wayfinding);
	font-size: 1em;
    padding: 5px;
    text-transform: uppercase;
    border-radius:3px;
    float: left;
}

.detail .detailTool span, .detail .detailTool i{
	color:var(--wayfinding);
	margin-right:5px;
}

.sharebar {clear:both; padding: 12px 0 0;}

.detailPagePlaceholder {border: 2px solid #ccc;
    margin-bottom: 10px;
    padding: 60px 5px 72px;
    text-align: center;
    width: 100%;
    font-size:4em;
}


/* ----------------- MEDA RULES ----------------- */
@media (max-width: 1010px) {
/* ul.menuItems {width: unset ; border-top: solid 0px #ddd; display: table;}
a.navbar-brand {margin-left: 0px; height: 90px; overflow: hidden;}
/*.menuItems.navbar-nav > li > a {padding-top: 24px; padding-bottom: 24px;*/}
}

@media (min-width: 950px)and (max-device-width: 1049px){
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {}
.navbar-collapse .navbar-nav.navbar-right:last-child {margin-right: -15px;}
}

/* ----------------- TABLET ----------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 949px) {
.gallery #galleryDetailImageArea {height: 100%;}
.footer {height: 240px;}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {font-size: 1em;}
ul.menuItems.navbar-nav {}
.menuItems.navbar-nav > li > a {padding: 24px 10px !important;}
ul.topic {margin: 60px 15px;}
}

/* ----------------- MOBILE ----------------- */
@media only screen and (max-width: 767px) {
/* TYPE */
.front h1 { line-height: 1;font-size: 2.5em;}
.front p.intro {font-size: 1.4em; width: 80%; margin: 0 auto;}
.navbar-form.big .btn-search {position: relative;}
ul.topic {margin: 30px 15px;}
.front .information {
padding: 1px 0 15px;}

/* PAGE */
.front .container, .container {padding:0;}
#pageArea {margin-top: 0px;}
.banner {margin-top: 0;}


/* NAV */
li#menu-item-2, li#menu-item-3, li#menu-item-4, li#menu-item-5, li#menu-item-6, li#menu-item-7 {display:none;}
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
.navbar-brand img {margin-left: 0px;}
.navbar-toggle, .navbar-toggle-user,.navbar-default .navbar-toggle {/*padding: 9px; margin: 15px 0px 15px 12px;height: 42px;*/ color: var(--nav_type); border-color: var(--nav_type); width: 42px;}*/
.navbar-default .navbar-toggle .icon-bar {border-color: #FFF;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle {color: var(--nav_type);}
.navbar-default .navbar-toggle .icon-bar {background-color: var(--nav_type);}
.navbar-default .navbar-toggle .span:hover {background-color: var(--nav_ground);}
.navbar-default button.navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: var( --nav_type_active);border-color: var(--nav_type_active);}

/* SEARCH */
.navbar-form.big .btn-search {top: 0px; font-size: 22px;}
.navbar-form.big {margin: auto; padding-top: 12px;}

/* FOOTER */
#footer ul li.software, #footer ul li.pipe {display:none;}

@media (max-width: 494px) {
.navbar-form.big .formOutline {width: 90%;}
.navbar-form.big .form-control {font-size: 20px; padding-top: 8px;margin:0;}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {font-size: .9em;line-height:1.1;}
}