h1 { font-size: 30px !important; }
h2 { font-size: 28px !important; }
h3 { font-size: 20px !important; }
h4 { font-size: 18px !important; }
h5 { font-size: 16px !important; }
h6 { font-size: 14px !important; }

@media screen and (max-width:576px) {
	h1 { font-size: 26px !important; }
	h2 { font-size: 24px !important; }
	h3 { font-size: 20px !important; }
	h4 { font-size: 18px !important; }
	h5 { font-size: 14px !important; }
	h6 { font-size: 13px !important; }
}

h1, h2, h3, h4, h5, h6 {
	color: #273578;
	font-weight: bold;
	text-align: center;
}

a, a:visited { color:#273578; font-weight: bold; }
a:hover { text-decoration: none; }

input, select {
	font-size: 14px !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	border-color: none !important;
	box-shadow: none !important;
    outline: none !important;
}

.float-label .header-label {
	top: -11px !important;
	left: 1px !important;
	padding: 2px 5px !important;
	border-radius: 5px 5px 0 0;
}

/* ==========================================================================
Modals
========================================================================== */
.modal {
	z-index: 9001;
}

/* ==========================================================================
Nav Tabs
========================================================================== */
.nav-tabs {
	border: none;
	border-radius: 0;
}
.nav-tabs .nav-link2 {
	border: none;
	border-bottom: 10px solid #FFF;
	border-radius: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #C6E6FB;
	font-size: 18px;
	font-weight: bold;
	color: #273578;
	text-align: center;
}
.nav-tabs .nav-link2:focus, .nav-tabs .nav-link2:hover  {
	border-color: #FFF !important;
	background-color: #273578;
	color: #fff;
}
.nav-tabs .nav-link2.active {
	background-color: #273578;
	color: #fff;
}

#carouselInstructors .carousel-indicators .active { background-color: #00A4d9 !important;  opacity: 1; }

/* ==========================================================================
Discipline Highlights 
========================================================================== */
#disciplineHighlights1 td:first-child,
#disciplineHighlights2 td:first-child  {
	width :120px;
}
@media screen and ( max-width: 992px ) {
	#disciplineHighlights1 td:first-child,
	#disciplineHighlights2 td:first-child  {
		width :110px;
	}
}
@media screen and ( max-width: 576px ) {
	#disciplineHighlights1 td:first-child,
	#disciplineHighlights2 td:first-child  {
		width :80px;
	}
}

/* ==========================================================================
Stats Table
========================================================================== */
#stats div {
	line-height: 1.2;
}
#stats .text-lg {
	font-size: 44px;
}
#stats .text-md {
	font-size: 22px;
}
@media screen and (max-width:990px) {
	#stats .text-lg { font-size: 36px; }
	#stats .text-md { font-size: 18px; }
}

/* ==========================================================================
Testimonials
========================================================================== */
.testimonial .card-body {
	min-height: 120px;
	padding-left: 5px;
	padding-right: 5px;
}
.testimonial .card-text {
	font-size: 12px;
}
.testimonial .card-title {
	font-size: 14px !important;
}
.testimonial .card-footer {
	background-color: #3DB5B3;
	padding: 5px;
	font-size: 14px;
}
.testimonial a {
	color: #FFF;
}
.testimonial .card-footer:hover, .testimonial .active {
	background-color: #ddd;
}
.testimonial .card-footer:hover a, .testimonial .active a {
	color: #000;
}
.testimonial-details .name {
	font-size: 18px !important;
}
@media screen and (max-width: 992px) {
	.testimonial .card-body { min-height: 160px; }
	.testimonial .card-footer { font-size: 12px !important; }
}
@media screen and ( max-width: 576px ) {
	.testimonial .card-footer {
		font-size: 9px !important;
		white-space: nowrap;
	}
}
/* ==========================================================================
Seminar Details
========================================================================== */
.seminars { background-color: #fff; }
.seminars th { background-color: #273578; color: #fff; }
.seminars th, .seminars td { padding: 15px; }
.seminars input[type="checkbox"] { transform:scale(2.5); }


.popover-header { background-color: #f00 !important; color: #fff; font-size: 14px; }
.popover-body { background-color: #ECF7FE; color: #000; }

/* ==========================================================================
Pathway Details
========================================================================== */
#pathways {
	background: url("img/background-pathways.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

/* ==========================================================================
Programme Details
========================================================================== */
#courses {
	background: url("img/background-programmes.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.programme {
	margin-bottom: 15px;
}
.programme-title a {
	background-color: #273578;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;	
	position: relative;
	cursor: pointer;
	padding: 10px 15px;
	margin-bottom: 0px;
}
/*.programme-title > a[aria-expanded="true"], .programme-title > a:hover {
	background-color: #C6E6FB;
	color: #273578;
}*/
.programme-title > a {
	display: block;
	position: relative;
}
.programme-title > a:after {
	content: "\f078"; /* fa-chevron-down */
	font-family: 'Font Awesome 5 Free' !important;
	position: absolute;
	right: 15px;
}
.programme-title > a[aria-expanded="true"]:after {
	content: "\f077"; /* fa-chevron-up */
}
.programme-title-1 { background-color: #273578 !important; }
.programme-title-2 { background-color: #C1D82F !important; }
.programme-title-3 { background-color: #3E9835 !important; }
.programme-title-4 { background-color: #D44096 !important; }
.programme-title-5 { background-color: #3E9835 !important; }
.programme-title-6 { background-color: #E55302 !important; }
.programme-title-7 { background-color: #FCB815 !important; }
.programme-title-8 { background-color: #00A4D9 !important; }
.programme-title-9 { background-color: #D6083B !important; } 
.course {
	padding: 0px 2px 8px 5px;
	margin-bottom: 0;
}
.course-name a {
	color: #fff;
	font-size: 13px;
	font-weight: normal;	
	position: relative;
	cursor: pointer;
}
.course-name > a {
	display: block;
	position: relative;
}
@media screen and (max-width: 1500px) {
	.course { padding: 0px 2px 5px 5px; }
}
@media screen and (max-width: 992px) {
	.course { padding: 0px 2px 3px 5px; }
	.course-name a { color: #000; }
}
.infotech a { font-size: 11px; }

/* ==========================================================================
Getting There Map
========================================================================== */
.row-locations {}
.row-locations .map {
	position: relative;
	width: 100%; height: 620px;
	margin: 50px auto 0 auto;
	background-image: url('/img/map.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.row-locations .markers {
	position: absolute; 
	width: 150px; height: 180px;
	cursor: pointer;
	z-index: 5000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.row-locations .markers.pomo   { width: 220px; height: 250px; top: 125px; left: 290px; background-image: url('/img/marker--pomo.png') }
.row-locations .markers.wilkie { width: 220px; height: 400px; top: 55px;  left: 580px; background-image: url('/img/marker--wilkie.png') }
.row-locations .markers:hover {
	-webkit-animation: bounce 0.5s;
	-moz-animation: bounce 0.5s;
	animation: bounce 0.5s;
}
.row-locations .markers .blurb {
	position: absolute; top: 215px; left: 50%; z-index: 5;
	margin-left: -115px;
}
.popover-header {
	font-size: 20px !important;
}

@media screen and (max-width: 1200px) {
	.row-locations .map { width: 1000px; height: 580px;}
	.row-locations .markers.pomo   { top: 110px; left: 285px; width: 150px; height: 240px}
	.row-locations .markers.wilkie { top: 140px; left: 555px; width: 149px; height: 272px; }
}
@media screen and (max-width: 992px) {
	.row-locations .map {width: 770px; height: 450px;}
	.row-locations .markers.pomo   { top: 88px; left: 197px; width: 160px; height: 182px}
	.row-locations .markers.wilkie { top: 30px; left: 400px; width: 165px; height: 300px; }
}
@media screen and (max-width: 768px) {
	.row-locations .map { width: 500px; height: 270px;}
	.row-locations .markers.pomo   { top: 45px; left: 130px; width: 100px; height: 114px}
	.row-locations .markers.wilkie { top: 45px; left: 270px; width: 82px; height: 150px; }
}
@media screen and (max-width: 500px) {
	.row-locations .map {width: 100%; height: 210px;}
	.row-locations .markers.pomo   { top: 45px; left: 70px; width: 70px; height: 80px}
	.row-locations .markers.wilkie { top: 0px; left: 165px; width: 82px; height: 150px; }
}

/* ==========================================================================
Scroll Back to Top
========================================================================== */
.cd-top {
	display: inline-block;
	height: 30px;width: 30px;
	position: fixed;right: 10px;bottom: 70px; z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(41, 38, 112, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s,visibility 0 .3s;
	-moz-transition: opacity .3s 0s,visibility 0 .3s;
	transition: opacity .3s 0s,visibility 0 .3s;
}

.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s,visibility 0 0;
	-moz-transition: opacity .3s 0s,visibility 0 0;
	transition: opacity .3s 0s,visibility 0 0;
}

.cd-top.cd-is-visible {visibility: visible;opacity: 1}
.cd-top.cd-fade-out {opacity: .5}
.cd-top:hover {background-color: #292670;opacity: 1}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 40px}}

/* ==========================================================================
Why Kaplan Tabs
========================================================================== */
#v-tabs-tab li { width: 100%; margin-right: 0%; }

/* ==========================================================================
Animations https://daneden.github.io/animate.css/
========================================================================== */
.transition{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.slow{-webkit-animation-duration:5s;animation-duration:5s}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

@-webkit-keyframes scaleIn{from{-webkit-transform:translateY(-50%) scale(0)}to{-webkit-transform:translateY(-50%) scale(1)}}@-moz-keyframes scaleIn{from{-moz-transform:translateY(-50%) scale(0)}to{-moz-transform:translateY(-50%) scale(1)}}@keyframes scaleIn{from{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}to{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes slideIn{from{opacity:0;-webkit-transform:translateX(-25px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideIn{from{opacity:0;-moz-transform:translateX(-25px)}to{opacity:1;-moz-transform:translateX(0)}}@keyframes slideIn{from{opacity:0;-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}