/*
Theme Name: Creatomatic WordPress Framework
Theme URI: http://www.creatomatic.co.uk/our-framework-for-wordpress/
Description: Client website theme
Author: Creatomatic Ltd
Author URI: http://www.creatomatic.co.uk
License URI: http://www.creatomatic.co.uk/terms-and-conditions/

Colours being used:


Purple #2e008b

Grey #a7a8aa

Pink #ec008c

Light blue #00b6ed


*/


html, body {
	margin: 0;
	padding: 0;
	font-family: 'Arial', 'Helvetica', serif;
	color: #a7a8aa;
	font-size: 14px;
	line-height: 1.5;
    transition:.5s;
	
}

h1, h2, h3 {
	font-family: 'Raleway', 'Helvetica', 'Arial', serif;
	margin: 0;
	color: #2e008b;
	font-weight: normal;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 21px;
}

h3{
	font-size: 16px;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

iframe{
	max-width: 100%;
}

iframe img{
	max-width: inherit;
}

#google-map img{
	max-width: inherit;
}

.clearer, .creatomatic-clearer {
	clear: both;
	height: 0;
}

*:focus {  
	outline: none;
}

a {
	color: #2e008b;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #2e008b; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #2e008b; /* Firefox */
	color: #fff;
}

.centred {
	margin: 0 auto;
	text-align: center;
	max-width: 1200px;
}

.hr, hr {
	background:url(images/hr.png) repeat-x top left;
	height: 2px;
	margin: 5px 0 5px 0;
	border: 0;
}

.schema-faq-section{
	border-bottom: 1px solid #a9854c;
}

.schema-faq-question{
	font-family: 'Arial', 'Helvetica', serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.03em;
	line-height: 1.5;
	font-size: 18px;
	padding: 20px 50px 20px 0;
	display: inline-block;
	width: calc(100% - 50px);
	position: relative;
}

.schema-faq-question:after{
	content: '\f063';
	font-family: "Font Awesome 6 Pro";
	float: right;
	border-radius: 50%;
	background: #2e008b;
	color: #fff;
	padding: 5px;
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	letter-spacing: 0;
	
	position: absolute;
	right: 0;
	top: 20px;
}

.schema-faq-answer-open:after{
	transform: rotate(180deg);
}

.schema-faq-answer{
	display: none;
}


/* Heading */


.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10000;
	box-shadow: 0 0px 10px rgba(0,0,0,0.1);
	float: left;
}

.top-bar{
	float: left;
	width: 100%;
	background: #2e008b;
	color: #fff;
	margin-bottom: 10px;
}

.top-bar a{
	color: #fff;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.top-bar a:hover, .top-bar-right .search-icon:hover{
	opacity: 0.6;
}

.top-bar-left{
	float: left;
}

.textsize{
	float: left;
	margin: 10px 0 0 30px;
}

a.social-icon i{
	float: left;
	width: 16px;
	height: 16px;
	padding: 5px;
	background: #fff;
	color: #2e008b;
	font-size: 16px;
	margin: 7px;
	text-align: center;
	border-radius: 50%;
}

.contact-info a.social-icon i{
	color: #fff;
	background: #2e008b;
	float: none;
}


.top-bar-right{
	float: right;
	margin:5px 7px 5px 0;
}

.top-bar-right a{
	margin: 6px 20px 0 15px;
	display: inline-block;
}

.top-bar-right .search-icon{
	float: right;
	font-size: 20px;
	width: 20px;
}

.search-open .search-icon i{
	transform: rotate(100deg);
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.top-bar-right .search-icon i.fa-times{
	display: none;
}



a.header-logo{
	float: left;
	width: 30%;
	margin-bottom: 10px;
}








/* Search */

.superfastsearch_outer{
	float: right;
	width: 100%;
	border-top: 1px solid #fff;
	display: none;
	margin-top: 5px;
}

.superfastsearch /* control the width of the outer box from here */ {
	width: 60%;
	margin: 10px 20%;
}

.superfastsearch_results, .superfastsearch_input {
	width: 94%;
	padding: 11px 3% 7px 3%;
	background: none;
	color: #fff;
	border: none;
	font-family: inherit;
	font-size: 26px;
}

.superfastsearch_input{
	width: 100%;
	padding: 10px 0;
	background: none;
}

.superfastsearch_input::placeholder{
	color: #fff;
}

.superfastsearch_results{
	padding: 0px 3%;
	top: 50px;
	background: #2e008b;
	color: #fff;
	z-index: 400;
	box-shadow: none;
	border: none !important;
	font-size: 16px;
	border-radius: 10px;
}

a.sfs_result{
	border: none;
	color: #fff;
}

.sfs_result:hover, .sfs_result:focus{
	color: #00b6ed;
}



/* Navigation */

.nav {
	float: right;
	width: 65%;
	margin: 20px 0 20px 0;
	text-align: right;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	display: inline;
	text-decoration: none;
	color: #fff;
	position: relative;
}

.nav a {
	position: relative;
	padding: 10px 15px 10px 15px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	color: ;
}

.nav a:hover, .nav .current_page_ancestor > a, .nav .current_page_item > a {
	color: #00b6ed;
	font-weight: normal;
}

.nav .menu li ul a:link, .nav .menu li ul a:visited {
	display: block;
	text-decoration: none;
} 

.nav .menu li ul {
	position: absolute;
	display: none;
	background: #2e008b;
	text-align: left;
	z-index: 1000; 
	margin: 0; 
	padding: 0; 
	width: 200px;
	margin-left: 0px;
	left: 0;
} 

.nav .menu li ul a {
	font-size: 14px;
}

.nav .menu li ul li {
	display: inline;
	float: none;
	padding: 0px;
	margin: 0px;
}

.nav .menu li ul li a {
	color: #fff;
}

.nav .menu li ul li a:hover {
	color: #00b6ed;
}






/* Mobile Nav */

.mobile-nav /* Hides on desktops */ {
	display: none;
	width: 100%;
}

.mobile-nav-header {
	color: #2e008b;
	margin: 0 2% 0 0;
	text-align: left;
	float: right;
	
	display: none;
}

.mobile-nav-header:hover{
	cursor: pointer;
}

.mobile-nav-header span{
	float: left;
	margin: 20px 10px 10px 10px;
	
	display: none;
}

.mobile-nav-header i{
	float: left;
	font-size: 46px;
	text-align: center;
	padding: 0 10px 0 0;
}

.mobile-nav-header i.arrow{
	display: none;
}



.mobile-nav ul {
	list-style: none;
	padding:0;
	margin:0;
}

.mobile-nav a {
	color:#fff;
	float: left;
	width: 80%;
	margin: 0;
	background: #2e008b;
	text-align: left;
	padding: 5px 10%;
}

.mobile-nav a:hover, .mobile-nav .current_page_ancestor > a, .mobile-nav .current_page_item > a {
	background: #00b6ed;
	color: #fff;
}

.mobile-nav ul li ul a {
	padding: 5px 5% 5px 15%;
}






/* Body */

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}


.banner{
	float: left;
	width: 100%;
}


.banner .slide {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
}


.home-content{
	display: inline-block;
	width: 80%;
	margin: 50px 10%;
	font-size: 18px;
}



.light-purple{
	float: left;
	width: 100%;
	padding: 50px 0;
	background: rgba(46, 0, 139, 0.1);
}


a.children-grid{
	float: left;
	width: 29.33%;
	margin: 30px 2%;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.children-grid-odd{
	clear: left;
}

a.children-grid:hover{
	transform: scale(1.1);
	box-shadow: 0 0px 10px rgba(0,0,0,0.1);
}

.children-grid-image{
	float: left;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
}

.children-grid-content{
	float: left;
	width: 90%;
	padding: 10px 5%;
	background: #fff;
	text-align: center;
	min-height: 120px
}

a.blog-grid .children-grid-content{
	text-align: left;
	font-size: 13px;
}

a.blog-grid .children-grid-content h2{
	font-size: 18px;
	margin-bottom: 10px;
}


.light-purple-darker{
	float: left;
	width: 100%;
	padding: 50px 0;
	background: rgba(46, 0, 139, 0.2);
}




.crumbs{
	display: inline-block;
	width: 96%;
	margin: 20px 2%;
	text-align: right;
	font-size: 12px;
}

.blog-left{
	float: left;
	width: 20%;
	margin: 40px 2%;
	text-align: left;
}

.mobile-blog-button{
	float: left;
	width: 90%;
	padding: 10px 5%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	
	display: none;
}

.mobile-blog-button i{
	margin-left: 10px;
}

.blog-left ul{
	margin: 0;
	padding: 0;
}

.blog-left ul li{
	list-style: none outside none;
	margin-bottom: 10px;
}

.blog-left ul li a:hover{
	color: #00b6ed;
}

.blog-left .widget{
	margin-bottom: 30px;
}

.blog-left h2{
	font-weight: bold;
	margin-bottom: 10px;
}

.blog-right{
	float: left;
	margin: 20px 2%;
	width: 72%;
	text-align: left;
}

.blog-right a.blog-grid{
	width: 96%;
	margin: 0 0 30px 0;
}

.blog-right a.blog-grid .children-grid-content{
	min-height: inherit;
	font-size: 16px;
	padding: 20px 2%;
	width: 96%;
}

.blog-right a.blog-grid .children-grid-content strong{
	font-size: 14px;
}






.pagination{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0.1);
}

.pagination a.page-numbers, .pagination span.current{
	display: inline-block;
	width: 20px;
	text-align: center;
	color: #00b6ed;
}

.pagination span.current, .pagination a.page-numbers:hover, .pagination a.prev:hover, .pagination a.next:hover{
	color: #fff;
	background: #00b6ed;
}

.pagination a.prev, .pagination a.next{
	width: auto;
	padding: 0 3px;
}





.page-content{
	display: inline-block;
	width: 96%;
	margin: 10px 2%;
	text-align: left;
}





.department-title{
	display: inline-block;
	width: 96%;
	margin: 30px 2% 10px 2%;
	text-align: left;
}

a.team-member{
	float: left;
	width: 21%;
	margin: 20px 2%;
	color: #656565;
	font-size: 14px;
	text-align: left;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.team-member-odd{
	clear: left;
}

.team-member-image img{
	  float: left;
	  width: 100%;
}

a.team-member:hover{
	transform: scale(1.1);
	box-shadow: 0 0px 10px rgba(0,0,0,0.1);
}

.team-member-content{
	float: left;
	width: 90%;
	padding: 10px 5%;
	background: #fff;
}


a.team-member h2{
	font-size: 16px;
	margin-bottom: 10px;
}

.team-member-position{
	font-size: 13px;
	margin: 0 0 10px 0;
}






.team-left{
	float: left;
	width: 25%;
	color: #2e008b;
}

.team-right{
	float: left;
	width: 70%;
	margin-left: 5%;
}






.login-form{
	display: inline-block;
	width: 400px;
	max-width: 90%;
	margin: 20px 5%;
	text-align: left;
}

.login-form label{
	font-weight: bold;
	color: #2e008b;
}

.login-form input[type="text"], .login-form input[type="password"]{
	padding: 10px 2%;
	border: none;
	background: #fff;
	font-size: 16px;
	font-family: 'Arial', serif;
	margin-bottom: 10px;
	width: 96%;
}







/* Contact Form */

.contact-info{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #2e008b;
	margin: 30px 0;
}



.contact-form{
	float:left;
	width: 40%;
	margin: 20px 5%;
	text-align: left;
}

.contact-form h2 {
	margin-bottom: 20px;
}

.contact-row {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.contact-row label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 5px;
	color: #2e008b;
	font-weight: bold;
}

.contact-row input[type="text"], .contact-row textarea {
	border: none;
	font-family: 'Arial', 'Helvetica', serif;
	padding: 8px 1%;
	width: 98%;
	max-width: 98%;
	font-size: 16px;
}

.contact-tandc{
	font-size: 12px;
}



.message {
	color: #2E008B;
    background-color: #97ddff;
    border-color: #bce8f1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size:16px;
}


.wp-block-file .wp-block-file__button {
    background: #00b6ed;
    border-radius: 2em;
    padding: .5em 1em;
    text-transform: uppercase;
    min-width: 100px;
}




/* 404 page */

.error {
	text-align: center;
	margin: 40px auto 100px;
}


.error h1 {
	margin-bottom: 10px;
	margin-top:40px;
}


/* Footer */

.footer {
	width: 96%;
	padding: 40px 2%;
	float: left;
	border-top: 5px solid #00b6ed;
	background: #2e008b;
	color: #fff;
}

.footer a{
	color: #fff;
}

.footer a:hover{
	opacity: 0.6;
}

.footer h3{
	color: #fff;
}

a.footer-logo{
	float: left;
	width: 14%;
	margin: 10px 4% 10px 0;
}

.footer-menu{
	float: left;
	width: 18%;
	margin: 10px 1%;
	text-align: left;
}

.footer-menu h3{
	margin-bottom: 10px;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer-menu ul li {
	list-style: none outside none;
	display: block;
	margin-bottom: 5px;
}

.footer-contact{
	float: left;
	width: 20%;
	text-align: left;
	margin: 10px 0;
	
	overflow: hidden; /*remove this once fixed */
}


.credit{
	background: #00b6ed;
	color: #fff;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 10px;
}

.credit-left{
	float: left;
	max-width: 48%;
	margin: 10px 1%;
	text-align: left;
}

.credit-right{
	float: right;
	max-width: 48%;
	margin: 10px 1%;
	text-align: right;
}


/* Map */

.map-container, #google-map{
	float: left;
	width: 50%;
}

#google-map{
	height: 550px;
	width: 100%;
}




/* Browser-specific hacks - Chrome fonts, IE7 (!) dropdowns */

html {
	-webkit-font-smoothing: antialiased;
}

* + html .nav .menu li ul {
	margin-left: -100px;
	margin-top: 25px;
}

#catapult-cookie-bar {
 -webkit-transform: translateZ(0);
 }





#cboxClose {
	top: 0px;
	bottom: auto;
}


	
a.button-link, .button-link, a.wp-block-button__link, .contact-row input[type="submit"], .contact-row button, .login-form input[type="submit"]{
	display: inline-block;
	text-transform: uppercase;
	border: none;
	background: #00b6ed;
	color: #fff;
	padding: 5px 15px;
	min-width: 100px;
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	
}

a.button-link:hover, .button-link:hover, a.wp-block-button__link:hover, .contact-row input[type="submit"]:hover, .contact-row button:hover, .login-form input[type="submit"]:hover{
	transform: scale(1.1);
	cursor: pointer;
}



/* wordress builtin classes for editor etc  taken from https://codex.wordpress.org/CSS#WordPress_Generated_Classes  */

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* end wordress builtin classes for editor etc */













/* Cookie notification styling */


.wc_privacy_notice {
	position: fixed;
	bottom: -70px;
	width: 96%;
	text-align: center;
	background: rgba(255,255,255,0.9);
	border-top: 2px solid #00B6ED;
	padding: 10px 2% 1px;
	font-size: 14px;
	z-index: 60000;
	animation: slideDown 1s ease forwards;
		-webkit-animation: slideDown 1s ease forwards;
		-moz-animation: slideDown 1s ease forwards;
		-o-animation: slideDown 1s ease forwards;
	animation-delay: 1s;
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		-o-animation-delay: 1s;
}

@keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Firefox < 16 */
@-moz-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Internet Explorer */
@-ms-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

/* Opera < 12.1 */
@-o-keyframes slideDown {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-70px); }
}

.wc_privacy_text {
	margin-bottom: 12px;
}

.wc_privacy_text strong {
    margin-top: 6px;
    display: inline-block;
}

.wc_privacy_notice .centred {
	text-align: left;
	max-width: 800px;
}


	
.wc_privacy_submit {
	border: 0;
	border-radius: 0;
	background: #00B6ED;
	color: #fff;
	padding: 8px 40px;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	font-family: 'Arial', 'Helvetica', serif;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.wc_privacy_submit:hover {
	color: #fff;
	background: #2E008B;
}
	
.wc_privacy_notice_necessary {
	color: #aaa;
}
	
.wc_privacy_option {
	display: inline-block;
	background: #efefef;
	padding: 5px 30px;
}

.page-content .wc_reveal_options {
	float: none;
	display: block;
}

.page-content .wc_privacy_notice {
	position:relative;
	display: inline-block !important;
	border:1px solid #999;
	width:96%;
	padding:20px 1%;
	background: #fff;
	color: #1C2342;
	z-index: 0;
	margin: 2px 0 80px;
	animation: slideDown 0 ease forwards;
		-webkit-animation: slideDown 0 ease forwards;
		-moz-animation: slideDown 0 ease forwards;
		-o-animation: slideDown 0 ease forwards;
	animation-delay: 0;
		-webkit-animation-delay: 0;
		-moz-animation-delay: 0;
		-o-animation-delay: 0;
	}
	
.page-content .wc_privacy_option {
	margin-top: 2px;
}

.page-content .wc_privacy_notice label {	
	display:inline-block;
	}
	
.reveal_privacy_options {
	display: inline-block;
	border: 0;
	border-radius: 0;
	background: rgba(0, 182, 237, 0.7);
	color: #fff;
	padding: 4px 40px;
	cursor: pointer;
	font-size: 14px;
	margin-right:10px;
}

.reveal_privacy_options:hover {
	color: #fff;
	background: #2E008B;
	opacity: 0.5;
		-webkit-opacity: 0.5;
	    	 -o-transition:.5s;
	    	  -ms-transition:.5s;
	    	  -moz-transition:.5s;
	    	  -webkit-transition:.5s;
	    	  transition:.5s;
}

.wc_privacy_updated {
	display: none;
}

.wc_reveal_options {
	display: none;
	float: left;
	width: 100%;
	padding: 10px 0 12px;
}

.wc_privacy_policy_buttons{
	float: right;
	text-align: right;
}

.wc_privacy_policy_buttons button{
	float: right;
}

@media (max-width: 768px) {
	.wc_privacy_policy_buttons {
		width: 60%;
	}
	
	.reveal_privacy_options {
		margin-left:10px;
		padding: 5px 25px;
	}
	
	.page-content .wc_privacy_submit {
		margin:2px 0 0 !important;
	}
	
	.wc_privacy_option {
	    min-width: 97px;
	    margin-top: 3px;
	}
	
	.page-content .wc_privacy_option {
	    min-width: 88px;
	}
}

@media (max-width: 490px) {
	
	.wc_privacy_policy_buttons {
	    width: 55%;
	}
	
	.reveal_privacy_options {
	    padding: 5px 14px;
	    font-size: 12px;
	}
	
	.page-content .wc_privacy_submit {
		padding: 7px 40px;
		margin-right: 5px !important;
	}
	
	.wc_privacy_option {
		display: inline-block;
		width: 43%;
		padding: 5px 3%;
		margin-top:4px;
		text-align: right;
	}
	
	.wc_privacy_submit {
		padding: 7px 20px;
	}

	
}

@media (max-width: 340px) {

	.wc_privacy_submit {
	    padding: 5px 20px;
	    font-size: 10px;
	}
	
	.reveal_privacy_options {
	    padding: 5px 10px;
	    font-size: 10px;
	}


}

/* ################################################# ACCESSIBILITY ################################################# */

a.accessible {
	display:inline-block;
	padding:2px 5px;
	background:#fff;
	color: #a7a8aa;
	border-radius: 1px;
	}

a.accessible.bw {
	color:#000;
	}
	
a.accessible.wb {
	color:#fff;
	background:#000;
	}
	
a.accessible.yb {
	background:#FCEE21;
	color:#000;
	}
	
	
body.bw, 
body.bw .top-bar,
body.bw .header,
body.bw .light-purple,	
body.bw .light-purple-darker,
body.bw .children-grid-content,
body.bw .footer,
body.bw a,
body.bw h1,
body.bw h2,
body.bw h3,
body.bw .credit,
body.bw .team-member-content,
body.bw .button-link,
body.bw .team-left
{
	background:#fff !important;
	color:#000 !important;
}

body.wb, 
body.wb .top-bar,
body.wb .header,
body.wb .light-purple,	
body.wb .light-purple-darker,
body.wb .children-grid-content,
body.wb .footer,
body.wb a,
body.wb h1,
body.wb h2,
body.wb h3,
body.wb .credit,
body.wb .team-member-content,
body.wb .button-link,
body.wb .team-left
{
	background:#000 !important;
	color:#fff !important;
}

body.yb, 
body.yb .top-bar,
body.yb .header,
body.yb .light-purple,	
body.yb .light-purple-darker,
body.yb .children-grid-content,
body.yb .footer,
body.yb a,
body.yb h1,
body.yb h2,
body.yb h3,
body.yb .credit,
body.yb .team-member-content,
body.yb .button-link,
body.yb .team-left
{
	background:#FCEE21 !important;
	color:#000 !important;
}




a.accessible.standard,
a.accessible.bw,
a.accessible
 {
	display:inline-block;
	padding:2px 5px;
	background:#fff !important;
	color: #a7a8aa !important;
	border-radius: 1px;
	}

a.accessible.bw {
	color:#000 !important;
	}
	
a.accessible.wb {
	color:#fff !important;
	background:#000 !important;
	}
	
a.accessible.yb {
	background:#FCEE21 !important;
	color:#000 !important;
	}




/* ################################################# TABLET ################################################# */

@media (max-width: 800px) {
	
	
	.nav{
		margin-top: 0;
		text-align: center;
	}
	
	a.header-logo{
		margin-top: 20px;
	}
	
	.banner .slide{
		height: 350px;
	}
	
	
	a.team-member{
		width: 46%;
	}
	
	a.team-member-odd{
		clear: none;
	}
	
	a.team-member-tablet{
		clear: left;
	}
	
	.footer-menu{
		width: 34%;
	}
	
	.footer-contact{
		width: 46%;
		text-align: left;
		font-size: 12px;
		margin: 10px 2%;
	}
	
	.footer-twitter {
		width:46%;
	}
	
	a.social-icon i{
		float: none;
		display: inline-block;
	}
	
	.map-container {
	    width: 48%;
	    margin: 10px 0 0 2%;
	}
	

}




/* ################################################# MOBILE ################################################# */
@media (max-width: 520px) {
	
	.header{
		position: relative;
	}
	
	.top-bar{
		margin-top: 0 !important;
	}

	.nav {
		display: none;
	}

	.mobile-nav-header {
		display: inline-block;
	}
	
	.top-bar-left{
		width: 100%;
	}
	
	.textsize{
		float: right;
		margin: 10px 1% 0 30px;
	}
	
	.top-bar-right{
		text-align: center;
		width: 100%;
	}
	
	.top-bar-right .search-icon{
		display: inline-block;
		float: none;
	}
	
	.top-bar-right a{
		margin: 5px 10px;
	}
	
	.superfastsearch{
		margin: 10px 5%;
		width: 90%;
	}
	
	a.header-logo{
		width: 60%;
		margin-top: 0;
	}
	
	
	
	
	
	.banner .slide{
		height: 200px;
	}
	
	
	a.children-grid{
		width: 96%;
	}
	
	.children-grid-image{
		height: 150px;
	}
	
	.children-grid-content{
		min-height: inherit;
	}
	
	a.blog-grid .children-grid-content{
		min-height: inherit;
	}
	
	
	
	.team-member-position{
		font-size: 11px;
	}
	
	.team-left{
		width: 100%;
		text-align: center;
	}
	
	.team-right{
		width: 100%;
		margin: 20px 0;
	}

	
	.mobile-blog-button{
		display: inline-block;
	}
	
	#sidebar{
		display: none;
	}
	
	.blog-left{
		width: 96%;
	}
	
	.blog-right{
		width: 96%;
	}
	
	
	
	
	.map-container{
		width: 100%;
		margin: 0;
	}
	
	#google-map{
		height: 200px;
	}
	
	.contact-form{
		width: 90%;
	}

	
	.footer h3{
		font-size: 14px;
	}
	
	a.footer-logo{
		width: 80%;
		margin: 0 10% 20px 10%;
	}
	
	.footer-menu{
		width: 46%;
		font-size: 12px;
		margin: 10px 2%;
	}
	
	
	.footer-contact{
		text-align: left;
		width: 46%;	
		clear: both;
	}
	

}