/* GENERIC */

body {
	font-family: 'Source Sans Pro', sans-serif;
}

a {
	text-decoration: none!important;
}

a:visited {
	color: inherit;
}

.fd-row {
	width: 100%;
}

.page-head-backdrop {
	background-color: #0098d2;
	height: auto;
	margin-top: -50px;
}

.page-header-border {
	background-color: white;
	height: 450px;
	padding: 60px 30px 30px 30px;
	margin-bottom: 30PX;
}

.page-header-backdrop {
	background-image: url(/images/page-hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
}

.page-header-quote {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	background-image: url(/images/home-quote-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-header-quote h1 {
	margin: 0;
	color: white;
	padding: 25px;
	font-weight: 900;
	line-height: 45px;
}

/* NAV */

.nav-home {
	display: none!important;
}

.navbar-default {
    background-color: transparent;
    border: none;
    border-color: transparent;
    height: 50px;
    margin: 0;
	z-index: 20;
}

.navbar-brand {
	padding-top: 5px;
	padding-left: 20px;
	width: 400px;
	
}

.nav {
	padding: 5px;
}

.nav li {
    font-weight: 900;
    font-size: 14pt;
}

.logo {
	z-index: 10;
	position: relative;
	margin-right: 0;
}

.social {
	float: right;
	padding: 15px;
}

/* FOOTER */

footer {
	background-color: #333;
	color: white;
}

footer a {
	color: white;
}

footer a:hover {
	color: #0098d2;
}

.footer-row {
	padding: 50px 0;
}

.footer-details {
	margin-top: 30px;
}

.footer-details p {
	margin: 0;
}

.footer-links ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
	line-height: 40px;
	font-weight: 600;
	font-size: 18px;
}

.detail-col:nth-child(odd) {
	text-align: right;
	font-weight: 600;
	padding-right: 5px ;
}

.detail-col:nth-child(even) {
	font-weight: 200;
	padding: 0;
}

.detail-col:nth-child(6) a {
	color: white;
}

.footer-social {
	text-align: center;
}

.footer-social img {
	margin: 0 auto;
}

.footer-social p {
	margin: 20px 0 40px;
	font-size: 18px;
}

.copyright {
	text-align: center;
}

.site-by {
	text-align: center;
	margin: 5px 0;
}

.site-by p {
	padding: 1px 0;
	margin: 0;
}

.tch {
	max-height: 20px;
}

/* HOME PAGE */

.home-backdrop {
	background-color: #0098d2;
	height: auto;
	margin-top: -50px;
}

.home-border {
	background-color: white;
	height: 450px;
	padding: 60px 30px 30px 30px;
	position: relative;
}

div.bx-wrapper {
	position: absolute;
	top: 60px;
	bottom: 30px;
	left: 30px;
	right: 30px;
}

div.bx-viewport {
	height: 100%;
}

div.home-slider {
	height: 100%;
}

div.home-slider > div {
	height: 100%;
}

div.home-slider > div > img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}


.header-backdrop {
	/*background-image: url(/images/home-hero.jpg);*/
	/*background-position: center;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	background-color: rgba(0,0,0, 0.3);
	height: 100%;
	position: relative;
}

.heading-quote {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	background-image: url(/images/home-quote-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.heading-quote h1 {
	margin: 0;
	color: white;
	padding: 25px;
	font-weight: 900;
	line-height: 45px;
}

.welcome-post {
	color: white;
	text-align: center;
	padding: 50px;
}

.welcome-post h2 {
	font-weight: 500;
	padding-bottom: 35px;
	margin: 0;
}

.welcome-post p {
	font-weight: 200;
	margin: 0;
	padding: 10px 0;
}

.home-teach-message h3 {
	font-family: 'Source Sans Pro', sans-serif;
}

.home-teach-message h3 {
	color: #0098d2;
	font-size: 15pt;
	font-weight: 800;
	margin: 30px 0;
}

.home-info-row {
	padding: 10px 0 50px;
}

.home-teach-message p {
	color: #777;
	font-size: 11pt;
}

.froggie {
	margin: 15px auto;
}

.teach-col {
	padding: 0 35px;
}

.teach-col:nth-last-child(1) {
	padding-top: 82px;
}

.terms {
	border-left: 1px solid #e5e5e5;
	margin-top: 20px;
}

.terms-inner {
	margin-left: 20px;
}

.terms h2 {
	text-align: center;
	font-weight: 600;
	color: #555;
	margin-top: 0;
}

.term-dets {
	border-bottom: 1px solid #e5e5e5;
}

.term-dets:nth-last-child(1) {
	border: none;
}

.term-dets h4 {
	color: #0098d2;
}

.term-dets p {
	color: #777;
}

.home-classes {
	background-image: url(/images/classes-hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	color: white;
	text-align: center;
	padding: 100px 0;
}

.home-classes-col h2 {
	font-weight: 600;
}

.home-classes-col p {
	font-size: 13pt;
}

.home-classes-col p:nth-last-child(1) {
	margin-top: 50px;
	font-weight: 600;
}

.home-classes-col p:nth-last-child(1):hover {
	color: #0098d2;
}

.class-row {
	margin-top: 10px;
}

.col-xs-offset-1 {
    margin-left: 10%;
}

.class-col {
	width: 20%;
}

.home-downloads {
	padding: 50px 0;
	text-align: center;
}

.home-downloads p {
	margin: 15px;
	font-weight: 600;
	font-size: 12pt;
}

.home-downloads h2 {
	color: #0098d2;
	text-align: center;
	font-weight: 600;
	margin-bottom: 50px;
}

.dl-inner-col {
	background-color: #f0f0f0;
	padding: 15px;
	padding-top: 30px;
}

.dl-icon {
	margin: 0 auto;
}

.downloads-col a:visited {
	color: #337ab7;
}

.home-news h2 {
	color: #0098d2;
	text-align: center;
	font-weight: 600;
	margin-bottom: 50px;
}

/* FACILITIES PAGE */

.facilities-intro {
	text-align: center;
	color: #777;
	padding-top: 25px;
}

.facilities-intro p {
	padding: 25px 50px;
}

.fac-img {
	margin: 0 auto;
}

.facilities-bott-row {
	margin: 50px 0;
}

.facilities-bott-row p {
	padding: 5px 10px;
}

.fac-col {
	border-right: 1px solid #e5e5e5;
}

.fac-col:nth-last-child(1) {
	border-right: none;
}


/* CONTACT PAGE */

.contact-page {
	padding: 40px 15px;
}

.contact-content {
	padding: 0 30px;
	text-align: center;
	color: #777;
}

.contact-content p {
	margin-bottom: 30px;
}

.contact-details-col img {
	margin: 0 auto;
	max-width: 40px;
}

.contact-details-col a {
	color: inherit;
}

.contact-form {
	color: white;
}

.contact-button {
	margin: 15px;
	background-color: #333;
	cursor: pointer;
}

.contact-button p {
	margin: 0;
	padding: 15px;
	font-size: 14pt;
	font-weight: 600;
}

.reg-button {
	background-color: #0098d2;
}

.form-button-row {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.map-div {
	padding: 0;
}

#map {
	height: 400px;
	width: 100%;
}

.enquiry-popup {
	background-color: rgba(0, 0, 0, .90);
	min-width: 20%;
	max-width: 50%;
	margin: 0 auto;
	color: white;
	position: absolute;
	right: 0;
	left: 0;
	top: 300px;
	z-index: 12;
	padding: 20px 50px;
}

.enquiry-popup h3 {
	text-align: center;
	font-weight: 800;
}

.enquiry-popup p {
	text-align: center;
	border-bottom: 1px solid white;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.form-break {
	padding: 5px;
}

.msg-area {
	resize: none;
}

.url-form {
	display: none;
}

.enquiry-buttons {
	float: left;
}

.enquiry-buttons button {
	background-color: #0098d2;
	border: none;
	padding: 10px 35px;
}

.back-butt {
	background-color: #0098d2;
	border: none;
	padding: 10px 35px;
	cursor: pointer;
}

.button-row {
	text-align: center;
	margin-top: 30px;
}

.button-block {
	display: inline-block;
}

#enquiryForm {
	display: none;
}

#registrationForm {
	display: none;
}

.registration-popup {
	background-color: rgba(0, 0, 0, .90);
	min-width: 20%;
	max-width: 50%;
	margin: 0 auto;
	color: white;
	position: absolute;
	right: 0;
	left: 0;
	top: 300px;
	z-index: 12;
	padding: 20px 50px;
}

.registration-popup h3 {
	text-align: center;
	font-weight: 800;
}

.registration-popup p {
	text-align: center;
	border-bottom: 1px solid white;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

/*	ABOUT US	*/

.about-page-row {
	margin-top: 30px;
}

.about-page-row h2 {
	font-weight: 800;
	color: #0098d2;
}

.about-history {
	border-right: 1px solid #e5e5e5;
}

.staff-row {
	margin: 30px 0;
}

.staff-col img {
	padding: 15px;
}

.staff-col img {
	margin: 0 auto;
	max-width: 90%;
}

.staff-col h3 {
	font-size: 18pt;
	text-align: center;
	color: #0098d2;
}

.staff-col h4 {
	font-size: 12pt;
	text-align: center;
	min-height: 55px;
	max-height: 85px;
}

.staff-col ul {
	padding-left: 20px;
}

.staff-col li {
	font-size: 10pt;
	color: #777;
}

/* CLASSES */

.classes-row {
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

.classes-row:nth-last-child(1) {
	border-bottom: none;
}

.classes-row h2 {
	color: #0098d2;
	font-weight: 800;
}

.classes-row img {
	margin: 0 auto;
}

/*News Page*/

.grid {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: center;
}

h1.blog-heading {
	color: #0098d2;
	font-weight: 800;
}

.news-page {
	margin-bottom: 50px;
	position: relative;
}

.news-img {
	margin: 0 auto;
}

.news-topic-header {
	width: 100%;
	text-align: center;
	background-color: #666;
	color: white;
	padding: 15px;
	position: relative;
	margin-bottom: 20px;
}

.news-topic-header > h1 {
	margin: 0;
	font-size: 24pt;
}

.news-back {
	position: absolute;
	top: 15px;
	right: 15px;
	margin-top: 10px;
	padding: 5px 15px;
	text-align: center;
	color: #0098d2;
	border: 2px solid white;
}

.news-back p {
	margin: 0;
}

.news-back:hover {
	border: 2px solid #0098d2;
}

@media only screen and (max-width: 767px) {

	.news-back {
		position: relative;
		top: 0;
		right: 0;
	}
}

.topic-detailed-content h2 {
	font-size: 12pt;
	float: right;
	font-weight: 800;
}

.topic-detailed-content p {
	font-size: 12pt;
	font-weight: 300;
	color: #999;
}

.news-topic-content {
	margin-bottom: 20px;
	margin-top: 30px;
}

div#blog-listings-container ul{padding:0;margin:0;list-style:none;align-items:stretch}div#blog-listings-container ul li{-ms-flex:0 1 320px;flex:0 1 320px;margin:30px 0;border-right:1px solid #e5e5e5;position:relative;padding:0 20px 20px 20px}div#blog-listings-container ul li:nth-of-type(3n+3){border-right:none}div#blog-listings-container ul li:nth-last-of-type(1){border-right:none}div#blog-listings-container ul li div.blog-listings-image img{margin:0 auto}div#blog-listings-container ul li div.blog-listings-tile{align-items:stretch;padding:10px}div#blog-listings-container ul li div.blog-listings-tile div.blog-listings-title{text-align:center}div#blog-listings-container ul li div.blog-listings-tile div.blog-listings-title p.blog-listings-date{display:inline-block;font-weight:100;border-bottom:2px solid #ccc;padding:0 15px 5px 15px}div#blog-listings-container ul li div.blog-listings-tile div.blog-listings-title h3{padding:0 5px;font-size:1.4em;margin:0 0 10px 0;height:78px}div#blog-listings-container ul li div.blog-listings-tile div.blog-listings-preview{text-align:center;padding:0 5px;font-weight:100;font-size:1.1em;color:gray}div#blog-listings-container ul li div.blog-listings-tile div.blog-listings-preview p{margin-top:0;font-weight:100}div#blog-listings-container ul li p.blog-listings-read-more{text-transform:uppercase;color:#0098d2;position:absolute;bottom:0;left:0;right:0;text-align:center}div#blog-listings-container ul li p.blog-listings-read-more span.fa{margin-left:5px}


@media only screen and (max-width: 1200px){

	.contact-button p {
	    margin: 0;
	    padding: 15px;
	    font-size: 10pt;
	    font-weight: 600;
	}
	
	.contact-button {
	    margin: 15px 0;
	
	}
	
	.nav > li > a {
	    position: relative;
	    display: block;
	    padding: 10px 10px;
	    font-size: 12pt;
	}
	
	

}

@media only screen and (max-width: 992px) {

	.downloads-col {
		padding: 15px;
	}
	
	.classes-row img {
	    margin: 0 auto;
	    padding-top: 27px;
	}
	
	.contact-page {
		padding-right: 15px;
		padding-left: 15px;
	    width: 100%;
	}
	
	.contact-details-col p {
		font-size: 9pt;
	}
	
	#map {
	    height: 400px;
	    width: 90%;
	    margin: 0 auto;
	}
	
	.contact-button p {
	    margin: 0;
	    padding: 15px;
	    font-size: 9pt;
	    font-weight: 600;
	}
	
	.heading-quote {
	    width: 85%;
	}
	
	.logo {
	    z-index: 10;
	    position: relative;
	}
	
	.nav > li > a {
	    position: relative;
	    display: block;
	    padding: 10px 10px;
	    font-size: 10pt;
	}
	
	.social {
		display: none;
	}
	
	.navbar-brand {
		width: 300px;
		
	}
	
}	

@media only screen and (max-width: 767px) {

	.teach-col:nth-last-child(1) {
	    padding-top: 0;
	}
	
	.contact-button p {
	    margin: 0;
	    padding: 15px;
	    font-size: 10pt;
	    font-weight: 600;
	}
	
	.terms {
	    margin: 0 auto;
	    border-left: none;
	    margin-top: 20px;
	    width: 400px;
	}
	
	.froggie {
	    margin: 30px auto 15px;
	}
	
	.class-icon {
		margin: 0 auto;
	}
	
	.class-row {
	    margin-top: 10px;
	    margin-bottom: 25px;
	}
	
	.footer-logo-col {
		width: 400px;
		margin: 0 auto;
	}
	
	.footer-links {
		margin: 45px 0;
	}
	
	.about-history {
	    border-right: none;
	}
	
	.fac-col {
		padding: 15px;
		border: none;
	}
	
	#map {
	    height: 400px;
	    width: 100%;
	    margin: 0 auto;
	}
	
	.contact-popup {
	    background-color: rgba(0, 0, 0, .90);
	    min-width: 20%;
	    max-width: 80%;
	    margin: 0 auto;
	    color: white;
	    position: absolute;
	    right: 0;
	    left: 0;
	    top: 300px;
	    z-index: 12;
	    padding: 20px 50px;
	}
	
	.page-header-quote {
	    width: 85%;
	}
	
	.page-header-quote h1 {
	    font-size: 24pt;
	}
	
	h2 {
		font-size: 17pt;
	}
	
	.heading-quote h1 {
	    font-size: 24pt;
	}
	
	.heading-quote {
	    width: 100%;
	}
	
	.social {
		display: none;
	}
	
	.navbar-toggle {
	    margin-top: 12px;
	    margin-right: 45px;

	}
	
	.nav li {
	    font-weight: 900;
	    font-size: 14pt;
	    text-align: center;
	}
	
	.navbar-collapse {
	    border: none;
	    box-shadow: none;
	    background-color: white;
	    position: relative;
	    margin: 0px 15px!important;
	    z-index: 1000 !important;
	}
	
	.logo {
	    z-index: 1500;
	    position: relative;
	}
	
	.nav-home {
		display: inherit!important;
	}
	
	
	
}	

@media only screen and (max-width: 500px) {

	.copyright {
	    text-align: center;
	    font-size: 10pt;
	}
	
	.page-header-quote {
	    width: 100%;
	}
	
	.page-header-quote h1 {
	    font-size: 20pt;
	}
	
	.heading-quote h1 {
	    font-size: 20pt;
	}
	
	.navbar-brand {
		width: 250px;
		
	}
	
	.footer-logo-col {
	    width: 100%;
	    margin: 0 auto;
	    /* margin: 0; */
	}
	
	.terms {
	    margin: 0 auto;
	    border-left: none;
	    margin-top: 20px;
	    width: 100%;
	}

}	

@media only screen and (max-width : 1100px) and (orientation : landscape) {}