@charset "UTF-8";


/*Global styles*/


html {
  position: relative;
  min-height: 100%;
}
.item .container .carousel-caption {
}

body {
	font-size:16px !important;
	background-color:#ffffff !important;
}



/*------------------------------------------------------*/

/*Header styles*/

.top-header {
	height:70px;
	background-color:rgba(75, 0, 126, 0.9);
	color:#fff;
	/*position:static;*/
}

.schoolbadge {
	padding-left:28px;
	padding-right:10px;
	padding-top:2px;	
}

.top-header span.school {
	font-weight:bold;
	color:#27CD0C;
}

.top-header h2 small {
	color:#ffffff;
}

/*------------------------------------------------*/


/*Start of navbar styles*/

/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affix {
	top: 0;
	width: 100%;
}
.affix + .container-fluid {
	padding-top: 60px;
	padding-bottom:0px !important;
	
}


.navbar-default {
	/*background-color:#144f2c;*/
	border-top-color:#FEFD0D;
}

.navbar {
	z-index:1000;
	border-radius:0 !important;
	background-color:rgba(20, 79, 44, 0.9);
	border-bottom:0;
	border-top:1px solid #FAFF54;
	border-bottom:1px solid #FAFF54;
	margin-bottom:0px !important;
}

.navbar-collapse.collapsing, .navbar-collapse.in{
	position:absolute;
	width:50%;
	background-color:rgba(0,0,0,0.9);
}

	/*Collapsed navbar styles*/
	.navbar-toggle .icon-bar:nth-of-type(2) {
		  top: 1px;
	}
	
	.navbar-toggle .icon-bar:nth-of-type(3) {
		top: 2px;
	}
	
	.navbar-toggle .icon-bar {
		  position: relative;
		  transition: all 200ms ease-in-out;
	}
	
	.navbar-toggle.active .icon-bar:nth-of-type(1) {
		  top: 6px;
		  transform: rotate(45deg);
	}
	
	.navbar-toggle.active .icon-bar:nth-of-type(2) {
		  background-color: transparent;
	}
	
	.navbar-toggle.active .icon-bar:nth-of-type(3) {
		  top: -6px;
		  transform: rotate(-45deg);
	}
	
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
	color:#fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color:#faff54;
}
	
	/*------------------------------*/

/*Carousel*/

.carousel {
	max-height:600px !important;
	overflow:hidden;
	width:100%;
}


.carousel .item img {
	width:100%;
	height:600px;
}

.carousel .item {
-webkit-transform-style: preserve-3d !important;
-moz-transform-style: preserve-3d !important;
transform-style: preserve-3d !important;
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	

	
	}

.carousel-caption {
	
	top:56% !important;
	/*transform: translateX(-50%) !important;*/
	bottom:initial !important;

}


.carousel-caption h1 {
	font-size:38px !important;
	background-color:rgba(83,0,128,0.7);
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
}
.carousel-indicators {
	bottom:-5px !important;
}


/*------------------------------------------------------*/

/*Row styles */
.row {
	padding-top:10px;
	padding-bottom:10px;
}

 #news,#info, #virtualopenday/*, #multimedia*/{
	background-image:url(../images/halftone.png);
}

#pupils {
	background-image:url(../images/bg-slide3.jpg);

}
#pastpupils, #joinalumni, #parents{
	background-color: #f6f6f6;
}

.section-brown {
  background-color: #A59E94;
  color: #FFFFFF;
}

.section-light-blue {
  background-color: #7A9E9F;
  color: #FFFFFF;
}

.section-dark {
  background-color: #1a1817;
  color: #FFFFFF;
}

.section-nude {
  background-color: #FFFCF5;
}

#address {
	/*line-height:1.1;*/
	padding-top:5px;
	font-size:14px;
	margin:0px;
}

/*--------------------------------------------------*/

/*Footer styles*/
/*.footer {
  background-color:#717171;
  color:#ffffff;
}
*/
/*-----------------------------------------------------*/

/*Back to top style*/

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/*------------------------------------------------------*/



.mobileShow

{ display: none;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 980px){ .mobileShow { display: inline;}}


   .mobileHide { display: inline;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 480px){  .mobileHide { display: none;}}
   
   /*-----------------------------------------------------------*/
   

.final-image
{
	max-width:100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*-------------------------------------------------------------*/

#map-canvas {
	width:100%;
    height: 100%;
 	height:calc(100% - 0px);
}

/*-------------------------------------------------------------*/

.btn-primary.outline {
	border: 1px solid #C8C3C3;
	margin:3px;
	width:85% !important;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.btn-primary.outline.sub {
	font-size:12px;
	width:65% !important;
}

.btn-primary.outline.english {
	background:#3d4959;
}

.btn-primary.outline.maths {
	background:#401d3f;
	
}

.btn-primary.outline.religion {
	background:#093662;
}


.btn-primary.outline.pe {
	color: #445a01;
	background:#b0cd5b;
}

.btn-primary.outline.science {
	background:#c70001;
}

.btn-primary.outline.lang {
	background:#91358a;
}

.btn-primary.outline.art {
	background:#517fa4;
}

.btn-primary.outline.env {
	background:#5d7d16;
}


.btn-primary.outline.env.sub {
	background:#5d7d16;
}

.btn-primary.outline.llw {
	background:#532987;
}

.btn-primary.outline.computing {
	background:#9b2845;
}

/*---------------------------------------------*/

.pupil_icon{
  border-radius: 150px;
  color: #ffffff;
  display: inline-block;
  height: 150px;  
  text-align: center;
  width: 150px;
  background:none repeat scroll 0 0 #337ab7;
}
.pupil_icon span{
  display: inline-block;
  font-size: 70px;
  height: 100%;
  line-height: 160px;
  width: 100%;
  -webkit-transition:   all 0.5s;
  -o-transition:  all 0.5s;
  transition:   all 0.5s;
}

.single_pupil_top{
  float: left;  
  display: inline;  
  width: 100%;
  text-align: center;
}

.single_pupil_top:hover .pupil_icon span{
  transform:scale(0.9);
}

.single_pupil_top .pupil_icon a:link, .single_pupil_top .pupil_icon a:hover, .single_pupil_top .pupil_icon a:visited, .single_pupil_top .pupil_icon a:active {
	color:#ffffff;
}