/*--------------------TYPOGRAPHY--------------------*/

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../typefaces/Inter/web/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../typefaces/Inter/web/InterVariable-Italic.woff2") format("woff2");
}

/*---- Variables -------------------------*/

:root {

/*---- TYPE ----*/

/* Typefaces */
	--primary-font-family: "InterVariable", sans-serif;
	--font-weight-light: 100;
	--font-weight-regular: 400;
	--text-weight-medium: 575;
	--text-weight-bold: 700;
	--text-weight-heavy: 900;

/* Line spacing */
	--tight-line-height: .9;
	--normal-line-height: 1.1;
	--loose-line-height: 1.5;

/* Sizes */
	--font-size-base: 12px;
	--font-size-p: 1rem;
	--font-size-h1: 2rem;
	--font-size-h2: 1.7rem;
	--font-size-h3: 1.5rem;
	--font-size-h4: 1.2rem;
	--font-size-h5: 1rem;
	--font-size-h6: 1rem;

/*---- COLOR ----*/

	/* Page */
		--body_ground: #ffffff;
		--body_type: #454545;
		--footer_ground:#ffffff;
		--footer_type: #454545;
		--link_type: #11808D;
		--link_type_active: #11808D;
	
	/* Navigation */
		--nav_ground: #ffffff;
		--nav_ground_active: #F6F5F4;
		--nav_type: #555555;
		--nav_type_active: #11808D;
		--nav_icon: #555555;
		--nav_icon_active: #11808D;	
	
	/* Elements */
		--heading_type: #757575;
		--subheading_type: #454545;
		--inlineheading_type:;
		--information_ground: #11808D;
		--information_type: #FFFFFF;
		--button_ground:#11808D;
		--button_type: #000000;

	/* Accent Colors */
		--accent_color_1: #EEE;
		--accent_color_2: #BBB;
		--accent_color_3: #999;
		--accent_color_4: #666;
		
}

/*-- TYPE --------------------*/

html,body, .gallery, .detail, .front, .search, .results, .advancedSearch {font-size: var(--font-size-base);}
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, .detail label {font-family: "InterVariable", sans-serif;}
H1, h1, H2, h2 .detail h1, .front H1 {font-family: "InterVariable", sans-serif;font-weight: bold;}
H1, h1, .detail h1 {font-size: var(--font-size-h1);}
H2, h2, .detail h2 {font-size: var(--font-size-h2);}
H3, h3, .detail h3 {font-size: var(--font-size-h3);}
H4, h4  {font-size: var(--font-size-h4);}
p, label, .detail unit, .detail label {font-size: var(--font-size-p);}

.bResultItem .bResultItemText {font-size: var(--font-size-base);line-height: var(--tight-line-height);}

/*--- COLOR --------------------*/

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

/* Navigation */
/*.navbar {webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);border:0;}*/ /*REMOVE NAVBAR SHADOW*/
.siteBar, .navbar{background-color:var(--nav_ground);color:var(--nav_type);}
.navbar .formOutline {border: 1px solid var(--nav_type);}
.navbar-form .form-group, #headerSearchInput::placeholder {color: var(--nav_type);}
.navbar-default .navbar-nav > li > a, ul.siteNav li a{font-size: 16px; 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);}

/* 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, #footer ul li i {color: var(--link_type)!important; text-decoration:none;}

/*PAGES*/

/* Browse */
a:hover {color:var(--nav_type);}
.results a .fa, #bRefineButton .fa {color: var(--link_type) !important;}
.results a .fa:hover, #bRefineButton .fa:hover {color: var(--link_type_active) !important;}
.results a .glyphicon {color:var(--link_type)!important;}
.results a.active .glyphicon {color:var(--link_type_active)!important;}
.results a .glyphicon-remove-circle {color:var(--nav_ground)!important;}
#collectionLoad div a, #collectionLoad div .nonLinkedCollection {color:var(--nav_ground);}

.bResultItem, .bResultListItem {background-color: var(--body_ground); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); line-height: var(--tight-line-height); padding: .75rem;}
.bResultItem, .locationTile, .bResultListItem {border: solid 1px; border-radius: 4px; border-color: var(--accent_color_2); transition: 0.3s;}
.bResultItemImgPlaceholder {background-color: var(--accent_color_1);border: 1px solid var(--accent_color_2);color: var(--accent_color_3);}
.bResultItem:hover, .bResultItem:focus, .bResultItem:active, .bResultListItem:hover, .bResultListItem:focus, .bResultListItem:active 
{border: solid 2px; border-color: var(--link_type_active);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}


/* Detail */
.detail.unit, .detail .unit label{color: var(--body_type);}
.detail a {color: var(--link_type); text-decoration: none;}
.collectionsContainer a .fa, .collectionsContainer .fa, #collectionLoad a .fa, #collectionLoad .fa {color: var(--nav_type); text-decoration: none;}
.detail .detailTool a {color:var(--link_type)!important;}
.detail .detailNavBgLeft, .detail .detailNavBgRight {background-color:transparent;}
.detail .detailNavBgLeft a, .detail .detailNavBgRight a, .detail .detailNavBgLeft a .small, .detail .detailNavBgRight a .small{color:var(--nav_type);}

/* Front */

/* Static */

/* Search */

/*--- STRUCTURE --------------------*/
/* Overall */
#pageArea, #pageArea.browse, #pageArea.detail, #pageArea.front, #pageArea.search, #pageArea.results, #pageArea.advancedSearch, #pageArea.staticPage {max-width: 1200px;margin: 0 auto;}

/* Footer */
#footer {height: unset; min-height: 80px;}
#footer ul{margin-bottom: 12px;}

/* Browse */
.bResultItemCol {height: 260px;}
.bResultItemContent {height: 210px; overflow: hidden;}
.bResultItem:hover, .bResultItem:focus, .bResultItem:active {font-size: var(--font-size-p);height: auto; min-height: 250px; margin: -8px; position: relative;z-index: 100;}
.bResultItem .bResultItemImg {margin-bottom: 5px; max-height: 160px; min-height: 160px; overflow: hidden; /*display: flex;align-items: center;*/}
.bResultItem:hover .bResultItemContent {height: auto; min-height: 210px;}
.bResultItem:hover .bResultItemImg {height: auto;max-height: 500px;}

/* Detail */
.detail .detailNav {float:right;margin-bottom:20px;}
.detail .detailNav a {text-decoration:none;}
.detail .detailNav .small {display:inline;padding: 0px 5px 0px 5px;}
.detail .unit {margin: 0;}
.detail .unit label {display: inline-block;text-transform: uppercase;padding:0px;margin:0 6px 0 0; font-weight:var(--text-weight-medium);}

ul.details {list-style-type: none; padding-left:0;}
ul.details li {font-weight: bold;}
ul.details li span {font-weight: normal;}

/* Front */
.frontSlide {position: relative; height: 440px;}
.frontSlide img {height: auto; width: 100%; margin:auto;  text-align: center;}

/* Locations */
p.fullWidth {width:auto;max-height: 300px;overflow:hidden;}
p.fullWidth img, #collectionLoad .fullWidth img {width: 100%;height: auto;}
#collectionLoad div a, #collectionLoad div .nonLinkedCollection {font-size: var(--font-size-p);}

/* Static */

/* Search */

/*---- MEDIA CLASSES --------------------*/
@media (min-width: 768px) {
	.front H1 {font-family: "InterVariable", sans-serif;font-weight: bold;}
}
@media (max-width: 767px) {
	.detail .detailNav {float:none;text-align:center;}
}

/*----- THEME SPECIFIC --------------------*/
/*.navbar-default .navbar-nav > .active > a {font-weight:bold; border-left: 4px solid var(--information_ground);}