@charset "utf-8";

/* NEW WEBSITE */
/* Customised button colours */


.s-results .gsc-adBlock {
  
    display: none;
 
}

.text-white {
    color: #ffffff;
}

.text-black {
    color: #000000;
}

.text-brown {
    color: #5B0B0B;
}

.text-blue {
    color:blue;
}

.text-green {
    color: #00AF3F;
}


.box-links {
    font-size: 12px;
    font-weight:500;
}

a.perf-colour_lg {
    margin: auto;
    border-radius: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    max-width: 650px;
    padding-top: 8px;
    padding-bottom: 14px;
    background-color: #007BFF;
    color: #ffffff;
    display: block;
}

a.perf-colour_lg-2 {
    margin: auto;
    border-radius: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    max-width: 700px;
    padding-top: 8px;
    padding-bottom: 14px;
    background-color: #007BFF;
    color: #ffffff;
    display: block;
}

.p_info_lg {
    max-width: 600px;
    padding-bottom: 14px;
}

.p_info {
    max-width: 450px;
    padding-bottom: 14px;
}

.p_info_sm {
    max-width: 150px;
    padding-bottom: 14px;
}

.p-header {
    margin: auto;
    border-radius: 20px;
    max-width: 450px;
    padding-top: 7px;
    padding-bottom: 14px;
    background-color: #3333CC;
    color: #ffffff;
    display: block;
}

a.perf-colour {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 25px;
    text-align: center;
    max-width: 450px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #007BFF;
    color: #ffffff;
    display: block;
}

a.perf-colour-md {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 25px;
    text-align: center;
    max-width: 300px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #007BFF;
    color: #ffffff;
    display: block;
}

.p-header-sm {
    margin: auto;
    border-radius: 20px;
    max-width: 150px;
    padding-top: 7px;
    padding-bottom: 14px;
    background-color: #3333CC;
    color: #ffffff;
    display: block;
}

a.perf-colour-sm {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 25px;
    text-align: center;
    max-width: 150px;
    padding-top: 3px;
    padding-bottom: 4px;
    background-color: #007BFF;
    color: #ffffff;
    display: block;
}

.lilac-back {
    background-color: #C2C3E3;
    padding-top: 10px;
    margin-bottom: 10px;
}

.top {
    margin-right: -15px;
    padding-right: 10px;
    padding-top: 10px;
}

.bottom {
    margin-right: -15px;
    padding-right: 10px;
    padding-bottom: 10px;
    
}

.btn-purple {
background-color: #65278C; 
color: #ffffff; 
border-color: #65278C;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-purple {
    color: #ffffff;
}


 
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple {
background-color: #65278C;
color: #ffffff;
border-color: #65278C; 
}

.btn-turquoise {
background-color: #127ADA; 
color: #ffffff; 
border-color: #127ADA;
        font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-turquoise {
    color: #ffffff;
}
 
.btn-turquoise:hover, .btn-turquoise:focus, .btn-turquoise:active, .btn-turquoise.active, .open .dropdown-toggle.btn-turquoise {
background-color: #127ADA;
color: #ffffff;
border-color: #127ADA; 
}

.btn-blue {
background-color: #57A9F5; 
color: #ffffff; 
border-color: #57A9F5;
        font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-blue {
    color: #ffffff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
background-color: #57A9F5;
color: #ffffff;
border-color: #57A9F5; 
}

.btn-red {
background-color: #EA0202; 
color: #ffffff; 
border-color: #EA0202;
        font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-red {
    color: #ffffff;
}
 
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
background-color: #EA0202;
color: #ffffff;
border-color: #EA0202; 
}

.btn-gold {
background-color: #EAB603; 
color: #ffffff; 
border-color: #EAB603; 
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-gold {
    color: #ffffff;
}
 
.btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold.active, .open .dropdown-toggle.btn-gold {
background-color: #EAB603;
color: #ffffff;
border-color: #EAB603; 
}

.bg-gold {
    background-color: #EAB603;
}

.bg-lilac {
    background-color: #9999FF;
}

.btn-green {
background-color: #45B20A; 
color: #ffffff; 
border-color: #45B20A;
 
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0rem;
}

a .btn .btn-green {
    color: #ffffff;
}
 
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
background-color: #45B20A;
color: #ffffff;
border-color: #45B20A; 
}

.mainfont-todo {
    color: #FF0000;
    font-family: 'Poppins', sans-serif;
}

.mainfont {
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
}

.mainfont-large {
    font-size: 18px;
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
}

.mainfont-strong {
   font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.mainfont-strong-large {
   font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14pt;
}

.mainfont2 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.mainfont3 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.mainfont4 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.mainfontbold {
    font-size: 18px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}



ul.dashed {
    list-style: none;
    padding-left: 0;
}

ul.dashed > li {
    margin-left: 25px;  
}

/* Prevent nested li's from getting messed up */
ul.dashed > li::before {
    content: "- ";
    margin-left: -15px;
}



.day-page {
	background-color: #57A9F5;
}

.beg {
	border-width: thin;
background-color: white;
	border-radius: 5px;
	border-style: solid;
	border-color: lightgrey;
	
	padding-left: 15px;
	padding-right: 15px;
}

.beg-grey {
	border-width: thin;
    background-color: #DBDBDB;
	border-style: solid;
	border-color: lightgrey;
    padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.beg-blue {
	border-width: thin;
    background-color: #BDD6EE;
	border-style: solid;
	border-color: lightgrey;
    padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.beg-white {
	border-width: thin;
    background-color: #ffffff;
	border-style: solid;
	border-color: lightgrey;
   padding-top: 10px;
	padding-right: 15px;
    padding-left: 15px;
}

.bwhite {
    margin-bottom: .1rem;
}

.beg-green {
	border-width: thin;
    background-color: #AFDB7B;
	border-style: solid;
	border-color: lightgrey;
     padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}


/* ########TOP HEADER ########### */

a:active {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.col-address {
    height: 30px;
}


.top-address {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    margin-bottom: 0;
    text-align: center;
}

.inner-header {
    background-color: #007BFF;
    color: white;
    padding-bottom: 4px;
    padding-top: 1px;
}

.inner-header-xmas {
    background-color: #C00000;
    color: white;
    padding-bottom: 4px;
    padding-top: 1px;
}

.school-address {
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 5px 0 0;
    text-align: center;
}

h1.school-name {
    font-size: 46px;
}

.school-name {
    color: #4f4f50;
    font-family: 'Poppins', sans-serif;
    padding-left: 18px;
    padding-top: 5px;
    text-align: center;
    /* width: 85%; */
}

.school-details .school-name,
.school-logo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}



.bpslgo {
    padding-left: 8px;
}

.school-details {

   
}

.school-desc {
    color: #007bff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding-left: 18px;
    text-align: center;
}


.coloured-boxes {
  background-color: #A2CFFC;  
}


/* MODAL */

/* ###### CLUSTRMAP######*/


.band-clustrmap {
    background-color: #A2CFFC;
    padding-bottom: 10px;
}

.clustrmaps {
    background-color: #A2CFFC;
}

/*####### LOGO SECTION ########## */

.band-logos {
    background-color: #A2CFFC;
    padding-bottom: 5px;
    padding-top: 10px;
}

.band-clustrmap-xmas {
    background-color: #C00000;
    padding-bottom: 10px;
}

.clustrmaps-xmas {
    background-color: #C00000;
}

/*####### LOGO SECTION ########## */

.band-logos-xmas {
    background-color: #C00000;
    padding-bottom: 5px;
    padding-top: 10px;
}




/* ---------------------TOP NAVBAR---------------------- */

.container-fluid .navigation {
    background-color: #007bff;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.top-nav-section {
     background-color: #007bff;
    
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

navbar-nav .nav-link:focus {
    color: rgb(255, 255, 255);
}

navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: white;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 2rem;
    padding-right: 0;
}


.navbar-nav {
    padding-top: 0;
    width: 100%;
    /* -- max-height: 44px;-- */
}

.home {
    color: #fff;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    vertical-align: middle;
    width: 100%;
}

.about-beckstone {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.statutory-info {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.contact-us {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;

}

.governors {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.school-angel {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}


/* --------------------- END OF TOP NAVBAR ------------------------- */



/* -------------------- CAROUSEL ------------------------- */



.carousel-caption a {
    text-decoration: none;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


.carousel-overlay {
    position: absolute;
    margin-right: 10%;
    bottom: 1px;
    margin-left:6%;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 50px;
    color: #fff;
    text-align: center;
}


.carousel-inner img {
    width: 100%;
    height: 100%;
}



.carousel-indicators {
    bottom: 0px;
}



.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 10%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

#pshecarousel1,#pshecarousel2, #pshecarousel3, #pshecarousel4, #pshecarousel5, #pshecarousel6 {
    .carousel-control-prev, .carousel-control-next {
    filter: invert(100%); 
}

}

/* END OF CAROUSEL */


/* -------------- BLOCKS --------------- */


.blocks {
    background-color: #A2CFFC;

}

.info_blocks {
    padding: 10px;
}



.box-icons {
    padding-top: 60px;
}

.boxone {
    border-radius: 25px;
    margin-right: 40px;
    height: 250px;
    width: 250px;
    background-color: #65278C;
    color: #ffffff;
}

.box-wording {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    padding-top: 50px;
}

.box-wording2 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    padding-top: 17px;
}

.box-wording3 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;

}

.box {
    padding-top: 60px;
}

.boxtwo {
    border-radius: 25px;
    margin-right: 40px;
    height: 250px;
    width: 250px;
    background-color: #127ADA;
    color: #ffffff;
}

.boxthree {
    border-radius: 25px;
    margin-right: 40px;
    height: 250px;
    width: 250px;
    background-color: #EA0202;
    color: #ffffff;
}

.boxfour {
    border-radius: 25px;
    margin-right: 40px;
    height: 250px;
    width: 250px;
    background-color: #EAB603;
    color: #ffffff;
}

.boxfive {
    border-radius: 25px;
    height: 250px;
    width: 250px;
    background-color: #45B20A;
    color: #ffffff;
}

.boxsix {
    border-radius: 25px;
    margin-right: 40px;
    height: 250px;
    width: 250px;
    background-color: #57A9F5;
    color: #ffffff;
}

.abc-icon {
   padding-bottom: 100px;
   padding-top: 60px;
   padding-right: 80px;
   padding-left: 80px;
   margin-bottom: -61px;
   width: 71px;
   height: 68px; 
    }

.box-wording3 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;

}
    

.object-fit_scale-down { 
object-fit: scale-down;
padding-bottom: 25px;
    margin-bottom: -61px;
}

.flex-container {
     display: flex;
    justify-content: space-around;
}

.box-uniform {
    
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    max-width: 400px;
    border-radius: 5px;
    font-size: 16px;
    padding-top: 15x;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
     background-color: #EA0202;
    color: #ffffff;
}

/* SUB-BOXES */
.box1small {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #65278C;
    color: #ffffff;
}

.box2small {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #127ADA;
    color: #ffffff;
}

.box3small {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
   border-radius: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #EA0202;
    color: #ffffff;
}

.box4small {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #EAB603;
    color: #ffffff;
}

.box5small {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
   border-radius: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #45B20A;
    color: #ffffff;
}

/* --------- ALERT COLOURS MODIFIED -------------- */

.vacancy-text {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    vertical-align: middle;
   
}

.calendar-header {
   font-family: 'Mouse Memoirs', sans-serif;
}

.text-yellow {
    color: #FFEE58;
}


.bk-white {
    background-color: #ffffff;
}

.bk-sidebarpages {
    background-color: #856DBD;
}

.bk-sidebarpages2 {
    background-color: #6EC6B9;
}
.alert-purple {
    border-color: #694D9F;
    background: #8962EC;
    
}

.border-purple {
       padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}


.alert-red {
    border-color: #B63E5A;
    background: #E76E67;
    
}

.border-red {
      padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-blue {
    border-color: #8AB4F2;
    background: #4C8FF4;
   
}

.border-blue {
       padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-green {
    border-color: #73AE4C;
    background: #019134;
    
}

.border-green {
       padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-gold {
    border-color: #DBAB03;
    background: #FBC60D;
   
}

.border-gold {
        padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* ---- BORDERS ---- */

.white-border {
   
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding: 7px;
    border-radius: 5px;
}

.red-border {
    border-radius: 25px;
    border-color: #EA0202;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.gold-border {
     border-radius: 25px;
    border-color: #EAB603;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.green-border {
     border-radius: 25px;
    border-color: #45B20A;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.ltblue-border {
     border-radius: 25px;
    border-color: #57A9F5;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.blue-border {
     border-radius: 25px;
    border-color: #127ADA;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.blue-border-thin {
  
     border-radius: 25px;
    border-color: #127ADA;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.white-border-thin {
  
    align-content: center;
    border-radius: 25px;
    border-color: #ffffff;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
   .fill {
  object-fit: fill;
}

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}

.none {
  object-fit: none;
}

.scale-down {
  object-fit: scale-down;
}


.blue-border-thin-bluebk {
  
    border-radius: 25px;
    border-color: #127ADA;
    background-color: #127ADA;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.blue-button-thin-border {
    max-width: 450px;
 border-radius: 25px;
    border-color: #127ADA;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;

}

.purple-border {
     border-radius: 25px;
    border-color: #7D0BCD;
    border-style: solid;
    border-width: 5px;
    padding: 15px;
}

.christmas-border {
    background-color: #ffffff;
    border-radius: 25px;
    border-color: lightsteelblue;
    border-style: solid;
    border-width: 5px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 15px;
}

/* --------------- FOOTER LOGO SECTION ---------------- */




.school-logos {
  
    background-color: #fff;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 10px;
    border-style: solid;
    border-width: thin;
    border-color: #007bff;
}

.school-logos-xmas {
  
    background-color: #fff;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 10px;
    border-style: solid;
    border-width: thin;
    border-color: #089C08;
}

.logo-section {
 
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
}



/* ---------------- END OF LOGO SECTION --------------- */

.numbered {
    font-size: 20px;
    font-weight: 500;
}

.numbered2 {
    font-size: 16px;
    font-weight: 400;
}

.numbered3 {
    font-size: 16px;
    font-weight: 600;
}

/*-- ################################
FOR ALL BLUE BUTTON LINKS ON WEBSITE
#####################################--*/

.blue-blocks {
	max-width: 450px;
}

.blue-blocks2 {
	max-width: 775px;
}

a.coloured-rows {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 450px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #007BFF;
	color: #ffffff;
	display: block;
}

a.coloured-rows-white {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 500px;
	padding-top: 8px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	
	display: block;
}


a.coloured-rows-lge {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 550px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #007BFF;
	color: #ffffff;
	display: block;
}

a.coloured-rows-sm {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 150px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #007BFF;
	color: #ffffff;
	display: block;
}

/*-- ################################
FOR ALL GREEN BUTTON LINKS ON WEBSITE
#####################################--*/
.green-blocks {
	max-width: 450px;
}

.green-blocks2 {
	max-width: 775px;
}

a.coloured-rows-green {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 450px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #429D0B;
	color: #ffffff;
	display: block;
}


a.coloured-rows-green-lge {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 550px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #429D0B;
	color: #ffffff;
	display: block;
}

a.coloured-rows-green-sm {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 150px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #429D0B;
	color: #ffffff;
	display: block;
}

/*-- ################################
FOR ALL RED BUTTON LINKS ON WEBSITE
#####################################--*/
.red-blocks {
	max-width: 450px;
}

.red-blocks2 {
	max-width: 775px;
}

a.coloured-rows-red {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 450px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #D70101;
	color: #ffffff;
	display: block;
}


a.coloured-rows-red-lge {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 550px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #D70101;
	color: #ffffff;
	display: block;
}

a.coloured-rows-red-sm {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 25px;
	text-align: center;
	max-width: 150px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #D70101;
	color: #ffffff;
	display: block;
}





/*
a.coloured-rows.top-blue {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

a.coloured-rows.bottom-blue {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

a.coloured-rows-sm.top-blue {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

a.coloured-rows-sm.bottom-blue {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
*/

/* BULLETS FOR SCHOOL VISION */

ul.vision {
	list-style-image: url(../about_us/school_vision_strategic_intentions/tick.png);
	line-height: 40px;
  
}



.vision-wording {
	font-family: serif;
	font-style: oblique;
	color: gray;
}

.visionbps {
    font-family: serif;
	font-size: 20px;
	font-style: oblique;
	color: darkslategrey;
}

/* --- Curriculum Statements --- */

.curric-larger {
    font-family: 'Dekko', cursive;
    font-size: 22px;
}

.curric-larger2 {
    font-family: 'Dekko', cursive;
    font-size: 26px;
}


.img-curric {
    vertical-align: middle;
}

.attachments {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
   
}



.nav-link.curric-sub {
  font-weight: 400;
   
}  

h5.statement, h6.statement, p.statement {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.statement {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.statement-bold {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

h6.statement {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.calc {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 11pt;
}

.calc-sm {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 10pt;
}

.header-background {
    background-color: cornflowerblue;
    color: #ffffff;
    margin-left: 0px;
    margin-right: 0px;
    
}

.header-background2 {
    background-color: royalblue;
    color: #ffffff;
   
   }

.wording-box {
    border-style: solid;
    border-color: dimgray;
    border-width: 1px;
   }



.redtext {
    color: #C00000;
    font-weight: 500;
}

.greentext {
    color: green;
    font-weight: 500;
}

.purpletext {
    color: mediumpurple;
    font-weight: 500;
}

/* VIDEOS AND PHOTOS */




/* SCHOOL SPORT */



.container-slider {
    margin: auto;
    max-width: 800px;
    max-height: 647px;
    
}

.trqu-bckgrnd {
	background-color: #00B5F1;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.trqu-green-bckgrnd {
	background-color: #00AF3F;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.band-ssg {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #00B5F1;
}

.ssg-headings {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ssg-block {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #00B5F1;
	width: 100%;
}

.ssg-inner {
	padding: 5px;
	background-color: #ffffff;
	width: 100%;
}

.award-logo {
	max-height: 120px;
}

.blue-strip {
	text-align: center;
}

.ssg-bps-logo {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ssg-holder {
	width: 240px;
}

.ssg-holder2 {
	width: 300px;
}

.ssg-holder3 {
	width: 400px;
}

.ssg-holder4 {
	width: 500px;
}

.ssg-links {
	color: #ffffff;
}

.ssg-links:link {
	color: white;
}

.ssg-links:hover {
	color: white;
}

.ssg1 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #00AF3F;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.ssg2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #00B5F1;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.ssg3 {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #00AF3F;
	width: 100%;
	margin-bottom: 6px;
	margin-top: 6px;
}

.ssg3-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #00AF3F;
    font-weight: 500;
  
    
}

.sp-wording {
	padding-left: 15px;
	padding-right: 15px;
}

.inner {
	background-color: #ffffff;
	padding: 10px;
}

.title-sections {
	max-width: 600px;
	background-color: #00B5F1;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.svtw {
	padding-top: 5px;
	padding-bottom: 10px;
}


/*------ CURRICULUM ENHANCEMENT --------*/

.ce-pink {
    background-color: #CC66FF;
}

.ce-green {
    background-color: #92D050;
}

.ce-green-dk {
    background-color: #43A047;
}

.ce-blue {
    background-color: #6699FF;
}

.ce-yellow {
    background-color: #EEF105;
}

.ce-orange {
    background-color: #F2B204;
}

.ce-autumn {
    background-color: #E65100;
}

.ce-salmon {
    background-color: #F38588;
}

.ce-lightblue {
    background-color: #01A5E1;
}

.ce-turquoise {
    background-color: #95F5F4;
}

.ce-paleyellow {
    background-color: #F8FA6E;
}

.ce-lilac {
    background-color: #9C9EFC;
}




/*------ CLASS PAGES ------- */

.welcome-msg {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: blue;
    font-weight: 300;
}

.sub-pages {
margin-bottom: -200px;
}

.sub-pages-small {
margin-bottom: -200px;
	background-color: #8A1986;
}




.vid-box {
	margin: auto;
	max-width: 410px;
	padding: 10px;
	background-color: #ffffff;
}

.plum-bckgrnd {
	background-color: #8A1986;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}
.deep-red-page {
	background-color: #911500;
	}

.trqu-page {
	background-color: #00B5F1;
	
}

.deep-red-bckgrnd {
	background-color: #911500;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}


.green-bckgrnd {
	background-color: #28A745;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.green-bckgrnd-xmas {
	background-color: #28A745;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
    border-style: solid;
    border-width: medium;
    border-color: #ffffff;
}

.blue-bckgrnd {
	background-color:cornflowerblue;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.purple-bckgrnd {
	background-color: #9450E0;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.school-councillors {
	background-color: #9450E0;
}

.pink-bckgrnd {
	background-color: #CC66FF;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.black-bckgrnd {
	background-color: #000000;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.red-bckgrnd {
	background-color: firebrick;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}



.gal-red-bckgrnd {
	background-color: #DC3545;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.gal-orange-bckgrnd {
	background-color: #FF9001;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.gal-green-bckgrnd  {
	background-color: #28A745;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.gal-blue-bckgrnd  {
	background-color: #007BFF;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.gal-purple-bckgrnd  {
	background-color: #7A1DC1;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.galleries-blue {
	color: #007BFF;
}

.galleries-red {
	color: #DC3545;
}

.galleries-green {
	color: #28A745;
}

.jay-header {
	background-color: #ffffff;
	padding: 10px;
	max-width: 385px;
}


.obh {
	color: #8A1986;
}

.monster-blue {
	background-color: #5290EC;
}

.monster-pic {
	padding-bottom: 30px;
}

.red-page {
	background-color:firebrick;
}

.historic-red-page {
	background-color: #770002;
}


.blue-page {
	background-color: cornflowerblue;
}

.green-page {
	background-color: #28A745;
}

.yv-page {
	background-color: #48B9BD;
}

.dark-pink-page {
	background-color: #D64B50;
}

.dark-green-page {
	background-color: #339966;
}


.purple-page {
	background-color: #9450E0;
}

.black-page {
	background-color: #000000;
}

.plum-page {
	background-color: #8A1986;
}

.pink-page {
	background-color: #CC66FF;
}

.headline {
padding-top: 15px;
	padding-bottom: 10px;
}

.class-text {
	color: white;
}

.dark-text {
	color: grey;
}

.easter-yellow {
    background-color: #D9B0F8;
}

.monster-text {
	color: #ffffff;
}

.larger-18 {
	font-size: 18px;
}

.larger-20 {
	font-size: 20px;
}


.larger-24 {
    font-size: 24px;
    padding-top: 15px;
  
}

.class-pic {
	padding: 6px 4px 6px 4px;
}


    
}


.link-bckgrnd {
    background-color: #ADD9FF;
    color: #000000;
    margin: auto;
    border-style: solid;
    border-width: thin;
    border-color: cornflowerblue;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    text-align: center;
    max-width: 350px;
    padding-top: 4px;
    padding-bottom: 6px;
    display: block;
}

.link-bckgrnd3 {
    background-color: #ADD9FF;
    color: #000000;
    margin: auto;
    border-style: solid;
    border-width: thin;
    border-color: cornflowerblue;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
    max-width: 450px;
    padding-top: 4px;
    padding-bottom: 6px;
    display: block;
}


.blue-blocks {
    max-width: 650px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.leftside a.nav-link {
    
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.btn-block+.btn-block {
    margin-top: 0;
}

.header-section-p {
	background-color:#B488EA;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

a.header-sect {
	text-decoration: none;
	color: #ffffff;
}

.header-section-p-top {
	background-color:#9450E0;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-g {
	background-color:#6CBA7D;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-g-top {
	background-color:#28A745;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-b {
	background-color:cornflowerblue;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-b1 {
	background-color: #7786BD;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-b-top {
	background-color:#1C3DB8;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-b2-top {
	background-color:#204DF2;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-b2 {
	background-color:#466DFC;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-r-top {
	background-color:#C43239;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

.header-section-r {
	background-color:#D64B50;
	margin:auto;
	color: #ffffff;
	padding: 7px;
}

/* OFSTED QUOTES PAGE */

.quote1 {
    text-align: left;
	color: #BDB8B8;
}

.quote2 {
	text-align: right;
	color: #BDB8B8;
}

p.quotes-para {
	font-size: 18px;
    text-align: left;
}

.autumn-term {
    
    background-color: darkred;
    padding-top: 5px;
    padding-left: 20px;
    border-style:solid;
    border-color: #ffffff;
    border-width:thick;
    color: #FFFF80;
}

.spring-term {
    background-color: lightseagreen;
    padding-top: 5px;
    padding-left: 20px;
    border-style:solid;
    border-color: #ffffff;
    border-width:thick;
    color: #FFFF80;
}

.summer-term {
    background-color: dodgerblue;
    padding-top: 5px;
    padding-left: 20px;
    border-style:solid;
   border-color: #ffffff;
    border-width:thick;
    color: #FFFF80;
}

.holiday-page {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #A1A2FE;
    text-align: center;
    padding-bottom: 20px;
}

.holiday-holder {
    max-width: 800px;
    background-color: #ffffff;
    padding: 15px;
}

/* CARER/TODDLER CLUB */

.ct_club_page {
	background-color: #9933FF;
}

.ct_text {
	font-size: 17px;
	color: #ffffff;
}

.ct_date {
	font-size: 18px;
	color: #ffffff;
}

.pt_club {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.purple-blocks {
	max-width: 300px;
}

a.purple-rows {
	margin: auto;
	text-align: center;
	max-width: 300px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #6B23BB;
	color: #ffffff;
	display: block;
}

a.purple-rows.top-purple {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

a.purple-rows.bottom-purple {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


.pink-blocks {
	max-width: 300px;
}

a.pink-rows {
	margin: auto;
	text-align: center;
	max-width: 300px;
	padding-top: 7px;
	padding-bottom: 14px;
	background-color: #F56161;
	color: #ffffff;
	display: block;
}

a.pink-rows.top-pink {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

a.pink-rows.bottom-pink {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}




.ct-button-background1 {
	border-style:solid;
	border-width:thin;
	border-color: #ffffff;
	background-color: #007BFF;
	padding: 10px;
	text-align: center;
	display: inline-block;
	color: white;
}

.ct_club_page_lilac {
	background-color: #9966FF;
}

.toddler-text {
	color: #ffffff;
}

.toddler-text2 {
	color: #ffffff;
	font-size: 18px;
}


/* WALTER TULL */

.wt-page {
	margin-left: 0;
	background-image: url("../pupil_zone/curriculum/walter_tull/wt_header/background.jpg");
}

.wt-inner {
	color: #ffffff;
	font-size: 18px;
}

/* WW1 COMMEMORATIVE ZONE */

.ww1-holder {
	width: 270px;
}

.ww1-links {
	color: saddlebrown;
}

.ww1-links:link {
	color: saddlebrown;
}

.ww1-links:hover {
	color: saddlebrown;
}

.ww1 {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #ffffff;
	width: 100%;
}

.ww1-pic {
	padding: 10px;
}

.war-band {
	padding: 10px;
	background-color: burlywood;
	color: #5D3F25;
	font-size: 20px;
	font-weight: 400;
}

.war-pics {
	padding: 15px;
}

.ww-text {
	border-style:dashed;
	border-width: thin;
	padding: 20px;
}

.half {
margin: auto;
	max-width: 75%;
}

.meckin {
	margin: auto;
	padding: 10px;
	background-color:cornsilk;
	max-width: 500px;
}

.hm-text {
	padding: 5px;
	border-style: solid;
	border-width: thin;
	border-color: #5D3F25;
	
	color: #5D3F25;
}


/* ##### HISTORICAL PHOTOS ##### */



.historical_background {
	background-color: #770002;
}

.historic-photos {
	color: #ffffff;
	padding: 10px;
}

.old-har {
	background-color: #ffffff;
}

.deans-page {
	background-color: #1B2958;
}

.hist-wording-box {
	padding: 10px;
	background-color: #ffffff;
	text-align: center;
	color: #770002;
	font-size: 18px;
}

.aed-wording-box {
padding: 20px;
	background-color: #ffffff;
	text-align: center;
	color: #1B2958;
	font-size: 18px;
}

.album-box {
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
}

.deans-box {
	max-width: 150px;
	padding: 5px;
	background-color: #ffffff;
	margin: auto;
}

.hist-text {
	color: #ffffff;
	font-size: 18px;
}
.hist-thmnl {
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 150px;
}

.aed {
	padding: 10px;
	text-align: center;
}

.record-card {
	color: #ffffff;
	font-size: 18px;
}

.hill-top {
	max-width: 700px;
	padding: 10px;
	background-color: #ffffff;
}

.hilltop {
	color: #ffffff;
}





/* CREATIVITY CUP WINNERS */

.cc-winners-page {
    margin-left: 0;
    background-image: url(../news_and_events/creativity_cup_winners/swirls017-sandi.jpg);
}

.bglilac {
    background-color: #A0A2FE;
}

/* ###### OUR DISPLAYS ###### */
.displays-page {
	background-color: #A0A2FE;
}

.displays-text {
	color: white;
}

.thmnl {
	padding-top: 10px;
	padding-bottom: 10px;
}

.videos-clm {
	max-width: 810px;
	background-color: #ffffff;
}

/* CITIZENSHIP */

.citizenship {
	padding-bottom: 20px;
}

.citizenship-logos {
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.cit-logos {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: auto;
	padding-bottom: auto;
}

/* REVISION ZONE */

.resources {
	background-color: #7C78F8;
}

.revision_zone {
	text-align: center;
	color: white;
}

.rev-kids {
	padding-top: 10px;
	padding-bottom: 10px;
}

.school-day {
	padding-top: 15px;

}

.day-page {
	background-color: #57A9F5;
}

hr.style1 {
	border-top: 1px solid #8c8b8b;
}

hr.style2 {
	border-top: 1px solid #ffffff;
}

hr.style3 {
	border-top: 1px solid gray;
	width: 50%;
	text-align: center;
}

hr.style4 {
	border-top: 1px solid #FFEE58;
}

.schoolevents {
    background-color: #9575CD;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -16px;
}


.policies-section {
    max-width:  width: 475px;
    margin-left: auto;
    margin-right: auto;
}

/* ROVING CIRCLE TIME */

.circle-timetable {
	margin: auto;
	max-width: 525px;
	background-color: #ffffff;
	padding: 10px;
}

.ct-border {
	margin: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	border-style: solid;
	border-width: thin;
	border-color: #007bff;
}

.bck1 {
	background-color: #B1DEFB;
}

.bck2 {
	background-color: #A2F6A2;
}

.wbd {
	max-width: 200px;
	background-color: #ffffff;
	padding: 10px;
}

.wbd2 {
	max-width: 150px;
	background-color: #ffffff;
	padding: 4px;
}



.wbd-tabs-blue {

	padding: 15px;
	background-color: cornflowerblue;
	color: #ffffff;
	display:inline-block;
	
}

a.wbd-tabs-blue {
	color: #ffffff;
}

.wbd-tabs-dkblue {

	padding: 15px;
	background-color:mediumslateblue;
	color: #ffffff;
	display:inline-block;
	
}

a.wbd-tabs-dkblue {
	color: #ffffff;
}

.wbd-tabs-green {

	padding: 15px;
	background-color:seagreen;
	color: #ffffff;
	display:inline-block;
	
}

a.wbd-tabs-green {
	color: #ffffff;
}

.wbd-tabs-palered {

	padding: 15px;
	background-color:palevioletred;
	color: #ffffff;
	display:inline-block;
	
}

a.wbd-tabs-palered {
	color: #ffffff;
}

.wbd-tabs-purple {
	
	padding: 15px;
	background-color:mediumpurple;
	color: #ffffff;
	display:inline-block;
	
}

a.wbd-tabs-purple {
	color: #ffffff;
}

.white-bk {
	max-width: 659px;
	background-color: #ffffff;
	padding-top: 9px;
}


/* HOME COMPUTER ACCESS */

.home-access-page2 {
	margin-left: 0;
	background-image: url("../closure_work/images/Blue_cell_computer_background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.home-access-page {
	margin-left: 0;
	background-image: url("../home_learning/computer_home_access/images/Blue_cell_computer_background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.cha-pad {
	padding: 2px;
}


.cha {
	max-width: 1400px;
	background-color: transparent;
}

.home-access {
	color: white;
	padding-bottom: 20px;
}

.pics {
	background-color: #ffffff;
	padding: 15px;
	text-align: left;
}

.desc-blue {
	font-size: 17px;
	color: blue;
	background-color: #ffffff;
	padding: 15px;
	text-align: left;
}

.desc-red {
	font-size: 17px;
	color: indianred;
	background-color: #ffffff;
	padding: 15px;
	text-align: left;
}

.bc-blue {
	color: blue;
}

.bc-red {
	color: indianred;
}


/* CHOIR PAGE */

.choir-page {
	margin-left: 0;
	background-color: brown;
}

.heading-images {
	padding-top: 10px;
	padding-bottom: 10px;
}

.song-words {
	background-color: #ffffff;
	padding: 15px;
	font-size: 18px;
	line-height: 26px;
}

.song-dates {
	width: 200px;
	margin: auto;
	font-size: 18px;
	font-weight: 500;
	padding: 10px;
	background-color: brown;
	color: white;
}

.mozart-section {
	max-width: 500px;
	padding: 20px;
	background-color: #ffffff;
	margin: auto;
}



/* CREATIVITY CUP WINNERS */

.ccw-text {
	font-family: 'Kite One', sans-serif;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

.ccw-text-header {
	font-family: 'Kite One', sans-serif;
}


.kindness-cup-page {
	margin-left: 0;
	background-image: url("../news_and_events/mw_kindness_cup/background_pink.jpg");
}

.kindness-box {
	padding: 8px;
	background-color: #ffffff;
}

.header-box {
	padding: 8px;
	background-color: #FCE48B;
}

.cc-inner {
	padding: 20px;
	background-color: #ffffff;
}

.cc-row {
	background-color: #FCE48B;
}

.kindness-row {
	background-color: #ffffff;
}

.kindness-date {
	padding-top: 10px;
	background-color: #ffffff;
}

.cc-date {
	padding-top: 10px;
	background-color: #FCE48B;
}

.cw-names {
	background-color: #ffffff;
	border-style: solid;
	border-width: thick;
	border-color: #FCE48B;
}

.ccw-colm {
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}

.cw-trans {
	background-color: #ffffff;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	min-height: 500px;
}

.cw-trans-blank {

	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	min-height: 500px;
}

.ccw-line {
	padding: 5px;
}

.trophy {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ccw-page {
	background-color: #D7AEFF;
	color: #6600CC;
}

.ccw-pics {
	height: 280px;
	padding-bottom: 20px;
}

.ccw-pics-2 {
	height: 350px;
	padding-bottom: 20px;
}

.ccw-pics-3 {
	height: 400px;
	padding-bottom: 20px;
}

.sporting-trophy-pics {
    height: 400px;
    padding-bottom: 20px;
}



/* COOKING CLUB */

.band-cooking {
	padding: 10px;
}

.cook {
	padding: 10px;
}

.sb {
	margin: auto;
}

.ph {
	margin: auto;
}

.re {
	margin: auto;
}

.ta {
	margin: auto;
}

.ai {
	margin: auto;
}

.band-cooking {
	background-color: #9933FF;
}

.cooking-text {
	font-size: 18px;
	color: #ffffff;
}

.thanks-icons {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.aims-section {
	max-width: 936px;
	padding: 20px;
	background-color: #ffffff;
}

.aims-wording {
	color: blue;
	max-width: 900px;
	font-size: 17px;
	text-align: left;
}

.aims-text {
	font-size: 17px;
	color: blue;
}

ul.aims {
	list-style-image: url(../parents_info/cooking_club/bulletpoint.gif);
	line-height: 30px;
}

.donations-heading {
	font-size: 20px;
	color: #ffffff;
}

.afw-img {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pagecooking {
 background-color: #9933FF;
}

/* READ AND WRITE */

.read_and_write {
background-image: url("../parents_info/help_child_read_write/purpleweave3.jpg");
}

.reading-colors {
	color: white;
}

.comp-colours {
    color: blue;
    padding-top: 15px;
    padding-bottom: 10px;
}

.comp {
    padding-bottom: 10px;
}

.purple {
	background-color: #6600CC;
}

.amber {
	background-color: #FFCC00;
}

.pink {
	background-color: #FF99FF;
}

.yellow {
	color: yellow;
}

.purple-wording {
	color: #6600CC;
}

.read-write-section {
	margin-left: 0;
}

.read-write-columns {
	background-color: #ffffff;
	
}

.main-pic {
	padding-bottom: 8px;
}

.train-holder {
	max-width: 600px;
	padding: 6px;
	background-color: yellow;
}

.train-heading {
	background-color: #C5EFEF;
}

.trainline {
	padding: 0px;
}

.pencil-holder {
	max-width: 600px;
	padding: 6px;
	background-color: #FB71FD;
}

.pencil-heading {
	background-color: #FF99FF;
}

.blue-row {
	background-color: #66CCFF;
}

.doorway {
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
	padding: 40px;
}

.top-section {
	height: 160px;
	padding: auto;
}

.bottom-section {
	padding: auto;
}



/* ------- SCHOOL UNIFORM -------- */

.uniform_font {
	font-weight: 600;
	color: #F9544E;
}

.uni {
	max-width: 550px;
	padding-bottom: 14px;
}

a.uniform {
	margin: auto;
	text-align: center;
	max-width: 550px;
	padding-top: 3px;
	padding-bottom: 8px;
	background-color: #F9544E;
	color: #ffffff;
	display: block;
}

ul.uniform {
	line-height: 30px;
	list-style-type: none;
}

.container-orders {
	padding-bottom: 14px;
}

div.indent {
  padding-left: 20px;
}



/* ########## CURRICULUM ###########  */

.c-summaries {
	text-align: center;
	padding: 10px;
	width: 240px;
	background-color: blueviolet;
	color: white;
}

.c-summaries-block {
	text-align: center;
	padding: 10px;
	width: 240px;
	background-color: blueviolet;
	color: white;
	margin-bottom: 0px;
	margin-top: 0px;
}

.c-links:link {
	color: white;
}

.c-links:hover {
	color: white;
}

.tab-month {
	font-size: 14pt;
font-weight: 500;
}

.tabheader {
	font-size: 14px;
	font-weight:bold;

}

.tab-words {
	font-size: 14px;
}

.beg2 {
	border-width: thin;
	border-style: solid;
	border-color: lightgrey;
	padding-left: 15px;
	padding-right: 15px;
}

.beg3 {
	border-width: thin;
	border-style: solid;
	border-color: lightgrey;
	padding-left: 15px;
	padding-right: 15px;
  
}

.cur_colrow {
	background-color: #C9FBFA;
}

.colrow-yellow {
	background-color: #FBFCBE;
}
.colrow-green {
	background-color: #D1FDD1;
}

.colrow-blue {
	background-color: #C4C7FC;
}

.tab-subwords {
	font-size: 11px;
  font-weight:bold;
}

.curimg {
	padding-top: 20px;
}

.img-con {
	height: 90px;
}

.rs-links {
	width: 240px;
}

.curric {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Revised Colours */

.dek-para {
    font-family: 'Dekko', cursive;
    font-size: 22px;
}

.dek-para2 {
    font-family: 'Dekko', cursive;
 
    color: #000000;
}

.dek-para4 {
    font-family: 'Dekko', cursive;
 font-size: 22px;
    margin-bottom: 2px;
}

.dek-para3 {
    font-family: 'Dekko', cursive;
    color: #A70B0B;
    font-size: 26px;
    margin-bottom: 2px;
}

.colrow-nursery {
	background-color: #92D050;
  font-family: 'Dekko', cursive;
	font-size: 17px;
  color: #ffffff;
}

.colrow-reception {
	background-color: #6699FF;
   color: #ffffff;
 font-family: 'Dekko', cursive;
	font-size: 17px;
}

.colrow-y1_2 {
	background-color: #FFC000;
   color: #ffffff;
 font-family: 'Dekko', cursive;
	font-size: 17px;
}

.colrow-y3_4 {
	background-color: #FF7C80;
   color: #ffffff;
  font-family: 'Dekko', cursive;
	font-size: 17px;
}

.colrow-y3_4-pink {
	background-color: #CC66FF;
   color: #ffffff;
  font-family: 'Dekko', cursive;
	font-size: 17px;
}

.colrow-y5_6 {
	background-color: #9966FF;
     color: #ffffff;
 font-family: 'Dekko', cursive;
	font-size: 17px;
}


a.curlink {
    color: yellow;
    text-decoration: none;
    background-color: transparent;
}

.curtitle {
	font-family: 'Salsa', cursive;
	font-size: 2em;
	color: #000000;
}

.cur-subtitle {
	font-family: 'Salsa', cursive;
	font-size: 1em;
	color: #000000;
}

.cur-subtitle1 {
	font-family: 'Salsa', cursive;
	font-size: 1.1em;
	color: #000000;
}

.cur-subtitle2 {
	font-family: 'Salsa', cursive;
	font-size: 1.3em;
	color: #000000;
}

.cur-subtitle3 {
	font-family: 'Salsa', cursive;
	font-size: 1.1em;
}

.cur-wording-months {
	font-family: 'Dekko', cursive;
	font-size: 26px;
}

.cur-wording-enh {
	font-family: 'Dekko', cursive;
	font-size: 16px;
}

.cur-wording-main {
	font-family: 'Dekko', cursive;
	font-size: 16px;
  color: #ffffff;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight:100;
 
}

/* ECO WARRIORS */

.eco-warriors {
	background-color: #B2D7A4;
}

.eco-logo {
	padding-top: 20px;
	padding-bottom: 20px;
}

.eco {
	color: #0263BE;
}

.designs {
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../parents_info/eco_warrior_club/green_rock.jpg);
}

.designs-bck {
	background-image: url(../parents_info/eco_warrior_club/green_rock.jpg);
}

.eco-design {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eco-design2 {
	padding: 15px;
}

.eco-design3 {
	padding: 15px;
}

.eco-para {
	padding-top: 10px;
	color: white;
	font-size: 18px;
}

.eco-head {
	color: white;
}

.xmas {
	background-image: url(../parents_info/eco_warrior_club/2016_2017/christmas_decorations/untitled.jpg);
}



/* MEDIA QUERIES */

@media(max-width: 1870px) {
    
   .carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: -50px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}
    
        .box-icons {
        padding-top: 40px;

    }

    .boxone {
        border-radius: 25px;
        margin-right: 20px;
        height: 240px;
        width: 240px;
        background-color: #65278C;
        color: #ffffff;

    }

    .box-wording {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 35px;
    }
     
      .box-wording2 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 20px;
    }
     
     .box-wording3 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 15px;
    }

    .box {
        padding-top: 60px;
    }
     
     .boxtwo {
        border-radius: 25px;
        margin-right: 20px;
       height: 240px;
        width: 240px;
        background-color: #127ADA;
        color: #ffffff;
    }

    .boxthree {
        border-radius: 25px;
        margin-right: 20px;
      height: 240px;
        width: 240px;
        background-color: #EA0202;
        color: #ffffff;
    }

    .boxfour {
        border-radius: 25px;
        margin-right: 20px;
       height: 240px;
        width: 240px;
        background-color: #EAB603;
        color: #ffffff;
    }

    .boxfive {
        border-radius: 25px;
        height: 240px;
        width: 240px;
        background-color: #45B20A;
        color: #ffffff;
    } 
     
     .boxsix {
    border-radius: 25px;
    margin-right: 20px;
   height: 240px;
        width: 240px;
    background-color: #57A9F5;
    color: #ffffff;
}
    
    .abc-icon {
   padding-bottom: 110px;
   padding-top: 50px;
   padding-right: 80px;
   padding-left: 80px;
   margin-bottom: -101px;
   width: 71px;
   height: 68px; 
    }

}
/*###################### */
@media(max-width: 1764px) {
     
     .box-icons {
        padding-top: 40px;

    }
    
  .carousel-overlay {
    position: absolute;
    margin-right: 10%;
    bottom: 1px;
    margin-left:14%;
    z-index: 10;
    padding-top: 5px;
    padding-bottom: 50px;
    color: #fff;
    text-align: center;
   
}

    .boxone {
        border-radius: 25px;
        margin-right: 20px;
        height: 200px;
        width: 200px;
        background-color: #65278C;
        color: #ffffff;

    }

    .box-wording {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 35px;
    }
     
      .box-wording2 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 20px;
    }
     
     .box-wording3 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 15px;
    }

    .box {
        padding-top: 60px;
    }
     
     .boxtwo {
        border-radius: 25px;
        margin-right: 20px;
        height: 200px;
        width: 200px;
        background-color: #127ADA;
        color: #ffffff;
    }

    .boxthree {
        border-radius: 25px;
        margin-right: 20px;
        height: 200px;
        width: 200px;
        background-color: #EA0202;
        color: #ffffff;
    }

    .boxfour {
        border-radius: 25px;
        margin-right: 20px;
        height: 200px;
        width: 200px;
        background-color: #EAB603;
        color: #ffffff;
    }

    .boxfive {
        border-radius: 25px;
        height: 200px;
        width: 200px;
        background-color: #45B20A;
        color: #ffffff;
    } 
     
     .boxsix {
    border-radius: 25px;
    margin-right: 20px;
    height: 200px;
    width: 200px;
    background-color: #57A9F5;
    color: #ffffff;
}
     
       .abc-icon {
   padding-bottom: 90px;
   padding-top: 50px;
   padding-right: 70px;
   padding-left: 70px;
   margin-bottom: -61px;
   width: 71px;
   height: 68px; 
    }
     
  }

 @media(max-width: 1600px) {
        
      .inner-header {
    background-color: #007BFF;
    color: white;
    padding-bottom: 1px;
    padding-top: 1px;
}
     
          .inner-header-xmas {
    background-color: #C00000;
    color: white;
    padding-bottom: 1px;
    padding-top: 1px;
}

.col-address {
    height: 26px;
}

.top-address.wording {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
}
  
h1.school-name {
    font-size: 30px;
    padding-left: 66px;
}

.school-name {
    color: #4f4f50;
    font-family: 'Poppins', sans-serif;
    padding-left: 2px;
    padding-top: 1px;
    text-align: center;
    /* width: 85%; */
}
     

       
.school-details .school-name,
.school-logo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


.bpslgo {
    padding-top: 3px;
    padding-left: 1px;
    padding-bottom: 3px;

  }
 

     .school-desc {
    color: #007bff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding-left: 110px;
    text-align: center;
}


.school-address {
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 2 0;
    text-align: center;
}
}
     


     
    



@media (max-width:1281px) {
      .inner-header {
    background-color: #007BFF;
    color: white;
    padding-bottom: 1px;
    padding-top: 1px;
}
    
    @media (max-width:1281px) {
      .inner-header-xmas {
    background-color: #C00000;
    color: white;
    padding-bottom: 1px;
    padding-top: 1px;
}


.col-address {
    height: 24px;
}

.top-address.wording {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
}
    
    .topholder {
        padding-right: 2px;
        padding-left: 8px;
    }
  
h1.school-name {
   padding-left: 0px;
    font-size: 24px;
    text-align: center;
}

.school-name {
    color: #4f4f50;
    font-family: 'Poppins', sans-serif;
    padding-left:0;
    padding-top: 0px;
    text-align: center;
    /* width: 85%; */
}
       
.school-details .school-name,
.school-logo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


.bpslgo {
    height: 77px;
        width: 144px;
padding-left: 0px;
    padding-right: 0px;

  }


.school-desc {
    color: #007bff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding-left: 40px;
    text-align: center;
}

.school-address {
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding-top: 12px;
    padding-bottom: 2px;
 
    text-align: center;
}
     
     .box-icons {
        padding-top: 30px;

    }
    
    .abc-icon {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 71px;
        height: 68px; 
    }

    .boxone {
        border-radius: 25px;
        margin-right: 15px;
        height: 175px;
        width: 175px;
        background-color: #65278C;
        color: #ffffff;

    }

     .box-wording {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 15px;
    }
     
      .box-wording2 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 8px;
    }
     
     .box-wording3 {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        padding-top: 15px;
    }

    .box {
        padding-top: 60px;
    }
     
     .boxtwo {
        border-radius: 25px;
        margin-right: 15px;
        height: 175px;
        width: 175px;
        background-color: #127ADA;
        color: #ffffff;
    }

    .boxthree {
        border-radius: 25px;
        margin-right: 15px;
        height: 175px;
        width: 175px;
        background-color: #EA0202;
        color: #ffffff;
    }

    .boxfour {
        border-radius: 25px;
        margin-right: 15px;
        height: 175px;
        width: 175px;
        background-color: #EAB603;
        color: #ffffff;
    }

    .boxfive {
        border-radius: 25px;
        margin-right: 15px;
        height: 175px;
        width: 175px;
        background-color: #45B20A;
        color: #ffffff;
    }
    
    .boxsix {
    border-radius: 25px;
    margin-right: 20px;
    height: 175px;
    width: 175px;
    background-color: #57A9F5;
    color: #ffffff;
}
    

    .carousel-control-prev,
.carousel-control-next{
      bottom: 25%;
}
     
  }


.christmas-page {
	margin-left: 0;
	background-image: url("../home_learning/christmas/images/bgxmas5.gif");
}

     

    
  /*########## NEW MEDIA QUERIES ###########*/

    @media (max-width:1099px){
        
.school-address {
    color: #4d4d4f;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    padding-top: 12px;
    padding-bottom: 2px;
    text-align: center;
}
       
        
  .box-wording {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 30px;
    }
     
      .box-wording2 {
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        padding-top: 12px;
    }
     
     .box-wording3 {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        padding-top: 25px;
    }
        
        
        
        .boxone {
            height: 140px;
            width: 140px;
            font-size: .50rem;
        }



        .boxtwo {
            height: 140px;
            width: 140px;
            font-size: .50rem;
        }

        .boxthree {
            height: 140px;
            width: 140px;
            font-size: .50rem;
        }

        .boxfour {
            height: 140px;
            width: 140px;
            font-size: .50rem;
        }

        .boxfive {
            height: 140px;
            width: 140px;
            font-size: .50rem;
        }
        
        .boxsix {
        height: 140px;
    width: 140px;
    font-size: .50rem;
}
        
        .home {
    text-align: left;
    color: #fff;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    vertical-align: middle;
    width: 100%;
}

.about-beckstone {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.statutory-info {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.contact-us {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;

}

.governors {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.school-angel {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}
}

@media (max-width: 1068.98px) {
    
    .school-details .school-name, .school-logo {
    display: block;
    text-align: center;
    vertical-align: middle;
}
    
    
    .school-name {
    text-align: center;
    /* width: 85%; */
}
    
    
    .school-desc {
        font-size: 12px;
        padding-left: 40px;
            margin-bottom: 2px;
    }
    
    .school-address {
    font-size: 10px;
    padding-top: 12px;
    text-align: center;
    }
    }
    





@media (max-width: 991.98px) {
    
    .btn-purple, .btn-turquoise, .btn-red, .btn-gold, .btn-green, .btn-blue {
        width: 100%;
    }
}



@media (max-width:968px){


.home {
    color: #fff;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    vertical-align: middle;
    width: 100%;
}

.about-beckstone {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.statutory-info {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.contact-us {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;

}

.governors {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}

.school-angel {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    margin: auto;
}
}

@media (max-width:864.98px){
       .school-address {
    font-size: 9px;
    padding-top: 12px;
    text-align: center;
    } 
    
}



@media (max-width: 576px) {
    
  .img-fluid.logo-section {
      max-height: 60px;
    
   
}
}