<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: St. Joseph's Catholic Academy
Theme URI: 
Author: Craig Stott @ Urban River
Author URI: http://www.urbanriver.com/
Description: This theme was built for St. Joseph's Catholic Academy @ Urban River
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Bespoke, 
Text Domain: 
*/

/************************************************************************************************************************
 * CSS RESET STYLES
 ************************************************************************************************************************/
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

address, caption, cite, code, dfn, em, strong, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: normal;
    font-style: normal;
}

acronym, abbr, fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/************************************************************************************************************************
 * FIFTY FIFTY STYLES
 ************************************************************************************************************************/
.fifty-fifty-image {
    width: 50%;
    float: left;
    background-size: cover;
    background-position: center center;
}

.fifty-fifty-text {
    width: 50%;
    float: left;
}

.fifty-fifty-left .fifty-fifty-text .half-row {
    float: right;
}

.fifty-fifty-text .half-row {
    width: 540px;
    padding: 0 15px;
    max-width: 100%;
    min-width: 0;
}

.fifty-fifty-left .fifty-fifty-text .half-row .message-padding {
    padding: 100px 16% 100px 0;
}

.fifty-fifty-right .fifty-fifty-text .half-row .message-padding {
    padding: 100px 0 100px 16%;
}

.fifty-fifty-text .half-row .message-padding p {
    font-size: 1.1em;
    line-height: 1.5;
}

.fifty-fifty-text .half-row .message-padding p:last-child {
    margin-bottom: 0;
}

.fifty-fifty-text .half-row .message-padding li {
    font-size: 1.1em;
    line-height: 1.5;
    margin-bottom: 5px;
}

.fifty-fifty-text .half-row .message-padding ul:last-child, .fifty-fifty-text .half-row .message-padding ol:last-child, .fifty-fifty-text .half-row .message-padding li:last-child {
    margin-bottom: 0;
}

.fifty-fifty-image .fifty-fifty-title-wrap {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(81, 73, 61, 0.55);
}

.fifty-fifty-image .fifty-fifty-title {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1em;
}

.fifty-fifty-image .fifty-fifty-title h3 {
    color: white;
    font-size: 2.5em;
}

@media only screen and (max-width: 767px) {
    .fifty-fifty-image, .fifty-fifty-text, .fifty-fifty-left .fifty-fifty-text .half-row {
        width: 100%;
    }

    .fifty-fifty-left .fifty-fifty-text .half-row .message-padding {
        padding: 30px 0;
    }

    .fifty-fifty-image .fifty-fifty-title-wrap {
        min-height: 300px;
    }
}

/************************************************************************************************************************
 * GRID STYLES
 ************************************************************************************************************************/
/* Change these styles.  */
.row {
    width: 1080px;
}

/* With 15px for the gutter, this makes the width 1050px */
.row .row {
    margin: 0 -15px;
}

.column, .columns {
    padding: 0 15px;
}

.sidebar.columns, .sidebar.column {
    padding-left: 50px;
}

.sidebar.columns.pull-eight, .sidebar.column.pull-eight {
    padding: 0 50px 0 15px;
}

@media only screen and (max-width: 767px) {
    .row .mobile-one, .row .mobile-two, .row .mobile-three, .row .mobile-four, .sidebar.columns, .sidebar.column, .sidebar.columns.pull-eight, .sidebar.column.pull-eight {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 600px) {
    .row .mobile-one.break-600, .row .mobile-two.break-600, .row .mobile-three.break-600, .row .mobile-four.break-600 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 500px) {
    .row .mobile-one.break-500, .row .mobile-two.break-500, .row .mobile-three.break-500, .row .mobile-four.break-500 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 450px) {
    .row .mobile-one.break-450, .row .mobile-two.break-450, .row .mobile-three.break-450, .row .mobile-four.break-450 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 400px) {
    .row .mobile-one.break-400, .row .mobile-two.break-400, .row .mobile-three.break-400, .row .mobile-four.break-400 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 350px) {
    .row .mobile-one.break-350, .row .mobile-two.break-350, .row .mobile-three.break-350, .row .mobile-four.break-350 {
        width: auto !important;
        float: none !important;
    }
}

/* Don't change these styles */
.row {
    max-width: 100%;
    min-width: 0;
    margin: 0 auto
}

.row.collapse .column, .row.collapse .columns {
    padding: 0
}

.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
}

.row .row.collapse {
    margin: 0
}

.column, .columns {
    float: left;
    min-height: 1px;
    position: relative
}

.column.centered, .columns.centered {
    float: none;
    margin: 0 auto
}

[class*=column] + [class*=column]:last-child {
    float: right
}

[class*=column] + [class*=column].end {
    float: left
}

.one, .row .one {
    width: 8.33333%
}

.row .two, .two {
    width: 16.66667%
}

.row .three, .three {
    width: 25%
}

.four, .row .four {
    width: 33.33333%
}

.five, .row .five {
    width: 41.66667%
}

.row .six, .six {
    width: 50%
}

.row .seven, .seven {
    width: 58.33333%
}

.eight, .row .eight {
    width: 66.66667%
}

.nine, .row .nine {
    width: 75%
}

.row .ten, .ten {
    width: 83.33333%
}

.eleven, .row .eleven {
    width: 91.66667%
}

.row .twelve, .twelve {
    width: 100%
}

.row .offset-by-one {
    margin-left: 8.33333%
}

.row .offset-by-two {
    margin-left: 16.66667%
}

.row .offset-by-three {
    margin-left: 25%
}

.row .offset-by-four {
    margin-left: 33.33333%
}

.row .offset-by-five {
    margin-left: 41.66667%
}

.row .offset-by-six {
    margin-left: 50%
}

.row .offset-by-seven {
    margin-left: 58.33333%
}

.row .offset-by-eight {
    margin-left: 66.66667%
}

.row .offset-by-nine {
    margin-left: 75%
}

.row .offset-by-ten {
    margin-left: 83.33333%
}

.push-two {
    left: 16.66667%
}

.pull-two {
    right: 16.66667%
}

.push-three {
    left: 25%
}

.pull-three {
    right: 25%
}

.push-four {
    left: 33.33333%
}

.pull-four {
    right: 33.33333%
}

.push-five {
    left: 41.66667%
}

.pull-five {
    right: 41.66667%
}

.push-six {
    left: 50%
}

.pull-six {
    right: 50%
}

.push-seven {
    left: 58.33333%
}

.pull-seven {
    right: 58.33333%
}

.push-eight {
    left: 66.66667%
}

.pull-eight {
    right: 66.66667%
}

.push-nine {
    left: 75%
}

.pull-nine {
    right: 75%
}

.push-ten {
    left: 83.33333%
}

.pull-ten {
    right: 83.33333%
}

.row:after, .row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

@media only screen and (max-width: 767px) {
    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }

    .column, .columns {
        width: auto !important;
        float: none
    }

    .column:last-child, .columns:last-child, [class*=column] + [class*=column].end, [class*=column] + [class*=column]:last-child {
        float: none
    }

    .column:after, .column:before, .columns:after, .columns:before {
        content: "";
        display: table
    }

    .column:after, .columns:after {
        clear: both
    }

    .offset-by-eight, .offset-by-five, .offset-by-four, .offset-by-nine, .offset-by-one, .offset-by-seven, .offset-by-six, .offset-by-ten, .offset-by-three, .offset-by-two {
        margin-left: 0 !important
    }

    .push-eight, .push-five, .push-four, .push-nine, .push-seven, .push-six, .push-ten, .push-three, .push-two {
        left: auto
    }

    .pull-eight, .pull-five, .pull-four, .pull-nine, .pull-seven, .pull-six, .pull-ten, .pull-three, .pull-two {
        right: auto
    }

    .row .mobile-one {
        width: 25% !important;
        float: left
    }

    .row .mobile-one:last-child {
        float: right
    }

    .row .mobile-one.end {
        float: left
    }

    .row.collapse .mobile-one {
        padding: 0
    }

    .row .mobile-two {
        width: 50% !important;
        float: left
    }

    .row .mobile-two:last-child {
        float: right
    }

    .row .mobile-two.end {
        float: left
    }

    .row.collapse .mobile-two {
        padding: 0
    }

    .row .mobile-three {
        width: 75% !important;
        float: left
    }

    .row .mobile-three:last-child {
        float: right
    }

    .row .mobile-three.end {
        float: left
    }

    .row.collapse .mobile-three {
        padding: 0
    }

    .row .mobile-four {
        width: 100% !important;
        float: left
    }

    .row .mobile-four:last-child {
        float: right
    }

    .row .mobile-four.end {
        float: left
    }

    .row.collapse .mobile-four {
        padding: 0
    }

    .push-one-mobile {
        left: 25%
    }

    .pull-one-mobile {
        right: 25%
    }

    .push-two-mobile {
        left: 50%
    }

    .pull-two-mobile {
        right: 50%
    }

    .push-three-mobile {
        left: 75%
    }
}

/************************************************************************************************************************
 * GENERAL STYLES
 ************************************************************************************************************************/
body {
    font-family: 'Open Sans', sans-serif;
    color: #3b3b3b;
    font-size: 1em;
    background: #ffffff;
}

h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: #0f4186;
    margin-bottom: 20px;
}

h2 {
    font-size: 1.75em;
    color: #0f4186;
    font-weight: 600;
    margin-bottom: 0.4em;
}

h3 {
    font-size: 1.5em;
    color: #0f4186;
    font-weight: 600;
    margin-bottom: 0.4em;
}

h4 {
    font-size: 1.25em;
    color: #0f4186;
    font-weight: 600;
    margin-bottom: 0.3em;
}

h5 {
    font-size: 1.125em;
    color: #0f4186;
    font-weight: 600;
    margin-bottom: 0.4em;
}

h6 {
    font-size: 1em;
    color: #0f4186;
    font-weight: 600;
    margin-bottom: 0.4em;
}

p {
    margin-bottom: 1.2em;
    line-height: 1.2em;
}

img {
    max-width: 100%;
    height: auto;
}

img.alignright {
    width: auto;
    max-width: 50%;
    float: right;
    margin: 0.3em 0 0.3em 1em;
}

img.alignleft {
    width: auto;
    max-width: 50%;
    float: left;
    margin: 0.3em 1em 0.3em 0;
}

img.aligncenter {
    display: block;
    width: auto;
    margin: 1em auto;
}

img.alignnone {
    display: block;
    margin: 0.3em 1em 0.3em 0;
}

.wp-caption {
    position: relative;
}

.wp-caption.aligncenter {
    margin: 0 auto;
}

.wp-caption img {
    display: block;
    margin: 0;
    width: 100%;
}

.wp-caption p {
    margin-bottom: 0;
    font-size: 1em !important;
}

.wp-caption .wp-caption-text {
    width: 100%;
    background: rgba(234,40,58, 0.7);
    margin: 0;
    padding: 7px 10px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* This breakpoint needs to be half of the row width (default 1080px -&gt; 540px) */
@media all and (max-width: 540px) {
    img.alignright, img.alignleft {
        max-width: 100%;
        float: none;
        margin: 0.3em 0;
    }
}

.row.centre-row {
    text-align: center;
    font-size: 0;
}

.row.centre-row &gt; .columns, .row.centre-row &gt; .column {
    font-size: 16px;
    display: inline-block;
    float: none !important;
    vertical-align: top;
}

.bold, strong, strong em {
    font-weight: bold;
}

.italics, em, em strong {
    font-style: italic;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a img {
    display: block;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 22px 0 21px;
    height: 0;
}

body, body.sticky-header, #site-header, #company-logo img, .header-large-text, a, .transition, input, .post-item, .featured, form .search-button {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

#breadcrumb p, #content #breadcrumb p {
    font-size: 0.938em;
    line-height: 1.5;
}

#breadcrumb p a {
    color: #b1b1b1;
}

#breadcrumb p, #breadcrumb p a:hover, #breadcrumb p span.current {
    color: #0f4186;
}

#breadcrumb i {
    font-weight: bold;
    padding: 0 5px;
}

@media all and (max-width: 600px) {
    #breadcrumb p {
        font-size: 0.813em;
    }
}

.panel {
    margin-bottom: 30px;
    padding: 1.563em 1.563em 1px;
}

ul, ol, dl {
    line-height: 1.6;
    margin-bottom: 1.3em;
    list-style-position: outside;
}

ul {
    margin-left: 1.3em;
    list-style-type: disc;
}

ol {
    margin-left: 1.7em;
    list-style-type: decimal;
}

ul li ul, ul li ol, ol li ul, ol li ol {
    margin-bottom: 0;
}

ul li ul {
    list-style: inherit;
}

blockquote { padding: 20px; background: #f1f1f1; margin-bottom: 25px; }
blockquote p { font-style: italic; color: #313131; }
blockquote p:last-child { margin-bottom: 0; }

#content .navigation ol {
    font-size: 1.125em;
    padding-top: 40px;
    margin: 40px 0 0;
    border-top: 3px solid #f7f7f7;
}

.navigation ol.tw-pagination {
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}

.navigation ol.tw-pagination li {
    list-style-type: none;
    line-height: 2.1;
}

.navigation ol.tw-pagination li a {
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
    padding: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #f1f1f1;
    margin-bottom: 10px;
    line-height: 35px;
    border-radius: 35px;
    border: none;
    color: #3a3a3a;
}

.navigation ol.tw-pagination li a:hover {
    background-color: #fec257;
    color: #3a3a3a;
}

.navigation ol.tw-pagination li .current {
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
    padding: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 35px;
    border-radius: 35px;
    border: none;
    background-color: #fec257;
    color: #3a3a3a;
}

.navigation ol.tw-pagination li .title {
    display: none;
}

.navigation ol.tw-pagination li:last-child a {
    margin-right: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.acf-map {
    height: 400px;
    width: 100%;
}

.acf-map img {
    max-width: none;
}

.acf-map h1 {
    max-width: 215px;
    padding-top: 5px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #0f4186;
    line-height: 1.3;
    margin-bottom: 10px;
}

.acf-map p {
    max-width: 215px;
    padding-top: 5px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #3b3b3b;
}

.acf-map .gm-style .gm-style-iw {
    padding-bottom: 5px;
}

.acf-map a.get-directions {
    font-size: 1em !important;
    text-align: center;
    background-color: #ffffff;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    border-radius: 10px;
    color: #0f4186;
    border: 2px solid #fec257;
    display: inline-block;
    padding: 14px 10px 14px;
    text-transform: uppercase;
    width: 160px;
}

.acf-map a.get-directions:hover {
    color: #3a3a3a;
}

.mobile {
    display: none;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.hide {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.row.inner-page {
    padding-top: 40px;
    padding-bottom: 40px;
}

.inner-page h1 {
    margin-bottom: 10px;
    font-size: 2.250em;
}

.page-template-template-left-sidebar #content &gt; p:last-child, .page-template-template-right-sidebar #content &gt; p:last-child, #content &gt; p:last-child {
    margin-bottom: 0;
}

.email {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#content p {
    font-size: 1.125em;
    line-height: 1.5;
}

#content ul, #content ol {
    font-size: 1.125em;
    line-height: 1.5;
}
#content ul li ul {
    font-size: 1em;
}

#content .intro-text p {
    font-size: 1.375em;
    line-height: 1.35;
    color: #0f4186;
    margin-bottom: 20px;
}

#rgwp-cookie-policy {
    background: #3b3b3b;
}

#rgwp-cookie-policy p {
    font-size: 1em;
    line-height: 1.2;
}

#rgwp-cookie-policy #rgwp-cookie-policy-inner {
    padding: 10px 0;
}

#rgwp-cookie-content {
    margin-top: 16px;
}

#rgwp-cookie-policy a {
    color: #fec257;
    font-weight: 700;
}

#rgwp-cookie-policy a:hover {
    color: #e2b028;
}

#rgwp-cookie-button {
    text-align: right;
}

#rgwp-cookie-button a {
    padding: 15px 18px;
    text-align: right;
    line-height: 1;
    color: #3a3a3a;
    border: 2px solid white;
    background: #fec257;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    font-size: .875em;
}

#rgwp-cookie-button a:hover {
    color: #3a3a3a;
    background: #e2b028;
}

@media all and (max-width: 767px) {
    html {
        -webkit-text-size-adjust: none;
    }

    .mobile {
        display: block;
    }

    .non-mobile {
        display: none;
    }

    #rgwp-cookie-policy #rgwp-cookie-policy-inner {
        padding: 15px 0;
    }

    #rgwp-cookie-content {
        margin-top: 0;
    }

    #rgwp-cookie-button {
        text-align: left;
        margin-top: 20px;
    }
}

@media all and (max-width: 600px) {
    .row.inner-page {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .inner-page h1 {
        font-size: 2em;
    }

    #content .intro-text p {
        font-size: 1.25em;
    }
}

/************************************************************************************************************************
 * SITE WIDE COLOURS
 ************************************************************************************************************************/
::-moz-selection {
    color: #3b3b3b;
    background: #fec257;
}

::selection {
    color: #3b3b3b;
    background: #fec257;
}

#mobile-search, #mobile-navigation ul li a {
    border-color: #262262 !important;
}

form .search-button, #mobile-navigation ul li a, ol.tw-pagination li .current, ol.tw-pagination li a:hover, a {
    color: #0f4186;
}

a:hover {
    color: #03382a;
}

.scroll-table th, #content table th {
    background-color: #0f4186;
}

/************************************************************************************************************************
 * CONTACT STYLES
 ************************************************************************************************************************/
/* Main text */
#content .contact-text p, #content .contact-text li { font-size: 1.5em; color: #0f4186; }
#content .contact-header { font-size: 1.25em; font-weight: 600; margin-bottom: 6px; }
#content .contact-header i { font-size: 1.6em; margin-right: 10px; color: #fec257; }

@media all and (min-width: 768px) {
    #content .contact-text { padding-right: 45px; }
}

@media all and (min-width: 768px) and (max-width: 800px) {
    #content .contact-header { font-size: 1.2em; }
}

@media all and (max-width: 767px) {
    #content .contact-text { margin-bottom: 25px; }
}

@media all and (max-width: 600px) {
    #content .contact-text p, #content .contact-text li { font-size: 1.2em; }
    #content .contact-info { font-size: 1em; }
    #content .contact-header { font-size: 1.2em; }
    #content .contact-header i { font-size: 1.5em; }
}

@media all and (max-width: 400px) {
    #content .contact-header { font-size: 1.1em; }
    #content .contact-header i { font-size: 1.4em; margin-right: 5px; }
}

/* Contact form */
.page-template-template-contact #content .gform_wrapper { margin-top: 25px; position: relative; }
.page-template-template-contact #content .gfield.gf_left_half { width: 50%; padding: 0 16px 0 0; float: left; clear: left; }
.page-template-template-contact #content .gfield.gf_right_half { width: 50%; padding: 0 0 0 16px; float: left; clear: right; position: absolute; top: 0; right: 0; }
.page-template-template-contact #content .gfield textarea { height: 315px; }
.page-template-template-contact #content .gfield input[type="text"], .page-template-template-contact #content .gfield input[type="email"], .page-template-template-contact #content .gfield input[type="password"], .page-template-template-contact #content .gfield select, .page-template-template-contact #content .gfield textarea { padding: 7px 10px; min-height: 48px; }
.page-template-template-contact #content .gform_body:before, .page-template-template-contact #content .gform_body:after { content: ""; display: table; }
.page-template-template-contact #content .gform_body:after { clear: both; }
.page-template-template-contact #content .gform_footer { text-align: right; margin-top: 15px; }
.page-template-template-contact #content .gform_body { position: relative; }
select, .page-template-template-contact #content .gfield select { -webkit-appearance: none; background-image: url('images/dropdown-arrow.png'); background-repeat: no-repeat; background-position: right center; padding-right: 35px; cursor: pointer; }

.gfield select.date-dropdown, .gfield input[type="text"].small-card-number { width: 100px !important; }

@media all and (max-width: 600px) {
    .page-template-template-contact #content .gfield input[type="text"], #content .gfield input[type="email"], #content .gfield select, .gfield textarea { padding: 10px; }
    .page-template-template-contact #content .gfield.gf_left_half { width: 100%; padding: 0; float: none; }
    .page-template-template-contact #content .gfield.gf_right_half { width: 100%; padding: 0; float: none; position: relative; }
    .page-template-template-contact #content .gfield textarea { height: auto; }
}

/* Contact map */
.page-template-template-contact .inner-height .acf-map { height: 400px; }

/************************************************************************************************************************
 * HEADER STYLES
 ************************************************************************************************************************/
body {
    margin-top: 190px;
}

.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.fixed-header #site-header {
    height: 140px;
}

header#site-header {
    padding: 15px 0;
    background-color: white;
}

header#site-header .row {
    width: 1200px;
}

#company-logo {
    display: inline-block;
    width: 127px;
}

#sub-nav {
    text-align: right;
    margin-top: 53px;
}

#sub-nav ul {
    margin: 0;
    position: relative;
    font-size: 0;
    display: inline-block;
}

#sub-nav ul li {
    display: inline-block;
    list-style: none;
    border-left: 2px solid #bbbbbb;
    padding-left: 14px;
    margin-left: 14px;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 17px;
}

#sub-nav ul li a {
    color: #94c8ea;
    font-weight: 600;
}

#sub-nav ul li a:hover, #sub-nav ul li a.active {
    color: #0f4186;
}

#sub-nav ul li:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
}

#sub-nav .search-header {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -18px;
    margin-left: 30px;
}

#mobile-header {
    padding-top: 15px;
}

#mobile-company-logo {
    float: left;
    max-width: 200px
}

#menu-btn, #mobile-search .sb-icon-search {
    float: right;
    color: #f8b738;
    text-align: center;
}

#menu-btn:hover {
    color: #7cb8f6;
}

#menu-btn {
    box-sizing: border-box;
    display: block;
    width: 30px;
    height: 45px;
    top: 7px;
    z-index: 2;
    float: right;
    position: relative;
    right: 0;
}

html:not(.mm-opening):not(.mm-opened) #menu-btn {
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
}

#menu-btn:before,
#menu-btn:after,
#menu-btn span {
    background: #fec257;
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0px;
}

#menu-btn:before {
    top: 12px;
}

#menu-btn span {
    top: 22px;
}

#menu-btn:after {
    top: 32px;
}

#menu-btn:before,
#menu-btn:after,
#menu-btn span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform;
}

html.mm-opening #menu-btn:before,
html.mm-opening #menu-btn:after {
    top: 20px;
}

html.mm-opening #menu-btn span {
    left: -50px;
    opacity: 0;
}

html.mm-opening #menu-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #menu-btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mobile-search.sb-search.sb-search-open, .no-js #mobile-search.sb-search {
    width: 70%;
    width: calc(100% - 65px);
}

#mobile-search .sb-search-input {
    border-color: transparent;
}

#mobile-search.sb-search.sb-search-open .sb-search-input, .no-js #mobile-search.sb-search .sb-search-input {
    border-color: #D2CFCF;
}

#mobile-search .sb-icon-search {
    padding-top: 6px;
}

@media all and (max-width: 767px) and (min-width: 501px) {
    #mobile-search.sb-search.sb-search-open, .no-js #mobile-search.sb-search {
        width: 55%;
        width: calc(65% - 65px);
    }
}

.mobile-buttons {
    position: relative;
}

#mobile-search .sb-icon-search {
    line-height: 40px;
    background: transparent;
}

#mobile-search.sb-search, #mobile-search .sb-search-input, #mobile-search .sb-search-submit, #mobile-search .sb-icon-search {
    height: 40px;
}

#mobile-search .sb-search-input {
    padding: 5px 40px 5px 8px;
}

#mobile-search .sb-search-submit, #mobile-search .sb-icon-search {
    width: 40px;
}

#mobile-search.sb-search {
    min-width: 40px;
    right: 50px;
}

#mobile-search .sb-search-submit {
    line-height: 40px;
}

#mobile-shortcuts {
    background-color: #0f4186;
    margin: 15px 0 0;
    font-size: 0;
}

#mobile-shortcuts li {
    list-style: none;
    display: inline-block;
    width: 33.333%;
    margin-bottom: 0;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #2e987a;
}

#mobile-shortcuts li:first-child {
    border-left: none;
}

#mobile-shortcuts li a {
    display: block;
    padding: 6px 0 5px;
    background-color: #0f4186;
    color: white;
    font-size: 1.125em;
    text-align: center;
    font-weight: 600;
}

#mobile-shortcuts li a:hover, #mobile-shortcuts li a.mobile-current {
    color: #f8b738;
}

#close-menu {
    cursor: pointer;
}

#site-navigation {
    width: 100%;
    display: table;
    table-layout: fixed;
}

#site-navigation &gt; ul {
    margin-left: 0;
    width: 100%;
}

#site-navigation &gt; ul &gt; li {
    float: left;
    list-style-type: none;
    text-align: center;
    height: 50px;
}

#site-navigation &gt; ul &gt; li &gt; a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 0;
    height: 50px;
    line-height: 50px;
    position: relative;
}

#site-navigation &gt; ul &gt; li &gt; a:hover, #site-navigation &gt; ul &gt; li &gt; a.active, #site-navigation &gt; ul &gt; li:hover &gt; a {
    color: #fec257;
}

#site-navigation &gt; ul &gt; li &gt; a span {
    border-right: 2px solid #94c8ea;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 100%;
}

#site-navigation &gt; ul &gt; li:last-child &gt; a span {
    border-right: none;
}

.site-nav {
    background-color: #0f4186;
    position: relative;
}

.site-nav .columns {
    position: static;
}

.big-drop-down-row {
    width: 1080px !important;
    max-width: 100% !important;
    margin: 80px auto !important;
}

#site-navigation ul li:hover .big-drop-down-menu {
    left: 0;
}

#site-navigation &gt; ul &gt; li:hover &gt; a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0f4186;
    border-width: 17px;
    border-left-width: 15px;
    border-right-width: 15px;
    margin-left: -15px;
    z-index: 99999;
}

.big-drop-down-menu {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 50px;
    left: -9999px;
    background-color: #94c8ea;
    z-index: 999;
}

.big-drop-down-row h2 {
    text-align: left;
    border-bottom: 2px solid #fff;
    font-weight: 600;
    font-size: 1.375em;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.big-drop-down-row h2 a {
    color: #ffffff;
}

.big-drop-down-row h2 a:hover {
    color: #0f4186;
}

.big-drop-down-menu ul {
    margin: 0;
}

.big-drop-down-menu li {
    margin-bottom: 16px;
    font-size: 1.063em;
    line-height: 1.5;
    text-align: left;
}

.big-drop-down-menu li a {
    color: white;
}

.big-drop-down-menu li a:hover, .big-drop-down-menu .useful-links * {
    color: #0f4186;
}

.big-drop-down-menu .useful-links p {
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

.big-drop-down-menu .useful-links li a:hover {
    color: #e2b028;
}

@media all and (max-width: 1200px) {
    body {
        margin-top: 150px;
    }

    .fixed-header #site-header {
        height: 100px;
        padding: 15px 0;
    }

    #company-logo img {
        width: 80px;
    }

    #sub-nav {
        margin-top: 22px;
    }
    #site-navigation &gt; ul &gt; li &gt; a {
        font-size: 15px;
    }

}

@media all and (max-width: 1150px) {
    #site-header .four {
        width: 205px !important;
    }

    #site-header .eight {
        width: calc(100% - 205px) !important;
    }
}


@media all and (max-width: 1000px) {
    #site-navigation &gt; ul &gt; li &gt; a {
        font-size: 15px;
    }

    #sub-nav ul li {
        font-size: 14px;
    }
}

@media all and (max-width: 950px) {
    #site-navigation &gt; ul &gt; li &gt; a {
        font-size: 14px;
    }
}

@media all and (max-width: 900px) {
    body, body.sticky-header {
        margin-top: 0 !important;
    }

    body, body.sticky-header, #site-header, #company-logo img {
        transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .fixed-header {
        display: none;
    }

    #mobile-header {
        display: block;
    }
}

@media all and (max-width: 400px) {
    #mobile-shortcuts li a {
        font-size: 1em;
    }
}

@media all and (max-width: 375px) {
    #mobile-shortcuts li a {
        font-size: .875em;
    }
}


/************************************************************************************************************************
 * MOBILE MENU
 ************************************************************************************************************************/
#menu {
    border-left: 1px solid #dadada;
}

#menu.mm-opened {
    display: block !important;
}

.mm-listview &gt; li &gt; a, .mm-listview &gt; li &gt; span {
}

.mm-listview &gt; li &gt; a, .mm-listview &gt; li &gt; span, .mm-menu .mm-navbar &gt; *, .mm-menu .mm-navbar a, .mm-menu em.mm-counter {
    color: #909090;
}

.mm-listview &gt; li, .mm-listview &gt; li:after, .mm-listview &gt; li .mm-next, .mm-listview &gt; li .mm-next:before, .mm-menu, #menu {
}

.mm-menu .mm-listview &gt; li.mm-selected &gt; a:not(.mm-next), .mm-menu .mm-listview &gt; li.mm-selected &gt; span, .mm-listview a:hover {
    background-color: rgba(255, 255, 255, 0.91) !important;
}

li.useful-link-divider {
    border-top: 1px solid #dadada;
    margin-top: 50px !important;
}

#menu form {
    padding: 7px 15px 0;
}

#menu form .text-input {
    margin: 0;
    padding: 4px 10px;
    width: calc(100% - 60px);
    float: left;
    font-size: 1em;
    min-height: 35px;
}

#menu form .mobile-search-button {
    float: right;
    padding: 3px;
    min-height: 35px;
    width: 50px;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 19px;
    background-color: #dcdcdc;
    cursor: pointer;
}

#menu form .mobile-search-button:hover {
    background-color: #c3c3c3;
}

#menu .mm-navbar-bottom-1 {
    height: 50px;
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0;
    height: 50px;
}

/************************************************************************************************************************
 * SEARCH STYLES
 ************************************************************************************************************************/
.search-header {
    width: 32px;
}

#sb-search-header {
    height: 40px;
    min-width: 32px;
}

#sb-search-header .sb-search-input, #sb-search-header .sb-icon-search, #sb-search-header .sb-search-submit {
    height: 40px;
}

#sb-search-header .sb-icon-search {
    width: 32px;
    padding: 0;
}

#sb-search-header .sb-icon-search i {
    font-size: 20px;
}

#mobile-search .sb-icon-search i {
    font-size: 25px;
    padding: 1px 0 0 0px;
}

#mobile-search .sb-icon-search i:hover {
    color: #7cb8f6;
}

.sb-search {
    position: absolute;
    width: 0%;
    min-width: 50px;
    height: 54px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    top: 0;
    right: 0;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid white;
    outline: none;
    background: #ffffff;
    width: 100%;
    height: 54px;
    margin: 0;
    z-index: 10;
    padding: 5px 32px 5px 10px;
    font-family: inherit;
    font-size: 1em;
    color: #585858;
    -webkit-appearance: none;
    border-radius: 5px;
}

.sb-search.sb-search-open .sb-search-input, .no-js .sb-search .sb-search-input {
    border: 1px solid #d9d9d9;
}

.sb-search-input::-webkit-input-placeholder {
    color: #585858;
}

.sb-search-input:-moz-placeholder {
    color: #585858;
}

.sb-search-input::-moz-placeholder {
    color: #585858;
}

.sb-search-input:-ms-input-placeholder {
    color: #585858;
}

.sb-icon-search, .sb-search-submit {
    width: 50px;
    height: 54px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #ea283a;
    z-index: 90;
    padding-top: 8px;
}

.sb-icon-search:hover {
    color: #EA132C;
}

.sb-icon-search i {
    display: block;
    padding: 10px 5px 0 0;
    font-size: 28px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
    width: 285px;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    color: #EA132C;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/************************************************************************************************************************
 * FOOTER STYLES
 ************************************************************************************************************************/
#site-footer {
    background-color: #0f4186;
}

#site-footer p, #site-footer li, #site-footer a {
    color: white;
}

#site-footer a:hover {
    color: #fec257;
}

#site-footer h4, #site-footer .footer-prospectus .footer-newsletter h4 {
    margin-bottom: 12px;
    font-size: 1.25em;
    font-weight: 700;
    color: #fec257;
}

#site-footer p, #site-footer ul {
    margin: 0;
}

#site-footer ul {
    list-style: none;
}

#site-footer .footer-top {
    padding: 55px 0 25px;
}

#site-footer ul.quick-links {
    display: inline-block;
}

#site-footer ul.quick-links:first-of-type {
    margin-right: 30px;
}

#site-footer ul.quick-links li {
    margin-bottom: 8px;
    line-height: 1.7;
    position: relative;
}

#site-footer ul.contact-options li {
    margin-bottom: 12px;
    line-height: 1.5;
    position: relative;
    padding-left: 29px;
}

#site-footer ul.contact-options li.footer-email {
    font-size: .875em;
}

#site-footer ul.contact-options li.footer-email i {
    top: 3px;
}

#site-footer ul.contact-options i {
    margin-right: 8px;
    font-size: 1.25em;
    color: #ffde00;
    position: absolute;
    top: 5px;
    left: 0;
}

#site-footer .footer-address {
    line-height: 1.8;
}

#site-footer .footer-social-icons {
    margin-top: 20px;
}

.header-social-icons {
    margin-bottom: 0.5rem;
    float: right;
}

.footer-social-icons.header-social-icons li a {
    background-color: transparent;
    width: 28px;
    height: 28px;
}

 .footer-social-icons li {
    display: inline-block;
    margin-left: 8px;
    font-size: 1.1em;
    vertical-align: top;
}

 .footer-social-icons li a {
    height: 45px;
    width: 45px;
    background: #fec257;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 46px;
    font-size: 28px;
    color: #0f4186;
}

 .footer-social-icons li a:hover {
    color: #0f4186b0;
}

 .footer-social-icons li:first-child {
    margin-left: 0;
}

 .footer-social-icons li i.fa-envelope {
    font-size: 25px;
    margin-top: 9px;
    display: block;
}

#site-footer .footer-prospectus h4 {
    color: #fec257;
}

#site-footer .footer-prospectus li {
    margin-bottom: 8px;
    line-height: 1.5;
    position: relative;
    padding-left: 16px;
}

#site-footer .footer-prospectus li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-right: 8px;
    font-size: 1.375em;
    color: #fec257;
    position: absolute;
    top: -4px;
    left: 0;
}

#site-footer .footer-newsletter {
    margin-top: 30px;
}

#site-footer .footer-newsletter p.button {
    font-size: 1em;
    margin-top: 15px;
}

#site-footer .footer-newsletter p.button a {
    padding: 14px 34px 13px;
    width: auto;
    border-color: #fec257;
}

#site-footer .nscet-logo {
    display: block;
    margin-top: 30px;
}

#site-footer .footer-logos ul {
    font-size: 0;
}

#site-footer .footer-logos ul li {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 20px;
    vertical-align: top;
}

#site-footer .footer-logos ul li.large-link {
    width: 60%;
    padding-right: 8px;
}

#site-footer .footer-logos ul li.small-link {
    width: 40%;
    padding-left: 8px;
}

#site-footer .footer-bottom {
    padding: 20px 0 40px;
    margin: 0;
    display: block;
}

#site-footer .footer-bottom ul {
    font-size: 0;
}

#site-footer .footer-bottom li {
    margin-left: 8px;
    border-left: 1px solid white;
    padding-left: 8px;
    display: inline;
    font-size: 11px;
}

#site-footer .footer-bottom p {
    font-size: 0.85em;
}

#site-footer .footer-bottom li:first-child {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
}

#site-footer .footer-bottom img {
    float: right;
}

@media all and (max-width: 900px) {
    #site-footer .quick-links-col, #site-footer .footer-prospectus, #site-footer .footer-logos {
        width: 50%;
    }

    #site-footer .quick-links-col {
        margin-bottom: 50px;
    }
}

@media all and (max-width: 767px) {
    #site-footer .footer-bottom ul {
        margin-top: 0;
    }
}

@media all and (max-width: 600px) {
    #site-footer .nscet-logo {
        margin-bottom: 40px;
    }

    #site-footer .footer-top {
        padding: 30px 0;
    }

    #site-footer .footer-prospectus, #site-footer .footer-logos {
        width: 100%;
        clear: both;
    }

    #site-footer .quick-links-col, #site-footer .footer-newsletter {
        margin-bottom: 40px;
    }

    #site-footer .footer-social-icons {
        margin-top: 15px;
    }

    #site-footer .footer-social-icons li {
        margin-left: 5px;
    }

    #site-footer .footer-social-icons li a {
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 22px;
    }

    #site-footer .footer-social-icons li i.fa-envelope {
        font-size: 19px;
        margin-top: 8px;
    }

    #site-footer .footer-bottom {
        padding: 10px 0 30px;
    }

    #site-footer .footer-bottom li {
        display: block;
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
}

@media all and (max-width: 400px) {
    #site-footer li {
        font-size: .875em;
    }
}


/************************************************************************************************************************
 * SIDEBAR STYLES
 ************************************************************************************************************************/
.sidebar .ceop {
    width: 295px;
}

.sidebar-company-name {
    font-size: 1.125em;
    margin-bottom: 10px;
    color: #262262;
    font-weight: 700;
}

.sidebar-heading {
    margin-bottom: 5px;
    font-weight: 700;
    color: #262262;
    font-size: 1.063em;
}

.sidebar-p {
    line-height: 1.4;
}

.sidebar .sidebar-border {
    margin-top: 30px;
}

.sidebar .sidebar-border:first-child {
    margin-top: 2px;
}

.sidebar-related {
    margin: 0;
    padding: 10px 15px;
    border: 2px solid #efefef;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
}

.sidebar-related li {
    list-style: none;
}

.sidebar-related li a {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: 10px 0;
    color: #4c494a;
}

.sidebar-related li a:hover {
    color: #ea283a;
}

.single-post .sidebar-related li a {
    line-height: 1.3;
}

.sidebar-related li a span.date {
    font-size: 0.813em;
    color: dimgrey;
}

.sidebar-related li.current_page_item &gt; a {
    font-weight: 700;
    color: #ea283a;
}

.sidebar-related &gt; li:last-of-type a {
    border-bottom: none;
}

.sidebar-related li ul.children {
    display: none;
}

.sidebar-related li.current_page_item ul.children, .sidebar-related li.current_page_parent ul.children {
    display: block;
    margin-left: 20px;
}

.useful-links-box p {
    font-size: 1.25em;
    margin-bottom: 8px;
    font-weight: 700;
    color: #1191e0;
}

.useful-links-box .sidebar-related {
    border-color: #ffde00;
    background: #1191e0;
}

.useful-links-box .sidebar-related li a {
    border-color: #a2c6dc;
    color: #ffffff;
    font-weight: 700;
}

.useful-links-box .sidebar-related li a:hover {
    color: #ffde00;
}

.sidebar h3 {
    font-size: 1.25em;
    margin-bottom: 0;
    font-weight: 700;
    padding: 20px;
    background: #ea283a;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sidebar h3 a {
    color: white;
}

.sidebar h3 a:hover {
    color: #ffd2d2;
}

.sidebar .sidebar-post {
    margin-top: 14px;
    padding-top: 11px;
    border-top: 2px solid #7cb8f6;
}

.sidebar .sidebar-post-1 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sidebar .sidebar-post a {
    font-weight: bold;
}

.sidebar .sidebar-post a:hover {
    color: #7cb8f6;
}

.sidebar .sidebar-post .title {
    font-size: 1.2em;
    font-weight: 700;
}

.sidebar .sidebar-post p.date {
    font-size: 0.9em;
    margin-bottom: 6px;
    font-weight: bold;
}

.sidebar .sidebar-post p {
    margin-bottom: 0;
    font-size: 1.05em;
    line-height: 1.3;
}

.sidebar .sidebar-post .read-more {
    text-align: left;
    font-weight: bold;
}

@media all and (max-width: 767px) {
    .sidebar .sidebar-border:first-child {
        margin-top: 35px;
        padding-top: 40px;
        border-top: 3px solid #f7f7f7;
    }

    .sidebar .sidebar-border {
        padding-left: 0;
        border-left: none;
    }
}

/************************************************************************************************************************
 * NEWS LISTING STYLES
 ************************************************************************************************************************/
.news-feed article {
    margin-top: 40px;
}

.news-feed article * {
    text-align: left;
}

.news-feed article .news-image-wrapper {
    overflow: hidden;
}

.news-feed article .news-image {
    padding-top: 48%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/news-placeholder.jpg');
    position: relative;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.news-feed article .news-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-feed article .news-image a:hover {
    background: rgba(0, 99, 73, 0.25);
}

.news-feed article h1 {
    font-size: 1.375em;
    margin: 25px 0 5px;
}

#content .news-feed article .resize-me p.date {
    font-size: 0.938em;
}

#content .news-feed article .resize-me p {
    font-size: 1.125em;
    line-height: 1.7;
}

#content .news-feed article p.link {
    margin-top: 25px;
}

.news-feed .divider {
    clear: both;
}

.news-feed .divider hr {
    margin: 40px 0 0;
    border-width: 3px 0 0;
    border-color: #f7f7f7;
}

@media all and (max-width: 600px) {
    .news-feed img {
        width: 100%;
    }

    .news-feed article h1 {
        font-size: 1.125em;
        margin: 15px 0 5px;
    }

    #content .news-feed article .resize-me p {
        font-size: 1em;
        line-height: 1.5;
    }

    #content .news-feed .row .six:first-child p.link {
        margin-bottom: 35px;
    }
}

@media all and (max-width: 500px) {
    .news-feed .divider {
        display: none;
    }

    .news-feed article {
        padding-top: 40px;
        border-top: 3px solid #f7f7f7;
    }

    .news-feed .six:first-child article {
        padding-top: 0;
        border-top: none;
    }
}

/************************************************************************************************************************
 * SEARCH STYLES
 ************************************************************************************************************************/
.search-results #content p.search-post-type {
    font-size: .875em;
    margin-bottom: 10px;
    line-height: 1.2;
}

.search-results-holder {
    margin-top: 30px;
}

.search-results-holder .content {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 3px solid #f7f7f7;
}

.search-results-holder .content:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.search-results-holder h3, .search-results-holder p.excerpt {
    margin-bottom: 0;
}

.search-results-holder h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.search-results-holder p.link {
    margin-top: 20px;
}

#content p.no-search-results {
    margin: 25px 0 0;
}

/************************************************************************************************************************
 * SINGLE POST STYLES
 ************************************************************************************************************************/
.single-post .published-date {
    margin-top: 8px;
}

.share {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 3px solid #f7f7f7;
}

.share h3 {
    font-size: 1.375em;
    line-height: 1.3;
}

/************************************************************************************************************************
 * SCROLL TABLE STYLES
 ************************************************************************************************************************/
.scroll-table, #content table {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1.563em;
}

.scroll-table, .scroll-table th, .scroll-table td, #content table, #content table th, #content table td {
    border: 1px solid #DBDBDB;
}

.scroll-table th, .scroll-table td, #content table th, #content table td {
    padding: 6px 11px;
}

.scroll-table th, #content table th {
    font-weight: bold;
    color: white;
}

#content table th, #content table td {
    width: auto !important;
    min-width: 100px;
}

.scroll-table tr.even {
    background: #f8f8f8;
}

@media all and (max-width: 700px) {
    .scroll-table {
        margin-bottom: 0;
    }

    .scroll-table-wrapper {
        overflow: hidden;
        overflow-x: scroll;
        padding-top: 54px;
    }

    .scroll-table-wrapper .scroll-table {
        table-layout: fixed;
        width: 900px;
    }

    .scroll-table-image {
        position: relative;
        margin-bottom: 1.2em;
    }

    .scroll-table-image:before {
        content: url('images/swipe.png');
        width: 115px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

#tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]&gt;a {
    /*background-color: #0f4186;*/
}
#tribe-events .tribe-events-button, .tribe-events-button {
    color: #0f4186;
    border: 2px solid #fec257;
}


/************************************************************************************************************************
 * RESPONSIVE TABLE STYLES
 ************************************************************************************************************************/

.table-responsive table {
    width: 100% !important;
    margin-bottom: 1.563em;
    height: auto !important;
    margin-bottom: 0;
}

.table-responsive table, .table-responsive table th, .table-responsive table td {
    border: 1px solid #dadada;
}

#content .table-responsive table th p, #content .table-responsive table td p, #content .table-responsive table td ul, #content .table-responsive table td ol {
    font-size: 1em;
    line-height: 1.2;
}

#content p, #content ul, #content ol {
    font-size: 1.25em;
    line-height: 28px;
}

.table-responsive table th {
    font-weight: bold;
    color: white;
}

.table-responsive table tr th, .table-responsive table tr:first-child {
    font-size: 1em;
    color: #fff;
    font-weight: 700;
    background-color: #0f4186;
}

.table-responsive table tr td {
    padding: 13px;
    height: 40px !important;
}

.table-responsive {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}


.table-responsive {
    overflow-y: hidden;
    display: block;
    width: 100%;
    overflow-x: auto;
    /*overflow-x: scroll;*/
    -webkit-overflow-scrolling: touch;
}

.table-responsive h4 {
    color: #fff;
}


@media all and (max-width: 767px) {
    .table-responsive {
        position: relative;
        margin-bottom: 1.2em;
    }

    .table-responsive:before {
        content: url('images/swipe.png');
        width: 115px;
        height: 49px;
        position: sticky;
        top: 0;
        left: 0;
    }
    .table-responsive table {
        margin-top: 10px;
    }

}


/************************************************************************************************************************
 * FORM STYLES
 ************************************************************************************************************************/
form .text-input {
    margin-bottom: 0;
    padding: 8px 65px 8px 10px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    font-size: 1.125em;
    border: 1px solid #dadada;
    background-color: #FBFBFB;
    min-height: 45px;
    -webkit-appearance: none;
    border-radius: 5px;
}

form .search-button {
    font-size: 1.25em;
    background-color: #f8b738;
    color: #3a3a3a;
    font-weight: 700;
    padding: 8px 18px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

form .search-button:hover {
    cursor: pointer;
    background: #e2b028;
}

.ui-datepicker {
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
}

.ui-datepicker-next, .ui-datepicker-year {
    float: right;
}

.ui-datepicker-month, .ui-datepicker-year {
    width: 48%;
}

.ui-datepicker-calendar td a {
    padding: 7px;
    display: block;
}

.ui-datepicker-header {
    padding-bottom: 7px;
}

#ui-datepicker-div {
    padding: 10px;
    display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    padding-bottom: 7px;
    cursor: pointer;
}

#site-search-form, #sidebar-search-form {
    margin-bottom: 0;
    position: relative;
}

.page-id-124 .gform_wrapper .ginput_complex label, .page-id-124 .gform_wrapper .gfield_time_hour label, .page-id-124 .gform_wrapper .gfield_time_minute label, .page-id-124 .gform_wrapper .gfield_time_ampm label, .page-id-124 .gform_wrapper .gfield_date_month label, .page-id-124 .gform_wrapper .gfield_date_day label, .page-id-124 .gform_wrapper .gfield_date_year label, .page-id-124 .gform_wrapper .instruction {
    display: block;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.page-id-124 .gform_wrapper .gform_footer {
    clear: both;
}

.page-id-124 .gform_wrapper .description, .page-id-124 .gform_wrapper .gfield_description, .page-id-124 .gform_wrapper .gsection_description, .page-id-124 .gform_wrapper .instruction {
    font-size: 0.8em;
    clear: both;
}

.page-id-124 .gform_wrapper h2 {
    font-size: 1.3em;
    border-bottom: 2px solid #F0F0F0;
    padding-top: 10px;
}

.page-id-124 .gform_wrapper h6 {
    font-size: 1.2em;
}

.page-id-124 #content .gform_wrapper p {
    font-size: 0.8em;
}

.page-id-124 #content .gform_wrapper .gfield_radio {
    margin-left: 0;
    font-size: 0.8em;
}

.page-id-124 #content .gform_wrapper .gfield_radio label {
    padding-left: 5px;
}

.page-id-124 #content ul.gfield_checkbox {
    font-size: 0.8em;
    margin-bottom: 15px;
}

.page-id-124 #content .gform_wrapper .top_label li.gfield.gf_left_third {
    clear: left !important;
}

.page-id-124 #content .gform_wrapper .top_label li.gfield.gf_left_third {
    margin: 0 0 .5em 0;
}

.page-id-124 #content .gform_wrapper .top_label li.gfield.gf_left_third, .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_middle_third, .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 32.4%;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.page-id-124 #content .gform_wrapper .top_label li.gfield.gf_middle_third, .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_right_third {
    margin-bottom: .5em;
    margin-left: 1.3% !important;
}

#content .gfield {
    list-style: outside none none;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 14px;
}

#content .gfield_visibility_hidden {
    display: none !important;
}

#content .gfield.gf_left_half {
    width: 50%;
    padding: 0 5px 0 0;
    float: left;
    clear: left;
}

#content .gfield.gf_right_half {
    width: 50%;
    padding: 0 0 0 5px;
    float: left;
    clear: right;
}

#content ul.gform_fields {
    margin: 0;
}

#content ul.gfield_checkbox {
    margin-left: 0;
    font-size: 1em;
}

#content ul.gfield_checkbox li {
    font-size: 1em;
}

.gfield input[type="text"], .gfield input[type="email"], .gfield select, .gfield textarea {
    border: 1px solid #D8D8D8;
    background-color: #FBFBFB;
    font-family: 'Open Sans', sans-serif;
    color: #4b575f;
    font-size: 1em;
    padding: 8px 10px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 5px;
    min-height: 46px;
}

.gfield select option {
    padding-right: 10px;
}

.gfield_label {
    font-size: 1em;
    color: #3b3b3b;
    font-weight: normal !important;
    margin: 0 !important;
}

.gfield_required {
    color: #D43E1A;
    margin-left: 5px;
}

.gfield_description {
    font-size: 14px;
    color: #D43E1A;
    display: block;
}

.gform_button {
    background-color: #ffffff;
    font-weight: 700;
    font-size: 1.125em;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    border-radius: 10px;
    color: #0f4186;
    border: 2px solid #fec257;
    display: inline-block;
    padding: 19px 10px 20px;
    text-transform: uppercase;
    width: 180px;
    line-height: 1.2em;
}

.gform_button:hover {
    cursor: pointer;
    color: #3a3a3a;
}

.gfield_error input[type="text"], .gfield_error textarea {
    border: 1px solid #D43E1A;
}

.gform_validation_container, .ui-datepicker {
    display: none;
}

.gform_confirmation_wrapper, .validation_error {
    margin: 0 0 20px 0;
    position: relative;
    border-left: 5px solid;
    padding: 10px;
    background-color: #f0f0f0;
    color: #424242;
}

.gform_confirmation_wrapper {
    border-color: #65BD56;
}

.validation_error {
    border-color: #D43E1A;
}

.validation_error.warning {
    border-color: #e4ca0b;
}

.validation_error.warning i {
    color: #e4ca0b;
}

#content .gform_confirmation_message, #content .validation_error p, .page-id-124 #content .gform_wrapper .validation_error p {
    margin: 0;
    padding: 1px 22px 0 33px;
    position: relative;
    line-height: 1.4;
    font-size: 1em;
    line-height: 1.3;
}

.gform_confirmation_message:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f058";
    line-height: 1;
}

.gform_confirmation_message:before, .validation_error i {
    position: absolute;
    text-align: center;
    left: 0px;
    width: 1em;
    top: -2px;
    font-size: 1.7em;
}

.gform_confirmation_message:before {
    color: #65BD56;
}

.validation_error i {
    color: #D43E1A;
}

@media all and (max-width: 500px) {
    #content .gfield.gf_left_half, #content .gfield.gf_right_half {
        width: 100%;
        padding: 0;
        float: none;
    }

    .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_left_third, .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_middle_third, .page-id-124 #content .gform_wrapper .top_label li.gfield.gf_right_third {
        width: 100%;
        margin-left: 0 !important;
    }
}

select {  -moz-appearance: none;  text-indent: 0.01px;  text-overflow: ''; }

/************************************************************************************************************************
 * HOMEPAGE STYLES
 ************************************************************************************************************************/
/* Slider - Start */
.slider-for .background-image {
    background-size: cover;
    background-position: center;
    height: 500px;
}

.slider-for .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(32, 32, 41, 0.1);
}

.slider-for .text-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.slider-for .text-inner {
    display: table-cell;
    vertical-align: bottom;
    padding: 10px 15px 0;
}

.slider-for h3 {
    font-weight: 700;
    font-size: 4.063em;
    color: white;
    line-height: 1.25;
    max-width: 1050px;
    margin: 0 auto;
    text-shadow: 0px 0px 55px #000000;
}

.slider-for p.sub-title {
    font-size: 2.188em;
    font-weight: 600;
    color: white;
    line-height: 1.25;
    max-width: 1050px;
    margin: 10px auto 0;
    text-shadow: 0px 0px 55px #000000;
}

.slider-for p.button {
    margin: 40px 0 70px;
}

.slider-for p.button a {
    color: #fff;
    border: 2px solid white;
    background: #ea283a;
}

.slider-for p.button a:hover {
    color: #fff;
    background: #ea050b;
}

@media all and (min-width: 1500px) {
    .slider-for .background-image {
        height: 600px;
    }
}

@media all and (max-width: 1200px) {
    .slider-for .background-image {
        height: 400px;
    }

    .slider-for h3 {
        font-size: 3em;
    }

    .slider-for p.sub-title {
        font-size: 1.75em;
    }

    .slider .slick-dots li {
        margin: 0 4px;
    }

    .slider .slick-dots li button {
        width: 18px;
        height: 18px;
    }
}

@media all and (max-width: 800px) {
    .slider-for .background-image {
        height: 350px;
    }

    .slider-for h3 {
        font-size: 2.5em;
    }

    .slider-for p.sub-title {
        font-size: 1.25em;
    }
}

@media all and (max-width: 600px) {
    .slider-for .background-image {
        height: 300px;
    }

    .slider-for h3 {
        font-size: 1.5em;
    }

    .slider-for p.sub-title {
        font-size: 1em;
    }

    .slider-for p.button {
        margin: 20px 0 30px;
    }
}

@media all and (max-width: 350px) {
    .slider-for .background-image {
        height: 250px;
    }

    .slider-for h3 {
        font-size: 1.125em;
    }
}

/* Slider - End */

/* Five column links - start */
.five-col-links .five-col-link {
    float: left;
    width: 25%;
    padding-top: 15%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.five-col-links .five-col-link a {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.five-col-links .five-col-link a .five-col-link-text-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.five-col-links .five-col-link a .five-col-link-text-wrap .five-col-link-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
}

.five-col-links .five-col-link h2 {
    color: white;
    font-weight: 700;
    font-size: 1.875em;
    margin-bottom: 0;
}

.five-col-links .five-col-link-1 a {
    background-color: rgba(148,200,234, 0.6);
}

.five-col-links .five-col-link-2 a {
    background-color: rgba(254,194,87, 0.6);
}

.five-col-links .five-col-link-3 a {
    background-color: rgba(234,40,58, 0.6);
}

.five-col-links .five-col-link-4 a {
    background-color: rgba(15,65,134, 0.6);
}

.five-col-links .five-col-link-1 a:hover {
    background-color: rgba(148,200,234, 0.8);
}

.five-col-links .five-col-link-2 a:hover {
    background-color: rgba(254,194,87, 0.8);
}

.five-col-links .five-col-link-3 a:hover {
    background-color: rgba(234,40,58, 0.8);
}

.five-col-links .five-col-link-4 a:hover {
    background-color: rgba(15,65,134, 0.8);
}

@media all and (max-width: 1300px) {
    .five-col-links .five-col-link h2 {
        font-size: 1.7em;
    }
}

@media all and (max-width: 1000px) {
    .five-col-links .five-col-link {
        width: 50%;
        padding-top: 30%;
    }
}

@media all and (max-width: 400px) {
    .five-col-links .five-col-link {
        width: 100%;
        padding-top: 60%;
    }
}

/* Five column links - end */

/* Intro Text - Start */
.home-intro {
    padding: 70px 0 80px;
}

.home-intro h1 {
    font-style: italic;
}

.home-intro p {
    font-size: 1.125em;
    line-height: 1.7;
    color: #7e7e7e;
    max-width: 860px;
    margin: 0 auto 25px;
}



.home-intro p.button {
    margin: 40px auto 0;
}

@media all and (max-width: 800px) {
    .home-intro {
        padding: 40px 0 60px;
    }

    .home-intro h1 {
        font-size: 2em;
    }
}

@media all and (max-width: 600px) {
    .home-intro h1 {
        font-size: 1.5em;
    }
}

/* Intro Text - End */

/* Ofsted Message - Start */
.ofsted-message {
    background: #f6f6f6;
    text-align: center;
    padding: 60px 0;
}

.ofsted-message p {
    color: #9e9e9e;
    font-size: 3.125em;
    margin: 0;
    font-weight: 600;
}

.ofsted-message p a {
    color: #9e9e9e;
}

.ofsted-message p a:hover {
    color: #636363;
}

.ofsted-message img {
    vertical-align: middle;
    margin-left: 35px;
    display: initial;
}

@media all and (max-width: 800px) {
    .ofsted-message p {
        font-size: 2.75em;
    }

    .ofsted-message img {
        margin-left: 25px;
    }
}

@media all and (max-width: 650px) {
    .ofsted-message p {
        font-size: 2.5em;
    }

    .ofsted-message img {
        margin: 30px auto 0;
        display: block;
    }
}

@media all and (max-width: 400px) {
    .ofsted-message p {
        font-size: 2.25em;
    }
}

/* Ofsted Message - End */

/* Prospectus Message - Start */
.prospectus-section {
    position: relative;
}

.prospectus-section .background-image {
    background-size: cover;
    background-position: center;
    padding: 150px 0;
}

.prospectus-section .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: #94c8ea;
}

.prospectus-section .columns {
    z-index: 990;
}

.prospectus-section p.message-1 {
    font-size: 2.25em;
    color: #0f4186;
    line-height: 1.25;
    max-width: 1050px;
    margin: 0 auto 45px;
}

.prospectus-section p.message-2 {
    font-weight: 700;
    font-size: 1.625em;
    color: white;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

.prospectus-section p.button {
    margin-top: 55px;
}

.prospectus-section p.button a {
    color: #3a3a3a;
    border: 2px solid white;
    background: #fec257;
    width: 215px;
}

.prospectus-section p.button a:first-child {
    margin-right: 110px;
}

.prospectus-section p.button a:hover {
    color: #3a3a3a;
    background: #e2b028;
}

@media all and (max-width: 1000px) {
    .prospectus-section .background-image {
        padding: 100px 0;
    }

    .prospectus-section p.message-1 {
        font-size: 2em;
    }

    .prospectus-section p.message-1 br {
        display: none;
    }

    .prospectus-section p.message-2 {
        font-size: 1.375em;
    }
}

@media all and (max-width: 700px) {
    .prospectus-section p.button a:first-child {
        margin-right: 80px;
    }
}

@media all and (max-width: 600px) {
    .prospectus-section .background-image {
        padding: 80px 0;
    }

    .prospectus-section p.message-1 {
        font-size: 1.5em;
        margin-bottom: 30px;
    }

    .prospectus-section p.message-2 {
        font-size: 1.125em;
    }

    .prospectus-section p.button {
        margin: 40px -15px 0;
        font-size: 0;
        line-height: 1.2;
    }

    .prospectus-section p.button a {
        font-size: 16px;
        width: calc(50% - 30px);
        margin: 0 15px !important;
    }
}

@media all and (max-width: 500px) {
    .prospectus-section p.message-2 br {
        display: none;
    }
}

/* Prospectus Message - End */

/* Latest News - Start */
.latest-news {
    padding: 60px 0 110px;
    background-color: #f6f6f6;
}

.latest-news h3 {
    font-size: 1.875em;
    margin-bottom: 55px;
    color: #ea283a;
}

.latest-news .slick-slide {
    padding: 0 15px;
    vertical-align: top;
}

.latest-news .slick-prev, .latest-news .slick-next {
    top: calc(50% - 37px);
    height: 75px !important;
}

.latest-news article * {
    text-align: left;
}

.latest-news a, .latest-news p.button a {
    color: #ea283a;
}

.latest-news a:hover, .latest-news p.button a:hover {
    color: #ea050b;
}

.latest-news article .news-image-wrapper {
    overflow: hidden;
}

.latest-news article .news-image {
    padding-top: 48%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/news-placeholder.jpg');
    position: relative;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.latest-news article .news-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.latest-news article .news-image a:hover {
    background: rgba(161, 13, 89, 0.15);
}

.latest-news article h1 {
    font-size: 1.375em;
    margin-bottom: 15px;
    font-weight: 700;
}

.latest-news article .resize-me p {
    font-size: 1.125em;
    line-height: 1.7;
}

.latest-news article .resize-me p.date {
    color: #969696;
    font-size: 0.875em;
    margin: 20px 0 15px;
}

.latest-news article p.link {
    margin-top: 25px;
}

.latest-news p.button {
    margin-top: 60px;
}

@media all and (max-width: 1230px) {
    .latest-news .slick-slider {
        padding-bottom: 70px;
        position: relative
    }

    .latest-news .slick-prev {
        left: calc(50% - 39px);
        bottom: -14px;
        top: auto;
        height: 75px;
    }

    .latest-news .slick-next {
        left: calc(50% + 15px);
        bottom: -14px;
        top: auto;
        height: 75px;
    }
}

@media all and (max-width: 800px) {
    .latest-news {
        padding: 50px 0 55px;
    }

    .latest-news h3 {
        font-size: 2em;
    }

    .home-intro p {
        font-size: 1.25em;
    }
}

@media all and (max-width: 600px) {
    .latest-news {
        padding: 40px 0 45px;
    }

    .latest-news h3 {
        font-size: 1.5em;
        margin-bottom: 25px;
    }

    .latest-news img {
        width: 100%;
    }

    .latest-news article h1 {
        font-size: 1.125em;
        margin: 15px 0 5px;
    }

    .latest-news article .resize-me p {
        font-size: 1em;
        line-height: 1.5;
    }

    .latest-news .row .six:first-child p.link {
        margin-bottom: 35px;
    }

    .latest-news p.button {
        margin-top: 30px;
    }
}

/* Latest News - End */

/* Upcoming Events - Start */
.upcoming-events {
    padding: 60px 0 80px;
}

.upcoming-events h3 {
    font-size: 1.875em;
    margin-bottom: 55px;
    text-align: center;
}

.upcoming-events .twelve .row {
    margin: 0;
}

.upcoming-events .twelve .row .columns {
    padding: 0;
    width: calc(33.33333% - 20px);
}

.upcoming-events .twelve .row .columns:nth-child(2) {
    width: calc(33.33333% + 40px);
}

.upcoming-events .twelve .row .columns:nth-child(1) article {
    padding-left: 0;
    border-left: none;
}

.upcoming-events .twelve .row .columns:nth-child(3) article {
    padding-right: 0;
}

.upcoming-events article {
    border-left: 2px solid #dddcdc;
    padding: 0 60px;
}

.upcoming-events article h1 {
    font-size: 1.375em;
    margin-bottom: 13px;
    font-weight: 700;
}

.upcoming-events article p.date {
    margin-bottom: 10px;
    color: #969696;
    font-size: 0.875em;
}

.upcoming-events article p.info {
    font-size: 1.125em;
    margin-bottom: 0;
    color: #525252;
    line-height: 1.6;
}

.upcoming-events p.link {
    margin-top: 15px;
}

.upcoming-events p.button {
    margin-top: 70px;
    text-align: center;
}

@media all and (max-width: 1000px) {
    .upcoming-events .twelve .row .columns {
        padding: 0;
        width: calc(33.33333% - 10px);
    }

    .upcoming-events .twelve .row .columns:nth-child(2) {
        width: calc(33.33333% + 20px);
    }

    .upcoming-events article {
        padding: 0 30px;
    }
}

@media all and (max-width: 767px) {
    .upcoming-events article {
        padding: 30px 0 0 0;
        border-left: none;
        border-top: 2px solid #dddcdc;
        margin-top: 30px;
    }

    .upcoming-events .twelve .row .columns:nth-child(1) article {
        border-left: none;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
}

@media all and (max-width: 800px) {
    .upcoming-events {
        padding: 50px 0 55px;
    }

    .upcoming-events h3 {
        font-size: 2em;
    }
}

@media all and (max-width: 600px) {
    .upcoming-events {
        padding: 40px 0 45px;
    }

    .upcoming-events h3 {
        font-size: 1.5em;
        margin-bottom: 25px;
    }

    .upcoming-events article h1 {
        font-size: 1.125em;
    }

    .upcoming-events article p.info {
        font-size: 1em;
        line-height: 1.5;
    }

    .upcoming-events p.button {
        margin-top: 30px;
    }
}

/* Upcoming Events - End */

/* Footer Images - Start */

.ceop {
    margin-top: 20px;
}

.image-gallery {
    font-size: 0;
}

.image-gallery .single-image {
    width: 25%;
    display: inline-block;
    /*font-size: 16px;*/
}

.image-gallery span.gallery-thumbnail {
    display: block;
    padding-top: 72%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-gallery span.gallery-thumbnail span.hover-state {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(148,200,234, 0.7);
    opacity: 0;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}

.image-gallery .single-image:nth-child(2) span.gallery-thumbnail span.hover-state,
.image-gallery .single-image:nth-child(5) span.gallery-thumbnail span.hover-state {
    background: rgba(254,194,87, 0.7);
}

.image-gallery .single-image:nth-child(3) span.gallery-thumbnail span.hover-state,
.image-gallery .single-image:nth-child(6) span.gallery-thumbnail span.hover-state {
    background: rgba(234,40,58, 0.7);
}

.image-gallery .single-image:nth-child(4) span.gallery-thumbnail span.hover-state,
.image-gallery .single-image:nth-child(7) span.gallery-thumbnail span.hover-state {
    background: rgba(15,65,134, 0.7);
}

.image-gallery span.gallery-thumbnail:hover span.hover-state {
    opacity: 1;
}

.home div.pp_default .pp_nav .currentTextHolder {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    color: #0f4186;
    font-size: 14px;
}

.home div.pp_default .pp_close,
.home div.pp_default a.pp_arrow_previous,
.home div.pp_default a.pp_arrow_next,
.home div.pp_default .pp_nav .pp_play,
.home div.pp_default .pp_nav .pp_pause {
    background: none;
    text-indent: 0;
    font-size: 0;
}

.home div.pp_default .pp_close:before {
    content: "\f057";
    font-family: "FontAwesome";
    color: #0f4186;
    font-size: 30px;
    position: relative;
    top: 3px;
    left: 2px;
}

.home div.pp_default a.pp_arrow_next:before {
    content: "\f061";
    font-family: "FontAwesome";
    color: #0f4186;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 2px;
}

.home div.pp_default a.pp_arrow_previous:before {
    content: "\f060";
    font-family: "FontAwesome";
    color: #0f4186;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 2px;
}

.home div.pp_default .pp_nav .pp_play:before {
    content: "\f144";
    font-family: "FontAwesome";
    color: #0f4186;
    font-size: 30px;
    position: relative;
    top: 0;
    left: 2px;
}

.home div.pp_default .pp_nav .pp_pause:before {
    content: "\f28b";
    font-family: "FontAwesome";
    color: #0f4186;
    font-size: 30px;
    position: relative;
    top: 0;
    left: 2px;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 1px !important;
}

div.pp_default .pp_nav {
    margin-left: 3px;
    margin-top: 1px;
}

div.pp_default .pp_close {
    top: 1px;
    right: 7px;
}

@media all and (max-width: 1200px) {
    .image-gallery.inner-gallery .single-image-4, .image-gallery.home-gallery .single-image-7,
    .image-gallery.home-gallery .single-image-8 {
        display: none;
    }

    .image-gallery .single-image {
        width: 33.33333%;
    }
}

@media all and (max-width: 600px) {
    .ceop {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .image-gallery.inner-gallery .single-image-3, .image-gallery.home-gallery .single-image-5,
    .image-gallery.home-gallery .single-image-6 {
        display: none;
    }

    .image-gallery .single-image {
        width: 50%;
    }
}

/* Footer Images - End */

/************************************************************************************************************************
 * GENERAL STYLES
 ************************************************************************************************************************/
.inner-banner {
    padding-top: 28%;
    background-size: cover;
    background-position: center;
}

@media all and (min-width: 1500px) {
    .inner-banner {
        padding-top: 0;
        height: 450px;
    }
}

@media all and (max-width: 900px) {
    .inner-banner {
        padding-top: 0;
        height: 250px;
    }
}

@media all and (max-width: 500px) {
    .inner-banner {
        height: 200px;
    }
}

p.link, #content p.link {
    font-size: 0.938em;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2em;
}

p.button, #content p.button {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.2em;
}

p.button a {
    color: #0f4186;
    border: 2px solid #fec257;
    display: inline-block;
    padding: 19px 10px 20px;
    text-transform: uppercase;
    width: 185px;
    font-weight: 700;
    border-radius: 10px;
}

p.button.prospectus-button a {
    width: auto;
    padding: 19px 20px 20px;
}

p.button a:hover {
    color: #3a3a3a;
}

p.button a span:after {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: 15px;
    font-size: 1.25em;
    vertical-align: bottom;
}

@media all and (max-width: 600px) {
    p.button {
        font-size: 1em;
    }

    p.button a {
        padding: 17px 5px 18px;
        width: 165px;
    }

    p.button.prospectus-button a {
        width: auto;
        padding: 17px 18px 18px;
    }

}

/************************************************************************************************************************
 * MEMBER STYLES
 ************************************************************************************************************************/
.member-details {
    margin-top: 30px;
}

.member-detail {
    border-top: 4px solid #1191e0;
    background: #fbfbfb;
    padding: 10px 15px;
    margin-top: 40px;
}

.member-detail:first-child {
    margin-top: 0;
}

.member-detail h3 {
    font-size: 1.375em;
}

.member-detail p {
    margin-bottom: 15px;
    position: relative;
    padding-left: 200px;
}

.member-detail p:last-child {
    margin-bottom: 0;
}

.member-detail p span {
    display: inline-block;
    width: 200px;
    font-weight: 600;
    position: absolute;
    left: 0;
}

.member-detail img {
    float: right;
    margin: 5px 0 0 15px;
}

@media all and (max-width: 900px) and (min-width: 768px) {
    .member-detail img {
        width: 120px;
    }
}

@media all and (max-width: 600px) {
    .member-detail img {
        display: none;
    }

    #content .member-detail p {
        font-size: 1em;
    }
}

@media all and (max-width: 450px) {
    .member-detail p {
        padding-left: 0;
    }

    .member-detail p span {
        display: block;
        position: static;
    }
}

/************************************************************************************************************************
 * PARENTAL LETTERS STYLES
 ************************************************************************************************************************/
#accordion {
    margin-top: 25px;
}

#accordion h3 {
    margin-bottom: 10px;
    background-color: #efefef;
    padding: 7px 36px 6px 18px;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    font-size: 1.25em;
    color: #525252;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

#accordion h3 span {
    position: absolute;
    right: 18px;
    top: 10px;
    color: #1191e0;
}

#accordion h3:hover {
    background-color: #E4E3E3;
}

#accordion .ui-accordion-content {
    padding: 0 18px 16px;
}

#accordion .ui-accordion-content p:last-child {
    margin-bottom: 0;
}

#accordion h3.ui-accordion-header-active {
    color: #ffffff;
    background: #1191e0;
}

#accordion h3.ui-accordion-header-active span {
    color: #ffffff;
}

#accordion div ul {
    margin: 0;
    list-style: none;
}

#accordion div ul li {
    margin-bottom: 10px;
}

#accordion div ul li:last-child {
    margin-bottom: 0;
}

#accordion .vacancies-description {
    margin-bottom: 10px;
}

/************************************************************************************************************************
 * NEWSLETTERS STYLES
 ************************************************************************************************************************/
.screenshot-wrapper {
    overflow: hidden;
    border: 1px solid #d8d8d8;
    margin-top: 40px;
    border-radius: 5px;
}

.newsletters:first-child .screenshot-wrapper, .newsletters:nth-child(2) .screenshot-wrapper {
    margin-top: 10px;
}

.screenshot-wrapper .screenshot-image {
    padding-top: 71%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/newsletter-placeholder.jpg');
    position: relative;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.screenshot-wrapper .screenshot-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.screenshot-wrapper .screenshot-image a:hover {
    background: rgba(0, 99, 73, 0.1);
}

.newsletters-title {
    margin: 7px 0 0;
    font-size: 1.25em;
}

@media all and (max-width: 600px) {
    .newsletters-title {
        font-size: 1.125em;
    }
}

@media all and (max-width: 500px) {
    .newsletters:nth-child(2) .screenshot-wrapper {
        margin-top: 40px;
    }
}

/************************************************************************************************************************
 * NEWSPAPER STYLES
 ************************************************************************************************************************/
#content p.newspaper-button {
    margin: 30px 0;
}

#content p.newspaper-button a {
    width: auto;
}

h3.previous-newspapers-title {
    padding-top: 30px;
    margin-top: 40px;
    border-top: 3px solid #f7f7f7;
    font-size: 1.5em;
    line-height: 1.3;
}

#content .previous-newspapers {
    margin: 0;
    font-size: 1em;
}

#content .previous-newspapers li {
    list-style: none;
}

#content .previous-newspapers li a {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    padding: 10px 0;
}

#content .previous-newspapers li:last-of-type a {
    border-bottom: none;
}

/************************************************************************************************************************
 * VACANCIES STYLES
 ************************************************************************************************************************/
.row .vacancies-listing {
    margin-top: 40px;
}

.vacancies-listing .panel {
    margin-top: 40px;
    padding: 40px 0 0;
    border-top: 3px solid #f7f7f7;
}

.vacancies-listing .panel-1 {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

#content .vacancies-listing .panel h3 {
    font-size: 1.375em;
    margin-bottom: 15px;
    line-height: 1.2;
}

#content .vacancies-listing .panel p.link {
    margin-top: 30px;
}

@media all and (max-width: 600px) {
    #content .vacancies-listing .panel h3 {
        font-size: 1.25em;
    }

    #content .vacancies-listing .panel p.date, #content .vacancies-listing .panel p.salary {
        font-size: 0.875em;
        padding-left: 100px;
    }
}

.vacancy-info {
    background: #fbfbfb;
    padding: 10px 15px;
    margin: 10px 0 25px;
}

#content .vacancy-info p {
    font-size: 1em;
    position: relative;
    padding-left: 120px;
    margin-bottom: 10px;
}

#content .vacancy-info p strong {
    position: absolute;
    left: 0;
    top: 0;
}

#content .vacancy-info p:last-child {
    margin-bottom: 0;
}

h3.vacancy-apply {
    margin: 30px 0 20px;
    padding-top: 20px;
    border-top: 3px solid #f7f7f7;
    font-size: 1.5em;
}

@media all and (max-width: 600px) {
    #content .vacancy-info p {
        font-size: 0.875em;
        padding-left: 100px;
    }
}

/************************************************************************************************************************
 * TWITTER STYLES
 ************************************************************************************************************************/
.twitter-feed {
    background: #1b256f;
    padding: 35px 0;
}

.twitter-feed a {
    color: #4066aa;
}

.twitter-feed a:hover {
    color: #6487c7;
}

.twitter-feed .twitter-logo {
    margin-bottom: 30px;
}

.twitter-feed .twitter-logo a {
    font-size: 4.375em;
}

.tweet-slide {
    padding: 0 15px;
    vertical-align: top;
}
.tweet-slide .message {
    font-size: 1.125em;
    color: white;
    line-height: 1.5;
    max-width: 800px;
    margin: 0 auto 40px;
}

.tweet-slide .read-more {
    font-size: 0.875em;
}

.tweet-slide .read-more a {
    font-weight: 700;
    color: white;
}

.tweet-slide .read-more a:hover {
    color: #4066aa;
}

.twitter-feed .slick-prev, .twitter-feed .slick-next {
    top: -10px;
    height: 75px !important;
}

.twitter-feed .slick-prev:hover:before,
.twitter-feed .slick-prev:focus:before,
.twitter-feed .slick-next:hover:before,
.twitter-feed .slick-next:focus:before
{
    color: #6487c7;
}

.twitter-feed .slick-prev.slick-disabled:before,
.twitter-feed .slick-next.slick-disabled:before
{
    color: #27338a;
}

.twitter-feed .slick-prev:before,
.twitter-feed .slick-next:before
{
    color: #4066aa;
}

@media all and (max-width: 1230px) {
    .twitter-feed {
        padding: 35px 0 55px;
    }

    .twitter-feed .twitter-slider {
        padding-bottom: 50px;
        position: relative;
    }

    .twitter-feed .slick-prev {
        left: calc(50% - 39px);
        bottom: -14px;
        top: auto;
        height: 75px;
    }

    .twitter-feed .slick-next {
        left: calc(50% + 15px);
        bottom: -14px;
        top: auto;
        height: 75px;
    }
}

@media all and (max-width: 600px) {
    .twitter-feed {
        padding: 30px 0 50px;
    }

    .twitter-feed .twitter-logo {
        margin-bottom: 20px;
    }

    .twitter-feed .twitter-logo a {
        font-size: 3.75em;
    }
}


/************************************************************************************************************************
 * EXAM BOARDS
 ************************************************************************************************************************/
.exam-board {
    padding: 10px 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 30px;
}

.exam-board-1, .exam-board-2 {
    margin-top: 0;
}

.exam-board .centre-align {
    display: table-cell;
    vertical-align: middle;
}

.exam-board img {
    max-height: 130px;
    margin: 0 auto;
    display: block;
}

@media all and (max-width: 700px) and (min-width: 501px) {
    .exam-board {
        padding: 10px 15px;
        margin-top: 20px;
    }
}

@media all and (max-width: 500px) {
    .exam-board-2 {
        margin-top: 30px;
    }
}


/************************************************************************************************************************
 * POLICIES
 ************************************************************************************************************************/
#content ul.policies {
    list-style: none;
    margin-left: 0;
}

#content ul.policies li {
    margin-top: 10px;
}

#content ul.policies li:first-child {
    margin-top: 0;
}

#content ul.policies li a {
    background: #f6f6f6;
    padding: 4px 10px;
    display: block;
    color: #3b3b3b;
    border-left: 4px solid #fec257;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#content ul.policies li a:hover {
    background: #efeeee;
}

#content ul.policies li span {
    font-size: 1.125em;
    line-height: 1.35;
    color: #0f4186;
    margin-bottom: 20px;
}


/************************************************************************************************************************
 * FEEDER PRIMARY SCHOOLS PAGE
 ************************************************************************************************************************/
.partner-logos a {
    margin-top: 50px;
    display: inline-block;
    padding: 0 20px;
}

.partner-logos img {
    width: 150px;
    margin: 0 auto;
}

.partner-logos .title {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
}

@media all and (max-width: 767px) {
    .partner-logos.row .four {
        width: 33.333% !important;
    }
}

@media all and (max-width: 600px) {
    .partner-logos a {
        padding: 0 10px;
    }
}

@media all and (max-width: 400px) {
    .partner-logos.row .four {
        width: 50% !important;
    }
}


/************************************************************************************************************************
 * NEWS MESSAGE
 ************************************************************************************************************************/
.news-message-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(33, 33, 33, 0.95);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.news-message-wrapper.show {
    opacity: 1;
    pointer-events: auto;
}

.news-message {
    width: 650px;
    position: fixed;
    margin: auto;
    background: white;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 20px 25px;
}

.news-message-content {
    margin-bottom: 25px;
}

.news-message p:last-child {
    margin-bottom: 0;
}

.news-message * {
    color: #3b3b3b;
}

.news-message h1, .news-message h2 {
    line-height: 1.2;
    font-size: 1.75em;
}

.news-message p, .news-message li {
    font-size: 1.125em;
    line-height: 1.5;
}

.news-message p, .news-message li {
    font-size: 1.125em;
    line-height: 1.5;
}

.news-message p.button {
    text-align: center;
    line-height: 1.2em;
}

@media all and (max-width: 700px) {
    .news-message { width: 90%; }

    .news-message-content {
        overflow-y: scroll;
        height: 275px;
    }

    .news-message h1, .news-message h2 {
        font-size: 1.5em;
    }

    .news-message p, .news-message li {
        font-size: 1em;
    }
}

@media all and (max-width: 500px) {
    .news-message img {
        width: 150px;
    }

    .news-message-content {
        height: 250px;
    }
}</pre></body></html>