/* PASSWORD PROTECTED PAGE STYLING */

#simplemodal-container{
	width:50% !important;
	height:auto !important;
}

#governer_password{
	margin-top:15px;
}

form .med{
	width:100%;
}

#governer_logged_in{
	margin-top:10px;
	font-size:16px;
}

#governer_logged_in a.button{
	padding:0px 5px;
}

button#main_b{
	float:left;
	padding:2px;
	height:20px;
	font-size:13px;
	text-transform:uppercase;
	margin-top:6px;
	border-radius:0;
	line-height:0;
}

.fc-widget-header, .fc-widget-content{
	color:#fff;
}

.fc-state-highlight{
	color:#000;
}

.standard_box p.staff_details{
	color:#c00 !important;
}

table{
	color:white;
}

/* BLACK BAR */

#google_translate_element{
	width:114px;
	overflow:hidden !Important;
}

#webbar_container_res{
	display:none;
}

#webbar #blogs_menu_list{
	z-index:999999;
}


#webbar_1{
	width:100%;
	background:black;
}

#webbar{
	background:black !important;
	
	height:auto;
	padding-left:0px;
	padding-right:0px;
}

#webbar #container{
	/*width:auto !important;*/
	border:none;
	height:auto;
	padding-bottom:3px;
}

#webbar #container{
	width:1170px;
}

#webbar_upgraded {
    background: #4b6baa;
	font-family: 'Quicksand', sans-serif !important;
}

#webbar_upgraded .container .blogging .blogs_menu_list {
    background: #4b6baa;
}

#webbar_upgraded .container .search-content #search {
    background: #4b6baa;
}

#webbar_upgraded .container #google_translate_element .goog-te-gadget .goog-te-combo {
    background: #4b6baa;
}

#webbar_upgraded .container .search-content::after {
    background: #4b6baa;
}
.class_heading_right{
	padding-top:35px;
}

#webbar .cookies{
	height:20px !Important;
}

#webbar .left{
	height:20px;
}

#webbar #search{
	height:20px;
}

#google_translate_element{
	height:20px;
	padding:0px 5px !important;
}

/* LOGIN */

#login{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	background: #000065;
	border-radius: 8px;

}

#login .textfield{
	width: 50%;
    float: left;
    margin-bottom: 5px;
    padding: 5px;
	border-color: #006;
}

#login h2{
	text-align:center;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
}

#login .gobutton{
	background:#fff;
	color: #000065;
	width:100%;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
}

#login .go{
	float:right;
	width:100%;
}

#login .username{
	float:none;
	margin-right:0;
}

#login .password{
	float:none;
	margin-right:0;
}

.latest_updates, .term_dates{
	padding: 15px;
	color: #fff;
	background: #000065;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 8px;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	font-size: 24px;
	transition: 0.3s;
	text-decoration: none !important;
}

.latest_updates:hover, .term_dates:hover{
	color: #fff;
	background: #c00;
}

/* MMMENU */

.navbar-toggle .icon-bar{
	background:#FFF;
}

.slicknav_menu{
	display:none;
}

/* OTHER STYLING */

#left_content h1, #left_content h2, #left_content h3{
	font-family: 'Quicksand', sans-serif;
	color:#333;
}

#left_content p, #left_content ul, #left_content li{
	color:#333;
	font-family: 'Quicksand', sans-serif;
}

table.fc-border-separate{
	width:inherit !Important;
}

table.fc-header{
	width:100% !important;
}

#content .pagination{
	margin:0px 5px 10px 0px;
}

a{
	text-decoration:none;
	color:#c00;
}

a:hover{
	color:#c00;
}

#left_content a{
	color:#c00;
}

#left_content img{
	height:auto !important;
	display:inline-block !Important;
	/*max-width:780px !important;*/
}

ul#class_menu{
	padding-left:0;
	margin-top:10px;
}

#teacher_image{
	width:142px;
	height:112px;
}

.staff_slideshow{
	width:120px;
	height:90px;
}

.staff_slideshow .slider-item{
	width:120px;
	height:90px;
}

.staff_slideshow .slider-item img{
	width:120px;
	height:90px;
}

#left_content{
	padding: 30px 0px;
}

.file_gallery .file{
	border:1px solid #3853a4;
}

.standard_box{
	border:1px solid #3853a4;
}

.class_heading_left{
	float:left;
}

/* NON JSCRIPT STYLING */

ul#menu ul li{
	float:none;
}

/*#logo{
	max-width:780px;
}*/

#banner_slider, #banner_slideshow, #banner_slideshow .slider-item, #banner_slideshow .slider-item img{
	/*max-height:150px;*/
	/*max-width:730px;*/
}

#slider{
	height:355px;
}

#grade_slider{
	height:355px;
	overflow:hidden;
}

.slider-item img{
	height:355px;
	max-width:1140px;
}

#footer_logins .row{
	margin-left: auto;
	margin-right: auto;
}

#class_menu li a {
    background: #000065;
    border: 2px solid #000065;
    color: #FFF;
    margin: 0px 5px 5px 0px;
	text-decoration: none !important;
}

#class_menu li a:hover {
    background: #c00;
    border: 2px solid #c00;
    color: #FFF;
}


/* ************* NO JSCRIPT *************** */

/* ************* SLIDERS *************** */
#slideshow.cycle-slideshow, #grade_slideshow.cycle-slideshow{
	z-index:0;
}

#banner_slideshow{
	margin-top:15px !important;
	border:3px solid #c00 !important;
}

#slider, #grade_slider, #banner_slider{
	margin:0px;
	padding:0px;
	border:none;
}

#slideshow{
	border-top:10px solid #cc0000 !important;
	border-bottom:10px solid #cc0000 !important;
	margin-top: 7px;
}

#slideshow div, #grade_slideshow div, #banner_slideshow div{
	width:auto;
	height:auto;
}
.slider-item, .slider-item img{
	width:100% !important;
}
/*@media only screen and (min-width:1200px){
#slider, #grade_slider{
	margin:0px;
	padding:0px;
	border:none;
}
#slideshow div, #grade_slideshow div{
}
.slider-item, .slider-item img{
	width:100% !important;
	height:auto;
}
}*/
.fc-grid .fc-day-number {
    float: right;
    color: #333;
    padding: 0 2px;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
    color: #333;
}
.fc-header-title h2{
	color: #000065;
}
/* ************* END SLIDERS *************** */



@media only screen and (min-width: 992px){
	.col-md-2-half{
		width: 11.1111111111%;
	}
	#logo_section img {
		height: 60px;
	}
	#footer_logins{
		display: none;
	}
	#logo h3, #logo h6{
		position: relative;
		top: -15px;
	}
	#logo h1{
		position: relative;
	}
	#right_content #login{
		display: none;
	}
}
@media only screen and (min-width:1200px){
	#logo_section img {
		height: 70px;
	}
}
@media only screen and (max-width:1200px){
	#webbar #container{
		width:970px;
	}
	
	.class_heading_right{
		padding-top:15px;
	}
	
	.slider-item img{
		height:300px;
		max-width:940px;
	}
	
	#slider{
		height:300px;
	}

	
	h1{
		font-size:30px;
	}
	
	h2, #login h2{
		font-size:23px;
		margin-top:10px;
	}
	
	/*#logo{
		max-width:646px;
	}*/
	
	#banner_slider, #banner_slideshow, #banner_slideshow .slider-item, #banner_slideshow .slider-item img{
		/*max-height:150px;*/
		max-width:730px;
	}
	
	#grade_slider{
		height:300px;
		overflow:hidden;
	}
	
	#logo h1{
		font-size:55px;
	}
	
	ul#menu li a, ul#menu ul li a{
		padding:7px 8px;
	}
	
	#pupil_parallax{
		height:400px;
	}
	
	#top_curve{
		margin-top:-10px;
	}
	
}

@media only screen and (max-width:991px){
	
	#webbar #container{
		width:750px;
	}
	
	.slider-item img{
		height:250px;
		max-width:720px;
	}
	
	#slider{
		height:250px;
	}
	
	.class_heading_right{
		padding-top:10px;
	}
	
	.left.alerts{
		display:none;
	}
	
	h1{
		font-size:23px;
		margin-bottom:10px;
	}
	
	h2{
		font-size:18px;
		margin-bottom:5px;
	}
	
	#login h2{
		font-size:20px;
	}
	
	p{
		margin-bottom:5px;
	}
	
	ul#menu li a, ul#menu ul li a{
		font-size:17px;
		padding:7px 5px;
	}
	
	/*table{
		width:100% !important;
		table-layout:fixed !important;
	}*/
	
	/*#logo img{
		max-width:500px;
	}*/
	
	#banner_slider, #banner_slideshow, #banner_slideshow .slider-item, #banner_slideshow .slider-item img{
		/*max-height:150px;*/
		max-width:730px;
	}
	
	#grade_slider{
		height:250px;
		overflow:hidden;
	}
	
	#logo h1{
		font-size:45px;
		margin-top: 0px;
		padding-top: 15px;
	}
	
	#logo h3{
		margin-top:25px;
	}
	
	#right_content{
		word-wrap:break-word;
		margin-bottom: 20px;
	}
	
	.bcg{
		background-attachment:scroll !important;
	}
	
	#pupil_parallax{
		height:350px;
	}
	
	#top_curve{
		margin-top:-7px;
	}
	
	.box.events h2, .box.work h2, .box.news h2{
		background-size:25px;
	}
		
	.slicknav_menu{
		display:block;
		border-bottom: 2px solid #fff;
	}
	.slicknav_nav ul {
		width: -webkit-fill-available !important;
	}
	
	#menu_holding{
		display:none;
	}

	
	#webbar .left{
		float:none;
		margin-left:0;
		margin-top:0;
		height:inherit;
	}
	
	.webbar_button, #webbar .cookies{
		padding:15px 0px;
		border:none;
	}
	
	#webbar .cookies{
		height:inherit !important;
		background:#A3ADC2;
		display:block;
		margin-right:0;
		margin-top:0;

	}
	
	.left.alerts{
		display:none;
	}
	
	.right.cookies a{
		text-transform:uppercase !important;
	}
	
	.webbar a{
		font-size:14px !important;
		text-transform:uppercase !important;
	}
	
	.left.webbar_button.teachers{
		display:block;
		background:#3D4148;
	}
	
	.left.webbar_button.parents{
		background:#474C55;
		display:block;
	}
	
	.left.webbar_button.blogs{
		background:#272A2F;
		display:block;
	}
	
	#webbar .right{
		float:none;
		
	}
	
	.right.search{
		DISPLAY:NONE;
	}
	
	#google_translate_element{
		display:none;
	}
	
	#webbar{
		border:none !important;
		background:transparent !important;
	
	}
	
	#webbar_1{
		display:none;
	}
	
	#webbar #container{
		text-align:center;
		border:none;
		background:transparent !important;
		margin:0;
		padding:0;
	}
	
	#blogs_menu_list{
		display:none !important;
	}
	
	#webbar_container_res{
		display:block;
		text-align:center;
	}
	
	.nav_handle{
		display:block;
		font-size:30px;
		color:#FFF;
		background:#6f0221;
		padding-left:10px;
		border-bottom:1px solid #edf8ff;
		
	}
	
	ul.mm-listview li.topItem{
		background:none !important;
	}
	
	#webbar a{
		display:block;
	}
	
	#webbar .left{
		margin:0px 0px 0px 0px;
	}
	
	#webbar .right{
		margin:0px 0px 0px 0px;
	}
	
	/*table{
		width:100% !important;
		table-layout:fixed !important;
	}*/
	
	#jquery-lightbox{
		width:100% !important;
		height:auto;
	}
	
	#lightbox-container-image-box{
		width:100% !important;
		height:auto !Important;
	}
	
	#lightbox-container-image-data-box{
		width:100% !Important;
		height:auto !Important;
	}
	
	#lightbox-container-image img#lightbox-image{
		width:100% !Important;
		height:auto !Important;
	}
	
	button#main_b_2{
		width:100%;
		display:block;
		padding:10px 0px;
		text-transform:uppercase;
		border-radius:0;
		font-size:12px;
	}
		
	#footer_logins .col-sm-12, #footer_logins .col-xs-12 {
		padding: 15px;
		font-family: 'Quicksand', sans-serif;
	}	
	#footer_logins a {
		background: #000065!important;
		color: #ffffff!important;
		border-top: 2px solid #ffffff!important;
		text-align: center!important;
		text-decoration: none;
		font-size: 20px!important;
	}
	#logo img{
		display: block;
		margin: auto;
	}
	.logo_right{
		display: none;
	}
	
	.gallery-column .view, .events-column .view, .news-column .view{
		margin-top: 15px;
	}

}

@media only screen and (max-width:767px){
	
	.holdevents, .holdnews, .holdclasswork{
		padding:15px;
	}
	
	#login{
		margin-top:10px;
	}
	
	table{
   		width:100% !important;
	}
	
	td{
		table-layout:fixed !important;
	}
	
	#webbar a{
		display:block;
	}
		
	#logo{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#webbar .left{
		float:none;
		margin:5px 5px 0px 5px;
	}
	
	#webbar .right{
		float:none;
		margin:5px 5px 0px 5px;
	}
	
	.right.search{
		DISPLAY:NONE;
	}
	
	#google_translate_element{
		margin-left:5px;
		float:none !important;
		padding:0px 5px;
	}
	
	#webbar{
		border:none !important;
		background:transparent !important;
		/*display:none;*/
	}
	
	#webbar #container{
		text-align:center;
		border:none;
		background:transparent !important;
	}
	
	#blogs_menu_list{
		display:none !important;
	}
	
	#webbar_container_res{
		display:block;
		text-align:center;
	}
	
	#webbar_1{
		display:none;
	}
	
	#webbar .left{
		margin:0px 0px 0px 0px;
	}
	
	#webbar .right{
		margin:0px 0px 0px 0px;
	}
	
	/*table{
		width:100% !important;
	}*/
	
	.class_items_holding .class_heading_left h2{
		font-size:14px;
	}
	
	.class_heading_right a{
		font-size:13px;
	}
	
	#logo h3{
		font-size: 16px;
		margin-top: 5px;
	}
	
	#content_bg{
		display:block;
	}
	
	.border_2{
		display:none;
	}
	
	#left_content{
		padding-top:15px;
	}
		
	#contact_details{
		width:100%;
		text-align:center;
	}
	
	#contact_part_2{
		width:100%;
		text-align:center;
	}
	
	p.tel, p.email{
		
		display:inline-block;
	}
	
	#top_curve{
		display:none;
	}
	
	#bottom_blocks{
		display:block;
		border-bottom:none;
	}
	
	.box.events h2, .box.work h2, .box.news h2{
		background:none;
		text-align:center;
	}
	
	#hold_news{
		border-left:none;
		border-right:none;
		border-top: 5px solid white;
		border-bottom: 5px solid white;
	}
	
	p.news, p.work, p.event{
		padding:10px;
		display:block;
		margin-bottom:10px;
		border:2px solid white;
	}
	
	p.news:last-child, p.work:last-child, p.event:last-child{
		margin-bottom:0;
	}
	
	p.news a, p.event a, p.work a{
		display:block;
	}
		
	p.news:first-child, p.work:first-child, p.event:first-child{
		margin-top:10px;
	}
	
	.bcg{
		background-position:50% 50% !important;
		background-size:100% !important;
		
	}
	
	#pupil_parallax{
		height:190px;
	}
	
	#logo h1{
		font-size:28px;
	}
		
	#header{
		height: auto;
	}	
	
	.view {
		max-width: 340px;
	}
}

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

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

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


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	_:-ms-fullscreen, :root #div/.class{
	}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1200px) {

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:991px){

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:870px){
	
}