@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1024px;
	}
}


a, .detail a {
	color: #1b83bc;
	font-weight: 600;
}

a:hover, a:focus, .detail a:hover {
	color: #00b7ff;
	/*background-color: rgba(254, 248, 128, 0.2); */
	background-color: rgba(0, 156, 255, 0.05);
	font-weight: 900;
	text-decoration: none;
}


.subnav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
}


.subnav ul li.active > a {
	background: #e8f3f9;
	padding-left: 10px;
	/* width: 100%; */
	/* margin: 0 0 0 10px; */
}


H1, h1, H2, h2 {
	color: #1b83bc;
}

ul {
	 list-style-type: none;
}


th {
	background: #c3c1bd;
	color: white;
}

/* NavBar */
.bglogo {
	position: absolute;
	//width: 50%;
	//height: auto;
	top: -2em;
	left: -4em;
}

.navbar-default, .navbar-default {
	background: #c5ddf6;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url("../graphics/Logo C-01.svg");
	background-size: 170%;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-position: calc(100% - 20px) calc(50% - 10px);
}


#bs-main-navbar-collapse-1 a {
	color: #454545;
}

.navbar .navbar-nav > .active > a {
	background-color: RGBA(240, 240, 240, 0.8);;
	color: #555555;
}


.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {
	font-family: lato, sans-serif;
	font-weight:600;
	font-size:1em;
	color:#414141
}

.navbar-default .navbar-nav > li > a:hover {
	background-color: RGBA(231, 231, 231, 0.36);
	color: #555555;
}

.navbar-default .navbar-brand {
	font-family: kotta-one, serif;
	font-size: 20px;
	padding-top: 15px;
	padding-left: 20px;
}

/*
.nav-pills {
	border-bottom: ;
	border: rgba(150, 150, 150, 0.28) solid 1px;
	background: rgba(219, 219, 219, 0.21);
}
*/

/* Image Nav */
.detail .detailNavBgLeft {
	top: 10px;
}

.detail .detailNavBgRight {
	top: 10px;
}

/* Front Page */
.front .jcarousel-wrapper {
	margin-left: -15px;
	margin-right: -15px;
}

.frontSlide img{
	height:420px;
}
.frontSlide:hover .frontSlideCaption {
	/* opacity: 1; */
	/* position: absolute; */
	/* background-color: rgba(0, 0, 0, 0.5); */
	padding: 7px;
	/* color: #FFF; */
	/* bottom: 0px; */
	/* width: 100%; */
	/* z-index: 100; */
	/* font-weight: bold; */
}

.frontSlide .frontSlideCaption {
	/* position: absolute; */
	/* background-color: rgba(0, 0, 0, 0.5); */
	padding: 5px;
	/* color: #FFF; */
	/* bottom: 0px; */
	/* width: 100%; */
	/* z-index: 100; */
	/* font-weight: bold; */
	/* opacity: 0; */
	/* -webkit-transition: all 250ms ease-out; */
	/* -moz-transition: all 250ms ease-out; */
	/* -o-transition: all 250ms ease-out; */
	/* -ms-transition: all 250ms ease-out; */
	/* transition: all 250ms ease-out; */
}



/* Exhibition Page */
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a.jcarousel-control-prev, a.jcarousel-control-next {
	color: #b1b1b1;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	text-shadow: none;
}


a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover {
	color: #c6c6c6;
	background: #625850;
}

a.jcarousel-control-prev:focus, a.jcarousel-control-next:focus {
	color: #b1b1b1;
	background: #4E443C;
}

.jcarousel-control-prev {
	left: 5px;
}

.jcarousel-control-next {
	right: 5px;
}


/* Thumbnail grid in exhibition detail listing */

.gridImg{
	margin-bottom:20px;
}


.gridImg img {
	width: 100%;
	height: auto;
}

.exhibitionListing.gridImg img {
	max-width: 250px;
}

.exhibitionListing.gridImg{
	margin-bottom:0;
	margin-left: -15px;
}


.exhibitionRow.row {
	background: rgba(134, 134, 134, 0.12);
	margin: 0 0 30px 0;
	/* width: auto; */
}

#imageNav, #imageNav a {
	border-top: 1px solid #F3F0EA;
	padding-top: 5px;
	text-align: right;
	color: #808080;
	margin-top: -10px;
	font-weight: 200;
}


/* Featured Gallery */

.gallery .setDescription {
	font-size: 1.1em;
	 font-weight: normal;
}


/* Exhibitions - Past Exhibitions listing panel */
.yearTab {
	display: none;
}

/* Footer */
#footer ul a {
	color: #ababab;
}

/* Images & Captions */

.photo-caption.pull-right {
	opacity: .5;
	font-weight: 200;
}

/* Detail Pages */

.detail H6, .detail h6 {
	color: #B4B4B4;
	font-weight: 700;
}

.detail-border {
	/* background: white; */
}

#detailRepresentationThumbnails {
	padding-top: 5px;
}

	.detail #detailAnnotations {
		padding-bottom: 5px;
		margin-top: 0px;
	}
.navbar-default .navbar-brand {
    padding-top: 10px;
}


/* Keep short-page footers at the viewport bottom, in normal flow on long pages. */
#siteLayout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
}
#siteLayout > .navbar,
#siteLayout > .siteFooter {
    flex: 0 0 auto;
}
#siteLayout > .siteContent {
    flex: 1 0 auto;
    width: 100%;
}
#siteLayout > .siteFooter {
    width: 100%;
}
#footer {
    margin: 20px 0;
}

/* Single-line mobile branding shares one row with both menu controls. */
@media (max-width: 767px) {
    .navbar-default .navbar-header {
        display: flex;
        align-items: center;
        gap: 4px;
        min-height: 60px;
        padding: 0 15px;
    }
    .navbar-default .navbar-header::before,
    .navbar-default .navbar-header::after {
        display: none;
    }
    .navbar-default .navbar-brand {
        order: 0;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 300px;
        width: auto;
        height: auto;
        margin: 0 auto 0 0;
        padding: 0;
    }
    .navbar-default .navbar-brand picture,
    .navbar-default .navbar-brand img {
        display: block;
        width: 100%;
        height: auto;
    }
    .navbar-default .navbar-toggle {
        order: 1;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 8px;
    }
    .navbar-default .navbar-toggle-user {
        order: 2;
    }
}