@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
@import url("/admin/inc/FrontEndFiles/font/greenhousefont.css");

html {
    scroll-behavior: smooth;
    overflow-y: visible !important;
}

body {
    overflow-y: visible !important;
}

h4 {
    background-image: url(/admin/public/icons/expanding-faq/plus.png);
    background-position: left 10px top 10px;
    background-repeat: no-repeat;
    font-size: 15px;
    margin: 25px 0 10px 0;
    padding: 8px 10px 8px 35px;
    background-color: #EFEFEF;
    color: #333;
    border-top: 1px solid #ddd;
}

    h4.open {
        background-image: url(/admin/public/icons/expanding-faq/minus.png);
    }

    h4.closed {
        background-image: url(/admin/public/icons/expanding-faq/plus.png);
    }

label#search-label, label.sr-only {
    display: none;
}

#switch-mobile {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
}

.alertbox, .infobox, .newsflash, .warningbox, .box-blue-royal, .box-blue-dark, .box-blue-mid, .box-green-dark, .box-purple-light, .box-yellow {
    color: #fff;
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: right 0px
}

.box-blue-royal, .box-blue-dark, .box-blue-mid, .box-green-dark, .box-purple-light, .box-yellow {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px 0;
    padding: 20px;
    display: block;
}

.box-green-dark {
    background: #077505
}

.box-purple-light {
    background: #ba80ed
}

.box-yellow {
    background: #FFED15;
    color: #152355;
}

.alertbox h1, .infobox h1, .newsflash h1, .warningbox h1, .alertbox p, .infobox p, .newsflash p, .warningbox p, .box-blue-royal p, .box-blue-dark p, .box-blue-mid p, .box-green-dark p, .box-purple-light p {
    color: #FFF;
    margin: 10px 0;
    background: none
}

.alertbox h2, .infobox h2, .newsflash h2, .warningbox h2, .box-blue-royal h2, .box-blue-dark h2, .box-blue-mid h2, .box-green-dark h2, .box-purple-light h2, .box-yellow h2 {
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: 1.2em;
    border-bottom: 1px solid #FFF;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-weight: bold;
    text-transform: uppercase
}

    .alertbox h2 img, .infobox h2 img, .newsflash h2 img, .warningbox h2 img {
        float: left;
        margin: 0 10px 0 0
    }

.alertbox a, .infobox a, .newsflash a, .warningbox a, .box-blue-royal a, .box-blue-dark a, .box-blue-mid a, .box-green-dark a, .box-purple-light a, .box-yellow a {
    text-decoration: underline
}

.alertbox h2, .infobox h2, .newsflash h2, .warningbox h2, .box-blue-royal h2, .box-blue-dark h2, .box-blue-mid h2, .box-green-dark h2, .box-purple-light h2, .box-yellow h2 {
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: 1.2em;
    border-bottom: 1px solid #FFF;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-weight: bold;
    text-transform: uppercase
}

.box-yellow p {
    color: #152355;
}

.box-yellow h2 {
    color: #152355;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: 1.2em;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-weight: bold;
    text-transform: uppercase
}

.alertbox {
    border: 5px solid #ffa342;
    background: #FDBB75;
}

    .alertbox h2 {
        border-bottom: 1px solid #ffdab2;
    }

.infobox {
    border: 5px solid #4fad3d;
    background: #6ac259;
}

    .infobox h2 {
        border-bottom: 1px solid #b4e4aa;
    }

.newsflash {
    border: 5px solid #41a9b7;
    background: #84c9d2;
}

    .newsflash h2 {
        border-bottom: 1px solid #a0e2ea;
    }

.warningbox {
    border: 5px solid #ff5f4d;
    background: #FD8375;
}

    .warningbox h2 {
        border-bottom: 1px solid #ffbeb6;
    }


.box-grey-light {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px 0;
    padding: 20px;
    display: block;
    background: #e8e8e8;
    color: #333
}

.box-grey-with-outline {
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px);
    margin: 20px 4px;
    padding: 20px;
    display: block;
    background: #f1f1f1;
    color: #333;
    -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada;
    -moz-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada
}

.box-grey-dark-round-corners {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px 0;
    padding: 20px;
    display: block;
    background: #bdbdbd;
    color: #333;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.box-grey-pale-shadow {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px 0;
    padding: 20px;
    display: block;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 0 10px 0 #C3C5C9;
    -moz-box-shadow: 0 0 10px 0 #C3C5C9;
    box-shadow: 0 0 10px 0 #C3C5C9
}

.box-white-border {
    background: #FFF;
    color: #333;
    border: 1px solid #CCC;
    width: -webkit-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
    width: calc(100% - 42px);
    margin: 20px 0;
    padding: 20px;
    display: block;
}

.boxout, .boxoutright, .boxoutpurple, .boxoutpurpleright, .boxoutgreen, .boxoutgreenright, .boxoutgrey, .boxoutgreyright, .boxoutblue, .boxoutblueright {
    float: left;
    background-color: #FF5924;
    display: inline;
    padding: 10px;
    margin: 2px 20px 1px 0;
    width: 230px;
    color: #FFF;
    font-size: 1.2em
}

.boxoutpurple, .boxoutpurpleright {
    background-color: #663d7f
}

.boxoutgreen, .boxoutgreenright {
    background-color: #009b66
}

.boxoutgrey, .boxoutgreyright {
    background-color: #555
}

.boxoutblue, .boxoutblueright {
    background-color: #00639c
}

.boxoutright, .boxoutpurpleright, .boxoutgreenright, .boxoutgreyright, .boxoutblueright {
    float: right;
    margin: 2px 0 1px 20px
}

    .boxout p, .boxoutright p, .boxoutpurple p, .boxoutpurpleright p, .boxoutgreen p, .boxoutgreenright p, .boxoutgrey p, .boxoutgreyright p, .boxoutblue p, .boxoutblueright p {
        margin: 0;
        color: #FFF
    }

div.boxout a, div.boxoutright a, div.boxoutpurple a, div.boxoutpurpleright a, div.boxoutgreen a, div.boxoutgreenright a, div.boxoutgrey a, div.boxoutgreyright a, div.boxoutblue a, div.boxoutblueright a {
    color: #FFF
}

    div.boxout a:hover, div.boxoutright a:hover, div.boxoutpurple a:hover, div.boxoutpurpleright a:hover, div.boxoutgreen a:hover, div.boxoutgreenright a:hover, div.boxoutgrey a:hover, div.boxoutgrey a:hover, div.boxoutblue a:hover, div.boxoutblueright a:hover {
        background-color: none;
        background: transparent;
        text-decoration: underline
    }

div.box-transparent-right {
    float: right;
    margin: 0 0 10px 30px;
    width: auto;
    height: auto;
}

    div.box-transparent-right:after {
        content: "";
        clear: both;
        display: table;
    }

    div.box-transparent-right p {
        margin: 0 0 10px 0;
    }


blockquote, q {
    quotes: none
}

blockquote {
    margin: 12px 0;
    background: #EFEFEF;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #333;
    border: 1px solid #EBEBEB;
    font-size: 1em;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    blockquote:before, blockquote:after {
        content: "\201C";
        position: absolute;
        font-size: 60px;
        line-height: 1;
        color: #999;
        font-style: normal
    }

    blockquote:before {
        top: 10px;
        left: 10px
    }

    blockquote:after {
        content: "\201D";
        right: 10px;
        bottom: -20px
    }

ul.auto-list li {
    background-color: #FFF
}

@media only screen and (min-width: 900px) {
    ul.auto-list li a:before, a.button-PDF:before, a.button-Word:before {
        content: "download_for_offline";
        font-family: 'Material Icons' !important;
        color: #999;
        font-size: 28px;
        line-height: 1;
        position: relative;
        top: 50%;
        right: 8px;
        float: right;
        margin: 0 0 0 10px;
    }

    a.button-PDF:before, a.button-Word:before {
        right: -8px
    }
}

ul.auto-list li a.autolist-item-doc:before, ul.auto-list li a.autolist-item-docfile:before, ul.auto-list li a.autolist-item-document:before, ul.auto-list li a.autolist-item-word:before, ul.auto-list li a.autolist-item-docx:before, ul.auto-list li a.autolist-item-OfficeOpenXMLDocument:before, ul.auto-list li a.autolist-item-OOXMLTextDocument:before, a.button-Word:before {
    color: #29539B;
}

ul.auto-list li a.autolist-item-mp3:before {
    color: #a300cf;
    content: "play_circle"
}

ul.auto-list li a.autolist-item-pdf:before, a.button-PDF:before {
    color: #d40000;
}

ul.auto-list li a.autolist-item-ppt:before, ul.auto-list li a.autolist-item-pptx:before {
    color: #ff4e00;
}

ul.auto-list li a.autolist-item-pub:before, ul.auto-list li a.autolist-item-pubx:before {
    color: #378479;
}

ul.auto-list li a.autolist-item-WordPadDocument:before {
    color: #00a3f5;
}

ul.auto-list li a.autolist-item-xls:before, ul.auto-list li a.autolist-item-xlsx:before {
    color: #4a9723;
}

ul#ul-autolist li a.autolist-item-pdf:hover, ul#ul-autolist li a.autolist-item-pdf:hover .doc-overview {
    color: #d40000
}

ul#ul-autolist li a.autolist-item-doc:hover, ul#ul-autolist li a.autolist-item-doc:hover .doc-overview, ul#ul-autolist li a.autolist-item-docx:hover, ul#ul-autolist li a.autolist-item-docx:hover .doc-overview {
    color: #29539b
}

ul.auto-list.list-view-list.grid-view-list li {
    padding: 0;
    height: auto;
    width: calc(33% - 19px);
    float: left;
    margin: 0 0 25px 30px;
    vertical-align: top;
    display: inline-block;
    background-position: right 0;
    background-color: #fdfdfd
}

    ul.auto-list.list-view-list.grid-view-list li a {
        display: grid;
        padding: 11px 45px 10px 20px;
        min-height: 65px;
        line-height: 130%
    }

ul.auto-list.list-view-list.grid-view-list a:before {
    position: absolute;
    margin: 0;
    top: 29px;
    right: 1px
}

ul.auto-list.list-view-list.grid-view-list li:nth-child(3n+1) {
    margin-left: 0;
    clear: left
}

ul.auto-list.list-view-list.grid-view-list li .doc-overview {
    padding: 10px 0;
    color: #333;
}

ul.auto-list.list-view-list.grid-view-list li a:hover {
    color: #FFF;
    background-color: #afb1b3d6;
    text-decoration: none
}

ul.auto-list.list-view-list.grid-view-list li a.autolist-item-pdf:hover, ul#ul-autolist.auto-list.list-view-list.grid-view-list li a.autolist-item-pdf:hover {
    background-color: #d40000;
    color: #FFF
}

    ul#ul-autolist.auto-list.list-view-list.grid-view-list li a.autolist-item-pdf:hover:before, ul#ul-autolist.auto-list.list-view-list.grid-view-list li a.autolist-item-pdf:hover div {
        color: #FFF
    }

ul.auto-list.list-view-list.grid-view-list li a.autolist-item-doc:hover, ul.auto-list.list-view-list.grid-view-list li a.autolist-item-docx:hover {
    background-color: #29539b
}

ul.auto-list.list-view-list.grid-view-list li a:hover .doc-overview {
    color: #FFF
}

ul.autolist-block li a {
    display: block
}

.doc-overview {
    font-size: 85%;
    line-height: 120%;
    color: #333
}

@media only screen and (max-width: 1150px) {
    ul.auto-list.list-view-list.grid-view-list li, ul.auto-list.list-view-list.grid-view-list li:nth-child(3n+1) {
        width: calc(50% - 18px);
        margin: 0 0 25px 30px;
        clear: none
    }

        ul.auto-list.list-view-list.grid-view-list li:nth-child(2n+1) {
            margin-left: 0;
            clear: left
        }
}

@media only screen and (max-width: 700px) {
    ul.auto-list.list-view-list.grid-view-list li, ul.auto-list.list-view-list.grid-view-list li:nth-child(2n+1), ul.auto-list.list-view-list.grid-view-list li:nth-child(3n+1) {
        width: 100%;
        margin: 0 0 25px 0;
        clear: none
    }
}

ul.list-view-list {
    margin-top: 20px
}

    ul.list-view-list.plain li {
        background-image: none;
        background-position: -100%;
        padding: 0
    }

input.list-search {
    background-image: url('/admin/img/icon-search-grey.png');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 100%;
    display: block;
    max-width: 300px;
    background-color: #fff;
    border-radius: 3px;
    padding: 8px 13px 8px 36px;
    color: #111;
    font-size: 15px;
    text-align: left;
    outline: none;
    box-shadow: 0 0 0 1px #cccccc;
    margin: 10px 0 -5px 0;
    line-height: 15px
}

a.button-block, a.button-PDF, a.button-Word, a.button-Email, a.button-Video, a.button-Link {
    text-decoration: none;
    transition: 0.5s;
    display: block;
    margin: 10px 0;
    padding: 10px 20px 10px 12px;
    background-color: #FFF;
    border: 1px solid #dedede;
}

a.button-PDF, a.button-Word, a.button-Email, a.button-Video, a.button-Link {
    padding: 10px 20px 10px 55px;
    background-image: url(/i/icons/software/pdf.png);
    background-position: 10px 12px;
    background-repeat: no-repeat
}

a.button-Word {
    background-image: url(/i/icons/software/doc.png);
}

a.button-Video, a.button-Link {
    padding-left: 18px;
    background-image: none;
}

    a.button-Video:before, a.button-Link:before {
        content: "play_circle_outline";
        font-family: 'Material Icons' !important;
        color: #999;
        font-size: 28px;
        line-height: 1;
        position: relative;
        top: 50%;
        left: -19px;
        float: left;
        margin: 0 0 0 10px;
    }

    a.button-Link:before {
        content: 'link'
    }

a.button-Email {
    background-image: url(/admin/inc/FrontEndFiles/icons/email.png);
    display: inline-block;
    padding: 3px 11px 1px 35px;
    background-position: 6px 6px;
}

a.button-block:hover, a.button-PDF:hover, a.button-Word:hover {
    text-decoration: underline;
    background-color: #fff;
    border: 1px solid #999;
}

a.blue-dark-button, a.blue-mid-button, a.blue-royal-button, a.blue-sky-button, a.green-dark-button, a.green-light-button, a.green-mid-button, a.green-turquoise-button, a.grey-light-button, a.grey-dark-button, a.orange-button, a.orange-red-button, a.pink-bubble-gum-button, a.purple-mid-button, a.purple-dark-button, a.red-brick-button, a.red-bright-button, a.red-crimson-button, a.red-dark-button, a.yellow-button {
    min-width: 150px;
    text-align: center;
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 15px 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    transition: all 0.2s linear 0s;
    color: #FFF
}

button.blue-dark-button, button.blue-mid-button, button.blue-royal-button, button.blue-sky-button, button.green-dark-button, button.green-light-button, button.green-mid-button, button.green-turquoise-button, button.grey-light-button, button.grey-dark-button, button.orange-button, button.orange-red-button, button.pink-bubble-gum-button, button.purple-mid-button, button.purple-dark-button, button.red-brick-button, button.red-bright-button, button.red-crimson-button, button.red-dark-button, button.yellow-button {
    min-width: 150px;
    text-align: center;
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 15px 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    transition: all 0.2s linear 0s;
    color: #FFF
}

div#formBookingSuccess {
    font-size: 18px;
    margin: 20px 0;
}

    div#formBookingSuccess a.grey-light-button {
        background-image: url(/admin/img/icon-bookings.png);
        min-width: 200px;
        padding-left: 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        font-size: 15px;
    }

    div#formBookingSuccess a.button-outlook, button.button-outlook, a.button-outlook.grey-light-button {
        background-color: #0555a4 !important;
        background-image: url(https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/assets/brand-icons/product/png/outlook_32x1.png);
    }

    div#formBookingSuccess a.button-gcal, button.button-gcal, a.button-gcal.grey-light-button {
        background-color: #1a73e8 !important;
        background-image: url(/admin/img/icon-calendar-google.png);
    }

form.Forms input.blue-mid-button, input.blue-mid-button, input.blue-dark-button, input.blue-royal-button, input.blue-sky-button, input.green-dark-button, input.green-light-button, input.green-mid-button, input.green-turquoise-button, input.grey-light-button, input.grey-dark-button, input.orange-button, input.orange-red-button, input.pink-bubble-gum-button, input.purple-mid-button, input.purple-dark-button, input.red-brick-button, input.red-bright-button, input.red-crimson-button, input.red-dark-button, input.yellow-button {
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    height: auto;
    border: 0min-width:150px;
    text-align: center;
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 15px 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.2);
    transition: all 0.2s linear 0s;
    color: #FFF;
    font-size: inherit
}

form.Forms input[type="button"]:hover {
    color: #FFF
}

a.blue-dark-button, .blue-dark-button, .box-blue-dark {
    background-color: #334960 !important;
}

a.blue-mid-button, .blue-mid-button, .box-blue-mid, input.blue-mid-button, button.blue-mid-button {
    background-color: #0099ff !important;
}

a.blue-royal-button, .blue-royal-button, .box-blue-royal {
    background-color: #175fa2 !important;
}

a.blue-sky-button, .blue-sky-button {
    background-color: #33cefb !important;
}

a.green-dark-button, .green-dark-button {
    background-color: #0f6d5b !important;
}

a.green-light-button, .green-light-button {
    background-color: #2dcc70 !important;
}

a.green-mid-button, .green-mid-button {
    background-color: #43af26 !important;
}

a.green-turquoise-button, .green-turquoise-button {
    background-color: #1bbc9b !important;
}

a.grey-light-button, .grey-light-button, input.grey-light-button {
    background-color: #bec3c7 !important;
}

a.grey-dark-button, .grey-dark-button, input.grey-dark-button {
    background-color: #95a5a5 !important;
}

a.orange-button, .orange-button {
    background-color: #e67f22 !important;
}

a.orange-red-button, .orange-red-button {
    background-color: #FF4500 !important;
}

a.pink-bubble-gum-button, .pink-bubble-gum-button {
    background-color: #e79096 !important;
}

a.purple-mid-button, .purple-mid-button {
    background-color: #9a59b5 !important;
}

a.purple-dark-button, .purple-dark-button {
    background-color: #7044ad !important;
}

a.red-brick-button, .red-brick-button {
    background-color: #e54e39 !important;
}

a.red-bright-button, .red-bright-button {
    background-color: #FF0000 !important;
}

a.red-crimson-button, .red-crimson-button {
    background-color: #DC143C !important;
}

a.red-dark-button, .red-dark-button {
    background-color: #8B0000 !important;
}

a.yellow-button, .yellow-button {
    background-color: #f2c50a !important;
}

    a.blue-dark-button:hover, a.blue-mid-button:hover, a.blue-royal-button:hover, a.blue-sky-button:hover, a.green-dark-button:hover, a.green-light-button:hover, a.green-mid-button:hover, a.green-turquoise-button:hover, a.grey-light-button:hover, a.grey-dark-button:hover, a.orange-button:hover, a.orange-red-button:hover, a.pink-bubble-gum-button:hover, a.purple-mid-button:hover, a.purple-dark-button:hover, a.red-brick-button:hover, a.red-bright-button:hover, a.red-crimson-button:hover, a.red-dark-button:hover, a.yellow-button:hover, input.blue-dark-button:hover, input.blue-mid-button:hover, input.blue-royal-button:hover, input.blue-sky-button:hover, input.green-dark-button:hover, input.green-light-button:hover, input.green-mid-button:hover, input.green-turquoise-button:hover, input.grey-light-button:hover, input.grey-dark-button:hover, input.orange-button:hover, input.orange-red-button:hover, input.pink-bubble-gum-button:hover, input.purple-mid-button:hover, input.purple-dark-button:hover, input.red-brick-button:hover, input.red-bright-button:hover, input.red-crimson-button:hover, input.red-dark-button:hover, input.yellow-button:hover, button.blue-dark-button:hover, button.blue-mid-button:hover, button.blue-royal-button:hover, button.blue-sky-button:hover, button.green-dark-button:hover, button.green-light-button:hover, button.green-mid-button:hover, button.green-turquoise-button:hover, button.grey-light-button:hover, button.grey-dark-button:hover, button.orange-button:hover, button.orange-red-button:hover, button.pink-bubble-gum-button:hover, button.purple-mid-button:hover, button.purple-dark-button:hover, button.red-brick-button:hover, button.red-bright-button:hover, button.red-crimson-button:hover, button.red-dark-button:hover, button.yellow-button:hover {
        opacity: 0.9;
        padding-right: 10px;
        text-indent: 10px
    }

    a.blue-dark-button:before, a.blue-mid-button:before, a.blue-royal-button:before, a.blue-sky-button:before, a.green-dark-button:before, a.green-light-button:before, a.green-mid-button:before, a.green-turquoise-button:before, a.grey-light-button:before, a.grey-dark-button:before, a.orange-button:before, a.orange-red-button:before, a.pink-bubble-gum-button:before, a.purple-mid-button:before, a.purple-dark-button:before, a.red-brick-button:before, a.red-bright-button:before, a.red-crimson-button:before, a.red-dark-button:before, a.yellow-button:before, button.blue-dark-button:before, button.blue-mid-button:before, button.blue-royal-button:before, button.blue-sky-button:before, button.green-dark-button:before, button.green-light-button:before, button.green-mid-button:before, button.green-turquoise-button:before, button.grey-light-button:before, button.grey-dark-button:before, button.orange-button:before, button.orange-red-button:before, button.pink-bubble-gum-button:before, button.purple-mid-button:before, button.purple-dark-button:before, button.red-brick-button:before, button.red-bright-button:before, button.red-crimson-button:before, button.red-dark-button:before, button.yellow-button:before, input.blue-dark-button:before, input.blue-mid-button:before, input.blue-royal-button:before, input.blue-sky-button:before, input.green-dark-button:before, input.green-light-button:before, input.green-mid-button:before, input.green-turquoise-button:before, input.grey-light-button:before, input.grey-dark-button:before, input.orange-button:before, input.orange-red-button:before, input.pink-bubble-gum-button:before, input.purple-mid-button:before, input.purple-dark-button:before, input.red-brick-button:before, input.red-bright-button:before, input.red-crimson-button:before, input.red-dark-button:before, input.yellow-button:before {
        content: ">";
        display: inline-block;
        position: relative;
        top: 0;
        left: -20px;
        height: 100%;
        width: 0;
        transform: scale(0, 1);
        transform-origin: left center;
        transition: all 0.2s linear 0s;
        font-size: 14px;
        font-family: sans-serif;
        font-weight: bold;
        color: #FFF;
    }

    a.blue-dark-button:hover:before, a.blue-mid-button:hover:before, a.blue-royal-button:hover:before, a.blue-sky-button:hover:before, a.green-dark-button:hover:before, a.green-light-button:hover:before, a.green-mid-button:hover:before, a.green-turquoise-button:hover:before, a.grey-light-button:hover:before, a.grey-dark-button:hover:before, a.orange-button:hover:before, a.orange-red-button:hover:before, a.pink-bubble-gum-button:hover:before, a.purple-mid-button:hover:before, a.purple-dark-button:hover:before, a.red-brick-button:hover:before, a.red-bright-button:hover:before, a.red-crimson-button:hover:before, a.red-dark-button:hover:before, a.yellow-button:hover:before, input.blue-dark-button:hover:before, input.blue-mid-button:hover:before, input.blue-royal-button:hover:before, input.blue-sky-button:hover:before, input.green-dark-button:hover:before, input.green-light-button:hover:before, input.green-mid-button:hover:before, input.green-turquoise-button:hover:before, input.grey-light-button:hover:before, input.grey-dark-button:hover:before, input.orange-button:hover:before, input.orange-red-button:hover:before, input.pink-bubble-gum-button:hover:before, input.purple-mid-button:hover:before, input.purple-dark-button:hover:before, input.red-brick-button:hover:before, input.red-bright-button:hover:before, input.red-crimson-button:hover:before, input.red-dark-button:hover:before, input.yellow-button:hover:before, button.blue-dark-button:hover:before, button.blue-mid-button:hover:before, button.blue-royal-button:hover:before, button.blue-sky-button:hover:before, button.green-dark-button:hover:before, button.green-light-button:hover:before, button.green-mid-button:hover:before, button.green-turquoise-button:hover:before, button.grey-light-button:hover:before, button.grey-dark-button:hover:before, button.orange-button:hover:before, button.orange-red-button:hover:before, button.pink-bubble-gum-button:hover:before, button.purple-mid-button:hover:before, button.purple-dark-button:hover:before, button.red-brick-button:hover:before, button.red-bright-button:hover:before, button.red-crimson-button:hover:before, button.red-dark-button:hover:before, button.yellow-button:hover:before {
        opacity: 0.9;
        transform: scale(1, 1);
        left: -25px
    }

.black-border, .blue-dark-border, .blue-mid-border, .blue-royal-border, .blue-sky-border, .green-dark-border, .green-light-border, .green-mid-border, .green-turquoise-border, .grey-light-border, .grey-dark-border, .orange-border, .orange-red-border, .pink-bubble-gum-border, .purple-mid-border, .purple-dark-border, .red-brick-border, .red-bright-border, .red-crimson-border, .red-dark-border, .yellow-border {
    border: 1px solid;
}

.black-border {
    border-color: #000;
}

, .blue-dark-border {
    border-color: #334960;
}

.blue-mid-border {
    border-color: #0099ff;
}

.blue-royal-border {
    border-color: #175fa2;
}

.blue-sky-border {
    border-color: #33cefb;
}

.green-dark-border {
    border-color: #0f6d5b;
}

.green-light-border {
    border-color: #2dcc70;
}

.green-mid-border {
    border-color: #43af26;
}

.green-turquoise-border {
    border-color: #1bbc9b;
}

.grey-light-border {
    border-color: #bec3c7;
}

.grey-dark-border {
    border-color: #95a5a5;
}

.orange-border {
    border-color: #e67f22;
}

.orange-red-border {
    border-color: #FF4500;
}

.pink-bubble-gum-border {
    border-color: #e79096;
}

.purple-mid-border {
    border-color: #9a59b5;
}

.purple-dark-border {
    border-color: #7044ad;
}

.red-brick-border {
    border-color: #e54e39;
}

.red-bright-border {
    border-color: #FF0000;
}

.red-crimson-border {
    border-color: #DC143C;
}

.red-dark-border {
    border-color: #8B0000;
}

.yellow-border {
    border-color: #f2c50a;
}

img.drop-shadow {
    margin: 0px auto 5px auto;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 40%);
    padding: 10px;
    background: #FFF;
    max-width: 100%;
}

iframe {
    max-width: 100%
}

.googlecalendar-full {
    width: 100%;
    display: block
}

.googlecalendar-agenda {
    display: none
}

@media only screen and (max-width: 700px) {
    .googlecalendar-full {
        display: none
    }

    .googlecalendar-agenda {
        width: 100%;
        display: block
    }
}

.imagecircle {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 10px
}

.imagecentre {
    border: none;
    display: block;
    margin: 10px auto;
}

.imagecentred {
    border: none;
    display: block;
    margin: 10px auto;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: #000000 0px 0px 20px -10px;
}

.imagefullwidth {
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border: 0;
    margin: 10px 0
}

.imageleft {
    float: left;
    margin: 0 25px 1px 0;
}

.imageleftborder {
    float: left;
    margin: 0 25px 1px 0;
    border: 1px solid #CCC
}

.imageright {
    float: right;
    margin: 0 0 1px 25px
}

    .imageright:after {
        content: "";
        clear: both;
        display: table;
    }

.imagerightborder {
    float: right;
    margin: 0 0 1px 25px;
    border: 1px solid #CCC
}

div.imageleftborder {
    float: left;
    margin: 0 25px 1px 0;
    display: inline
}

div.imagerightborder {
    float: right;
    margin: 0 0 1px 25px;
    display: inline
}

    div.imagerightborder p, div.imageleftborder p, div.imageRightBorder p, div.imageLeftBorder p {
        margin: 0;
        padding: 1px 5px;
        background-color: #CCC;
        font-size: 0.9em
    }

img.imagerightborder, img.imageRightBorder {
    float: right;
    border: 1px solid #CCC;
    margin: 0 0 1px 25px
}

.photo-btns {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 100%;
}

    .photo-btns li {
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        list-style: none !important;
        opacity: 0;
        transform: translateY(20px);
        animation: fadeSlideUp 0.5s forwards;
        aspect-ratio: 1
    }

        .photo-btns li a {
            position: relative;
            display: block;
            text-decoration: none;
            color: white;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

            .photo-btns li a img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }

    .photo-btns.circlebuttons li img {
        border-radius: 50%;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
    }

    .photo-btns.circlebuttons li {
        aspect-ratio: 1 / 1;
    }

        .photo-btns.circlebuttons li a {
            border-radius: 50%; /* match the image */
            overflow: hidden;
            aspect-ratio: 1 / 1; /* force square */
            position: relative;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        }

    .photo-btns li a[href="#"] {
        cursor: default;
        pointer-events: none;
    }

    .photo-btns li a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit; /* inherit circle radius if any */
        background: rgba(0,0,0,0.4);
        pointer-events: none;
        z-index: 1;
    }

    .photo-btns li a > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        color: white;
        font-size: 1.2rem;
        text-shadow: 0 2px 5px rgba(0,0,0,0.8);
        white-space: nowrap;
        pointer-events: auto; /* allow selecting and editing */
    }

@media (max-width: 900px) {
    .photo-btns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .photo-btns {
        grid-template-columns: 1fr;
    }
}

.photo-btns li:nth-child(1) {
    animation-delay: 0.1s;
}

.photo-btns li:nth-child(2) {
    animation-delay: 0.3s;
}

.photo-btns li:nth-child(3) {
    animation-delay: 0.5s;
}

.photo-btns li:nth-child(4) {
    animation-delay: 0.7s;
}

.photo-btns li:nth-child(5) {
    animation-delay: 0.9s;
}

.photo-btns li:nth-child(6) {
    animation-delay: 1.1s;
}

.photo-btns li:nth-child(7) {
    animation-delay: 1.3s;
}

.photo-btns li:nth-child(8) {
    animation-delay: 1.5s;
}

.photo-btns li:nth-child(9) {
    animation-delay: 1.7s;
}

.photo-btns li:nth-child(10) {
    animation-delay: 2s;
}

.photo-btns li:nth-child(11) {
    animation-delay: 2.3s;
}

.photo-btns li:nth-child(12) {
    animation-delay: 2.6s;
}

@keyframes fadeSlideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

table, tr, td, th {
    font-size: 16px;
}

#mainholder tr, #mainholder td, #mainholder th, #tinymce tr, #tinymce td, #tinymce th {
    border: 1px solid #BFBFBF
}

#mainholder #calendar .fc-header td, #mainholder #calendar tr {
    border: 0;
}

#mainholder .tablenoborderpadded tr, #mainholder .tablenoborderpadded td, #mainholder .tablenoborderpadded th, #tinymce .tablenoborderpadded tr, #tinymce .tablenoborderpadded td, #tinymce .tablenoborderpadded th, #mainholder .tablenoborder4px tr, #mainholder .tablenoborder4px td, #mainholder .tablenoborder4px th, #tinymce .tablenoborder4px tr, #tinymce .tablenoborder4px td, #tinymce .tablenoborder4px th {
    border: 0;
}

.tableborder, .tableborder4px, .search-table {
    margin: 20px 0;
    border: 0;
    border-bottom: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF
}

    .tableborder td, .tableborder th, .search-table td, .search-table th, .tableborder4px td, .tableborder4px th {
        padding: 10px;
        margin: 0;
        font-weight: normal;
        border-right: 1px solid #EFEFEF;
        border-top: 1px solid #EFEFEF;
        vertical-align: top;
        text-align: left
    }

    .tableborder4px td, .tableborder4px th {
        padding: 4px
    }

        .tableborder td p, .tableborder4px td p, .search-table td p {
            margin: 0
        }

        .tableborder td.tablecellhighlight, .tableborder th.tablecellhighlight, .tablecellhighlight, .tableborder4px td.tablecellhighlight, .tableborder4px th.tablecellhighlight, .search-table td.tablecellhighlight, .search-table th.tablecellhighlight {
            background-color: #666;
            color: #FFF;
            font-weight: bold
        }

    .tableborder td, .tableborder th {
        border-right-width: 1px !important;
        border-right-style: solid !important;
    }


.tablenoborderpadded, .tablenoborder4px {
    margin: 20px 0;
    border: 0;
}

    .tablenoborderpadded td, .tablenoborderpadded th, .tablenoborder4px td, .tablenoborder4px th {
        border: 0 !important;
        padding: 10px 20px 10px 0;
        margin: 0;
        font-weight: normal;
        border: 0;
        vertical-align: top;
        text-align: left
    }

    .tablenoborder4px td, .tablenoborder4px th {
        padding: 4px 8px 4px 0
    }

        .tablenoborderpadded td p, .tablenoborder4px td p {
            margin: 0
        }


ul.auto-list li {
    display: block;
    background-color: #f7f7f7;
    border: 1px solid #dedede;
    padding: 10px 10px 10px 55px;
    background-position: 10px 9px;
    margin: 0 0 5px 0;
    background-repeat: no-repeat;
    background-image: url(/admin/inc/FrontEndFiles/icons/document.png);
}

ul.round-border-list {
    display: block
}

    ul.round-border-list li {
        display: block;
        margin: 0 0 5px 0;
        padding: 10px 10px;
        background: #efefef;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

ul.striped-list {
    display: block
}

    ul.striped-list li {
        display: block;
        margin: 0 0 5px 0;
        padding: 10px 10px;
        background: #f3f3f3;
    }

        ul.striped-list li:nth-of-type(even) {
            background: #e2e2e2
        }

.quick-links-list {
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.08),8px 8px 0 0 rgba(143,143,143,0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.08),8px 8px 0 0 rgba(143,143,143,0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08),8px 8px 0 0 rgba(143,143,143,0.15);
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    display: block;
    margin: 0 8px 0 0
}

    .quick-links-list h2 {
        font-size: 25px;
        color: #444;
        margin: 10px 0 15px 0;
        border-bottom: 1px solid #bdbdbd;
        padding: 0 0 10px 0
    }

    .quick-links-list ul {
        display: block;
        -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
        -moz-box-shadow: inset 0 0 0 1px #e4e4e4;
        box-shadow: inset 0 0 0 1px #e4e4e4;
        overflow: hidden;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

        .quick-links-list ul li {
            display: block;
            -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
            -moz-box-shadow: inset 0 0 0 1px #e4e4e4;
            box-shadow: inset 0 0 0 1px #e4e4e4;
            overflow: hidden;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: inset 0 -1px 0 #e4e4e4;
            -moz-box-shadow: inset 0 -1px 0 #e4e4e4;
            box-shadow: inset 0 -1px 0 #e4e4e4;
            padding: 15px 10px 15px 20px;
            background: #fff;
            margin: 0;
        }

p.mediaiframe {
    position: relative;
    padding-bottom: 57%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

p.mediaholder video {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
    object-fit: fill;
}

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

p.mediaholder span.videotitle {
    display: none
}

p.mediaholder:before {
    content: '';
    margin: 0;
}


.CMSawards {
    display: block;
    margin: 0px auto;
    background-color: #FFF;
    width: 100%;
    text-align: center
}

    .CMSawards ul {
        text-align: center;
        vertical-align: middle;
        background: none;
        margin: 10px auto;
        padding: 0;
    }

        .CMSawards ul li {
            list-style: none;
            background: none;
            display: inline-block;
            height: 70px;
            margin: 55px 10px 0px 10px;
            padding: 0;
            position: relative;
        }

            .CMSawards ul li a {
                background: none;
                text-decoration: none;
            }

            .CMSawards ul li img {
                max-height: 70px;
                margin: 2px auto;
                display: block;
                border: 0;
                vertical-align: middle;
                top: 50%;
                transform: translateY(-50%);
                width: auto;
                height: auto;
            }

.zoom-anim-dialog .modal-img {
    background-size: cover
}

/* Hide scrollbar when using hamburger on desktop*/
.meanmenu-reveal {
    height: 100%;
}

.mean-container .mean-bar::-webkit-scrollbar {
    display: none;
}

/* Twitter problem */
@media only screen and (max-width: 989px) {
    div.twitter-timeline iframe {
        display: none !important
    }

    div.twitter-timeline:before {
        content: "Twitter currently has a global issue with embedded timelines. They have not said when this will be resolved.\A In the meantime, our posts are available on Twitter's website.";
        width: 100%;
        height: auto;
        padding: 10px 15px;
        background: #FFF;
        color: #333;
        border-radius: 5px;
        font-size: 17px;
        line-height: 26px;
        text-align: left;
        white-space: pre-wrap;
    }

    a.twitter-timeline {
        display: none !important
    }
}

@media only screen and (max-width: 540px) {
    .CMSawards {
        display: none;
    }
}

.CMS_only, .CMS_docs {
    display: none
}

.Content1Column img, .Content2Column img, .Content3Column img, .ColumnLeft img, .ColumnRight img, .CMSmodal img {
    max-width: 100%;
    height: auto;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

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

.spinnercontainer {
    position: relative;
    padding-bottom: 100%;
    z-index: 2;
    height: 0;
}

    .spinnercontainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 700px
    }

@media only screen and (max-width: 800px) {
    .spinnercontainer {
        padding-bottom: 140%;
    }
}


@media only screen and (max-width: 760px) {
    ul.staff-list li {
        width: calc(50% - 14px) !important;
        margin: 0 10px 40px 0 !important;
    }

        ul.staff-list li a .staff-img {
            max-width: 100px;
            max-height: 100px;
            margin-top: 13px;
            background-size: cover !important;
        }

    #FormLogin label, #FormLogin input.formfield, #FormLogin fieldset {
        float: none;
        display: block;
        margin-left: 0
    }

    .Content1Column video, .Content2Column video, .Content3Column video, .ColumnLeft video, .ColumnRight video, .CMSmodal video {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 960px) {
    #mainholder table a {
        word-break: break-all;
    }

    td { /*overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word; */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    tr:first-child td {
        -moz-hyphens: none;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
    }


    table {
        display: block;
        overflow-x: scroll;
        width: auto;
        min-width: 100%;
        max-width: initial !important;
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));
        background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
        background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
        background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
        background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
        background-position: 0 0, 100% 0, 0 0, 100% 0;
        background-repeat: no-repeat;
        background-color: white;
        background-size: 4em 100%, 4em 100%, 1em 100%, 2em 100%;
        background-attachment: local, local, scroll, scroll;
    }

        table tr {
            overflow-x: scroll;
        }

        table td {
            width: auto !important;
            height: auto !important;
            word-break: normal;
            white-space: break-spaces;
        }

    .tableborder tr:first-child td {
        -moz-hyphens: none;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        white-space: nowrap;
    }
    /* removed 070322 because forcing wide tables .tableborder td {white-space: nowrap;}*/
}

@media only screen and (max-width: 990px) {
    #search input[type="search"] {
        width: 70%;
        max-width: 250px;
        background: #fff;
        border-radius: 40px;
        padding: 20px;
        color: #111;
        font-size: 15px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: -50px auto 0;
        outline: none;
        box-shadow: 0 0 0 3px #cccccc;
    }

    .box-grey-light, .box-grey-with-outline, .box-grey-dark-round-corners, .box-grey-pale-shadow, .box-white-border {
        width: 100%
    }

    .video-background {
        display: none
    }
}

@media only screen and (max-width: 1150px) {
    #float-image {
        display: none
    }
    <!--
    app corner graphic -->
}
/* COLUMNS CSS FEB 2022 */
.columnLayout {
    float: left;
    padding: 0 15px
}
/*.columnLayout{float:left;padding:2.5px 15px}*/
.eight-column-drop, .five-column-drop, .four-column-drop, .nine-column-drop, .one-column-drop, .seven-column-drop, .six-column-drop, .ten-column-drop, .three-column-drop, .three-column-split, .two-column-drop {
    display: block;
    clear: both
}

    .one-column-drop > .columnLayout {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: block;
        vertical-align: -webkit-baseline-middle;
        min-height: 30px
    }

        .one-column-drop > .columnLayout iframe {
            width: 100%
        }

    .eight-column-drop > .columnLayout, .five-column-drop > .columnLayout, .four-column-drop > .columnLayout, .nine-column-drop > .columnLayout, .seven-column-drop > .columnLayout, .six-column-drop > .columnLayout, .ten-column-drop > .columnLayout, .three-column-drop > .columnLayout, .three-column-split > .columnLayout, .two-column-drop > .columnLayout {
        max-width: calc(100%/2);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: inline-block;
        vertical-align: text-top;
        min-height: 30px;
        text-align: left
    }

    .eight-column-drop > .columnLayout, .five-column-drop > .columnLayout, .four-column-drop > .columnLayout, .nine-column-drop > .columnLayout, .seven-column-drop > .columnLayout, .six-column-drop > .columnLayout, .ten-column-drop > .columnLayout, .three-column-drop > .columnLayout {
        max-width: -webkit-calc(100%/3);
        max-width: -moz-calc(100%/3);
        max-width: calc(100%/3);
        vertical-align: -webkit-baseline-middle
    }

.two-column-split > .columnLayout {
    width: calc(75% - 30px);
    vertical-align: -webkit-baseline-middle
}

    .two-column-split > .columnLayout:first-of-type {
        width: calc(25% - 30px)
    }

.two-column-split-33 > .columnLayout {
    width: calc(66% - 30px);
    vertical-align: -webkit-baseline-middle
}

    .two-column-split-33 > .columnLayout:first-of-type {
        width: calc(33% - 30px)
    }

.two-column-split-66 > .columnLayout {
    width: calc(33% - 30px);
    vertical-align: -webkit-baseline-middle
}

    .two-column-split-66 > .columnLayout:first-of-type {
        width: calc(66% - 30px)
    }

.two-column-split-75 > .columnLayout {
    width: calc(25% - 30px);
    vertical-align: -webkit-baseline-middle
}

    .two-column-split-75 > .columnLayout:first-of-type {
        width: calc(75% - 30px)
    }

.three-column-split > .columnLayout {
    max-width: -webkit-calc(100%/4);
    max-width: -moz-calc(100%/4);
    max-width: calc(100%/4);
    vertical-align: -webkit-baseline-middle
}

.three-column-split.columnLayout:first-of-type {
    max-width: -webkit-calc(100%/2);
    max-width: -moz-calc(100%/2);
    max-width: calc(100%/2)
}

.four-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/4);
    max-width: -moz-calc(100%/4);
    max-width: calc(100%/4)
}

.five-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/5);
    max-width: -moz-calc(100%/5);
    max-width: calc(100%/5)
}

.six-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/6);
    max-width: -moz-calc(100%/6);
    max-width: calc(100%/6)
}

.seven-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/7);
    max-width: -moz-calc(100%/7);
    max-width: calc(100%/7)
}

.eight-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/8);
    max-width: -moz-calc(100%/8);
    max-width: calc(100%/8)
}

.nine-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/9);
    max-width: -moz-calc(100%/9);
    max-width: calc(100%/9)
}

.ten-column-drop > .columnLayout {
    max-width: -webkit-calc(100%/10);
    max-width: -moz-calc(100%/10);
    max-width: calc(100%/10)
}

.columnLayout {
    padding-left: 0
}

@media only screen and (max-width:1024px) {
    .two-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

    .three-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

        .three-column-drop > .columnLayout:last-of-type {
            width: 100%;
            max-width: 100%
        }

    .three-column-split > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

        .three-column-split > .columnLayout:first-of-type {
            width: 100%;
            max-width: 100%
        }

    .four-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

    .five-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

        .five-column-drop > .columnLayout:last-of-type {
            width: 100%;
            max-width: 100%
        }

    .six-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

    .seven-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

        .seven-column-drop > .columnLayout:last-of-type {
            width: 100%;
            max-width: 100%
        }

    .eight-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }

    .nine-column-drop > .columnLayout {
        max-width: calc(100%/2.1);
        float: none;
        margin-bottom: 2px
    }

        .nine-column-drop > .columnLayout:last-of-type {
            width: 100%;
            max-width: 100%
        }

    .ten-column-drop > .columnLayout {
        max-width: calc(100%/2.01);
        float: none;
        margin-bottom: 2px
    }
}

@media only screen and (max-width:880px) {
    .eight-column-drop .columnLayout, .eleven-column-drop .columnLayout, .five-column-drop .columnLayout, .four-column-drop .columnLayout, .nine-column-drop .columnLayout, .one-column-drop .columnLayout, .seven-column-drop .columnLayout, .six-column-drop .columnLayout, .ten-column-drop .columnLayout, .three-column-drop .columnLayout, .two-column-split .columnLayout, .two-column-split-66 .columnLayout, .two-column-split-75 .columnLayout, .two-column-split-33 .columnLayout, .three-column-split .columnLayout, .twelve-column-drop .columnLayout, .two-column-drop .columnLayout {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.columnLayout p:last-of-type {
    margin-bottom: 0
}

.eight-column-drop:after, .eleven-column-drop:after, .five-column-drop:after, .four-column-drop:after, .nine-column-drop:after, .one-column-drop:after, .seven-column-drop:after, .six-column-drop:after, .ten-column-drop:after, .three-column-drop:after, .two-column-split:after, .two-column-split-66:after, .two-column-split-75:after, .two-column-split-33:after, .three-column-split:after, .twelve-column-drop:after, .two-column-drop:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* END COLUMNS CSS */

/* FIX FOR TWITTER WIDGET ISSUE WHERE WIDTH COMING IN AS 1PX */
#twitter-widget-0 {
    width: 90% !important;
}
/* HEADER SKIPLINK */
.skip-link {
    position: absolute;
    top: -100px;
    left: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 0;
    text-decoration: none;
}

    .skip-link:focus {
        top: 10px;
        outline: 2px solid #fff;
        z-index: 1
    }