/* Colours

VSC red: #e43d30
VSC grey: #3c404d

*/

/* CSS customizations */

.hidden {
	display: none;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

#header .header-nav-top {
    width: 50%;
}
#header .header-search {
    margin-left: 0;
    width: 100%;
}
#header .header-search .form-control {
	width: 100%;
}
#header .header-nav-main nav > ul > li > a {
    color: #ccc;
}

.sitemap-link {
	display: inline-block;
	padding: 3px 5px;
}
.sitemap-link:before {
	content: '[';
}
.sitemap-link:after {
	content: ']';
}

html section.section-primary {
    border: none;
    margin-top: 0;
}

.page-header {
	margin-bottom: 0;
}
.page-header h2 {
	border-bottom: none;
}
.page-header h3 {
	color: #777;
	font-size: 28px;
	text-transform: none;
	border-bottom: 5px solid #e43d30;
}

.home-intro {
	margin-bottom: 0;
	background-color: #3c404d;
}
.home-intro p {
	display: block;
}
.home-intro.schools {
	background-color: #e43d30;
}

.main .nav-pills > li {
    text-align: center;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    margin-right: 2px;
	background-color: #fff;
}
.main .nav-pills > li > a {
	color: #e43d30;
}
.main .nav-pills > li.active,
.main .nav-pills > li.active > a,
.main .nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #e43d30 !important;
}

#aci_results .content_label {
	width: 62px;
	height: 62px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	margin-right: 2px;
}
#aci_results .age_label {
	width: 66px;
	height: 79px;
	overflow: hidden;
	background-position:0 -79px;
	float: left;
	margin-right: 20px;
}
#aci_results table,
#aci_results td {
  border: 2px solid #bcbcbc;
  border-collapse: collapse;
}
#aci_results td {
	vertical-align: top;
	padding: 10px;
}
#aci_results td:nth-child(1) {
	padding-right: 6px;
}
#aci_results td:nth-child(2) {
	background-color: #ebebeb;
	width: 500px;
	padding-top: 20px;
}

.vsc-content {
	display: none;
}
.vsc-content img {
	display: block;
	margin: 10px auto;
}

iframe.youtube-player {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.google-map {
    margin: 0 0 30px 0;
}

.thumb-info {
	width: 252px;
	height: 402px;
	overflow: hidden;
	margin-bottom: 20px;
}

table.courses {
	border-collapse: collapse;
	width: 100%;
}
table.courses td {
	border: 1px solid #ddd;
	padding: 5px;
}

.tt-menu {
	background-color: white;
	color: black;
	padding: 10px;
	border-radius: 5px;
}

.tt-suggestion {
	border-bottom: 1px solid black;
}

#app-links {
  position: relative;
  background: url(../img/app-links-back.png) no-repeat #FFF;
  width: 360px;
  margin: 20px auto;
  text-align: center;
}
#app-links #copy {
	padding: 250px 40px 0 40px;
}
#app-links #icon {
	position: absolute;
	top: 155px;
	left: 141px;
	width: 77px;
	height: 77px;
	border: 1px solid black;
}

.mfp-close, .mfp-close-btn-in .mfp-close {
	background-color: #fff;
	border-radius: 20px;
	margin: 4px;
}