/* COLORS */
/*
n a v y: 		#1b293a		(font)
m b l u e: 		#5183bf		(links)
g r a y: 		#ccc		(borders)
g o l d: 		#ffc601
*/

body {
	position: relative;
	
	background-color: #1b293a;
	color: #1b293a;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	min-width: 345px;
	/*overflow: -moz-scrollbars-vertical;*/
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: auto;
}

h1, h2, h3, h4 {
	border: 0;
	color: #1b293a;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}
h1 {
	border-bottom: 1px dashed #ccc;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 54px;
	text-align: center;
}
h2 {
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
}
h3 {
	color: #5183bf;
	font-size: 30px;
	font-style: italic;
	font-weight: 600;
	line-height: 25px;
}
h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
}

a {
	color: #246bbd;
	font-family: 'Lato', sans-serif;
	/*font-weight: 700;*/
	transition: background-color .2s, color .2s;
}
a:link, a:visited {
	color: #246bbd;
}
a:hover, a:active, a:focus {
	color: #246bbd;
	text-decoration: underline;
}

.btn {
	border-radius: 0;
	border-width: 0;
}

/* CONTAINER */
/* default/mobile */
.container {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
/*.container>* {
	outline-color: cyan;
	outline-style: dashed;
	outline-width: 1px;
	
	background-color: rgba(255, 255, 153, 0.25);
}*/
/* tablet */
@media (min-width: 600px) {
	.container {}
}
/* laptop */
@media (min-width: 1055px) {
	.container {
		max-width: 1040px;
	}
}
/* desktop */
@media (min-width: 1255px) {
	.container {
		max-width: 1240px;
	}
}
/* bootstrap overrides */
@media (min-width: 768px) {
	.container {
		width: auto;
	}
}
@media (min-width: 992px) {
	.container {
		width: auto;
	}
}
/*.row {
	margin-right: -20px;
	margin-left: -20px;
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	padding-left: 20px;
	padding-right: 20px
}*/

/* MAIN */
main {
	position: relative;
	background-color: #fff;
}

/* FOOTER */
footer {
	border-top: 5px solid #ffc601;
	font-family: 'Roboto Condensed';
	font-size: 19px;
	line-height: 60px;
}
.footer-inner {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}
.footer-inner>* {
	flex-grow: 1;
}
.footer-inner>*:first-child, .footer-inner>*:last-child {
	flex-grow: 0;
}
footer a {
	display: inline-block;
	font-family: inherit;
	padding: 0 10px;
}
footer a, footer a:link, footer a:visited {
	/*color: rgba(255, 255, 255, 0.85);*/
	color: #fff;
	opacity: .85;
}
footer a:hover, footer a:active, footer a:focus {
	/*color: rgba(255, 255, 255, 1);*/
	color: #fff;
	opacity: 1;
	text-decoration: none;
}
footer .back-to-top {
	position: relative;
	display: none;
}
footer .back-to-top::after {
	content: ' ';
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 20px;
	
	display: block;
	background-color: #fff;
	width: 1px;
}
footer .social-item {
	background-repeat: no-repeat;
	background-position: center;
	min-width: 50px;
	text-indent: -9999px;
}
footer .social-item-facebook {
	background-image: url('../images/social_facebook.png');
}
footer .social-item-flickr {
	background-image: url('../images/social_flickr.png');
}
footer .social-item-instagram {
	background-image: url('../images/social_instagram.png');
}
footer .social-item-twitter {
	background-image: url('../images/icon-social-twitter.svg');
	background-size: 24px !important;
}
footer .social-item-youtube {
	background-image: url('../images/social_youtube.png');
}

/* tablet-ish */
@media (min-width: 768px) {
	.footer-inner {
		display: flex;
		flex-flow: row nowrap;
	}
	footer a {
		padding: 0px 10px;
	}
	footer .back-to-top {
		display: block;
	}
	footer .back-to-top a {
		background-image: url('../images/icon_page_up.png');
		background-repeat: no-repeat;
		background-position: 10px center;
		display: block;
		padding-right: 20px;
		padding-left: 45px;
	}
	footer .footer-links a:first-child {
		padding-left: 20px;
	}
	footer .social-item {
		min-width: 40px;
	}
}
/* laptop */
@media (min-width: 1055px) {
	footer a {
		padding: 0 20px;
	}
	
	footer .back-to-top a {
		padding-right: 40px;
	}
	footer .footer-links a:first-child {
		padding-left: 40px;
	}
	footer .social-item {
		min-width: 60px;
	}
}


/* SUBPAGE */
.subpage .content-wrapper {
	padding-top: 30px;
	padding-bottom: 60px;
	/* overflow: hidden; - removed for pagination dropdown to show */
}
/* tablet */
@media (min-width: 600px) {
	.subpage .content-wrapper {
		padding-top: 50px;
	}
}

.page-head {
	display: flex;
	flex-flow: column nowrap;;
	align-items: center;
	justify-content: center;
	
	background-color: #f2f2f2;
	min-height: 70px;
}
.page-head h1 {
	border: 0;
	color: #888;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 3px;
	line-height: 36px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.page-head .page-info {
	display: none;
	color: #fff;
	margin: 5px 0 15px;
}
.page-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-info ul>li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.page-info .cookie-crumbs li:before {
	content: " / ";
	display: inline;
}
.page-info .cookie-crumbs li:first-child:before {
	display: none;
}
.page-info ul>li a, .page-info ul>li a:link, .page-info ul>li a:visited {
	color: #fff;
	font-family: 'Roboto';
	font-style: italic;
}
.page-info ul>li a:hover, .page-info ul>li a:active, .page-info ul>li a:focus {
	cursor: pointer;
	text-decoration: none;
}
/* tablet */
/*@media (min-width: 600px) {
	.page-head {
		justify-content: flex-end;
		
		background-image: url('../images/page_head_bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		min-height: 260px;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}
	.page-head h1 {
		color: #fff;
		font-size: 40px;
		line-height: 46px;
	}
	.page-head .page-info {
		display: block;
	}
}*/

/* SIDEBAR */
.subpage .subpage-sidebar {
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 65px;
}
.subpage-sidebar .section>h3 {
	border-bottom: 1px solid #b4b4b4;
	color: #1b293a;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 3px;
	line-height: 36px;
	margin: 0;
	margin-bottom: 10px;
	padding: 50px 0 24px;
	text-transform: uppercase;
}
.subpage-sidebar .section>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subpage-sidebar .section>ul>li>a {
	display: block;
	
	border-bottom: 1px dashed #b4b4b4;
	padding: 10px 0;
}

.subpage-sidebar .section ul.related-links-items>li a {
	background-image: url('../images/carat_nav_right.png');
	background-repeat: no-repeat;
	background-position: 99% center;
	color: #1b293a;
}
.subpage-sidebar .section ul.updates-items>li a {
	font-weight: bold;
}


/* tablet */
@media (min-width: 600px) {
	.subpage .subpage-sidebar {
		background-image: url('../images/related_links_bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.subpage-sidebar-inner {
		display: flex;
		flex-flow: row nowrap;
	}
	.subpage-sidebar-inner>.section {
		flex-grow: 1;
		width: 50%;
	}
	.subpage-sidebar-inner .section:first-child {
		margin-right: 20px;
	}
	.subpage-sidebar-inner .section:last-child {
		margin-left: 20px;
	}
}


.post .embed-responsive {
	margin-bottom: 20px;
}
.recordList .media .embed-responsive {
	margin: 20px;
}


.share-this-btn-group {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-bottom: 10px;
}
.share-this-title {
	background-color: #ffc601;
	height: 40px;
	line-height: 40px;
	margin-top: 1px;
	padding: 0 10px;
}
.share-this-btn {
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 40px;
	margin: 1px 0 0 1px;
	text-indent: -9999px;
	width: 40px;
}
.share-this-btn-facebook {
	background-color: #5d82d1;
	background-image: url('../images/icon_facebook.png');
}
.share-this-btn-facebook:hover {
	opacity: .8;
}
.share-this-btn-twitter {
	background-color: #40bff5;
	background-image: url('../images/icon_twitter.png');
}
.share-this-btn-twitter:hover {
	opacity: .8;
}
.share-this-btn-email {
	background-color: #69c086;
	background-image: url('../images/icon_email.png');
}
.share-this-btn-email:hover {
	opacity: .8;
}
.share-this-btn-print {
	background-color: #595959;
	background-image: url('../images/icon_print.png');
}
.share-this-btn-print:hover {
	opacity: .8;
}

@media (min-width: 1055px) {
	.share-this-btn-group {
		position: absolute;
		top: 120px;
		left: 0px;
		
		display: block;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
	}
}
@media (min-width: 1455px) {
	.share-this-btn-group {
		right: 120px;
	}
}

@media print {
	.share-this-btn-group, .share-this-btn-group * { display: none !important; }
}


/* bootstrap updates */
.embed-responsive {
	background-color: #f8f8f8;
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
/* home-featured image size: 460h / 650w = 0.70769 */
.embed-responsive-feature {
	padding-bottom: 70.75%;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}
.embed-responsive-1by1 {
	padding-bottom: 100%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive .video-play-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background-image: url(../images/trans-1by1-play.png);
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

/* bootstrap overrides/fixes */
/* force dropdown-menu links to function (bootstrap issue on mobile, dd menus close, don't follow links) */
.dropdown-backdrop {
	position: static;
}

/* plyr overrides */
.plyr .plyr__play-large {
	opacity: 0;
}

.content img {
	height: auto;
	max-width: 100%;
}

.actionsList h2 { margin-bottom: 0; margin-top: 30px; }
.crstop { display: none; }
.element_posttypes article {
	margin-bottom: 40px;
	padding: 40px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
}
.element_posttypes article .tag-list {
	margin-top: 1em;
}
.tag-list a .label-default {}
.tag-list a:hover .label-default, .tag-list a:focus .label-default {
	background-color: #428bca;
	text-decoration: none;
}
.navbar.tagfilterbar .navbar-inner {
	position: relative;
	color: #75797c;
	font-size: 16px;
	line-height: 48px;
	padding: 0 20px;
}
.navbar.tagfilterbar .reset-tag-filter {
	position: absolute;
	top: 7px;
	right: 8px;
}
.navbar.tagfilterbar .label-default {
	font-size: 15px;
	line-height: 18px;
}

.pagegroup_textblocks img {
	height: auto;
	max-width: 100%;
}
.pagegroup_textblocks .issue-page-title {
	padding-bottom: 20px;
}


.text-blocks-contact {
	margin-top: 20px;
}
.text-blocks-contact>div {
	background-color: #f2f2f2;
	border-left: 2px solid #ffc601;
	padding: 30px 10px;
	width: 100%;
}
.text-blocks-contact>div+div {
	margin-top: 1px;
}
.text-blocks-contact .icon {
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 64px;
	margin: 0 auto 20px;
	width: 64px;
}
.text-blocks-contact .contact-assistance-request .icon {
	background-image: url('../images/icon_assistance_request.png');
}
.text-blocks-contact .contact-comments .icon {
	background-image: url('../images/icon_comments.png');
}
.text-blocks-contact .contact-letter-request .icon {
	background-image: url('../images/icon_letter_request.png');
}
.text-blocks-contact .contact-scheduling-request .icon {
	background-image: url('../images/icon_scheduling_request.png');
}
.text-blocks-contact .tour-request .icon {
	background-image: url('../images/service_tours.png');
	filter: brightness(0);
}
.text-blocks-contact h3 {
	color: #333;
	margin-bottom: 20px;
	text-align: center;
}
.text-blocks-contact a {
	font-weight: 600;
}

@media (min-width: 1055px) {
	.text-blocks-contact {
		display: flex;
		flex-flow: row nowrap;
	}
	.text-blocks-contact>div {
		display: flex;
		flex-flow: column nowrap;
		border-left: 0;
		border-top: 2px solid #ffc601;
		text-align: center;
		font-size: 17px;
	}
	.text-blocks-contact>div+div {
		margin-top: 0px;
		margin-left: 1px;
	}
}

/* subscirbe 3rd party form overrides (?) */
.element_developeractions form table td label {
	font-weight: 400;
}
.element_developeractions form table td label input[type=checkbox] {
	margin-right: 10px;
}
