/*
Theme Name: Aqua Swin School
Theme URI: 24-7website.co.uk
Description: 
Version: 1.0
Author: 24-7website.co.uk

*/



html>body #content {
	height: auto;
}

body{
	padding: 0px;
	margin: 0px;
	font: 62.5% 'Lato', sans-serif; /* Resets 1em to 10px */
	overflow-y: scroll;		
	background: url(images/bg.jpg) top center #0054b8;
}

#wrap {
    max-width: 1001px;
    text-align:left;
    margin:0px auto;
}


/************************************************
*	Header, Headings, etc.									*
************************************************/
#logo {
		height: 104px;
		max-width: 1001px;
		margin: 0 auto;
		z-index: 2;
		position: relative;
		}
#logo img {	
			transform: scale(1);
			-webkit-transition: 200ms ease;
			transition: 200ms ease;
			}		
		
#logo img:hover {	
			transform: scale(.95);
			-webkit-transition: 200ms ease;
			transition: 200ms ease;
			}		
		
@media(max-width: 915px) {
#logo {}
#menu li a {font-size: 2em !important; padding: 3px 5px !important;}
#menu ul {margin-top: 13px !important;}
#logo img {
			transform: scale(.7);
			-webkit-transform: scale (.7);
			margin-top: -30px;
			margin-left: -30px;
			-webkit-transition: 400ms ease;
			transition: 400ms ease;			
			}
}	
	
		
#menu-line {
		height: 55px;
		width: 100%;
		background-color: #ffd200;
		display: block;
		}
#menu {
		max-width: 1001px;
		margin: 0 auto;
		font-family: 'architects_daughterregular', 'Lato', sans-serif;		
		}
#menu ul {
		padding: 0;
		margin: 5px 0 0 0;
		float: right;
		}
#menu li {
		list-style: none; 
		display: inline-block;
		}
#menu li a{
		font-size: 2.0em;
		font-weight: 300;
		color: #054083;
		-webkit-transition: 200ms ease;
		transition: 200ms ease;
		padding: 3px 5px;
		text-shadow: 0 1px 1px #fff;
		}
#menu li a:hover, #menu li.current-menu-item a	 {
		-webkit-transition: 200ms ease;
		transition: 200ms ease;
		color: #fff;
		text-shadow: 0 1px 1px #054083;
		}
#header-photo{
		max-width: 1001px;
		margin: 0 auto;
		z-index: 1;
		position: relative;
		box-shadow: 0 5px 5px #0057ba;
		border-radius: 0 0 10% 10%;		
		}
#header-photo img {
		width: 100%;
		height: auto;
		border-radius: 0 0 10% 10%;
		}
		
@media(max-width:720px) {
#header-photo img {display: none;}
#header-photo {width: 100% !important}
#menu-line {background: none;}
}

/************************************************
*	Links and Headings									*
************************************************/


a img,:link img,:visited img { border:none }    



a, a:link {
	color: #2c78cf;
	text-decoration: none;
}

p a:hover {
	text-decoration: none;
	opacity: .5;
}


h1 {
        font-size: 2.2em;
        line-height: 1.1em;
		font-weight: normal;
        margin: 20px 0 0 0;
		font-family: 'architects_daughterregular', 'Lato', sans-serif;	
}

.date{
	font-size: 1em;
    margin-bottom: 20px;
	font-family: 'architects_daughterregular', 'Lato', sans-serif;	
}



h3 {
        font-size: 2.2em;
        line-height: 1.1em;
		font-weight: normal;
        margin: 20px 0 10px 0;
		text-align: center;
		font-family: 'architects_daughterregular', 'Lato', sans-serif;	
		
}

h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 10px 0 10px 0;
	padding: 0;
	color: #054083;  
	font-family: 'architects_daughterregular', 'Lato', sans-serif;		
}


h5 {
	color: #000000;
        margin: 8px 0px 0px 0px;
	padding: 0px;
        font-size: 1.3em;
        font-variant: small-caps;
	font-weight: normal;
}


strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

/************************************************
*	Main Content									*
************************************************/

#main {
        max-width: 1001px;

}

#content {
        float: left;
        padding: 20px 0px 0px 0px;
		
}

.item {
        padding: 0px 20px 10px 20px;
        margin-bottom: 1.5em;
        color: #054083;  
        font-size: 1.6em;
        line-height: 1.4em;	
		text-align: justify;
		background: rgba(255,255,255,.9);		
		border-radius: 0 0 10% 10%;
		box-shadow: 0 5px 5px #004494;
		width: 960px;
}
@media(max-width:1000px) {
.item {width: auto !important;}
}

.item p {

}	



.item img {
box-shadow: 0 0 5px 
}

.item ul {
	list-style-type: disc;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.item ol{
	list-style-type: decimal;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 7px;
        margin-bottom: 18px;
}


input{
	font-size: 100%;
}

.metadata{
	font-size: 90%;
        line-height: 220%;
        margin-top: 20px;
        font-style: italic;
}

.metadata a:link {
	color: #333333;
}

.metadata a:hover, .metadata a:visited{
	color: #9c9c9c;
}


/************************************************
*	Sidebar									*
************************************************/

#primary{
        width: 200px;
	padding: 0px;
	float: left;
}

#l_sidebar {
	padding: 30px 7px 20px 15px;
        font-size: 1.3em;
	line-height: 1.4em;
	}
	
#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
        color: #333333;
	}
	
#l_sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 3px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#l_sidebar li {
        margin: 0px;
	padding: 0px;
        color: #333333;
}
#l_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#l_sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#l_sidebar ul li a:hover {
	color:#9c9c9c; 
}

#l_sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        color: #333333;
        list-style-type: disc;
        list-style-position: outside;
        color: #595441;
}

#l_sidebar ul ul li{
	margin: 0px;
}

#l_sidebar ul ul ul{
	margin-top:0; 
        margin-bottom:0;
	padding: 0px 0px 0px 14px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#l_sidebar ul ul ul li{
	margin: 0px;
}

#secondary{
        width: 200px;
	padding: 0px;
	float: right;
}

#r_sidebar {
	padding: 30px 15px 20px 4px;
        font-size: 1.3em;
	line-height: 1.4em;
	}

#r_sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar li {
        margin: 0px;
	padding: 0px;
        color: #333333;
}
#r_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#r_sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#r_sidebar ul li a:hover {
	color:#9c9c9c; 
}

#r_sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul li{
	margin: 0px;
}

#r_sidebar ul ul ul{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul ul li{
	margin: 0px;
}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
        color: #333333;
	}
	

li .categories, li .linkcat, li .pagenav {
	margin: 0px;
	padding: 0px;
}

.sidebarSearch{
	clear: both;
        margin-top: 10px;	
        margin-bottom: 10px;
	margin-left: 5px;
}

.feedarea  {
	height: 30px;
	padding-left:20px;
}

.feedarea  a {
       color: #333333;
}


/************************************************
*	Footer									*
************************************************/


#foot {
		width: 100%;
		background-color: #ffd200;
		display: block;
}
#foot-in 
{max-width: 1001px;
margin: 0 auto;
text-align: center;
        color: #054083;  
        font-size: 1.5em;
		padding-top: 15px;

}

.weblogo {position: relative; display: block; float: right; width: 100px; height: 30px; background: url(images/24-7logo.png) no-repeat;}

@font-face {
    font-family: 'architects_daughterregular';
    src: url('architectsdaughter-webfont.eot');
    src: url('architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('architectsdaughter-webfont.woff2') format('woff2'),
         url('architectsdaughter-webfont.woff') format('woff'),
         url('architectsdaughter-webfont.ttf') format('truetype'),
         url('architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.levels {
			max-width: 313px;
			float: left;
			text-align: left;
			}
.levels img {margin-right: 10px;
			float: left;
			padding-bottom: 20px;
		}
.gallery img {
				border: solid 2px #ffd200 !important;
				margin: 10px 17px;
				transform: scale(1);
				transition: all 200ms ease 0s;				
				box-shadow: 0 0 0 #5c829a;
				border-radius: 5px;
				}
.gallery img:hover {
				transform: scale(1.1);
				transition: all 200ms ease 0s;				
				box-shadow: 0 0 10px #5c829a;
				}			
.alignleft {float: left; margin-right: 20px;}
.alignright {float: right; margin-left: 20px;}
.aligncenter {display: block; margin: 0 auto;}

#cboxOverlay {
			opacity: 1!important;
			}
#cboxTitle {
			font-size: 2.5em;
			font-family: 'architects_daughterregular', 'Lato', sans-serif;
			bottom: -11px !important;
			color: #054083 !important;
			}
.contact-left {
			float: left; 
			text-align: center; 
			width: 500px; 
			margin-right: 40px;			
			}
.contact-right			
				{
					width: 400px; 
					float: left; 
					}

@media(max-width: 630px) {
.contact-right, .contact-left {width: auto !important;}
.loga {width: 100%; height: auto;}
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
			border: none !important;
			background-color: #FFD200;
			color: #054083;
			border-radius: 3px;
			}
.wpcf7-submit {
			border: none!important;
			background-color: #FFD200;
			color: #054083;
			border-radius: 3px;
			padding: 5px 10px;
			cursor: pointer;
			transform: scale(1);
			-webkit-transform: scale (1);
			-webkit-transition: 400ms ease;
			transition: 400ms ease;						
			}
.wpcf7-submit:hover {
			transform: scale(.9);
			-webkit-transform: scale (.9);
			-webkit-transition: 200ms ease;
			transition: 200ms ease;						
}
div.wpcf7-response-output {margin-left: 0 !important;}

.back-link, .more-link {
			float: right;
			margin-right: 20px;
			font-family: 'architects_daughterregular', 'Lato', sans-serif;	
			font-size: 1.3em;				
			margin-top: 15px;
			}
.navigation a{
			font-family: 'architects_daughterregular', 'Lato', sans-serif;	
			font-size: 1.8em;				
			background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
			padding: 5px 10px;
			border-radius: 5px;
			-webkit-transition: 200ms ease;
			transition: 200ms ease;			
			}
.navigation a:hover {
			opacity: .8;
ant;
			-webkit-transition: 200ms ease;
			transition: 200ms ease;
			}
.navigation {height: 50px;}			
.no-shadow {box-shadow: none !important;}


.mlab-modal-dialog {width: 60% !important;}
h4.mlab-modal-title {font-size: 4em; text-align:center;}

.mlab-modal-content { background: #ffd200 !important;}

.mlab-modal-body {text-align: center; font-size: 2em;}
.mlab-modal-body p{color: #054083;}
.mlab-modal-label {
border: none !important;
background-color: #054083;
color: #ffd200;
border-radius: 3px;
padding: 5px 10px;
cursor: pointer;
font-size: 1.7em;
}

@media(max-width: 830px) {
	#menu-line {display: none;}
	#content {padding-top: 80px;}
}