/* 2017 */
/*.wrapper {background: url(../img/bgr_body2017.png);} */

/* FONTS */

/*body, h1, h2, h3, h4, h5 {font-family: 'Fira Sans', sans-serif;}*/

p, ul, li, blockquote, blockquote p { font-family: 'Open Sans', serif; font-size: 16px; line-height: 1.42857143;  color: #333;}
table { font-family: 'Open Sans', serif; font-size: 15px; color: #333;}

.header .navbar-nav > li > a { font-size: 15px;}
.header .topbar ul.loginbar > li,
.header .topbar ul.loginbar > li > a,
.header .topbar ul.loginbar > li > a:hover { font-size: 12px;}
.headline { border-bottom: 2px dotted #ddd;}
.link-list a { font-size: 12px;}
.footer-v1 p { font-size: 12.5px;}
.footer-v1 .copyright p { font-size: 13px;}

small {font-size: 80%;}

/* GRID */

@media (min-width: 992px) {
	.no-padding-md-left { padding-left:0}
}

@media (max-width: 480px) {
	.xs-margin-bottom-10 {margin-bottom: 10px;}
	.xs-margin-bottom-20 {margin-bottom: 20px;}
}



/* Header*/

.header .topbar ul.loginbar { padding: 0;}

@media (min-width: 992px) {
	.header .navbar-nav > li > a { padding: 9px 20px 9px 8px;} /* 9px 30px 9px 20px */
	.header .dropdown > a:after { right: 8px;}
}

@media (max-width: 991px) {
	.header .navbar-nav > li > a { padding: 9px 10px 9px 24px;}
	.header .navbar-nav .open .dropdown-menu > li > a,
	.header .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 36px; }
	.header .nav > li > .search { margin-left: 22px;}
	.header .nav .search-open { left: 60px;}
}

.header .topbar ul.languages { left:auto; right: 0;}
.header .topbar ul.languages:after {left:auto; right: 20px;}

.header .MX-dropdown-toggle { display: none;}

@media (min-width: 992px) {
	.header .dropdown-menu li a { padding: 9px 15px;}
}

@media (max-width: 991px) {
	
	.dropdown-menu { padding: 0;}
	.header .dropdown > a:after { content: "";}
	
	.header a.MX-dropdown-link { display: inline-block; width:80%; width: calc(100% - 48px); }
	.header a.MX-dropdown-toggle { display: inline-block; float: right; clear: right; background-color: #f7f7f7 !important; padding:19px 24px !important;}
	
	.header .navbar-nav .open .dropdown-menu > li > a,
	.header .navbar-nav .open .dropdown-menu .dropdown-header {padding: 9px 15px 9px 36px;}
	
	.header .dropdown > a.MX-dropdown-toggle:after { top: 10px; right: 18px; content: "\f078";}
	.header .dropdown.open > a.MX-dropdown-toggle:after { top: 10px; right: 18px; content: "\f077";}
	
	.header .dropdown .dropdown-submenu > a {text-transform: none; color: #777 !important;}
	.header .dropdown .dropdown-submenu > a:hover {color: #333 !important;}
	.md-rounded { border-radius:4px;}
}

/* Search */

.s-results .results-number {color: #999; display: block; margin-bottom: 10px; text-transform: uppercase;}
/*Inner-results*/
.s-results .inner-results {clear: both;}
.s-results .inner-results h3 {font-size: 18px; margin-bottom: 3px; text-transform: none;}
.s-results .inner-results h3 a {color: #555;}
.s-results .inner-results h3 a:hover {color: #e30a14;}
.s-results .inner-results img {float: left; width: 85px; height: auto; margin: 0 10px 10px 0;}

/* News */
.MX-newslist .col-sm-6 {padding-bottom: 30px;}

@media (max-width: 767px) {
	/* fix for inequal description lengths */
	.MX-newslist .col-sm-6 {clear: left;}
	.MX-homenews .col-sm-6:nth-child(4n) {display: none;}
}
@media (min-width: 768px) {
	/* fix for inequal description lengths */
	.MX-newslist .col-sm-6:nth-child(3n+1) {clear: left;}
}

.magazine-news-img { overflow: hidden; max-height: 240px;	position: relative; margin-bottom:20px; }
.magazine-posts h2, .magazine-posts h3, .magazine-posts h4, .magazine-posts h5 { margin-top: -5px; margin-bottom:5px;}

.news-v1 .news-v1-in { background: #f6f6f6; margin-bottom: 40px; padding-bottom: 1px;}
.news-v1 .news-v1-info { margin-top: 0; border-top: none; border-bottom: dotted 2px #ddd;}
.news-v1 h3 a { color: #e30a14;}
.news-v1 h4 { padding: 0px 15px;}
.news-v1 p {font-size: 14px; font-weight:700;}
.news-v1 .news-v1-tags { font-size: 12px;	padding: 10px 15px; border-top: dotted 2px #ddd;}
.news-v1 .news-v1-tags a {color:#333;}
.news-v1-imghref { padding-bottom: 56.25%; display: block; position: relative; overflow: hidden; margin-bottom: 1em;}
.news-v1-img {position: absolute;}

/*Partial View*/

.blog-slider:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	text-align: center;
	background: rgba(0,0,0,0.2.99);
}

.blog-slider span.blog-slider-badge {
	top: 20px;
	left: 20px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	position: absolute;
}

/*Blog Slider Title*/
.blog-slider .blog-slider-title {
	left: 0;
	z-index: 1;
	bottom: 20px;
	padding: 0 20px;
	position: absolute !important;
}

.blog-slider .blog-slider-title h2 {
	margin: 0;
	color: #fff;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.4;
}

@media (max-width: 768px) {
	.blog-slider .blog-slider-title h2 {
		font-size: 24px;
		line-height: 1.4;
	}
}

.blog-slider .blog-slider-title h2 a {
	color: #fff;
}

.blog-slider .blog-slider-title span.blog-slider-posted {
	color: #fff;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

/* CONTENT */

.bg-color-red a {color: #F8CDC9;}

.bgr-primary { background: #e30a14;}
.bgr-black { background: #000;}

#content img { max-width: 100%; height: auto; margin-bottom:1em; margin-top:0.5em;}
#content img.imgright, #content img.imageright  { float:right; margin-left:2em; max-width: 66%;}
#content img.imgleft, #content img.imageleft { float:left; margin-right:2em; max-width: 66%;}

@media (max-width: 767px){
	#content img.imgright,
	#content img.imageright,
	#content img.imgleft, 
	#content img.imageleft {  max-width: 50%;}
}


#content blockquote { background: #f3f3f3; border-left-color: #e30a14; padding: 18px; margin: 20px 0px 20px 0px; border-radius: 0 4px 4px 0;}
#content blockquote.bq-bg { background: #000; border-color: #000;}
#content blockquote.bq-bg h3 { color: #FFF; line-height: 1em; margin: 5px 0; }
#content blockquote.bq-slim { padding: 5px 15px; margin: 0 0 20px;}

@media (max-width: 480px) {
	.xs-text-left { text-align:left;}
}

.text-highlights { padding: 1px 5px;}
.text-highlights-primary { background: #e30a14;}

.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}


blockquote.hero.video-disclaimer { padding: 8px 15px;}
blockquote.hero.video-disclaimer p {font-size:13px;}

.chapters-list a {font-size:14px; color:#333;}

/* VJS */

.vjs-menu li { color: #FFF;}
.vjs-track-setting>select { color: #2b333f;}
.vjs-text-track-settings fieldset span>select { color: #2b333f;}


/* FILTER FORM */

label#videoResults { padding-left:0; line-height:36px;}
button#resetFilter { margin-top:0;}


/* Form */
.sky-form.state-disabled, .sky-form section.state-disabled {display:none;} /*opacity:0.5;*/

/* front-end MODx toolbar */
#toolbar { position: fixed; z-index: 9999; top: 0px; left: 0px; padding: 6px; border: 1px solid #ccc; background-color: rgba(102,102,102,0.6); color: #ccc; font-size:11px; line-height:1.1em;}
#toolbar a {color: #ccc; font-weight:bold;}
#toolbar a:hover {color: #ccc;}


/* maps */
#schoolMap {height: 550px; border: 1px solid #aaa;}
#detailMap {height: 350px; border: 1px solid #aaa;}
.leaflet-popup-content {font-size: 13px;}
.leaflet-container {font-size: 12px;}
.leaflet-container a {color: #e30a14;}
.leaflet-container .leaflet-control a {color: #333;}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {border: 1px solid rgba(0,0,0,0.5);	background-clip: padding-box;}
.leaflet-control-layers-overlays input {accent-color: #333;}
.leaflet-control-layers {border-radius: 0px; }
.leaflet-control-layers .fa {font-size: 18px; margin-left: 6px;}
.leaflet-marker-icon {font-size:26px; filter:drop-shadow(2px -2px 1px rgba(0, 0, 0, 0.5))}

.uk .fa {color:#9e2b2f;}
.fif .fa {color:#2C41DB;}
.fmfi .fa {color:#FF8200;}
.prif .fa {color:#FDCD00;}
.pdf .fa {color:#63e7cb;}
.ftvs .fa {color:#24B56F;}
.ebf .fa {color:#f47fcd;}

.school .fa {color:#d33;}
.company .fa {color:#33d;}
.coordinator .fa {color:#3d3;}