/* red #e4002b; */

/* Webfont: Roboto */@font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: RobotoBold */@font-face {
    font-family: 'RobotoBold';
    src: url('Roboto/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: RobotoBold Italic */@font-face {
    font-family: 'RobotoBold';
    src: url('Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: RobotoLight */@font-face {
    font-family: 'RobotoLight';
    src: url('Roboto/Roboto-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: RobotokLight Italic */@font-face {
    font-family: 'RobotoLight';
    src: url('Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
	color:#000;
	margin-bottom:210px;
}
body, .staticPage, .staticPage p{
	font-family:RobotoLight;
	font-size:16px;
	line-height:1.5em;
}
#pageArea{
	padding-bottom:50px;
}
b, strong, H1, h1, H2, h2, H3, h3, H4, h4, H5, h5, H6, h6{
	font-family: RobotoBold;
	text-transform:none;
}
a, a:hover {
    color: #000;
}
H1{
	font-size: 36px;
	color: #e4002b;
	margin-bottom:25px;
	margin-top:15px; 
}
@media(max-width:768px){
	H1{
		font-size: 24px;
	}
}
H2{
	font-size: 30px;
	color: #000000;
	margin-bottom:25px; 
}
H3{
	font-size: 24px;
	color: #000000;
	margin-bottom:50px; 
}
label{	
	font-size: 14px;
	font-family: RobotoBold;
	color: #000;
	margin-bottom: 0px;
	margin-top: 15px;
}
.caption{
	font-size: 11px;
	font-family: RobotoBold;
}
.unit{
	font-family:Roboto;
	font-size:14px;
	line-height:1.5em;
	color:#000;
}

.btn-default{
	background-color:#FFF;
	color: #e4002b;
    font-family: Roboto;
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #fff;
    color: #000;
    font-family: Roboto;
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
}
.navbar-brand {
    width: auto;
    height:auto;
    padding-left:0px;
    margin-bottom: 12px;
}
.navbar-brand > img {
    width: auto;
    height: 90px;
}
.siteWrapper{
	width: calc(100vw * 10 / 12);
	margin-left: auto;
	margin-right: auto;
}
.navbar{
	box-shadow:none;
}
nav.navbar-default{
	margin-top:32px;
}
.nav > li{
	padding-top: 28px;
}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {
	font-family: RobotoBold;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:14px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a:focus {
	color: rgb(228, 0, 43);
	/*transform: rotate(180deg);
	transition: ease color .1s;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: rgb(228, 0, 43);
}
.nav .dropdown-menu > li > a {
	font-family: RobotoBold;
	text-transform: none;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size:14px;
}
.nav .dropdown-menu > li > a:hover{
	color: rgb(228, 0, 43);
	background-color: transparent;
}
.nav .dropdown-menu {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.176);
	border: 0px solid #ccc;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}
.container > .navbar-header, .container > .navbar-collapse{
	margin-right:0px;
	margin-left:0px;
}
@media (min-width: 992px) {
	.navbar .formOutline {
	  margin-left: 20px;
	  margin-right: -20px;
	}
}
@media (max-width: 1200px) {
	ul.menuItems {
		width:auto;
		border-top:none;
		clear:both;
		float:left !important;
	}
	.menuItems.navbar-nav > li > a {
		padding-top:5px;
		padding-bottom:5px;
	}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-left: -30px;
	}
	.container.menuBar {
		padding:0px;
	}
	.navbar > .container .navbar-brand {
		margin-left:-15px;
	}
	.nav > li{
		padding-top: 0px;
	}
}
@media (min-width: 768px) and (max-width: 820px) {
	.menuItems.nav > li > a {
		padding:10px;
	}
}
.subHeader{
	/* background-color: rgb(228, 0, 43); */
	background-color: #000;
	font-size: 22px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	font-family: RobotoBold;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
}
.subHeader a, .subHeader a:hover{
	font-size: 22px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	font-family: RobotoBold;
	text-decoration:none;
}
.subHeader a:hover{
	color:#e4002b;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}
.navbar-default .navbar-toggle{
	border-color:#000;
}
#footer{
	background-color:#000;
	color:#FFF;
	font-size: 18px;
	line-height: 1.28;
	letter-spacing: 1.11px;
	color: #fff;
	height: 210px;
	padding: 40px 15px 0px 15px;
}
#footer H3, #footer H3 a{
	color:#FFF;
	font-size: 20px;
	line-height: 1.28;
	letter-spacing: 1.11px;
	margin-bottom:0px;
}

/* front */
.parallax1 {
    background-image: url("../graphics/front_1.jpg");

    /* Full height */
    /*height: 100% - header: 148px - space at bottom: 65px ;*/
    height: calc(100vh - 213px);

    /* Create the parallax scrolling effect 
    background-attachment: fixed; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax2 {
	position:relative;
    background-image: url("../graphics/front_2.jpg");

    /* Create the parallax scrolling effect 
    background-attachment: fixed; */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
	position:relative;
    background-image: url("../graphics/front_3.jpg");

    /* Create the parallax scrolling effect 
    background-attachment: fixed; */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax4 {
	position:relative;
    background-image: url("../graphics/front_4.jpg");

    /* Create the parallax scrolling effect 
    background-attachment: fixed; */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax5 {
	position:relative;
    background-image: url("../graphics/front_5.jpg");

    /* Create the parallax scrolling effect 
    background-attachment: fixed; */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallaxBg {
	position:relative;
    /* Full height */
    /*height: 100% - header: 148px - space at bottom: 65px ;*/
    height: calc(100vh - 213px);
    margin-left: -15px;
	margin-right: -15px;
	top:-20px;
}
@media (max-width: 1200px) {
	.parallaxBg {
		margin-left: -30px;
		margin-right: -30px;
	}
}
.front .container{
	margin-bottom:100px;
}
.bottom-left-box{
	position: absolute;
	width: 301px;
	max-width: 90%;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
@media (max-width: 1200px) {
	.bottom-left-box {
		left: -15px;
	}
}
@media (max-width: 768px) {
	.parallax1, .parallax2 {
		height: calc(100vh - 400px);
		background-size: cover;
	}
	.bottom-left-box{
		position: relative;
		width: 100%;
		max-width: 100%;
		background-color: #fff;
	}
}
.blurb{
	padding-right: 45px;
	padding-top: 25px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: RobotoLight;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.45;
	letter-spacing: 0.18px;
	color: #231f20;
}
/* about page */
@media(min-width:768px){
	.staticPage {
		margin-top:50px;;
	}
}
.staticPage img{
	width:100%;
	height:auto;
}
.staticPageImages{
	padding-bottom:30px;	
}
@media(min-width:969px){
	.staticPageImages{
		float:right;
		width:50%;
		padding-left:40px;
	}
}
.staticPageCaption{
	padding-top:5px;
	font-size:12px;
	font-family: RobotoLight;
	line-height:1.1em;	
}
.funder{
	text-align:left;
	padding-top:40px;
}
.funder img{
	width:200px;
	height:auto;
	margin-bottom:40px;
}
.funder img.logo1{
	margin-right:40px;
}
/* collections */
.collectionTile {
	box-shadow: none;
	padding:50px 40px 0px 40px;
}
.collectionTile .collectionImg{
	width: 100%;
  	padding-top: 75%; /* 1:1 Aspect Ratio */
  	position: relative;
  	background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.collectionTile img{
	width:100%;
	height:auto;
}
.collectionTile .title{
	margin-top:20px;
}
.collectionsList a{
	text-decoration:none;
}
.collectionTile .title, a .collectionTile .title{
	font-size: 24px;
	color: #000000;
	font-family: RobotoBold;
	line-height:1.3em;
	text-decoration:none;
}
.collections.landing .readmore-js-toggle{
	padding-top:0px;
	margin-top:-5px;
	color: #e4002b;
    font-family: Roboto;
	font-weight: bold;
	font-size: 16px;
}
a:hover .collectionTile .title{
	color:#e4002b;
	text-decoration:none;
}

.results H2 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 0px;
}
#bRefine{
	background-color:#fff;
}
#bRefine H3{
	font-size: 16px;
	color:#000;
	text-transform:capitalize;
}
#bRefine H2, #bRefine a{
	color:#000;
}
.results .bSearchWithinContainer{
	clear:both;
	margin-top:15px;
	margin-bottom:10px;
}
.results .btn-search-refine{	
	float: right;
	font-size: 18px;
	padding-top: 0px 0px 0px 0px;
	width: 26px;
	text-align: left;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	outline: 0;
	border: 0px;
}
.results .btn-search-refine .glyphicon{
	margin-top:5px;
}
.bSearchWithin, .bSearchWithin:focus {
    float: left;
    width: 80%;
    box-shadow: none;
    border: 0px !Important;
    border-bottom: 1px solid #989697 !important;
    border-radius: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    height: 30px;
    font-size: 14px;
    line-height: 26px;
    background-color: transparent;
    margin: 0px 0px 0px 10px;
}
a.browseRemoveFacet .glyphicon {
    color: #e4002b !important;
}
a.browseRemoveFacet:hover, a.browseRemoveFacet:hover .glyphicon{
	color:#000 !important;
}
.bResultListItem .bResultListItemText{
	font-size:14px;
}
.bResultListItem .bResultListItemText a {
    line-height: 1.2em;
    color: #000;
    font-family:roboto;
    font-size:14px;
}
.bResultListItem .bResultListItemText small, .bResultListItem .bResultListItemText small a{
	color:#000;
}
.multisearch H3 a, .multisearch H3 a:hover, .multisearch H2 a, .multisearch H2 a:hover {
    text-decoration: none;
    color: #000;
}
.multisearch a, .multisearch a:hover {
    color: #000;
}
.multisearch .authoritySet a {
    font-size: 12px;
    color: #000;
}
.bResultItem .bResultItemText a {
    color: #000;
    line-height: 1.2em;
    font-size:14px;
    text-decoration:none;
}
/* detail */
.detail .detailNavBgLeft, .detail .detailNavBgRight, .detail .navTop a {
    background-color: #FFF;
}
.detail .detailNavBgLeft a, .detail .detailNavBgRight a, .detail .navTop a, .detail .navTop a .small {
    color: #000;
    text-decoration:none;
}
.detail a {
    color: #000;
    text-decoration: underline;
}
.detail h1 {
    font-size: 30px;
    color: #000;
}
.detail h2 {
	font-size: 24px;
	color: #000000;
	margin-bottom:0px;
	text-transform:none;
}
@media(min-width:768px){
	.detail.collections .detailButton, .results .detailButton, .landing .detailButton{
		float:right;
		margin-left:15px;
	}
}
.detailButton{
	margin-top: 15px;
}
.detailButton a{
	color:#e4002b !important;
	font-family:roboto;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
.detailButton .fa, .detailButton .glyphicon, .detailButton a {
    color:#e4002b !important;
    font-size: 14px;
}
.detailButton .fa, .detailButton .glyphicon{
	padding-right:5px;
}
.detail label{
	color:#000;
	margin-bottom:0px;
	margin-top:15px;
}

.detail .detailMediaToolbar, .detail .repViewerCont:hover .detailMediaToolbar {
    background-color: #ebebeb;
    padding: 2px 5px 7px 5px;
    font-size: 12px;
    position: relative;
    display: block;
    z-index: 200;
    text-align: center;
    background-color: transparent;
    margin-left:auto;
    margin-right:auto;
    width:150px;
}
.detail .detailMediaToolbar a, .gallery .detailMediaToolbar a {
    color: #000;
    font-size: 16px;
}
.detail #detailRepNav a {
    color: #000;
}

/* media panel */
#caMediaPanelContentArea{
	padding-top:40px;
}
div.caMediaOverlayControls, div.caMediaOverlayControls:hover{
	top:0px;
	bottom:auto;
	background-color:#000;
	opacity:1;
}
.caMediaOverlayControls div.close {
	background-color:#e4002b;
	padding:0px 3px 3px 3px;
}
div.caMediaOverlayControls .objectInfo, div.caMediaOverlayControls .repNav {
    font-size: 15px;
    height: 1.4em;
	overflow: hidden;
}
div.caMediaOverlayControls {
    padding: 10px 0px 5px 0px;
}
div.caMediaOverlayControlsMinimal, div.caMediaOverlayControlsMinimal:hover{
	height:40px;
	top:0px;
	opacity:1;
	width:100%;
	background-color:#000;
	padding-right:20px;
}
div.caMediaOverlayControlsMinimal a .caIcon{
	color:#e4002b!important;
}
div.caMediaOverlayControlsMinimal .close{
	text-shadow: none;
	opacity: 1;
}

.form-control:focus {
  border-color: #000;
}