/* BASE FEATURES */
img {
width: 100%;
border:0;
vertical-align:middle;
}

img.responsive {
max-width: 1400px;
}

section{
position: relative;
max-width: 1250px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
box-sizing:border-box;
background:white;
}

p{
font-size:115%;
width:100%;
margin-left:0;
color:#777;
text-align:center;
padding:3%;
padding-bottom:0;
box-sizing:border-box;
}

.row#banner_row{
width:100%;
height:20em;
text-align:center;
border:none;
padding:0;
background-image: url("../images/location-banner-clear.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

#banner_row h1{
clear:both;
float:left;
text-align:center;
font-size:250%;
color:white;
margin:initial;
margin-top:2.0em;
width:100%;
}

h2{
text-align:center;
color:#777;
margin:initial;
margin-bottom:0;
margin-top:1.5em;
font-size:250%;
}

section#timetables{
margin-top:0.5em;
}

div.block_1, div.block_2, div.block_3{
font-size:150%;
margin:initial;
margin-top:1em;
padding:0;
min-height:14em;
}

div.block_1{
background-image: url("../images/s4-teaching-image-large.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

div.block_2{
background-image: url("../images/s6-coaching-image-large.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

div.block_3{
background-image: url("../images/s4-adults.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

div.lifeguard{
font-size:150%;
margin:initial;
margin-top:1em;
padding:0;
min-height:14em;
text-align:center;
background-image: url("../images/rookie_lifeguard.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

p.timetable-link{
box-sizing:border-box;
text-align:center;
color:white;
width:75%;
font-size:95%;
margin:initial;
margin-top:8.5em;
margin-left:12.5%;
background:#011751;
padding:10px;
border-radius:15px;
}

p.finder-bottom{
box-sizing:border-box;
text-align:center;
color:white;
width:48%;
font-size:95%;
margin:initial;
margin-top:0;
margin-left:26%;
margin-bottom:25px;
background:#dd3777;
padding:10px;
border-radius:15px;
}

p.finder-bottom a{
text-decoration:none;
color:white;
}

p.finder-bottom:hover{
opacity:0.75;
cursor:pointer;
}

p#lessons_text_bottom{
display: none;
z-index:100;
position:absolute;
margin:initial;
top:-3em;
width:50%;
left: 25%;
background:#fff;
font-size:100%;
text-align:center;
opacity:1;
color:#333;
padding:0;
box-sizing:border-box;
border:solid 2px #bbb;
border-radius:15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

p#lessons_text_bottom span{
display:block;
padding:3px;
font-size:120%;
color:#666;
}

p#lessons_text_bottom span.link_arrow_1{
display:inline;
}

p#lessons_text_bottom a{
color:#666;
text-decoration:none;
}

p#lessons_text_bottom a:hover{opacity:0.5;}

p#lessons_text_bottom span#lessons-heading{
color:#008AD8;
font-size:210%;
text-align:left;
padding-top:5%;
margin-left:4%;
margin-right:4%;
margin-bottom:4%;
padding-bottom:4%;
border-bottom:solid 2px #ddd;
}

p#lessons_text_bottom span#close_lessons_text_bottom{
padding-top:5%;
padding-bottom:5%;
color:#008AD8;
font-weight:bold;
font-size:175%;
}

p#lessons_text_bottom span#close_lessons_text_bottom:hover{opacity:0.5;cursor:pointer;}

span#close_s4_lessons_text, span#close_s6_lessons_text, span#close_adult_lessons_text, span#close_lifeguard-lessons_text{
display:inline-block;
text-align:center;
margin-top:.75%;
padding-top:2.5%;
padding-bottom:5%;
color:#777;
font-weight:bold;
font-size:175%;
}

p.timetable-link:hover, span#close_s4_lessons_text:hover, span#close_s6_lessons_text:hover, span#close_adult_lessons_text:hover, span#close_lifeguard-lessons_text:hover{
opacity:0.75;
cursor:pointer;
}

div#s4_lessons_text, div#s6_lessons_text, div#adult_lessons_text, div#lifeguard-lessons_text{
display: none;
z-index:100;
position:fixed;
margin:initial;
top:0;
width:95%;
left: 2.5%;
background:#fff;
font-size:100%;
text-align:center;
opacity:1;
color:#333;
padding:0;
box-sizing:border-box;
border:solid 2px #bbb;
border-radius:15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height:35em;
overflow:scroll;
}

table {
border: 1px solid #ddd;
}

th, td {
padding: 5px;
border-bottom: 1px solid #ddd;
}

tr:hover {background-color: #ddd;}

table {
width: 90%;
margin-left:5%;
border-collapse: collapse;
}

h3, h4{
color:#777;
}

h3{
font-size:130%;
padding-top:5%;
}


#s4_lessons_text a, #s6_lessons_text a, div#adult_lessons_text a, div#lifeguard-lessons_text a{
display:block;
text-decoration:none;
color:#fff;
width:30%;
margin-left:35%;
margin-bottom:8px;
background:#dd3777;
border-radius:10px;
padding:3px;
}

#s4_lessons_text a:hover, #s6_lessons_text a:hover, div#adult_lessons_text a:hover, , div#lifeguard-lessons_text a:hover{
opacity:0.5;
}

p#faqs-link{
box-sizing:border-box;
text-align:center;
width:48%;
font-size:105%;
margin:initial;
margin-top:25px;
margin-left:26%;
margin-bottom:25px;
background:#00ADEE;
padding:10px;
border-radius:15px;
}

p#faqs-link a{
color:white;
text-decoration:underline;
}

p#faqs-link a:hover{color:#777;}

/* swim england section */
p#swim-england{
width:70%;
margin:initial;
margin-left:15%;
margin-bottom:2.5em;
}

p#swim-england a:hover{opacity:0.75;}

/* GENERIC SPACER ROW */
	div.spacer-row{
	clear:both;
	height:35px;
	}	


p.lifeguard-lessons{
font-size:75%;
margin-top:11em;
}

@media (min-width:800px) 
{
	/* GENERIC SPACER ROW */
	div.spacer-row{
	clear:both;
	height:35px;
	}	
	
	.row#banner_row{
	min-height:800px;
	}
	
	#banner_row h1{;
	font-size:500%;
	margin-top:3.75em;
	}
	
	div.block_1, div.block_2, div.block_3, div.lifeguard{
	float:left;
	width:35%;
	margin-left:9.75%;
	margin-bottom:3.5%;
	box-sizing:border-box;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	div#s4_lessons_text, div#s6_lessons_text, div#adult_lessons_text, div#lifeguard-lessons_text{
	position:absolute;
	width:50%;
	top:37.5em;
	left: 25%;
	height:60em;
	overflow: auto;
	}
	
	div#s4_lessons_text{
	height:60em;
	width:50%;
	left:25%;
	}
	
	div#adult_lessons_text{
	height:55em;
	}
	
	div#s6_lessons_text{
	height:45em;
	}
	
	div#lifeguard-lessons_text{
	height:30em;
	)
	
	h2#courses-heading{
	padding-top:0.5em;
	}
	
	p.finder-bottom{
	width:30%;
	font-size:130%;
	margin-left:35%;
	padding:10px;
	border-radius: 25px;
	}                   
	
	/*** swim england section **/
	p#swim-england{
	width:40%;
	margin-top:0;
	margin-left:30%;
	}
	
	p#faqs-link{
	width:26%;
	margin-left:37%;
	
}

@media (min-width:1350px) 
{
	#banner_row h1{;
	font-size:650%;
	margin-top:2.75em;
	}

}