/* FONTS */
/* Century Schoolbook */
/* Roboto */

/* COLORS */
/* dark-turquoise: #264b59 */
/* light-blue: #67a2b9 */
/* red: #ab473d */

/*::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}*/

body {
	background-color: #264b59;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #494949;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width : 768px) {
	body.no-scroll {
		overflow: hidden;
	}
}

a {
	color: #a9473c;
	font-family: 'Roboto', sans-serif;
	/*font-weight: 700;*/
	transition: background-color .2s, color .2s;
}
a:link, a:visited {
	color: #a9473c;
}
a:hover, a:active, a:focus {
	color: #a9473c;
	text-decoration: underline;
}
.btn {
	border-radius: 0;
	border-width: 0;
}
.input-group-btn .btn {
	border-width: 1px;
}
.btn-primary, .btn-primary:link, .btn-primary:visited, .nav-pills>li.active>a {
	background-color: #a9473c;
	border-color: #a9473c;
	color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #cea321;
	border-color: #cea321;
	color: #fff;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #40513c;
	border-color: #40513c;
}

/* MAIN */
.main-content {
	min-width: 320px;
}
@media only screen and (min-width : 768px) {
	.main-content {
		margin-top: 178px;
		padding: 50px 0;
	}
}
.page_home .main-content {
	padding: 0;
}


/* SUBPAGE */

/*
Content bg - #ffffff; padding: 40px;
Sidebar bg - #f0f0ef; padding: 40px;
Top Header bg -  #ffffff; height: 88px;
*/



.subpage-content, .subpage-sidebar {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

.subpage-content {}
@media only screen and (max-width : 767px) {
	.subpage-content {
		margin-bottom: 10px;
	}
}

#pagehead {
	background-color: #6ca1b6;
	height: 105px;
	margin: 0;
	padding: 40px 30px 0px;
}
@media only screen and (min-width : 768px) {
	#pagehead {
		padding: 40px 40px 0px;
	}	
}
#pagehead > h1 {
	color: #264b59;
	font-size: 20px;
	font-weight: 900;
	line-height: 20px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: -3px;
	padding: 0;
	text-transform: uppercase;
}

/*.subpage-content .pagehead-action-bar {
	position: relative;
}*/

.pagehead-action-bar ul {
	color: #264b59;
	font-size: 12px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.pagehead-action-bar ul>li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pagehead-action-bar .cookie-crumbs li:before {
	content: " / ";
	display: inline;
}
.pagehead-action-bar .cookie-crumbs li:first-child:before {
	display: none;
}
.pagehead-action-bar ul>li a {
	/*font-size: 13px;*/
	/*text-transform: uppercase;*/
}
.pagehead-action-bar ul.cookie-crumbs>li a {
	color: #264b59;
}
.subpage-content .content-wrapper {
	padding: 30px;
}
@media only screen and (min-width : 768px) {
	.subpage-content .content-wrapper {
		padding: 40px;
	}
}
.subpage-content .content-wrapper .pagegroup:last-child {
	margin-bottom: 0;
}


.subpage-sidebar {
	background-color: #f0f0ef;
}
.subpage-sidebar-inner {
	padding: 40px 35px;
}
@media only screen and (min-width : 768px) {
	.subpage-sidebar .section {
		margin-bottom: 40px;
	}
}
@media only screen and (min-width : 992px) {
	.subpage-sidebar-inner {
		padding: 40px;
	}
}
.subpage-sidebar .section h3, .subpage-sidebar .section h4 {
	margin: 0;
}
.subpage-sidebar .section h3, .subpage-sidebar .section h4 {
	border-bottom: 2px solid #264b59;
	padding-bottom: 10px;
}

.subpage-sidebar .section h3 {
	color: #264b59;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
}
.subpage-sidebar .section .element_developeractions h3 {
	border-bottom: 0;
	line-height: 1.1;
}
.subpage-sidebar .section .element_textblocks {
	background-color: #f9f9f9;
	padding: 1em;
}
.subpage-sidebar .section .element_textblocks h4 {
	border-bottom: 0;
	line-height: 1.1;
	text-transform: uppercase;
}
.subpage-sidebar .section .element_textblocks .section, .subpage-sidebar .section .element_textblocks .article, .subpage-sidebar .section .element_textblocks p {
	margin-bottom: 0;
}

.subpage-sidebar .section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.subpage-sidebar .section ul li {
	border-bottom: 1px solid #c6c6c6;
}

.subpage-sidebar .section ul li a {
	color: #464646;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 15px;
	padding: 10px 0;
	text-transform: uppercase;
}
.subpage-sidebar .section ul li:first-child a {
	padding-top: 20px;
}
.subpage-sidebar .section ul li a:link, .subpage-sidebar .section ul li a:visited {
	color: #464646;
}
.subpage-sidebar .section ul li a:hover, .subpage-sidebar .section ul li a:active, .subpage-sidebar .section ul li a:focus {
	color: #6ca1b6;
	text-decoration: none;
}



.element_forms .forms h3 {
	color: #a9473c;
	border-bottom: 1px solid #ccc;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 0 10px;
	margin-bottom: 10px;
	padding: 0 0 10px;
	padding-bottom: 10px;
}
.element_forms .forms legend {
	border-bottom: 0;
	font-family: 'Oswald';
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 10px;
	padding: 0 0 10px;
}


.subpage-content .share-actions {
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
.subpage-content .share-actions:after {
	content: " ";
	clear: both;
	display: table;
}
.subpage-content .share-actions li {
	float: left;
	margin-left: 10px;
}
.subpage-content .share-actions li:first-child {
	margin-left: 0;
}
.subpage-content .share-actions li a.btn-share {
	background-position: 5px 0;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	padding: 0 10px 0 30px;
	text-transform: uppercase;
	transition: initial;
}
.subpage-content .share-actions li a.btn-share, .subpage-content .share-actions li a.btn-share:link, .subpage-content .share-actions li a.btn-share:visited {
	color: #264b59;
}
.subpage-content .share-actions li a.btn-share:hover, .subpage-content .share-actions li a.btn-share:active, .subpage-content .share-actions li a.btn-share:focus {
	background-position: 5px -20px;
	color: #6ca1b6;
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.subpage-content .share-actions li a.btn-share-email {
	background-image: url(../images/share_icon_email.png);
}
.subpage-content .share-actions li a.btn-share-facebook {
	background-image: url(../images/share_icon_facebook.png);
}
.subpage-content .share-actions li a.btn-share-print {
	background-image: url(../images/share_icon_print.png);
}
.subpage-content .share-actions li a.btn-share-twitter {
	background-image: url(../images/share_icon_twitter.png);
}

.subpage-content .share-actions .twitter-share-button-rendered {
	display: inline-block;
	margin-bottom: -4px;
	margin-top: 0px;
}

.pagegroup .element_links .list-group-item {
	background-image: none;
	padding: 20px;
}

/* FOOTER */

footer {
	background-color: #000;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	min-width: 320px;
	padding: 40px 30px;
}
@media only screen and (min-width : 768px) {
	footer {
		padding: 40px 70px;
	}
}
footer a, footer a:link, footer a:visited {
	color: #fff;
}
footer a:hover, footer a:active, footer a:focus {
	color: #fff;
	text-decoration: underline;
}
.footer-address {
	margin-top: 1em;
}


/* equal row heights */
.row-same-height {
	display: table;
	width: 100%;
	/* fix overflow */
	table-layout: fixed;
}
.col-xs-height {
	display: table-cell;
	float: none !important;s
}
@media (min-width: 768px) {
	.col-sm-height {
		display: table-cell;
		float: none !important;
		vertical-align: top;
	}
}
@media (min-width: 992px) {
	.col-md-height {
		display: table-cell;
		float: none !important;
		vertical-align: top;
	}
}
@media (min-width: 1200px) {
	.col-lg-height {
		display: table-cell;
		float: none !important;
		vertical-align: top;
	}
}



/*h1 (post titles/group titles) - R black (900) 34px #264b59; [MOBILE: 24px]*/
/*h2 (text block titles and class="date") - R bold (700) 24px #6ca1b6; border under the date on posts (see comp #5) [MOBILE: 20px]*/
/*h3 (subtitle) - R medium (500) 18px #464646; [MOBILE: 16px]*/
/*byline - R 13px #464646;*/

.subpage .element h1.title {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 900;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0;
}
.subpage .element h1.title a, .subpage .element h1.title a:link, .subpage .element h1.title a:visited {
	color: #264b59;
}
.subpage .element h1.title a:hover, .subpage .element h1.title a:active, .subpage .element h1.title a:focus {
	color: #264b59;
	cursor: pointer;
	text-decoration: underline;
}
@media only screen and (min-width : 768px) {
	.subpage .element h1.title a {
		font-size: 34px;
		line-height: 38px;
	}
}

.subpage .pagegroup h2 {
	color: #6ca1b6;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
}
@media only screen and (min-width : 768px) {
	.subpage .pagegroup h2 {
		font-size: 24px;
		line-height: 26px;
	}
}

.subpage .element h2.subtitle {
	color: #464646;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 10px;
}
@media only screen and (min-width : 768px) {
	.subpage .element h2.subtitle {
		font-size: 18px;
		line-height: 21px;
	}
}

.subpage .pagegroup h3 {
	color: #464646;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px;
}
@media only screen and (min-width : 768px) {
	.subpage .pagegroup h3 {
		font-size: 16px;
		line-height: 19px;
	}
}

.subpage .element .byline-date, .pagegroup .header h4, .element_posttypes .recordsContainer h4 {
	border-bottom: 2px solid #c6c6c6;
	color: #6ca1b6;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 23px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
@media only screen and (min-width : 768px) {
	.subpage .element .byline-date, .pagegroup .header h4, .element_posttypes .recordsContainer h4 {
		font-size: 24px;
		line-height: 26px;
	}
}
.subpage .element .byline-date .byline {
	color: #464646;
	display: block;
	font-size: 13px;
}
.subpage .element .byline-date .date {
	/*color: lime;*/
	/*display: block;*/
}
.element .post-image {
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
}

.post .embed-responsive {
	margin-bottom: 20px;
}
.recordList .media .embed-responsive {
	margin: 20px;
}

/* 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;
}

.gram-graph-video {
	position: relative;
	background-color: #f8f8f8;
	display: block;
}
.gram-graph-video .graph-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;
}