/***************** FONTS ********************/
@font-face {
    font-family: 'greycliff-regular';
    src: url('../font/GreycliffCF-Regular.eot') format('embedded-opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-Regular.otf')  format('opentype'),
    url('../font/GreycliffCF-Regular.woff') format('woff'),
    url('../font/GreycliffCF-Regular.ttf')  format('truetype'),
    url('../font/GreycliffCF-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-light';
    src: url('../font/GreycliffCF-Light.eot') format('embedded-opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-Light.otf')  format('opentype'),
    url('../font/GreycliffCF-Light.woff') format('woff'),
    url('../font/GreycliffCF-Light.ttf')  format('truetype'),
    url('../font/GreycliffCF-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-bold';
    src: url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-bold-webfont.eot?') format('embedded-opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-Bold.otf')  format('opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-bold-webfont.woff') format('woff'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-bold-webfont.ttf')  format('truetype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-demibold';
    src: url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-demibold-webfont.eot?') format('embedded-opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-DemiBold.otf')  format('opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-demibold-webfont.woff') format('woff'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-demibold-webfont.ttf')  format('truetype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-demibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff-heavy';
    src: url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-heavy-webfont.eot?') format('embedded-opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-Heavy.otf')  format('opentype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-heavy-webfont.woff') format('woff'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-heavy-webfont.ttf')  format('truetype'),
    url('https://kingsinterhigh.com/wp-content/themes/modular-site-builder/fonts/GreycliffCF-heavy-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h5 {
    text-transform: uppercase;
}

h1 {
    margin-bottom: 30px;
}

h2, h3 {
    margin-bottom: 24px;
}

h4 {
    margin-bottom: 16px;
}

h5 {
    margin-bottom: 11px;
}

.logo-and-main-navigation-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(min-width: 992px) {
    .main-header-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;

        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;

        width: 100%;
    }
}

a.read-more-button {
    margin-top: 20px;
}

.top-purple-section {
    background-color: #785CA5;
}
.top-purple-section p {
    padding-top: 12px;
    padding-bottom: 12px;
}

.top-grey-menu {
    background-color: #A09C9B;
    text-align: center;
}
.top-green-menu {
    background-color: #5ACCA0;
    text-align: center;
}
.top-purple-section,
.top-grey-menu,
.top-green-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top-purple-section > p > a {
    border: 1px solid white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
}
.top-purple-section > p > a,
.top-purple-section > p > a:hover,
.top-purple-section > p > a:active,
.top-purple-section > p > a:visited {
    color: #FFFFFF;
}
@media(max-width: 767px) {
    .top-purple-section > p {
        font-size: 13px;
    }
    .top-purple-section > p > a {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }
}

ul#menu-top-grey-menu,
ul#menu-top-green-menu {
    float: none !important;
    display: inline-block;
    vertical-align: top;
}

ul#menu-top-grey-menu,
ul#menu-top-grey-menu li ul,
ul#menu-top-grey-menu li a,
ul#menu-top-grey-menu li a:hover,
ul#menu-top-grey-menu li a:focus {
    background-color: #A09C9B;
    color: #FFFFFF;
}

ul#menu-top-grey-menu li,
ul#menu-top-green-menu li {
    text-align: center;
}
ul#menu-top-grey-menu li a,
ul#menu-top-green-menu li a {
    padding-left: 0;
    padding-right: 0;
}
@media(min-width: 768px) {
    ul#menu-top-grey-menu > li > a::before,
    ul#menu-top-green-menu > li > a::before {
        content: "";
        padding-right: 15px;
    }
    ul#menu-top-grey-menu > li > a::after,
    ul#menu-top-green-menu > li > a::after {
        content: "|";
        padding-left: 15px;
    }
    ul#menu-top-grey-menu > li:last-of-type > a::after,
    ul#menu-top-green-menu > li:last-of-type > a::after {
        content: "";
        /*padding-left: 15px;*/
        padding-left: 0;
    }
}

ul#menu-top-grey-menu .dropdown-menu {
    background-color: #A09C9B;
    border-top: 10px solid #A09C9B;
}

ul#menu-top-green-menu .dropdown-menu {
    background-color: #50B28A;
    border-top: #50B28A;
}

ul#menu-top-grey-menu .dropdown-menu li a:before,
ul#menu-top-green-menu .dropdown-menu li a:before {
    padding: 0;
}



.top-green-menu {
    background-color: #5ACCA0;
}

ul#menu-top-green-menu,
ul#menu-top-green-menu > li > a,
ul#menu-top-green-menu > li > a:hover,
ul#menu-top-green-menu > li > a:focus,
ul#menu-interhigh-home-menu,
ul#menu-interhigh-home-menu li ul,
ul#menu-interhigh-home-menu li a,
ul#menu-interhigh-home-menu li a:hover,
ul#menu-interhigh-home-menu li a:focus {
    background-color: #5ACCA0;
    color: #FFFFFF;
}

ul#menu-top-green-menu > li > ul.dropdown-menu,
ul#menu-top-green-menu > li > ul.dropdown-menu > li > a,
ul#menu-top-green-menu > li > ul.dropdown-menu > li > a:hover,
ul#menu-top-green-menu > li > ul.dropdown-menu > li > a:focus {
    background-color: #50B28A;
    color: #FFFFFF;
}

/*
ul#menu-top-green-menu, ul#menu-top-green-menu li,
ul#menu-interhigh-home-menu, ul#menu-interhigh-home-menu li {
    display: block;
    width: 100%;
}
*/
ul#menu-top-green-menu li, ul#menu-interhigh-home-menu li {
    text-align: center;
}
ul#menu-top-green-menu .dropdown-menu, ul#menu-interhigh-home-menu .dropdown-menu {
    background-color: #5ACCA0;
    border-top: 10px solid #5ACCA0;
}

@media(min-width: 992px) and (max-width: 1339px) {
    .top-purple-section {
        width: 100%;
    }
    /*.top-grey-menu {*/
    /*    width: 50%;*/
    /*}*/
    /*.top-green-menu {*/
    /*    width: 50%*/
    /*}*/
}

@media(max-width: 991px) {
    .top-purple-section {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        text-align: center;
    }
}

@media(max-width: 767px) {
    .logo-and-main-navigation-container {
        display: block;
    }
}

.footer-main p,
.footer-main a, .footer-main a:hover, .footer-main a:active, .footer-main a:focus {
    color: #FFFFFF;
}

@media(min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

ul#menu-main-header-navigation,
ul#menu-education-partnerships-header-navigation {
    font-family: "greycliff-demibold", sans-serif;
    font-size: 22px;
}

/* .latest-news-container {
    background-image: url('../image/latestNewsBackground.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
} */

.block-4_column_latest_posts {
    background-image: url('../image/latestNewsBackground.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.block-4_column_latest_posts a.read-more-button {
    background-color: transparent !important;
    color: #5ACCA0 !important;
    padding-left: 0;
    text-align: left;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
}
.block-4_column_latest_posts a.read-more-button:after {
    content: "";
    height: 30px;
    width: 30px;
    background: url('../image/greenArrow.png') no-repeat;
    position: absolute;
    margin-left: 10px;
    background-size: 23px;
    margin-top: 8.5px;
}

.footer-main {
    background-color: #4D326F;
}

ul#footer-site-by {
    font-size: 13px;
    display: inline-block;
}
@media(min-width: 768px) {
    ul#footer-site-by {
        float: right;
    }
}

ul#footer-site-by li a:hover, ul#footer-site-by li a:active {
    text-decoration: none !important;
}

.boldText {
    font-family: "greycliff-bold", sans-serif;
}

ul.footer-column-menu {
    list-style-type: none;
}
ul.footer-column-menu li {
    margin-bottom: 10px;
}
ul.footer-column-menu li a,
ul.footer-column-menu li a:hover,
ul.footer-column-menu li a:active,
ul.footer-column-menu li a:focus {
    color: rgba(255, 255, 255, 0.6);
}
ul.footer-column-menu li:last-of-type {
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .banner-content-area {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;

        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .background-image-holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .banner-text-holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.banner-text-holder {
    background-image: url('../image/banner_shape.png');
    background-position-y: center;
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: auto 100% !important;
}
.height-a .banner-text-holder {
    background-image: url('../image/triangle_shape_tall_banner.png');
    background-position-y: center;
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: auto 100% !important;
}

@media(min-width: 1340px) {
    .banner-text-holder {
        padding-left: 8.33%;
        padding-right: 8.33%;
        background-size: cover;
    }
}

.labelText {
    font-family: "greycliff-light", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}

.brand-color-6 a,
.brand-color-6 a:hover,
.brand-color-6 a:active,
.brand-color-6 a:visited {
    color: #FFFFFF;
}

.whiteText {
    color: #FFFFFF !important;
}

.yellowText {
    color: #FCB316 !important;
}
.redText {
    color: #FF2948 !important;
}
.greenText {
    color: #5ACCA0 !important;
}

@media(max-width: 767px) {
    .background-image-holder {
        height: 250px;
    }
}

body#mainSection .BANNER_1 .labelText {
    color: #FFFFFF;
}
body#gcse .BANNER_1 .labelText {
    color: #FCB316;
}
body#sixth-form .BANNER_1 .labelText {
    color: #FF2948;
}
body#juniors .BANNER_1 .labelText {
    color: #5ACCA0;
}

@media(min-width: 768px) {
    ul#menu-main-header-navigation > li > a,
    ul#menu-education-partnerships-header-navigation > li > a {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.affiliated-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.block-4_column_latest_posts {
    clear: both;
}

.block-2_COLUMN_5 .button-container a.read-more-button {
    margin-bottom: 20px;
}

.block-4_COLUMN_1 h1,
.block-4_COLUMN_1 h2,
.block-4_COLUMN_1 h3,
.block-4_COLUMN_1 h4,
.block-4_COLUMN_1 h5,
.block-4_COLUMN_1 h6 {
    text-transform: uppercase;
}

.foreground-image-right {
    background-position: top right;
}

.term-table {
    padding-top: 0;
    padding-bottom: 0;
}

.brand-color-2 {
    background: #f4f6f7; /* Old Browsers */
    /* background: -webkit-linear-gradient(bottom right,#f4f6f7,#e0e3e4); /*Safari 5.1-6*/
    /* background: -o-linear-gradient(bottom right,#f4f6f7,#e0e3e4); /*Opera 11.1-12*/
    /* background: -moz-linear-gradient(bottom right,#f4f6f7,#e0e3e4); /*Fx 3.6-15*/
    /* background: linear-gradient(bottom right, #f4f6f7, #e0e3e4); /*Standard*/
}
.brand-color-2 hr {
    border-bottom: 1px solid #A2A6AA;
}
.grey {
    color: #9D9FA2!important;
}

@media(max-width:991px) {
    p,
    a {
        font-size: 15px;
    }
}

html,
body {
    overflow-x: hidden;
}

.full-height {
    height: 100%;
}
a {
    color: #593C97;
}
a.read-more-button:hover {
    text-decoration: none;
}

h6 {
    font-size: 20px;
    font-weight: 300;
    font-family: "greycliff-light", sans-serif;
}

#main ul {
    margin-left:20px;
    margin-bottom: 20px;
}
#main ul > li {
    margin-bottom: 10px;
}
/***** HEADINGS + FONTS *****/
@media(min-width:992px) and (max-width:1339px) {
    h2 {
        /*font-size: 23px!important;*/
    }
}

/*************************
HEADER
*************************/
.header-top {
    color: #fff;
}
.header-top p {
    color: #fff;
    font-size: 14px;
}
.header-top p.est-since {
    color: rgba(255,255,255,0.5);
    line-height: 15px;
}
.top-header-message a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.navbar-default {
    border: none;
    box-shadow: none;
    background: #fff;
}
.menu-main-menu-container, .menu-sixth-form-container, .menu-juniors-container, .menu-gcse-container, .menu-home-schooling-support-container {
    float: right;
}
.brand {
    width: 300px;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
}

.menu-main-menu-container li > a, .menu-sixth-form-container li > a, .menu-juniors-container li > a, .menu-gcse-container li > a,  .menu-home-schooling-support-container li > a {
    padding: 40px 35px;
    font-size: 17px;
    font-family: "greycliff-light", sans-serif;
    color: #323232;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
    color: #BCBEC0;
}
.breadcrumbs span.current {
    color: #593C97;
}
.navbar-default .navbar-nav > li > a {
    color: #323232;
}
#menu-top-menu {
    background: #5ACCA0;
    padding: 0 20px;
}
#menu-top-menu li > a {
    padding: 11px 20px;
    color: #fff;
    background: transparent;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    border: none;
    background: transparent;
    box-shadow: inset 0 -10px 0 0 #8D63AA;
    color: #5A5A5A;
}
.caret {
    display: none;
}
.dropdown-menu > li > a {
    white-space: normal;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

@media(min-width:1340px) {
    .menu-main-menu-container li > a, .menu-sixth-form-container li > a, .menu-juniors-container li > a {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .header-top .top-menu {

    }
    #menu-top-menu {
        padding-left: 0;
        padding-right: 0;
    }
    #menu-top-menu li > a {
        padding: 11px 14px;
        color: #fff;
        background: transparent;
    }
}

@media(min-width:992px) and (max-width:1339px) {
    #menu-top-menu li > a {
        padding: 12px 20px;
    }
}

@media(min-width:992px) {
    .dropdown-menu {
        /*margin-top:0;*/
        margin-bottom:0;
        padding-top:0;
        padding-bottom:0;
        width: 230px;
        left:50%;
        margin-left: -115px;
        text-align: center;
        border: none;
        background: #73508F;
        border-top: 10px solid #8D63AA;
        margin-top: -10px!important;
    }
    .dropdown-menu > li > a {
        padding: 20px 20px;
        font-family: "greycliff-light", sans-serif;
        font-size: 15px;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    #menu-top-menu .dropdown-menu {
        background: #3D9373;
        border-top: 8px solid #5AC098;
        width: 160px;
        margin-left: -80px;
    }
    #menu-top-menu .dropdown-menu > li > a {
        border-bottom: none;
    }
}

@media(min-width:768px) {
    .menu-top-menu-container {
        float: right;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
        background: #644582;
        color: #fff;
    }
    #menu-top-menu .dropdown-menu {
        background: #3D9373;
        border-top: 8px solid #5AC098;
        width: 160px;
        margin-left: -80px;
        left: 50%;
    }
    #menu-top-menu .dropdown-menu > li > a {
        border-bottom: none;
    }
}

@media(max-width:991px) {
    p.top-header-message {
        font-size: 13px;
    }
}

@media(max-width:767px) {
    #menu-top-menu .dropdown-menu {
        background: #3D9373;
        border-top: 8px solid #5AC098;
        width: 160px;
        margin-left: -80px;
        left: 50%;
        position: absolute;
    }
    #menu-top-menu .dropdown-menu > li > a {
        border-bottom: none;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .menu-top-menu-container {
        float: right;
    }
    #menu-main-menu {
        margin-right: 50px;
    }
    .menu-main-menu-container li > a,.menu-sixth-form-container li > a, .menu-juniors-container li > a {
        padding: 50px 15px;
        font-size: 14px;
    }
    .brand {
        width: 195px;
    }
    .top-menu {

    }
    #menu-top-menu li > a {
        padding: 15px 20px;
    }
    .dropdown-menu {
        width: 150px;
        left: -75px;
        min-width: 100px;
        margin-left: 50%;
        text-align: center;
        border: none;
        background: #73508F;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .dropdown-menu > li > a {
        padding: 20px 20px;
        font-family: "greycliff-light", sans-serif;
        color: #fff;
    }
}

@media(min-width:992px) and (max-width:1339px) {
    .brand {
        width: 285px;
    }
    .menu-main-menu-container li > a, .menu-sixth-form-container li > a,  .menu-juniors-container li > a {
        padding: 50px 15px;
    }
    .dropdown-menu > li > a {
        padding: 20px 20px;
        font-family: "greycliff-light", sans-serif;
        color: #fff;
    }
}

@media(max-width:767px) {
    .marquee-text p {
        font-size: 14px;
    }

    .navbar-header {
        padding: 35px 30px;
    }
    .brand {
        margin-top: 0px;
        width: 215px;
    }
    .navbar-default .navbar-toggle {
        border: none;
        margin-top: 18px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #301949;
        width: 30px;
        height: 4px;
        border-radius: 4px;
    }
    #menu-main-header-navigation,
    #menu-education-partnerships-header-navigation {
        display: block;
        float:none;
        text-align: center;
        background: #73508F;
    }
    #menu-top-menu > li {
        display: inline-block;
        float:left;
        width:33%;
    }
    #menu-top-menu > li > a {
        text-align: center;
        padding-right: 0;
        padding: 20px 0;
    }
    #menu-top-menu > li::after {
        content: "|";
        position: absolute;
        width: 1px;
        top: 20px;
        right: 0;
    }
    #menu-top-menu > li:last-of-type::after {
        content: "";
    }
    .navbar-default .navbar-nav > li > a {
        padding: 35px;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .navbar-default .navbar-nav > li > a:hover {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        box-shadow: none;
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu {
        background: #593C97;
        text-align: center;
        padding:0;
        margin:0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        padding: 20px;
    }
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        background: #644582;
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .menu-main-menu-container, .menu-sixth-form-container, .menu-juniors-container {
        margin-right: 50px;
    }
}

div.marquee {
    white-space: no-wrap;
    overflow: hidden;
    font-size: 18px;
}
div.marquee > div.marquee-text {
    white-space: nowrap;
    display: inline;
    width: auto;
}


/***** BANNERS *****/
.block-1.BANNER_1 {
    margin-top: 0!important;
}
.BANNER_1 .bx-controls {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
}
.BANNER_1 .bx-wrapper .bx-pager,
.BANNER_1  .bx-wrapper .bx-controls-auto {
    position: relative;
    bottom:0;
}
.BANNER_1 .bx-wrapper .bx-pager {
    width: 50px;
    background: #593C97;
    display: block;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 0;
}
.BANNER_1 .bx-wrapper .bx-pager .bx-pager-item,
.BANNER_1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block;
    width:100%;
    float:left;
    padding-top: 0;
}
.BANNER_1 .bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    margin: 9px auto;

}
.BANNER_1 .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
    background: #fff;
}
.banner-content {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.banner-content-bg {
    background-color: #593C97;
}

@media(min-width:768px) and (max-width:991px) {
    .BANNER_1 .bx-controls {
        display: none!important;
    }
}

@media(max-width:767px) {
    .banner-content-bg {
        display: none;
    }
    .banner-content {
        position: relative;
        display: inline-block;
        background-image: url('../image/banner_bg.png');
        background-size: cover;
        background-position: center center;
    }
    .BANNER_1 .image-background.height-a {
        min-height: 200px;
    }
    .bx-controls {
        display: none!important;
    }
    .banner-content {
        background-image:url('../image/banner_mobile_bg.png');
        background-color: #593C97;
    }
    .banner-content .content-area {
        min-height: auto!important;
    }

}


/***** .block-2_COLUMN_4 *****/
.block-2_COLUMN_4 div.circle {
    width:25px;
    height: 25px;
    border: none;
}
.block-2_COLUMN_4 div.circle::after {
    border-left: 2px dashed #DEDFE0;
    top: 25px;
}
.block-2_COLUMN_4 .col-xs-12.display-flex:last-of-type div.circle::after {
    border: none;
}
/***** block-2_COLUMN_10 *****/
.key-stage-subject-info-block .darker {
    background: rgba(90,90,90,0.4);
}
.key-stage-subject-info-block .subject-info .fill-space .lighter,
.key-stage-subject-info-block .subject-info .fill-space .darker {
    min-height: 20px;
}
.key-stage-subject-info-block .subject-additional-info {
    border-bottom: 1px solid #DEDFE0;
}
.key-stage-subject-info-block .subject-additional-info:last-of-type {
    border: none;
}

@media(min-width:768px) {
    .key-stage-subject-info-block .subject-info .row:first-of-type .darker,
    .key-stage-subject-info-block .subject-info .row:first-of-type .lighter {
        padding-top: 20px;
    }
    .key-stage-subject-info-block .subject-info .row:last-of-type .darker,
    .key-stage-subject-info-block .subject-info .row:last-of-type .lighter {
        padding-bottom: 20px;
    }
}

@media(max-width:767px) {
    .key-stage-subject-info-block .subject-info .lighter,
    .key-stage-subject-info-block .subject-info .darker {
        background: transparent;
    }
    .key-stage-subject-info-block .subject-info .fill-space .lighter,
    .key-stage-subject-info-block .subject-info .fill-space .darker {
        display: none!important;
    }
}

img.additional-badge {
    position: absolute;
    left: 0;
    top: 14px;
    width: 75px;
    height: 75px;
}

body.page-id-1438 .block-2_COLUMN_4 div.circle {
     width:35px;
     height: 35px;
     border: 4px solid #DEDFE0;
 }
body.page-id-1438 .block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-1438 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle {
    border: 4px solid #5ACCA0;
    width: 50px;
    height: 50px;
}
body.page-id-1438 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after {
    top: 50px;
}

body.page-id-1438 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 4px solid #593C97;
    width: 50px;
    height: 50px;
}
body.page-id-1438 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}





body.page-id-1072 .block-2_COLUMN_4 div.circle {
    width:35px;
    height: 35px;
    border: 4px solid #DEDFE0;
}
body.page-id-1072 .block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-1072 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle {
    border: 4px solid #5ACCA0;
    width: 50px;
    height: 50px;
}
body.page-id-1072 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after {
    top: 50px;
}

body.page-id-1072 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 4px solid #593C97;
    width: 50px;
    height: 50px;
}
body.page-id-1072 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}

@media(max-width:1199px) {
    body.page-id-1438 .block-2_COLUMN_4 div.circle {
        width:20px;
        height: 20px;
        border: 4px solid #DEDFE0;
    }
    body.page-id-1438 .block-2_COLUMN_4 div.circle::after {
        top: 20px;
    }
    body.page-id-1438 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle {
        border: 4px solid #5ACCA0;
        width: 30px;
        height: 30px;
    }
    body.page-id-1438 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after {
        top: 30px;
    }

    body.page-id-1438 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
        border: 4px solid #593C97;
        width: 30px;
        height: 30px;
    }
    body.page-id-1438 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
        top: 30px;
    }

    body.page-id-1072 .block-2_COLUMN_4 div.circle {
        width:20px;
        height: 20px;
        border: 4px solid #DEDFE0;
    }
    body.page-id-1072 .block-2_COLUMN_4 div.circle::after {
        top: 20px;
    }
    body.page-id-1072 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle {
        border: 4px solid #5ACCA0;
        width: 30px;
        height: 30px;
    }
    body.page-id-1072 .block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after {
        top: 30px;
    }

    body.page-id-1072 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
        border: 4px solid #593C97;
        width: 30px;
        height: 30px;
    }
    body.page-id-1072 .block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
        top: 30px;
    }
}



/***** 2_COLUMN_5 *****/

.bubble {
    position: absolute;
    width: 180px;
    height: 180px;
    z-index: 999;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
    padding: 30px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    line-height: 27px;
    font-family: "greycliff-light", sans-serif;
}
.bubble.bottom-right {
    bottom: -10px;
    right: -70px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
}
.bubble.top-right {
    right: -70px;
    top: -20px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
}
.bubble.top-left {
    top: -20px;
    left: -70px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
}
.bubble.bottom-left {
    bottom: -10px;
    left: -70px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
}

@media(min-width:992px) and (max-width:1339px) {
    .bubble {
        width: 120px;
        height: 120px;
        font-size: 16px;
        line-height: 18px;
        padding: 20px;
    }
    .bubble.bottom-right {
        right: -30px;
    }
    .bubble.top-left {
        top: -30px;
        left: -30px;
    }
    .bubble.top-right {
        right: -30px;
    }
}

@media(max-width:991px) {
    .bubble {
        display: none!important;
    }
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-thumb-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.video-thumb-overlay .play-btn {
    background: url('../image/playButtonDoubleSize.png') center center no-repeat;
    background-size: 120px 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.block-2_COLUMN_5.image-position-absolute .image-area{
    position: relative;
}
.block-2_COLUMN_5.image-position-absolute .image-area > img {
    position: relative;
    /*left:0;
    right:0;*/
    bottom:0;
    max-height: 100%;
}

@media(min-width:768px) and (max-width:991px) {
    .block-2_COLUMN_5.image-position-absolute .image-area > img {
        position: absolute;
    }
}

@media(max-width:767px) {
    .block-2_COLUMN_5 .image-area .set-to-tallest-child {
        min-height: 180px;
    }
}

div.fees-table {
    padding-top: 30px;
    padding-bottom: 30px;
}
body.page-id-7457 div.fees-table {
    padding-top: 0;
}

.peaked-grey-bg {
    background-image: url('../image/latestNewsBackground.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.transparent-bg {
    background-color: transparent !important;
}

@media(max-width: 767px) {
    .feesDesktopImage {
        display: none;
    }
}
@media(min-width: 768px) {
    .feesMobileImage {
        display: none;
    }
}

div.fees-row  {

}
div.fees-row.border-top {
    border-top: 1px solid #DEDFE0;
}
div.fees-row.border-bottom {
    border-bottom: 1px solid #DEDFE0;
}
.block-2_COLUMN_2 .content-area div.fees-row:last-of-type {
    border-bottom: 1px solid #DEDFE0;
}
@media(min-width:767px) {
    div.fees-table .center-column {
        border-left: 1px solid #DEDFE0;
        border-right: 1px solid #DEDFE0;
    }
    div.fees-table .center-column.no-border-right {
        border-right: none;
    }
}

/****** block-2_COLUMN_12 *****/
.block-2_COLUMN_12 .row.table-row {
    border-bottom: 1px solid #DEDFE0;
}


/***** STUDENT CAROUSEL *****/
.single-student-slide {
    /*background-image: url('../images/student_slider_bg.png');*/
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
img.student-photo {
    border-radius: 50%;
}
.intro-block {
    background-image: url('../image/testimonial_intro_border.png');
    background-position: top left;
    background-repeat: repeat-x;
    background-size: auto 2px;
}
.single-student-slide .timeline-item {
    background-image: url('../image/testimonial_vertical_border.png');
    background-position: top 23px left;
    background-repeat: repeat-y;
    background-size: 2px auto;
}
.single-student-slide .timeline-item:last-of-type {
    background: none;
}
.single-student-slide .timeline-item::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url('../image/timelinebullet.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    color: #fff;
    position: absolute;
    left: -7px;
}
.single-student-slide .timeline-item::after {
    background-image: url('../image/testimonial_vertical_border.png');
    background-position: top 23px left;
    background-repeat: no-repeat;
    background-size: 2px auto;
}

.students_carousel .owl-nav .owl-prev {
    width: 60px;
    height:60px;
    background: url('../image/slider-prev.png') center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
    left: 100px;
}
.students_carousel .owl-nav .owl-next {
    width: 60px;
    height:60px;
    background: url('../image/slider-next.png') center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
    right: 100px;
}

@media (max-width: 1700px){
    .students_carousel .owl-nav .owl-next,
    .students_carousel .owl-nav .owl-prev {
        display: none;
    }
}

@media(min-width:992px) and (max-width:1339px) {
    .students_carousel .owl-nav .owl-next {
        right: -70px;
    }
    .students_carousel .owl-nav .owl-prev {
        left: -70px;
    }
}
@media(max-width: 991px) {
    body:not(.single-pupilstories).single-student-slide {
        background: none!important;
    }
    .row.students_carousel {
        background-color: #593C97;
        /*background-image: url('../images/student_slider_bg.png');*/
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}


/***** Student testimonials flips *****/
.testimonial-flip  .single-box {
    position: relative;
    background-image: url('../image/flip_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
}
.testimonial-flip  .single-box > .back {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    opacity: 0;
}
.testimonial-flip  .single-box > .front,
.testimonial-flip  .single-box > .back {
    transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out;
}

.single-box a.read-more-button {
    background: #fff!important;
}
.single-box:hover {
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.3);
}

@media(min-width:768px) and (max-width:991px) {
    .intro-block {
        background: none;
    }
    .intro-block .border-sm {
        background-image: url('../image/testimonial_intro_border.png');
        background-position: top left;
        background-repeat: repeat-x;
        background-size: auto 2px;
    }
}

/***** Testimonials slider *****/
.row.testimonials_slider .bg-texture {
    background-image: url('../image/testimonials_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.row.testimonials_slider .bx-wrapper .bx-viewport {
    background: transparent;
}
.testimonials_slider .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
}
.testimonials_slider .bx-wrapper .bx-next {
    background: url('../image/slider-next.png') center center no-repeat;
    background-size: contain;
    right: 55px;
}
.testimonials_slider .bx-wrapper .bx-prev {
    background: url('../image/slider-prev.png') center center no-repeat;
    background-size: contain;
    left: 55px;
}

/***** CTA_8 *****/
.content-block.CTA_8 .main-container {
    background-image: url('../image/cta_bg.png');
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.CTA_8 a.read-more-button {
    background: #fff!important;
}

@media(max-width:767px) {
    .content-block.CTA_8 .main-container {
        background-size: auto 60%;
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    body.page-id-1070 .content-block.CTA_8 {
        margin-bottom: 20px;
    }
}

/***** SUBJECT LIST*****/
.subject_list .subject-block, .subject_list_no_clickthrough .subject-block {
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    cursor: context-menu;
}

.subject_list .subject-block, .subject_list_no_clickthrough .subject-block img, .subject_list .subject-block, .subject_list_no_clickthrough .subject-title  {
    cursor: context-menu;
}

.subject_list_no_clickthrough.subject-block:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.subject_list .subject-block:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.no-hover-zoom:hover {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}


.subject_list .subject-title, .subject_list_no_clickthrough .subject-title, .subject_list_sixth_form .subject-title {
    background-image: url('../image/subject_title_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/***** block-3_COLUMN_10 *****/
.block-3_COLUMN_10 .key-stage-link {
    /* background-image: url('../image/key_stage_link_bg.png'); */
    background-size: cover;
    background-position: center center;
}


/***** .block-3_COLUMN_11 *****/
.block-3_COLUMN_11 .testimonial-set-height {
    background-color: #BCBEC0!important;
    background-image: url('../image/flip_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}


/***** subject_enquiry_block *****/
.subject_enquiry_block .set-my-height-block {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/***** subject_enquiry_block *****/
.subject_enquiry_block .subject-link-block,
.subject_enquiry_block .subject-link-block {
}
.subject_enquiry_block .set-my-height-block:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}



@media(max-width:767px) {
    .subject_enquiry_block .set-my-height-block {
        opacity: 1;
    }
}


/***** accreditation_gallery ******/
.row.accreditation_gallery div.thumbnails img {
    border: 1px solid #593C97;
}
.row.accreditation_gallery img.main-image {
    display: none;
}
.row.accreditation_gallery img#full1 {
    display: block;
}


/***** 2_COLUMN_12 *****/
div.learning-from-abroad-link {
    background-color: #BCBEC0!important;
    background-image: url('../image/key_stage_link_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
div.learning-from-abroad-link:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.learning-from-abroad-link .extrabadge {
    background-color: #d8a50e;
    position: absolute;
    top: -25px;
    right: -25px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #fff;
    font-family: "greycliff-light", sans-serif;
    font-weight:300;
    font-size: 20px;
}
@media(min-width:768px) and (max-width:1339px) {
    .learning-from-abroad-link .extrabadge {
        width:60px;
        height:60px;
        right: -15px;
        top: -15px;
        font-size: 16px;
    }
}
@media(max-width:767px) {
    .learning-from-abroad-link .extrabadge {
        display: none;
    }
}


/***** FORMS *****/
div.wpcf7 .ajax-loader {

}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    padding: 17px 30px;
    border: 1px solid #DEDFE0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #BCBEC0;
    opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #BCBEC0;
    opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #BCBEC0;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #BCBEC0;
    opacity: 1;
}

div.wpcf7-validation-errors {
    border: none!important;
    padding: 0!important;
}
span.wpcf7-not-valid-tip {
    margin-top: -15px;
    margin-bottom: 15px;
}
input.wpcf7-submit.green {
    /*background: #5ACCA0 !important;*/
    /*color: #fff!important;*/
    /*border: none!important;*/
}

/***** REGISTRATION FORM *****/
select[name="dob_date"],
select[name="dob_month"],
select[name="dob_year"],
select {
    padding: 12px;
    margin-right: 20px;
}
input[type="radio"] {
    width: 13px;

}
.wpcf7-radio span.wpcf7-list-item {
    margin-left: 0;
    margin-bottom: 5px;
}
span.wpcf7-list-item-label {
    color: #BCBEC0;
}

span.wpcf7-list-item {
    width: auto;
    margin-left: 10px;
    margin-right: 20px;
}
.wpcf7-form-control-wrap.termdetails span.wpcf7-list-item,
.wpcf7-form-control-wrap.preferredyear span.wpcf7-list-item{
    width: 100%;
}
.wpcf7-form-control-wrap.how_did_you_hear span.wpcf7-list-item {
    width: 46%;
}
#how-did-you-hear-input {
    padding-top: 5px!important;
    padding-bottom:5px!important;
}
.dob_date select,
.dob_month select,
.dob_year select {
    width: 25%;
}
@media(min-width: 992px) {
    .FORM_2 .add-border-right {
        background: url('../image/form_border.png');
        background-size: 3px auto;
        background-repeat: repeat-y;
        background-position: right top;
    }
}

.grey-bg-one {
    background-color: #EDEDED;
}
.grey-bg-two {
    background-color: #F7F7F7;
}
.grey-bg-three {
    background-color: #F4F4F4;
}

.grey-bg-three.brand-color-1-0,
.grey-bg-three .brand-color-1-0,
.grey-bg-three .brand-color-1-0 a.read-more-button {
    background-color: #F4F4F4;
}

.termDataSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.termDataCell {
    border-right: 1px solid #a09c9b;
    border-bottom: 1px solid #a09c9b;
}

a.termSelectionButton {
    font-weight: normal !important;
}

.termContainer {
    display: none;
}

.image-column-alt {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 66.75%;
}

.subjectSelectionButton,
.termSelectionButton {
    cursor: pointer;
}

@media(max-width: 767px) {
    .termDataCell {
        border-right: 0;
    }
}

@media(min-width: 768px) {
    .termDataCell:nth-of-type(4n) {
        border-right: 0;
    }
}

.bookNowSection {
    background-color: #5ACCA0;
    text-align: center;
}
.bookNowSection > a.read-more-button {
    background-color: #FFFFFF !important;
    color: #593C97 !important;
    margin-top: 0 !important;
}

.theSubject {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.termSelectionButton {
    display: block;
}

.selectedTermButton {
    background-color: #785CA5;
}

.transparentInnerBackground .brand-color-1,
.transparentInnerBackground .brand-color-1-0 {
    background-color: transparent;
}

@media(min-width: 768px) {
    .matrixBackground {
        background-image: url('../image/whiteTextureBackground.jpg');
        background-position: top right;
        background-repeat: no-repeat;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    body.page-id-1062 .block-2.block-2_COLUMN_5 {
        padding-top: 60px;
    }
}

/***** BLOG *****/
.post-date {
    color: #BCBEC0!important;
    font-style: italic!important;
}
ul.blog-links {
    list-style-type: none;
    margin-top: 30px;
    margin-left: 0!important;
}
ul.blog-links li {
    margin-bottom: 15px;
}
ul.blog-links li,
ul.blog-links li > a {
    color: #5A5A5A;
}
ul.blog-links li > a {
    display: inline-block;
    margin-left: 30px;
}
ul.blog-links li::before {
    content: ">";
    margin-right: -10px;
    position: absolute;
}
.sharing-area h4 {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
a.facebook-share {
    background-image: url('../image/share_fb_blue.png');
}
a.twitter-share {
    background-image: url('../image/share_twitter_blue.png');
}
a.facebook-share,
a.twitter-share {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
/*** Pagination ***/
.post-navigation {
    /*text-align: center;*/
    display: table;
}
.post-navigation .pager-prev,
.post-navigation .pager-num,
.post-navigation .pager-next {
    /*display: inline-block;*/
    display: table-cell;
    vertical-align: middle;
}
.post-navigation .pager-prev,
.post-navigation .pager-next {
    width:70px;
}
.post-navigation .pager-prev a {
    display:block;
    width: 40px;
    height: 40px;
    margin-right: 30px;
    background-image: url('../image/pager_prev.png');
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.post-navigation .pager-next a {
    display:block;
    width: 40px;
    height: 40px;
    margin-left: 30px;
    background-image: url('../image/pager_next.png');
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
}
.post-navigation .pager-num {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: "greycliff-light", sans-serif;
    font-size: 13px;
    font-weight: 300;
}

@media(max-width:767px) {
    .post-navigation .pager-prev,
    .post-navigation .pager-next {
        width: 60px;
    }
    .post-navigation .pager-prev a,
    .post-navigation .pager-next a {
        width: 30px;
        height: 30px;
    }
    .post-navigation .pager-num {
        font-size: 17px;
    }
}

/****** FOOTER ******/
.footer-top {
    height: 70px;
}
.footer .footer-middle {
    background: #FFFFFF;
    padding: 30px 0;
}

.footer .footer-middle p {
    font-family: "greycliff-light", sans-serif;
    font-size: 13px;
}
.footer .footer-bottom {
    background: #F4F4F4;
}
.footer .footer-bottom ul {
    list-style-type: none;
}
.footer .footer-bottom ul li,
.footer .footer-bottom a {
    color: #424547;
    font-family: "greycliff-light", sans-serif;
    font-size: 15px;
}
@media(min-width:992px) {
    .footer-main .add-border {
        border-left: 1px solid red;
        border-right: 1px solid red;
    }
}

.footer h6 {
    color: #593C97;
}
.footer p.phone::before {
    content: " ";
    background-size: 107px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    width: 20px;
    height: 20px;
    background-position: -5px -77px;
    display: inline-block;
    margin-right: 20px;
}
.footer p.email::before {
    content: " ";
    background-size: 107px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    width: 24px;
    height: 16px;
    background-position: -34px -77px;
    display: inline-block;
    margin-right: 20px;
}
.footer p.email a {
    color: #FFFFFF;
}
.social-icons a,
.footer .social-icons a {
    width: 25px;
    height: 25px;
    display: inline-block;
}
.social-icons a {
    margin: 5px;
}
.footer .social-icons a {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}
.footer .social-icons a:last-of-type {
    margin-right: 0;
}

.social-icons a.facebook,
.footer .social-icons a.facebook {
    background-size: 107px;
    width: 25px;
    height: 25px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -77px -40px;
}
.social-icons a.instagram,
.footer .social-icons a.instagram {
    background-size: 107px;
    width: 26px;
    height: 26px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -41px -41px;
}
.social-icons a.pinterest,
.footer .social-icons a.pinterest {
    background-size: 107px;
    width: 26px;
    height: 26px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -5px -41px;
}
.social-icons a.tumblr,
.footer .social-icons a.tumblr {
    background-size: 107px;
    width: 26px;
    height: 26px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -5px -5px;
}
.social-icons a.twitter,
.footer .social-icons a.twitter {
    background-size: 107px;
    width: 25px;
    height: 25px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -77px -5px;
}
.social-icons a.youtube,
.footer .social-icons a.youtube {
    background-size: 107px;
    width: 26px;
    height: 26px;
    background-image: url('../image/spriteIconsWithoutPrevAndNextButtons.png');
    background-position: -41px -5px;
}
 ul.footer-nav {
    list-style-type: none;
}
ul.footer-nav li {
    margin-bottom: 8px;
}
ul.footer-nav li a {
    font-size: 15px;
    color: #5A5A5A;
    text-decoration: none!important;
}
ul.footer-nav li a:after {
    content: ">";
    padding-left: 15px;
}
.footer-bottom p,
.footer-bottom a,
.footer-bottom {
    font-size: 13px;
}

@media(min-width:768px) and (max-width:991px) {
    .footer .add-border-right-sm {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
}

@media(min-width:992px) and (max-width:1339px) {
    .footer .add-border-right-md {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
}

@media(min-width:992px) {
    .footer .add-border-right {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
}
@media(max-width:767px) {
    .footer .add-border-bottom-xs {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
}

/***** Interhigh custom *****/
div.exam-results-table {
    border: 1px solid  #DEDFE0;
}
div.exam-results-table .col-xs-9 {
    padding-top: 10px;
}
div.exam-results-table .row:first-of-type .percentage,
div.exam-results-table .row:first-of-type .col-xs-9{
    padding-top: 40px;
}
div.exam-results-table .percentage {
    border-left: 1px solid  #DEDFE0;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.exam-results-table .row:last-of-type .percentage,
div.exam-results-table .row:last-of-type .col-xs-9{
    padding-bottom: 40px;
}


/***** CUSTOM TABLE *****/
div.custom-table {
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #DEDFE0;
}
div.custom-table div.border-right {
    border-right: 1px solid  #DEDFE0;
}
div.custom-table .grey {
    color: #9D9FA2!important;
}

/*************************************************************
OVERRIDES
*************************************************************/
.block-2_COLUMN_5.fees .image-area {

}

.block-2_COLUMN_5.staff .image-area > .set-to-tallest-child {
    background-repeat: no-repeat;
    background-position: center bottom!important;
    background-size: auto 100%!important;
}

body.page-id-1440 .block-2_COLUMN_5 .image-area {
    background-color: #fff;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-1438 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}






body.page-id-1072 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle::after{
    top: 50px;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-1072 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}



body.page-id-6281 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle::after{
    top: 50px;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-6281 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}



body.page-id-6259 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle::after{
    top: 50px;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-6259 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}




body.page-id-6580 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle::after{
    top: 50px;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-6580 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}



body.page-id-6549 .block-3.block-2_COLUMN_4 div.circle::after {
    top: 35px;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row h5 {
    margin-top:0;
    margin-bottom:0;
    color: #BCBEC0;
    font-style: italic;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row div.circle {
    border: 3px solid #DEDFE0;
    width: 35px;
    height: 35px;
    background: white;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle {
    border: 3px solid #5ACCA0;
    width: 50px;
    height:50px;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row:nth-child(3) div.circle::after{
    top: 50px;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle {
    border: 3px solid #593C97;
    width: 50px;
    height:50px;
}

body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row:first-of-type div.circle::after,
body.page-id-6549 .block-3.block-2_COLUMN_4 .timeline-row:last-of-type div.circle::after {
    top: 50px;
}



body.page-id-1440 .block-8.block-2_COLUMN_5 .bubble {
    font-size: 20px;
}
@media(min-width:992px) and (max-width:1339px) {
    body.page-id-1440 .block-8.block-2_COLUMN_5 .bubble {
        font-size: 13px;
    }
}

@media(max-width: 767px) {
    .block-2_COLUMN_5.staff .image-area > .set-to-tallest-child {
       min-height: 250px;
       background-size: auto 100%!important;
    }
}


/***** BANNER *****/
@media(min-width:992px) and (max-width: 1199px) {
    /*h1 {*/
    /*    font-size: 30px!important;*/
    /*}*/
}
@media(min-width:768px) and (max-width:991px) {
    .block-1.BANNER_1 .height-b h1 {
        font-size: 32px;
        margin-bottom: 0;
    }
}

.negative-margin-top-1 {
    margin-top: -10px;
}



/***** IFRAMES + Iframe heights*****/
.form-iframe {
    width: 100%;
    border: none;
}
body.page-id-1489 #iframe3,
body.page-id-1076 #iframe2,
#sixth-form #iframe2,
#juniors #iframe2,
#gcse #iframe2{
    min-height: 1110px;
}
body.page-id-1491 #iframe3, #sixth-form #iframe3, #juniors #iframe3, #gcse #iframe3{
    min-height: 6430px;
}

body.page-id-6550 #iframe3{
    min-height: 1110px !important;
}

body.page-id-1491 #iframe3{
    min-height: 5160px;
}

body.page-id-6554 #iframe3{
    min-height: 5110px !important;
}


@media(min-width:1340px) and (max-width:1599px) {
    body.page-id-1491 #iframe3, #sixth-form #iframe3, #juniors #iframe3, #gcse #iframe3 {
        min-height: 6350px;
    }
}

@media(min-width:992px) and (max-width: 1339px) {
    body.page-id-1489 #iframe4,
    body.page-id-1076 #iframe2,
    #sixth-form #iframe2,
    #juniors #iframe2, #gcse #iframe2{
        min-height: 1200px;
    }
    body.page-id-1491 #iframe3, #sixth-form #iframe3, #juniors #iframe3, #gcse #iframe3 {
        min-height: 6450px;
    }

    body.page-id-6554 #iframe3{
        min-height: 6330px !important;
    }

    body.page-id-6550 #iframe3{
        min-height: 1275px !important;
    }

    body.page-id-1491 #iframe3{
        min-height: 6405px;
    }

}

@media(min-width:768px) and (max-width:991px) {
    body.page-id-1489 #iframe4,
    body.page-id-1076 #iframe2,
    #sixth-form #iframe2,
    #juniors #iframe2,
    #gcse #iframe2,
    #gcse #iframe4{
        min-height: 1280px;
    }
    body.page-id-1491 #iframe3, #sixth-form #iframe3, #juniors #iframe3, #gcse #iframe3 {
        min-height: 5320px;
    }

    body.page-id-1491 #iframe3{
        min-height: 6335px;
    }

    body.page-id-6550 #iframe3{
        min-height: 1265px !important;
    }

    body.page-id-6554 #iframe3{
        min-height: 6250px !important;
    }

    body.page-id-1489 #iframe3{
        min-height: 1265px !important;
    }
}

@media (max-width:767px) {
    body.page-id-1489 #iframe4,
    body.page-id-1076 #iframe2,
    #sixth-form #iframe2,
    #juniors #iframe2,
    #gcse #iframe2,
    #gcse #iframe4{
        min-height: 1260px;
    }
    body.page-id-1491 #iframe3, #sixth-form #iframe3, #juniors #iframe3, #gcse #iframe4 {
        min-height: 6340px;
    }

    body.page-id-1491 #iframe3{
        min-height: 7580px;
    }

    body.page-id-6550 #iframe3{
        min-height: 1370px !important;
    }

    body.page-id-6554 #iframe3{
        min-height: 7810px !important;
    }

    body.page-id-1489 #iframe3{
        min-height: 1370px !important;
    }
}

/*** FEES CALCULATOR ***/

.row.content-block.fees_calculator,
body.page-id-5185 .content-block.breadcrumbs{
    background: #F0F0F0!important;
}
#fees-calculator a.btn {
    min-width: 130px;
}
#fees-calculator hr {
    border-bottom: 1px solid #D1D3D4;
    margin-top: 40px;
    margin-bottom: 40px;
}
#fees-calculator a.btn.dark {
    background: #5A5A5A!important;
    color: #fff;
    border-radius: 0;
}
#fees-calculator a.btn.light {
    background: #fff!important;
    color: #646566!important;
    border: 1px solid #646566;
    border-radius: 0;
}
#fees-calculator .stages-divider {
    background-image: url('../image/calculator_divider_bg.png');
    background-repeat: repeat-y;
    background-position: left 68px top;
    height: 80px;
}

#fees-calculator .single-step.collapse div.step-number
/*#fees-calculator .single-step.collapse div.step-number span */ {
    display: none;
    position: absolute;
    left: 35px;
    top: -35px;
    width: 70px;
    height: 70px;
    background: #5ACCA0;
    border-radius: 50%;
    text-align: center;
    z-index: 999;
}
#fees-calculator #stage2 div.step-number,
#fees-calculator #stage3 div.step-number {
    top: 45px;
}

#fees-calculator .single-step.collapsing div.step-number,
#fees-calculator .single-step.collapsing div.step-number{
    display: none;
}

#fees-calculator .single-step.collapse.in div.step-number {
    display: block;
    color: #fff;
    font-family: "greycliff-light", sans-serif;;
    font-size: 30px;
    padding-top: 12px;
}
#fees-calculator .single-step.collapse.in div.step-number.light {
    background: #A2A6AA;
}
#fees-calculator .single-step.collapse.in div.step-number span {

}
p.fees-disclaimer {
    font-size: 13px;
    color: #999;
}
p.calculatedPrice {
    font-size: 28px;
    display: none;
    margin-bottom: 0;
    font-family: "greycliff-light", sans-serif;
    font-weight: 300;
}
#calculator-result .calculator-heading {
    color: #fff;
    font-family: "greycliff-light", sans-serif;
    font-weight: 300;
    font-size: 20px;
}
#calculator-result  span.calculator-subject:after {
    content: ", ";
}
#calculator-result  span.calculator-subject:last-of-type:after {
    content: "";
}
#calculator-result  span.calculator-subject {
    color: #8F9194;
    font-size: 17px;
}
div.payment-options-switcher {
    color: red;
}
div.payment-options-switcher span {
    font-size: 20px;
    font-family: "greycliff-light", sans-serif;
    font-weight: 300;
    color: #646566;
    margin-right: 40px;
}
div.payment-options-switcher span.label,
#fees-calculator span.label {
    color: #646566;
    font-family: "greycliff-light", sans-serif;
    font-size: 17px;
}
#fees-calculator span.lighter {
    color: #8F9194;
}
#fees-calculator p.additionalSubjectSelect {
    display: inline-block;
    margin-right: 30px;
    font-size: 17px;
}
#fees-calculator p.additionalSubjectSelect input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.fees-disclaimer strong {
    color:#151515;
}
p.display-inline-block {
    display: inline-block;
}
p.mandatorySubjectsOverview {
    display: none;
}
span.additionalSubjectListItem {
    font-weight: bold;
}
span.additionalSubjectListItem:after {
    content: ", ";
}
span.additionalSubjectListItem:last-of-type:after {
    content: "";
}
span.mandatorySubjectName {
    padding-left: 30px;
    padding-right: 30px;
    line-height: 35px;
    background-image: url('../image/mandatory_subject.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 18px 20px;
    font-size: 17px;
    white-space: nowrap;
}

p.calculatedPrice.visible {
    display: block;
}
p.calculatedPrice span.priceDesc {
    font-size: 20px;
}

.calculator-results-container {
    background-color: #E6E6E5;
    /* background-image: url('../images/calculator_bg.png'); */
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
#calculator-result .calc-border-bottom {
    border-bottom: 1px solid #D1D3D4;
}
#calculator-result .calc-border-right {
    border-right: 1px solid #D1D3D4;
}
#calculator-result .finalprice {
    background: #593C97;
    color: #fff;
}
#calculator-result .finalprice p {
    color: #fff;
}

@media(max-width:767px) {
    #fees-calculator hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .payment-options-switcher label {
        display: block;
        margin-top: 10px;
    }
}

/***** SEPARATOR *****/
.brand-color-1 hr {
    border-bottom: 1px solid #A2A6AA;
}

/***** DYNAMIC CTA *****/
.dynamic-cta .content-area {
    /* background-image: url('../images/dynamic_cta_bg.png'); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60%;
}
.dynamic-cta .content-area.middle {
    /* background-image: url('../images/dynamic_cta_bg_middle.png'); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60%;
}
.dynamic-cta .brand-color-1 a.read-more-button {
    border: none!important;
    background: #9EA0A2!important;
    color: #fff!important;
}

body.page-id-5631 .add-bg-graphic {
    /* background-image: url('../images/home_educators_bg.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
}

.block-3_COLUMN_2.brand-color-3.three-cta a.read-more-button {
    background: #9EA0A2!important;
    color: #fff!important;
    border: 1px solid #9EA0A2!important;
}
.block-3_COLUMN_2.brand-color-3.three-cta .set-to-tallest {
    /* background-image: url('../images/column_three_bg.png'); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.block-3_COLUMN_2.brand-color-3.three-cta .hidden-sm {
	display:block!important;
}

/***************************
SIXTH FORM
************************/

#sixth-form #menu-top-menu {
    background:#191919;
}

#juniors .banner-content-bg {
    /* background-image: url('../images/juniors%20_banner.png'); */
}

#sixth-form .banner-content-bg {
    /* background-image: url('../images/sixth_form_banner.png'); */
}

#juniors #menu-top-menu {
    background:#fcb316;
}

.brand-color-7 {
    background:#3AA686;
    /* background-image: url(../images/form_content_block_bg.png); */
}
.brand-color-8, #juniors .brand-color-1 .brand-color-4 {
    background:#C77029;
    /* background-image: url(../images/form_content_block_bg.png); */
}
.brand-color-9 {
    background:#6E1F5D;
   /* background-image: url(../images/form_content_block_bg.png); */
}

.brand-color-7 p, .brand-color-8 p, .brand-color-9 p, .brand-color-7 h1, .brand-color-8 h1, .brand-color-9 h1, .brand-color-7 h2, .brand-color-8 h2, .brand-color-9 h2, .brand-color-7 h3, .brand-color-8 h3, .brand-color-9 h3, .brand-color-7 h4, .brand-color-8 h4, .brand-color-9 h4, .brand-color-7 h5, .brand-color-8 h5, .brand-color-9 h5 {
    color:#ffffff !important;
}

#sixth-form .brand-color-1 .brand-color-4 {

    background:#C69C3B;
    /* background-image: url(../images/form_content_block_bg.png); */
}

#sixth-form .enquire-block {
    background:#C69C3B;
}

#sixth-form .register-block {
    background:#191919;
}

#sixth-form .brand-color-1 .brand-color-3 {

    background:#191919;
    /* background-image: url(../images/form_content_block_bg.png); */
}

#sixth-form #fees-calculator .single-step.collapse div.step-number {
    background:#C69C3B;
}

#sixth-form input[type="submit"] {
    background:#191919;
}

.brand-color-9 a.read-more-button  {
    background:#3AA686;
    color:#fff;
}

#juniors #fees-calculator .single-step.collapse div.step-number {
    background:#C77029;
}

.page-id-1463 .block-5.brand-color-1 .brand-color-2 a.read-more-button {
    color: #ffffff;
    background-color:  rgb(62, 166, 134);
    border: 1px solid rgb(62, 166, 134);
}

@media(min-width:768px) {
    .two-columns {
        column-count: 2;
        column-gap: 80px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .two-columns {
        column-gap: 40px;
    }
}

/***** posts specific Overrides *****/
body.postid-7732 .banner-content-area > .image-background {
	background-position: center center!important;
}

.custom-circular-badge {
    position: absolute;
    border-radius: 100% 100% 100% 0;
    padding: 30px;
    background-color: #8D63AA;
    color: white;
    height: 85px;
    width: 85px;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    right: 0px;
    top: 0px;
}

@media(max-width: 767px) {
    .term-table .blue_bg,
    .term-table .grey_bg {
        /*border-bottom: 1px solid rgb(202, 199, 199);*/
    }
    .term-table .grey_bg {
        /*border-right: 1px solid rgb(202, 199, 199);*/
    }
}
@media(min-width: 768px) {
    .term-table .grey_bg {
        /*border-right: 1px solid rgb(202, 199, 199);*/
    }
}
@media(max-width: 767px) {
    #footerArea {
        padding-top: 20px;
    }
}

img.affiliatedLogo {
    margin-left: 10px;
    margin-right: 10px;
}


.open-evening-interhigh-survey span.wpcf7-list-item-label {
    color: #333;
    margin-left: 5px;
}


/*** New Navigation Top Bar ***/

.inline {
    display: inline-block;
}

.oe-sec-0 p {
    font-family: "greycliff-bold", sans-serif;
}

.oe-sec-0 .oe-sec-3 {
    display: none;
}

.oe-sec-0 p.book-now {
    padding: 2px 10px;
    margin-left: 15px;
    background-color: white;
    border-radius: 3px;
    color: #785ca5;
    font-family: "greycliff-heavy", sans-serif;
}

.oe-sec-0 .oe-sec-2 p.book-now{
    background-color: #5acca0;
    color: white;
}

.oe-sec-0 .oe-sec-2 p {
    color: #5acca0;
}

.oe-sec-0 .oe-link {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 1 !important;
}

.oe-sec-0 {
    position: relative;
    height: 43px;
    width: 100%;
}

.oe-sec-1,
.oe-sec-2 {
    position: absolute;
    width: 100%;
    transition: ease all 0.5s;
    text-align: center;
}

.oe-sec-2{
    opacity: 0;
    z-index: -1;
}

.oe-sec-0:hover .oe-sec-1 {
    opacity: 0;
    z-index: -1;
}

.oe-sec-0:hover .oe-sec-2{
    opacity: 1;
    z-index: 300;
}

.taster-session-nav-section {
    background-color: #5acca0;
    text-align: center;
}

.taster-session-nav-section p {
    color: white;
    font-family: "greycliff-bold", sans-serif;
    margin-top: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
    transition: ease all 0.2s;
}

.taster-session-nav-section p:hover {
    color: #785ca5;
}

@media (min-width: 768px) {
    ul#menu-top-grey-menu > li > a:after {
        display: none;
    }

    ul#menu-top-grey-menu>li>a:after, ul#menu-top-green-menu>li>a:after {
        display: none;
    }

}

.top-green-menu,
ul#menu-top-green-menu,
ul#menu-top-green-menu>li>a,
ul#menu-top-green-menu>li>a:hover,
ul#menu-top-green-menu>li>a:focus,
ul#menu-interhigh-home-menu,
ul#menu-interhigh-home-menu li ul,
ul#menu-interhigh-home-menu li a,
ul#menu-interhigh-home-menu li a:hover,
ul#menu-interhigh-home-menu li a:focus {
    background-color: #555;
}

.oe-sec-0 .book-now {
    box-shadow: 1px 2px 2px 0px rgba(0,0,0,.15)
}

@media (max-width: 991px) {

    .oe-sec-0 {
        height: unset;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .oe-sec-0:hover .oe-sec-1 {
        opacity: 1;
        z-index: 3000;
    }

    .oe-sec-0 .oe-link,
    .oe-sec-0 .oe-sec-1 {
        position: relative;
    }

    .oe-sec-0 .oe-sec-2 {
        opacity: 1;
        position: relative;
        z-index: 3000;
    }

    .oe-sec-0 .oe-sec-1,
    .oe-sec-0 .oe-sec-2 {
        height: unset;
    }

    .inline.book-now {
        display: none;
    }

    .top-purple-section p {
        margin: 0;
        padding: 0;
    }

    .taster-session-nav-section {
        width: 100%;
    }

    .taster-session-nav-section p {
        padding-bottom: 12px;
    }

    .oe-sec-0 .oe-sec-3 {
        display: block;
        margin-top: 7px;
    }

    .oe-sec-0 .oe-sec-3 .book-now {
        margin-left: 0;
        display: inline;
    }
}

/** more nav updates **/


.oe-sec-0:hover .oe-sec-1 {
    opacity: 1;
    z-index: 3000;
}

.g-o-h,
.oe-sec-1 .book-now {
    transition: ease all 0.2s;
}

.oe-sec-0:hover .oe-sec-1 .g-o-h {
    color: #5acca0;
}

.oe-sec-0:hover .oe-sec-1 .book-now {
    background-color: #5acca0;
    color: white;
}

.oe-sec-0 .oe-sec-2 p.book-now{
    background-color: #5acca0;
    color: white;
}

.oe-sec-0 .oe-sec-2 p {
    color: #5acca0;
}

.oe-sec-2,
.oe-sec-0:hover .oe-sec-2{
    display: none;
}

ul#menu-top-grey-menu li a, ul#menu-top-green-menu li a {
    font-family: "greycliff-regular", sans-serif;
    font-size: 14px;
}

@media (min-width: 1340px) and (max-width: 1440px){
    .header-top p {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    ul#menu-top-grey-menu,
    ul#menu-top-green-menu{
        margin-left: -20px;
    }
}

@media (max-width: 991px) {
    .oe-sec-2 {
        display: none;
    }

    .oe-sec-0 .oe-sec-3 {
        display: none;
    }

    .oe-sec-1 .inline.book-now {
        display: inline;
    }

}

@media (max-width: 767px) {
    .mobile-oe-date {
        display: block;
        color: #63e4b2;
    }

    .oe-sec-1 .inline.book-now {
        display: none;
    }

    .oe-sec-0 .oe-sec-3 {
        display: block;
    }
}

@media(max-width: 575px) {
    .header-top p {
        font-size: 12px;
    }
}

/*** IH Assured Subject City & Guilds ***/

.assured-subject-city-and-guilds {
    height: 100%;
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../image/city_guilds_overlay.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
}


/**** Pop Up Modals ***/

.popup_modal_container {
    position: fixed;
    z-index: 500000;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}

.popup_modal_container .popup_bkg {
    background-color: rgba(0,0,0,0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.popup_modal_container .popup_flex {
    height: 100%;
    width: 1800px;
    max-width: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup_modal_container .popup_flex .popup_modal {
    border-radius: var(--global-border-radius-small);
    background-color: white;
    padding: 50px;
    width: 535px;
    height: 330px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    text-align: center;
}

.popup_modal_container .popup_flex .popup_modal:nth-of-type(2),
.popup_modal_container .popup_flex .popup_modal:nth-of-type(3) {
    margin-left: 50px;
}

.popup_modal_container .popup_flex .popup_modal h3.alt {
    margin-bottom: 10px;
}

.popup_modal_container .popup_flex .popup_modal p {
    font-weight: 600;
}

.popup_modal_container .popup_flex .popup_modal a {
    cursor: pointer;
    color: white !important;
    background-color: #397CCF;
    border-color: #397CCF;
}

.popup_modal_container .popup_flex .popup_modal a:hover {
    color: var(--white) !important;
    background-color: #397CCF;
    border-color: #397CCF;
}

@media(max-width: 1199.98px) {
    .popup_modal_container .popup_flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

        justify-content: flex-start;
        overflow: scroll;
    }

    .popup_modal_container .popup_flex .popup_modal:nth-of-type(1){
        margin-top: 60px;
    }

    .popup_modal_container .popup_flex .popup_modal:last-of-type {
        margin-bottom: 30px;
    }

    .popup_modal_container .popup_flex .popup_modal:nth-of-type(2),
    .popup_modal_container .popup_flex .popup_modal:nth-of-type(3) {
        margin-left: 0;
        margin-top: 40px;
    }
}

@media(max-width: 767.98px) {
    .popup_modal_container .popup_flex .popup_modal {
        height: unset;
        width: 80%;
    }
}

@media(max-width: 575px) {
    .popup_modal_container .popup_flex .popup_modal {
        width: calc(100% - 40px);
    }

    .popup_modal_container .popup_flex .popup_modal:nth-of-type(2),
    .popup_modal_container .popup_flex .popup_modal:nth-of-type(3) {
        margin-top: 20px;
    }
}



/*** edits ***/
#three_column_alumni .text-left.set-to-tallest {
    padding-top: 20px;
}

@media (min-width: 991px){
    .custom-carousel .carousel-image, .custom-carousel .carousel-container, .custom-carousel .inner-flex {
        min-height: 535px;
    }
}

.grey-bullet-points ul li::marker {
    font-size: 12px;
    color: #808080;
}

#wpcf7-f12966-o1 select,
#wpcf7-f12966-o1 input::placeholder {
    color: #808080 !important;
}


/*** About Page Updates ***/

.link_slider_sub_navigation {
    background-color: #f4f4f4;
    padding-top: 20px;
    padding-bottom: 20px;
}

.link_slider_sub_navigation .slider-container {
    width: 1600px;
    max-width: calc(100% - 165px);
    margin: 0 auto;
}

.link_slider_sub_navigation #link_slider  a,
.link_slider_sub_navigation #link_slider  a > div {
    text-align: center;
}

.link_slider_sub_navigation #link_slider  a {
    /*padding-right: 5px;
    padding-left: 5px;*/
    outline: none;
}

.link_slider_sub_navigation #link_slider a > div {
    background-color: #FFFFFF;
    padding: 0 20px;
    border-radius: 10px;
    font-family: "greycliff-bold", sans-serif;
    font-size: 20px;
    color: #323232;
    max-height: 95px;
    height: 95px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: ease all 0.2s;
    outline: none;
}

.labelText {
    color: white;
}


.link_slider_sub_navigation #link_slider .slick-prev.slick-arrow,
.link_slider_sub_navigation #link_slider .slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    font-size: 0;
    overflow: hidden;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;

}


.link_slider_sub_navigation #link_slider .slick-prev.slick-arrow {
    left: -4%;
    background-image: url('../image/back-arrow.svg');
}

.link_slider_sub_navigation #link_slider .slick-next.slick-arrow {
    right: -4%;
    background-image: url('../image/next-arrow.svg');
}


.link_slider_sub_navigation #link_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.link_slider_sub_navigation #link_slider a:hover > div {
    background-color: #7750C9;
    color: #FFFFFF;
}

@media(max-width: 991.98px) {
    .link_slider_sub_navigation #link_slider .slick-prev.slick-arrow {
        left: -6%;
    }

    .link_slider_sub_navigation #link_slider .slick-next.slick-arrow {
        right: -6%;
    }
}


@media(max-width: 767.98px) {
    .link_slider_sub_navigation .slider-container {
        max-width: calc(100% - 110px);
    }

    .link_slider_sub_navigation #link_slider a > div {
        font-size: 17px;
        max-height: 80px;
        height: 80px;
    }

    .link_slider_sub_navigation #link_slider .slick-prev.slick-arrow,
    .link_slider_sub_navigation #link_slider .slick-next.slick-arrow {
        height: 15px;
        width: 15px;
    }
}


@media(max-width: 575.98px) {
    .link_slider_sub_navigation .slider-container {
        max-width: calc(100% - 65px);
    }
}


/*** New Banner Design ***/


.BANNER_1.new-banner-design  .labelText {
    font-family: "greycliff-bold", sans-serif;
    text-transform: capitalize;
    font-size: 18px;
    color: #A378FF !important;
}


.BANNER_1.new-banner-design .height-a .banner-text-holder {
    background-image: none;
}

.BANNER_1 .BANNER.height-a .imageSlider {
    min-height: unset !important;
    height: unset !important;
}


.BANNER_1.whiteTriangle .foreground-image-holder {
    background-image: url('../image/whiteTriangleBanner.png') !important;
    transform: translate(-1px, 0px);
}



@media(min-width: 767.98px) {
    .BANNER_1.new-banner-design h1 {
        font-size: 45px !important;
    }
}

@media(min-width: 1199.98px) {
    .BANNER_1.new-banner-design h1 {
        font-size: 55px !important;
    }
}

@media(max-width: 767.98px) {
    .BANNER_1.new-banner-design .background-image-holder {
        height: 315px;
    }
}


.ewd-ufaq-faq-display-style-block.ewd-ufaq-post-active,
.ewd-ufaq-faq-display-style-block.ewd-ufaq-post-active a,
.ewd-ufaq-faq-display-style-block:hover,
.ewd-ufaq-faq-display-style-block:hover a,
.ewd-ufaq-faq-display-style-block:hover h1,
.ewd-ufaq-faq-display-style-block:hover h2,
.ewd-ufaq-faq-display-style-block:hover h3,
.ewd-ufaq-faq-display-style-block:hover h4,
.ewd-ufaq-faq-display-style-block:hover h5,
.ewd-ufaq-faq-display-style-block:hover h6 {
    color: inherit!important;
}



/*** Contact Us Page Update ***/

.new-site-design p {
    /*font-family: "greycliff-bold", sans-serif;*/
}

.new-site-design .brand-color-2 p {
    color: #787878;
}

.border-radius-5 {
    border-radius: 5px;
}

.contact-page-form .image-block {
    padding-top: 75%;
    background-color: #F1F1F1;
    background-size: auto 105%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: ease all 0.4s;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contact-page-form .image-block:hover {
    background-size: auto 100%;
}

.contact-page-form .image-block::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.524338153230042) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.524338153230042) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.524338153230042) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.contact-page-form .image-block h3,
.contact-page-form .image-block p {
    color: #FFFFFF;
    z-index: 2;
}

.contact-page-form .image-block h3 {
    margin-bottom: 15px;
}

.contact-page-form .image-block p {
    margin-bottom: 0;
}

.contact-page-form .link-block a > h4 {
    margin-bottom: 10px;
}

.contact-page-form .link-block a > h4:hover {
    text-decoration: underline !important;
}

.contact-page-form .repeater-buttons button {
    width: calc(50% - 10px);
    background-color: #D0D0D0;
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "greycliff-bold", sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: ease all 0.2s;
}

.contact-page-form .repeater-buttons button#active {
    background-color: #593C97;
}

.contact-page-form .repeater-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact-page-form .repeater-buttons-border {
    height: 5px;
    width: 100%;
    background-color: #593C97;
    z-index: 30000;
}

.contact-page-form .social-icons a {
    height: 40px;
    width: 40px;
    background-color: #b4b4b4;
    border-radius: 5px;
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
    transition: ease all 0.2s;
}

.contact-page-form .social-icons a:hover {
    background-color: #9e9e9e;
}

.contact-page-form .social-icons a.facebook {
    background-image: url('../image/facebook.svg');
}

.contact-page-form .social-icons a.twitter {
    background-image: url('../image/twitter.svg');
}

.contact-page-form .social-icons a.instagram {
    background-image: url('../image/instagram.svg');
}

.contact-page-form .social-icons a.youtube {
    background-image: url('../image/youtube.svg');
}

@media(max-width: 767.98px) {
    .contact-page-form .image-block {
        padding-top: 45%;
        background-size: cover;
    }

    .contact-page-form .repeater-buttons button {
        font-size: 17px;
    }
}

.new-banner-design .height-b .banner-text-holder {
    background-image: none;
}