/* =============================================================================
    TABLE OF CONTENTS
    ========================================================================= */
/* =============================================================================
    1. CSS RESET
    2. BASE STYLING
    3. HEADER
        3.2 LOGO
        3.3 NAVIGATION
    4. FOOTER
        4.2 CONTACT FOOTER
        4.3 MAIN FOOTER
        4.4 COPYRIGHT FOOTER
    5. SECTIONS AND PAGES
        5.1 HOMEPAGE
            5.1.1 SLIDER
            5.1.2 HOMEPAGE ABOUT US
            5.1.3 HOMEPAGE CORE VALUES
            5.1.4 HOMEPAGE NEWS SECTION
            5.1.5 MEET THE TEAM PAGE
        5.2 STANDARD PAGES
            5.2.1 PAGE HEADER
    6. FEATURES
        6.1 SCROLL UP
    7. MOBILE STYLES
        7.1 EXTRA SMALL DEVICES
            7.1.1 FOOTER
                7.1.1.1 CONTACT FOOTER
                7.1.1.2 MAIN FOOTER
                7.1.1.3 COPYRIGHT FOOTER
            7.1.2 HOMEPAGE
                7.1.2.1 HOMEPAGE CORE VALUES
                7.1.2.2 HOMEPAGE NEWS
        7.2 SMALL DEVICES
            7.2.1 FOOTER
                7.2.1.1 CONTACT FOOTER
                7.2.1.2 MAIN FOOTER
            7.2.2 HOMEPAGE
                7.2.2.1 HOMEPAGE SLIDER
                7.2.2.2 HOMEPAGE ABOUT US
                7.2.2.3 HOMEPAGE CORE VALUES
                7.2.2.4 HOMEPAGE NEWS
        7.3 MEDIUM DEVICES
            7.3.1 FOOTER
                7.3.1.1  FOOTER
            7.3.2 HOMEPAGE
                7.3.2.1 HOMEPAGE SLIDER
                7.3.2.2 HOMEPAGE ABOUT US
                7.3.2.3 HOMEPAGE CORE VALUES
                7.3.2.4 HOMEPAGE NEWS
        7.4 LARGE DEVICES
            7.4.1 HEADER
            7.4.2 FOOTER
            7.4.3 HOMEPAGE
                7.4.3.1 HOMEPAGE SLIDER
                7.4.3.2 HOMEPAGE ABOUT US
                7.4.3.3 HOMEPAGE CORE VALUES
                7.4.3.4 HOMEPAGE NEWS
        7.5 EXTRA LARGE DEVICES
            7.5.1 HEADER
            7.5.2 FOOTER
            7.5.3 HOMEPAGE
                7.5.3.1 HOMEPAGE SLIDER
                7.5.3.2 HOMEPAGE ABOUT US
                7.5.3.3 HOMEPAGE CORE VALUES
                7.5.3.4 HOMEPAGE NEWS
    ========================================================================= */
/* =============================================================================
    1. CSS RESET
    ========================================================================= */

    :focus,
    a:active,
    a:focus {
        text-decoration: none;
        outline: 0;
    }
    
    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    b,
    big,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }
    
    blockquote,
    q {
        quotes: none;
    }
    
    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

/* =============================================================================
    2. BASE STYLING
    ========================================================================= */

    html {
        scroll-behavior: smooth;
    }

    body * {
        font-family: "Roboto", sans-serif;
        word-wrap: break-word;
    }

/* =============================================================================
    3. HEADER
    ========================================================================= */

    header {
        position: fixed;
        top: 0;
        width: 100%;
        background: rgba(0,0,0,0.45);
        height: 80px;
        z-index: 999;
        transition: 300ms ease;
        color: #FFF;
    }

/*  3.1 LOGOS
    ------------------------------------------------------------------------- */

    .adastra-logo,
    .ayresome-logo,
    .barnardgrove-logo,
    .brougham-logo,
    .crooksbarn-logo,
    .deafhill-logo,
    .kelloe-logo,
    .rosebrook-logo,
    .sunnyside-logo,
    .westpark-logo,
    .westview-logo {
        display: inline-block;
        border: none;
        height: 70px;
        background-size: cover;
        margin: 5px 0;
        transition: 300ms ease;
    }

    .adastra-logo:hover,
    .ayresome-logo:hover,
    .barnardgrove-logo:hover,
    .brougham-logo:hover,
    .crooksbarn-logo:hover,
    .deafhill-logo:hover,
    .kelloe-logo:hover,
    .rosebrook-logo:hover,
    .sunnyside-logo:hover,
    .westpark-logo:hover,
    .westview-logo:hover {
        text-decoration: none;
    }

    .adastra-logo {
        background-image: url('../img/adastra-logo.png');
        width: calc((235px / 173) * 70);
    }

    .ayresome-logo {
        background-image: url('../img/ayresome-logo.png');
        width: calc((150px / 150) * 70);
    }

    .barnardgrove-logo {
        background-image: url('../img/barnardgrove-logo.png');
        width: calc((150px / 150) * 70);
    }

    .brougham-logo {
        background-image: url('../img/brougham-logo.png');
        width: calc((150px / 150) * 70);
    }

    .crooksbarn-logo {
        background-image: url('../img/crooksbarn-logo.png');
        width: calc((150px / 150) * 70);
    }
    
    .deafhill-logo {
        background-image: url('../img/deafhill-logo.png');
        width: calc((150px / 150) * 70);
    }
    
    .kelloe-logo {
        background-image: url('../img/kelloe-logo.png');
        width: calc((150px / 150) * 70);
    }

    .rosebrook-logo {
        background-image: url('../img/rosebrook-logo.png');
        width: calc((157px / 104) * 70);
    }

    .sunnyside-logo {
        background-image: url('../img/sunnyside-logo.png');
        width: calc((150px / 150) * 70);
    }

    .westpark-logo {
        background-image: url('../img/westpark-logo.png');
        width: calc((150px / 150) * 70);
    }

    .westview-logo {
        background-image: url('../img/westview-logo.png');
        width: calc((150px / 150) * 70);
    }

/*  3.2 NAVIGATION
    ------------------------------------------------------------------------- */

    header nav {
        position: relative;
    }

    .navbar-nav {
        position: absolute;
        right: 0;
        flex-direction: row!important;
    }

    .navbar-nav > li > a {
        font-size: 11pt;
        text-transform: uppercase;
        padding: 0 15px;
        color: #FFF;
        font-weight: 500;
        display: inline-block;
        min-height: 80px;
        line-height: 80px;
        transition: 300ms ease;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:active {
        color: #ccb73a;
        text-decoration: none;
        background-color: rgba(0,0,0,.75);
    }

    .navbar-nav > li.dropdown > a {
        padding: 0 30px 0 15px!important;
    }

    .navbar-nav > li.dropdown > a::after {
        display: block;
        position: absolute;
        top: 0;
        right: 15px;
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-size: 8px;
        font-weight: 600;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        background-color: rgba(0,0,0,.75);
        min-width: 250px;
        padding: 10px 0;
        border: none;
        display: block;
        transition: transform .4s cubic-bezier(1,0,0,1);
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        position: absolute;
        top: auto;
        left: 0;
        z-index: 10;
    }

    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        border-radius: 0;
    }

    .dropdown-menu li a {
        padding: 10px 20px!important;
        text-transform: uppercase;
        font-size: 11pt;
        color: #FFF;
        font-weight: 500;
        min-height: unset!important;
        line-height: unset!important;
        display: block;
    }

    .dropdown-menu li a:hover {
        text-decoration: none;
        color: #ccb73a;
    }

    .navbar-scroll {
        background: #bfac35;
        height: 80px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    }

    .navbar-scroll .adastra-logo,
    .navbar-scroll .ayresome-logo,
    .navbar-scroll .barnardgrove-logo,
    .navbar-scroll .brougham-logo,
    .navbar-scroll .crooksbarn-logo,
    .navbar-scroll .rosebrook-logo,
    .navbar-scroll .sunnyside-logo,
    .navbar-scroll .westpark-logo,
    .navbar-scroll .westview-logo {
        height: 70px;
        margin: 5px 0;
    }

    .navbar-scroll .adastra-logo {
        background-image: url('../img/adastra-logo-white.png');
        width: calc((235px / 173) * 70);
    }

    .navbar-scroll .ayresome-logo {
        background-image: url('../img/ayresome-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .barnardgrove-logo {
        background-image: url('../img/barnardgrove-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .brougham-logo {
        background-image: url('../img/brougham-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .crooksbarn-logo {
        background-image: url('../img/crooksbarn-logo-white.png');
        width: calc((150px / 150) * 70);
    }
    
        .navbar-scroll .deafhill-logo {
        background-image: url('../img/deafhill-logo-white.png');
        width: calc((150px / 150) * 70);
    }

        .navbar-scroll .kelloe-logo {
        background-image: url('../img/kelloe-logo-white.png');
        width: calc((150px / 150) * 70);
    }


    .navbar-scroll .rosebrook-logo {
        background-image: url('../img/rosebrook-logo-white.png');
        width: calc((157px / 104) * 70);
    }

    .navbar-scroll .sunnyside-logo {
        background-image: url('../img/sunnyside-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .westpark-logo {
        background-image: url('../img/westpark-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .westview-logo {
        background-image: url('../img/westview-logo-white.png');
        width: calc((150px / 150) * 70);
    }

    .navbar-scroll .navbar-nav li a {
        min-height: 80px;
        line-height: 80px;
    }

    .navbar-scroll .navbar-nav li a:hover{
        color: #DDD;
        background: #a09135;
    }

    .navbar-scroll .navbar-nav > li > .dropdown-menu {
        background-color: #bfac35;
    }

    .navbar-scroll .navbar-nav > li > .dropdown-menu li a:hover {
        color: #EEE;
        background-color: #a09135;
    }

    #menu-toggle {
        display: none;
    }

    .mob-hamburger {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        line-height: 80px;
        font-size: 26pt;
        color: #FFF;
        height: 80px;
        padding: 0 20px;
        transition: all 300ms ease-in-out;
        cursor: pointer;
    }

    .mob-nav-contain {
        display: block;
        list-style-type: none;
        background: #bfac35;
        color: #FFF;
        padding: 20px 0 0;
        width: 250px;
        position: fixed;
        top: 0;
        left: -260px;
        min-height: 100vh;
        transition: all 300ms ease-in-out;
        overflow: hidden;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    }

    #menu-toggle:checked ~ .mob-nav-contain {
        left: 0px;
    }

    #menu-toggle:checked + .mob-hamburger {
        left: 250px;
        background: #bfac35;
      }

    .mob-nav > li {
        display: block;
        font-size: 12pt;
        line-height: 20pt;
        padding: 7.5px 25px;
        position: relative;
    }

    .mob-nav > li.dropdown::after {
        content: "\f0d7";
        position: absolute;
        right: 20px;
        font-weight: 600;
        font-family: "Font Awesome 5 Free";
        font-size: 11pt;
    }

    .mob-nav > li > a {
        color: #FFF;
    }

    .mob-nav > li > a:hover {
        border-bottom: none;
    }

    .mob-nav > li.dropdown:hover {
        background: rgba(0,0,0,0.12);
    }

    .mob-nav > li.dropdown:hover::after {
        content: "\f0d8";
        position: absolute;
        right: 20px;
        font-weight: 600;
        font-family: "Font Awesome 5 Free";
        font-size: 11pt;
    }

    .mob-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
        list-style-type: none;
        background: rgba(0,0,0,0.05);
        color: #FFF;
        padding: 5px 0;
        margin: 7.5px 0;
        width: calc(100% + 50px);
        position: relative;
        left: -25px;
        transition: all 300ms ease-in-out;
        overflow: hidden;
        box-shadow: none!important;
        border: none;
    }

    .mob-nav > li.dropdown > .dropdown-menu > li > a {
        text-transform: none;
        font-size: 11pt;
        font-weight: 300;
        padding: 5px 25px!important;
    }

    .mob-nav > li.dropdown > .dropdown-menu > li > a:hover {
        color: #FFF;
    }

    .mob-nav-contain .searchlink {
        visibility: hidden;
    }

    .mob-nav-contain .searchform [type="submit"] {
        display: none;
    }

    .mob-nav-contain .searchform #s {
        position: relative;
        top: -50px;
        width: 210px;
        margin: 0 20px;
    }

    .mob-nav-contain .searchform::after {
        content: "\f002";
        font-size: 16px;
        color: #ddd;
        font-weight: 600;
        font-family: 'Font Awesome 5 Free';
        position: relative;
        top: -76.5px;
        left: 205px;
    }

/* =============================================================================
    4. FOOTERS
    ========================================================================= */

    #footer {
        background-image: linear-gradient(rgba(67,67,67,0) 150px, rgba(67,67,67,1) 150px, rgba(67,67,67,1));
        padding: 50px 0 0;
    }

    #footer::before {
        background-image: url('../img/stars-four.png');
        background-repeat: no-repeat;
        background-position: left top;
        content: " ";
        width: calc(((100vw - 1070px) * 0.5) + 50px);
        position: absolute;
        display: block;
        min-height: 280px;
        max-height: 360px;
        margin: 100px 0 0;
        right: 0;
    }

/*  4.1 CONTACT FOOTER
    ------------------------------------------------------------------------- */
    .contact-footer {
        background: #bfac35;
        border-radius: 40px;
        margin: 0 25px;
        box-shadow: 0px 0px 20px rgba(67,67,67,0.5);
        width: 100%;
    }

    .contact-address,
    .contact-telephone,
    .contact-email {
        float: left;
        display: inline-block;
        width: 33.33%;
        padding: 25px 15px;
        text-align: center;
        color: #FFF;
        height: 200px;
        position: relative;
    }

    .contact-address span,
    .contact-telephone span,
    .contact-email span {
        font-size: 20pt;
    }

    .contact-address h4,
    .contact-telephone h4,
    .contact-email h4 {
        margin: 10px 0;
        padding: 0;
        font-size: 13pt;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .contact-address a,
    .contact-telephone a,
    .contact-email a {
        font-size: 10pt;
        text-decoration: none;
        color: #FFF;}

    .contact-address a:hover,
    .contact-telephone a:hover,
    .contact-email a:hover {
        text-decoration: underline;
        color: #FFF;}

    .contact-address::after,
    .contact-telephone::after {
        content: "";
        height: 50%;
        width: 1px;
        background: #FFF;
        position: absolute;
        top: 25%;
        right: 0;
    }

/*  4.2 MAIN FOOTER
     ------------------------------------------------------------------------- */
    .main-footer {
        padding: 50px 0;
        position: relative;
    }

    .main-footer .container .row .col-lg-3:first-of-type img {
        width: calc(250px * 0.6);
        height: calc(173px * 0.6);
    }

    .footer-motto {
        color: #FFF;
        font-weight: 100;
        font-size: 10.5pt;
        letter-spacing: 0.25pt;
        margin: 25px auto 0;
    }

    .main-footer .container .row .col-lg-3 h3 {
        font-size: 12pt;
        color: #FFF;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0 auto 25px;
        letter-spacing: 1.5px;
    }

    .latest-tweets ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .latest-tweets ul li {
        position: relative;
        padding: 0 20px;
    }

    .latest-tweets ul li::before {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'Font Awesome 5 Brands' !important;
        content: '\f099';
        color: #bfac35;
    }

    .tweet-text {
        font-size: 10pt;
        color: #FFF;
        letter-spacing: 0.2pt;
        line-height: 16pt;
    }

    .tweet-text a {
        text-decoration: underline;
        color: #FFF;
    }

    .tweet-text a:hover {
        text-decoration: underline;
        color: #bfac35;
    }

    .tweet-details a {
        text-decoration: none;
        color: #FFF;
        font-size: 9pt;
    }

    .tweet-details a:hover {
        text-decoration: none;
        color: #bfac35;
    }

    #menu-quick-links {
        list-style-type: none;
        position: relative;
        padding: 0;
    }

    #menu-quick-links li {
        font-size: 10pt;
        line-height: 20pt;
    }

    #menu-quick-links li a {
        color: #FFF;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
        padding: 0 0 0 20px;
    }

    #menu-quick-links li a::before {
        position: absolute;
        left: 0;
        top: 0;
        font-family: 'Font Awesome 5 Free' !important;
        content: '\f101';
        color: #FFF;
        font-weight: 900;
        margin: -4.5px 0 0;
        font-size: 10pt;
    }

    .footer-tagline {
        position: relative;
        color: #fff;
        display: inline;
        white-space: pre-wrap;
        border: 0 solid transparent;
        border-width: 8px 0;
        font-size: 13pt;
        text-transform: uppercase;
        font-weight: 400;
        outline: 1.75px solid #FFF;
        letter-spacing: 2px;
    }

    .footer-tagline > span {
        position: relative;
        z-index: 1;
        line-height: 24pt;
        padding-left: 8px;
    }

    .footer-tagline > span::after {
        content: " ";
    }

    .footer-tagline > span > span {
        display: inline-block;
        padding-left: 8px;
    }

    .main-footer h4 {
        font-size: 15pt;
        text-transform: uppercase;
        color: #FFF;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    .main-footer h4 span {
        color: #bfac35;
        display: block;
    }

    .footer-social-links {
        margin: 25px 0;
    }

    .footer-social-links a {
        margin: 0 3px;
        background: #bfac35;
        color: #FFF;
        font-size: 11pt;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
        text-align: center;
    }

    .footer-social-links a:first-of-type {
        margin: 0 3px 0 0;
    }

    .footer-social-links a:last-of-type {
        margin: 0 0 0 3px;
    }

    .footer-social-links a:hover {
        background: #a09135;
        color: #FFF;
    }

/*  4.3 COPYRIGHT FOOTER
    ------------------------------------------------------------------------- */

    .second-footer {
        background: #2d2d2d;
        font-size: 11pt;
        color: #FFF;
        padding: 30px 0;
    }

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

    .footer-right a {
        color: #fff;
    }

    .footer-right a:hover {
        color: #ccb73a;
    }

    .footer-right a:first-of-type {
        margin: auto 10px auto 0;
    }

    .footer-right a:last-of-type {
        margin: auto 0 auto 10px;
    }

/* =============================================================================
    5. SECTION STYLING
    ========================================================================= */
/*  5.1 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  5.1.1 SLIDER
    ------------------------------------------------------------------------- */

    .slider-item {
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .slider-item .overlay {
        height: 100%;
        margin: 0;
        background-image: url('../img/stars-three.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        content: " ";
        width: 100vw;
        position: absolute;
        bottom: 0;
        display: block;
        z-index: 2;
        background-image: url('../img/stars-three.png'), linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 35%, rgba(0,0,0,0) 80%);
    }

    .slider-item .container {
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 3;
        max-width: 1080px;
    }

    .slider-item .text {
        margin-top: calc((100vh - 250px) * 0.5);
    }


    .slider-header {
        position: relative;
        color: #fff;
        display: inline;
        white-space: pre-wrap;
        border: 0 solid transparent;
        border-width: 8px 0;
        font-size: 40pt;
        text-transform: uppercase;
        font-weight: 400;
        outline: 1.75px solid #FFF;
        letter-spacing: 2px;
    }

    .slider-header > span {
        position: relative;
        z-index: 1;
        line-height: 34pt;
        padding-left: 8px;
    }

    .slider-header > span::after {
        content: " ";
    }

    .slider-header > span > span {
        display: inline-block;
        padding-left: 8px;
    }

    .slider-item p {
        color: #FFF;
        font-weight: 100;
        font-size: 18pt;
        padding: 20px 0 15px;
        letter-spacing: 1.5px;
    }

    .slider-item a {
        font-size: 11pt;
        color: #FFF;
        background: #ccb73a;
        padding: 15px 25px;
        border-radius: 6px;
    }

    .slider-item a:hover {
        background: #a09135;
        text-decoration: none;
        color: #FFF;
    }

    .owl-nav {
        position: relative;
        top: -50vh;
        color: #FFF;
        font-size: 50px;
        display: grid;
        grid-template-columns: auto 1070px auto;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        width: 40px;
        position: absolute;
    }

    .owl-nav .owl-prev:focus,
    .owl-nav .owl-next:focus {
        outline: none;
    }

    .owl-nav .owl-prev:hover,
    .owl-nav .owl-next:hover {
        color: #ccb73a!important;
    }

    .owl-nav .owl-prev {
        left: calc((100vw - 1070px) * 0.25);
        right: auto;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .owl-nav .owl-next {
        right: calc((100vw - 1070px) * 0.25);
        left: auto;
        grid-column-start: 3;
        grid-column-end: 3;
    }

    .trust-overlay {
        background-image: url('../img/trust_overlay.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: calc(200px * 2.576);
        height: 200px;
        /*
        position: absolute;
        bottom: 0;
        right: 0;
        */
        position: relative;
        margin-top: -200px;
        margin-left: calc(100% - calc(200px * 2.576));
        z-index: 8;
        display: none;
    }

    .mob-home {
        display: block;
        width: 100%;
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('https://adastraschools.org/wp-content/uploads/2021/10/new_mob_banner_7.jpg');
        background-size: cover;
        background-position: left center;
        height: 100vh;
        min-height: 400px;
        padding: 150px 5% 25px;
    }

    .mob-motto {
        position: relative;
        top: calc(((100% - 150px) / 2) - 60px);
        color: #fff;
        display: inline;
        white-space: pre-wrap;
        border: 0 solid transparent;
        border-width: 8px 0;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 400;
        outline: 1.75px solid #FFF;
        letter-spacing: 2px;
    }

    .mob-motto > span {
        position: relative;
        z-index: 1;
        line-height: 160%;
        padding-left: 8px;
    }

    .mob-motto > span::after {
        content: " ";
    }

    .mob-motto > span > span {
        display: inline-block;
        padding-left: 8px;
    }

    .mob-home-ay, .mob-home-bg, .mob-home-br, .mob-home-cb, .mob-home-rb, .mob-home-sa, .mob-home-wp, .mob-home-wv {
        display: block;
        width: 100%;
        background-size: cover;
        background-position: center;
        height: 100vh;
        min-height: 400px;
        padding: 150px 5% 25px;
    }

    .mob-home-ay {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://ayresome.adastraschools.org/wp-content/uploads/sites/7/2021/11/slide_3.jpg');
    }

    .mob-home-bg {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('https://barnardgrove.adastraschools.org/wp-content/uploads/sites/8/2021/11/barnard_grove_exterior.jpg');
    }

    .mob-home-br {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://brougham.adastraschools.org/wp-content/uploads/sites/3/2021/12/slide_10.jpg');
        background-position: left center!important;
    }

    .mob-home-cb {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://crooksbarn.adastraschools.org/wp-content/uploads/sites/6/2021/11/slide_3.jpg');
    }
    
    .mob-home-dh {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('MOB HOME BANNER HERE');
    }

    .mob-home-rb {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('https://rosebrook.adastraschools.org/wp-content/uploads/sites/2/2021/08/rosebrook_exterior_1-scaled.jpg');
    }

    .mob-home-sa {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://sunnyside.adastraschools.org/wp-content/uploads/sites/9/2022/03/mob_banner_1.jpg');
    }

    .mob-home-wp {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://westpark.adastraschools.org/wp-content/uploads/sites/5/2021/11/slide_2.jpg');
    }

    .mob-home-wv {
        background-image: linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 80%), url('http://westview.adastraschools.org/wp-content/uploads/sites/4/2021/11/slide_1.jpg');
    }

/*  5.1.2 HOMEPAGE ABOUT US
    ------------------------------------------------------------------------- */

    #about {
        padding: 125px 0;
        margin: -1px 0 0;
        background: #FFF;
        background-image: linear-gradient(rgba(204,183,58,1) 10px, rgba(255,255,255,1) 10px, rgba(255,255,255,1));
    }

    .about-shadow {
        box-shadow: 0px 0px 15px rgba(135,135,135,0.2);
        position: relative;
    }

    #about:before {
        background-image: url('../img/stars-two.png');
        background-repeat: no-repeat;
        background-position: left top;
        content: " ";
        width: calc(((100vw - 1070px) * 0.5) - 20px);
        height: calc(100% - 50px);
        min-height: 780px;
        max-height: 900px;
        position: absolute;
        display: block;
        right: 0;
        margin-top: -115px;
    }

    #about .container .col-xs-12 .service-box {
        margin-bottom: 25px;
    }

    #about .container .col-xs-12:last-of-type .service-box {
        margin-bottom: 0;
    }

    .service-box .media a {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 243.33px;
        display: block;
    }

    #about .container .col-xs-12 .service-box .tc-table {
        width: 100%;
        display: grid;
        margin: -20px auto 0;
        grid-template-columns: 40px auto 40px;
        grid-template-rows: 20px 20px;
        grid-gap: 0px;
    }

    .service-box .text-container .tc-table .tc-row-1-left {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(135deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .service-box .text-container .tc-table .tc-row-2-left {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(45deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .service-box .text-container .tc-table .tc-row-head {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        color: #FFF;
        background: rgba(204,183,58,1);
        z-index: 4;
    }

    .service-box .text-container .tc-table .tc-row-head h3 {
        display: block;
        line-height: 40px;
        font-size: 11pt;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: normal;
        color: #FFF;
        margin: 0;
        padding: 0;
    }

    .service-box .text-container .tc-table .tc-row-foot {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
        background: rgba(204,183,58,1);
        z-index: 3;
    }

    .service-box .text-container .tc-table .tc-row-1-right {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(225deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .service-box .text-container .tc-table .tc-row-2-right {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(315deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .about-body {
        color: #878787;
        font-size: 12.5pt;
        padding: 30px 25px 25px;
        font-weight: 300;
        letter-spacing: 0.5px;
    }

    .read-more-hr {
        background: rgba(125,125,125,0.2);
        height: 1px;
        width: calc(100% - 50px);
        margin: 0 25px;
        display: block;
    }

    .read-more-contain {
        text-align: right;
        padding: 20px 25px;
    }

    .read-more {
        text-decoration: none;
        color: #ccb73a;
        border-bottom: 1px solid #ccb73a;
        font-size: 11.5pt;
    }

    .read-more:hover {
        color: #a09135;
        border-bottom: 1px solid #a09135;
        text-decoration: none;
    }

/*  5.1.3 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        display: grid;
        grid-template-columns: 55% 45%;
        grid-template-rows: auto auto;
        grid-gap: 0px;
    }

    .cv-left {background: #bfac35;
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        min-height: 620px;
        position: relative;
    }

    .cv-left:before {
        background-image: url('../img/stars-one.png');
        background-repeat: no-repeat;
        background-position: right top;
        content: " ";
        width: calc(((100vw - 1070px) * 0.5) - 45px);
        min-height: 620px;
        height: 100%;
        position: absolute;
        display: block;
    }

    .cv-right {
        background: #EEE;
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        min-height: 620px;
        background-size: cover;
        background-position: center right;
    }

    .cv-body {
        position: relative;
        width: 1140px !important;
        margin: -620px calc((100vw - 1170px) / 2) 0 !important;
        display: block;
        padding: 50px 0;
    }

    .cv-title {
        font-size: 26pt;
        font-weight: 600;
        margin: 0 auto 20px;
        color: #FFF;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    .cv-content-one,
    .cv-content-two {
        font-size: 12pt;
        line-height: 20pt;
        color: #FFF;
    }

    .cv-content-one {
        margin-bottom: 20px;
    }

    .cv-content-two {
        margin-top: 20px;
    }

    .cv-acronym-contain {
        display: grid;
        grid-template-columns: 66.67% 33.33%;
        grid-template-rows: auto auto auto auto auto;
        grid-gap: 0px;
    }

    .cv-acronym-1 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;}

    .cv-acronym-2 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .cv-acronym-3 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
    }

    .cv-acronym-4 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 4;
        grid-row-end: 4;
    }

    .cv-acronym-5 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 5;
        grid-row-end: 5;
    }

    .cv-acronym {
        font-size: 24pt;
        font-weight: 100;
        text-transform: uppercase;
        color: #FFF;
        margin: 0 0 6px;
        letter-spacing: 0.1em;
        text-align: left;
    }

    .cv-acronym:last-of-type {
        margin: 0;
    }

    .cv-acronym::first-letter {
        text-transform: uppercase;
        font-weight: 600;
    }

    .cv-acronym-image {
        width: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: 100% auto;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 5;
    }

/*  5.1.4 HOMEPAGE NEWS SECTION
    ------------------------------------------------------------------------- */

    #homepage-news {
        padding: 80px 0 50px;
    }

    #homepage-news h2 {
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 16pt;
        font-weight: 600;
        color: #bfac35;
        letter-spacing: 5px;
        text-transform: uppercase;
    }

    #homepage-news h3 {
        text-align: center;
        color: #676767;
        font-size: 11pt;
        padding: 20px 0;
        font-weight: 400;
        margin: 0 0 40px;
    }

    .news-latest-entry,
    .news-other-entry {
        border: 1px solid #e8e8e8;
        padding: 10px;
    }

    .news-latest-entry a:hover,
    .news-other-entry a:hover {
        text-decoration: none!important;
    }

    .news-image {
        display: block;
        width: 100%;
        min-height: 400px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .news-date {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        background: rgba(191,172,53,0.8);
        width: 75px;
        height: 75px;
        text-align: center;
    }

    .news-date-day {
        display: block;
        font-size: 28pt;
        color: #FFF;
        font-weight: 600;
        margin: 1px 0 0;
        padding: 0;
    }

    .news-date-month {
        display: block;
        font-size: 13pt;
        color: #FFF;
        font-weight: 600;
        letter-spacing: 2.5px;
        margin: -12px 0 0;
        padding: 0;
        text-transform: uppercase;
    }

    .news-title,
    .news-other-title {
        display: block;
        font-size: 12pt;
        color: #676767;
        margin: 15px 0 0;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        line-height: 16pt;
    }

    .news-excerpt,
    .news-other-excerpt {
        display: block;
        font-size: 10pt;
        color: #676767;
        padding: 10px 0;
        line-height: 14pt;
    }

    .news-link {
        display: inline-block;
        padding: 6px 12px;
        color: #FFF!important;
        background: #bfac35;
        margin: 15px 0 0;
        font-size: 10.5pt;
    }

    .news-other-contain .news-link {
        margin: 0 !important;
    }

    .news-link:hover {
        background: #a09135;
        color: #FFF;
        text-decoration: underline;
    }

    .news-other-entry {
        margin: 0 0 25px;
        display: grid;
        grid-template-columns: 25% 75%;
        grid-template-rows: auto;
    }

    .news-other-entry:last-of-type {
        margin: 0;
    }

    .news-other-image {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }

    .news-other-contain {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        padding: 0 0 0 10px;
    }

    .news-other-title {
        margin: 0 !important;
    }

    .news-post-title {
        display: block;
        font-size: 16pt!important;
        color: #676767;
        margin: 30px 0 15px;
        font-weight: 600;
    }

    .standard-page .news-excerpt,
    .page-content > p {
        font-size: 10.5pt;
        line-height: 17pt;
        color: #676767;
    }

/*  5.1.5 MEET THE TEAM PAGE
    ------------------------------------------------------------------------- */

    .mtt-title {
        text-transform: uppercase;
        letter-spacing: 7.5px!important;
        color: #ccb73a!important;
        text-align: center;
    }

    .mtt-member {
        background-size: 210px 210px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 90%;
        min-height: 210px;
    }

    .mtt-name,
    .mtt-job {
        padding: 5px 10px;
        font-size: 18px;
    }

    .mtt-name {
        display: block;
        font-weight: 400;
        color: #676767;
    }

    .mtt-job {
        display: inline-block;
        margin: 0 auto;
        font-weight: 500;
        background: #CCB73A;
        color: #FFF;
    }

/*  5.2 PAGE 
    ------------------------------------------------------------------------- */

    .standard-page:before {
        background-image: url('../img/stars-two.png');
        background-repeat: no-repeat;
        background-position: left top;
        content: " ";
        width: calc((100% - 1110px) * 0.5);
        height: calc(100% - 50px);
        min-height: 780px;
        max-height: 900px;
        position: absolute;
        display: none;
        left: 0;
        transform: scaleX(-1);
        margin-top: -130px;
    }

    .standard-page:after {
        background-image: url('../img/stars-two.png');
        background-repeat: no-repeat;
        background-position: left top;
        content: " ";
        width: calc((100% - 1110px) * 0.5);
        height: calc(100% - 50px);
        min-height: 780px;
        max-height: 900px;
        position: absolute;
        display: none;
        right: 0;
        margin-top: -555px;
    }

/*  5.2.1 PAGE BANNER
    ------------------------------------------------------------------------- */

    .page-banner {
        height: 450px;
        background-size: cover;
        background-position: center 12.5%;
        position: relative;
    }

    .page-banner .container {
        z-index: 3;
        position: relative;
    }

    .page-banner h1 {
        margin: 320px 0 5px;
        font-size: 28pt;
        font-weight: 300;
        letter-spacing: 3px;
        color: #FFF;
    }

    .page-banner .row:last-of-type {
        font-style: italic;
        letter-spacing: 0.5px;
        font-size: 12pt;
        font-weight: 300;
    }

    .banner-star {
        padding: 0 15px;
        font-size: 8pt;
        color: #FFF;
        position: relative;
        top: -2px;
    }

    .page-banner a {
        color: #FFF;
    }

    .page-banner a:hover,
    .page-banner a:last-of-type,
    .page-banner a:last-of-type .banner-star,
    .page-banner a:hover .banner-star {
        color: #ccb73a;
        text-decoration: none;
    }

    .page-banner-overlay {
        height: 450px;
        margin: 0;
        background-image: url('../img/stars-three-lighter.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        content: " ";
        width: 100%;
        position: absolute;
        bottom: 0;
        display: block;
        z-index: 2;
        background-image: url('../img/stars-three-lighter.png'), linear-gradient(135deg, rgba(0,0,0,0.75), rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0) 80%);
    }

    .page-banner-mob {
        background-position: top left!important;
    }

/*  5.2.2 PAGE CONTENT
    ------------------------------------------------------------------------- */

    .page-content h1,
    .page-content h2,
    .page-content h3,
    .page-content h4,
    .page-content h5 {
        font-weight: 500;
        color: #676767;
        padding: 0 0 15px;
        letter-spacing: 1px;
    }

    .page-content h1 {
        font-size: 26pt;
    }

    .page-content h2 {
        font-size: 20pt;
    }

    .page-content h3 {
        font-size: 16pt;
    }

    .page-content h4 {
        font-size: 13pt;
    }

    .page-content h5 {
        font-size: 11pt;
    }

    .page-content p {
        font-size: 11pt;
        color: #676767;
        letter-spacing: 0.5px;
        font-weight: 300;
    }

    .page-content a {
        color: #bfac35;
        font-weight: 400;
    }

    .page-content a:hover {
        color: #a09135;
        text-decoration: underline;
    }

    .page-content ul, .page-content ol {
        font-weight: 300;
        color: #676767;
        padding: 0 15px 0 25px;
    }

    .page-content table {
        width: 95%;
        margin: 10px 0 25px;
    }

    .page-content table th {
        background: #a09135;
        color: #FFF;
        font-size: 12.5pt;
        font-weight: 500;
        padding: 6px 12px;
    }

    .page-content table tr {
        background: #EEE;
    }

    .page-content table tr:nth-of-type(even) {
        background: #FFF;
    }

    .page-content table tr td {
        font-size: 11pt;
        font-weight: 400;
        padding: 6px 12px;
        color: #676767;
        border: 1px solid #DDD;
    }

/*  5.2.3 PAGE SIDEBARS
    ------------------------------------------------------------------------- */

    .side-nav {
        margin: 50px auto 0;
        list-style-type: none;
        position: relative;
        max-width: 550px;
    }

    .side-nav li {
        font-size: 12pt;
    }

    .side-nav .tc-table {
        width: 100%;
        display: grid;
        margin: 0 auto;
        grid-template-columns: 40px auto 40px;
        grid-template-rows: 20px 20px;
        grid-gap: 0px;
        z-index: 2;
    }

    .side-nav .tc-table .tc-row-1-left {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(135deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .side-nav .tc-table .tc-row-2-left {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(45deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .side-nav .tc-table .tc-row-head {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        color: #FFF;
        background: rgba(204,183,58,1);
        z-index: 4;
    }

    .side-nav .tc-table .tc-row-head h3 {
        display: block;
        line-height: 40px;
        font-size: 12pt;
        text-align: center;
        font-weight: 600;
        color: #FFF;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    .side-nav .tc-table .tc-row-foot {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
        background: rgba(204,183,58,1);
        z-index: 3;
    }

    .side-nav .tc-table .tc-row-1-right {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(225deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .side-nav .tc-table .tc-row-2-right {
        background: rgba(0,0,0,0);
        background-image: linear-gradient(315deg, rgba(204,183,58,0) 50%, rgba(204,183,58,1) 50%, rgba(204,183,58,1));
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .side-nav .side-nav-box {
        box-shadow: 0px 0px 5px rgba(0,0,0,0.35);
        padding: 25px 0 0;
        margin: -20px 0 0;
        background: #FFF;
        z-index: 1;
    }

    .side-nav .side-nav-box h2 {
        color: #353535;
        font-weight: 500;
        margin: 0;
        font-size: 13pt;
        padding: 15px 25px 20px;
    }

    .side-nav .side-nav-box ul {
        list-style-type: none;
    }

    .side-nav .side-nav-box ul li {
        background: #FFF;
    }

    .side-nav .side-nav-box ul li:nth-of-type(even) {
        background: #EEE;
    }

    .side-nav .side-nav-box ul li a {
        display: block;
        padding: 15px 25px;
        color: #777;
        font-size: 11pt;
        font-weight: 500;
    }

    .side-nav .side-nav-box ul li a:hover {
        color: #bfac35;
        text-decoration: none;
    }

    .side-nav .side-nav-box ul li.current-menu-item a {
        background: #bfac35;
        color: #FFF;
    }

    .side-nav .side-nav-box form [type=text] {
        width: calc(100% - 20px);
        padding: 5px;
        font-size: 12pt;
        border: 1px solid #ddd;
        margin: 7px 10px 10px;
        color: #353535;
    }

    .side-nav .side-nav-box form [type=submit] {
        display: none;
    }

    .standard-page .side-nav-box .news-latest-entry {
        padding: 20px 15px 20px;
        border: none;
        position: relative;
    }

    .standard-page .side-nav-box .news-latest-entry:first-of-type {
        padding: 10px 15px 20px;
    }

    .standard-page .side-nav-box .news-latest-entry:last-of-type {
        padding: 20px 15px 12px;
    }

    .standard-page .side-nav-box .news-latest-entry::after {
        content: "";
        width: 50%;
        height: 1px;
        background: #DDD;
        position: absolute;
        left: 25%;
        bottom: 0;
        top: 100%;
    }

    .standard-page .side-nav-box .news-latest-entry:last-of-type::after {
        display: none;
    }

    .standard-page .side-nav-box .news-image {
        min-height: 150px;
    }

/*  5.2.3 PAGE CONTENT
    ------------------------------------------------------------------------- */

    .standard-page {
        min-height: 500px;
        padding: 80px 0;
        background-image: linear-gradient(rgba(204,183,58,1) 10px, rgba(255,255,255,1) 10px, rgba(255,255,255,1));
    }

    .standard-page .page-content .news-latest-entry {
        margin-top: 30px;
    }

    .standard-page .page-content .news-latest-entry:first-of-type {
        margin-top: 0;
    }

/*  5.2.3 SEARCH FUNCTION
    ------------------------------------------------------------------------- */

    .standard-page article {
        padding: 25px 0;
    }

    .standard-page article.post .entry-title {
        margin: 0 0 10px;
    }

    .standard-page article.page .entry-title {
        background: #bfac35;
        margin: 0 0 10px;
        padding: 5px 10px;
    }

    .standard-page article.page .entry-title a {
        color: #FFF;
    }

    .standard-page article .p-more {
        text-align: right;
    }

    .standard-page article .p-more a {
        background: #bfac35;
        color: #FFF;
        padding: 8px 16px;
    }

    .standard-page article .p-more a:hover {
        background: #a09135;
    }

    .page-content img.size-full {
        max-width: 100%;
        height: auto;
    }

/*  5.2.4 TRUST SCHOOLS PAGE
    ------------------------------------------------------------------------- */

    .single-school {
        margin: 0 0 80px;
    }

    .single-school a.imglink, .single-school a.imglink:hover {
        text-decoration: none;
        color: #FFF;
    }

    .single-school .img {
        height: 200px;
        width: 100%;
        background-size: cover;
        background-position: top center;
        margin: 0;
    }

    .single-school h1 {
        font-size: 12pt;
        font-weight: 500;
        padding: 10px;
        text-transform: uppercase;
        background: #bfac35;
        color: #FFF;
        max-height: 40px;
        margin: 0;
    }

    .single-school p {
        font-size: 11pt;
        padding: 15px 5px 10px;
    }

    .single-school p a {
        color: #ccb73a;
        text-decoration: none;
    }

    .single-school p a:hover {
        color: #a09135;
        text-decoration: underline;
    }

    .single-school a.sitelink {
        display: inline-block;
        background: #bfac35;
        color: #FFF;
        padding: 7.5px 15px;
        border-radius: 0.4em;
        font-weight: 300;
        text-decoration: none;
    }

    .single-school a.sitelink:hover {
        color: #FFF;
        background: #a09135;
        text-decoration: none;
    }

    .single-school a.sitelink::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f108";
        margin: 0 10px 0 0;
    }

/*  5.2.5 404 ERROR PAGE
    ------------------------------------------------------------------------- */

    .fourohfour {
        margin: 0;
        padding: 150px 0 50px;
        text-align: center;
    }

    .fourohfour h1,
    .fourohfour h2 {
        color: #676767;
        font-weight: 500;
        margin: 0;
        padding: 0 0 15px;
    }

    .fourohfour h1 {
        font-size: 20pt;
    }

    .fourohfour h2 {
        font-size: 16pt;
    }

    .fourohfourgold {
        background: #bfac35;
        padding: 35px 0;
        margin: 0 0 25px;
        text-align: center;
    }

    .fourohfourgold p {
        font-size: 11pt;
        color: #FFF;
        letter-spacing: 0.5px;
        padding: 0 0 10px;
    }

    .fourohfourgold p a,
    .fourohfourgold p a:hover {
        font-weight: 500;
        text-decoration: underline;
        color: #FFF;
    }

/*  5.2.6 CAREERS PAGE
    ------------------------------------------------------------------------- */

    .job_filters {
        background: #EEE;
        margin-bottom: 30px!important;
    }

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

    .job_filters .search_jobs {
        padding: 1em;
    }

    .job_filters .search_jobs div.search_keywords,
    .job_filters .search_jobs div.filter_first {
        float: left;
        padding-right: .5em;
        width: 50%;
    }

    .job_filters .search_jobs div.search_location,
    .job_filters .search_jobs div.filter_last {
        float: right;
        padding-left: .5em;
        width: 50%;
    }

    .job_filters .search_jobs div label {
        display: none;
    }

    input#search_keywords,
    input#search_location {
        padding-left: 6px;
    }

    .job_filters .search_jobs input,
    .job_filters .search_jobs select {
        box-sizing: border-box;
        width: 100%;
    }

    .job_filters .search_jobs div.search_categories,
    .job_filters .search_jobs div.filter_wide {
        padding-top: .5em;
        clear: both;
        width: 100%;
    }

    .job_filters .search_jobs::after {
        clear: both;
    }

    .job_filters .job_types {
        list-style: none outside;
        margin: 0;
        padding: 0;
        font-size: .83em;
        background: #f9f9f9;
        border-top: 1px solid #e5e5e5;
    }

    .job_filters .job_types li {
        margin: 0;
        padding: .5em 1em;
        float: left;
        border-right: 1px solid #eee;
    }

    .job_filters .job_types li:last-child {
        border-right: 0;
    }

    .job_filters input[type=checkbox], .job_filters input[type=radio] {
        width: auto!important;
        float: left;
        margin-right: 20px;
        position: relative;
        top: 2px;
    }

    .job_filters .showing_jobs {
        padding: .5em 1em;
        display: none;
        font-size: .83em;
        background: #f9f9f9;
        border-top: 1px solid #e5e5e5;
    }

    .rp4wp-related-job_listing>ul,
    ul.job_listings {
        padding: 0;
        margin: 0;
        border-top: 1px solid #eee;
        clear: both;
    }

    div.job_listings ul.job_listings {
        margin: 0;
    }

    .rp4wp-related-job_listing>ul li.job_listing,
    .rp4wp-related-job_listing>ul li.no_job_listings_found,
    ul.job_listings li.job_listing,
    ul.job_listings li.no_job_listings_found {
        list-style: none outside;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #eee;
    }

    ul.job_listings li.job_listing {
        border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    }

    ul.job_listings li.job_listing.job_position_featured a {
        background: #b089be1f !important;
    }

    .rp4wp-related-job_listing>ul li.job_listing a,
    .rp4wp-related-job_listing>ul li.no_job_listings_found a,
    ul.job_listings li.job_listing a,
    ul.job_listings li.no_job_listings_found a {
        display: block;
        padding: 1em 1em 1em 2em;
        border: 0;
        overflow: hidden;
        zoom: 1;
        position: relative;
        line-height: 1.5em;
        text-decoration: none;
    }

    ul.job_listings li.job_listing a {
        padding-left: 1em !important;
    }

    .single_job_listing .company {
        display: none !important;
    }
    
    input.application_button.button {
        display: none !important;
    }
    
    img.company_logo {
        display: none;
    }
    
    ul.job_listings li.job_listing a div.position {
        padding-left: 0px !important;
    }
    
    ul.job_listings li.job_listing a {
        padding-left: 1em !important;
    }
    
    ul.job_listings li.job_listing a div.position {
        width: 48% !important;
    }
    
    ul.job_listings li.job_listing a div.location {
        width: 32% !important;
    }
    
    .job_filters {
        margin-bottom: 30px !important;
    }
    
    li.date-posted {
        display: none !important;
    }
    
    .job_listing .full-time {
        color: #bfac35 !important;
    }
    
    .single_job_listing .meta .full-time {
        background-color: #bfac35 !important;
    }

    .application_details {
        display: block!important;
    }
    
    .application_details p {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    ul.job_listings li.job_listing.job_position_featured a {
        background: #bfac351f !important;
    }
    
    input#search_keywords {
        padding-left: 6px;
    }
    
    input#search_location {
        padding-left: 6px;
    }
    
    .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        margin: 1px 0;
        padding: 5px;
        height: auto;
        outline: 0;
        border: 0 !important;
        background: 0 0 !important;
        box-shadow: none;
        color: #c7d8d8 !important;
        font-size: 100%;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0;
    }
    
    .chosen-container-multi .chosen-choices {
        position: relative;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto !important;
        height: 1%;
        border: 1px solid #c8c8c8 !important;
        background-color: #fff;
        background-image: none !important;
        cursor: text;
    }
    
    ul.job_listings li.job_listing a div.location {
        font-weight: normal !important;
    }
    
    ul.job_listings li.job_listing a .meta .job-type {
        font-weight: normal !important;
    }
    
    .company strong {
        font-weight: normal;
        color: #bfac35;
    }

    .job_filters .showing_jobs {
        padding: .5em 1em;
        display: none;
        font-size: .83em;
        background: #f9f9f9;
        border-top: 1px solid #e5e5e5;
        clear: both;
    }

    .job_filters .showing_jobs a {
        float: right;
        padding-left: 10px;
        border: 0;
    }

/*  5.2.7 GOOGLE DRIVE EMBEDDER
    ------------------------------------------------------------------------- */

    .gdm-ent-folder {
        overflow: hidden!important;
    }

    .gdm-folder-breadcrumbs,
    table.gdm-folders-table thead,
    table.gdm-folders-table tr td:nth-of-type(2),
    table.gdm-folders-table tr td:nth-of-type(3),
    table.gdm-folders-table tr:last-of-type td::after {
        display: none!important;
        overflow: hidden!important;
    }

    table.gdm-folders-table {
        margin: 0!important;
    }

    table.gdm-folders-table tr {
        background: #FFF!important;
    }

    table.gdm-folders-table tr td {
        padding: 8px 5px!important;
        border: none!important;
    }

    table.gdm-folders-table tr td::after {
        display: block;
        width: 95%;
        height: 1px;
        background: rgba(0,0,0,0.1);
        content: "";
        position: relative;
        margin: 12.5px 0px 0px
    }

/* =============================================================================
    6. FEATURES
    ========================================================================= */
/*  6.1 SCROLL UP
    ------------------------------------------------------------------------- */

    .scroll-up {
        height: 40px;
        width: 40px;
        position: fixed;
        bottom: 15px;
        right: 15px;
        background: #bfac35;
        border-radius: 20px;
        color: #FFF;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    }

    .scroll-up:hover {
        text-decoration: none;
        color: #FFF;
        background: #a09135;
    }

/*  6.2 NAV SEARCH BUTTON
    ------------------------------------------------------------------------- */

    .searchlink {
        cursor: pointer;
    }

    #menu-main-navigation-menu + .searchform {
        display: none;
        width: 180px;
        position: absolute;
        right: 0;
        top: 100px;
        border: none;
        transition: 0.3s all;
    }

    .navbar-scroll #menu-main-navigation-menu + .searchform {
        top: 80px;
    }

    #menu-main-navigation-menu + .searchform #s {
        width: 180px;
        border: 1px solid rgba(0,0,0,0.45);
    }

    .navbar-scroll #menu-main-navigation-menu + .searchform #s {
        border: 1px solid #bfac35;
    }

    #menu-main-navigation-menu + .searchform input[type="submit"] {
        display: none;
    }

/*  6.3 MISCELLANEOUS
    ------------------------------------------------------------------------- */

    iframe {
        width: 100%;
    }

/* =============================================================================
    7. MOBILE STYLES
    ========================================================================= */

    @media (max-width: 379px) {

    .cv-acronym-contain {
        grid-template-columns: 90% 0%!important;
    }

    }

/*  7.1 EXTRA SMALL DEVICES
    ------------------------------------------------------------------------- */

     @media (max-width: 575px) {

/*  7.1.1 FOOTER
    ------------------------------------------------------------------------- */

    #footer {
        background-image: linear-gradient(rgba(67,67,67,0) 10%, rgba(67,67,67,1) 10%, rgba(67,67,67,1));
    }

/*  7.1.1.1 CONTACT FOOTER
    ------------------------------------------------------------------------- */

    #footer .contact-footer {
        max-width: 350px;
        margin: 0 auto;
    }

    .contact-address,
    .contact-telephone,
    .contact-email {
        display: block;
        width: 100%;
        float: none;
        height: auto!important;
    }
    
    .contact-email {
        margin-bottom: 15px;
    }

    .contact-address::after,
    .contact-telephone::after {
        content: "";
        width: 50%;
        height: 1px;
        background: #FFF;
        position: absolute;
        left: 25%;
        bottom: 0;
        top: 100%;
    }

/*  7.1.1.2 MAIN FOOTER
    ------------------------------------------------------------------------- */

    .main-footer .col-xs-12 {
        margin-top: 45px;
        max-width: 80%;
        margin: 35px auto 0;
    }

    .main-footer .col-xs-12:first-of-type {
        margin-top: 15px;
        text-align: center;
    }

/*  7.1.1.3 COPYRIGHT FOOTER
    ------------------------------------------------------------------------- */

    .second-footer .col-xs-12 {
        text-align: center;
    }

    .second-footer .col-xs-12:last-of-type {
        margin: 20px 0 auto;
    }

/*  7.1.2 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  7.1.2.1 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        grid-template-columns: 100% 0%;
    }

    .cv-left, .cv-right, .cv-left:before {
        min-height: 680px;
    }

    .cv-left:before {
        width: calc((100vw - 96%) * 0.5);
    }

    .cv-body {
        margin: -680px calc((100vw - 96%) / 2) 0 !important;
        width: 90%!important;
        padding: 25px 0px;
    }

    .cv-title {
        font-size: 20pt;
    }

    .cv-acronym-contain {
        grid-template-columns: 66.67% 30%;
    }

    .cv-acronym {
        font-size: 16pt;
    }

    .cv-acronym-1,
    .cv-acronym-2,
    .cv-acronym-3,
    .cv-acronym-4,
    .cv-acronym-5 {
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .cv-acronym-image {
        visibility: visible;
        grid-column-start: 2;
        grid-column-end: 2;
    }

/*  7.1.2.2 HOMEPAGE NEWS
    ------------------------------------------------------------------------- */

    #homepage-news {
        padding: 50px 0 30px;
    }

    #homepage-news .row:last-of-type .col-xs-12:last-of-type {
        margin: 25px 0 0;
        margin-top: 30px;
    }

    .news-other-entry {
        grid-template-columns: 35% 65%;
    }

/*  7.1.3 PAGE
    ------------------------------------------------------------------------- */

    .page-banner .container {
        max-width: 95%;
    }

    .page-banner h1 {
        font-size: 22pt;
    }

    .page-banner .row:last-of-type {
        font-size: 11.5pt;
    }

    .banner-star {
        padding: 0 10px;
    }

    .standard-page .container {
        max-width: none;
    }

    } /* END EXTRA SMALL DEVICES */

/*  7.2 SMALL DEVICES
    ------------------------------------------------------------------------- */
    @media (min-width: 576px) {

/*  7.2.1 HEADER
    ------------------------------------------------------------------------- */

    header {
        height: 80px;
    }

    .adastra-logo {
        margin: 5px 0;
    }

/*  7.2.1 FOOTER
    ------------------------------------------------------------------------- */

    #footer {
        background-image: linear-gradient(rgba(67,67,67,0) 35%, rgba(67,67,67,1) 35%, rgba(67,67,67,1));
    }

/*  7.2.1.1 CONTACT FOOTER
    ------------------------------------------------------------------------- */
    
    #footer .contact-footer {
        max-width: 350px;
        margin: 0 auto;
    }

    .contact-address,
    .contact-telephone,
    .contact-email {
        display: block;
        width: 100%;
        float: none;
        height: auto!important;
    }
    
    .contact-email {
        margin-bottom: 15px;
    }

    .contact-address::after,
    .contact-telephone::after {
        content: "";
        width: 50%;
        height: 1px;
        background: #FFF;
        position: absolute;
        left: 25%;
        bottom: 0;
        top: 100%;
    }

/*  7.2.1.2 MAIN FOOTER
    ------------------------------------------------------------------------- */

    #footer .container {
        max-width: none;
    }
    
    #footer .main-footer .col-sm-6:nth-of-type(3),
    #footer .main-footer .col-sm-6:last-of-type {
        margin: 50px 0 0;
    }

/*  7.2.2 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  7.2.2.1 HOMEPAGE SLIDER
    ------------------------------------------------------------------------- */

    .slider-item .text {
        margin-top: calc((100vh - 200px) * 0.5);
    }

    .slider-header {
        font-size: 32pt;
    }

    .slider-item p {
        font-size: 16pt;
        padding-bottom: 5px;
    }

    .slider-item a {
        font-size: 10pt;
        padding: 10px 15px;
    }

    .owl-nav {
        grid-template-columns: auto 540px auto;
    }

    .slider-item .container {
        max-width: 540px;
    }

    .owl-nav .owl-prev {
        left: unset;
        margin-top: -50px;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        grid-column-start: 2;
        grid-column-end: 2;
        right: 0;
        left: unset;
    }    

    .trust-overlay {
        display: block;
    }

/*  7.2.2.2 HOMEPAGE ABOUT US
    ------------------------------------------------------------------------- */

    #about {
        padding: 50px 0;
    }

    #about .container {
        max-width: none!important;
        padding: 0 5%;
    }

    #about .container .col-xs-12 .service-box {
        margin-bottom: 25px;
    }

    #about .container .col-xs-12:last-of-type .service-box {
        margin-bottom: 0;
    }

    #about .container .col-xs-12 .service-box .tc-table {
        width: 81.11%;
    }

/*  7.2.2.3 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        grid-template-columns: 100% 0%;
    }

    .cv-left, .cv-right, .cv-left:before {
        min-height: 600px;
    }

    .cv-left:before {
        width: calc((100vw - 516px) * 0.5);
    }

    .cv-right {
        background-position: center;
    }

    .cv-body {
        margin: -600px calc((100vw - 546px) / 2) 0 !important;
        width: 768px!important;
    }

    .cv-acronym-contain {
        grid-template-columns: 50px auto auto;
    }

    .cv-acronym {
        font-size: 22pt;
        letter-spacing: 0.2em;
    }

    .cv-acronym-1,
    .cv-acronym-2,
    .cv-acronym-3,
    .cv-acronym-4,
    .cv-acronym-5 {
        grid-column-start: 2;
        grid-column-end: 2;
    }

    .cv-acronym-image {
        visibility: hidden;
        grid-column-start: 3;
        grid-column-end: 3;
    }

/*  7.2.2.4 HOMEPAGE NEWS
    ------------------------------------------------------------------------- */

    #homepage-news {
        padding: 50px 0 30px;
    }

    #homepage-news .row:last-of-type .col-xs-12:last-of-type {
        margin: 25px 0 0;
    }

/*  7.2.3 PAGE
    ------------------------------------------------------------------------- */

    .banner-star {
        padding: 0 15px;
    }

    .standard-page .container {
        max-width: none;
    }

/*  7.2.3.1 PAGE CONTENT
    ------------------------------------------------------------------------- */

    } /* END SMALL DEVICES */

/*  7.3 MEDIUM DEVICES
    ------------------------------------------------------------------------- */

    @media (min-width: 768px) {

/*  7.3.1 HEADER
    ------------------------------------------------------------------------- */

    header {
        height: 80px;
    }

    .adastra-logo {
        margin: 5px 0;
    }

/*  7.3.1 FOOTER
    ------------------------------------------------------------------------- */

    #footer {
        background-image: linear-gradient(rgba(67,67,67,0) 150px, rgba(67,67,67,1) 150px, rgba(67,67,67,1));
    }

    .main-footer,
    .second-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    #footer .container {
        max-width: none;
    }

    #footer .contact-footer-contain {
        max-width: calc(100vw - 80px);
    }

    #footer .main-footer .col-sm-6:nth-of-type(3),
    #footer .main-footer .col-sm-6:last-of-type {
        margin: 0;
    }

/*  7.3.1.1 CONTACT FOOTER
    ------------------------------------------------------------------------- */

    .contact-footer {
        max-width: none!important;
        padding: auto 15px!important;
    }

    .contact-address,
    .contact-telephone,
    .contact-email {
        float: left;
        display: inline-block;
        width: 33.33%;
        padding: 25px 15px;
        text-align: center;
        color: #FFF;
        height: 200px!important;
        position: relative;
    }

    .contact-address::after,
    .contact-telephone::after {
        content: "";
        height: 50%;
        width: 1px;
        background: #FFF;
        position: absolute;
        top: 25%;
        right: 0;
        left: 100%;
    }

/*  7.3.2 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  7.3.2.1 HOMEPAGE SLIDER
    ------------------------------------------------------------------------- */

    .slider-item .text {
        margin-top: calc((100vh - 200px) * 0.5);
    }

    .slider-header {
        font-size: 32pt;
    }

    .slider-item p {
        font-size: 16pt;
        padding-bottom: 5px;
    }

    .slider-item a {
        font-size: 10pt;
        padding: 10px 15px;
    }

    .owl-nav {
        grid-template-columns: auto 670px auto;
    }

    .slider-item .container {
        max-width: 670px;
    }

    .owl-nav .owl-prev {
        grid-column-start: 1;
        grid-column-end: 1;
        left: calc((100vw - 720px) * 0.25);
        right: unset;
        margin-top: 0;
    }

    .owl-nav .owl-next {
        grid-column-start: 3;
        grid-column-end: 3;
        right: calc((100vw - 720px) * 0.25);
        left: unset;
    }

/*  7.3.2.2 HOMEPAGE ABOUT US
    ------------------------------------------------------------------------- */

    #about {
        padding: 55px 0 50px;
    }

    #about:before {
        display: none;
    }

    #about .container {
        max-width: none!important;
    }

    #about .container .col-md-4 {
        padding: 0 10px!important;
    }

    #about .container .col-md-4:first-of-type {
        padding-left: 10px!important;
    }

    #about .container .col-md-4:last-of-type {
        padding-right: 10px!important;
    }

    #about .container .col-xs-12 .service-box {
        margin-bottom: 0;
    }

    .service-box .media a {
        max-height: 150px;
    }

    #about .container .col-xs-12 .service-box .tc-table {
        width: 100%;
        grid-template-columns: 20px auto 20px;
    }

    .service-box .text-container .tc-table .tc-row-head h3 {
        font-size: 10pt;
    }

    .service-box .text-container .about-body {
        font-size: 10pt;
        padding: 20px 15px 15px;
        margin-bottom: 5px;
        min-height: 200px;
    }

    .service-box .text-container .read-more-contain {
        padding: 10px 15px 15px;
    }

    .service-box .text-container .read-more-contain a {
        font-size: 10pt;
    }

/*  7.3.2.3 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        grid-template-columns: 100% 0%;
    }

    .cv-left, .cv-right, .cv-left:before {
        min-height: 600px;
    }

    .cv-left:before {
        width: calc((100vw - 708px) * 0.5);
    }

    .cv-right {
        background-position: center;
    }

    .cv-body {
        margin: -600px calc((100vw - 738px) / 2) 0 !important;
        width: 768px!important;
    }

    .cv-acronym-contain {
        grid-template-columns: 50px auto auto;
    }

    .cv-acronym {
        font-size: 22pt;
    }

    .cv-acronym-1,
    .cv-acronym-2,
    .cv-acronym-3,
    .cv-acronym-4,
    .cv-acronym-5 {
        grid-column-start: 2;
        grid-column-end: 2;
    }

    .cv-acronym-image {
        visibility: hidden;
        grid-column-start: 3;
        grid-column-end: 3;
    }

/*  7.3.2.4 HOMEPAGE NEWS
    ------------------------------------------------------------------------- */

    #homepage-news {
        padding: 50px 0 30px;
    }

    #homepage-news .container {
        max-width: none;
    }

    #homepage-news h3 {
        margin: 0 0 10px;
    }

    #homepage-news .row:last-of-type {
        padding: 0 15px;
    }

/*  7.3.3 PAGE
    ------------------------------------------------------------------------- */

    .page-banner .container {
        max-width: 720px;
    }

    .page-banner h1 {
        font-size: 28pt;
    }

    .page-banner .row:last-of-type {
        font-size: 12pt;
    }

    .standard-page .container {
        max-width: none;
    }

    .side-nav {
        margin: 0;
    }

    } /* END MEDIUM DEVICES */

/*  7.4 LARGE DEVICES
    ------------------------------------------------------------------------- */

    @media (min-width: 992px) {

/*  7.4.1 HEADER
    ------------------------------------------------------------------------- */

    header {
        height: 80px;
    }

    .adastra-logo,
    .ayresome-logo,
    .barnardgrove-logo,
    .brougham-logo,
    .crooksbarn-logo,
    .deafhill-logo,
    .kelloe-logo,
    .rosebrook-logo,
    .sunnyside-logo,
    .westpark-logo,
    .westview-logo {
        margin: 5px 0;
    }

    .navbar-nav > li > a {
        font-size: 10pt;
        padding: 0 10px;
        min-height: 80px;
        line-height: 80px;
    }

    .navbar-nav > li.dropdown > a {
        padding: 0 25px 0 10px!important;
    }

    .navbar-nav > li.dropdown > a::after {
        right: 7.5px;
    }

/*  7.4.2 FOOTER
    ------------------------------------------------------------------------- */

/*  7.4.3 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  7.4.3.1 HOMEPAGE SLIDER
    ------------------------------------------------------------------------- */

    .slider-item .text {
        margin-top: calc((100vh - 250px) * 0.5);
    }

    .slider-header {
        font-size: 40pt;
    }

    .slider-item p {
        font-size: 18pt;
    }

    .slider-item a {
        font-size: 10pt;
        padding: 15px 25px;
    }

    .owl-nav {
        grid-template-columns: auto 860px auto;
    }

    .slider-item .container {
        max-width: 860px;
    }

    .owl-nav .owl-prev {
        left: calc((100vw - 860px) * 0.25);
    }

    .owl-nav .owl-next {
        right: calc((100vw - 860px) * 0.25);
    }

/*  7.4.3.2 HOMEPAGE ABOUT US
    ------------------------------------------------------------------------- */

    #about:before {
        width: calc((100% - 90.9%) * 0.5);
        display: block;
    }

    .service-box .media a {
        height: 243.33px!important;
        max-height: 243.33px!important;
    }

    #about .container .col-xs-12 .service-box .tc-table {
        width: 100%;
    }

    .service-box .text-container .tc-table .tc-row-head h3 {
        font-size: 11pt;
        letter-spacing: 1px;
    }

    .about-body,
    .read-more {
        font-size: 11pt;
    }

/*  7.4.3.3 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        grid-template-columns: 55% 45%;
    }

    .cv-left, .cv-right, .cv-left:before {
        min-height: 670px;
    }

    .cv-left:before {
        width: calc((100vw - 960px) * 0.5);
    }

    .cv-right {
        background-position: center;
    }

    .cv-body {
        margin: -670px calc((100vw - 992px) / 2) 0 !important;
    }

    .cv-acronym-contain {
        grid-template-columns: 65% 35%;
    }

    .cv-acronym {
        font-size: 22pt;
    }

    .cv-acronym-1,
    .cv-acronym-2,
    .cv-acronym-3,
    .cv-acronym-4,
    .cv-acronym-5 {
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .cv-acronym-image {
        visibility: visible;
        grid-column-start: 2;
        grid-column-end: 2;
    }

/*  7.4.3.4 HOMEPAGE NEWS
    ------------------------------------------------------------------------- */

    #homepage-news .row:last-of-type .col-xs-12:last-of-type {
        margin: 0;
    }

    .news-other-entry {
        grid-template-columns: 33.33% 66.67%;
    }

/*  7.4.4 PAGE
    ------------------------------------------------------------------------- */

    .standard-page .container,
    .page-banner .container {
        max-width: 960px;
    }

    .standard-page::before,
    .standard-page::after {
        display: block;
        width: calc((100% - 930px) * 0.5);
    }

    .side-nav {
        margin: 0;
    }

    } /* END LARGE DEVICES */

    /*  7.5 EXTRA LARGE DEVICES
    ------------------------------------------------------------------------- */

    @media (min-width: 1200px) {

/*  7.5.1 HEADER
    ------------------------------------------------------------------------- */

    header {
        height: 100px;
    }

    .adastra-logo,
    .ayresome-logo,
    .barnardgrove-logo,
    .brougham-logo,
    .crooksbarn-logo,
    .deafhill-logo,
    .kelloe-logo,
    .rosebrook-logo,
    .sunnyside-logo,
    .westpark-logo,
    .westview-logo {
        margin: 15px 0 0;
    }

    .navbar-nav > li > a {
        font-size: 11pt;
        padding: 0 15px;
        min-height: 100px;
        line-height: 100px;
    }

    .navbar-nav > li.dropdown > a {
        padding: 0 30px 0 15px!important;
    }

    .navbar-nav > li.dropdown > a::after {
        right: 15px;
    }

/*  7.5.2 FOOTER
    ------------------------------------------------------------------------- */

    #footer .container,
    .contact-footer-contain {
        max-width: 1140px!important;
    }

/*  7.5.3 HOMEPAGE
    ------------------------------------------------------------------------- */
/*  7.5.3.1 HOMEPAGE SLIDER
    ------------------------------------------------------------------------- */

    .owl-nav {
        grid-template-columns: auto 1070px auto;
    }

    .slider-item .container {
        max-width: 1070px;
    }

    .owl-nav .owl-prev {
        left: calc((100vw - 1070px) * 0.25);
    }

    .owl-nav .owl-next {
        right: calc((100vw - 1070px) * 0.25);
    }

/*  7.5.3.2 HOMEPAGE ABOUT US
    ------------------------------------------------------------------------- */
    
    #about {
        padding: 125px 0;
    }

    #about:before {
        width: calc((100% - 1170px) * 0.5);
    }

    #about .container {
        max-width: 1140px!important;
        padding: 0!important;
    }

    #about .container .col-md-4:first-of-type {
        padding-left: 10px!important;
    }

    #about .container .col-md-4:last-of-type {
        padding-right: 10px!important;
    }

    .service-box .media a {
        height: 243.33px!important;
    }

    #about .container .col-xs-12 .service-box .tc-table {
        width: 81.11%!important;
    }

    .service-box .text-container .tc-table .tc-row-head h3 {
        font-size: 12pt!important;
    }

    .read-more {
        font-size: 11pt!important;
    }

    .about-body {
        font-size: 12.5pt!important;
        padding: 30px 25px 25px!important;
    }

    .read-more-contain {
        padding: 20px 25px!important;
    }

    .service-box {
        margin-bottom: 0!important;
    }

    #about .container .col-md-4 {
        padding: auto!important;
    }

/*  7.5.3.3 HOMEPAGE CORE VALUES
    ------------------------------------------------------------------------- */

    #core-values {
        grid-template-columns: 55% 45%;
    }

    .cv-left, .cv-right {
        min-height: 620px;
    }

    .cv-left:before {
        width: calc(((100vw - 1070px) * 0.5) - 45px);
        min-height: 620px;
    }

    .cv-right {
        background-position: center;
    }

    .cv-body {
        margin: -620px calc((100vw - 1170px) / 2) 0 !important;
        width: 1140px!important;
    }

    .cv-acronym-contain {
        grid-template-columns: 66.67% 33.33%;
    }

    .cv-acronym {
        font-size: 24pt;
    }


/*  7.5.3.4 HOMEPAGE NEWS
    ------------------------------------------------------------------------- */

    #homepage-news {
        padding: 80px 0 50px!important;
    }

    #homepage-news .container {
        max-width: 1140px!important;
    }

/*  7.5.4 PAGE
    ------------------------------------------------------------------------- */

    .standard-page .container,
    .page-banner .container {
        max-width: 1140px;
    }

    .standard-page::before,
    .standard-page::after {
        width: calc((100% - 1110px) * 0.5);
    }

    } /* END EXTRA LARGE DEVICES */