/****************************

If you would like to make a global change on colors or font please find and replace all the following: 

Dark color: #75002a
Medium color: #cac2c2
Light color: #ffb400

Main content background: #b1b1b1

Font: 'Varela Round', sans-serif

Navbar n1: #ff8b00	Hover: #c1761c
Navbar n2: #0dbdff	Hover: #1d9fd0
Navbar n3: #05c526	Hover: #118a25
Navbar n4: #ff22ff	Hover: #ab1dab
Navbar n5: #55bfff	Hover: #2c89c1
Navbar n6: #fd2121	Hover: #a20b0b
Navbar n7: #ff14b7	Hover: #1d9fd0
****************************/

/********* OVERRIDES ********/
*{
	font-family: 'Varela Round', sans-serif; !important;
	
}
body, html{
	margin: 0px!important;
	padding: 0px!important;
	overflow-x: hidden!important;
}
#webbar_upgraded .container .upgraded_button {
    color: #ffffff !important;
}
#webbar_upgraded .container .upgraded_button_icon:hover > i.fa, #webbar_upgraded .container .upgraded_button:hover {
    color: #ffcc00 !important;
}
#webbar_upgraded .container .upgraded_button_icon i.fa {
    font-size: 25px;
    color: #fff !important;
}
#webbar_upgraded .container .blogging:hover .blogs_menu_list a {
    padding: 10px;
    display: block;
    color: #ffffff !important;
    text-decoration: none;
}
#webbar_upgraded .container .blogging:hover .blogs_menu_list a:hover {
    color: #ffcc00 !important;
}
table{
	width: 100%!important;
}
a{
	text-decoration: none!important;
}
h1, h2, h3, h4, h5{
	color: #fff!important;
}
span, p, li, i.fa, a{
	color:#fff;
}
a:hover{
	color:#716a97!important;
}
.standard_box{
	border: 1px solid #DDD;
    background: #FFF;
}
.work_list .standard_box a:hover, #sub_page_list.work_list .standard_box:hover, .file_gallery .file:hover, .standard_box:hover{
	background:#fff!important;
	color:#716a97!important;
}
.standard_box:hover .staff_details{
	color:#716a97!important;
}
.standard_box{
	background: #716a97;
	color: #fff;
	border-radius: 8px;
	border: 0;
}
.standard_box:hover .staff_details a{
	color: #716a97!important;
}
h2 .fa{
	margin-right: 10px!important;
	color: #75002a!important;
}
#class_menu li a {
    display: block;
    background: #ffb401;
    border: 2px solid #ffb401;
    color: #75002a;
    padding: 4px 10px;
    margin: 0px 5px 5px 0px;
    font-size: 16px;
}
#class_menu li a:hover{
    background: #75002a;
    border: 2px solid #75002a;
    color: #ffb401;
}

#content p, #content span, #content li{
	text-align: left!important;
}
.link_color{
	color: #fff!important;
}
.link_color:hover{
	color: #716a97!important;
	text-decoration: none!important;
}
.remove_padmarg{
	padding: 0px!important;
	margin: 0px!important;
}
.textfield{
    border: 2px solid #aa99c4!important;
}
.border-4px{
	border-bottom: 4px solid #716a97!important;
    border-top: 4px solid #716a97!important;
}
.spacer.theme{
	border-bottom: 2px solid #aa99c4!important;
}
.spacer.theme_2{
	border-bottom: 2px solid #aa99c4!important;
}
.spacer.theme_3{
	border-bottom: 2px solid #aa99c4!important;
}
#content_main{
	background: #aa99c4!important;
	border-bottom: 4px solid #716a97 !important;
}
#main_content_right{
	background: #EEE!important;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
#quick_links_right{
	padding-top: 1px;
}
.nursery-box{
	background: #716a97;
	padding: 10px 15px;
	text-align: center;
}
.nursery-box h2{
	margin-top: 0;
}
#quick_links_right h2{
	color: #716a97 !important;
}
#contact_us_right h2, #contact_us_right p{
	color: #716a97 !important;
}
#news_button, #events_button, #email_us_button{
	background: #716a97!important;
    box-sizing: border-box!important;
    width: 200px!important;
    padding: 10px!important;
    color: #fff!important;
    border-radius: 5px!important;
}
#news_button:hover, #events_button:hover, #email_us_button:hover{
    box-sizing: border-box!important;
	background: #aa99c4!important;
	color: #fff!important;
}
span.right-arrow{
	color: #fff!important;
}
#news_button:hover span.right-arrow, #events_button:hover span.right-arrow, #email_us_button:hover span.right-arrow{
	color: #fff!important;
}
.content i.fa{
	color: #716a97!important;
	margin-top: 2px;
}
#footer_pupil_login{
	background: #716a97!important;
}
#footer_pupil_login h5{
	color: #fff!important;
}
#footer_logins div{
	background: #716a97!important;
    color: #fff!important;
	border-top: 1px solid #fff!important;
	border-bottom: 1px solid #fff!important;
}
#footer_logins div:hover{
	background: #aa99c4!important;
	color: #fff!important;
}
#footer_block{
    background: #000!important;
}
#footer_block .copyright_text, #footer_block .copyright_text .fa, #footer_block .copyright_text a{
	color: #fff!important;
}
#quick_links_right .quick-links .blocks .fa{
	color: #716a97!important;
}
#quick_links_right .quick-links .blocks:hover .fa{
	color: #aa99c4!important;
}
.standard_box p{
	border-top:none !important;
}
#banner_slider .slider-item {
	width: 100%!important;
}
#banner_slider .slider-item img {
	width: 100%!important;
}
#banner_slider {
    margin: 10px 0px 10px!important;
}
#login .go .gobutton {
    width: 100%;
	padding: 5px 15px;
	color: #fff!important;
	background: #aa99c4!important;
	font-size: 14px!important;
}
#login .go .gobutton:hover{
	color: #fff!important;
	background: #716a97!important;
}

/****** CUSTOM MENU COLOURS *******/
#menu > li:nth-child(1n+0) a {
    background: #ff8b00;
}

#menu > li:nth-child(2n+0) a {
    background: #00acec;
}

#menu > li:nth-child(2n+0) a:hover {
    background: rgba(0, 172, 236, 0.75);
}

#menu > li:nth-child(3n+0) a {
    background: #9acd31;
}

#menu > li:nth-child(3n+0) a:hover {
    background: rgba(154, 205, 49, 0.75);
}

#menu > li:nth-child(4n+0) a {
    background: #ff00ff;
}

#menu > li:nth-child(4n+0) a:hover {
    background: rgba(255, 0, 255, 0.75);
}

#menu > li:nth-child(5n+0) a {
    background: #86cef9;
}

#menu > li:nth-child(5n+0) a:hover {
    background: rgba(134, 206, 249, 0.75);
}

#menu > li:nth-child(6n+0) a {
    background: #ff0000;
}

#menu > li:nth-child(6n+0) a:hover {
    background: rgba(255, 0, 0, 0.75);
}

#menu > li:nth-child(7n+0) a {
    background: #4a0082;
}

#menu > li:nth-child(7n+0) a:hover {
    background: rgba(74, 0, 130, 0.75);
}

/************************************ PUPIL BAR ****************************************/
.pupil-bar{
	background: #000;
}

#webbar{
	background: #000 !important;
	height: auto;
	padding-left: 26px;
	padding-right: 35px;
	padding-bottom: 5px;
}

#webbar .cookies {
	height: 25px !important;
}

#webbar #search {
	height: 25px;
}

#google_translate_element {
	width: 114px;
	height: 25px !important;
	overflow: hidden !important;
}

#webbar .right{
	margin:0px 0px 0px 0px;
}
@media screen and (min-width: 992px) {
	#mobile_black_bar{
		display:none;
	}
	#webbar{
		display:block;
	}
}
@media screen and (max-width: 992px) {
	#mobile_black_bar{
		display:block;
	}
	#webbar{
		display:none;
	}
	section#contact_details {
		display: none;
	}
}
#mobile_black_bar a{
	display:block;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:20px;
}
#mobile_black_bar .staff_login{
	background:#000;
}
#mobile_black_bar .parent_login{
	background:#666;
}
#mobile_black_bar .blogs{
	background:#000;
}
/************************************ HEADER ****************************************/


/************************************ NAVBAR ****************************************/
.navbar-nav {
	width: 100%;
	text-align: center;
		> li {
	  	float: none;
	  	display: inline-block;
	}
}

/*********************************** MENU ***************************************/
#main-menu{
	padding: 15px;
	background: #ffffff;
}

ul#menu .topItem a{
	color: #000;
}

ul#menu, ul#menu ul{
	list-style: none;
}

ul#menu {
	float: none;
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
	display: inline-block;
	font-size:0;
}

ul#menu, ul#menu li, ul#menu ul {
	list-style: none !important;
	list-style-image: none !important;
}

ul#menu .topItem {
	margin: 0 0px 0 0;
	padding: 0 0px;
	color: #473016;
	height:20px;
	padding: 0px;
	border-right: 1px solid #fff;
	position: relative;
	line-height: 20px;
	top: 0px;
	text-align:center;
}

ul#menu a.topLink{
	padding-top:0px;
}

ul#menu .topItem:not(:last-child) {
	border-right: 1px solid #000;
}

ul#menu .topItem:hover{
	
}

ul#menu li{
	height: 40px;
	line-height: 2px;
	text-align: left;
	color: #ffffff!important;
	position: relative;
	text-decoration: none;
	display:block;
	/*top: 37px;*/
}
ul#menu li:hover{
	/*background-color: #86cef9;*/
}
ul#menu li a {
	font-size: 16px;
    height: 35px;
    color: #fff;
    margin: 0px 0px;
    padding: 4px 10px;
    text-decoration: none;
    display: block;
	font-weight:normal !important;
}
ul#menu ul {
	display: none;
	position: absolute;
	left: -1px;
	margin: 0px;
	z-index: 598;
	white-space: nowrap;
	padding: 0px;
	font-size:0;
	background: #2636a7;
}

ul#menu ul li{
	display:block;
}
ul#menu li:hover > ul{
	display: block;
}

ul#menu ul {
	text-align: left;
	z-index: 9999 !important;
}

ul#menu ul ul{
	margin-left:100%;
	top: 0px !important;
	position: absolute;
}

ul#menu .subItem a{
	display: block;
	padding: 20px 15px;
	color: #ffffff;
}

ul#menu .subItem:hover{
	color: #ffffff;
	background: rgba(51, 122, 183, 0.34);
}

ul#menu{
	width:100%;
	text-align:center;
}
ul#menu li.topItem{
	display:inline-block;
	float:none !important;
}
#bottom_blocks h2 a{
	font-family: 'Varela Round', sans-serif; !important;
	font-weight:normal !important;
}
@media screen and (max-width: 767px) {
	#main-menu {
		display: none;
	}
	#hold_news, #hold_events{
		margin-bottom:20px;
	}
}

/************************************** STICKY MENU ******************************************/

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	z-index:9999;
}

/********** MOBILE MENU ********/
.slicknav_btn{
	background: #716a97!important;
}
.slicknav_menu{
	background: #aa99c4!important;
}
.slicknav_nav .topItem a{
	color: #fff!important;
}
.slicknav_nav .topItem.slicknav_open a{
	color: #fff!important;
}
.slicknav_nav .slicknav_row:hover {
    background: #716a97!important;
    color: #fff!important;
}
.slicknav_nav a:hover {
	background: #716a97!important;
}
.slicknav_nav .topItem:hover a, li.topItem.slicknav_parent.slicknav_open{
	background: #716a97!important;
	color:#fff!important;
}
.slicknav_arrow{
	color:#fff!important;
}
.slicknav_menu .slicknav_icon-bar{
	color:#fff!important;
}
.slicknav_menutxt{
	text-shadow: none!important;
}

@media screen and (min-width: 992px) {
	.slicknav_menu{display:none !important;}
}
@media screen and (max-width: 992px) {
	.slicknav_menu{display:block !important;}
}

/********** MENU END ********/

#slider, #grade_slider {
    height: auto;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}
#slider > #slideshow .slider-item, #grade_slider  > #grade_slideshow .slider-item{
    width: 100% !important;
    height: auto !important;
}
.slider-item img {
    height: auto;
    width: 100%;
}
#login .textfield {
	width:160px;
}
#login h2{
	font-size:16px;
	display:none;
	color: #333 !important;
}

#login .gobutton {
    background:#fff02a;
    color: #00008a;
    padding:4px 15px;
}
#right_content h3{
	margin:0px 0px 10px 0px;
}
@media (min-width: 992px){
	#container {
		width: 970px !important;
	}
}
@media (min-width: 1200px){
	#container {
		width: 1170px !important;
	}
}
#class_menu_holding{
	margin-top:15px;
}

#slider, #grade_slider {
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
}

.slider-item {
    height: auto;
    width: 100%;
}

#content iframe {
    max-width: 100% !important;
}

@media screen and (max-width: 992px) {
	.slicknav_menu{display:block !important;}
	.navbar{display:none !important;}
	#imageTop{display:none !important;}
	#imageBottom{display:none !important;}
	section#large-image{margin-top:0px !important;}
}
#other_page #imageTop, #other_page #imageBottom{
		display:none !important;
	}

footer a, footer a:hover{
	color:#FFF;
}

#divider_white_top{
	height:130px;
	width:100%;
	background:url(img/divider_white.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	margin-top:-130px;
	z-index:120;
}
#headteacher .container{
	background:#FFF;
	padding-bottom:100px;
	padding-top:20px;
	border-right:1px solid #EEE;
	border-left:1px solid #EEE;
}
#headteacher .container.top_texture{
	height:39px;
	background:url(img/texture_top.png);
	background-size:100% 100%;
}
section#headteacher{
	background:url(img/texture_main.png);
	padding-bottom:0px;
}
section#headteacher.no_slider{
	padding-top:20px;

}
section#headteacher.no_slider .container{
	border-radius:10px;
	border-top:1px solid #EEE;
}
@media screen and (max-width: 767px) {
	section#headteacher.no_slider .container{
		border-radius:0px;
		border-top:1px solid #EEE;
	}	
}
#divider_white_top.no_slider{
	display:none;
}
#svg_container{
	position:absolute;
	margin-top:-80px;
	width:100%;
	height:80px;
	z-index:140;
}
#purple_top{
	height:80px;
	background:url(img/bg_purple_top.png) no-repeat;
	position:absolute;
	margin-top:-80px;
	width:100%;
	z-index:140;
	background-size:100% 100%;
}
#purple_bottom{
	height:80px;
	background:url(img/bg_purple_bottom.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	width:100%;
	z-index:150;
}
#white_bottom{
	height:50px;
	background:url(img/bg_white_bottom.png);
	background-size:100% 100%;
	position:absolute;
	width:100%;
	z-index:160;
}

.work_list .standard_box{
	padding: 5px !important;
}
.work_list .standard_box p{
	padding:5px;
}
.work_list .standard_box a {
    color:#fff;
	display:inline-block;
	padding:5px;
}
.work_list .standard_box a:hover, #sub_page_list.work_list .standard_box:hover{
    background:#fff;
	color:#716a97;
}
.file_gallery .file {
    border: 2px solid #716a97;
    background: #716a97;
    color: #fff;
	border-radius: 8px;
}
@media screen and (max-width: 992px) {
	section#headteacher.no_slider, section#headteacher{
		margin-top: 0px !important;
	}
}

.pupil-bar{
	background: #000;
}

#webbar{
	background: #000 !important;
	height: auto;
	padding-left: 26px;
	padding-right: 35px;
	z-index:160;
}


#webbar .cookies {
	height: 25px !important;
	margin-right:5px !important;
}

#webbar #search {
	height: 25px;
}

#google_translate_element {
	width: 114px;
	height: 25px !important;
	overflow: hidden !important;
	margin-top:0px !important;
	padding:1px 5px !important;
}

.goog-te-menu-value span {
    color: #ffffff!important;
}

#webbar .right{
	margin:0px 0px 0px 0px;
}
#webbar .right.search{
	margin-right:5px;
}
#webbar #search_button{
	margin-top:1px;
	padding: 1px;
}

#content p, #content span{
	/*font-family:'Varela Round', sans-serif !important;*/
	font-family:Verdana, Geneva, sans-serif !important;
	color:#fff;
	font-size:16px;
}
#map{
	background:#716a97!important;
}

a.js-link{
	display:block;
}
#content span.fc-event-title{
	color: #fff !important;
}
/********** HOVER ELEMENTS FOR CURSOR **********/
a, .js-link, #login .gobutton, #footer_pupil_login, .work_list .standard_box a:hover, #sub_page_list.work_list .standard_box:hover, .file_gallery .file:hover, .standard_box:hover{
 cursor: pointer!important;
}
.rm_button{
	padding:10px 15px;
	color:#fff;
	background:#aa99c4;
	text-decoration:none;
	border-radius:15px;
	margin-bottom:30px;
	display: block;
}
.rm_button:hover{
	color:#fff !important;
	background:#716a97;
	text-decoration:none;
}
.rm_hold{
	padding:10px 0px;
}
#overlay{
	position:relative;
	display:inline;
	margin-top:-135px;
	float:right;
	font-size:40px;
	padding:25px 40px;
	z-index:150;
	background:rgba(255,255,255, .6);
	color:#716a97;
	border-radius:8px;
}
span.fc-button-content{
	color: #333 !important;
}
@media screen and (max-width: 1200px) {
	#overlay{
		margin-top:-180px;
		font-size:50px;
		padding:25px 40px;
	}
}
@media screen and (max-width: 992px) {
	#overlay{
		margin-top:-160px;
		font-size:50px;
		padding:20px 30px;
	}
}
@media screen and (max-width: 767px) {
	#overlay{
		display:none;
	}
}