/*
Theme Name: 2idesign – Parkside Federation Child Theme
Theme URI: https://wordpress.org/themes/twentyeleven/
Author: 2idesign Ltd
Author URI: https://www.2idesign.co.uk/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 2.quote
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


@font-face {
    font-family: Frutiger-Regular;
    src: url(/cap/themes/2idesign-Parkside/fonts/FrutiLTCn.otf);
}  

@font-face {
    font-family: Frutiger-Bold; 
    src: url(/cap/themes/2idesign-Parkside/fonts/FrutiLTBolCn.otf);
}


/* Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
} 
body {
	background: #EEE;
	font-family: Frutiger-Regular, sans-serif;
	font-weight: normal;
	color: #666;
}

p {
	margin: 0;
	padding: 0 0 4%;
	font-size: 18px;
	line-height: 130%;
	font-family: Frutiger-Regular, sans-serif;
	font-weight: normal;
}


.container li { 
	margin: 0;
	padding: 0 0 4%;
	font-size: inherit;
	line-height: 130%;
	list-style: none;
	width: 50%;
	float: left;
}

.container li a {
	color: inherit;
}

#container-left li { 
	font-size: 18px;
	line-height: 120%;
	padding: 0 0 2%;
	margin: 0 0 0 20px;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

a {
	text-decoration: none;
	color: inherit;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

li a {
	color: #37b4ee;
}

h1 {
	font-size: 44px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 140px;
	padding: 0;
	margin: 0;
	color: #052264;
	float: left;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-left: 15px; 
}

h2 {
	font-size: 66px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	color: #0079BC;
	padding: 0 0 4%;
	margin: 0;
	line-height: 100%;
}

h3 {
}

h4 {
	font-size: 72px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0;
	margin: 0;
}

h5 {
}

.coleridge {
	display: none;
}

.parkside {
	display: none;
}

.trumpington {
	display: none;
}

.sixth {
	display: none;
}

.multi {
	display: none;
}

.adult {
	display: none;
}


.postid-1305 #container-right > a > h3.orange {
	display: none;
}



.page-id-658 .coleridge, .parent-pageid-658 .coleridge, .grandparent-pageid-658 .coleridge  {
	display: block;
}

.page-id-658 .academies, .parent-pageid-658 .academies, .grandparent-pageid-658 .academies {
	display: none;
}

.page-id-660 .parkside, .parent-pageid-660 .parkside {
	display: block;
}

.page-id-660 .academies, .parent-pageid-660 .academies {
	display: none;
}

.page-id-662 .trumpington, .parent-pageid-662 .trumpington {
	display: block;
}

.page-id-662 .academies, .parent-pageid-662 .academies {
	display: none;
}

strong {
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
}

.white {
	color: #FFF;
}

.blue {
	color: #0079BC;
}

tr td {
	font-size: 18px;
	line-height: 100%;
	padding: 12px 16px; 
}

th.header {
	background-color: #00F;
	display: none;
}

.gdm-file-icon {
	background-image: none;
	background-size: cover;
	background-position: center;
}

td img {
}






/* Structure
----------------------------------------------- */

#wrapper {
	width: 100%;
	height: auto;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0;
}

#header {
	height: 140px;
	width: 90%;
	background-color: #0079BC;
	float: left;
	padding: 0 5%;
	position: fixed;
	z-index: 2; 
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-top: 40px;
}

#logo {
	height: 120px;
	width: 120px;
	float: left;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-top: 10px; 
}

#logo img {
	height: 100%;
	width: auto;
	float: left;
}


#footer-logo {
	height: auto;
	width: auto;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-bottom: 30px; 
}

#footer-logo img {
	height: 80px;
	width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}











#slider-wrapper {
	float: left;
	width: 100%;
	height: auto;
}

.flexslider {
	background-color: #000;
	margin-top: 180px;
}

.flexslider > ul.slides > li {
	opacity: 0.9;
}

.flexslider .slides > li { 
	background-position: center;
	height: calc(100vh - 180px);
	height: -o-calc(100vh - 180px); /* opera */
	height: -webkit-calc(100vh - 180px); /* google, safari */
	height: -moz-calc(100vh - 180px); /* firefox */	
	width: 100%;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
}

.flexslider-container {
	height: 100vh;
	float: left;
	width: 100%;
	position: fixed; 
	z-index: -1;
}

.flexslider .slides > li {display: none; overflow: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */


.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
	height: 100vh;
}

.flexslider {
	height: 100vh;
	overflow: hidden;
}

.flexslider .slides > li img {
	width: auto;
	height: 100vh;
	float: left;
}

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

/* Direction Nav */
.flex-direction-nav {*height: 0; display: none;}


.flex-control-paging { display: none;}
/* Control Nav */
.flex-control-nav {width: 98%; position: absolute; text-align: right; z-index: 777; bottom: 0; height: 8%;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; transition-property: background;
	transition-duration: .55s;
	transition-timing-function: linear; background-color: #FFF; opacity: 0.4; font-size: 0;
 }
.flex-control-paging li a:hover {background: #FFF; width: 9px; height: 9px; opacity: 1; }
.flex-control-paging li a.flex-active { background: #FFF; width: 9px; height: 9px; opacity: 1; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: 0.9; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


#school-title {
	position: absolute;
	width: 100%;
	height: calc(100vh - 180px);
	height: -o-calc(100vh - 180px); /* opera */
	height: -webkit-calc(100vh - 180px); /* google, safari */
	height: -moz-calc(100vh - 180px); /* firefox */	
	text-align: center;
	margin-top: 180px;
	display: table;
}

#school-title h2 {
	color: #FFF;
	font-size: 88px;
	display: table-cell;
	vertical-align: middle;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}


#school-title a {
	background-color: #0079BC;
	font-size: 18px;
	color: #FFF;
	padding: 1.25% 2%;
	display: none;
}





 
#content {
	background-color: #FFF;
	width: 100%;
	z-index: 666;
	float: left;
}

#panel {
	background-color: #FFF;
	padding: 8% 0 8%;
	width: 100%;
	text-align: center;
	float: left;
}

#container {
	margin: 0 auto;
	text-align: left;
	padding: 0 0;
	width: 100%;
}

#container a {
	color: #0079BC;
}

#container a:hover {
	color: #079DDD;
}


#container-left {
	text-align: left;
	padding:0;
	width: 60%;
	float: left;
}

#container-left h1 {
	font-size: 60px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 100%;
	padding: 0 0 4%;
	margin: 0;
	color: #0079BC;
	float: none;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-left: 0;
}

#container-left h2 {
	font-size: 36px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	color: #052264;
	padding: 4% 0 2%;
	margin: 0;
	line-height: 100%;
}

#container-left h3 {
	font-size: 26px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 2% 0 2%;
	margin: 0;
	line-height: 100%;
}

#container-left h5 {
	font-size: 20px;
	font-family: Frutiger-Regular, sans-serif;
	font-weight: normal;
	line-height: 100%;
	color: #FFF;
}

#container-left h5 a {
	background-color: #0079BC;
	padding: 2%;
	float: left;
	width: 96%;
	margin-bottom: 1px;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin: 0.25%;
}

#container-left h5.dark a {
	background-color: #10437A;
}

#container-left h5 a:hover {
	background-color: #052264;
}

#container-left p {
	padding-bottom: 2%;
}

#container-left p a {
	color: #0079BC;
}

#container-left ul {
	padding: 0 0 4% 0;
	font-size: 18px;
	line-height: 120%;
	margin: 0 0 0 15px;
}


#container-right {
	text-align: left;
	padding: 0 0 0;
	width: 33.33%;
	float: right;
	margin-right: 0;
}

#container-right #subsub ul li.page-item-4500 a {
	display: none;
}

.page-id-1207 #container-right ul li.page-item-4500 a {
	display: none;
}

.page-id-1208 #container-right ul li.page-item-4500 a {
	display: none;
}

.page-id-1209 #container-right ul li.page-item-4500 a {
	display: none;
}


#container-right #subsub.cap-first {
	display: none;
}

#container-right #subsub.work {
	display: none;
}

#container-right #subsub.work h3 {
	margin-top: 30px;
}

.parent-pageid-4500 #menu-two {
	display: none;
}

.parent-pageid-4500 #container-right #subsub {
	display: none;
}

.parent-pageid-4500 #container-right #subsub.work {
	display: block;
}

.parent-pageid-875 #container-right #subsub.work {
	display: block;
}

.page-id-875 #container-right #subsub.work {
	display: block;
}

.parent-pageid-4500 #container-right #subsub.cap-first {
	display: block;
}

#container-right h3 {
	color: #FFF;
	font-size: 20px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	background-color: #0079BC;
	width: 90%;
	float: left;
	padding: 5% 5% 4%;
}

#container-right h3.orange {
	background-color: #F90;
	margin: 5% 0 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#container-right h3.orange:hover {
	background-color: #FC0;
}

#container-right h3.green {
	background-color: #393;
	margin: 5% 0 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#container-right h3.green:hover {
	background-color: #7fbb00;
}

#container-right h3.blue {
	background-color: #0079BC;
	margin: 5% 0 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#container-right h3.blue:hover {
	background-color: #10437A;
}

#container-right h3.grey {
	background-color: #666;
	margin: 5% 0 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#container-right h3.grey:hover {
	background-color: #888;
}

#container-right ul {
	padding: 5% 5% 4%;
	float: left;
	width: 90%;
	background-color: #EEE;
}

#container-right ul ul {
	display: none;
}

#container-right li {
	list-style: none;
	font-size: 18px;
	padding-bottom: 1%;
}

#container-right li a {
	color:  #777;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#container-right li a:hover {
	color:  #0079BC;
}

#container-right > #subsub > ul > li.page_item.current_page_item > a { 
	color:  #0079BC;
}

#fifty {
	width: 50%;
}

#panel.grey {
	background-color: #EEE;
	padding: 5% 5%;
	width: 90%;
}

#panel.grey .container {
    width: 100%;
    height: auto;
    position:relative;
	padding: 0; 
    float: left;
}

#panel.blue {
	background-color: #0079BC;
	color: #FFF;
	width: 70%;
	padding: 12% 15% 12%;
}

#panel.white {
	background-color: #FFF;
	color: #0079BC;
	width: 70%;
	padding: 12% 15% 12%;
}

#vacancy {
	background: #EEE;
	float: left;
	width: 92%;
	padding: 4% 4% 3%;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
}

#vacancy h4 {
	color: #0079BC;
	font-size: 36px;
	padding: 0;
	padding-bottom: 2%;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#vacancy p {
	padding-bottom: 1%;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#container-left .blue {
	padding-right: 20px;
}

#vacancy .blue {
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#vacancy:hover {
	background-color: #0079BC;
}

#vacancy:hover > h4 {
	color: #FFF;
}

#vacancy:hover > p {
	color: #FFF;
}

#vacancy:hover span.blue {
	color: #FFF;
}

.areas {
    width: 100%;
    height: auto;
    position:relative;
    float: left;
	margin: 70vh 0 0;
}

.areas-multi {
    float: left;
    width: 21%;
	padding: 2.5% 2%;
	background-color: #666;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-multi:hover {
	background-color: #999;
}

.areas-secondary {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:25%;
	top: 0;
	float: left;
	background-color: #0079BC;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-secondary:hover {
	background-color: #079DDD;
}

.areas-sixth {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:50%;
	top: 0;
	float: left;
	background-color: #00B4C8;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-sixth:hover {
	background-color: #66C0D6;
}

.areas-adult {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:75%;
	top: 0;
	float: left;
	background-color: #393;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-adult:hover {
	background-color: #7fbb00;
}

.areas-science {
    height: 100%;
    width: 16%;
	padding: 0 2%;
	background-color: #C7D800;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
    position: absolute; 
	left:40%;
	top: 0;
}

.areas-science:hover {
	background-color: #D5DD5B;
}


.areas h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 28px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 110%;
}

.areas-coleridge {
    float: left;
    width: 20%;
	padding: 4% 2.5%;
	background-color: #0079BC;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	margin-left: 25%;
}

.areas-coleridge:hover {
	background-color: #079DDD;
}

.areas-parkside {   
    height: 100%;
    width: 20%;
	padding: 0 2.5%;
    position: absolute; 
	left:50%;
	top: 0;
	float: left;
	background-color: #1e5593;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-parkside:hover {
	background-color: #079DDD;
}

.areas-trumpington {   
    height: 100%;
    width: 20%;
	padding: 0 2.5%;
    position: absolute; 
	left:75%;
	top: 0;
	float: left;
	background-color: #052264;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.areas-trumpington:hover {
	background-color: #079DDD;
}

.container {
    width: 100%;
    height: auto;
    position:relative;
	padding: 18% 0 16%;
    float: left;
}

.gallery-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.gallery-hover:hover {
	background-color: #079DDD;
}

.news-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.news-hover:hover {
	background-color: #7fbb00;
}

.sixth-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.sixth-hover:hover {
	background-color: #00B6F7;
}

.coleridge-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.coleridge-hover:hover {
	background-color: #079DDD;
}

.science-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.science-hover:hover {
	background-color: #00B4C8;
}

.parkside-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.parkside-hover:hover {
	background-color: #079DDD;
}

.trumpington-hover {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.trumpington-hover:hover {
	background-color: #079DDD;
}

.left {
    float: left;
    width: 40%;
	padding: 0 5%;
}

.left p {
	font-size: 120%;
}

.right {   
    height: 100%;
    width: 50%;
    position: absolute; 
	right:0;
	top: 0;
	float: left;
	background-color: #EEE;
}

.andrew {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Andrew-Hutchinson.jpg);
	background-size: cover;
	background-position: center;
}

.mark {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/3/2020/01/Col_Building_Reception.jpg);
	background-size: cover;
	background-position: center;
}

.jodh {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/08/Jodh-Dhesi-1.jpg);
	background-size: cover;
	background-position: center;
}

.maureen {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/2/2019/01/Maureen-Su.jpg);
	background-size: cover;
	background-position: center;
}

.craig {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/3/2019/09/Craig-Morrison.jpg);
	background-size: cover;
	background-position: center;
}

.john {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/08/John-Jones.jpg);
	background-size: cover;
	background-position: center;
}

.kidd {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2017/08/A-Kidd-e1504168026431.jpg);
	background-size: cover;
	background-position: center;
}

.oughton {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/4/2020/09/Photo-1-scaled-e1599209106356.jpg);
	background-size: cover;
	background-position: center;
}


.news {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/News-01.jpg);
	background-size: cover;
	background-position: center;
    transition-duration: 0.3s; /* set the speed of your animation */}

.coleridge-image {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Coleridge-Building.jpg);
	background-size: cover;
	background-position: center;
}

.sixth-image {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(https://parksidesixth.education/sixth/uploads/2017/06/Parkside-Sixth-2017-03.jpg);
	background-size: cover;
	background-position: center;
}

.parkside-image {   
    height: 100%;
    width: 50%;
    position: absolute; 
	right:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Building.jpg);
	background-size: cover;
	background-position: center;
}

.science-image {   
    height: 100%;
    width: 50%;
    position: absolute; 
	right:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2017/10/Parkside-CAM-AST.jpg);
	background-size: cover;
	background-position: center;
}


.trumpington-image {
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/09/Trumpington-Building-03.jpg); 
	background-size: cover;
	background-position: center;
}

.gallery-one {
	background-image: url(/cap/uploads/2016/06/Parkside-Home-07.jpg); 
	background-size: cover;
	background-position: center;
}

.gallery-two {
	background-image: url(/cap/uploads/2016/06/Parkside-Home-04.jpg); 
	background-size: cover;
	background-position: center;
}

.gallery-three {
	background-image: url(/cap/uploads/2016/06/Parkside-Home-06.jpg); 
	background-size: cover;
	background-position: center;
}

.gallery-four {
	background-image: url(/cap/uploads/2016/06/Coleridge-01.jpg); 
	background-size: cover;
	background-position: center;
}


.twitter {   
    height: 50%;
    width: 40%;
    position: absolute; 
	right:0;
	top: 0;
	float: left;
	padding: 0 5%;
	background-color: #55acee;
	overflow: hidden;
}

.twitter-text {   
	position: absolute; 
	height: 100%;
	display: table;
}

.twitter h5 {
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0 10% 0 0;
}

.twitter h5 li {
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0 10% 0 0;
	width: 90%;
}

.twitter h5 a {
	color: #0079BC;
}

.twitter h5 li a:hover {
	color: #052264;
}

.twitter img {
	width: 50px;
	height: auto;
	float: left;
	padding-top: 4%;
}

.you-tube {   
    height: 50%;
    width: 50%;
    position: absolute; 
	right:0;
	top: 50%;
	float: left;
}

.facebook-panel {   
    height: 50%;
    width: 50%;
    position: absolute; 
	right:0;
	top: 50%;
	float: left;
	background-color: #1e5593;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.facebook-panel:hover {   
	background-color: #10437A;
}

.facebook-image {   
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-color: #333;
	background-image: url(/cap/uploads/2016/06/Coleridge-01.jpg); 
	background-size: cover;
	background-position: center;
}

.facebook-text {   
	position: absolute; 
	height: 100%;
	display: table;
	left: 50%;
	width: 40%;
	padding: 0 5%;
}

.facebook-text h5 {
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	font-size: 44px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0 10% 0 0;
}

.facebook-panel img {
	width: 55px;
	height: auto;
	float: left;
	padding-top: 5%;
}



.news-item {   
    height: 100%;
    width: 33.33%;
	float: left;
	text-align: left;
	background-color: #0079BC;
	color: #FFF;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.news-item:hover {   
	background-color: #079DDD;
}

.news-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-04.jpg);
	background-size: cover;
	background-position: center;
}

.news-item-text {   
    height: 200px;
    width: 84%;
	float: left;
	padding: 0 8%;
}

.news-item-text h5, .event-item-text h5, .gallery-item-text h5 {
	color: #FFF;
	font-size: 36px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 4%;
	padding-top: 10%;
}

.event-item {   
    height: 100%;
    width: 33.33%;
	float: left;
	text-align: left;
	background-color: #1e5593;
	color: #FFF;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.event-item:hover {   
	background-color: #079DDD;
}

.event-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-06.jpg);
	background-size: cover;
	background-position: center;
}

.event-item-text {   
    height: 200px;
    width: 84%;
	float: left;
	padding: 0 8%;
}

.gallery-item {   
    height: 100%;
    width: 33.33%;
	float: left;
	text-align: left;
	background-color: #052264;
	color: #FFF;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

.gallery-item:hover {   
	background-color: #079DDD;
}

.gallery-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-07.jpg);
	background-size: cover;
	background-position: center;
}

.gallery-item-text {   
    height: 200px;
    width: 84%;
	float: left;
	padding: 0 8%;
}

#featured-news-item {   
    height: auto;
    width: 92%;
	float: left;
	text-align: left;
	background-color: #EEE;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	padding: 3% 4% 2%;
	margin-bottom: 5px;
}

#featured-news-item:hover {   
	background-color: #0079BC;
}

#featured-news-item:hover h3 {   
	color: #FFF;
}

#featured-news-item:hover p {   
	color: #FFF;
}

#featured-news-item a {   
	color: #666;
}

#featured-news-item:hover a {   
	color: #FFF;
}

#featured-news-item h3 {
	font-size: 48px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 0 0;
	color: #0079BC;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#featured-news-item p { 
	padding: 1% 35% 1% 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	color: #666;
}

#archived-news-item {   
    height: auto;
    width: 42%;
	float: left;
	text-align: left;
	background-color: #FFF;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	padding: 2% 4%;
}

#archived-news-item:hover {   
	background-color: #EEE;
}

#archived-news-item h3 {
	font-size: 38px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 0 0;
	color: #0079BC;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#archived-news-item p { 
	padding: 1% 35% 1% 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	color: #666;
}

.blue-box {
	background-color: #0079BC;
	color: #FFF;
}

.sixth-box {
	background-color: #0064A5;
	color: #FFF;
}


.quicklinks {
    width: 100%;
    height: auto;
    position:relative;
	padding: 11% 0 8%;
    float: left;
	color: #0079BC;
}

.quicklinks li {
	font-size: 130%;
	width: 100%;
	line-height: 130%;
	padding: 0 0 4%;
	margin: 0;
	float: left;
	list-style: none;
}

.quicklinks li a {
	color: #777;
}

.quicklinks .twitter li a {
	color: #FFF;
}

.quicklinks li a:hover {
	color: #0079BC;
}

.quicklinks h2 {
	color: #0079BC;
}

.blue-box li {
	font-size: 120%;
	width: 100%;
	line-height: 130%;
	padding: 0 0 4%;
	margin: 0;
	float: left;
}

.blue-box li a:hover {
	color: #052264;
}

.blue-box h2 {
	color: #FFF;
}

.sixth-box h2 {
	color: #FFF;
}

.science-box {
	background-color: #D1DD29;
	color: #FFF;
}

.science-box h2 {
	color: #FFF;
}

.parkside-box {
	background-color: #1e5593;
	color: #FFF;
}

.parkside-box h2 {
	color: #FFF;
}

.trumpington-box {
	background-color: #052264;
	color: #FFF;
}

.trumpington-box h2 {
	color: #FFF;
}

.green-box {
	background-color: #393;
	color: #FFF;
}

.green-box h2 {
	color: #FFF;
}














#widgets {
	background-color: #666;
	padding: 0px;
	color: #FFF;
	height: 480px;
	float: left;
	width: 100%;
}

#share {
	background-color: #666;
	padding: 0 5%;
	color: #FFF;
	height: 100px;
	float: left;
	width: 90%;
}

#twitter {
	height: 44px;
	width: auto;
	float: left;
	margin-top: 28px;
	margin-right: 10px;
}

#twitter img {
	height: 44px;
	width: auto;
	float: left;
}

#facebook {
	height: 46px;
	width: auto;
	float: left;
	margin-top: 26px;
}

#facebook img {
	height: 46px;
	width: auto;
	float: left;
}

#footer {
	background-color: #444;
	padding: 3% 5%;
	color: #FFF;
	height: auto;
	display: table;
	float: left;
	width: 90%;
}

#footer p {
    font-size: 15px;
}

div.excellence {
	float: left;
	width: 50%;
}

div.excellence p {
	line-height: 120%;
	width: 100%;
	padding: 0 0 10px;
    font-size: 15px;
}

div.excellence p a {
	color: #DDD;
}

div.excellence p a:hover {
	color: #FFF;
}

div.designed {
	float: right;
	width: 50%;
	text-align: right;
    font-size: 15px;
}

.excellence strong {
}

.designed strong {
}

div.designed a {
	color: #DDD;
}

div.designed a:hover {
	color: #FFF;
}





/* Page
-------------------------------------------------------------- */

#image-wrapper {
	width: 100%;
	height: auto;
	float: left;
	background-color: #000;
	margin-top: 180px;
	max-height: 500px;
	overflow: hidden;
}

#image-wrapper img {
	width: 100%;
	height: auto;
	float: left;
}































#max {
	height: auto; 
	width: 100%; 
	max-width: 1600px; 
	margin: 0 auto;
}



/* Menu
-------------------------------------------------------------- */

#access {
	width: 90%;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 40px;
	background: #052264;
	position: fixed;
	z-index: 888;
	padding-right: 5%;
	padding-left: 5%;
}

#access .page-item-24 {
	display: none;
}

#access ul {
	font-size: 14px;
	list-style: none;
	float: right;
}

#access ul li {
	float: left;
}

#access ul li a { 
	display: block;
	text-decoration: none;
	padding: 0 12px;
	color: #FFF;
	transition-property: all;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	line-height: 40px;
}

#access ul li a:hover {
}

#access ul ul {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	z-index: 999999;
	background-color: #37b4ee;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	opacity: 0.98;
	margin-top: 0px;
	height: auto;
}

#access ul ul li {
	width: 33.333333%;
}

#access ul ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	line-height: 140px;
	color: #FFF;
	text-align: center;
	transition-property: all;
	transition-duration: .60s; 
	transition-timing-function: ease-in-out;
	font-size: 24px;
	background-image: none;
	border-right: none;
	padding: 0;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	z-index: 999999;
}

#access ul ul li a:hover {
	background-image: none;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
}

#access li:hover > a,
#access a:focus {
	background: #0079BC;
}

#access ul li:hover > ul {
	display: none;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: #0079BC;
}

#access ul ul .current-menu-item > a,
#access ul ul .current-menu-ancestor > a,
#access ul ul .current_page_item > a,
#access ul ul .current_page_ancestor > a {
	background: #0079BC;
}

.grandparent-pageid-645 #access > .menu-primary-container > ul > li.current-page-ancestor > a {
	background: #0079BC;
}

.parent-pageid-643 #access > .menu-primary-container > ul > li.current-page-ancestor > a {
	background: #0079BC;
}

.grandparent-pageid-658 #access > .menu-primary-container > ul > li.current-page-ancestor > a {
	background: #0079BC;
}

#menu-two {
	float: right;
	width: auto;
	height: 140px;
}

#menu-two ul {
	list-style: none;
	float: right;
}

#menu-two ul li {
	float: left;
}

#menu-two ul li a { 
	display: block;
	text-decoration: none;
	padding: 0 20px;
	color: #FFF;
	transition-property: all;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	line-height: 140px;
	font-size: 18px;
}

#menu-two ul li a:hover {
	background-color: #1e5593; 
}
	
#menu-two ul ul {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	z-index: 999999;
	background-color: #37b4ee;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	opacity: 0.98;
	margin-top: 0px;
	height: auto;
}
	
#menu-two ul li:hover > ul {
	display: none;
}

#menu-two .page-item-882, #menu-two .page-item-884, #menu-two .page-item-886 {
	display: none;
}

.page-id-4230 #menu-two {
    display: none;
} 

#menu-two li.current_page_item a {
	background-color: #1e5593; 
}


#menu-two .current-menu-item > a,
#menu-two .current-menu-ancestor > a,
#menu-two .current_page_item > a,
#menu-two .current_page_ancestor > a {
	background: #1e5593;
}

#container-right ul li.page_item.current_page_item a {
	color: #052264;
}


	
	
/* Testimonials
-------------------------------------------------------------- */



blockquote p {
	font-size: 60px;
	line-height: 110%;
	padding: 0;
	position: relative;
	quotes:"\2018""\2019""\2018""\2019";
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	margin-left: 45px;
}

blockquote p:before {
	display: block;
	content: open-quote;
	font-size: 106px;
	position: absolute;
	left: -35px;
	top: -0px;
}

blockquote p:after {
	content:close-quote;
}



h1.pfa {
	display: none;
}



#container-left #warning-box {
	background-color: #F00;
	height: auto;
	width: 92%;
	position: relative;
	margin-top: 0;
	color: #FFF;
	padding: 1% 4% 2%;
	right: 0;
	z-index: 1;
	margin-bottom: 5%;
	display: none;
}


#warning-box {
	background-color: #F00;
	height: auto;
	width: 24%;
	position: absolute;
	margin-top: 25vh;
	color: #FFF;
	padding: 1.5% 2% 1.5%;
	right: 0;
	z-index: 1;
}

#container-right #warning-box {
	background-color: #F00;
	height: auto;
	width: 90%;
	position: relative;
	margin-top: 0;
	color: #FFF;
	padding: 5% 5% 5% 5%;
	right: 0;
	z-index: 1;
	margin-bottom: 5%;
}

#warning-box.advert {
	background-color: #FFF;
	color: #666;
}

#container-right #warning-box.advert {
	background-color: #EEE;
	color: #666;
}


#warning-box h2 {
	color: #FFF;
	font-size: 52px;
}

#warning-box.advert h2 {
	color: #0079BC;
}

#warning-box.advert a {
	color: #009EDE;
}


#reminder {
	background-color: #F93;
	height: auto;
	width: 24%;
	position: absolute;
	margin-top: 30vh;
	color: #FFF;
	padding: 3% 2% 1.5%;
	right: 0;
	z-index: 1;
}

#reminder h2 {
	color: #FFF;
	font-size: 2.75vw;
}


#featured-wrapper {
	padding: 4%; 
	width: 92%; 
	background-color: #EEE; 
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
}

#featured-wrapper:hover {
	background-color: #0079BC;
	color: #FFF;
}

#featured-wrapper:hover p {
	color: #FFF;
}

#item-wrapper {
	padding: 2% 4%; 
	width: 40%; 
	background-color: #FFF; 
	margin-bottom: 10px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

#item-wrapper:hover {
	background-color: #EEE;
	color: #0079BC;
}

.show {
	transition-property: none;
}

.show h5 {
	font-size: 48px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 1% 35% 1% 0;
	line-height: 100%;
}

.show h6 {
	font-size: 38px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 1% 0 0;
	line-height: 100%;
}

.show p {
	padding: 0;
	color: #666;
	padding: 0 35% 0 0;
}

.slidingDiv {
    display: none;
	background-color: #0079BC; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 999999; 
	height: 70vh; 
	overflow: scroll; 
	color: #FFF; 
	padding: 15vh 20%; 
	width: 60%;
}

.slidingDiv h2 {
	color: #FFF;
}

#container .slidingDiv a {
	color: #FFF;
}

.hide   {
	color: #FF0;
	position: fixed;
	top: 8%;
	right: 8%;
	cursor: pointer;
}

.slidingDiv2 {
    display: none;
	background-color: #FFF; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 999999; 
	height: 70vh; 
	overflow: scroll; 
	color: #666; 
	padding: 15vh 20%; 
	width: 60%;
}





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

#container-left {
	text-align: left;
	padding:0 0 0 5%;
	width: 55%;
	float: left;
}

#container-right {
	text-align: left;
	padding: 0 0 0;
	width: 30%;
	float: right;
	margin-right: 5%;
}

#container {
	margin: 0 auto;
	text-align: left;
	padding: 0 5%;
	width: 90%;
}

.areas {
    width: 90%;
    height: auto;
    position:relative;
    float: left;
	margin: 70vh 5% 0;
}

}


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

.areas h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 110%;
	padding-right: 2.5%;
}

h1 {
}

.flexslider {
	background-color: #000;
	margin-top: 180px;
}

.flexslider > ul.slides > li {
	opacity: 0.9;
}

.flexslider .slides > li { 
	background-position: center;
	height: calc(120vh - 180px);
	height: -o-calc(120vh - 180px); /* opera */
	height: -webkit-calc(120vh - 180px); /* google, safari */
	height: -moz-calc(120vh - 180px); /* firefox */	
	width: 100%;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
}

.flexslider-container {
	height: 120vh;
	float: left;
	width: 100%;
	position: fixed; 
	z-index: -1;
}

.flexslider .slides > li {display: none; overflow: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */


.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
	height: 120vh; 
}

.flexslider {
	height: 120vh;
	overflow: hidden;
}

.flexslider .slides > li img {
	width: auto;
	height: 120vh;
	float: left;
}

ul.slides {
	margin: 0;
	padding: 0;
}
#menu-two ul li a { 
	padding: 0 12px;
	font-size: 16px;
}

#warning-box img {
    width: 50%;
    height: auto;
}

#warning-box p {
	font-size: 90%;
}
    
}



@media only screen and (max-width: 1200px) {
h1 {
	font-size: 36px;
}
#logo {
	height: 100px;
	width: 100px;
	margin-top: 20px; 
}
#menu-two ul li a { 
	padding: 0 8px;
	font-size: 16px;
}
}


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

#logo {
}

#access {
}

#access ul {
}

#access ul li a { 
}

}












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


#container-left #warning-box {
	display: block;
}


p {
	padding: 0 0 4%;
	font-size: 16px;
}


h1 {
	font-size: 32px;
}

h2 {
	font-size: 48px;
}

h3 {
}

h4 {
	font-size: 52px;
}


#container {
	padding: 0 5%;
}

#container-left {
	text-align: left;
	padding: 0 5% 0 5%;
	width: 90%;
	float: left;
}

#container-right {
	text-align: left;
	padding: 0 0 0;
	width: 90%;
	float: right;
	margin-right: 5%;
	display: none;
}

#container-left h1 {
	font-size: 48px;
}

#container-left h2 {
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 4% 0 2%;
	margin: 0;
	line-height: 100%;
}

#access {
}

#access ul {
	font-size: 12px;
}

#access ul li a { 
}

#menu-two {
	display: none;
}


#school-title h2 {
	font-size: 60px;
}

.areas-multi {
    float: left;
    width: 21%;
	padding: 2% 2%;
	background-color: #666;
}

.areas-secondary {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:25%;
	top: 0;
	float: left;
	background-color: #0079BC;
}

.areas-sixth {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:50%;
	top: 0;
	float: left;
}

.areas-adult {   
    height: 100%;
    width: 21%;
	padding: 0 2%;
    position: absolute; 
	left:75%;
	top: 0;
	float: left;
	background-color: #393;
}

.areas-science {
    height: 100%;
    width: 16%;
	padding: 0 2%;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
    position: absolute; 
	left:40%;
	top: 0;
}


.areas h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	color: #FFF;
	line-height: 110%;
	padding-right: 2.5%;
}

.twitter h5 li {
	font-size: 22px;
}

.twitter img {
	width: 35px;
}

.facebook-panel h5 {
	font-size: 28px;
}

.facebook-panel img {
	width: 35px;
}

.show h5 {
	font-size: 34px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 2% 0;
}

.show h6 {
	font-size: 28px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 2% 0 0;
}

.show p {
	padding: 0;
	color: #666;
	padding: 0 0 0 0;
}


#featured-news-item h3 {
	font-size: 44px;
}

#archived-news-item h3 {
	font-size: 34px;
}

#container-left li { 
	font-size: 16px;
	line-height: 120%;
	padding: 0 0 2%;
}

#warning-box {
	width: 42%;
	padding: 4% 4% 2.5%;
}


.news-item-text h5, .event-item-text h5, .gallery-item-text h5 {
	font-size: 28px;
}


#access li#menu-item-3067, #access li#menu-item-3072, #access li#menu-item-3094, #access li#menu-item-3099, #access li#menu-item-3398, #access li#menu-item-3403, #access li#menu-item-3063, #access li#menu-item-3068 {
	display: none;
}


}



/* iPad & iPhone simulate :hover */
@media (min-device-width:320px) and (max-device-width:900px) {
}



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

h1 {
	font-size: 28px;
	line-height: 90px;
}

h2 {
	font-size: 40px;
}

h4 {
	font-size: 36px;
}

.facebook-text h5 {
	font-size: 24px;
}

#header {
	height: 80px;
	margin-top: 30px;
}


#logo {
	height: 60px;
	width: 60px;
	margin-top: 10px; 
}

#access {
	height: 30px;
}

#access ul {
	font-size: 12px;
}

#access ul li a { 
	line-height: 30px;
}

.flexslider {
	margin-top: 110px;
}

.flexslider .slides > li { 
	height: calc(100vh - 110px);
	height: -o-calc(100vh - 110px); /* opera */
	height: -webkit-calc(100vh - 110px); /* google, safari */
	height: -moz-calc(100vh - 110px); /* firefox */	
}

.mouse {
	display: none;
}

.areas {
	margin: 65vh 5% 0;
}

.areas h3 {
	font-size: 16px;
}

#panel.blue {
	width: 90%;
	padding: 10% 5% 8%;
}

#panel.white {
	width: 90%;
	padding: 10% 5% 8%;
}

#image-wrapper {
	margin-top: 110px;
}

.news-item-image {   
    height: 100px;
}

.news-item-text {   
    height: 120px;
}

.news-item-text h5, .event-item-text h5, .gallery-item-text h5 {
	font-size: 24px;
}

.event-item-image {   
    height: 100px;
}

.event-item-text {   
    height: 120px;
}

.gallery-item-image {   
    height: 100px;
}

.gallery-item-text {   
    height: 120px;
}

#warning-box {
}
    
#warning-box h2 {
	padding: 0 0 0;
}

#warning-box p {
	padding: 0 0 3%;
}


.show h5 {
	font-size: 34px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 4% 0;
}

.show h6 {
	font-size: 28px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 2% 0 0;
}

#featured-wrapper {
	padding: 8%; 
	width: 84%; 
	background-color: #EEE; 
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
}


#item-wrapper {
	padding: 8%; 
	width: 84%; 
	background-color: #FFF; 
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
}

.slidingDiv {
    display: none;
	background-color: #0079BC; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 999999; 
	height: 70vh; 
	overflow: scroll; 
	color: #FFF; 
	padding: 15vh 10%; 
	width: 80%;
}

.slidingDiv2 {
    display: none;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 999999; 
	height: 70vh; 
	overflow: scroll; 
	padding: 15vh 10%; 
	width: 80%;
}


#access li#menu-item-3067, #access li#menu-item-3072, #access li#menu-item-3094, #access li#menu-item-3099, #access li#menu-item-3398, #access li#menu-item-3403, #access li#menu-item-3063, #access li#menu-item-3068 {
	display: none;
}


}



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


h1 {
	line-height: 110px;
	font-size: 28px;
}

h1.academies {
	display: none;
}

#header h1 {
	line-height: 28px;
	float: left;
	width: 200px;
	font-size: 26px;
	padding-top: 8px;
	display: none;
}


#school-title h2 {
	font-size: 48px;
}

p {
}


h2 {
	font-size: 40px;
}

h4 {
	font-size: 40px;
}

#vacancy {
	background: #EEE;
	float: left;
	width: 84%;
	padding: 8% 8% 7%;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#vacancy h4 {
	color: #0079BC;
	font-size: 26px;
	padding: 0;
	padding-bottom: 4%;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
}

#access li.menu-item-655 a {
	display: none;
}

#access {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 40px;
	background: #052264;
	position: fixed;
	z-index: 888;
}

#access .page-item-641 {
	display: none;
}

#access .page-item-24 {
	display: none;
}

#access li#menu-item-3067, #access li#menu-item-3072, #access li#menu-item-3094, #access li#menu-item-3099, #access li#menu-item-3398, #access li#menu-item-3403, #access li#menu-item-3063, #access li#menu-item-3068 {
	display: none;
}

#access ul {
	font-size: 10px;
	list-style: none;
	float: left;
	margin-right: 0;
	width: 100%;
}

#access ul li {
	float: left;
	width: 20%;
	display: table;
}

#access ul li a { 
	display: block;
	text-decoration: none;
	padding: 0;
	color: #FFF;
	transition-property: all;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	line-height: 100%;
	font-weight: normal;
	text-align: center;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}

#header {
	height: 100px;
	margin-top: 40px;
}



#image-wrapper {
	margin-top: 140px;
}


#logo {
	height: 70px;
	width: auto;
	float: left;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin-top: 15px;
}

#logo img {
	height: 100%;
	width: auto;
	float: left;
}

#panel {
	background-color: #FFF;
	padding: 12% 0 10%;
	width: 100%;
	text-align: center;
	float: left;
}

#panel.blue {
	width: 90%;
	padding: 20% 5% 18%;
}

#panel.white {
	width: 90%;
	padding: 20% 5% 18%;
}

.areas {
    width: 90%;
    height: auto;
    position:absolute;
    float: left;
	margin: 50vh 5% 0;
	bottom: 5%;
}
	
.areas-multi {
    float: left;
    width: 92%;
	padding: 3% 4%;
	background-color: #666;
}
	
.areas .areas-multi h3 {
	font-size: 16px;
}

.areas-secondary {   
    height: 100%;
    width: 92%;
	padding: 0 4%;
    position: absolute; 
	left: 0;
	top: 100%;
	float: left;
	background-color: #0079BC;
}

.areas .areas-primary h3 {
	font-size: 16px;
}

.areas .areas-secondary h3 {
	font-size: 16px;
}
	
.areas-sixth {   
    height: 100%;
    width: 92%;
	padding: 0 4%;
    position: absolute; 
	left:0%;
	top: 200%;
	float: left;
}

.areas .areas-sixth h3 {
	font-size: 16px;
}
	
.areas-adult {   
    height: 100%;
    width: 92%;
	padding: 0 4%;
    position: absolute; 
	left: 0%;
	top: 300%;
	float: left;
	background-color: #393;
}

.areas .areas-adult h3 {
	font-size: 16px;
}
	
.areas-science {
    height: 100%;
    width: 92%;
	padding: 0 4%;
    position: absolute; 
	left: 0%;
	top: 200%;
	float: left;
}

.areas-coleridge {
    float: left;
    width: 92%;
	padding: 0% 4%;
	background-color: #0079BC;
	margin-top: 0px;
	margin-left: 0;
    height: 40px;
	position: relative;
}

.areas .areas-coleridge h3 {
	font-size: 16px;
	line-height: 40px;
}

.areas-parkside {   
    height: 40px;
    width: 92%;
	padding: 0 4%;
    position: relative; 
	left:0%;
	top: 0;
	float: left;
	background-color: #1e5593;
}

.areas .areas-parkside h3 {
	font-size: 16px;
	line-height: 40px;
}
	
.areas-trumpington {   
    height: 40px;
    width: 92%;
	padding: 0 4%;
    position: relative; 
	left:0%;
	top: 0;
	float: left;
	background-color: #052264;
}

.areas .areas-trumpington h3 {
	font-size: 16px;
	line-height: 40px;
}
	
.areas h3 {
	display: table-cell;
	vertical-align: middle;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding-right: 0%;
	font-size: 24px;
}

.container {
    width: 100%;
    height: auto;
    position:relative;
	padding: 0;
    float: left;
}

.quicklinks {
	padding: 0%;
}

.quicklinks li {
	font-size: 120%;
}


.left {
    float: left;
    width: 90%;
	padding: 16% 5% 12%;
}

.right {   
    height: 350px;
    width: 100%;
    position:relative;
	right:0;
	top: 0;
	float: left;
	background-color: #EEE;
}

.andrew {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Andrew-Hutchinson.jpg);
	background-size: cover;
	background-position: center;
}

.mark {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/3/2020/01/Col_Building_Reception.jpg);
	background-size: cover;
	background-position: center;
}

.jodh {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/08/Jodh-Dhesi-1.jpg);
	background-size: cover;
	background-position: center; 
}

.maureen {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-size: cover;
	background-position: center;
}

.craig {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-size: cover;
	background-position: center;
}

.john {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/08/John-Jones.jpg);
	background-size: cover;
	background-position: center;
}

.kidd {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2017/08/A-Kidd-e1504168026431.jpg);
	background-size: cover;
	background-position: center;
}
	
.oughton {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/sites/4/2020/09/Photo-1-scaled-e1599209106356.jpg);
	background-size: cover;
	background-position: center;
}

.news {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/News-01.jpg);
	background-size: cover;
	background-position: center;
}

.coleridge-image {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Coleridge-Building.jpg);
	background-size: cover;
	background-position: center;
}

.science-image {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-size: cover;
	background-position: center;
}

.parkside-image {   
    height: 350px;
    width: 100%;
    position: relative; 
	right:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Building.jpg);
	background-size: cover;
	background-position: center;
}

.sixth-image {   
    height: 350px;
    width: 100%;
    position: relative; 
	right:0;
	top: 0;
	float: left;
	background-size: cover;
	background-position: center;
}

.trumpington-image {
    height: 350px;
    width: 100%;
    position: relative; 
	left:0;
	top: 0;
	float: left;
	background-image: url(/cap/uploads/2016/09/Trumpington-Building-03.jpg); 
	background-size: cover;
	background-position: center;
}

.twitter {   
    height: auto;
    width: 90%;
    position: relative; 
	right:0;
	top: 0;
	float: left;
	padding: 10% 5%;
}

.twitter-text {   
	position: relative; 
	height: 100%;
	display: table;
}

.twitter h5 {
	padding: 0 5% 0 0;
}

.twitter h5 li {
	font-size: 32px;
}

.twitter h5 li a {
	font-size: 32px;
}



.twitter img {
	width: 45px;
}


.facebook-panel {   
    height: auto;
    width: 100%;
    position: relative; 
	right:0;
	top: 0;
	float: left;
	background-color: #1e5593;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	padding: 10% 0%;
}

.facebook-panel:hover {   
	background-color: #10437A;
}

.facebook-image {   
    height: 100%;
    width: 50%;
    position: absolute; 
	left:0;
	top: 0;
	float: left;
	background-color: #333;
	background-image: url(/cap/uploads/2016/06/Coleridge-01.jpg); 
	background-size: cover;
	background-position: center;
}

.facebook-text {   
	position: relative; 
	height: auto;
	display: table;
	width: 40%;
	padding: 0 5%;
}

.facebook-text h5 {
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	font-size: 28px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0;
}

.facebook-panel img {
	width: 40px;
	height: auto;
	float: left;
	padding-top: 5%;
}


.you-tube {   
    height: 300px;
    width: 100%;
    position: relative; 
	right:0;
	top: 0;
	float: left;
	background-color: #e52d27;
}

#twitter {
	height: 34px;
	width: auto;
	float: left;
	margin-top: 36px;
	margin-right: 10px;
}

#twitter img {
	height: 34px;
	width: auto;
	float: left;
}

#facebook {
	height: 36px;
	width: auto;
	float: left;
	margin-top: 34px;
}

#facebook img {
	height: 36px;
	width: auto;
	float: left;
}

.news-item {   
    height: auto;
    width: 100%;
	float: left;
	text-align: left;
	background-color: #0079BC;
	color: #FFF;
	margin-bottom: 5%;
}

.news-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-04.jpg);
	background-size: cover;
	background-position: center;
}

.news-item-text {   
    height: auto;
    width: 84%;
	float: left;
	padding: 0 8% 8%;
}

.news-item-text h5, .event-item-text h5, .gallery-item-text h5 {
	color: #FFF;
	font-size: 36px;
	line-height: 110%;
	padding-bottom: 4%;
	padding-top: 10%;
}

.event-item {   
    height: 100%;
    width: 100%;
	float: left;
	text-align: left;
	background-color: #1e5593;
	color: #FFF;
	margin-bottom: 5%;
}

.event-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-06.jpg);
	background-size: cover;
	background-position: center;
}

.event-item-text {   
    height: auto;
    width: 84%;
	float: left;
	padding: 0 8% 8%;
}

.gallery-item {   
    height: 100%;
    width: 100%;
	float: left;
	text-align: left;
	background-color: #052264;
	color: #FFF;
}

.gallery-item-image {   
    height: 200px;
    width: 100%;
	float: left;
	background-image: url(/cap/uploads/2016/06/Parkside-Home-07.jpg);
	background-size: cover;
	background-position: center;
}

.gallery-item-text {   
    height: auto;
    width: 84%;
	float: left;
	padding: 0 8% 8%;
}

#container-left h1 {
	font-size: 36px;
}

#container-left h2 {
	font-size: 22px;
	padding: 8% 0 4%;
}

.mouse {
	display: none;
}


.flexslider {
	background-color: #000;
	margin-top: 140px;
}

.flexslider .slides > li { 
	background-position: center;
	height: calc(100vh - 100px);
	height: -o-calc(100vh - 100px); /* opera */
	height: -webkit-calc(100vh - 100px); /* google, safari */
	height: -moz-calc(100vh - 100px); /* firefox */	
	width: 100%;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
}

#school-title {
	position: absolute;
	width: 100%;
	height: calc(100vh - 100px);
	height: -o-calc(100vh - 100px); /* opera */
	height: -webkit-calc(100vh - 100px); /* google, safari */
	height: -moz-calc(100vh - 100px); /* firefox */	
	text-align: center;
	margin-top: 100px;
	display: table;
}

#footer {
	background-color: #444;
	padding: 8% 5% 6%;
	height: auto;
	display: table;
	float: left;
	width: 90%;
}

#footer p {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	width: 100%;
	float: left;
	padding-bottom: 2%;
}

div.excellence {
	float: left;
	line-height: 200%;
	width: 100%;
}

div.designed {
	float: left;
	width: 100%;
    text-align: left;
}
    
#footer-logo img {
	height: 50px;
	width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
    



#featured-news-item {   
    height: auto;
    width: 84%;
	float: left;
	text-align: left;
	background-color: #EEE;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	padding: 8% 8% 8%;
	margin-bottom: 0px;
}

#featured-news-item h3 {
	font-size: 36px;
	line-height: 100%;
	padding: 6% 0;
}

#featured-news-item p { 
	padding: 1% 0% 1% 0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	color: #666;
}

#archived-news-item {   
    height: auto;
    width: 84%;
	float: left;
	text-align: left;
	background-color: #FFF;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	padding: 8% 8%;
}

#archived-news-item h3 {
	font-size: 32px;
	line-height: 100%;
	padding: 4% 0;
}

.devider {
}

iframe {
	overflow: scroll;
}

#container-left {
	overflow: scroll;
}

#container-left li { 
	font-size: 16px;
	line-height: 120%;
	padding: 0 0 4%;
}

#container-left h5 {
	font-size: 20px;
	font-family: Frutiger-Regular, sans-serif;
	font-weight: normal;
	line-height: 100%;
	color: #FFF;
}

#container-left h5 a {
	background-color: #0079BC;
	padding: 4%;
	float: left;
	width: 92%;
	margin-bottom: 1px;
	transition-property: all;
	transition-duration: .40s;
	transition-timing-function: ease-in-out;
	margin: 0.25%;
}

#container-left p {
	padding-bottom: 4%;
}

#container-left h3 {
	font-size: 18px;
	font-family: Frutiger-Bold, sans-serif;
	font-weight: normal;
	padding: 2% 0 2%;
	margin: 0;
	line-height: 100%;
}

#warning-box {
	width: 88%;
	margin-top: 140px;
	padding: 1% 6% 3%;
	position: absolute;
}

#warning-box h2 {
	padding: 0 0 3%;
	font-size: 40px;
}

#warning-box p {
	padding: 0 0 2%;
}

#warning-box img {
    display: none;
}

}



.mouse {
  width: 20px;
  height: 36px;
  bottom: 2%;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #FFF;
  -webkit-animation: intro 2s;
  animation: intro 2s;
  opacity: 1;
  position: fixed;
  z-index: 0;  
}
.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #FFF;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}
@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
  opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
  opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes finger {
  0% {
  opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes finger {
  0% {
  opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@media only screen and (max-width: 768px) {
.mouse {
}
}