@font-face {
    font-family: 'caecilialtstdbold';
    src: url('../font/caecilialtstdbold.eot');
    src: url('../font/caecilialtstdbold.eot?#iefix') format('embedded-opentype'),
        url('../font/caecilialtstdbold.svg#caecilialtstdbold') format('svg'),
        url('../font/caecilialtstdbold.woff') format('woff'),
        url('../font/caecilialtstdbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caecilialtstdlight';
    src: url('../font/caecilialtstdlight.eot');
    src: url('../font/caecilialtstdlight.eot?#iefix')
            format('embedded-opentype'),
        url('../font/caecilialtstdlight.svg#caecilialtstdlight') format('svg'),
        url('../font/caecilialtstdlight.woff') format('woff'),
        url('../font/caecilialtstdlight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caecilialtstdroman';
    src: url('../font/caecilialtstdroman.eot');
    src: url('../font/caecilialtstdroman.eot?#iefix')
            format('embedded-opentype'),
        url('../font/caecilialtstdroman.svg#caecilialtstdroman') format('svg'),
        url('../font/caecilialtstdroman.woff') format('woff'),
        url('../font/caecilialtstdroman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background: none !important;
    margin: 42px 0 120px 0;
    min-height: 0 !important;
}

.clear {
    clear: both;
    display: block;
}

.fluid {
    width: 100%;
    height: auto;
    float: left;
}

#mainContent {
    min-height: 600px;
    position: relative;
    z-index: 1;
}

#mainContentInner {
    /* background:url('../img/mainContentBack2.png') left top repeat-x; */
    height: 100%;
    position: relative;
    z-index: 2;
}

#mainContentBackground {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    background: #000;
}

#mainContentBackground img {
    width: 100%;
    height: auto;
    position: absolute;
}

.home #mainContent .center {
    height: 100%;
    position: relative;
    z-index: 2;
}

.navbar {
    margin: 0;
}

.center {
    width: 82%;
    max-width: 1611px;
    /* 1611/1979=0.814 */
    margin: 0 auto;
    display: table !important;
}

.center {
    max-width: 1000px !important;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background: url('../img/loading.gif') 0 0 no-repeat;
}

.navbar {
    height: 42px;
    background: #4b2a91;
    border: none;
    position: absolute !important;
    min-height: 0;
}

#mainFooter {
    height: 120px;
    background: #424242;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.headteacher #mainFooter {
    bottom: -75px;
}

#mainHeader {
    position: relative;
    z-index: 2;
}

#mainHeader .center {
    position: relative;
    width: 100%;
    max-width: 1100px !important;
}

#logo {
    display: block;
    background: url('../img/logo-jcoss-ronson.png') 0 0 no-repeat;
    background-size: contain;
    width: 240px;
    height: 124px;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 2;
}

#logo::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 105px;
    padding-top: 100%;
    margin-top: 2em;
    background-image: url('../img/sunday-times-award.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    content: '';
    transform: translateX(-50%);
}

#sign {
    background: url('../img/sign3.png') 0 0 no-repeat;
    width: 31px;
    height: 30px;
    float: right;
    margin: 6px 0 0 0;
}

.nav {
    width: 100%;
}

.navbar-default {
    box-shadow: none;
}

#mainMenu {
    margin: 12px 43px 0 0px;
}

#mainMenu li {
    padding: 0 0 0 95px;
}

#mainMenu li:first-child {
    padding: 0 !important;
}

#mainMenu a {
    color: #ffffff;
    font-family: 'caecilialtstdlight', arial, sans-serif;
    font-size: 16px;
    padding: 0;
}

#mainMenuContainer {
    margin: 12px 35px 0 0px;
}

#mainMenuContainer #dl-menu {
    display: none;
}

#mainMenuContainer ul {
    list-style: none;
}

#mainMenuContainer a {
    color: #ffffff;
    font-family: 'caecilialtstdlight', arial, sans-serif;
    font-size: 16px;
    padding: 4px 2px;
    text-decoration: none;
}

#mainMenuContainer > .menu > li:first-child {
    padding: 0 !important;
}

#mainMenuContainer > .menu > li {
    position: relative;
    padding: 0 0 0 95px;
    float: left;
    cursor: pointer;
    display: inline-block;
}

#mainMenuContainer > .menu > li > ul {
    display: none;
    position: absolute;
    /*background:url('../img/menuArrowTop.png') 0 7px no-repeat;*/
    padding: 10px 0 0 0;
    z-index: 2;
    top: 20px;
}

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

#mainMenuContainer > .menu > li > ul > li {
    background: #fbf9f2;
    float: left;
    clear: left;
    width: 100%;
    padding: 3px 10px;
}

#mainMenuContainer > .menu > li > ul > li:first-child {
    padding-top: 10px;
}

#mainMenuContainer > .menu > li > ul > li:last-child {
    padding-bottom: 10px;
}

#mainMenuContainer > .menu > li > ul > li:hover {
    background: #ffffff;
}

#mainMenuContainer > .menu > li > ul > li > a {
    color: #4b2a91;
    display: block;
    font-size: 14px;
    padding: 0px 2px;
}

.headteacher #mainContent {
    font-family: 'caecilialtstdroman', arial, sans-serif;
}

.headteacher #mainContentBackground {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.headteacher #mainContentBackground {
    height: auto !important;
}

.headteacher #mainContentBackground img {
    float: left;
    position: static;
}

.headteacher #mainContentBackground #mainContentBackgroundInner {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../img/mainContentBack2.png') left top repeat-x;
}

#mainContentBackgroundInner {
    display: none !important;
}

#mainContentTitle {
    padding: 30px 0 20px 0;
    font-size: 31px;
    color: #3e1f81;
}

#mainContentTitle {
    font-size: 21px !important;
}

#mainContentLeft {
    float: left;
    width: 65%;
    padding: 0 0 50px 0;
    color: #505154;
    font-size: 14px;
}

.wide #mainContentLeft {
    width: 75%;
}

.full-width .wide #mainContentLeft {
    width: 100%;
}

.staff #mainContentLeft {
    width: 100%;
}

.history #mainContentLeft {
    width: 100%;
}

.routes #mainContentLeft {
    width: 100%;
}

.cafeteria #mainContentLeft {
    width: 100%;
}

.news #mainContentLeft {
    width: 100%;
}

.video #mainContentLeft {
    width: 100%;
}

.extra-curricular #mainContentLeft {
    width: 100%;
}

.newsletter #mainContentLeft {
    width: 100%;
}

.contact #mainContentLeft {
    width: 100%;
}

.able #mainContentLeft {
    width: 100%;
}

.item #mainContentLeft {
    width: 100%;
}

#mainContentLeft h2 {
    margin: 0 0 10px 0;
    color: #3e1f81;
    font-size: 18px;
}

#mainContentLeft a {
    color: #36a9b7;
}

#mainContentLeft p {
    margin: 0 0 17px 0;
    color: #505154;
    font-size: 15px;
    clear: left;
}

#mainContentLeft p {
    font-size: 14px !important;
}

#mainContentLeft p.big {
    font-size: 14px !important;
}

#mainContentLeft ul {
    margin: 0 0 35px 0;
    padding: 0 0 0 15px;
}

#mainContentLeft ol {
    margin: 0 0 35px 0;
    padding: 0 0 0 20px;
}

#mainContentLeft p.purple {
    color: #3e1f81;
    font-size: 16px;
}

#mainContentLeft p.downloadLink {
    color: #3e1f81;
    border-bottom: 1px solid #3e1f81;
    margin: 0 0 15px 0;
}

#mainContentLeft p.downloadLink a {
    color: #36a9b7;
}

#mainContentLeft img.alignleft {
    float: left;
}

#mainContentLeft img.alignright {
    float: right;
}

#mainContentLeft table {
    width: 100% !important;
    height: auto !important;
}

#mainContentLeft > table > tbody > tr {
    border-bottom: 1px solid #333333;
}

#mainContentLeft table td {
    vertical-align: top;
}

#mainContentLeft td {
    padding: 10px 10px 2px 0px;
}

.routes table tbody tr:first-child td {
    color: #4b2a91 !important;
}

.routes table td {
    padding-right: 10px !important;
    font-size: 13px !important;
    color: #757575 !important;
}

.contact #mainContentLeft table tr {
    border: none !important;
}

.contact #mainContentLeft table tr td.mobile {
    padding: 50px 0 0 0 !important;
    display: none;
}

.contact #mainContentLeft table tr td.desktop {
    display: block;
}

.able table tr {
    border-bottom: 1px solid #cccccc;
}

.able .ableItemContent > table > tbody > tr > td:last-child {
    width: 20%;
}

#mainContentRight {
    float: right;
    width: 32%;
}

.wide #mainContentRight {
    width: 22%;
}

#mainContentRightMainImage {
    padding: 0 0 25px 0;
    float: left;
    width: 100%;
}

#mainContentRightLinks {
    float: left;
    width: 100%;
}

#mainContentRightLinksTitle {
    font-size: 21px;
    float: left;
    padding: 0 0 10px 0;
    color: #3e1f81;
}

#mainContentRightLinksList {
    font-size: 15px;
    float: left;
    width: 100%;
    padding: 0 0 25px 0;
}

#mainContentRightLinksList #linksItem1 .linksItemText {
    background-color: #4b2a91;
}

#mainContentRightLinksList #linksItem2 .linksItemText {
    background-color: #74c32c;
}

#mainContentRightLinksList #linksItem3 .linksItemText {
    background-color: #36a9b7;
}

#mainContentRightLinksList #linksItem4 .linksItemText {
    background-color: #701d6a;
}

#mainContentRightLinksList .linksItem {
    padding: 0 0 25px 0;
    width: 49%;
    display: block;
}

.wide #mainContentRightLinksList .linksItem {
    width: 100%;
}

#mainContentRightLinksList .linksItem.left {
    float: left;
    clear: both;
}

#mainContentRightLinksList .linksItem.right {
    float: right;
}

#mainContentRightLinksList .linksItemText {
    color: #ffffff;
    font-size: 14px;
    padding: 10px 10px 5px 10px;
    background: url('../img/buttonBottomArrowDown.png') right 5px no-repeat;
    display: block;
    /*min-height: 57px;*/
}

#mainContentRightLinksList .linksItemImage {
    display: block;
}

#buttonsTopWrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 105px 0 0 0;
}

@media (max-width: 800px) {
    #buttonsTopWrapper {
        position: static;
        padding: 518px 0 0 0;
        visibility: hidden;
    }
}

@media (max-width: 650px) {
    #buttonsTopWrapper {
        padding: 280px 0 0 0;
        visibility: hidden;
    }
}

#buttonsTop {
    margin: 0 auto 0 auto;
    width: 50%;
}

.buttonTop {
    width: 31%;
    float: left;
    cursor: pointer;
    position: relative;
}

#buttonTop1 {
    /*background:#8e8279;*/
    background: #74c32c;
}

#buttonTop2 {
    background: #36a9b7;
}

#buttonTop3 {
    background: #701d6a;
}

.buttonTopHandler {
    color: #ffffff;
    font-family: 'caecilialtstdbold', arial, sans-serif;
    font-size: 36px;
    padding: 5px 0 2px 0px;
    text-align: center;
}

.buttonTopInner {
    background: #e1e0d6;
    width: 100%;
    display: none;
    font-family: 'caecilialtstdroman', arial, sans-serif;
    font-size: 18px;
    position: absolute;
    left: 0;
}

.buttonTopInnerTop {
    bottom: 100%;
}

.buttonTopInnerBottom {
    top: 100%;
}

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

#buttonTop1 .buttonTopInner {
    /*color:#8e8279;*/
    color: #74c32c;
}

#buttonTop2 .buttonTopInner {
    color: #36a9b7;
}

#buttonTop3 .buttonTopInner {
    color: #701d6a;
}

.buttonTopSep {
    width: 3.5%;
    height: 1px;
    float: left;
}

.buttons-alerts {
    text-align: center;
    margin: -105px auto 70px auto;
}

.buttons-alerts p {
    color: #ffffff;
    font-family: 'caecilialtstdlight', arial, sans-serif;
    font-size: 27px;
    padding: 5px 15px;
    margin: 0 auto;
    background: #fb43a1;
    display: inline-block;
}

.buttons-alerts a {
    color: #ffffff;
    font-family: 'caecilialtstdlight', arial, sans-serif;
    font-size: 27px;
    margin: 0;
    padding: 0;
}

.buttons-alerts a:hover {
    text-decoration: none;
}

.alert-middle {
    display: none;
    margin: -50px auto 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

@media (max-width: 920px) {
    .alert-middle {
        display: block;
    }
}

/* tall & thin devices in landscape mode */
/* wide & short devices in 'portrait' mode */
@media (min-width: 800px) and (max-width: 920px) and (max-height: 620px) {
    .alert-middle {
        max-width: 520px;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 800px) {
    .alert-middle {
        top: 40%;
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .alert-middle {
        top: 30%;
    }
}

@media (max-width: 650px) {
    .alert-middle {
        margin: 0 auto;
        position: static;
    }
}

#buttonsBottomWrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 0 20px 0;
    top: auto;
}

#buttonsBottom {
    margin: 0 auto 0 auto;
    width: 100%;
}

.buttonBottom {
    width: 23.5%;
    float: left;
    position: relative;
}

#buttonBottom1 {
    background: #4b2a91;
}

#buttonBottom2 {
    /*background:#8e8279;*/
    background: #74c32c;
}

#buttonBottom3 {
    background: #36a9b7;
}

#buttonBottom4 {
    background: #701d6a;
}

/*.buttonBottom img {width:100%; height:auto;}*/

.buttonBottomSep {
    width: 2%;
    height: 1px;
    float: left;
}

.buttonBottomImage {
    cursor: pointer;
    position: relative;
}

.buttonBottomImageImg {
    float: right;
}

/*.buttonBottomImageImg img {height:100%; width:auto;}*/

.buttonBottomImageImg2 {
    float: right;
    display: none;
}

.buttonBottomImageText {
    color: #ffffff;
    font-family: 'caecilialtstdroman', arial, sans-serif;
    font-size: 20px;
    padding: 5px 0 2px 6px;
}

.buttonBottomInner {
    background: #ffffff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
    max-height: 360px;
    display: none;
    overflow: hidden;
}

.buttonBottomInnerContent {
    padding: 20px 20px 30px 20px;
    font-size: 12px;
    font-family: 'caecilialtstdroman', arial, sans-serif;
}

.buttonBottomImageMobile {
    display: none;
}

.buttonBottomImageMobile img {
    width: 100%;
    height: auto;
}

#buttonsBottomTitle {
    display: none;
    padding: 10px 0 10px 0;
    font-family: 'caecilialtstdroman', arial, sans-serif;
    font-size: 21px;
    color: #522f90;
}

#footerLeft {
    width: 72%;
    max-width: 1156px;
    /* 1156/1611=0.717 */
    float: left;
    font-family: 'caecilialtstdroman', arial, sans-serif;
    font-size: 11px;
}

#footerLeft {
    width: 700px !important;
}

#networkLogin {
    float: left;
    padding: 20px 0 0 0;
}

#networkLoginAccess {
    width: 350px;
    height: 40px;
    background: #757678;
    border: 1px solid #757678;
    padding: 0 10px;
    color: #e1e0d6;
    float: left;
}

#networkLoginAccess {
    width: 267px !important;
}

#networkLoginButton {
    width: 60px;
    height: 40px;
    background: #00a5b5;
    border: 1px solid #00a5b5;
    color: #ffffff;
    float: left;
}

#networkLoginLink {
    display: block;
    width: 330px;
    height: 40px;
    background: #757678;
    border: 1px solid #757678;
    padding: 0 10px;
    color: #e1e0d6;
    float: left;
    line-height: 40px;
    text-decoration: none;
}

#fronterLogin {
    float: right;
    padding: 20px 0 0 0;
}

#fronterLogin {
    clear: none !important;
    padding: 20px 0 0 30px !important;
}

#fronterLogin input {
    line-height: 40px;
}

#fronterLoginUser {
    width: 230px;
    height: 40px;
    background: #424242;
    border: 1px solid #e1e0d6;
    margin: 0 7px 0 0;
    padding: 0 10px;
    color: #e1e0d6;
    float: left;
}

#fronterLoginUser {
    width: 130px !important;
}

#fronterLoginPass {
    width: 230px;
    height: 40px;
    background: #424242;
    border: 1px solid #e1e0d6;
    margin: 0 7px 0 0;
    padding: 0 10px;
    color: #e1e0d6;
    float: left;
}

#fronterLoginPass {
    width: 130px !important;
}

#fronterLoginButton {
    width: 60px;
    height: 40px;
    background: #8e8279;
    border: 1px solid #8e8279;
    color: #ffffff;
    float: left;
}

#footerRight {
    float: right;
    font-family: 'caecilialtstdroman', arial, sans-serif;
    font-size: 11px;
}

#footerRight input[type='text'] {
    float: left;
    background: #424242;
    border: 1px solid #e1e0d6;
    margin: 0 0 0 0;
    padding: 0 30px 0 10px;
    color: #e1e0d6;
    width: 230px;
    height: 40px;
    line-height: 40px;
}

#footerRight input[type='submit'] {
    background: url('../img/buttonBottomArrowDown.png') no-repeat scroll 0 0
        transparent;
    -ms-filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    border: none;
    width: 29px;
    height: 38px;
    margin-left: -32px;
}

#footerSocialIcon {
    float: right;
    clear: right;
    padding: 20px 0 0 0;
}

#footerSocialIconF {
    display: block;
    width: 29px;
    height: 29px;
    background: url('../img/iconF.png') 0 0 no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

#footerSocialIconT {
    display: block;
    width: 29px;
    height: 29px;
    background: url('../img/iconT.png') 0 0 no-repeat;
    float: left;
}

#footerMenu {
    text-align: right;
    padding: 25px 0 0 0;
    clear: right;
    overflow: hidden;
    font-size: 11px;
}

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

#footerMenu ul li {
    float: left;
    padding: 0 0 0 23px;
}

#footerMenu ul li a {
    float: left;
    color: #ffffff;
    text-decoration: none;
}

.search-form {
    padding-top: 20px;
}

/* Begin Moodle link */

#moodleLogin {
    clear: both !important;
    float: left;
    padding: 20px 0;
}

#moodleLoginLink {
    background: #74c32c none repeat scroll 0 0;
    border: 1px solid #74c32c;
    color: #e1e0d6;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
}

/* End Moodle link */

#eventFilter {
    padding: 0 0 120px 0;
}

#eventListWrapper {
}

#eventFilterStatusWrapper {
}

#eventFilterStatus {
    display: inline-block;
}

#eventList {
    padding: 40px 0 0 0;
}

.eventItem {
    padding: 0 0 40px 0;
}

.eventRow {
    border-bottom: 1px solid #666666;
    padding: 7px 0 3px 0;
}

.eventRow.first {
    font-weight: bold;
    color: #3e1f81;
}

.eventCell {
}

.eventCell.left {
    float: left;
    width: 33%;
}

.eventCell.right {
    float: right;
    width: 66%;
}

#eventYearSelectLabel {
    color: #3e1f81;
    padding: 0 0 0 0;
}

#eventTypeSelectLabel {
    color: #3e1f81;
    padding: 50px 0 0 0;
}

#eventDateLabel {
    color: #3e1f81;
    padding: 50px 0 20px 0;
}

#eventFilterReset {
    color: #3e1f81;
    margin: 50px 0 50px 0;
    background: url('../img/resetFiltersIcos.png') right center no-repeat;
    line-height: 24px;
    height: 24px;
    padding: 0 35px 0 0;
    cursor: pointer;
    display: inline-block;
}

#eventDateStartWrapper {
    position: relative;
}

#eventDateStartLabel {
    background: url('../img/dateIcon.png') right center no-repeat;
    cursor: pointer;
    padding: 7px 0;
    margin: 0 0 10px 0;
}

#eventDateStart {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 100%;
}

#eventDateStopWrapper {
    position: relative;
}

#eventDateStopLabel {
    background: url('../img/dateIcon.png') right center no-repeat;
    cursor: pointer;
    padding: 7px 0;
    margin: 0 0 10px 0;
}

#eventDateStop {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 100%;
}

.calendarContainer.active {
    visibility: visible !important;
}

#eventFilter .chosen-container {
    font-size: 14px;
}

#eventFilter .chosen-container-single .chosen-single {
    border: none;
    margin: 20px 0 0 0;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    /*height:50px;*/
    padding: 0 10px;
}

#eventFilter .chosen-container-single .chosen-single div {
    width: 30px;
    height: 16px;
    background: url('../img/selectArrowDown.png') no-repeat 0 0 transparent;
}

#eventFilter .chosen-container-single .chosen-single div b {
    background: url('../img/selectArrowDown.png') no-repeat 0 0 transparent;
    width: 30px;
    height: 16px;
    visibility: hidden;
}

#eventFilter .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url('../img/selectArrowUp.png') no-repeat 0 0 transparent;
}

#eventFilter .chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
    border: none;
    box-shadow: none;
}

#eventFilter .chosen-container.chosen-with-drop .chosen-drop {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#eventFilter .chosen-container .chosen-results {
    padding: 10px 10px;
    background: #f0f0ea;
    max-height: 500px;
}

#eventFilter .chosen-container .chosen-results li {
    padding: 9px 0 5px 0;
    border-bottom: 1px solid #666666;
}

#eventFilter .chosen-container .chosen-results li.highlighted {
    background: none;
    color: #3e1f81;
}

.loadMore {
    text-align: center;
    clear: both;
    padding: 20px 0 20px 0;
}

.loadMoreButton {
    clear: both;
    font-size: 14px;
    padding: 7px 10px 3px 10px;
    cursor: pointer;
    color: #ffffff;
    display: none;
    text-align: center;
    border-radius: 3px;
}

.loadMoreButton:hover {
    text-decoration: none;
    color: #ffffff;
}

.loadMoreButtonOff {
    background: #3e1f81;
}

.loadMoreButtonOn {
    background: #666666;
}

.loadMoreButton.active {
    display: inline-block;
}

.loadMoreLoader {
    display: none;
    text-align: center;
}

.loadMoreLoader.active {
    display: block;
}

.loadMoreLoaderText {
    display: inline-block;
    color: #4b2a91;
    font-size: 14px;
}

.loadMoreLoaderSpin {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.loadMoreLoaderSpin .spinner {
    top: 14px !important;
}

#historyList {
}

.historyPair {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
}

.historyItem {
    width: 48%;
    min-height: 100px;
    color: #ffffff;
    padding-bottom: 13px;
}

.historyItemInner {
    padding: 5px 10px;
}

.historyItem.left {
    float: left;
}

.historyItem.right {
    float: right;
}

.historyItemTitle {
    float: left;
    width: 120px;
    font-size: 32px;
}

.historyItemContent {
    padding: 5px 0 0 120px;
    font-size: 12px;
}

.historyItemContent * {
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    display: inline;
}

#mainContentLeft .historyItemContent p {
    font-size: 12px !important;
}

#cafeteriaList {
}

.cafeteriaPair {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
}

.cafeteriaItem {
    width: 48%;
    min-height: 100px;
    color: #ffffff;
}

.cafeteriaItemInner {
    padding: 5px 10px;
}

.cafeteriaItem.left {
    float: left;
}

.cafeteriaItem.right {
    float: right;
}

.cafeteriaItemTitle {
    float: left;
    width: 100px;
    padding: 0 20px 0 0;
    font-size: 32px;
    line-height: 32px;
    padding: 5px 0 0 0;
}

.cafeteriaItemContent {
    padding: 5px 0 0 120px;
    font-size: 12px;
}

.cafeteriaItemContent a {
    color: #ffffff !important;
    text-decoration: none;
}

.prospectus #mainContentLeft a {
    color: #4b2a91;
}

.prospectus #mainContentLeft img {
    width: 49%;
    height: auto;
    margin: 0 0 4px 0;
}

#staffCategoryListWrapper {
}

#staffCategoryList {
}

#staffCategoryListLeft {
    float: left;
    width: 48%;
}

#staffCategoryListRight {
    float: right;
    width: 48%;
}

.staffCategoryItem {
}

.staffCategoryTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .staffCategoryTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.staffList {
    display: none;
    padding: 10px 10px 20px 10px;
}

.opened .staffList {
}

.staffItem {
    color: #636466;
}

#peopleList {
}

.peopleItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .peopleItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.peopleItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.peopleItemContent .purple {
    margin: 0 0 10px 0 !important;
}

.peopleImage {
    display: none;
}

.recruitmentListWrapper {
    padding: 20px 0 10px 0;
}

.recruitmentList {
}

.recruitmentItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .recruitmentItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.recruitmentItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.recruitmentItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#recruitmentCheckAlso {
    padding: 30px 0 0 0;
}

#curriculum34List {
}

.curriculum34ItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .curriculum34ItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.curriculum34ItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.curriculum34ItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#curriculum56List {
}

.curriculum56ItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .curriculum56ItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.curriculum56ItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.curriculum56ItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#ableList {
}

.ableItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .ableItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.ableItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.ableItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#holidayList {
}

.holidayItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .holidayItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.holidayItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.holidayItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#faqList {
}

.faqItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .faqItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.faqItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.faqItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#ethosList {
}

.ethosItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .ethosItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.ethosItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.ethosItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#pearsList {
}

.pearsItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .pearsItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.pearsItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.pearsItemContent .purple {
    margin: 0 0 10px 0 !important;
}

#routesList {
}

.routesItemTitle {
    cursor: pointer;
    display: block;
    color: #4b2a91 !important;
    font-size: 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #636466;
    padding: 10px 40px 5px 2px;
    background: url('../img/staffDown.png') right 15px no-repeat;
}

.opened .routesItemTitle {
    background: url('../img/staffUp.png') right 15px no-repeat;
}

.routesItemContent {
    display: none;
    padding: 30px 0 0 0;
}

.routesItemContent .purple {
    margin: 0 0 10px 0 !important;
}

.extra-curricular .purple {
    margin: 0 0 0 0 !important;
    font-weight: bold;
    font-size: 18px;
}

/*.extra-curricular #mainContentLeft table tr:nth-child(1) {border:none;}*/

.this-week #mainContentLeft table {
    font-size: 12px;
}

.this-week
    #mainContentLeft
    > table
    > tbody
    > tr
    > td
    > table
    > tbody
    > tr
    > td:first-child {
    width: 30%;
}

.this-week #mainContentLeft .purple {
    margin: 0 0 0 0 !important;
}

.holiday .holidayItemContent h2 {
    border-bottom: 1px solid #3e1f81;
    margin: 0 0 20px 0;
    padding: 30px 0 5px 0;
}

.holiday .holidayItemContent h2:first-child {
    padding: 0px 0 5px 0;
}

.holiday .holidayItemContent > table > tbody > tr > td:first-child {
    width: 20%;
}

.holiday .holidayItemContent .purple em {
    font-size: 13px;
}

.contact table td {
    padding: 0 50px 0 0 !important;
}

#newsletterLeft {
    float: left;
    width: 50%;
}

.newsletterDownload {
    display: none;
    text-decoration: none !important;
}

.newsletterDownload.active {
    display: block;
}

.newsletterDownloadText {
    display: block;
    background: #5e0d8b;
    border: 1px solid #636466;
    border-top: none;
    padding: 20px 0 15px 35px;
    font-size: 16px;
    color: #ffffff;
    clear: both;
    text-transform: uppercase;
}

.newsletterDownloadTextInner {
}

#newsletterRight {
    float: left;
    width: 23%;
    margin: 0 0 0 27% !important;
    list-style: none;
    padding: 0 !important;
}

#newsletterRight li {
    border-bottom: 1px solid #505154;
    padding: 5px 0px 5px 0px;
    font-size: 16px;
}

#newsletterRight li:first-child {
    color: #3e1f81;
    border-bottom: 1px solid #3e1f81;
}

.newsletterItem {
    color: #505154 !important;
    display: block;
    text-decoration: none !important;
}

.newsletterItem.active {
    font-weight: bold;
}

#newsWrapper {
}

#newsLastItem {
    float: left;
    width: 50%;
}

#newsLastItemImage {
}

#newsLastItemDate {
    color: #3e1f81;
    padding: 30px 0 0 0;
    clear: both;
    font-size: 18px;
}

#newsLastItemTitle {
    font-size: 18px;
    padding: 0 0 30px 0;
}

#newsLastItemContent {
}

#newsLastItemContent .more-link {
    display: none;
}

#newsLastItemMore {
    color: #3e1f81 !important;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
}

#newsRelatedList {
    float: left;
    width: 23%;
    margin: 0 0 0 2%;
}

.newsRelatedItem {
    margin-top: 15px;
}

#newsRelatedList .newsRelatedItem:first-child {
    margin-top: 0;
}

.newsRelatedItemImage {
}

.newsRelatedItemDate {
    color: #3e1f81;
    padding: 13px 10px 0 10px;
    clear: both;
}

.newsRelatedItemTitle {
    padding: 0px 10px 0 10px;
    color: #505154 !important;
    display: block;
    text-decoration: none !important;
}

#newsMonthList {
    float: left;
    width: 23%;
    margin: 0 0 0 2% !important;
    list-style: none;
    padding: 0 !important;
}

.newsMonthItem {
    border-bottom: 1px solid #505154;
    padding: 5px 0px 5px 0px;
    font-size: 16px;
}

.newsMonthItem:first-child {
    color: #3e1f81;
    border-bottom: 1px solid #3e1f81;
}

.newsMonthLink {
    color: #505154 !important;
    display: block;
    text-decoration: none !important;
}

#videoWrapper {
}

#videoLastItem {
    float: left;
    width: 50%;
}

#videoLastItemImage {
}

#videoLastItemDate {
    color: #3e1f81;
    padding: 30px 0 0 0;
    clear: both;
    font-size: 18px;
}

#videoLastItemTitle {
    font-size: 18px;
    padding: 0 0 30px 0;
}

#videoLastItemContent {
}

#videoLastItemContent .more-link {
    display: none;
}

#videoLastItemMore {
    color: #3e1f81 !important;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
}

#videoRelatedList {
    float: left;
    width: 23%;
    margin: 0 0 0 2%;
}

.videoRelatedItem {
}

.videoRelatedItemImage {
}

.videoRelatedItemDate {
    color: #3e1f81;
    padding: 20px 10px 0 10px;
    clear: both;
}

.videoRelatedItemTitle {
    padding: 0px 10px 0 10px;
    color: #505154 !important;
    display: block;
    text-decoration: none !important;
}

#videoMonthList {
    float: left;
    width: 23%;
    margin: 0 0 0 2% !important;
    list-style: none;
    padding: 0 !important;
}

.videoMonthItem {
    border-bottom: 1px solid #505154;
    padding: 5px 0px 5px 0px;
    font-size: 16px;
}

.videoMonthItem:first-child {
    color: #3e1f81;
    border-bottom: 1px solid #3e1f81;
}

.videoMonthLink {
    color: #505154 !important;
    display: block;
    text-decoration: none !important;
}

#newsItem {
    float: left;
    width: 63%;
}

#newsItemImage {
}

#newsItemDate {
    color: #3e1f81;
    padding: 30px 0 0 0;
    clear: both;
    font-size: 18px;
}

#newsItemTitle {
    font-size: 18px;
    padding: 0 0 30px 0;
}

#newsItemContent {
}

#newsItemContent img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto 25px auto;
}

#videoItem {
    float: left;
    width: 63%;
}

#videoItemImage {
}

#videoItemDate {
    color: #3e1f81;
    padding: 30px 0 0 0;
    clear: both;
    font-size: 18px;
}

#videoItemTitle {
    font-size: 18px;
    padding: 0 0 30px 0;
}

#videoItemContent {
}

.item #newsRelatedList {
    float: left;
    width: 23%;
    margin: 0 0 0 14%;
}

.videoWrapper {
    margin: 0 auto;
    max-width: none !important;
}

.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    margin: 0 auto;
}

.videoContainer object,
.videoContainer embed,
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#mainContentLeft .gform_wrapper .gform_heading {
    display: none;
}

#mainContentLeft .gform_wrapper .gform_body {
    width: 100%;
    background: #e1e0d6;
    float: left;
}

#mainContentLeft .gform_wrapper .gform_body .gform_fields {
    padding: 30px 0 0 15px !important;
}

#mainContentLeft .gform_wrapper .gform_body .gfield {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 0 12px 0;
}

#mainContentLeft .gform_wrapper .gform_body .gfield .gfield_label {
    float: left;
    font-weight: normal;
    width: 24%;
    margin: 5px 0 0 0;
}

#mainContentLeft .gform_wrapper .gform_body .gfield .ginput_container {
    float: left;
    width: 62%;
}

#mainContentLeft .gform_wrapper .gform_body .gfield .ginput_container input {
    width: 100%;
    border: none;
    padding: 5px 7px;
    font-size: 14px;
    font-family: 'caecilialtstdroman', arial, sans-serif;
}

#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield
    .ginput_container
    input[type='radio'],
#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield
    .ginput_container
    input[type='checkbox'] {
    width: auto;
    padding: 0;
    margin-top: 0;
}

#mainContentLeft .gform_wrapper .gform_body .gfield .ginput_container select {
    width: 100%;
    border: none;
    font-size: 14px;
    font-family: 'caecilialtstdroman', arial, sans-serif;
}

#mainContentLeft .gform_wrapper .gform_footer {
    width: 100%;
    background: #e1e0d6;
    margin: 0;
    float: left;
    clear: both;
    padding: 5px 0 15px 0;
}

#mainContentLeft .gform_wrapper .gform_footer .gform_button {
    float: right;
    margin: 0 14% 0 0;
    background: url('../img/gformButtonBack.png') 82px center no-repeat #5e0d8b;
    padding: 14px 45px 14px 14px;
    color: #ffffff;
    border: none;
    font-size: 21px;
    line-height: 21px;
}

#mainContentLeft .gform_wrapper .chosen-container {
    font-size: 14px;
}

#mainContentLeft .gform_wrapper .chosen-container-single .chosen-single {
    border: none;
    margin: 0 0 0 0;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    /*height:50px;*/
    padding: 5px 10px;
    height: 28px;
    color: #505154;
}

#mainContentLeft .gform_wrapper .chosen-container-single .chosen-single div {
    width: 35px;
    height: 23px;
    padding: 7px 5px 0 0;
    background: url('../img/selectArrowDown.png') no-repeat transparent 0 7px;
}

#mainContentLeft .gform_wrapper .chosen-container-single .chosen-single div b {
    background: url('../img/selectArrowDown.png');
    width: 35px;
    height: 16px;
    visibility: hidden;
}

#mainContentLeft
    .gform_wrapper
    .chosen-container-active.chosen-with-drop
    .chosen-single
    div
    b {
    background: url('../img/selectArrowUp.png');
}

#mainContentLeft
    .gform_wrapper
    .chosen-container-active.chosen-with-drop
    .chosen-single {
    border: none;
    box-shadow: none;
}

#mainContentLeft
    .gform_wrapper
    .chosen-container.chosen-with-drop
    .chosen-drop {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#mainContentLeft .gform_wrapper .chosen-container .chosen-results {
    padding: 10px 10px;
    background: #f0f0ea;
    max-height: 260px;
}

#mainContentLeft .gform_wrapper .chosen-container .chosen-results li {
    padding: 9px 0 5px 0;
    border-bottom: 1px solid #666666;
}

#mainContentLeft
    .gform_wrapper
    .chosen-container
    .chosen-results
    li.highlighted {
    background: none;
    color: #3e1f81;
}

.promo_slider_nav {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.promo_slider_nav .slider_selections {
    display: none;
}

.promo_slider_nav .move_backward {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 21px;
    height: 36px;
    margin: -18px 0 0 0;
    font-size: 0;
    text-indent: -9999px;
    background: url('../img/sliderPrev.png') 0 0 no-repeat;
}

.promo_slider_nav .move_forward .soliloquy-theme-classic .soliloquy-prev {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 21px;
    height: 36px;
    margin: -18px 0 0 0;
    font-size: 0;
    text-indent: -9999px;
    background: url('../img/sliderNext.png') 0 0 no-repeat;
}

.soliloquy-next {
    position: absolute !important;
    top: 50% !important;
    left: 10px !important;
    width: 21px !important;
    height: 36px !important;
    margin: -18px 0 0 0 !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    background: url('../img/sliderPrev.png') 0 0 no-repeat !important;
}

.soliloquy-prev {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    width: 21px !important;
    height: 36px !important;
    margin: -18px 0 0 0 !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    background: url('../img/sliderNext.png') 0 0 no-repeat !important;
}

.soliloquy-pager {
    display: none !important;
}

.soliloquy-controls-direction {
    display: block !important;
}

#mainContentLeft .soliloquy-container .soliloquy-wrap {
    margin: 0;
    padding: 0;
}

#mainContentLeft .soliloquy-container .soliloquy-image {
    width: 100%;
    max-width: 100%;
}

#mainContentLeft .soliloquy-container {
    max-height: none !important;
    max-width: none !important;
}

#stateIndicator {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 1;
}

.youtubechannelEntry {
    width: 29%;
    float: left;
    margin: 20px 2% 0;
    display: table;
}

.youtubechannelEntry {
}

.youtubechannelEntry h4 {
    overflow: hidden;
    font-size: 15px;
    color: #3e1f81;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.youtubechannelEntry a {
    display: table-row;
}

.youtubechannelEntry a img {
    max-width: 100%;
    width: 100%;
}

.breadcrumbs-from-yoast {
    display: none;
    margin: 15px 0 0 0;
}

.breadcrumbs-from-yoast a,
.breadcrumbs-from-yoast span {
    font-family: 'caecilialtstdlight', arial, sans-serif;
    font-size: 16px;
    color: #4b2a91;
}

.breadcrumbs-from-yoast a:hover {
    color: #4b2a91;
    text-decoration: none;
}

#mainContentLeft .posts-render {
    margin-bottom: 25px;
}

#mainContentLeft .posts-render h3.purple,
#mainContentLeft .posts-render .purple a {
    color: #3e1f81;
    font-size: 16px;
    text-decoration: none;
}

#mainContentLeft .posts-render a {
    clear: left;
    color: #505154;
    font-size: 14px;
    margin: 0 0 17px;
    text-decoration: none;
}

#mainContentRight .search-form {
    text-align: right;
    background: #eee;
    width: 90%;
    padding: 0 5% 30px 5%;
    margin-top: 10px;
}

#mainContentRight .search-form input[type='text'] {
    width: 100%;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #424242;
    color: #424242;
    font-size: 15px;
    height: 31px;
    padding: 0 30px 0 10px;
    float: left;
}

#mainContentRight .search-form input[type='submit'] {
    background: url('../img/buttonBottomArrowDown.png') no-repeat scroll 0 0
        #424242;
    border: medium none;
    height: 31px;
    margin-left: -33px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    width: 29px;
}

#mainContentRight .search-form p {
    color: #3e1f81;
    font-size: 16px;
    padding: 20px 0 10px 0;
    text-align: left;
}

.buttonBottomInner {
    background: none;
}

.buttonBottomInnerContent {
    background: #ffffff;
    margin: 0 0 15px 0;
}

#buttonBottom1 .buttonBottomInnerContent {
    border-bottom: 3px solid #4b2a91;
}

#buttonBottom2 .buttonBottomInnerContent {
    border-bottom: 3px solid #74c32c;
}

#buttonBottom3 .buttonBottomInnerContent {
    border-bottom: 3px solid #36a9b7;
}

#buttonBottom4 .buttonBottomInnerContent {
    border-bottom: 3px solid #701d6a;
}

.buttonBottomImageSpacer {
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -15px;
    display: none;
}

#buttonBottom1 .buttonBottomImageSpacer {
    background: #4b2a91;
}

#buttonBottom2 .buttonBottomImageSpacer {
    background: #74c32c;
}

#buttonBottom3 .buttonBottomImageSpacer {
    background: #36a9b7;
}

#buttonBottom4 .buttonBottomImageSpacer {
    background: #701d6a;
}

.buttonBottomLinkMobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#latestNewsList {
}

.latestNewsItem {
    display: block;
    width: 100%;
}

.latestNewsItemImage {
    display: block;
    float: left;
    width: 48%;
    min-height: 1px;
}

.latestNewsItemImageImg {
    display: block;
}

.latestNewsItemText {
    display: block;
    float: left;
    width: 38%;
    margin: 0 10% 0 4%;
    position: relative;
    height: 200px;
}

.latestNewsItemTextInner {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.latestNewsItemTextDate {
    display: block;
    color: #4b2a91;
    font-size: 14px;
}

.latestNewsItemTextTitle {
    display: block;
    color: #505154 !important;
    text-decoration: none !important;
    font-size: 14px;
}

.announcementImage {
    display: block;
    float: left;
    width: 24%;
}

.announcementImageImg {
    display: block;
}

.announcementText {
    display: block;
    float: left;
    width: 68%;
    margin: 0 6% 0 2%;
}

.announcementTextTitle {
    display: block;
    color: #4b2a91 !important;
    text-decoration: none !important;
    font-size: 20px;
    margin: 0 0 5px 0;
}

.announcementTextContent {
    display: block;
    color: #505154 !important;
    text-decoration: none !important;
    font-size: 14px;
}

.announcementTextContent * {
    margin: 0 0 15px 0;
    line-height: 1.2;
    font-size: 14px;
}

#buttonBottom2 .announcementTextContent * {
    line-height: 1.5;
    margin-bottom: 20px;
}

.announcementTextContent *:last-child {
    margin-bottom: 0;
}

.announcementTextContent p.purple {
    color: #4b2a91;
}

.announcementTextContent a {
    color: #4b2a91;
    text-decoration: underline;
}

#content404 {
    color: #4b2a91;
    font-size: 20px;
    text-align: center;
    padding: 90px 0 0 0;
}

.latest-news-link {
    color: #3e1f81;
    font-size: 21px;
    text-decoration: none;
    position: absolute;
    left: 51%;
    top: 0;
}

.latest-news-link:hover {
    color: #3e1f81;
    font-size: 21px;
    text-decoration: none;
}

.news-wrapper-home {
    position: relative;
    overflow: hidden;
    float: left;
    width: 50%;
}

@media (max-width: 1650px) {
    #footerLeft {
        width: auto;
    }
    #networkLoginAccess {
        width: 467px;
        margin: 0 7px 0 0;
    }
    #fronterLogin {
        padding: 10px 0 0 0;
        float: left;
        clear: both;
    }
    #mainFooter {
        height: 125px;
    }
    body {
        margin-bottom: 125px;
    }
}

@media (max-width: 1600px) {
    .buttonTopHandler {
        font-size: 34px;
    }
    .buttonBottomImageText {
        font-size: 17px;
    }
}

@media (max-width: 1500px) {
    .buttonTopHandler {
        font-size: 32px;
    }
    .buttonBottomImageText {
        font-size: 16px;
        padding-top: 6px;
    }
}

@media (max-width: 1400px) {
    .buttonTopHandler {
        font-size: 30px;
    }
    .buttonBottomImageText {
        font-size: 15px;
        padding-top: 7px;
    }
    /*#buttonsBottomWrapper {margin:0 0 140px 0;}*/
    #footerMenu {
        clear: none;
        float: right;
    }
    #footerRight {
        float: left;
        width: 230px;
    }
}

@media (max-width: 1300px) {
    .buttonTopHandler {
        font-size: 28px;
    }
    .buttonBottomImageText {
        font-size: 14px;
        padding-top: 8px;
    }
}

@media (max-width: 1200px) {
    .buttonTopHandler {
        font-size: 26px;
    }
    .buttonBottomImageText {
        font-size: 13px;
        padding-top: 9px;
    }
    #mainContentRightLinksList .linksItem {
        padding: 0 0 25px 0;
        width: 100%;
    }
    #mainContentRightLinksList .linksItemImage {
        display: none;
    }
}

@media (max-width: 1100px) {
    .buttonTopHandler {
        font-size: 24px;
    }
    .buttonBottomImageText {
        font-size: 12px;
        padding-top: 9px;
    }
    /*#mainMenu li {padding:0 0 0 12px;}*/
}

@media (max-width: 1060px) {
    body {
        margin-bottom: 180px !important;
    }
    /*#footerLeft {width:auto !important; }*/
    #networkLoginAccess {
        width: 467px !important;
    }
    #fronterLoginUser {
        width: 230px !important;
    }
    #fronterLoginPass {
        width: 230px !important;
    }
    #fronterLogin {
        clear: both !important;
        padding: 10px 0 0 0 !important;
    }
    #footerRight {
        float: left;
        margin-right: 0 !important;
    }
    #mainFooter {
        height: 180px;
    }
    .insight_link {
        float: left !important;
        margin-top: 20px !important;
    }
    body .new_footer #footerRight .search-form {
        padding-top: 20px !important;
    }
    body #mainFooter.new_footer {
        height: 200px !important;
    }
    .new_footer #footerRight {
        float: right !important;
    }
    .new_footer #footerMenu {
        padding-left: 35px;
    }
    body .new_footer #footerLeft {
        width: 60% !important;
    }
    body .new_footer #networkLogin {
        width: 100%;
    }
}

@media (max-width: 920px) {
    .new_footer #footerRight {
        float: left !important;
    }
    body #mainFooter.new_footer {
        height: 260px !important;
    }
    body .new_footer #footerRight .search-form {
        padding-top: 0 !important;
    }
}

@media (max-width: 945px) {
    #footerLeft {
        margin-left: -1% !important;
    }
}

@media (max-width: 933px) {
    #footerLeft {
        margin-left: 0 !important;
    }
}

@media (max-width: 920px) {
    #mainFooter {
        height: 175px !important;
    }
    body {
        margin-bottom: 175px !important;
    }
    #footerRight {
        float: left;
        clear: both;
    }
    #footerSocialIcon {
    }
    #footerMenu ul li {
        padding: 0 0 0 15px;
    }
    #footerMenu ul li:first-child {
        padding: 0;
    }
    .wide #mainContentRightLinksList .linksItemText {
        font-size: 12px !important;
    }
    .navbar {
        height: 0px;
        background: none;
    }
    body {
        margin-top: 0px;
    }
    #mainHeader .center {
        width: 100%;
    }
    #sign {
        display: none;
    }
    #logo {
        top: 20px;
        left: 20px;
        background-size: contain;
        width: 175px;
        height: 80px;
        z-index: 9;
    }

    #logo::after {
        transform: translateX(-70%);
    }

    #logo.decrease-index {
        z-index: 2;
    }
    #mainMenuContainer {
        margin: 0;
    }
    #mainMenuDesktop {
        display: none;
    }
    #mainContentRight .search-form {
        width: 100%;
    }
    #dl-menu {
        display: block !important;
    }
    /*#dl-menu .dl-trigger {float:right; background:url('../img/menuOpen.png') right center no-repeat; width:114px; height:100px; z-index:1;}
	#dl-menu .dl-trigger.dl-active {background:url('../img/menuClose.png') right center no-repeat;}*/
    #dl-menu .dl-trigger {
        float: right;
        background: url('../img/menuClose.png') right center no-repeat;
        width: 170px;
        height: 150px;
        z-index: 1;
    }
    #dl-menu .dl-trigger.dl-active {
        background: url('../img/menuOpen.png') right center no-repeat;
    }
    #dl-menu .dl-trigger:after {
        background: none !important;
        box-shadow: none;
    }
    #mainMenuMobile {
        margin: 0 !important;
        padding: 150px 0 0 0;
        background: url('../img/mobilemenuBack1.png');
    }
    .dl-menuwrapper button:hover,
    .dl-menuwrapper button.dl-active,
    .dl-menuwrapper ul {
        background: none;
    }
    .dl-menuwrapper li {
        padding: 5px 10px;
    }
    .dl-menuwrapper li.dl-back > a {
        background: none;
    }
    #mainMenuContainer > .dl-menuwrapper {
        max-width: none;
    }
    #mainMenuContainer > .dl-menuwrapper:first-child {
        margin: 0px;
    }
    #mainMenuContainer > #dl-menu {
        z-index: 2;
        display: none;
    }
    .dl-menuwrapper li {
        clear: both;
    }
    .dl-menuwrapper li > a:not(:only-child) {
        width: 80%;
        float: left;
    }
    .dl-submenu-trigger {
        width: 20%;
        display: block;
        float: left;
        background: #000;
        background: url('../img/mobileMenuArrow.png') 70% center no-repeat;
        cursor: pointer;
    }
    .dl-submenu-trigger:hover {
        background-color: rgba(255, 248, 213, 0.1);
    }
    .dl-submenu-trigger-inner {
        display: none;
    }
    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }
    .dl-back {
        padding: 7px 0 !important;
    }
    .dl-back a {
        background: url('../img/mobileMenuArrowReversed.png') 99% center
            no-repeat !important;
        border-bottom: 1px solid #ffffff;
    }
    .dl-back a:hover {
        background-color: rgba(255, 248, 213, 0.1) !important;
    }
    .breadcrumbs-from-yoast {
        display: block;
    }
    .alert-top {
        display: none;
    }
    body .new_footer #footerLeft {
        width: 75% !important;
    }
}

@media (max-width: 875px) {
    .headteacher #mainContentBackground {
        background: url('../img/jcoss2.png') center top no-repeat;
        height: 235px !important;
    }
    .headteacher #mainContentBackground img {
        display: none !important;
    }
}

@media (max-width: 800px) {
    #stateIndicator {
        z-index: 2;
    }
    .center {
        width: 90%;
    }
    #mainHeader,
    #mainContent,
    #mainFooter {
        min-width: 380px;
    }
    /*
	.navbar {height:0px; background:none;}
	body {margin-top:0px;}
	#sign {display:none;}

	#logo {top:20px; left:30px; background:url('../img/logoM.png') 0 0 no-repeat; width:142px; height:65px;}

	.navbar-toggle {float:right; border:none; color:#ffffff; margin:0px; font-family:"caecilialtstdlight", arial, sans-serif; font-size:25px; padding:0; background:url('../img/menuClose.png') right center no-repeat; width:114px; height:100px; border-radius:0; position:absolute; right:0; top:0; z-index:2;}
	.navbar-toggle.collapsed {background:url('../img/menuOpen.png') right center no-repeat;}
	.navbar-toggle.init {background:url('../img/menuOpen.png') right center no-repeat;}
	.navbar-toggle:hover, .navbar-toggle:focus {background-color:transparent !important;}
	.navbar-collapse {border:none; box-shadow:none; margin:0; position:absolute; left:0; width:1000px; background:url('../img/mobilemenuBack1.png'); max-height:none; padding:100px 0 0 0;}
	.navbar-collapse li {padding:0 0 0 20px;}
	#mainMenu {margin:25px 0 0 0;}
	#mainMenu li {width:auto; text-align:left; background:url('../img/mobileMenuArrow.png') 70% center no-repeat; margin:10px 0px; padding:0 !important;}
	#mainMenu li:first-child {margin:10px 0px; padding:0 !important;}
	#mainMenu a {padding:7px 0px; font-size:17px; line-height:30px;}
	.nav {width:90%; margin:0 auto;}

	#mainHeader .center {width:100%;}
	#logo {}
	#mainMenu {margin:0;}
	*/
    #buttonsTop {
        margin: 0 auto 0 auto;
        width: 90%;
    }
    .buttonTopSep {
        width: 2%;
    }
    .buttonTop {
        width: 32%;
    }
    #buttonsBottomWrapper {
        position: static !important;
        background: #e8e8dc;
        margin: 0;
        width: auto !important;
    }
    #buttonsBottomTitle {
        display: block;
    }
    .buttonBottomImageMobile {
        display: block;
    }
    .home #mainContent .center {
        width: 100%;
    }
    .buttonBottomInner {
        display: none !important;
    }
    .buttonBottomImageText {
        font-size: 14px;
        padding-top: 6px;
        min-height: 48px;
    }
    .buttonBottomImageSpacer {
        display: none !important;
    }
    .buttonBottomLinkMobile {
        display: block;
    }
    #buttonsBottomContainer {
        margin: 0 auto;
        width: 90%;
        padding: 0 0 20px 0;
    }
    #staffCategoryListLeft {
        width: 100%;
    }
    #staffCategoryListRight {
        width: 100%;
    }
    .buttonBottomImageImg {
        display: none;
    }
    .buttonBottomImageImg2 {
        display: block;
    }
    .headteacher #mainContentBackground {
        height: 250px;
    }
    #newsLastItem {
        width: 67%;
    }
    #newsRelatedList {
        width: 31%;
    }
    #newsMonthList {
        float: right;
        width: 31%;
        padding: 40px 0 0 0 !important;
    }
    .contact #mainContentLeft table tr td {
        padding: 0 !important;
    }
    .contact #mainContentLeft table tr.desktop {
        display: block;
    }
    .contact #mainContentLeft table tr.mobile {
        display: none;
    }
}

@media (max-width: 750px) {
    #mainContentLeft {
        float: none;
        width: 100%;
        padding: 0 0 50px 0;
    }
    #mainContentRight {
        float: none;
        width: 100%;
        padding: 0 0 50px 0;
    }
    .wide #mainContentRightLinksList .linksItemText {
        font-size: 14px !important;
    }
}

@media (max-width: 700px) {
    .buttonBottom {
        width: 49%;
        margin: 0 0 3% 0;
    }
    .buttonBottomSep {
        width: 2%;
    }
    .buttonBottomSepMiddle {
        clear: both;
        width: 0;
        height: 0;
    }
    .buttonBottomImageText {
        font-size: 21px;
        padding-top: 6px;
    }
}

@media (max-width: 650px) {
    #networkLoginLink {
        height: auto;
    }
    #footerRight input[type='text'] {
        width: 268px;
    }
    body .new_footer #fronterLoginPass {
        width: 270px !important;
    }
    .center {
        display: block !important;
    }
    #stateIndicator {
        z-index: 3;
    }
    #mainFooter {
        height: 330px !important;
    }
    body .new_footer#mainFooter {
        height: 395px !important;
    }
    #footerMenu {
        clear: left;
        float: left;
    }
    body {
        margin-bottom: 330px !important;
    }
    #fronterLogin {
        padding: 20px 0 0 0;
    }
    #networkLoginButton {
        clear: left;
        margin: 10px 0 0 0;
    }
    #fronterLoginPass {
        clear: left;
        margin: 10px 0 0 0;
    }
    #fronterLoginButton {
        clear: left;
        margin: 10px 0 0 0;
    }
    #mainContent {
        min-height: 0;
    }
    /*#footerLeft {padding:0 10px;}
	#footerRight {padding:0 10px;}*/
    #buttonsBottomWrapper {
        display: none;
    }
    #buttonsBottomTitle {
        font-size: 21px;
    }
    .buttonBottom {
        width: 100%;
    }
    .buttonBottomSep {
        display: none;
    }
    .buttonBottomImageMobile {
        display: none;
    }
    #networkLoginAccess {
        width: 270px !important;
        margin-right: 0;
    }
    #fronterLoginUser {
        width: 270px !important;
        margin-right: 0;
    }
    #fronterLoginPass {
        width: 270px !important;
        margin-right: 0;
    }
    #mainContentRightLinksList .linksItem {
        width: 100%;
    }
    .headteacher #mainContentBackground {
        height: 200px;
    }
    .home #mainContentBackground {
        min-height: 500px;
    }
    .home #mainContentBackground img {
        width: 1290px !important;
        min-height: 500px;
        left: -84% !important;
    }
    .historyItem {
        width: 100%;
    }
    .historyItem.left {
        margin: 0 0 30px 0;
    }
    .cafeteriaItem {
        width: 100%;
    }
    .cafeteriaItem.left {
        margin: 0 0 30px 0;
    }
    #newsLastItem {
        width: 100%;
    }
    #newsRelatedList {
        width: 100%;
        margin: 0 !important;
        padding: 40px 0 0 0;
    }
    #newsMonthList {
        width: 100%;
        margin: 0 !important;
        padding: 40px 0 0 0 !important;
    }
    #newsItem {
        width: 100%;
    }
    .item #newsRelatedList {
        width: 100%;
        margin: 120px 0 0 0;
    }
    .buttons-alerts p,
    .buttons-alerts a {
        font-size: 20px;
        top: 160px;
        width: 100%;
        display: block;
    }
    #dl-menu .dl-trigger {
        background: url('../img/menuOpen2.png') right center no-repeat;
        width: 114px;
        height: 100px;
    }
    #dl-menu .dl-trigger.dl-active {
        background: url('../img/menuClose2.png') right center no-repeat;
    }
    #mainMenuMobile {
        padding: 100px 0 0 0;
    }
    .youtubechannelEntry h4 {
        display: block;
        height: 30px;
        margin-bottom: 11px;
    }
    .youtubechannelEntry {
        width: 46%;
    }
    .wide #mainContentLeft,
    .wide #mainContentRight {
        width: 100%;
    }
    #mainContentRightLinks {
        margin-top: 20px;
    }
    .new_footer #footerMenu {
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .buttonTopHandler {
        font-size: 22px;
    }
    #mainHeader,
    #mainContent,
    #mainFooter {
        min-width: 290px;
    }
    #networkLoginLink {
        width: auto;
    }
    body .new_footer #footerLeft {
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    .youtubechannelEntry h4 {
        font-size: 13px;
    }
    /*#footerMenu {clear:both; float:left;}*/
}

/*
600 879
960 527
*/

.youtube_channel.ytc_wall_1-6 .ytc_video_container {
    padding: 5px;
    box-sizing: border-box;
}

.ytc_title {
    min-height: 32px;
}

.youtube_channel.ytc_wall_1-6 .ytc_video_container:first-child h3 {
    font-size: 18px;
}

.youtube_channel.ytc_wall_1-6 .ytc_video_container h3 {
    font-size: 14px;
}

.youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) {
    max-width: 33.333%;
}

@media screen and (max-width: 768px) {
    .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) {
        max-width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(:first-child) {
        max-width: 100%;
    }
    body .new_footer #networkLogin {
        width: 100% !important;
    }
}

body .new_footer #networkLogin {
    width: 100%;
}

.new_footer #fronterLogin {
    clear: none !important;
    padding: 20px 0 0 0 !important;
    margin-bottom: 20px;
    float: left;
}

.new_footer#mainFooter {
    height: 140px;
}

.new_footer #fronterLoginPass {
    width: 127px !important;
}

.new_footer .insight_link {
    margin-right: 9%;
    display: block;
    width: 193px;
    height: 40px;
    background: #36a9b7;
    border: 1px solid #36a9b7;
    padding: 0 10px;
    color: #e1e0d6;
    float: right;
    line-height: 40px;
    text-decoration: none;
}

@media screen and (max-width: 1150px) {
    .new_footer #footerRight {
        float: left;
        margin-right: 15px;
    }
    .new_footer #footerRight .search-form {
        padding-top: 0 !important;
    }
    .new_footer#mainFooter {
        height: 191px !important;
    }
}

@media screen and (max-width: 390px) {
    body #mainFooter.new_footer {
        height: 350px !important;
    }
}

/* Teacher Application Form */

#mainContentLeft .gform_wrapper .gsection_description {
    font-size: inherit;
    margin-top: 10px;
}

#gform_40 .gfield_radio li {
    display: inline;
    margin-right: 18px;
}

#field_40_258 .ginput_container {
    position: absolute;
}

#field_40_258 .ginput_container ul {
    padding: 0;
}

#field_40_258 .gfield_description {
    margin-left: 20px;
    font-size: medium;
}

/* .gform_wrapper .top_label .wgd-add-another .gfield_checkbox input */

#field_40_258 .gfield_label,
.gform_wrapper .top_label .wgd-add-another .gfield_label,
.gform_wrapper .top_label .wgd-confirm .gfield_label,
#label_40_258_1 {
    display: none;
}

#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield.wgd-formal-statement
    .gfield_label,
#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield.wgd-formal-statement
    .ginput_container,
#mainContentLeft .gform_wrapper .gform_body .wgd-row div.ginput_container,
#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield.wgd-add-another
    .ginput_container,
#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield.wgd-confirm
    .ginput_container {
    width: 100%;
}

#mainContentLeft .gform_wrapper .gform_body .gfield.wgd-add-another li,
#mainContentLeft .gform_wrapper .gform_body .gfield.wgd-confirm li {
    text-align: center;
}

#mainContentLeft .gform_wrapper table.gfield_list th + th {
    padding: 0;
}

#mainContentLeft
    .gform_wrapper
    ul
    li.field_description_below
    div.ginput_container_radio {
    margin-top: 0;
}

#mainContentLeft
    .gform_wrapper
    .gform_body
    .gfield.wgd-declaration
    .gfield_label {
    float: none;
    display: block;
}

.gform_wrapper .wgd-add-another .gfield_description {
    text-align: center;
    font-weight: bold;
    font-size: larger;
}

#mainContentLeft .gform_wrapper .gform_body .gfield .gfield_label {
    float: left;
    /*  display: block; */
}

body .ui-datepicker {
    width: 221px;
}

.ui-datepicker select {
    color: #888;
}

/* todo make conditional for mob */

.wgd-confirm {
    height: 2em;
}

#field_40_550 {
    margin-top: 50px;
}

#gform_wrapper_40 hr {
    margin: 0;
}

.gform_wrapper .wgd-row.field_description_below .gfield_description,
.gform_wrapper
    .wgd-formal-statement.field_description_below
    .gfield_description {
    text-align: right;
}

/* adjust with submit btn for mob */

#gform_save_40_link {
    font-size: x-large;
    border: 1px solid;
    padding: 5px;
    margin-left: 30%;
}

#mainContentLeft .gform_wrapper .gform_body #field_40_620 label {
    width: 100%;
}

#mainContentLeft #gform_40 .chosen-container-single .chosen-single {
    height: auto;
}

@media screen and (max-width: 450px) {
    #mainContentLeft #gform_40 .gform_body .gfield .ginput_container {
        float: none;
    }
    #mainContentLeft #gform_40 .gform_body .gfield .gfield_label {
        width: 100%;
        margin: 5px 0 5px 0;
    }
    #mainContentLeft #gform_40 .gform_body .gfield .ginput_container select,
    #mainContentLeft #gform_40 .gform_body .gfield .ginput_container input {
        /* width: 75%; */
    }
    #mainContentLeft
        #gform_40
        ul.gform_fields.form_sublabel_below
        table.gfield_list
        td::before {
        content: attr(data-label);
    }
    #mainContentLeft
        #gform_40
        ul.gform_fields.form_sublabel_below
        table.gfield_list
        td::after {
        content: none;
    }
    #mainContentLeft #gform_40 table.gfield_list tr {
        background: inherit;
    }
    #mainContentLeft
        #gform_40
        ul.gform_fields.form_sublabel_below
        table.gfield_list
        td::after {
        margin: 3px 0 8px 0px;
    }
    #mainContentLeft #gform_40 td {
        padding: 10px 0px 2px 0px;
    }
    #mainContentLeft #gform_40 table.gfield_list td {
        margin-left: 0;
        margin-right: 0;
    }
    #mainContentLeft #gform_40 .gfield_list td.gfield_list_cell input {
        margin-left: 0;
    }
    #mainContentLeft #gform_40 .wgd-add-another .gfield_description {
        margin: 50px 0 20px 0;
    }
    #mainContentLeft #gform_40 .gform_body .gfield .ginput_container {
        width: 100%;
    }
    #mainContentLeft .gform_wrapper .gform_footer #gform_submit_button_40 {
        float: none;
        background: url('../img/gformButtonBack.png') 170px center no-repeat
            #5e0d8b;
    }
    #gform_save_40_link {
        margin-left: 0;
    }
}

body:not(.home) #logo::after {
    display: none;
}