@charset "UTF-8";

@font-face {
    font-display: swap;
    font-family: opendyslexicregular;
    src: url(../../../../../../../../themes/tewkesbury/assets/webfonts/opendyslexic-regular-webfont.woff2) format("woff2"), url(../../../../../../../../themes/tewkesbury/assets/webfonts/opendyslexic-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
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,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none;
    }

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

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

.body-lock {
    overflow: hidden;
}

.flexbox {
    display: flex;
    display: -webkit-flex;
}

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

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

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

.justify-center {
    justify-content: center;
}

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

.column {
    flex-direction: column;
}

b,
strong {
    font-weight: 700;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    font-family: Poppins, sans-serif;
    margin: 0;
    padding: 0;
    color: #233d43;
    display: flex;
    flex-direction: column;
}

.hide {
    display: none;
}

.hide-for-mobile {
    display: none;
    font-style: normal;
}

@media (min-width: 992px) {
    .hide-for-mobile {
        display: contents;
    }
}

.body--lock {
    overflow: hidden;
}

@media (min-width: 992px) {
    .body--lock {
        overflow: auto;
    }
}

::-moz-selection {
    color: #fff;
    background: #4cb85e;
}

::selection {
    color: #233d43;
    background: #f5ce3e;
}

em {
    font-style: italic;
}

a:visited {
    color: inherit;
}

.searchwp-highlight {
    background-color: #f5ce3e;
}

h1 {
    font-family: Poppins, sans-serif;
    font-weight: 700;
}

h2 {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 10px;
    line-height: 1.2;
}

@media (min-width: 992px) {
    h2 {
        font-size: 2.2em;
    }
}

h3 {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 25px;
    margin-bottom: 0;
}

    h3.sub-head {
        font-family: Poppins, sans-serif;
        font-size: 1.4em;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 400;
    }

h4 {
    font-weight: 700;
    font-size: 1.2em;
}

.container {
    max-width: 1990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.sub-head p,
p.sub-head {
    font-size: 1.4em;
    line-height: 1.4;
}

p a {
    color: inherit;
    font-weight: 700;
    text-underline-offset: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    p a:focus,
    p a:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

#bdr-bottom,
#bdr-left,
#bdr-right,
#bdr-top {
    background: #efefef;
    position: fixed;
    display: none;
}

@media (min-width: 768px) {
    #bdr-bottom,
    #bdr-left,
    #bdr-right,
    #bdr-top {
        display: block;
    }
}

#bdr-top {
    top: 0;
    height: 20px;
    left: 0;
    right: 0;
    z-index: 2;
}

#bdr-bottom {
    bottom: 0;
    height: 20px;
    left: 0;
    right: 0;
    z-index: 4;
}

#bdr-left {
    left: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    z-index: 4;
}

#bdr-right {
    right: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    z-index: 4;
}

.srt {
    border: 0;
    clip: react(1px, 1px, 1px, 1px);
    -webkit-clip-path: insert(50%);
    clip-path: insert(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

#skip--links a {
    background: #fff;
    top: -100%;
    border: 3px solid #233d43;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #233d43;
    position: fixed;
    font-weight: 700;
    left: 50%;
    z-index: 9;
    width: 160px;
    margin-left: -80px;
    text-align: center;
}

    #skip--links a:focus,
    #skip--links a:hover {
        display: block;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
        top: 35px;
    }

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

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

.cta {
    border: 3px solid #233d43;
    background-color: transparent;
    padding: 13px 60px 13px 15px;
    text-decoration: none;
    color: #233d43;
    display: inline-block;
    position: relative;
    font-weight: 700;
}

    .cta span {
        margin-right: 10px;
    }

        .cta span.fa-chevron-right {
            color: #233d43;
            position: absolute;
            right: 15px;
            top: 15px;
            margin-right: 0;
            border-left: 3px solid #233d43;
            height: 100%;
            top: 0;
            display: flex;
            align-items: center;
            padding-left: 15px;
            margin-left: 5px;
            font-weight: 300;
        }

    .cta:focus,
    .cta:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

        .cta:focus span.fa-chevron-right,
        .cta:hover span.fa-chevron-right {
            color: #233d43;
        }

em {
    font-style: normal;
}

    a em strong,
    a strong em,
    em a strong,
    em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        padding: 13px 60px 13px 15px;
        text-decoration: none;
        color: #233d43;
        display: inline-block;
        position: relative;
        margin-bottom: 35px;
        margin-top: 17.5px;
    }

        a em strong:after,
        a strong em:after,
        em a strong:after,
        em strong a:after {
            content: "\f054";
            color: #233d43;
            font-family: FontAwesome;
            font-size: inherit;
            right: 15px;
            top: 0;
            position: absolute;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            border-left: 3px solid #233d43;
            padding-left: 15px;
            margin-left: 15px;
        }

        a em strong:focus,
        a em strong:hover,
        a strong em:focus,
        a strong em:hover,
        em a strong:focus,
        em a strong:hover,
        em strong a:focus,
        em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: #233d43;
        }

    a em,
    em a {
        background-color: #4cb85e;
        padding: 13px 60px 13px 15px;
        text-decoration: none;
        color: #233d43;
        display: inline-block;
        position: relative;
        margin-bottom: 35px;
        margin-top: 17.5px;
    }

        a em:after,
        em a:after {
            content: "\f054";
            color: #233d43;
            font-family: FontAwesome;
            font-size: inherit;
            right: 15px;
            top: 0;
            position: absolute;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            border-left: 3px solid #233d43;
            padding-left: 15px;
            margin-left: 15px;
        }

        a em:focus,
        a em:hover,
        em a:focus,
        em a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #4cb85e;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: #233d43;
        }

            a em:focus:after,
            a em:hover:after,
            em a:focus:after,
            em a:hover:after {
                content: "\f054";
                color: #233d43;
                border-left: 3px solid #233d43;
            }

.alert-full-width {
    margin-top: 10px;
}

.tbc-alert {
    margin: 17.5px 0;
}

.tbc-alert-info {
    background: #f6f6f6;
    padding: 17.5px;
    font-size: 0.9rem;
    line-height: 1.2rem;
}

.tbc-alert-success {
    background: #4cb85e;
    padding: 17.5px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #fff;
}

.tbc-alert-warning {
    background: #9c2448;
    padding: 17.5px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #1d1d1d;
}

#gwc-form-container a {
    color: #233d43;
    font-weight: 700;
    text-underline-offset: 4px;
    line-height: 26px;
}

    #gwc-form-container a:hover {
        background-color: #f5ce3e !important;
        color: #233d43;
        transition: all 0.3s ease-in-out;
    }

    #gwc-form-container a:focus {
        color: #233d43;
        background-color: #f5ce3e;
        outline: 5px solid #f5ce3e;
        outline-offset: 0;
        transition: all 0.3s ease-in-out;
    }

#gwc-form-container h3 {
    font-size: 19px;
    margin-bottom: 10px;
}

#gwc-form-container .subform-wrapper,
#gwc-form-container .subform-wrapper-intro {
    border: 1px dashed #d9dad8;
    margin-bottom: 30px;
    padding: 20px;
}

#gwc-form-container #gwCost {
    display: block;
    padding-top: 10px;
    font-size: 1.2rem;
    font-weight: 700;
}

#gwc-form-container * {
    box-sizing: border-box;
}

#gwc-form-container {
    padding: 10px;
}

    #gwc-form-container .row:after {
        clear: both;
        content: "";
        display: table;
    }

    #gwc-form-container .col-input,
    #gwc-form-container .col-label {
        float: left;
        width: 38%;
        margin-top: 10px;
    }

    #gwc-form-container .col-input {
        width: 62%;
    }

    #gwc-form-container .col-label p {
        padding: 12px 12px 12px 0;
    }

    #gwc-form-container label {
        display: inline-block;
        padding: 12px 12px 12px 0;
    }

    #gwc-form-container legend {
        display: inline-block;
        padding: 12px 12px 12px 0;
    }

    #gwc-form-container input[type="email"],
    #gwc-form-container input[type="tel"],
    #gwc-form-container input[type="text"],
    #gwc-form-container select,
    #gwc-form-container textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff;
        border: 3px solid #233d43;
        font-family: Poppins, sans-serif;
        box-sizing: border-box;
        padding: 12px;
        resize: vertical;
        width: 100%;
    }

        #gwc-form-container input[type="email"]::-moz-placeholder,
        #gwc-form-container input[type="tel"]::-moz-placeholder,
        #gwc-form-container input[type="text"]::-moz-placeholder,
        #gwc-form-container select::-moz-placeholder,
        #gwc-form-container textarea::-moz-placeholder {
            color: #233d43;
            opacity: 1;
        }

        #gwc-form-container input[type="email"]::placeholder,
        #gwc-form-container input[type="tel"]::placeholder,
        #gwc-form-container input[type="text"]::placeholder,
        #gwc-form-container select::placeholder,
        #gwc-form-container textarea::placeholder {
            color: #233d43;
            opacity: 1;
        }

        #gwc-form-container input[type="email"]:focus,
        #gwc-form-container input[type="tel"]:focus,
        #gwc-form-container input[type="text"]:focus,
        #gwc-form-container select:focus,
        #gwc-form-container textarea:focus {
            outline: 5px solid #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    #gwc-form-container input[type="submit"] {
        background: #00823b;
        box-shadow: 0 2px 0 #003618;
        border: none;
        color: #fff;
        cursor: pointer;
        font-weight: 400;
        font-style: Normal;
        font-size: 16px;
        letter-spacing: 0.5px;
        padding: 12px 20px;
    }

        #gwc-form-container input[type="submit"]:hover {
            background-color: #006435;
        }

        #gwc-form-container input[type="submit"]:focus {
            transition: all 0.3s ease-in-out;
            background-color: #f5ce3e !important;
            color: #233d43 !important;
            outline: 0 !important;
        }

    #gwc-form-container .disabled,
    .disabled {
        display: none;
    }

input[disabled] {
    box-shadow: none !important;
    display: inline !important;
    cursor: not-allowed !important;
    opacity: 0.5;
}

#gwc-form-container .terms .col-label {
    width: 97%;
}

#gwc-form-container .terms .col-input {
    width: 3%;
}

@media (max-width: 992px) {
    #gwc-form-container .col-label {
        width: 30%;
    }

    #gwc-form-container .col-input {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .tbc-alert-info {
        margin-top: 10px !important;
    }

    #gwc-form-container .col-input,
    #gwc-form-container .col-label,
    #gwc-form-container input[type="submit"] {
        margin-top: 0;
        width: 100%;
    }
}

#gwc-tc-wrapper {
    padding-top: 15px;
}

    #gwc-tc-wrapper h3,
    #gwc-tc-wrapper h3 a {
        font-size: 18px;
        padding-bottom: 10px;
    }

#gwc-tc {
    display: block;
    margin-bottom: -10px;
}

    #gwc-tc a {
        text-decoration: underline;
    }

.control-group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px !important;
    margin-bottom: 5px;
}

    .control.control--checkbox {
        margin-top: 10px;
    }

    .control.control--radio {
        margin: 6px 10px 0 0;
        display: inline-block;
    }

#gwc-form-container .control.control--radio label {
    padding: 0 12px 12px 0;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    cursor: pointer;
    background: #fff;
    border: 3px solid #233d43;
    position: absolute;
    top: 2px;
    left: 0;
    height: 25px;
    width: 25px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

#gwc-form-container .control--radio {
    padding-top: 7px;
}

.control input:focus ~ .control__indicator {
    outline: 5px solid #f5ce3e;
    transition: all 0.3s ease-in-out;
}

.control input:disabled ~ .control__indicator {
    background: #d9dad8;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: "";
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #233d43;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #d9dad8;
}

.control--radio .control__indicator:after {
    left: 6px;
    top: 6px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #233d43;
}

#gwc-form-container button[type="submit"] {
    background-color: #4cb85e;
    padding: 10px 60px 10px 15px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    position: relative;
    margin-bottom: 35px;
    margin-top: 17.5px;
}

    #gwc-form-container button[type="submit"] span {
        margin-right: 10px;
    }

        #gwc-form-container button[type="submit"] span.fa-chevron-right {
            color: #fff;
            position: absolute;
            right: 15px;
            top: 15px;
            margin-right: 0;
            border-left: 1px solid #fff;
            height: 100%;
            top: 0;
            display: flex;
            align-items: center;
            padding-left: 15px;
            margin-left: 5px;
            font-weight: 300;
        }

    #gwc-form-container button[type="submit"]:focus,
    #gwc-form-container button[type="submit"]:hover {
        outline: #f5ce3e solid 5px;
        transition: all 0.3s ease-in-out;
    }

#gwc-form-container button[disabled] {
    box-shadow: none !important;
    display: inline !important;
    cursor: not-allowed !important;
    opacity: 0.5;
}

.bin-collection .bin--calendar {
    max-width: 1990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .bin-collection .bin--calendar .container {
        margin: 17.5px;
        padding: 0;
        background-color: #f6f6f6;
    }

        .bin-collection .bin--calendar .container .grid--2 {
            flex-direction: column-reverse;
        }

@media (min-width: 768px) {
    .bin-collection .bin--calendar .container .grid--2 {
        flex-direction: row;
    }
}

.bin-collection .bin--calendar .container p {
    font-size: 1em;
    line-height: 24px;
    margin-bottom: 17.5px;
}

@media (min-width: 768px) {
    .bin-collection .bin--calendar .container p {
        font-size: 1.2em;
        line-height: 26px;
    }
}

@media (min-width: 768px) {
    .bin-collection .bin--calendar .container {
        margin: 35px 17.5px 17.5px;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .bin-collection .bin--calendar .container {
        margin: 35px 35px 17.5px;
        padding: 0;
        background-color: #f6f6f6;
    }
}

.bin-collection .bin--calendar .container .bin-search--wrapper {
    z-index: 9;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .bin-collection .bin--calendar .container .bin-search--wrapper {
        max-width: 510px;
        margin: 17.5px;
    }
}

.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"] {
    font-family: Poppins, sans-serif;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #233d43;
    border: 3px solid #233d43;
    font-size: 11px;
}

    .bin-collection
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]:focus {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

    .bin-collection
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]::-moz-placeholder {
        color: #233d43;
    }

    .bin-collection
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]::placeholder {
        color: #233d43;
    }

@media (min-width: 992px) {
    .bin-collection
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"] {
        padding: 10px 15px;
        text-align: left;
        font-size: 0.9em;
    }
}

.bin-collection .bin--calendar .container .bin-search--wrapper .input--wrapper {
    position: relative;
}

.bin-collection .bin--calendar .container .bin-search--wrapper button {
    background: 0 0;
    position: absolute;
    border: none;
    font-size: 1em;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
}

    .bin-collection
    .bin--calendar
    .container
    .bin-search--wrapper
    button
    span.fa-solid {
        border-left: 3px solid #233d43;
        height: 100%;
        padding-left: 14px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-cancel-button,
.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-decoration,
.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-results-button,
.bin-collection
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.bin-collection .results--wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .bin-collection .results--wrapper .addressClickable {
        width: calc(100% - 35px) !important;
        border: 3px solid;
        padding: 10px;
        line-height: 1.4;
        margin: 17.5px;
    }

@media (min-width: 992px) {
    .bin-collection .results--wrapper .addressClickable {
        width: calc(50% - 20px) !important;
    }
}

.bin-collection #waste-search-results h2 {
    margin-left: 35px;
}

.bin-collection .image {
    padding: 0 !important;
}

    .bin-collection .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 260px;
        display: block;
    }

.bin-collection #collection-results {
    padding-top: 17.5px;
    margin-bottom: 17.5px;
}

.sidebar .bin--calendar .container {
    margin: 0 0 35px;
    padding: 35px 17.5px;
    background-color: #9ed4b0;
}

    .sidebar .bin--calendar .container h2 {
        font-size: 1.2em;
    }

@media (min-width: 992px) {
    .sidebar .bin--calendar .container h2 {
        margin: 0 0 17.5px;
        padding: 0 0 17.5px;
        font-size: 1.2em;
        border-bottom: 1px solid #233d43;
    }
}

.sidebar .bin--calendar .container p {
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 17.5px;
}

@media (min-width: 768px) {
    .sidebar .bin--calendar .container p {
        font-size: 1.2em;
        max-width: 450px;
    }
}

@media (min-width: 992px) {
    .sidebar .bin--calendar .container p {
        font-size: 1em;
    }
}

@media (min-width: 768px) {
    .sidebar .bin--calendar .container {
        margin: 0 0 35px;
        padding: 17.5px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/bin-calendar.svg);
    }
}

@media (min-width: 992px) {
    .sidebar .bin--calendar .container {
        margin: 0 0 35px;
        padding: 17.5px 17.5px;
        background-color: #9ed4b0;
        background-image: none;
    }
}

.sidebar .bin--calendar .container .bin-search--wrapper {
    z-index: 9;
    box-sizing: border-box;
    width: 100%;
    max-width: 450px;
    margin-top: 17.5px;
}

@media (min-width: 768px) {
    .sidebar .bin--calendar .container .bin-search--wrapper {
        max-width: 450px;
    }
}

.sidebar .bin--calendar .container .bin-search--wrapper input[type="search"] {
    font-family: Poppins, sans-serif;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #233d43;
    border: 3px solid #233d43;
    font-size: 11px;
}

    .sidebar
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]:focus {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

    .sidebar
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]::-moz-placeholder {
        color: #233d43;
    }

    .sidebar
    .bin--calendar
    .container
    .bin-search--wrapper
    input[type="search"]::placeholder {
        color: #233d43;
    }

@media (min-width: 992px) {
    .sidebar .bin--calendar .container .bin-search--wrapper input[type="search"] {
        padding: 10px 15px;
        text-align: left;
        font-size: 0.9em;
    }
}

.sidebar .bin--calendar .container .bin-search--wrapper .input--wrapper {
    position: relative;
}

.sidebar .bin--calendar .container .bin-search--wrapper button {
    background: 0 0;
    position: absolute;
    border: none;
    font-size: 1em;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
}

    .sidebar .bin--calendar .container .bin-search--wrapper button span.fa-solid {
        border-left: 3px solid #233d43;
        height: 100%;
        padding-left: 14px;
        padding-right: 10px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-cancel-button,
.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-decoration,
.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-results-button,
.sidebar
.bin--calendar
.container
.bin-search--wrapper
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.fancybox-bg {
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/loading-icon.gif);
}

#bin--results--ui {
    padding: 17.5px;
    overflow: hidden;
}

@media (min-width: 992px) {
    #bin--results--ui {
        padding: 0 35px;
    }
}

#bin--results--ui.fancybox-content {
    padding: 17.5px;
}

#bin--results--ui .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 30px;
    top: 30px;
    background: #fff;
    opacity: 1;
    overflow: hidden;
}

    #bin--results--ui .fancybox-close-small:focus,
    #bin--results--ui .fancybox-close-small:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

#bin--results--ui #collection-results {
    padding: 35px;
    background: #f6f6f6;
    margin-top: 17.5px;
}

    #bin--results--ui #collection-results h2 {
        font-size: 1.2em;
        margin-bottom: 17.5px;
        background-color: #233d43;
        padding: 17.5px;
        color: #fff;
    }

    #bin--results--ui #collection-results p.noPCInfo {
        margin-right: 35px;
    }

    #bin--results--ui #collection-results .results--wrapper {
        max-height: 500px;
        overflow-y: scroll;
    }

    #bin--results--ui #collection-results .collection--wrapper {
        margin: 0 -5px;
    }

        #bin--results--ui #collection-results .collection--wrapper p {
            line-height: 1.4;
            font-size: 0.8em;
        }

        #bin--results--ui #collection-results .collection--wrapper .result {
            width: auto;
            padding: 17.5px;
            margin: 5px;
            box-sizing: border-box;
        }

@media (min-width: 768px) {
    #bin--results--ui #collection-results .collection--wrapper .result {
        width: calc(50% - 10px);
        min-height: 205px;
    }
}

@media (min-width: 992px) {
    #bin--results--ui #collection-results .collection--wrapper .result {
        width: calc(33.333% - 10px);
    }
}

#bin--results--ui #collection-results .collection--wrapper #green-bin {
    background-color: #98af67;
}

#bin--results--ui #collection-results .collection--wrapper #blue-bin {
    background-color: #4158c1;
    color: #fff;
}

#bin--results--ui #collection-results .collection--wrapper #green-caddy {
    background-color: #22625d;
    color: #fff;
}

#bin--results--ui #collection-results .collection--wrapper #brown-bin {
    background-color: #8c6d51;
    color: #fff;
}

#bin--results--ui
#collection-results
.collection--wrapper
#electrical-collection {
    background-color: #233d43;
    color: #fff;
}

#bin--results--ui #collection-results .collection--wrapper #future-dates {
    background-color: #fff;
}

    #bin--results--ui #collection-results .collection--wrapper #future-dates .cta {
        margin-top: 17.5px;
    }

#bin--results--ui #collection-results .collection--wrapper .bin-title {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    font-size: 1.4em;
}

    #bin--results--ui #collection-results .collection--wrapper .bin-title span {
        font-size: calc(1em + 1.6vw);
        margin-bottom: 17.5px;
        font-weight: 300;
    }

#bin--results--ui #collection-results .collection--wrapper .newDateInfo {
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 5px;
    display: block;
}

#bin--results--ui .bin--footer {
    text-align: center;
    padding: 35px 17.5px 17.5px;
}

#bin--results--ui .addressClickable {
    margin: 5px;
    display: block;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    background: #f6f6f6;
    padding: 15px 10px;
    width: calc(100% - 17.5px);
    font-weight: 700;
    font-size: 90%;
    text-decoration: none;
    color: inherit;
}

    #bin--results--ui .addressClickable:focus,
    #bin--results--ui .addressClickable:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

.page-template-home-page .bin-collection .bin--calendar .container {
    margin: 0;
    background-color: transparent;
}

@media (min-width: 992px) {
    .page-template-home-page .bin-collection .bin--calendar .container {
        margin: 0 17.5px;
    }
}

.page-template-home-page .grid--2.gc {
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .page-template-home-page .grid--2.gc {
        flex-direction: row !important;
    }
}

.page-template-home-page .grid--2.gc .block {
    width: calc(100% - 35px);
    margin: 17.5px;
    background-color: #233d43;
    padding: 17.5px;
}

@media (min-width: 768px) {
    .page-template-home-page .grid--2.gc .block {
        width: calc(50% - 35px);
        padding: 35px;
    }
}

.page-template-home-page .grid--2.gc .block .bin-search--wrapper {
    margin: 0;
}

.page-template-home-page .grid--2.gc .block h2,
.page-template-home-page .grid--2.gc .block p {
    color: #fff;
}

.page-template-home-page .grid--2.gc .block input {
    color: #fff !important;
    border: 3px solid #fff !important;
    background: 0 0 !important;
}

    .page-template-home-page .grid--2.gc .block input::-moz-placeholder {
        color: #fff !important;
    }

    .page-template-home-page .grid--2.gc .block input::placeholder {
        color: #fff !important;
    }

.page-template-home-page .grid--2.gc .block button span {
    color: #fff;
    border-color: #fff !important;
}

.page-template-home-page .grid--2.gc .block.gcomm {
    background-color: #9ed4b0;
}

    .page-template-home-page .grid--2.gc .block.gcomm h2,
    .page-template-home-page .grid--2.gc .block.gcomm p {
        color: #233d43;
    }

#donate .donate--row {
    margin-bottom: 10px;
}

#donate .cta--donate {
    border: 3px solid #4cb85e;
    background-color: #4cb85e;
    padding: 10px 60px 10px 15px;
    text-decoration: none;
    color: #233d43;
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-family: inherit;
}

    #donate .cta--donate:disabled {
        opacity: 0.5;
    }

    #donate .cta--donate span {
        margin-right: 10px;
    }

        #donate .cta--donate span.fa-chevron-right {
            color: #233d43;
            position: absolute;
            right: 15px;
            top: 15px;
            margin-right: 0;
            border-left: 1px solid #233d43;
            height: 100%;
            top: 0;
            display: flex;
            align-items: center;
            padding-left: 15px;
            margin-left: 5px;
            font-weight: 700;
        }

    #donate .cta--donate:focus,
    #donate .cta--donate:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

        #donate .cta--donate:focus span.fa-chevron-right,
        #donate .cta--donate:hover span.fa-chevron-right {
            color: #233d43;
        }

    #donate .cta--donate:visited {
        color: #233d43;
    }

#donate #customAmount {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 3px solid #233d43;
    box-sizing: border-box;
    padding: 8px 10px;
    width: 100%;
    max-width: 155px;
    margin-top: 10px;
    margin-top: 0;
    display: block;
}

    #donate #customAmount:focus {
        outline: 5px solid #f5ce3e;
        transition: all 0.3s ease-in-out;
        border-radius: 0;
    }

    #donate #customAmount.error {
        outline: 5px solid #f5ce3e;
        transition: all 0.3s ease-in-out;
        border-radius: 0;
    }

#donate .control {
    display: block;
    position: relative;
    padding-left: 30px !important;
    margin-bottom: 15px;
}

    #donate .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        #donate .control input:focus ~ .control__indicator {
            outline: 5px solid #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

#donate .control__indicator {
    cursor: pointer;
    background: #fff;
    border: 3px solid #233d43;
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

    #donate .control__indicator:after {
        left: 4px;
        top: 4px;
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background: #233d43;
    }

#donate legend {
    display: none;
}

#donate label[for="customAmount"] {
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
}

    #donate label[for="customAmount"].active {
        height: auto;
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease-in-out;
    }

.donation--response {
    max-width: 1000px;
    margin: auto;
    padding: 35px;
}

    .donation--response h3 {
        margin-bottom: 17.5px;
    }

    .donation--response strong {
        margin-top: 10px;
        font-size: 1.8em;
        display: block;
    }

.page-template-minutes {
    color: #233d43 !important;
}

    .page-template-minutes .content--container-wrapper .content--container {
        flex-direction: column;
        flex-wrap: unset;
    }

@media (min-width: 768px) {
    .page-template-minutes .content--container-wrapper .content--container {
        flex-direction: row;
        flex-wrap: unset;
    }
}

.page-template-minutes .content--container-wrapper .content--container a {
    color: inherit;
    font-weight: 700;
    text-underline-offset: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-left {
    width: 100%;
    box-sizing: border-box;
    margin-top: 35px;
}

@media (min-width: 768px) {
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left {
        width: 25%;
        margin-right: 52.5px;
        max-width: 340px;
        margin-top: 0;
    }
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-left:after {
    content: "";
    background-color: transparent;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-left
.module {
    background-color: #f6f6f6;
    padding: 17.5px;
    margin-bottom: 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left
    .module
    #close-inpage-menu-toggle {
        display: none;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left
    .module
    .hamburger {
        position: absolute;
        right: 0;
        top: 0;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-left
        .module
        .hamburger
        .label {
            font-size: 0.8em;
            position: relative;
            top: -8px;
        }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left
    .module
    #inpage-menu {
        max-height: 10px;
        transition: max-height 0.2s ease-out;
        overflow: hidden;
        visibility: hidden;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-left
        .module
        #inpage-menu.active {
            max-height: 2000px;
            transition: max-height 0.5s ease-in;
            visibility: visible;
        }

@media (min-width: 992px) {
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left
    .module
    #inpage-menu-toggle {
        display: none;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-left
    .module
    #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-left
.module
li {
    margin-bottom: 10px;
    display: flex;
    line-height: 1.4;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right {
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right {
        width: 75%;
    }
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
h2 {
    font-size: inherit !important;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgContent {
    width: 100%;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    .mgContent
    p.mgSubItemTitleTxt {
        padding: 0.5em !important;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
h1 {
    border-bottom: 1px solid #d9dad8;
    padding-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
p {
    margin-top: 10px;
    text-indent: 0 !important;
    margin-left: 0 !important;
    line-height: 1.4;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
ul {
    margin: 0 0 10px 0;
    padding: 0;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    ul
    li {
        list-style: none;
        line-height: 1.4;
        margin-top: 5px;
        position: relative;
        padding-left: 17.5px;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        ul
        li:before {
            content: "\2022";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.8;
        }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
select {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 10px 35px 10px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #233d43;
    border: 3px solid #233d43;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/chev-down.gif);
    background-size: 17.5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    width: 100%;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input#butGo,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input.mgSubmitButton,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-left: 0;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    border: 3px solid #4cb85e;
    font-size: 1em;
    background-color: #4cb85e;
    cursor: pointer;
    font-weight: 700;
    width: auto;
    line-height: 1.4;
    border-radius: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #233d43;
    border: 3px solid #233d43;
    font-size: 1em;
    cursor: pointer;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input:focus,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input:hover {
        outline: #f5ce3e solid 5px;
        transition: all 0.3s ease-in-out;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
select:focus,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
select:hover {
    outline: #f5ce3e solid 5px;
    transition: all 0.3s ease-in-out;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input[type="checkbox"],
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input[type="radio"] {
    --active: transparent;
    --active-inner: #1d3d4f;
    --focus: 5px #ffdd75;
    --border: #1d3d4f;
    --border-hover: #1d3d4f;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 10px 0 0;
    cursor: pointer;
    border: 3px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    padding: 0;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:after,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:checked,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:checked {
        --b: var(--active);
        --bc: #1d3d4f;
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:disabled,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:disabled:checked,
        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="radio"]:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border);
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:disabled + label,
        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="radio"]:disabled + label {
            cursor: not-allowed;
        }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:hover:not(:checked):not(:disabled),
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:focus,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:focus {
        box-shadow: 0 0 0 var(--focus);
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:not(.switch),
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:not(.switch) {
        width: 21px;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:not(.switch):after,
        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="radio"]:not(.switch):after {
            opacity: var(--o, 0);
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:not(.switch):checked,
        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="radio"]:not(.switch):checked {
            --o: 1;
        }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"] + label,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"] + label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 8px;
        margin-bottom: 17.5px;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"]:not(.switch) {
        border-radius: 0;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:not(.switch):after {
            width: 6px;
            height: 10px;
            border: 2px solid var(--active-inner);
            border-top: 0;
            border-left: 0;
            left: 5px;
            top: 1px;
            transform: rotate(var(--r, 20deg));
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"]:not(.switch):checked {
            --r: 43deg;
        }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="checkbox"].switch {
        width: 38px;
        border-radius: 0;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"].switch:after {
            left: 2px;
            top: 2px;
            border-radius: 0;
            width: 15px;
            height: 15px;
            background: var(--ab, var(--border));
            transform: translateX(var(--x, 0));
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"].switch:checked {
            --ab: var(--active-inner);
            --x: 17px;
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        input[type="checkbox"].switch:disabled:not(:checked):after {
            opacity: 0.6;
        }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
input[type="radio"] {
    border-radius: 0;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:after {
        width: 19px;
        height: 19px;
        border-radius: 0;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s, 0.7));
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    input[type="radio"]:checked {
        --s: 0.5;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
label {
    float: none;
    margin-right: 5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    label[for="KeyDec"] {
        float: none;
        margin-bottom: 17.5px;
        display: block;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgSectionTitle,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgSubItemTitleTxt,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgTableTitleTxt,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
caption {
    background: #233d43;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    margin-top: 0;
    text-align: left;
    border-radius: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgTabs {
    display: flex;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    .mgTabs
    ul {
        margin-bottom: 0;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .col-right
    #modgov
    .mgTabs
    li {
        display: inline-block;
        list-style: none;
        list-style-type: none;
        padding-left: 0;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        .mgTabs
        li:before {
            content: "";
        }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .col-right
        #modgov
        .mgTabs
        li
        a {
            border-top: 3px solid #233d43;
            padding: 10px 15px;
            border-left: 3px solid #233d43;
            border-right: 3px solid #233d43;
            background: 0 0;
            width: auto;
            border-radius: 0;
            text-decoration: none;
        }

            .page-template-minutes
            .content--container-wrapper
            .content--container
            .col-right
            #modgov
            .mgTabs
            li
            a.mgTabSelectTitleLnk {
                border: 3px solid #233d43;
                padding: 10px 15px;
                margin-bottom: -2px;
                background-color: #233d43;
                color: #fff;
            }

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgTabArea
p.mgSectionTitle {
    margin: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgCouncillorImages {
    border-right: 0;
    border-top: 0;
    border-left: 0;
    padding-top: 0;
    border-bottom: 0;
    margin-bottom: 10px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgImpThumbsList
ul
li
a,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgThumbsList
ul
li
a {
    padding-right: 0;
    display: block;
    padding-left: 0;
    background-image: none;
    padding-bottom: 0;
    margin: 0 0 10px 0;
    line-height: 18px;
    padding-top: 0;
    background-repeat: repeat;
    text-align: left;
    font-variant: normal;
    border-bottom: none;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgImpThumbsList
ul
li,
.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
.mgThumbsList
ul
li {
    padding-right: 17.5px !important;
    display: block;
    padding-left: 17.5px !important;
    float: left;
    padding-bottom: 17.5px !important;
    margin: 5px;
    width: 120px;
    padding-top: 17.5px !important;
    height: 350px;
    text-align: left;
    background: #f6f6f6;
}

.page-template-minutes
.content--container-wrapper
.content--container
.col-right
#modgov
table.mgItemTable
td {
    padding-right: 0.5em;
    padding-left: 0.5em;
    width: auto;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgActionList {
    margin-top: 17.5px;
    margin-bottom: 17.5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgActionList
    li
    img {
        position: relative;
        left: 5px;
        top: 1px;
        margin-right: 5px;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgActionList
    select {
        width: 100%;
        margin-left: 0 !important;
    }

.page-template-minutes
.content--container-wrapper
.content--container
#FormYearSelect
.mgActionList
li
select {
    display: block;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect {
    margin-top: 35px;
    margin-bottom: 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgFormDateSelect
    .mgFormRow {
        margin-bottom: 17.5px;
    }

.page-template-minutes .content--container-wrapper .content--container .mgNoBr {
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
.mgFormRow
input {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    cursor: pointer;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
select {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 10px 35px 10px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/css/chev-down.gif);
    background-size: 17.5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    width: 100%;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
.mgFormRow
input:focus,
.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
.mgFormRow
input:hover,
.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
.mgFormRow
select:focus,
.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
.mgFormRow
select:hover {
    outline: #ffdd75 solid 5px;
    transition: all 0.3s ease-in-out;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormDateSelect
input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    border: 3px solid #117466;
    font-size: 1em;
    background-color: #117466;
    cursor: pointer;
    width: auto;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 0;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgFormDateSelect
    input[type="submit"]:focus,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgFormDateSelect
    input[type="submit"]:hover {
        outline: #ffdd75 solid 5px;
        transition: all 0.3s ease-in-out;
    }

.page-template-minutes .content--container-wrapper .content--container .mgList {
    padding: 17.5px 0;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgList
    h2 {
        margin-left: 17.5px;
        margin-right: 17.5px;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgDateList {
    padding: 17.5px;
    background-color: #fff;
}

.page-template-minutes
.content--container-wrapper
.content--container
ul.mgDateList
li {
    margin-bottom: 17.5px;
    border-bottom: 1px solid #cfd7db;
    padding-bottom: 17.5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    ul.mgDateList
    li:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 15px;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    ul.mgDateList
    li
    a {
        line-height: 1.4;
        display: block;
        width: -moz-fit-content;
        width: fit-content;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgCalendarMonthGrid {
    background: #fff;
    font-size: 0.8em;
    line-height: 1.4;
    width: 100%;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendarMonthGrid
    td,
    .page-template-minutes .content--container-wrapper .content--container th {
        width: 20%;
        padding: 10px;
        border-right: 1px solid #cfd7db;
        border-bottom: 1px solid #cfd7db;
        border-left: 1px solid #cfd7db;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendarMonthGrid
    th {
        background: #eee;
        font-weight: 700;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendarMonthGrid
    p {
        margin-top: 0;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendarMonthGrid
    li {
        margin-top: 0;
        margin-bottom: 17.5px;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgCalendarDayTxt {
    font-weight: 700;
    background: #eee;
    display: flex;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgCalendarCellToday
.mgCalendarDayTxt {
    background: #1d3d4f;
    color: #fff;
}

.page-template-minutes
.content--container-wrapper
.content--container
span.mgHide {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgSectionTitle,
.page-template-minutes
.content--container-wrapper
.content--container
.mgSubItemTitleTxt,
.page-template-minutes
.content--container-wrapper
.content--container
.mgTableTitleTxt,
.page-template-minutes .content--container-wrapper .content--container caption {
    background: #1d3d4f;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    margin-top: 0;
    text-align: left;
    border-radius: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgMeetingsEarlierLater {
    margin-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
#FormYearSelect
p {
    margin-top: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
#FormYearSelect
select {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-left: 0;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 35px 8px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/css/chev-down.gif);
    background-size: 17.5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #FormYearSelect
    select:focus,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    #FormYearSelect
    select:hover {
        outline: #ffdd75 solid 5px;
        transition: all 0.3s ease-in-out;
    }

.page-template-minutes
.content--container-wrapper
.content--container
li
#FormYearSelect
select {
    display: block;
}

.page-template-minutes
.content--container-wrapper
.content--container
#FormYearSelect
input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    border: 3px solid #117466;
    font-size: 1em;
    background-color: #117466;
    cursor: pointer;
    font-weight: 700;
    line-height: 1.4;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #FormYearSelect
    input[type="submit"]:focus,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    #FormYearSelect
    input[type="submit"]:hover {
        outline: #ffdd75 solid 5px;
        transition: all 0.3s ease-in-out;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgTableEvenRow {
    padding: 15px;
    border-bottom: 1px solid #cfd7db;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgTableOddRow {
    padding: 15px;
    border-bottom: 1px solid #cfd7db;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgContent
.mgErrorTxt {
    background: #fff;
    padding: 15px;
    margin: 0;
    display: block;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgSmallTxt {
    display: inline-block;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgContent
label
.mgErrorTxt {
    display: inline-block;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgContent
img {
    width: auto;
    max-height: 100px;
}

.page-template-minutes .content--container-wrapper .content--container .mgTabs {
    display: flex;
    margin-bottom: -1px !important;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgTabs
    ul {
        margin-bottom: 8px;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgTabs
    li {
        display: inline-block;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgTabs
        li
        a {
            border-top: 3px solid #1d3d4f;
            padding: 10px 15px 8px;
            border-left: 3px solid #1d3d4f;
            border-right: 3px solid #1d3d4f;
        }

            .page-template-minutes
            .content--container-wrapper
            .content--container
            .mgTabs
            li
            a.mgTabSelectTitleLnk {
                border: 3px solid #1d3d4f;
                padding: 10px 15px;
                margin-bottom: -2px;
                background-color: #1d3d4f;
                color: #fff;
            }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgTabs
        li
        a {
            text-decoration: none;
        }

.page-template-minutes
.content--container-wrapper
.content--container
.mgTabArea
p.mgSectionTitle {
    margin: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.tablesorter {
    background: #fff;
    font-size: 0.8em;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .tablesorter
    caption {
        background: #1d3d4f;
        color: #fff;
        font-weight: 700;
        padding: 15px;
        font-size: 1em;
        text-align: left;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .tablesorter
    th {
        text-align: left;
        line-height: 1.4;
        border-left: 1px solid #cfd7db;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .tablesorter
    thead
    tr
    .tablesorter-header {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/jquery-ui/Add-ons/img/bg.gif);
        background-repeat: no-repeat;
        background-position: top 13.5px right;
        cursor: pointer;
        padding-right: 15pt;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .tablesorter
    td {
        width: 25%;
        padding: 10px;
        border-right: 1px solid #cfd7db;
        border-bottom: 1px solid #cfd7db;
        border-left: 1px solid #cfd7db;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .tablesorter
    p {
        margin-top: 0;
    }

.page-template-minutes
.content--container-wrapper
.content--container
input.tablesorter-filter {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 0.8em;
    cursor: pointer;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgDetailsBlock {
    background-color: #fff;
    padding: 17.5px 17.5px;
    margin-bottom: 17.5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgDetailsBlock
    h3 {
        font-size: 1em;
        margin: 0;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgDetailsBlock
    table {
        font-size: 0.8em;
        line-height: 1.4;
        border-left: 1px solid #cfd7db !important;
        border-top: 1px solid #cfd7db !important;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgDetailsBlock
        table
        td {
            padding: 10px;
            border: 1px solid #cfd7db !important;
        }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgDetailsBlock:last-of-type {
        background-color: #fff;
        padding: 17.5px 17.5px;
        margin-bottom: 0;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgDetailsBlock:last-of-type
        hr {
            display: none;
        }

.page-template-minutes
.content--container-wrapper
.content--container
.mgContent
hr {
    border-top: 1px solid #cfd7db;
    margin-top: 35px;
    margin-bottom: 35px;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormSelect
input {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    cursor: pointer;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgform1
input {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    cursor: pointer;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgFormSelect
    input[type="submit"],
    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgform1
    input[type="submit"] {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 10px;
        display: inline-block;
        font-family: Poppins, sans-serif;
        padding: 8px 10px;
        box-sizing: border-box;
        text-align: left;
        color: #fff;
        border: 3px solid #117466;
        font-size: 1em;
        background-color: #117466;
        cursor: pointer;
        font-weight: 700;
        width: auto;
        line-height: 1.4;
    }

.page-template-minutes
.content--container-wrapper
.content--container
#mgFormSelect
select,
.page-template-minutes
.content--container-wrapper
.content--container
#mgform1
select {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 10px 35px 10px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/css/chev-down.gif);
    background-size: 17.5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    width: 100%;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgform1
p.mgLabel {
    margin-bottom: 17.5px;
    font-weight: 700;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgform1
.mgFormRow {
    margin-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgThumbsList {
    margin: 35px -17.5px 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgThumbsList
    ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgThumbsList
        ul
        li {
            width: auto;
            padding: 17.5px;
            margin: 17.5px;
            background-color: #f6f6f6;
            box-sizing: border-box;
            list-style-type: none !important;
            height: auto !important;
        }

            .page-template-minutes
            .content--container-wrapper
            .content--container
            .mgThumbsList
            ul
            li:before {
                content: "" !important;
            }

@media (min-width: 768px) {
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgThumbsList
    ul {
        flex-direction: row;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgThumbsList
        ul
        li {
            width: calc(50% - 35px) !important;
        }
}

@media (min-width: 992px) {
    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgThumbsList
    ul {
        flex-direction: row;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgThumbsList
        ul
        li {
            width: calc(33.333% - 35px) !important;
        }
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgThumbsList
ul
li
a {
    margin: 0 0 10px;
    display: block;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgThumbsList
ul
li
p {
    margin: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgUserSideBar {
    margin-bottom: 35px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgBigPhoto {
    margin-bottom: 35px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgUserSideBar
p {
    margin-top: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
#FormSelect
.mgFormRow {
    margin-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
#mgFrmMain
input {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    cursor: pointer;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    #mgFrmMain
    input[type="submit"] {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 10px;
        display: inline-block;
        font-family: Poppins, sans-serif;
        padding: 8px 10px;
        box-sizing: border-box;
        text-align: left;
        color: #fff;
        border: 3px solid #117466;
        font-size: 1em;
        background-color: #117466;
        cursor: pointer;
        font-weight: 700;
        width: auto;
        line-height: 1.4;
    }

.page-template-minutes
.content--container-wrapper
.content--container
#mgFrmMain
select {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 10px 35px 10px 10px;
    box-sizing: border-box;
    text-align: left;
    color: #1d3d4f;
    border: 3px solid #1d3d4f;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/css/chev-down.gif);
    background-size: 17.5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    width: 100%;
}

.page-template-minutes .content--container-wrapper .content--container dl {
    background: #fff;
    padding: 17.5px;
    margin-top: 0;
}

.page-template-minutes .content--container-wrapper .content--container dt {
    font-weight: 700;
}

.page-template-minutes .content--container-wrapper .content--container dd {
    margin-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgStatsTable {
    margin-top: 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    td {
        width: auto;
        vertical-align: top;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="Expected"] {
        width: 10%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="Present"] {
        width: 10%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="Present virtual"] {
        width: 15%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="Subst. Virtual"] {
        width: 16%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="In attend."] {
        width: 15%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgStatsTable
    th[abbr="In attend. Virtual"] {
        width: 15%;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgBulletList
li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 17.5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgBulletList
    li:before {
        content: "\2022";
        color: #2c7e89;
        font-family: FontAwesome;
        font-size: 1.8em;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 0.8;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgNonBulletTableList {
    margin-bottom: 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgNonBulletTableList
    li {
        list-style-type: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        .page-template-minutes
        .content--container-wrapper
        .content--container
        .mgNonBulletTableList
        li:before {
            content: "" !important;
        }

.page-template-minutes
.content--container-wrapper
.content--container
.mgCalendarWeekGrid {
    background-color: #fff;
    padding: 17.5px !important;
    border-bottom: 1px solid #cfd7db !important;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendarWeekGrid
    p {
        margin: 0 !important;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgCalendar {
    margin-bottom: 35px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgCalendar
    .mgTabs {
        margin-top: 52.5px;
    }

.page-template-minutes .content--container-wrapper .content--container h2 a {
    font-size: 1.4em;
    line-height: 1.4;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgItemTable {
    margin-top: 35px;
    background: #fff;
    font-size: 0.8em;
    line-height: 1.4;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgItemTable
    td,
    .page-template-minutes .content--container-wrapper .content--container th {
        border: 1px solid #cfd7db;
        padding: 10px;
        text-align: left;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgItemTable
    th[abbr="No"] {
        width: 10%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgItemTable
    th[abbr="Item"] {
        width: 90%;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgItemTable
    p {
        margin: 0 0 5px;
    }

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgItemTable
    .mgAiTitleTxt {
        font-weight: 700;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgFileSize
img {
    width: 14px;
}

@media (min-width: 992px) {
    .page-template-minutes .content--container-wrapper .content--container input,
    .page-template-minutes
    .content--container-wrapper
    .content--container
    select {
        max-width: 350px;
    }
}

.page-template-minutes
.content--container-wrapper
.content--container
.ui-state-hover
a,
.page-template-minutes
.content--container-wrapper
.content--container
.ui-state-hover
a:hover,
.page-template-minutes
.content--container-wrapper
.content--container
.ui-state-hover
a:link {
    color: #1d3d4f;
}

.page-template-minutes
.content--container-wrapper
.content--container
td
.mgSubItemTitleTxt {
    margin-top: 17.5px;
    margin-bottom: 10px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgFieldGroup {
    padding-bottom: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgTabArea
.mgDateList {
    padding: 17.5px;
    background: #fff;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgSubTitle {
    margin-bottom: 35px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.MsoNormalTable {
    border-collapse: collapse;
    font-size: 0.8em;
    margin-top: 17.5px;
    background: #fff;
    line-height: 1.4;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .MsoNormalTable
    td {
        width: 20%;
        border: 1px solid #cfd7db !important;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgSubItemTitleTxt {
    margin-top: 17.5px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.MsoListParagraphCxSpLast {
    margin-left: 35.7pt;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgTableBorder {
    background: #fff;
    margin-top: 17.5px;
}

    .page-template-minutes
    .content--container-wrapper
    .content--container
    .mgTableBorder
    li:last-of-type {
        border-bottom: 0;
    }

.page-template-minutes
.content--container-wrapper
.content--container
.mgDetailsBlock
h3 {
    margin-bottom: 10px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgDetailsBlock
p {
    margin-top: 0;
}

.page-template-minutes
.content--container-wrapper
.content--container
.mgLabel {
    font-weight: 700;
    margin-bottom: 10px;
}

.page-template-minutes
.content--container-wrapper
.content--container
.ui-widget-header {
    border: none !important;
}

.page-template-council-plan .banner.dark-blue {
    background-color: #233d43;
}

.page-template-council-plan .banner.light-blue {
    background-color: #75cedc;
}

.page-template-council-plan .banner.green {
    background-color: #4cb85e;
}

.page-template-council-plan .banner.purple {
    background-color: #722282;
}

.page-template-council-plan .banner.yellow {
    background-color: #f5ce3e;
}

.page-template-council-plan .banner h1 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: left;
    padding: 17.5px;
    background-color: rgba(0, 0, 0, 0.005);
}

@media (min-width: 992px) {
    .page-template-council-plan .banner h1 {
        font-size: 2.8em;
    }
}

.page-template-council-plan .banner h1 span {
    font-weight: 300;
    font-size: 0.6em;
    display: block;
    margin-bottom: 17.5px;
}

    .page-template-council-plan .banner h1 span em {
        color: #f5ce3e;
        display: inline-block;
        border-top: 1px solid;
        margin-top: 10px;
        padding-top: 10px;
    }

.page-template-council-plan .banner .grid--2 .block--copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

    .page-template-council-plan .banner .grid--2 .block--copy .scroller {
        position: absolute;
        bottom: 70px;
        left: 50%;
        display: block;
    }

        .page-template-council-plan .banner .grid--2 .block--copy .scroller i {
            color: #fff;
            font-size: 3em;
        }

.page-template-council-plan .banner .grid--2 .block--image {
    padding: 0;
}

    .page-template-council-plan .banner .grid--2 .block--image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.page-template-council-plan .section--copy-blocks {
    padding-bottom: 0;
}

    .page-template-council-plan .section--copy-blocks .grid--8 .block {
        width: 100%;
        padding: 0;
        margin: 17.5px;
        background-color: #f6f6f6;
    }

@media (min-width: 768px) {
    .page-template-council-plan .section--copy-blocks .grid--8 .block {
        width: calc(50% - 35px);
    }
}

@media (min-width: 992px) {
    .page-template-council-plan .section--copy-blocks .grid--8 .block {
        width: calc(25% - 35px);
    }
}

.page-template-council-plan .section--copy-blocks .grid--8 .block .cta,
.page-template-council-plan .section--copy-blocks .grid--8 .block h2,
.page-template-council-plan .section--copy-blocks .grid--8 .block p {
    margin-left: 17.5px;
    margin-right: 17.5px;
}

.page-template-council-plan
.section--copy-blocks#section-1
.container:first-child {
    padding: 17.5px 17.5px;
}

@media (min-width: 992px) {
    .page-template-council-plan
    .section--copy-blocks#section-1
    .container:first-child {
        padding: 17.5px 35px;
    }
}

@media (min-width: 992px) {
    .page-template-council-plan .section--cta-panels .grid--3 .block {
        width: calc(33.333% - 35px);
    }
}

@media (min-width: 992px) {
    .page-template-council-plan .section--cta-panels .grid--4 .block {
        width: calc(25% - 35px);
    }
}

.page-template-council-plan .section--cta-panels .grid .block {
    min-height: auto;
}

#service-select {
    width: 100%;
}

    #service-select .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
        margin-top: 17.5px;
        margin-bottom: 35px;
    }

        #service-select .grid .block {
            flex-direction: column;
            justify-content: stretch;
            width: calc(100% - 35px);
            margin: 17.5px;
            padding: 0;
            cursor: pointer;
        }

            #service-select .grid .block.service {
                width: auto;
                border: 3px solid #233d43;
            }

@media (min-width: 768px) {
    #service-select .grid .block.service {
        width: calc(33.333% - 35px);
        min-height: 75px;
    }
}

#service-select .grid .block.service .ctap-content {
    padding: 17.5px;
    align-items: center;
}

    #service-select .grid .block.service .ctap-content .ctap-icon {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #233d43;
        text-align: center;
        border: 3px solid #233d43;
        z-index: 1;
    }

        #service-select .grid .block.service .ctap-content .ctap-icon span {
            font-weight: 300;
            width: 2em;
            height: 2em;
            font-size: 2em;
            line-height: 2em;
        }

    #service-select .grid .block.service .ctap-content .ctap-text h2 {
        font-weight: 700;
        font-size: 0.9em;
        line-height: 1.2;
        margin-bottom: 0;
        margin-top: 0;
    }

@media (min-width: 768px) {
    #service-select .grid .block {
        width: calc(50% - 35px);
    }
}

@media (min-width: 992px) {
    #service-select .grid .block {
        width: calc(33.333% - 35px);
    }
}

#service-select .grid .block:hover .ctap-content .ctap-background {
    height: 100%;
    transition: height 0.3s ease-in-out;
}

#service-select .grid .block:hover .ctap-icon {
    border-color: #fff !important;
}

#service-select .grid .block.active {
    opacity: 1;
}

    #service-select .grid .block.active .ctap-content .ctap-background {
        height: 100%;
    }

    #service-select .grid .block.active .ctap-icon {
        border-color: #fff !important;
    }

#service-select .grid .block.inactive {
    opacity: 0.2;
}

#service-select .grid .block.parent-service .ctap-content {
    align-items: flex-start;
}

#service-select .grid .block .ctap-content {
    background-color: #f6f6f6;
    padding: 35px 17.5px;
    flex-direction: row;
    height: 100%;
    position: relative;
    overflow: hidden;
    align-items: center;
}

    #service-select .grid .block .ctap-content .ctap-background {
        bottom: 0;
        height: 7px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 0;
        transition: height 0.3s ease-in-out;
    }

@media (min-width: 992px) {
    #service-select .grid .block .ctap-content {
        padding: 35px 17.5px;
    }
}

#service-select .grid .block .ctap-content .ctap-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #233d43;
    text-align: center;
    border: 3px solid #233d43;
    z-index: 1;
}

    #service-select .grid .block .ctap-content .ctap-icon span {
        font-weight: 300;
        width: 2em;
        height: 2em;
        font-size: 2em;
        line-height: 2em;
    }

#service-select .grid .block .ctap-content .ctap-text {
    width: 90%;
    padding-left: 17.5px;
    padding-right: 17.5px;
    position: relative;
    z-index: 1;
    display: block;
}

@media (min-width: 992px) {
    #service-select .grid .block .ctap-content .ctap-text {
        width: 85%;
    }
}

#service-select .grid .block .ctap-content .ctap-text h2 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
}

#service-select .grid .block .ctap-content .ctap-text p {
    line-height: 1.4;
    margin-top: 10px;
}

    #service-select .grid .block .ctap-content .ctap-text p a {
        text-decoration: underline;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

#service-select .grid .block .ctap-content .ctap-text ul {
    margin-top: 10px;
}

    #service-select .grid .block .ctap-content .ctap-text ul li {
        margin-bottom: 5px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        #service-select .grid .block .ctap-content .ctap-text ul li:before {
            content: "\2022";
            color: inherit;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.7;
        }

        #service-select .grid .block .ctap-content .ctap-text ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            text-decoration: underline;
        }

            #service-select .grid .block .ctap-content .ctap-text ul li a:focus,
            #service-select .grid .block .ctap-content .ctap-text ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
                color: #233d43;
            }

#service-select .grid .block a {
    text-decoration: none;
    color: inherit;
    height: 100%;
    position: relative;
}

@media (min-width: 992px) {
    #service-select .service-container .grid .block .ctap-icon {
        width: 5%;
    }

    #service-select .service-container .grid .block .ctap-text {
        width: 95%;
    }
}

#service-select
div[name="Council Tax and business rates"]
.ctap-content:hover
h2,
#service-select
div[name="Council Tax and business rates"]
.ctap-content:hover
p,
#service-select
div[name="Council Tax and business rates"]
.ctap-content:hover
span,
#service-select div[name="Apply"] .ctap-content:hover h2,
#service-select div[name="Apply"] .ctap-content:hover p,
#service-select div[name="Apply"] .ctap-content:hover span,
#service-select div[name="Change"] .ctap-content:hover h2,
#service-select div[name="Change"] .ctap-content:hover p,
#service-select div[name="Change"] .ctap-content:hover span,
#service-select div[name="Contact"] .ctap-content:hover h2,
#service-select div[name="Contact"] .ctap-content:hover p,
#service-select div[name="Contact"] .ctap-content:hover span,
#service-select div[name="Find"] .ctap-content:hover h2,
#service-select div[name="Find"] .ctap-content:hover p,
#service-select div[name="Find"] .ctap-content:hover span,
#service-select div[name="Pay"] .ctap-content:hover h2,
#service-select div[name="Pay"] .ctap-content:hover p,
#service-select div[name="Pay"] .ctap-content:hover span,
#service-select div[name="Report"] .ctap-content:hover h2,
#service-select div[name="Report"] .ctap-content:hover p,
#service-select div[name="Report"] .ctap-content:hover span,
#service-select div[name="Request"] .ctap-content:hover h2,
#service-select div[name="Request"] .ctap-content:hover p,
#service-select div[name="Request"] .ctap-content:hover span,
#service-select
div[parent="Council Tax and business rates"]
.ctap-content:hover
h2,
#service-select
div[parent="Council Tax and business rates"]
.ctap-content:hover
p,
#service-select
div[parent="Council Tax and business rates"]
.ctap-content:hover
span,
#service-select div[parent="Apply"] .ctap-content:hover h2,
#service-select div[parent="Apply"] .ctap-content:hover p,
#service-select div[parent="Apply"] .ctap-content:hover span,
#service-select div[parent="Change"] .ctap-content:hover h2,
#service-select div[parent="Change"] .ctap-content:hover p,
#service-select div[parent="Change"] .ctap-content:hover span,
#service-select div[parent="Contact"] .ctap-content:hover h2,
#service-select div[parent="Contact"] .ctap-content:hover p,
#service-select div[parent="Contact"] .ctap-content:hover span,
#service-select div[parent="Find"] .ctap-content:hover h2,
#service-select div[parent="Find"] .ctap-content:hover p,
#service-select div[parent="Find"] .ctap-content:hover span,
#service-select div[parent="Pay"] .ctap-content:hover h2,
#service-select div[parent="Pay"] .ctap-content:hover p,
#service-select div[parent="Pay"] .ctap-content:hover span,
#service-select div[parent="Report"] .ctap-content:hover h2,
#service-select div[parent="Report"] .ctap-content:hover p,
#service-select div[parent="Report"] .ctap-content:hover span,
#service-select div[parent="Request"] .ctap-content:hover h2,
#service-select div[parent="Request"] .ctap-content:hover p,
#service-select div[parent="Request"] .ctap-content:hover span,
#service-select
div[stream="Council Tax and business rates"]
.ctap-content:hover
h2,
#service-select
div[stream="Council Tax and business rates"]
.ctap-content:hover
p,
#service-select
div[stream="Council Tax and business rates"]
.ctap-content:hover
span,
#service-select div[stream="Apply"] .ctap-content:hover h2,
#service-select div[stream="Apply"] .ctap-content:hover p,
#service-select div[stream="Apply"] .ctap-content:hover span,
#service-select div[stream="Change"] .ctap-content:hover h2,
#service-select div[stream="Change"] .ctap-content:hover p,
#service-select div[stream="Change"] .ctap-content:hover span,
#service-select div[stream="Contact"] .ctap-content:hover h2,
#service-select div[stream="Contact"] .ctap-content:hover p,
#service-select div[stream="Contact"] .ctap-content:hover span,
#service-select div[stream="Find"] .ctap-content:hover h2,
#service-select div[stream="Find"] .ctap-content:hover p,
#service-select div[stream="Find"] .ctap-content:hover span,
#service-select div[stream="Pay"] .ctap-content:hover h2,
#service-select div[stream="Pay"] .ctap-content:hover p,
#service-select div[stream="Pay"] .ctap-content:hover span,
#service-select div[stream="Report"] .ctap-content:hover h2,
#service-select div[stream="Report"] .ctap-content:hover p,
#service-select div[stream="Report"] .ctap-content:hover span,
#service-select div[stream="Request"] .ctap-content:hover h2,
#service-select div[stream="Request"] .ctap-content:hover p,
#service-select div[stream="Request"] .ctap-content:hover span {
    color: #fff;
}

#service-select div[name="Council Tax and business rates"] .ctap-background,
#service-select div[name="Apply"] .ctap-background,
#service-select div[name="Change"] .ctap-background,
#service-select div[name="Contact"] .ctap-background,
#service-select div[name="Find"] .ctap-background,
#service-select div[name="Pay"] .ctap-background,
#service-select div[name="Report"] .ctap-background,
#service-select div[name="Request"] .ctap-background,
#service-select div[parent="Council Tax and business rates"] .ctap-background,
#service-select div[parent="Apply"] .ctap-background,
#service-select div[parent="Change"] .ctap-background,
#service-select div[parent="Contact"] .ctap-background,
#service-select div[parent="Find"] .ctap-background,
#service-select div[parent="Pay"] .ctap-background,
#service-select div[parent="Report"] .ctap-background,
#service-select div[parent="Request"] .ctap-background,
#service-select div[stream="Council Tax and business rates"] .ctap-background,
#service-select div[stream="Apply"] .ctap-background,
#service-select div[stream="Change"] .ctap-background,
#service-select div[stream="Contact"] .ctap-background,
#service-select div[stream="Find"] .ctap-background,
#service-select div[stream="Pay"] .ctap-background,
#service-select div[stream="Report"] .ctap-background,
#service-select div[stream="Request"] .ctap-background {
    background: #233d43;
}

#service-select
div[name="Council Tax and business rates"].active
.ctap-content
h2,
#service-select
div[name="Council Tax and business rates"].active
.ctap-content
p,
#service-select
div[name="Council Tax and business rates"].active
.ctap-content
span,
#service-select div[name="Apply"].active .ctap-content h2,
#service-select div[name="Apply"].active .ctap-content p,
#service-select div[name="Apply"].active .ctap-content span,
#service-select div[name="Change"].active .ctap-content h2,
#service-select div[name="Change"].active .ctap-content p,
#service-select div[name="Change"].active .ctap-content span,
#service-select div[name="Contact"].active .ctap-content h2,
#service-select div[name="Contact"].active .ctap-content p,
#service-select div[name="Contact"].active .ctap-content span,
#service-select div[name="Find"].active .ctap-content h2,
#service-select div[name="Find"].active .ctap-content p,
#service-select div[name="Find"].active .ctap-content span,
#service-select div[name="Pay"].active .ctap-content h2,
#service-select div[name="Pay"].active .ctap-content p,
#service-select div[name="Pay"].active .ctap-content span,
#service-select div[name="Report"].active .ctap-content h2,
#service-select div[name="Report"].active .ctap-content p,
#service-select div[name="Report"].active .ctap-content span,
#service-select div[name="Request"].active .ctap-content h2,
#service-select div[name="Request"].active .ctap-content p,
#service-select div[name="Request"].active .ctap-content span,
#service-select
div[parent="Council Tax and business rates"].active
.ctap-content
h2,
#service-select
div[parent="Council Tax and business rates"].active
.ctap-content
p,
#service-select
div[parent="Council Tax and business rates"].active
.ctap-content
span,
#service-select div[parent="Apply"].active .ctap-content h2,
#service-select div[parent="Apply"].active .ctap-content p,
#service-select div[parent="Apply"].active .ctap-content span,
#service-select div[parent="Change"].active .ctap-content h2,
#service-select div[parent="Change"].active .ctap-content p,
#service-select div[parent="Change"].active .ctap-content span,
#service-select div[parent="Contact"].active .ctap-content h2,
#service-select div[parent="Contact"].active .ctap-content p,
#service-select div[parent="Contact"].active .ctap-content span,
#service-select div[parent="Find"].active .ctap-content h2,
#service-select div[parent="Find"].active .ctap-content p,
#service-select div[parent="Find"].active .ctap-content span,
#service-select div[parent="Pay"].active .ctap-content h2,
#service-select div[parent="Pay"].active .ctap-content p,
#service-select div[parent="Pay"].active .ctap-content span,
#service-select div[parent="Report"].active .ctap-content h2,
#service-select div[parent="Report"].active .ctap-content p,
#service-select div[parent="Report"].active .ctap-content span,
#service-select div[parent="Request"].active .ctap-content h2,
#service-select div[parent="Request"].active .ctap-content p,
#service-select div[parent="Request"].active .ctap-content span,
#service-select
div[stream="Council Tax and business rates"].active
.ctap-content
h2,
#service-select
div[stream="Council Tax and business rates"].active
.ctap-content
p,
#service-select
div[stream="Council Tax and business rates"].active
.ctap-content
span,
#service-select div[stream="Apply"].active .ctap-content h2,
#service-select div[stream="Apply"].active .ctap-content p,
#service-select div[stream="Apply"].active .ctap-content span,
#service-select div[stream="Change"].active .ctap-content h2,
#service-select div[stream="Change"].active .ctap-content p,
#service-select div[stream="Change"].active .ctap-content span,
#service-select div[stream="Contact"].active .ctap-content h2,
#service-select div[stream="Contact"].active .ctap-content p,
#service-select div[stream="Contact"].active .ctap-content span,
#service-select div[stream="Find"].active .ctap-content h2,
#service-select div[stream="Find"].active .ctap-content p,
#service-select div[stream="Find"].active .ctap-content span,
#service-select div[stream="Pay"].active .ctap-content h2,
#service-select div[stream="Pay"].active .ctap-content p,
#service-select div[stream="Pay"].active .ctap-content span,
#service-select div[stream="Report"].active .ctap-content h2,
#service-select div[stream="Report"].active .ctap-content p,
#service-select div[stream="Report"].active .ctap-content span,
#service-select div[stream="Request"].active .ctap-content h2,
#service-select div[stream="Request"].active .ctap-content p,
#service-select div[stream="Request"].active .ctap-content span {
    color: #fff;
}

#service-select
div[name="Council Tax and business rates"].active
.ctap-background,
#service-select div[name="Apply"].active .ctap-background,
#service-select div[name="Change"].active .ctap-background,
#service-select div[name="Contact"].active .ctap-background,
#service-select div[name="Find"].active .ctap-background,
#service-select div[name="Pay"].active .ctap-background,
#service-select div[name="Report"].active .ctap-background,
#service-select div[name="Request"].active .ctap-background,
#service-select
div[parent="Council Tax and business rates"].active
.ctap-background,
#service-select div[parent="Apply"].active .ctap-background,
#service-select div[parent="Change"].active .ctap-background,
#service-select div[parent="Contact"].active .ctap-background,
#service-select div[parent="Find"].active .ctap-background,
#service-select div[parent="Pay"].active .ctap-background,
#service-select div[parent="Report"].active .ctap-background,
#service-select div[parent="Request"].active .ctap-background,
#service-select
div[stream="Council Tax and business rates"].active
.ctap-background,
#service-select div[stream="Apply"].active .ctap-background,
#service-select div[stream="Change"].active .ctap-background,
#service-select div[stream="Contact"].active .ctap-background,
#service-select div[stream="Find"].active .ctap-background,
#service-select div[stream="Pay"].active .ctap-background,
#service-select div[stream="Report"].active .ctap-background,
#service-select div[stream="Request"].active .ctap-background {
    background: #233d43;
}

#service-select .category-container,
#service-select .service-container {
    display: none;
}

.footer {
    margin-top: auto;
}

    .footer .container {
        max-width: 1920px;
        padding: 35px;
        background-color: #233d43;
    }

@media (min-width: 768px) {
    .footer .container {
        padding: 35px 35px 70px;
    }
}

@media (min-width: 992px) {
    .footer .container {
        padding: 35px 35px;
    }
}

.footer .grid {
    margin: 0 -17.5px;
}

    .footer .grid .block {
        flex-direction: column;
        align-items: flex-start;
        padding: 17.5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 17.5px;
        padding-bottom: 17.5px;
    }

@media (min-width: 768px) {
    .footer .grid .block {
        width: 33.333%;
        align-items: center;
        text-align: left;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .footer .grid .block {
        width: 25%;
        text-align: left;
    }
}

.footer .grid .block:first-child {
    width: 100%;
    text-align: left;
}

@media (min-width: 768px) {
    .footer .grid .block:first-child {
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 35px;
        padding-bottom: 35px;
    }
}

@media (min-width: 992px) {
    .footer .grid .block:first-child {
        width: 25%;
        text-align: left;
        align-items: flex-start;
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.footer .grid .block:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.footer .grid .block h2 {
    color: #fff;
    margin-bottom: 17.5px;
    font-size: 1.2em;
}

.footer .grid .block p {
    color: #fff;
    line-height: 1.4;
}

.footer .grid .block ul li {
    margin-bottom: 16px;
    line-height: 22px;
    display: block;
    position: relative;
}

    .footer .grid .block ul li:before {
        color: #fff;
    }

    .footer .grid .block ul li a {
        color: #fff;
        font-family: Poppins, sans-serif;
        text-underline-offset: 4px;
        font-weight: 400;
    }

        .footer .grid .block ul li a i {
            margin-right: 10px;
        }

        .footer .grid .block ul li a:focus,
        .footer .grid .block ul li a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
            color: #233d43;
        }

.footer .social--nav {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 25px 0;
    background-color: #4cb85e;
}

    .footer .social--nav ul {
        display: flex;
        justify-content: center;
    }

        .footer .social--nav ul li {
            margin: 0 10px;
            padding: 0;
            border: none;
        }

            .footer .social--nav ul li:last-child {
                margin-right: 0;
            }

            .footer .social--nav ul li a {
                color: #fff;
            }

                .footer .social--nav ul li a:hover {
                    color: #f5ce3e;
                }

                .footer .social--nav ul li a .fa-brands {
                    font-weight: 700;
                }

.footer .carbon {
    background-color: #fff;
    padding: 24px 17.5px;
    max-width: 1920px;
    margin: auto;
}

    .footer .carbon #wcb #wcb_2,
    .footer .carbon #wcb #wcb_a,
    .footer .carbon #wcb #wcb_g {
        font-family: Poppins;
        font-weight: 400;
        font-size: 1em;
        border-radius: 0;
        padding: 10px;
    }

    .footer .carbon #wcb #wcb_a {
        background: 0 0;
        color: #233d43;
        border: none;
        text-decoration: underline;
        text-underline-offset: 4px;
        position: relative;
        padding: 10px;
        font-weight: 700;
    }

        .footer .carbon #wcb #wcb_a:after {
            content: "|";
            position: absolute;
            right: 0;
            font-weight: 400;
        }

    .footer .carbon #wcb #wcb_g {
        background: 0 0;
        color: #233d43;
        border: none;
        position: relative;
    }

        .footer .carbon #wcb #wcb_g:after {
            content: "|";
            position: absolute;
            right: 0;
        }

    .footer .carbon #wcb #wcb_2 {
        color: #233d43;
    }

    .footer .carbon .carbonbadge {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

.base--links {
    text-align: left;
    max-width: 1990px;
}

@media (min-width: 992px) {
    .base--links {
        text-align: center;
        margin: 35px auto 0;
    }
}

.base--links ul {
    padding: 17.5px;
    background: #f6f6f6;
    margin: 0 17.5px 70px;
}

@media (min-width: 992px) {
    .base--links ul {
        margin: 0 35px 70px;
        padding: 35px 0;
    }
}

.base--links ul li {
    display: block;
    margin: 17.5px 17.5px 17.5px 0;
    position: relative;
}

@media (min-width: 992px) {
    .base--links ul li {
        display: inline-block;
        margin: 0 17.5px;
    }
}

.base--links ul li span,
.base--links ul li svg {
    position: absolute;
    top: 3px;
    left: 0;
}

.base--links ul li a {
    color: inherit;
    text-underline-offset: 4px;
    margin-left: 25px;
    display: block;
    line-height: 1.4;
}

    .base--links ul li a:focus,
    .base--links ul li a:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

.footer-logos {
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
}

    .footer-logos img {
        width: auto;
        height: 100%;
        max-height: 70px;
        margin-left: 35px;
        margin-right: 35px;
        margin-bottom: 35px;
    }

.header {
    position: fixed;
    top: -60px;
    width: 100%;
    left: 0;
    z-index: 4;
    box-sizing: content-box;
    background-color: #f6f6f6;
    transition: all 0.3s ease-in-out;
}

    .header.search-open {
        top: 0;
        transition: all 0.3s ease-in-out;
    }

@media (min-width: 992px) {
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
    }
}

.header .top-utilities {
    position: absolute;
    right: 120px;
    top: 65px;
    display: none;
}

@media (min-width: 992px) {
    .header .top-utilities {
        position: absolute;
        right: 17.5px;
        top: 0;
        display: none;
    }
}

.header .top-utilities .top-utilities-inner {
    display: flex;
    flex-direction: row-reverse;
}

@media (min-width: 992px) {
    .header .top-utilities .top-utilities-inner {
        flex-direction: row;
    }
}

.header .top-utilities .gtranslate_wrapper {
    position: relative;
    top: -5px;
    left: -60px;
}

@media (min-width: 992px) {
    .header .top-utilities .gtranslate_wrapper {
        top: 0;
        left: 0;
    }
}

.header .top-utilities .gtranslate_wrapper .gt_float_switcher {
    font-family: inherit !important;
    font-size: 1.4em !important;
    border-radius: 0 !important;
    color: inherit !important;
    display: inline-block;
    line-height: 20px;
    box-shadow: none !important;
    background: 0 0 !important;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 992px) {
    .header .top-utilities .gtranslate_wrapper .gt_float_switcher {
        font-size: 0.8em !important;
    }
}

.header .top-utilities .gtranslate_wrapper .gt_float_switcher .gt-selected {
    position: relative;
    z-index: 888;
    background-color: transparent !important;
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden;
}

    .header
    .top-utilities
    .gtranslate_wrapper
    .gt_float_switcher
    .gt-selected
    .gt-current-lang {
        padding: 6px 15px;
        color: #fff;
        font-weight: 700;
        width: 60px;
        height: 59px;
        background: #233d43;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }

@media (min-width: 992px) {
    .header
    .top-utilities
    .gtranslate_wrapper
    .gt_float_switcher
    .gt-selected
    .gt-current-lang {
        color: #233d43;
        border-left: none;
        width: auto;
        height: auto;
        background: 0 0;
    }
}

.header
.top-utilities
.gtranslate_wrapper
.gt_float_switcher
.gt-selected
.gt-current-lang
span.gt-lang-code {
    position: relative;
    top: 0 !important;
}

.header
.top-utilities
.gtranslate_wrapper
.gt_float_switcher
.gt-selected
.gt-current-lang
span.gt_float_switcher-arrow {
    display: none;
}

@media (min-width: 992px) {
    .header
    .top-utilities
    .gtranslate_wrapper
    .gt_float_switcher
    .gt-selected
    .gt-current-lang
    span.gt_float_switcher-arrow {
        display: inline-block;
    }
}

.header .top-utilities .gtranslate_wrapper .gt_float_switcher img {
    width: 20px !important;
    display: none;
}

@media (min-width: 992px) {
    .header .top-utilities .gtranslate_wrapper .gt_float_switcher img {
        display: inline-block;
    }
}

.header .top-utilities .gtranslate_wrapper .gt_float_switcher .gt_options {
    background-color: #fff;
    position: absolute;
    right: 0;
    white-space: nowrap;
    overflow-x: hidden;
}

    .header .top-utilities .gtranslate_wrapper .gt_float_switcher .gt_options a {
        font-size: 0.7em;
    }

@media (min-width: 992px) {
    .header .top-utilities .gtranslate_wrapper .gt_float_switcher .gt_options a {
        font-size: 1em !important;
    }
}

.header #accessibility {
    border: none;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: #fff;
    background: #233d43;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    text-decoration: underline;
    text-underline-offset: 4px;
    width: 60px;
    height: 59px;
    top: -5px;
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

    .header #accessibility:after {
        font-family: FontAwesome;
        content: "\f013";
        display: inline-block;
        font-size: 1.4em;
    }

@media (min-width: 992px) {
    .header #accessibility:after {
        display: none;
    }
}

.header #accessibility .label {
    display: none;
}

@media (min-width: 992px) {
    .header #accessibility {
        right: 0;
        top: 0;
        text-decoration: underline;
        text-underline-offset: 4px;
        color: #233d43;
        position: relative;
        width: auto;
        height: auto;
        background: 0 0;
        border-left: none;
    }

        .header #accessibility:hover {
            transition: all 0.3s ease-in-out;
            text-underline-offset: 4px;
            text-decoration: underline;
            background-color: #f5ce3e;
        }

        .header #accessibility .label {
            display: inline;
            color: #233d43;
        }
}

@media only screen and (min-width: 3000px) {
    html {
        zoom: 150%;
    }
}

.main {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .main {
        margin-top: 135px;
    }
}

.breadcrumb {
    transform: none;
    transition: top 0.2s linear;
    position: relative;
    width: 100%;
    z-index: 3;
}

    .breadcrumb .container {
        padding: 10px 35px;
        text-align: center;
        background: #233d43;
        font-size: 0.8em;
        color: #fff;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 3;
        line-height: 1.2;
    }

@media (min-width: 992px) {
    .breadcrumb {
        position: sticky;
        top: 135px;
    }
}

@media (min-width: 992px) {
    .breadcrumb {
        font-size: 1em;
    }
}

.breadcrumb span {
    display: inline-block;
}

.breadcrumb a {
    color: #fff;
    text-underline-offset: 4px;
    line-height: 1.4;
    font-weight: 700;
}

@media (min-width: 992px) {
    .breadcrumb a {
        line-height: 30px;
    }
}

.breadcrumb a:focus,
.breadcrumb a:hover {
    background-color: #f5ce3e;
    transition: all 0.3s ease-in-out;
    color: #233d43;
}

.breadcrumb strong {
    font-weight: 400;
}

article header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    justify-content: center;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

    article header:after {
        content: "";
        background-color: rgba(27, 62, 80, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 0;
    }

    article header .container {
        position: relative;
        z-index: 1;
        padding: 52.5px 35px;
        box-sizing: border-box;
    }

@media (min-width: 992px) {
    article header .container {
        padding: 70px 52.5px;
    }
}

article header .container h1 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.005);
}

@media (min-width: 992px) {
    article header .container h1 {
        font-size: 2.8em;
    }
}

header.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    min-height: 0;
    background-color: #233d43;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

    header.banner:after {
        display: none;
    }

    header.banner .container {
        position: relative;
        z-index: 1;
        padding: 35px;
        box-sizing: border-box;
    }

@media (min-width: 992px) {
    header.banner .container {
        padding: 35px;
    }
}

header.banner .container h1 {
    position: relative;
    z-index: 2;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 10px;
    text-shadow: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.001);
}

    header.banner .container h1 span {
        display: block;
        font-size: 0.5em;
        font-family: Poppins, sans-serif;
        font-weight: 100;
    }

@media (min-width: 992px) {
    header.banner .container h1 {
        font-size: 2.8em;
    }
}

.content--container-wrapper {
    padding: 0 17.5px;
    max-width: 1990px;
    margin: auto;
}

@media (min-width: 768px) {
    .content--container-wrapper {
        padding: 0 17.5px;
    }
}

@media (min-width: 992px) {
    .content--container-wrapper {
        padding: 0 35px 0 35px;
    }
}

.content--container-wrapper .section {
    padding-bottom: 0;
}

.content--container-wrapper section.container {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .content--container-wrapper section.container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .content--container-wrapper section.container {
        padding-left: 0;
        padding-right: 0;
    }
}

.content--container-wrapper .section--copy-blocks .grid {
    padding-bottom: 17.5px;
}

    .content--container-wrapper .section--copy-blocks .grid .block {
        padding: 0 17.5px;
    }

        .content--container-wrapper .section--copy-blocks .grid .block h2 {
            font-weight: 700;
            font-size: 1.2em;
            margin-top: 0;
        }

.content--container-wrapper .section--featured-news .grid {
    padding-bottom: 17.5px;
}

    .content--container-wrapper .section--featured-news .grid .block {
        padding: 0;
    }

        .content--container-wrapper .section--featured-news .grid .block h2 {
            font-weight: 700;
            font-size: 2.2em;
            margin-top: 0;
        }

.content--container-wrapper .section--useful-links h3 {
    border-bottom: none;
    margin-bottom: 0;
}

.content--container-wrapper .section--useful-links .container .grid {
    margin-left: -17.5px;
    margin-right: -17.5px;
    margin-bottom: 35px;
}

    .content--container-wrapper .section--useful-links .container .grid .block {
        width: 100%;
    }

@media (min-width: 992px) {
    .content--container-wrapper .section--useful-links .container .grid .block {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .content--container-wrapper .section--useful-links .container .grid .block {
        width: 33.333%;
    }
}

.content--container-wrapper .content--container {
    flex-wrap: wrap;
    padding-top: 35px;
    margin-bottom: 70px;
}

    .content--container-wrapper .content--container .col-left {
        width: 100%;
        position: relative;
    }

@media (min-width: 992px) {
    .content--container-wrapper .content--container .col-left {
        width: 67.3%;
    }

        .content--container-wrapper .content--container .col-left:after {
            content: "";
            background-color: #d9dad8;
            width: 0.8px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
        }

        .content--container-wrapper .content--container .col-left section.container {
            padding-right: 17.5px;
        }
}

.content--container-wrapper
.content--container
.col-left
.section--page-contents-menu
.container {
    margin-bottom: 35px;
}

.content--container-wrapper .content--container .col-right {
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .content--container-wrapper .content--container .col-right {
        width: 32.7%;
        padding-left: 17.5px;
    }
}

.content--container-wrapper .content--container .col-right .module {
    background-color: #f6f6f6;
    padding: 17.5px;
    margin-bottom: 35px;
}

    .content--container-wrapper .content--container .col-right .module:last-child {
        margin-bottom: 0;
    }

    .content--container-wrapper .content--container .col-right .module img {
        height: auto;
        width: 100%;
    }

    .content--container-wrapper .content--container .col-right .module h2 {
        margin: 0;
        padding: 0 0 17.5px;
        font-size: 1.2em;
        border-bottom: 1px solid #d9dad8;
    }

    .content--container-wrapper .content--container .col-right .module p {
        margin-top: 17.5px;
        line-height: 1.4;
    }

        .content--container-wrapper .content--container .col-right .module p:has(img) {
            margin-top: 0;
        }

    .content--container-wrapper .content--container .col-right .module ul {
        margin-top: 17.5px;
    }

        .content--container-wrapper .content--container .col-right .module ul li {
            display: flex;
            align-items: baseline;
            margin-bottom: 10px;
        }

            .content--container-wrapper .content--container .col-right .module ul li span {
                color: #233d43;
                min-width: 17.5px;
                position: relative;
                top: 2px;
            }

            .content--container-wrapper
            .content--container
            .col-right
            .module
            ul
            li
            .fa-chevron-right {
                color: #233d43;
            }

            .content--container-wrapper .content--container .col-right .module ul li a {
                color: inherit;
                text-underline-offset: 4px;
                line-height: 1.4;
                margin-left: 10px;
            }

                .content--container-wrapper
                .content--container
                .col-right
                .module
                ul
                li
                a:focus,
                .content--container-wrapper
                .content--container
                .col-right
                .module
                ul
                li
                a:hover {
                    background-color: #f5ce3e;
                    transition: all 0.3s ease-in-out;
                }

    .content--container-wrapper .content--container .col-right .module .fa-solid,
    .content--container-wrapper .content--container .col-right .module .fas {
        font-weight: 300;
    }

    .content--container-wrapper .content--container .col-right .module .links {
        margin-top: 17.5px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

        .content--container-wrapper .content--container .col-right .module .links p {
            margin: 0;
            display: flex;
            align-items: baseline;
        }

            .content--container-wrapper .content--container .col-right .module .links p a {
                display: block;
                margin-bottom: 10px;
                color: inherit;
                text-underline-offset: 4px;
                line-height: 1.4;
                width: -moz-fit-content;
                width: fit-content;
                font-weight: 400;
                margin-left: 10px;
            }

                .content--container-wrapper
                .content--container
                .col-right
                .module
                .links
                p
                a:focus,
                .content--container-wrapper
                .content--container
                .col-right
                .module
                .links
                p
                a:hover {
                    background-color: #f5ce3e;
                    transition: all 0.3s ease-in-out;
                }

            .content--container-wrapper
            .content--container
            .col-right
            .module
            .links
            p
            span {
                color: #233d43;
                min-width: 17.5px;
                position: relative;
                top: 2px;
            }

            .content--container-wrapper
            .content--container
            .col-right
            .module
            .links
            p
            .fa-chevron-right {
                color: #233d43;
            }

.content--container-wrapper .content--container .col-right .module-image {
    margin-bottom: 35px;
}

.content--container-wrapper .content--container .col-right .donate form {
    margin: 17.5px 0;
}

.content--container-wrapper .content--container .no-twitter {
    width: 100% !important;
    max-width: none;
    margin-left: 0;
}

    .content--container-wrapper .content--container .no-twitter:after {
        display: none !important;
    }

blockquote {
    position: relative;
    font-size: 1.4em;
    padding: 0 35px 0 70px;
    margin-top: 35px;
    margin-bottom: 35px;
    border-left: 5px solid #f5ce3e;
}

    blockquote p {
        line-height: 1.4 !important;
    }

        blockquote p:last-child {
            margin-bottom: 0 !important;
            color: #233d43;
        }

        blockquote p strong {
            margin-top: 17.5px;
            display: block;
        }

    blockquote:before {
        content: "\201C";
        position: absolute;
        left: 17.5px;
        top: -10px;
        font-size: 5em;
        color: #233d43;
    }

span.search-instance {
    font-weight: 700;
    background: khaki;
    padding: 2px;
    display: inline-block;
    text-transform: capitalize;
}

@media (min-width: 992px) {
    article.section:last-of-type {
        padding-bottom: 0;
    }

        article.section:last-of-type p:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0;
        }
}

.service-block {
    border: 2px solid #233d43;
    padding: 17.5px;
    margin: 10px;
}

.message {
    display: none;
}

#WidgetContainer {
    display: none !important;
}

.Card {
    box-shadow: none !important;
}

.form-label-bold {
    font-family: Poppins, sans-serif !important;
}

.animals {
    padding: 35px;
    max-width: 1990px;
    margin: auto;
}

.navigation {
    position: absolute;
    width: 100%;
    z-index: 4;
    top: 60px;
    background: #233d43;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 992px) {
    .navigation {
        top: 65px;
        height: 70px;
        background: #fff;
        border-bottom: none;
    }
}

.navigation .container {
    padding-left: 17.5px;
    padding-right: 17.5px;
}

@media (min-width: 992px) {
    .navigation .container {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.navigation .container .logo {
    float: left;
    position: absolute;
    top: -5px;
    left: 17.5px;
    z-index: 4;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-mobile.svg);
    width: 59px;
    height: 59px;
    text-indent: -9999px;
    display: block;
    color: #233d43;
    transition: all 0.3s ease-in-out;
}

/*@media (min-width: 992px) {
    .navigation .container .logo {
        width: 95px;
        height: 125px;
        top: -70px;
        left: auto;
        margin-left: auto;
        background-image: url(images//logo.png);
        background-size: contain;
    }
}*/

.navigation .container .nav {
    display: none;
    width: 100%;
    left: 0;
    background: #233d43;
    position: fixed;
    top: 60px;
    height: calc(100% - 60px);
    text-align: left;
    justify-content: flex-start;
    z-index: 3;
    overflow: auto;
    flex-direction: column;
}

    .navigation .container .nav::-webkit-scrollbar {
        width: 0;
        background: 0 0;
    }

@media (min-width: 992px) {
    .navigation .container .nav {
        width: 100%;
        position: relative;
        left: 0;
        height: auto;
        justify-content: center;
        top: 0;
        padding-top: 0;
        background: #fff;
        overflow: visible;
        display: flex;
        flex-direction: row;
    }
}

.navigation .container .nav ul {
    margin: 13px 0;
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .navigation .container .nav ul {
        margin: 13px 0;
    }

        .navigation .container .nav ul ul {
            margin: 15px 0;
        }
}

@media (min-width: 992px) {
    .navigation .container .nav ul {
        margin: 13px 0 13px 0;
        display: flex;
        width: auto;
    }
}

.navigation .container .nav ul li {
    list-style-type: none;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 17.5px;
    margin: 17.5px;
    background: rgba(255, 255, 255, 0.03);
    position: relative;
}

    .navigation .container .nav ul li.menu-item-has-children:after {
        content: "\f078";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: block;
        position: absolute;
        right: 25px;
        top: 13px;
        color: #f5ce3e;
        font-size: 1.4em;
    }

    .navigation .container .nav ul li.is-active:after {
        content: "\f077";
    }

    .navigation .container .nav ul li:before {
        width: 30px;
        color: #f5ce3e;
    }

    .navigation .container .nav ul li a {
        font-size: 1em;
        color: #fff;
        position: relative;
        text-decoration: none;
        font-weight: 700;
        font-family: Poppins, sans-serif;
        cursor: pointer;
    }

        .navigation .container .nav ul li a:focus,
        .navigation .container .nav ul li a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
            text-underline-offset: 4px;
            text-decoration: underline;
        }

@media (min-width: 992px) {
    .navigation .container .nav ul li a {
        color: #233d43;
    }
}

.navigation .container .nav ul li.current-menu-item a {
    color: #fff;
    text-underline-offset: 4px;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .navigation .container .nav ul li.current-menu-item a {
        color: #233d43;
    }
}

.navigation .container .nav ul li ul.sub-menu {
    padding-top: 1px;
    padding-bottom: 35px;
    display: none;
}

    .navigation .container .nav ul li ul.sub-menu li {
        display: flex;
    }

    .navigation .container .nav ul li ul.sub-menu.active {
        display: block;
    }

@media (min-width: 992px) {
    .navigation .container .nav ul li {
        border: none;
        padding: 10px 17.5px;
        margin: 0;
        background: 0 0;
    }

        .navigation .container .nav ul li.services-menu {
            padding: 0;
            position: inherit;
        }

            .navigation .container .nav ul li.services-menu:after {
                display: none;
            }

            .navigation .container .nav ul li.services-menu a {
                border: 3px solid #233d43;
                padding: 10px;
                position: absolute;
                right: 0;
                top: 10px;
                text-decoration: none;
            }

                .navigation .container .nav ul li.services-menu a:focus,
                .navigation .container .nav ul li.services-menu a:hover {
                    text-decoration: none;
                    outline: #f5ce3e solid 5px;
                    border-color: #233d43;
                    transition: all 0.3s ease-in-out;
                    background-color: transparent;
                }

                .navigation .container .nav ul li.services-menu a:after {
                    content: "\f0c9";
                    width: 10px;
                    font-family: FontAwesome;
                    margin-left: 17.5px;
                    display: inline-block;
                }

            .navigation .container .nav ul li.services-menu.is-active a:after {
                content: "\f00d";
                width: 10px;
                font-family: FontAwesome;
                margin-left: 17.5px;
                display: inline-block;
            }

        .navigation .container .nav ul li ul.sub-menu {
            display: none;
            width: 100%;
            background: #233d43;
            position: fixed;
            left: 0;
            top: 120px;
            height: calc(100% - 120px);
            align-content: center;
            text-align: left;
            justify-content: center;
            z-index: -1;
            flex-wrap: wrap;
            padding: 245px 35px 305px;
            box-sizing: border-box;
            overflow-y: auto;
        }

            .navigation .container .nav ul li ul.sub-menu::-webkit-scrollbar {
                display: none;
            }

            .navigation .container .nav ul li ul.sub-menu.active {
                display: flex;
                animation: fadeIn 0.5s;
            }

            .navigation .container .nav ul li ul.sub-menu li {
                display: inline-flex;
                padding: 17.5px 17.5px 52.5px;
                border: 1px solid #fff;
                align-items: center;
                justify-content: center;
                height: -moz-fit-content;
                height: fit-content;
                margin: 10px;
                flex-direction: column;
                position: relative;
            }
}

@media (min-width: 992px) and (min-width: 768px) {
    .navigation .container .nav ul li ul.sub-menu li {
        width: calc(50% - 35px);
        display: flex;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .navigation .container .nav ul li ul.sub-menu li {
        width: calc(33.333% - 35px);
        display: flex;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .navigation .container .nav ul li ul.sub-menu li {
        width: calc(25% - 35px);
        display: flex;
    }
}

@media (min-width: 992px) {
    .navigation .container .nav ul li ul.sub-menu li:before {
        color: #fff;
        font-size: 1.4em;
        display: block;
        text-align: center;
    }

    .navigation .container .nav ul li ul.sub-menu li:focus,
    .navigation .container .nav ul li ul.sub-menu li:hover {
        border-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
        text-underline-offset: 4px;
        text-decoration: underline;
    }

        .navigation .container .nav ul li ul.sub-menu li:focus:before,
        .navigation .container .nav ul li ul.sub-menu li:hover:before {
            color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .navigation .container .nav ul li ul.sub-menu li a {
        border: none;
        padding: 0;
        position: relative;
        color: #fff;
        top: auto;
        font-family: Poppins, sans-serif;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 52.5px 10px 17.5px;
        text-align: center;
        top: 0;
        font-size: 1em;
    }

        .navigation .container .nav ul li ul.sub-menu li a:after {
            display: none !important;
        }

        .navigation .container .nav ul li ul.sub-menu li a:focus,
        .navigation .container .nav ul li ul.sub-menu li a:hover {
            color: #f5ce3e;
            transition: all 0.3s ease-in-out;
            text-underline-offset: 4px;
            text-decoration: underline;
        }

    .navigation .container .nav ul li ul.sub-menu.active {
        display: flex;
        animation: fadeIn 0.5s;
    }
}

.navigation .container .nav.active {
    display: flex;
    animation: fadeIn 0.5s;
}

.navigation .container .nav #close {
    position: relative;
    border: 3px solid #fff;
    padding: 10px;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 15px;
    display: block;
    align-self: flex-end;
    margin-right: 20px;
    background-color: #233d43;
    cursor: pointer;
}

    .navigation .container .nav #close:focus,
    .navigation .container .nav #close:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: #233d43;
    }

    .navigation .container .nav #close:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .navigation .container .nav #close {
        display: none;
    }
}

.navigation .container .nav #close .label {
    background-color: #233d43;
    color: #fff;
}

@media (min-width: 992px) {
    .navigation .container .nav .social--nav {
        position: absolute;
        right: 0;
        top: -45px;
    }
}

.navigation .container .nav .social--nav ul {
    display: flex;
    justify-content: center;
}

    .navigation .container .nav .social--nav ul li {
        margin: 0 13px;
        padding: 0;
        border: none;
    }

        .navigation .container .nav .social--nav ul li:last-child {
            margin-right: 0;
        }

        .navigation .container .nav .social--nav ul li a {
            color: #fff;
            font-size: 1rem;
        }

@media (min-width: 992px) {
    .navigation .container .nav .social--nav ul li a {
        color: #233d43;
        font-size: 0.8rem;
    }
}

.navigation .container .nav .social--nav ul li a:hover {
    color: #233d43;
}

.navigation .container .nav .social--nav ul li a .fa-brands {
    font-weight: 700;
}

.navigation .container .hamburger {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 9;
    background: #233d43;
    width: 60px;
    height: 59px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media (min-width: 992px) {
    .navigation .container .hamburger {
        visibility: hidden;
    }
}

.navigation .container .hamburger .hamburger-inner,
.navigation .container .hamburger .hamburger-inner::after,
.navigation .container .hamburger .hamburger-inner::before {
    background-color: #fff;
}

.navigation .container .hamburger .label {
    position: relative;
    top: -8px;
    right: 5px;
    font-size: 0.8em;
    color: #233d43;
    font-weight: 700;
    display: none;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.section--copy-blocks {
    padding-bottom: 52.5px;
}

    .section--copy-blocks .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--copy-blocks .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--copy-blocks .container {
        padding: 0 52.5px;
    }
}

.section--copy-blocks .block {
    flex-direction: column;
}

    .section--copy-blocks .block h2 {
        font-weight: 700;
        font-size: 1.2em;
        line-height: 1.4;
        margin-top: 25px;
    }

    .section--copy-blocks .block p {
        margin-bottom: 17.5px;
    }

    .section--copy-blocks .block .image--tools {
        margin-bottom: 17.5px;
        justify-content: space-between;
        background-color: #f6f6f6;
        padding: 17.5px;
    }

        .section--copy-blocks .block .image--tools .lightbox--link {
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 4px;
            cursor: pointer;
            position: relative;
            padding-left: 25px;
            color: inherit;
        }

            .section--copy-blocks .block .image--tools .lightbox--link:before {
                content: "\f002";
                color: #233d43;
                font-family: FontAwesome;
                font-size: 1em;
                left: 0;
                top: 0;
                position: absolute;
            }

.section--copy-blocks img {
    width: 100%;
}

.section--copy-blocks h3 {
    margin-bottom: 17.5px;
}

.section--copy-blocks p {
    line-height: 1.4;
    margin-bottom: 17.5px !important;
}

    .section--copy-blocks p img {
        width: auto;
    }

.section--copy-blocks .cta {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 35px;
    margin-top: auto;
}

.section--copy-blocks .section-border {
    margin-bottom: 35px;
}

    .section--copy-blocks .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--copy-only {
    padding-bottom: 52.5px;
}

    .section--copy-only .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--copy-only .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--copy-only .container {
        padding: 0 52.5px;
    }
}

.section--copy-only .container h2 {
    margin-bottom: 17.5px;
}

.section--copy-only .container h3 {
    margin-bottom: 10px;
    line-height: 1.2;
}

.section--copy-only .container h4 {
    margin-bottom: 10px;
}

.section--copy-only .container img.aligncenter {
    text-align: center;
}

.section--copy-only .container p {
    margin-bottom: 15px;
    line-height: 1.4;
}

    .section--copy-only .container p.aligncenter {
        text-align: center;
    }

    .section--copy-only .container p:last-child {
        margin-bottom: 35px;
    }

.section--copy-only .container ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 17.5px;
}

    .section--copy-only .container ul:last-child {
        margin-bottom: 35px;
    }

    .section--copy-only .container ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .section--copy-only .container ul li:before {
            content: "\2022";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.7;
        }

        .section--copy-only .container ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            font-weight: 700;
        }

            .section--copy-only .container ul li a:focus,
            .section--copy-only .container ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

        .section--copy-only .container ul li p {
            margin-bottom: 0;
        }

            .section--copy-only .container ul li p:last-child {
                margin-bottom: 0;
            }

.section--copy-only .container ol {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
    margin-left: 40px;
    counter-reset: list_item_count;
}

    .section--copy-only .container ol li {
        margin-bottom: 17.5px;
        counter-increment: list_item_count;
        display: block;
        padding: 0;
        white-space: normal;
        page-break-inside: avoid;
        position: relative;
        line-height: 1.4;
    }

        .section--copy-only .container ol li:before {
            content: counter(list_item_count);
            display: block;
            height: 2em;
            line-height: 2em;
            margin-right: 0.4em;
            min-width: auto;
            position: absolute;
            text-align: center;
            width: 2em;
            background: #4cb85e;
            color: #233d43;
            border-radius: 50%;
            font-weight: 700;
            left: -2.6em;
            top: -5px;
        }

        .section--copy-only .container ol li a {
            color: #233d43;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
        }

            .section--copy-only .container ol li a:focus,
            .section--copy-only .container ol li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

        .section--copy-only .container ol li p {
            margin-bottom: 0;
        }

            .section--copy-only .container ol li p:last-child {
                margin-bottom: 0;
            }

.section--copy-only .section-border {
    margin-bottom: 35px;
}

    .section--copy-only .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--copy-only:last-child .section-border:after {
    display: none;
}

.section--copy-only li ol,
.section--copy-only li ul {
    margin-left: 17.5px;
}

.section--copy-only table {
    margin: 17.5px 0;
    width: 100%;
}

    .section--copy-only table a {
        color: inherit;
        font-weight: 700;
        text-underline-offset: 4px;
        line-height: 1.4;
    }

    .section--copy-only table caption {
        text-align: left;
        margin-bottom: 17.5px;
        font-weight: 700;
    }

    .section--copy-only table tr {
        border-bottom: 1px solid #d9dad8;
    }

        .section--copy-only table tr:first-child {
            border-top: 1px solid #d9dad8;
        }

    .section--copy-only table td,
    .section--copy-only table th {
        border-right: 1px solid #d9dad8;
        padding: 10px;
    }

        .section--copy-only table td:first-child,
        .section--copy-only table th:first-child {
            border-left: 1px solid #d9dad8;
        }

.section--featured-news {
    padding-bottom: 52.5px;
}

    .section--featured-news .container {
        padding: 0 17.5px;
    }

@media (min-width: 992px) {
    .section--featured-news .container {
        padding: 0 35px;
    }
}

.section--featured-news .section-border {
    margin-bottom: 35px;
}

    .section--featured-news .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

    .section--featured-news .section-border .grid {
        padding-bottom: 35px;
    }

.section--featured-news .block {
    flex-direction: column;
}

    .section--featured-news .block h2 {
        font-weight: 700;
        font-size: 1.2em;
    }

    .section--featured-news .block p {
        margin-bottom: 17.5px;
    }

.section--featured-news img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section--featured-news h2 {
    margin-bottom: 17.5px;
    font-size: 1.2em;
}

.section--featured-news p {
    margin-bottom: 35px;
    line-height: 1.4;
}

.section--featured-news .cta {
    display: block;
    margin-top: auto;
    width: -moz-fit-content;
    width: fit-content;
}

.section--featured-news .grid {
    margin-left: -17.5px;
    margin-right: -17.5px;
}

.section--featured-news .grid--1 .block {
    background-color: #f6f6f6;
    padding: 0;
    width: calc(100% - 35px);
    margin: 17.5px;
}

@media (min-width: 768px) {
    .section--featured-news .grid--1 .block {
        width: calc(100% - 35px);
        flex-direction: row;
        display: flex;
    }

        .section--featured-news .grid--1 .block .featured--image {
            width: 50%;
            padding-right: 17.5px;
        }

        .section--featured-news .grid--1 .block .featured--copy {
            width: 50%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            padding: 17.5px;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--1 .block .featured--copy {
        padding: 35px 35px 35px 17.5px;
    }
}

@media (min-width: 768px) {
    .section--featured-news .grid--1 .block .featured--copy h2 {
        font-size: 2.2em;
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--1 .block .featured--copy p {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: 35px;
        border-bottom: 5px solid #d9dad8;
        padding-bottom: 17.5px;
    }
}

.section--featured-news .grid--1 .block .featured--copy {
    padding: 17.5px;
}

@media (min-width: 768px) {
    .section--featured-news .grid--1 .block .featured--copy {
        padding: 35px;
    }
}

.section--featured-news .grid--1 .block .cta {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

.section--featured-news .grid--2 .block {
    background-color: #f6f6f6;
    padding: 0;
    width: calc(100% - 35px);
    margin: 17.5px;
}

@media (min-width: 768px) {
    .section--featured-news .grid--2 .block {
        width: calc(100% - 35px);
        flex-direction: row;
        display: flex;
    }

        .section--featured-news .grid--2 .block .featured--image {
            width: 50%;
            padding-right: 17.5px;
        }

        .section--featured-news .grid--2 .block .featured--copy {
            width: 50%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            padding: 17.5px;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--2 .block .featured--copy {
        padding: 35px 35px 35px 17.5px;
    }
}

@media (min-width: 768px) {
    .section--featured-news .grid--2 .block .featured--copy h2 {
        font-size: 2.2em;
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--2 .block .featured--copy p {
        font-size: 1.4em;
        line-height: 1.4;
    }
}

.section--featured-news .grid--2 .block .featured--copy {
    padding: 17.5px;
}

@media (min-width: 768px) {
    .section--featured-news .grid--2 .block .featured--copy {
        padding: 35px;
    }
}

.section--featured-news .grid--2 .block .cta {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

@media (min-width: 768px) {
    .section--featured-news .grid--2 .block:nth-child(2) {
        flex-direction: row-reverse;
    }

        .section--featured-news .grid--2 .block:nth-child(2) .featured--image {
            width: 50%;
            padding-left: 17.5px;
            padding-right: 0;
        }
}

.section--featured-news .grid--4 .block {
    width: calc(100% - 35px);
    padding: 0;
    margin: 17.5px;
    background-color: #f6f6f6;
}

@media (min-width: 768px) {
    .section--featured-news .grid--4 .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 992px) {
    .section--featured-news .grid--4 .block {
        width: calc(33.333% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--featured-news .grid--4 .block .featured--copy {
    padding: 17.5px;
    flex: 1;
}

@media (min-width: 768px) {
    .section--featured-news .grid--4 .block .featured--copy {
        padding: 35px;
    }
}

.section--featured-news .grid--5 .block {
    width: calc(100% - 35px);
    padding: 0;
    margin: 17.5px;
    background-color: #f6f6f6;
}

@media (min-width: 768px) {
    .section--featured-news .grid--5 .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 1200px) {
    .section--featured-news .grid--5 .block {
        width: calc(25% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--featured-news .grid--5 .block .featured--copy {
    padding: 17.5px;
    flex: 1;
}

@media (min-width: 768px) {
    .section--featured-news .grid--5 .block .featured--copy {
        padding: 17.5px;
    }
}

.section--featured-news .grid--3 .block {
    width: calc(100% - 35px);
    padding: 0;
    margin: 17.5px;
    background-color: #f6f6f6;
}

@media (min-width: 768px) {
    .section--featured-news .grid--3 .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 1200px) {
    .section--featured-news .grid--3 .block {
        width: calc(33.333% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--featured-news .grid--3 .block .featured--copy {
    padding: 17.5px;
    flex: 1;
}

@media (min-width: 768px) {
    .section--featured-news .grid--3 .block .featured--copy {
        padding: 17.5px;
    }
}

.section--featured-news .grid--6 .block {
    width: calc(100% - 35px);
    padding: 0;
    margin: 17.5px;
    background-color: #f6f6f6;
}

@media (min-width: 768px) {
    .section--featured-news .grid--6 .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 1200px) {
    .section--featured-news .grid--6 .block {
        width: calc(25% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--featured-news .grid--6 .block .featured--copy {
    padding: 17.5px;
    flex: 1;
}

@media (min-width: 768px) {
    .section--featured-news .grid--6 .block .featured--copy {
        padding: 17.5px;
    }
}

@media (min-width: 768px) {
    .section--featured-news .grid--1 .block:first-child,
    .section--featured-news .grid--5 .block:first-child,
    .section--featured-news .grid--6 .block:first-child {
        width: 100%;
        flex-direction: row;
        display: flex;
    }

        .section--featured-news .grid--1 .block:first-child .featured--image,
        .section--featured-news .grid--5 .block:first-child .featured--image,
        .section--featured-news .grid--6 .block:first-child .featured--image {
            width: 50%;
            padding-right: 17.5px;
        }

        .section--featured-news .grid--1 .block:first-child .featured--copy,
        .section--featured-news .grid--5 .block:first-child .featured--copy,
        .section--featured-news .grid--6 .block:first-child .featured--copy {
            width: 50%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            padding: 17.5px;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--1 .block:first-child .featured--copy,
    .section--featured-news .grid--5 .block:first-child .featured--copy,
    .section--featured-news .grid--6 .block:first-child .featured--copy {
        padding: 35px 35px 35px 17.5px;
    }
}

@media (min-width: 768px) {
    .section--featured-news .grid--1 .block:first-child .featured--copy h2,
    .section--featured-news .grid--5 .block:first-child .featured--copy h2,
    .section--featured-news .grid--6 .block:first-child .featured--copy h2 {
        font-size: 2.2em;
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news
    .grid--1
    .block:first-child
    .featured--copy
    p:first-of-type,
    .section--featured-news
    .grid--5
    .block:first-child
    .featured--copy
    p:first-of-type,
    .section--featured-news
    .grid--6
    .block:first-child
    .featured--copy
    p:first-of-type {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: 17.5px;
    }
}

.section--featured-news .grid--1 .block:first-child .cta,
.section--featured-news .grid--5 .block:first-child .cta,
.section--featured-news .grid--6 .block:first-child .cta {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

@media (min-width: 768px) {
    .section--featured-news .grid--6 .block:last-child {
        width: 100%;
        flex-direction: row;
        display: flex;
    }

        .section--featured-news .grid--6 .block:last-child .featured--image {
            width: 50%;
            padding-left: 17.5px;
            order: 2;
        }

        .section--featured-news .grid--6 .block:last-child .featured--copy {
            order: 1;
            width: 50%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            padding: 17.5px;
        }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--6 .block:last-child .featured--copy {
        padding: 35px 35px 35px 17.5px;
    }
}

@media (min-width: 768px) {
    .section--featured-news .grid--6 .block:last-child .featured--copy h2 {
        font-size: 2.2em;
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .section--featured-news .grid--6 .block:last-child .featured--copy p {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: 35px;
        border-bottom: 5px solid #d9dad8;
        padding-bottom: 17.5px;
    }
}

.section--featured-news .grid--6 .block:last-child .cta {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

@media (min-width: 992px) {
    .section--featured-news .grid--4 .block:first-child {
        width: 100%;
        flex-direction: row;
        display: flex;
    }

        .section--featured-news .grid--4 .block:first-child .featured--image {
            width: 50%;
            padding-right: 17.5px;
        }

        .section--featured-news .grid--4 .block:first-child .featured--copy {
            width: 50%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            padding: 17.5px;
        }
}

@media (min-width: 992px) and (min-width: 768px) {
    .section--featured-news .grid--4 .block:first-child .featured--copy {
        padding: 35px 35px 35px 17.5px;
    }
}

@media (min-width: 992px) {
    .section--featured-news .grid--4 .block:first-child .featured--copy h2 {
        font-size: 2.2em;
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .section--featured-news .grid--4 .block:first-child .featured--copy p {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: 35px;
        border-bottom: 5px solid #d9dad8;
        padding-bottom: 17.5px;
    }
}

.section--featured-news .grid--4 .block:first-child .cta {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

.section--useful-links {
    padding-bottom: 70px;
}

    .section--useful-links .container {
        padding: 0 17.5px;
    }

@media (min-width: 992px) {
    .section--useful-links .container {
        padding: 0 35px;
    }
}

.section--useful-links h3 {
    border-bottom: 1px solid #d9dad8;
    padding-bottom: 17.5px;
    margin-bottom: 17.5px;
}

.section--useful-links p {
    margin-bottom: 35px;
    line-height: 1.4;
}

.section--useful-links .cta {
    display: block;
    margin-top: auto;
}

    .section--useful-links .cta:focus,
    .section--useful-links .cta:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

        .section--useful-links .cta:focus i.fa-chevron-right,
        .section--useful-links .cta:hover i.fa-chevron-right {
            color: #233d43;
        }

.section--useful-links .grid {
    margin-left: -17.5px;
    margin-right: -17.5px;
}

    .section--useful-links .grid .block {
        padding: 17.5px 17.5px 0;
        width: 100%;
    }

@media (min-width: 768px) {
    .section--useful-links .grid .block {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .section--useful-links .grid .block {
        width: 33.333%;
    }
}

@media (min-width: 1200px) {
    .section--useful-links .grid .block {
        width: 25%;
    }
}

.section--useful-links .section-border {
    margin-bottom: 35px;
}

    .section--useful-links .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--latest-news-block {
    padding-bottom: 52.5px;
}

    .section--latest-news-block .container {
        padding: 0 17.5px;
    }

@media (min-width: 992px) {
    .section--latest-news-block .container {
        padding: 0 35px;
    }
}

.section--latest-news-block .container div.sub-head {
    border-bottom: 1px solid #cfd7db;
    padding-bottom: 17.5px;
}

.section--latest-news-block .container .news--container {
    padding-top: 35px;
    margin-left: -17.5px;
    margin-right: -17.5px;
    flex-direction: column;
    position: relative;
}

@media (min-width: 992px) {
    .section--latest-news-block .container .news--container {
        flex-direction: row;
    }
}

.section--latest-news-block .container .news--container .news {
    width: 100%;
    position: relative;
    order: 2;
}

@media (min-width: 992px) {
    .section--latest-news-block .container .news--container .news {
        width: 67.3%;
        order: 1;
    }

        .section--latest-news-block .container .news--container .news:after {
            content: "";
            background-color: #d9dad8;
            width: 0.8px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
        }
}

.section--latest-news-block .container .news--container .news .news-posts {
    min-height: 100%;
}

.section--latest-news-block .container .news--container .news article {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .section--latest-news-block .container .news--container .news article {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .section--latest-news-block
    .container
    .news--container
    .news
    article:last-child {
        margin-bottom: 0;
    }
}

.section--latest-news-block .container .news--container .news .post-thumb {
    width: 100%;
    padding-left: 17.5px;
    padding-right: 17.5px;
    box-sizing: border-box;
    max-height: 180px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .section--latest-news-block .container .news--container .news .post-thumb {
        width: 33.333%;
        margin-bottom: 0;
    }
}

.section--latest-news-block .container .news--container .news .post-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 180px;
}

.section--latest-news-block .container .news--container .news .post-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 17.5px 0;
}

@media (min-width: 768px) {
    .section--latest-news-block .container .news--container .news .post-content {
        width: 66.666%;
    }
}

.section--latest-news-block .container .news--container .news .post-content h2 {
    margin-bottom: 10px;
    font-size: 1.2em;
    margin-top: 0;
}

    .section--latest-news-block
    .container
    .news--container
    .news
    .post-content
    h2
    a {
        color: inherit;
        text-underline-offset: 4px;
        line-height: 1.4;
    }

        .section--latest-news-block
        .container
        .news--container
        .news
        .post-content
        h2
        a:focus,
        .section--latest-news-block
        .container
        .news--container
        .news
        .post-content
        h2
        a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--latest-news-block .container .news--container .news .post-content p {
    line-height: 1.4;
    margin-bottom: 17.5px;
}

    .section--latest-news-block
    .container
    .news--container
    .news
    .post-content
    p.link
    a {
        margin-top: 17.5px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 17.5px;
    }

    .section--latest-news-block
    .container
    .news--container
    .news
    .post-content
    p.link
    span,
    .section--latest-news-block
    .container
    .news--container
    .news
    .post-content
    p.link
    svg {
        color: #4cb85e;
        position: relative;
        right: -3px;
        top: 2px;
    }

.section--latest-news-block .container .news--container .post-categories {
    width: 100%;
    box-sizing: border-box;
    padding-left: 17.5px;
    padding-right: 17.5px;
    order: 1;
}

@media (min-width: 992px) {
    .section--latest-news-block .container .news--container .post-categories {
        order: 2;
        width: 32.7%;
    }
}

.section--latest-news-block .container .news--container .post-categories {
    order: 1;
    margin-bottom: 17.5px;
}

@media (min-width: 992px) {
    .section--latest-news-block .container .news--container .post-categories {
        margin-bottom: 0;
    }
}

.section--latest-news-block .container .news--container .post-categories p {
    margin-bottom: 10px;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .section--latest-news-block .container .news--container .post-categories p {
        margin-top: 17.5px;
    }
}

.section--latest-news-block .container .news--container .post-categories li {
    margin-bottom: 6px;
    color: inherit;
    line-height: 1.8;
    font-size: 0.8em;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    position: relative;
}

    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:after {
        content: "";
        border-bottom: 1px solid #233d43;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:focus,
    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

    .section--latest-news-block .container .news--container .post-categories li a {
        color: inherit;
        text-decoration: none;
    }

.section--latest-news-block .no-twitter {
    width: 100% !important;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    .section--latest-news-block .no-twitter:after {
        display: none !important;
    }

.page-template-councillors
.section--latest-news-block
.container
.news--container
.post-categories {
    order: 2;
}

@media (min-width: 992px) {
    .archive .section--latest-news-block .container .news--container,
    .page-template-news-page
    .section--latest-news-block
    .container
    .news--container {
        flex-direction: row-reverse;
    }
}

.post-filter h2 {
    font-size: 1em;
    display: none;
}

@media (min-width: 992px) {
    .post-filter h2 {
        display: block;
    }
}

.post-filter button {
    border: 3px solid #233d43;
    padding: 10px;
    margin-bottom: 17.5px;
    display: block;
    font-weight: 700;
}

@media (min-width: 992px) {
    .post-filter button {
        display: none;
    }
}

.post-filter button:focus,
.post-filter button:hover {
    outline: #f5ce3e solid 5px;
    border-color: #233d43;
    transition: all 0.3s ease-in-out;
}

.post-filter button:after {
    content: "\f0c9";
    width: 10px;
    font-family: FontAwesome;
    margin-left: 17.5px;
    display: inline-block;
}

.post-filter button.is-active:after {
    content: "\f00d";
    width: 10px;
    font-family: FontAwesome;
    margin-left: 17.5px;
    display: inline-block;
}

#post-filters {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 0;
}

    #post-filters.active {
        max-height: 2000px;
        transition: max-height 0.5s ease-in;
    }

    #post-filters h2 {
        margin: 0 0 17.5px;
        padding: 0 0 17.5px;
        font-size: 1.2em;
        border-bottom: 1px solid #d9dad8;
    }

    #post-filters ul {
        background: #f6f6f6;
        padding: 17.5px;
    }

@media (min-width: 992px) {
    #post-filters ul {
        border: none;
        background: 0 0;
        padding: 0;
    }
}

@media (min-width: 992px) {
    #post-filters {
        max-height: none;
        transition: max-height 0.2s ease-out;
        overflow: hidden;
        padding: 17.5px;
    }
}

.asr-ajax-container .asr-loader {
    display: none;
}

.asr-loader {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 9;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

    .lds-dual-ring:after {
        content: "";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 1px solid #333;
        border-color: #333 transparent #333 transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.am_posts_navigation,
.pagination {
    text-align: center;
    padding: 35px 17.5px;
}

    .am_posts_navigation .current,
    .pagination .current {
        width: 40px;
        height: 40px;
        display: inline-flex;
        background: #233d43;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin: 0 5px;
    }

    .am_posts_navigation a.page-numbers,
    .pagination a.page-numbers {
        width: 40px;
        height: 40px;
        display: inline-flex;
        background: 0 0;
        border: 3px solid #233d43;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        color: #233d43;
        text-decoration: none;
        margin: 0 5px;
        font-weight: 700;
    }

    .am_posts_navigation button,
    .pagination button {
        border: 3px solid #233d43;
        padding: 10px;
        margin-bottom: 17.5px;
        display: inline-block;
        background-color: transparent;
        font-family: Poppins, sans-serif;
        color: #233d43;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.4;
        cursor: pointer;
    }

        .am_posts_navigation button:focus,
        .am_posts_navigation button:hover,
        .pagination button:focus,
        .pagination button:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

        .am_posts_navigation button:after,
        .pagination button:after {
            content: "\2b";
            width: 10px;
            font-family: FontAwesome;
            margin-left: 17.5px;
            display: inline-block;
            color: #4cb85e;
        }

.tweet {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: 17.5px;
    padding-right: 17.5px;
    order: 2;
}

@media (min-width: 992px) {
    .tweet {
        order: 2;
        width: 32.7%;
    }
}

.tweet h2 {
    font-size: 1.4em;
    position: relative;
    padding-top: 3em;
}

    .tweet h2:before {
        font-family: FontAwesome;
        content: "\f099";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -1.4em;
        font-size: 2.8em;
        color: #1d9bf0;
    }

.tweet p {
    margin-bottom: 35px;
}

.tweet .cta {
    margin-top: 35px;
}

.socials {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: 17.5px;
    padding-right: 17.5px;
    order: 2;
}

@media (min-width: 992px) {
    .socials {
        order: 2;
        width: 32.7%;
    }
}

.socials h2 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.4em;
    margin-top: 5px;
    line-height: 18px;
    display: inherit;
}

.socials .block {
    padding: 17.5px 25px;
    margin-bottom: 17.5px;
    display: flex;
}

.socials .twitter {
    border: 3px solid;
    border-color: #233d43;
    text-decoration: none;
    background-color: transparent;
}

    .socials .twitter h2 {
        font-size: 1em;
        position: relative;
        color: #233d43;
        padding-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0.01);
    }

        .socials .twitter h2:before {
            font-family: "Font Awesome 6 Brands";
            content: "\e61b";
            position: relative;
            top: 0;
            left: -17.5px;
            font-size: 1.2em;
            color: #000;
            min-width: 20px;
            display: inline-block;
        }

    .socials .twitter:hover {
        background-color: #000;
        border-color: #000;
        transition: all 0.3s ease-in-out;
    }

        .socials .twitter:hover h2 {
            color: #fff;
        }

            .socials .twitter:hover h2:before {
                color: #fff;
            }

.socials .fb {
    border: 3px solid;
    border-color: #233d43;
    text-decoration: none;
    background-color: transparent;
}

    .socials .fb h2 {
        font-size: 1em;
        position: relative;
        color: #233d43;
        padding-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }

        .socials .fb h2:before {
            font-family: FontAwesome;
            content: "\f09a";
            position: relative;
            top: 0;
            left: -17.5px;
            font-size: 1.2em;
            color: #0165e1;
            min-width: 20px;
            display: inline-block;
        }

    .socials .fb:hover {
        background-color: #0165e1;
        border-color: #0165e1;
        transition: all 0.3s ease-in-out;
    }

        .socials .fb:hover h2 {
            color: #fff;
        }

            .socials .fb:hover h2:before {
                color: #fff;
            }

.socials .linkedin {
    border: 3px solid;
    border-color: #233d43;
    text-decoration: none;
    background-color: transparent;
}

    .socials .linkedin h2 {
        font-size: 1em;
        position: relative;
        color: #233d43;
        padding-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }

        .socials .linkedin h2:before {
            font-family: FontAwesome;
            content: "\f0e1";
            position: relative;
            top: 0;
            left: -17.5px;
            font-size: 1.2em;
            color: #313335;
            min-width: 20px;
            display: inline-block;
        }

    .socials .linkedin:hover {
        background-color: #313335;
        border-color: #313335;
        transition: all 0.3s ease-in-out;
    }

        .socials .linkedin:hover h2 {
            color: #fff;
        }

            .socials .linkedin:hover h2:before {
                color: #fff;
            }

.socials .youTube {
    border: 3px solid;
    border-color: #233d43;
    text-decoration: none;
    background-color: transparent;
}

    .socials .youTube h2 {
        font-size: 1em;
        position: relative;
        color: #233d43;
        padding-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0.01);
    }

        .socials .youTube h2:before {
            font-family: FontAwesome;
            content: "\f167";
            position: relative;
            top: 0;
            left: -17.5px;
            font-size: 1.2em;
            color: red;
            min-width: 20px;
            display: inline-block;
        }

    .socials .youTube:hover {
        background-color: red;
        border-color: red;
        transition: all 0.3s ease-in-out;
    }

        .socials .youTube:hover h2 {
            color: #fff;
        }

            .socials .youTube:hover h2:before {
                color: #fff;
            }

.socials .insta {
    border: 3px solid;
    border-color: #233d43;
    text-decoration: none;
    background-color: transparent;
}

    .socials .insta h2 {
        font-size: 1em;
        position: relative;
        color: #233d43;
        padding-left: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }

        .socials .insta h2:before {
            font-family: FontAwesome;
            content: "\f16d";
            position: relative;
            top: 0;
            left: -17.5px;
            font-size: 1.2em;
            color: #d62976;
            min-width: 20px;
            display: inline-block;
        }

    .socials .insta:hover {
        background-color: #d62976;
        border-color: #d62976;
        transition: all 0.3s ease-in-out;
    }

        .socials .insta:hover h2 {
            color: #fff;
        }

            .socials .insta:hover h2:before {
                color: #fff;
            }

.section--cta-blocks {
    padding-bottom: 70px;
}

    .section--cta-blocks .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

        .section--cta-blocks .grid .block {
            flex-direction: column;
            justify-content: stretch;
        }

            .section--cta-blocks .grid .block .cta-content {
                background-color: #f6f6f6;
                padding: 17.5px;
                flex-direction: column;
                height: 100%;
            }

@media (min-width: 992px) {
    .section--cta-blocks .grid .block .cta-content {
        padding: 35px;
    }
}

.section--cta-blocks .grid .block .cta-content h2 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.4;
    position: relative;
}

@media (min-width: 992px) {
    .section--cta-blocks .grid .block .cta-content h2 {
        font-size: 2.2em;
    }
}

.section--cta-blocks .grid .block .cta-content p {
    margin-bottom: 35px;
    font-size: 1em;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .section--cta-blocks .grid .block .cta-content p {
        font-size: 1.4em;
    }
}

.section--cta-blocks .grid .block .cta-content .cta {
    display: block;
    margin-top: auto;
    width: -moz-fit-content;
    width: fit-content;
}

.section--cta-blocks .grid img {
    width: 100%;
}

.section--cta-blocks .container {
    padding: 0 17.5px;
}

@media (min-width: 992px) {
    .section--cta-blocks .container {
        padding: 0 35px;
    }
}

.col-left .section--cta-blocks {
    padding-bottom: 70px;
}

    .col-left .section--cta-blocks .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

        .col-left .section--cta-blocks .grid .block {
            flex-direction: column;
            justify-content: stretch;
        }

            .col-left .section--cta-blocks .grid .block .cta-content {
                background-color: #f6f6f6;
                padding: 17.5px;
                flex-direction: column;
                height: 100%;
            }

                .col-left .section--cta-blocks .grid .block .cta-content h2 {
                    font-weight: 700;
                    font-size: 1.2em;
                    line-height: 1.4;
                    position: relative;
                    padding-bottom: 17.5px;
                    margin-bottom: 0;
                }

                    .col-left .section--cta-blocks .grid .block .cta-content h2:after {
                        display: none;
                    }

                .col-left .section--cta-blocks .grid .block .cta-content p {
                    margin-bottom: 35px;
                    font-size: 1em;
                    line-height: 1.4;
                }

                .col-left .section--cta-blocks .grid .block .cta-content .cta {
                    display: block;
                    margin-top: auto;
                    width: -moz-fit-content;
                    width: fit-content;
                }

.section--cta-panels {
    padding-bottom: 35px !important;
}

    .section--cta-panels h2 {
        margin-top: 35px;
    }

    .section--cta-panels .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
        margin-top: 17.5px;
    }

        .section--cta-panels .grid .block {
            flex-direction: column;
            justify-content: stretch;
            width: calc(100% - 35px);
            margin: 17.5px;
            padding: 0;
        }

@media (min-width: 768px) {
    .section--cta-panels .grid .block {
        width: calc(50% - 35px);
        min-height: 175px;
    }
}

@media (min-width: 992px) {
    .section--cta-panels .grid .block {
        width: calc(33.333% - 35px);
    }
}

.section--cta-panels .grid .block:hover .ctap-content .ctap-background {
    height: 100%;
    transition: height 0.3s ease-in-out;
}

.section--cta-panels .grid .block:hover .ctap-icon {
    border: none !important;
    color: #fff !important;
}

.section--cta-panels .grid .block.dark-blue:hover h2,
.section--cta-panels .grid .block.dark-blue:hover li,
.section--cta-panels .grid .block.dark-blue:hover p,
.section--cta-panels .grid .block.dark-blue:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.dark-blue:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.dark-blue:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.dark-blue .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.light-green:hover h2,
.section--cta-panels .grid .block.light-green:hover li,
.section--cta-panels .grid .block.light-green:hover p,
.section--cta-panels .grid .block.light-green:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.light-green:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.light-green:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.light-green .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.grey:hover h2,
.section--cta-panels .grid .block.grey:hover li,
.section--cta-panels .grid .block.grey:hover p,
.section--cta-panels .grid .block.grey:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.grey:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.grey:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.grey .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.red:hover h2,
.section--cta-panels .grid .block.red:hover li,
.section--cta-panels .grid .block.red:hover p,
.section--cta-panels .grid .block.red:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.red:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.red:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.red .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.green:hover h2,
.section--cta-panels .grid .block.green:hover li,
.section--cta-panels .grid .block.green:hover p,
.section--cta-panels .grid .block.green:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.green:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.green:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.green .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.garden-town:hover h2,
.section--cta-panels .grid .block.garden-town:hover li,
.section--cta-panels .grid .block.garden-town:hover p,
.section--cta-panels .grid .block.garden-town:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.garden-town:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.garden-town:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.garden-town .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.purple:hover h2,
.section--cta-panels .grid .block.purple:hover li,
.section--cta-panels .grid .block.purple:hover p,
.section--cta-panels .grid .block.purple:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.purple:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.purple:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.purple .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.teal:hover h2,
.section--cta-panels .grid .block.teal:hover li,
.section--cta-panels .grid .block.teal:hover p,
.section--cta-panels .grid .block.teal:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.teal:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.teal:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.teal .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.light-blue:hover h2,
.section--cta-panels .grid .block.light-blue:hover li,
.section--cta-panels .grid .block.light-blue:hover p,
.section--cta-panels .grid .block.light-blue:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.light-blue:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.light-blue:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.light-blue .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block.yellow:hover h2,
.section--cta-panels .grid .block.yellow:hover li,
.section--cta-panels .grid .block.yellow:hover p,
.section--cta-panels .grid .block.yellow:hover span {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.section--cta-panels .grid .block.yellow:hover .ctap-icon {
    background-color: #9ed4b0;
}

    .section--cta-panels .grid .block.yellow:hover .ctap-icon span {
        color: #233d43 !important;
    }

.section--cta-panels .grid .block.yellow .ctap-background {
    background-color: #233d43;
}

.section--cta-panels .grid .block .ctap-content {
    background-color: #f6f6f6;
    padding: 35px 17.5px;
    flex-direction: row;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .section--cta-panels .grid .block .ctap-content .ctap-background {
        bottom: 0;
        height: 7px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 0;
        transition: height 0.3s ease-in-out;
    }

@media (min-width: 992px) {
    .section--cta-panels .grid .block .ctap-content {
        padding: 35px 17.5px;
    }
}

.section--cta-panels .grid .block .ctap-content .ctap-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #233d43;
    text-align: center;
    z-index: 1;
    position: absolute;
    top: 17.5px;
    right: 17.5px;
}

    .section--cta-panels .grid .block .ctap-content .ctap-icon span {
        font-weight: 300;
        width: 2em;
        height: 2em;
        font-size: 2em;
        line-height: 2em;
    }

.section--cta-panels .grid .block .ctap-content .ctap-text {
    width: 100%;
    padding-left: 17.5px;
    padding-right: 17.5px;
    position: relative;
    z-index: 1;
    display: block;
}

@media (min-width: 992px) {
    .section--cta-panels .grid .block .ctap-content .ctap-text {
        width: 100%;
    }
}

.section--cta-panels .grid .block .ctap-content .ctap-text h2 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 70px;
}

.section--cta-panels .grid .block .ctap-content .ctap-text p {
    line-height: 1.4;
    margin-top: 17.5px;
    margin-right: 35px;
}

    .section--cta-panels .grid .block .ctap-content .ctap-text p a {
        text-decoration: underline;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

.section--cta-panels .grid .block .ctap-content .ctap-text ul {
    margin-top: 20px;
    margin-left: -13px;
}

    .section--cta-panels .grid .block .ctap-content .ctap-text ul li {
        margin-top: 5px;
        padding-left: 15px;
        position: relative;
        line-height: 1.4;
    }

        .section--cta-panels .grid .block .ctap-content .ctap-text ul li:has(a) {
            margin-top: 10px;
            line-height: 1.4;
        }

        .section--cta-panels .grid .block .ctap-content .ctap-text ul li:before {
            content: "\2022";
            color: inherit;
            font-family: FontAwesome;
            font-size: 1.2em;
            position: absolute;
            left: 0;
            top: 5px;
            line-height: 0.7;
        }

        .section--cta-panels .grid .block .ctap-content .ctap-text ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            text-decoration: underline;
        }

            .section--cta-panels .grid .block .ctap-content .ctap-text ul li a:focus,
            .section--cta-panels .grid .block .ctap-content .ctap-text ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
                color: #233d43;
            }

.section--cta-panels .grid .block a {
    text-decoration: none;
    color: inherit;
    height: 100%;
    position: relative;
}

.section--cta-panels .grid .block h2 a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

    .section--cta-panels .grid .block h2 a:focus,
    .section--cta-panels .grid .block h2 a:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
        color: #233d43;
    }

.section--cta-panels .grid--4 .block {
    min-height: auto;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #233d43 !important;
}

@media (min-width: 992px) {
    .section--cta-panels .grid--4 .block {
        width: calc(25% - 35px);
        margin-bottom: 0;
    }
}

.section--cta-panels .grid--4 .block h2 {
    color: #fff;
    font-size: 1em !important;
    margin-right: 0 !important;
    font-weight: 400 !important;
}

.section--cta-panels .grid--4 .block .ctap-content {
    background-color: #233d43 !important;
    padding: 35px 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

    .section--cta-panels .grid--4 .block .ctap-content .ctap-background {
        display: none !important;
    }

.section--cta-panels .grid--4 .block .ctap-icon {
    top: auto !important;
    position: relative !important;
    right: auto !important;
    margin-bottom: 17.5px;
    border: none !important;
}

    .section--cta-panels .grid--4 .block .ctap-icon span {
        color: #9ed4b0 !important;
    }

    .section--cta-panels .grid--4 .block .ctap-icon .ctap-text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.section--cta-panels .grid--4 .block:hover {
    background-color: #233d43 !important;
    transition: all 0.3s ease-in-out;
}

    .section--cta-panels .grid--4 .block:hover .ctap-icon span {
        color: #9ed4b0 !important;
    }

    .section--cta-panels .grid--4 .block:hover h2 {
        color: #9ed4b0 !important;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

.section--cta-panels .container {
    padding: 0 17.5px;
}

@media (min-width: 992px) {
    .section--cta-panels .container {
        padding: 0 35px;
    }
}

.home .section--cta-panels {
    padding-bottom: 0 !important;
}

.section--cta-panels-full {
    padding-bottom: 0 !important;
}

.col-left .section--cta-panels .grid {
    margin-top: 0;
}

    .col-left .section--cta-panels .grid .block {
        padding: 0;
        margin: 0 17.5px 35px;
    }

@media (min-width: 768px) {
    .col-left .section--cta-panels .grid .block {
        width: calc(50% - 35px);
    }
}

.section--blog {
    padding-bottom: 52.5px;
}

    .section--blog .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
        margin-top: 17.5px;
    }

        .section--blog .grid .block {
            width: calc(100% - 35px);
            padding: 0;
            margin: 17.5px;
            justify-content: space-between;
            background-color: #f6f6f6;
            flex-direction: column;
        }

@media (min-width: 768px) {
    .section--blog .grid .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 1200px) {
    .section--blog .grid .block {
        width: calc(33.333% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--blog .container {
    padding: 0 17.5px;
}

@media (min-width: 992px) {
    .section--blog .container {
        padding: 0 35px;
    }
}

.section--blog .post-author {
    border-bottom: none;
    border-top: 1px solid #d9dad8;
    padding: 17.5px 0 0 0;
    font-size: 0.8em;
    margin-top: auto;
}

.section--blog .post-thumb {
    width: 100%;
    box-sizing: border-box;
    max-height: 200px;
}

    .section--blog .post-thumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.section--blog .post-content {
    width: 100%;
    box-sizing: border-box;
    padding: 17.5px 17.5px 0;
    flex: 1;
}

    .section--blog .post-content h2 {
        margin-bottom: 17.5px;
        font-size: 1.2em;
        margin-top: 0;
    }

        .section--blog .post-content h2 a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 30px;
        }

            .section--blog .post-content h2 a:focus,
            .section--blog .post-content h2 a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

    .section--blog .post-content p {
        line-height: 1.4;
        margin-bottom: 17.5px !important;
    }

        .section--blog .post-content p.link a {
            margin-top: 17.5px;
            font-weight: 400;
            display: inline-block;
            margin-bottom: 17.5px;
        }

        .section--blog .post-content p.link i,
        .section--blog .post-content p.link svg {
            color: #4cb85e;
            position: relative;
            right: -3px;
            top: 2px;
        }

    .section--blog .post-content .tags {
        margin-top: auto;
        border-bottom: none;
        border-top: 1px solid #d9dad8;
    }

        .section--blog .post-content .tags a {
            color: inherit;
            line-height: 1.4;
            margin-right: 17.5px;
            display: inline-block;
            position: relative;
        }

            .section--blog .post-content .tags a:after {
                content: "|";
                position: absolute;
                right: -10px;
            }

            .section--blog .post-content .tags a:last-child {
                margin-right: 0;
            }

                .section--blog .post-content .tags a:last-child:after {
                    content: "";
                }

.single-blog article section.container,
.single-forms article section.container,
.single-post article section.container {
    padding: 35px 17.5px 0;
}

@media (min-width: 768px) {
    .single-blog article section.container,
    .single-forms article section.container,
    .single-post article section.container {
        padding: 70px 35px 0;
    }
}

.single-blog article section.container .post-cols,
.single-forms article section.container .post-cols,
.single-post article section.container .post-cols {
    padding-bottom: 70px;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .single-blog article section.container .post-cols .blog--content-wrapper,
    .single-forms article section.container .post-cols .blog--content-wrapper,
    .single-post article section.container .post-cols .blog--content-wrapper {
        max-width: 1000px;
        width: 100%;
        order: 1;
    }

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .blog--content-wrapper,
    .single-forms article section.container .post-cols .blog--content-wrapper,
    .single-post article section.container .post-cols .blog--content-wrapper {
        padding: 0 0 0 35px;
        width: 90%;
        order: 2;
    }
}

@media (min-width: 992px) {
    .single-blog article section.container .post-cols .blog--content-wrapper,
    .single-forms article section.container .post-cols .blog--content-wrapper,
    .single-post article section.container .post-cols .blog--content-wrapper {
        padding: 0 52.5px;
        width: 60%;
        order: 2;
    }
}

.single-blog article section.container .post-cols .blog--content-wrapper ul,
.single-forms article section.container .post-cols .blog--content-wrapper ul,
.single-post article section.container .post-cols .blog--content-wrapper ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 17.5px;
}

    .single-blog article section.container .post-cols .blog--content-wrapper ul li,
    .single-forms article section.container .post-cols .blog--content-wrapper ul li,
    .single-post article section.container .post-cols .blog--content-wrapper ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li:before,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li:before,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li:before {
            content: "\2022";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.7em;
        }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        a,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        a,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 26px;
            margin-left: 0;
            display: inline-block;
            font-weight: 700;
        }

            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:focus,
            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:hover,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:focus,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:hover,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:focus,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        p,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        p,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ul
        li
        p {
            margin-bottom: 0;
        }

            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            p:last-child,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            p:last-child,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ul
            li
            p:last-child {
                margin-bottom: 0;
            }

.single-blog article section.container .post-cols .blog--content-wrapper ol,
.single-forms article section.container .post-cols .blog--content-wrapper ol,
.single-post article section.container .post-cols .blog--content-wrapper ol {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 17.5px;
    margin-left: 40px;
}

    .single-blog article section.container .post-cols .blog--content-wrapper ol li,
    .single-forms article section.container .post-cols .blog--content-wrapper ol li,
    .single-post article section.container .post-cols .blog--content-wrapper ol li {
        margin-bottom: 17.5px;
        counter-increment: list_item_count;
        display: block;
        padding: 0;
        white-space: normal;
        page-break-inside: avoid;
        position: relative;
        line-height: 1.4;
    }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li:before,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li:before,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li:before {
            content: counter(list_item_count);
            display: block;
            height: 2em;
            line-height: 2em;
            margin-right: 0.4em;
            min-width: auto;
            position: absolute;
            text-align: center;
            width: 2em;
            background: #4cb85e;
            color: #fff;
            border-radius: 50%;
            font-weight: 700;
            left: -2.6em;
            top: -5px;
        }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        a,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        a,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 26px;
            margin-left: 0;
            display: inline-block;
        }

            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:focus,
            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:hover,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:focus,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:hover,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:focus,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

        .single-blog
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        p,
        .single-forms
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        p,
        .single-post
        article
        section.container
        .post-cols
        .blog--content-wrapper
        ol
        li
        p {
            margin-bottom: 0;
        }

            .single-blog
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            p:last-child,
            .single-forms
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            p:last-child,
            .single-post
            article
            section.container
            .post-cols
            .blog--content-wrapper
            ol
            li
            p:last-child {
                margin-bottom: 0;
            }

.single-blog article section.container .post-cols h2,
.single-forms article section.container .post-cols h2,
.single-post article section.container .post-cols h2 {
    font-size: 1.6em;
}

.single-blog article section.container .post-cols h3,
.single-forms article section.container .post-cols h3,
.single-post article section.container .post-cols h3 {
    margin-bottom: 17.5px;
    font-size: 1.2em;
    line-height: 1.4;
}

.single-blog article section.container .post-cols p,
.single-forms article section.container .post-cols p,
.single-post article section.container .post-cols p {
    line-height: 1.4;
    margin: 0 0 17.5px;
}

@media (min-width: 992px) {
    .single-blog article section.container .post-cols p,
    .single-forms article section.container .post-cols p,
    .single-post article section.container .post-cols p {
        font-size: 1em;
        line-height: 1.4;
    }
}

.single-blog article section.container .post-cols em,
.single-forms article section.container .post-cols em,
.single-post article section.container .post-cols em {
    font-style: italic;
}

.single-blog article section.container .post-cols img,
.single-forms article section.container .post-cols img,
.single-post article section.container .post-cols img {
    width: 100%;
    height: auto;
}

.single-blog article section.container .post-cols .wp-caption,
.single-forms article section.container .post-cols .wp-caption,
.single-post article section.container .post-cols .wp-caption {
    width: 100% !important;
}

    .single-blog article section.container .post-cols .wp-caption .wp-caption-text,
    .single-forms article section.container .post-cols .wp-caption .wp-caption-text,
    .single-post article section.container .post-cols .wp-caption .wp-caption-text {
        font-size: 0.9em;
    }

.single-blog article section.container .post-cols .post-date,
.single-forms article section.container .post-cols .post-date,
.single-post article section.container .post-cols .post-date {
    border-bottom: 1px solid #d9dad8;
    padding: 0 0 17.5px 0;
    margin-bottom: 17.5px;
    line-height: 16px;
}

.single-blog article section.container .post-cols .social-share-wrapper,
.single-forms article section.container .post-cols .social-share-wrapper,
.single-post article section.container .post-cols .social-share-wrapper {
    transition: all 0.3s ease-in-out;
    text-align: center;
    width: 100%;
    flex-direction: column;
    order: 2;
    border-bottom: 1px solid #d9dad8;
    padding-bottom: 17.5px;
    margin-bottom: 17.5px;
}

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .social-share-wrapper,
    .single-forms article section.container .post-cols .social-share-wrapper,
    .single-post article section.container .post-cols .social-share-wrapper {
        width: 10%;
        order: 1;
        align-items: flex-start;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .single-blog article section.container .post-cols .social-share-wrapper,
    .single-forms article section.container .post-cols .social-share-wrapper,
    .single-post article section.container .post-cols .social-share-wrapper {
        align-items: flex-end;
        width: 20%;
    }
}

.single-blog article section.container .post-cols .social-share-wrapper p,
.single-forms article section.container .post-cols .social-share-wrapper p,
.single-post article section.container .post-cols .social-share-wrapper p {
    line-height: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    width: -webkit-fill-available;
}

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .social-share-wrapper p,
    .single-forms article section.container .post-cols .social-share-wrapper p,
    .single-post article section.container .post-cols .social-share-wrapper p {
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
    }
}

.single-blog article section.container .post-cols .social-share-wrapper ul li,
.single-forms article section.container .post-cols .social-share-wrapper ul li,
.single-post article section.container .post-cols .social-share-wrapper ul li {
    margin: 0 10px 17.5px;
    display: inline-block;
}

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .social-share-wrapper ul li,
    .single-forms
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li,
    .single-post
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li {
        display: block;
        margin-bottom: 0 0 17.5pxx;
    }
}

.single-blog article section.container .post-cols .social-share-wrapper ul li a,
.single-forms
article
section.container
.post-cols
.social-share-wrapper
ul
li
a,
.single-post
article
section.container
.post-cols
.social-share-wrapper
ul
li
a {
    color: inherit;
    border: 3px solid #d9dad8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    width: 50px;
    height: 50px;
}

    .single-blog
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:focus,
    .single-blog
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:hover,
    .single-forms
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:focus,
    .single-forms
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:hover,
    .single-post
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:focus,
    .single-post
    article
    section.container
    .post-cols
    .social-share-wrapper
    ul
    li
    a:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

        .single-blog
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        i,
        .single-blog
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        svg,
        .single-blog
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        i,
        .single-blog
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        svg,
        .single-forms
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        i,
        .single-forms
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        svg,
        .single-forms
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        i,
        .single-forms
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        svg,
        .single-post
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        i,
        .single-post
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:focus
        svg,
        .single-post
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        i,
        .single-post
        article
        section.container
        .post-cols
        .social-share-wrapper
        ul
        li
        a:hover
        svg {
            color: #233d43;
        }

.single-blog article section.container .post-cols .related-links-wrapper,
.single-forms article section.container .post-cols .related-links-wrapper,
.single-post article section.container .post-cols .related-links-wrapper {
    transition: all 0.3s ease-in-out;
    text-align: left;
    width: 100%;
    order: 3;
}

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .related-links-wrapper,
    .single-forms article section.container .post-cols .related-links-wrapper,
    .single-post article section.container .post-cols .related-links-wrapper {
        width: 100%;
        order: 3;
        margin-top: 35px;
    }
}

@media (min-width: 992px) {
    .single-blog article section.container .post-cols .related-links-wrapper,
    .single-forms article section.container .post-cols .related-links-wrapper,
    .single-post article section.container .post-cols .related-links-wrapper {
        width: 20%;
        order: 3;
        margin-top: 0;
    }
}

.single-blog article section.container .post-cols .related-links-wrapper p,
.single-forms article section.container .post-cols .related-links-wrapper p,
.single-post article section.container .post-cols .related-links-wrapper p {
    line-height: 16px;
    font-family: Poppins, sans-serif;
    margin-bottom: 35px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .single-blog article section.container .post-cols .related-links-wrapper p,
    .single-forms article section.container .post-cols .related-links-wrapper p,
    .single-post article section.container .post-cols .related-links-wrapper p {
        border-bottom: 1px solid #d9dad8;
        padding-bottom: 17.5px;
        margin-bottom: 17.5px;
    }
}

.single-blog article section.container .post-cols .related-links-wrapper img,
.single-forms article section.container .post-cols .related-links-wrapper img,
.single-post article section.container .post-cols .related-links-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px;
}

.single-blog article section.container .post-cols .related-links-wrapper a,
.single-forms article section.container .post-cols .related-links-wrapper a,
.single-post article section.container .post-cols .related-links-wrapper a {
    color: inherit;
    text-underline-offset: 4px;
    line-height: 1.4;
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-size: 0.8em;
    margin-bottom: 17.5px;
}

    .single-blog
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:focus,
    .single-blog
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:hover,
    .single-forms
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:focus,
    .single-forms
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:hover,
    .single-post
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:focus,
    .single-post
    article
    section.container
    .post-cols
    .related-links-wrapper
    a:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

.single-blog article section.container .post-nav,
.single-forms article section.container .post-nav,
.single-post article section.container .post-nav {
    margin: 0 -17.5px 35px;
}

@media (min-width: 576px) {
    .single-blog article section.container .post-nav,
    .single-forms article section.container .post-nav,
    .single-post article section.container .post-nav {
        margin: 35px -17.5px 0;
    }
}

.single-blog article section.container .post-nav .next-post,
.single-blog article section.container .post-nav .prev-post,
.single-forms article section.container .post-nav .next-post,
.single-forms article section.container .post-nav .prev-post,
.single-post article section.container .post-nav .next-post,
.single-post article section.container .post-nav .prev-post {
    width: 50%;
    padding: 17.5px 17.5px 0;
}

    .single-blog article section.container .post-nav .next-post p,
    .single-blog article section.container .post-nav .prev-post p,
    .single-forms article section.container .post-nav .next-post p,
    .single-forms article section.container .post-nav .prev-post p,
    .single-post article section.container .post-nav .next-post p,
    .single-post article section.container .post-nav .prev-post p {
        font-size: 1em;
        display: flex;
        flex-direction: row;
    }

    .single-blog article section.container .post-nav .next-post img,
    .single-blog article section.container .post-nav .prev-post img,
    .single-forms article section.container .post-nav .next-post img,
    .single-forms article section.container .post-nav .prev-post img,
    .single-post article section.container .post-nav .next-post img,
    .single-post article section.container .post-nav .prev-post img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: 10px;
        display: none;
    }

@media (min-width: 576px) {
    .single-blog article section.container .post-nav .next-post img,
    .single-blog article section.container .post-nav .prev-post img,
    .single-forms article section.container .post-nav .next-post img,
    .single-forms article section.container .post-nav .prev-post img,
    .single-post article section.container .post-nav .next-post img,
    .single-post article section.container .post-nav .prev-post img {
        display: block;
    }
}

.single-blog article section.container .post-nav .next-post a,
.single-blog article section.container .post-nav .prev-post a,
.single-forms article section.container .post-nav .next-post a,
.single-forms article section.container .post-nav .prev-post a,
.single-post article section.container .post-nav .next-post a,
.single-post article section.container .post-nav .prev-post a {
    color: inherit;
    text-underline-offset: 4px;
    line-height: 1.4;
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-size: 0.8em;
}

    .single-blog article section.container .post-nav .next-post a:focus,
    .single-blog article section.container .post-nav .next-post a:hover,
    .single-blog article section.container .post-nav .prev-post a:focus,
    .single-blog article section.container .post-nav .prev-post a:hover,
    .single-forms article section.container .post-nav .next-post a:focus,
    .single-forms article section.container .post-nav .next-post a:hover,
    .single-forms article section.container .post-nav .prev-post a:focus,
    .single-forms article section.container .post-nav .prev-post a:hover,
    .single-post article section.container .post-nav .next-post a:focus,
    .single-post article section.container .post-nav .next-post a:hover,
    .single-post article section.container .post-nav .prev-post a:focus,
    .single-post article section.container .post-nav .prev-post a:hover {
        background-color: #f5ce3e;
        transition: all 0.3s ease-in-out;
    }

@media (min-width: 576px) {
    .single-blog article section.container .post-nav .next-post a.link-title,
    .single-blog article section.container .post-nav .prev-post a.link-title,
    .single-forms article section.container .post-nav .next-post a.link-title,
    .single-forms article section.container .post-nav .prev-post a.link-title,
    .single-post article section.container .post-nav .next-post a.link-title,
    .single-post article section.container .post-nav .prev-post a.link-title {
        display: inline-block;
    }
}

.single-blog article section.container .post-nav .prev-post,
.single-forms article section.container .post-nav .prev-post,
.single-post article section.container .post-nav .prev-post {
    text-align: right;
}

    .single-blog article section.container .post-nav .prev-post p,
    .single-forms article section.container .post-nav .prev-post p,
    .single-post article section.container .post-nav .prev-post p {
        justify-content: flex-end;
    }

        .single-blog article section.container .post-nav .prev-post p a,
        .single-forms article section.container .post-nav .prev-post p a,
        .single-post article section.container .post-nav .prev-post p a {
            margin-left: 0;
        }

.single-blog article #comments .comment-author,
.single-forms article #comments .comment-author,
.single-post article #comments .comment-author {
    display: none;
}

.single-blog article #comments .comments-title,
.single-forms article #comments .comments-title,
.single-post article #comments .comments-title {
    border-top: 1px solid #d9dad8;
    border-bottom: 1px solid #d9dad8;
    padding: 10px 0;
    font-size: 1em;
    margin-top: 35px;
    margin-bottom: 35px;
}

.single-blog article #comments .comment-body,
.single-forms article #comments .comment-body,
.single-post article #comments .comment-body {
    padding: 35px;
    background-color: #f6f6f6;
    width: 100%;
    margin: 17.5px 0;
}

.single-blog article #comments input[type="submit"],
.single-forms article #comments input[type="submit"],
.single-post article #comments input[type="submit"] {
    border: 3px solid #233d43;
    background-color: transparent;
    padding: 13px 15px 13px 15px;
    text-decoration: none;
    color: #233d43;
    display: inline-block;
    position: relative;
    font-weight: 800;
    font-family: Poppins, sans-serif;
    cursor: pointer;
}

    .single-blog article #comments input[type="submit"]:focus,
    .single-blog article #comments input[type="submit"]:hover,
    .single-forms article #comments input[type="submit"]:focus,
    .single-forms article #comments input[type="submit"]:hover,
    .single-post article #comments input[type="submit"]:focus,
    .single-post article #comments input[type="submit"]:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

.single-blog article #respond,
.single-forms article #respond,
.single-post article #respond {
    border-top: 1px solid #d9dad8;
    margin-top: 35px;
}

    .single-blog article #respond a,
    .single-forms article #respond a,
    .single-post article #respond a {
        color: inherit;
    }

    .single-blog article #respond input[type="submit"],
    .single-forms article #respond input[type="submit"],
    .single-post article #respond input[type="submit"] {
        border: 3px solid #233d43;
        background-color: transparent;
        padding: 13px 15px 13px 15px;
        text-decoration: none;
        color: #233d43;
        display: inline-block;
        position: relative;
        font-weight: 800;
        font-family: Poppins, sans-serif;
        cursor: pointer;
    }

        .single-blog article #respond input[type="submit"]:focus,
        .single-blog article #respond input[type="submit"]:hover,
        .single-forms article #respond input[type="submit"]:focus,
        .single-forms article #respond input[type="submit"]:hover,
        .single-post article #respond input[type="submit"]:focus,
        .single-post article #respond input[type="submit"]:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

.single-blog article .comment-form-comment label,
.single-forms article .comment-form-comment label,
.single-post article .comment-form-comment label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.single-blog article .comment-form-comment textarea,
.single-forms article .comment-form-comment textarea,
.single-post article .comment-form-comment textarea {
    width: 100%;
    border: 3px solid #233d43;
}

.single-blog article .comment-author img,
.single-forms article .comment-author img,
.single-post article .comment-author img {
    display: none;
}

.single-blog .garden-town,
.single-forms .garden-town,
.single-post .garden-town {
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: right 30px top 15px;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo.svg);
    background-color: #1f524d;
}

@media (min-width: 992px) {
    .single-blog .garden-town,
    .single-forms .garden-town,
    .single-post .garden-town {
        background-size: 100px;
    }
}

.single-blog .garden-town h1,
.single-forms .garden-town h1,
.single-post .garden-town h1 {
    margin: 0;
    padding: 0 35px !important;
    color: #c1f9cc !important;
    font-family: "Playfair Display", serif;
}

@media (min-width: 992px) {
    .single-blog .garden-town h1,
    .single-forms .garden-town h1,
    .single-post .garden-town h1 {
        padding: 0 140px !important;
    }
}

.single-blog table,
.single-forms table,
.single-post table {
    margin: 35px 0;
}

    .single-blog table caption,
    .single-forms table caption,
    .single-post table caption {
        text-align: left;
        margin-bottom: 17.5px;
        font-weight: 700;
    }

    .single-blog table tr,
    .single-forms table tr,
    .single-post table tr {
        border-bottom: 1px solid #d9dad8;
    }

        .single-blog table tr:first-child,
        .single-forms table tr:first-child,
        .single-post table tr:first-child {
            border-top: 1px solid #d9dad8;
        }

    .single-blog table td,
    .single-blog table th,
    .single-forms table td,
    .single-forms table th,
    .single-post table td,
    .single-post table th {
        border-right: 1px solid #d9dad8;
        padding: 10px;
    }

        .single-blog table td:first-child,
        .single-blog table th:first-child,
        .single-forms table td:first-child,
        .single-forms table th:first-child,
        .single-post table td:first-child,
        .single-post table th:first-child {
            border-left: 1px solid #d9dad8;
        }

.single-blog .section--info-blocks-full .container,
.single-forms .section--info-blocks-full .container,
.single-post .section--info-blocks-full .container {
    padding: 0;
}

.post-author {
    padding: 17.5px;
    margin-bottom: 17.5px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    font-size: 0.8em;
    background: #f6f6f6;
}

    .post-author img {
        max-width: 48px;
        height: auto;
        border-radius: 50%;
        margin-right: 10px;
    }

    .post-author strong {
        display: contents;
    }

.forms-template-single-gt-form .breadcrumb {
    background: #1f524d;
    color: #c1f9cc;
}

    .forms-template-single-gt-form .breadcrumb a {
        color: #c1f9cc;
    }

.tags {
    border-bottom: 1px solid #d9dad8;
    padding: 10px 0;
    flex-direction: column;
    margin-top: 17.5px;
    font-size: 0.8em;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .tags {
        flex-direction: row;
        align-items: center;
    }
}

.tags strong {
    margin-right: 10px;
    line-height: 30px;
}

.tags .tag {
    flex-wrap: wrap;
}

.tags a {
    color: inherit;
    text-underline-offset: 4px;
    line-height: 1.4;
    margin-right: 17.5px;
    display: inline-block;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 992px) {
    .tags a {
        padding-top: 0;
        padding-bottom: 0;
    }

        .tags a:after {
            content: "|";
            position: absolute;
            right: -10px;
        }

        .tags a:last-child:after {
            content: "";
        }
}

.tags a:focus,
.tags a:hover {
    background-color: #f5ce3e;
    transition: all 0.3s ease-in-out;
}

.section--info-blocks {
    padding-bottom: 52.5px;
}

    .section--info-blocks .container {
        padding: 0 17.5px;
        max-width: 1920px;
    }

@media (min-width: 768px) {
    .section--info-blocks .container {
        padding: 0 52.5px;
    }
}

.section--info-blocks .container h2 {
    margin-bottom: 10px;
    font-size: 1.4em;
}

.section--info-blocks .container p {
    margin-bottom: 17.5px;
    line-height: 1.4;
}

    .section--info-blocks .container p:last-child {
        margin-bottom: 0;
    }

.section--info-blocks .container ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
}

    .section--info-blocks .container ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .section--info-blocks .container ul li:before {
            content: "\2022";
            color: inherit;
            font-family: "Font Awesome 6 Pro";
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.7;
        }

        .section--info-blocks .container ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            font-weight: 700;
        }

            .section--info-blocks .container ul li a:focus,
            .section--info-blocks .container ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--info-blocks .container ol {
    padding-bottom: 17.5px;
    padding-top: 17.5px;
    width: 100%;
    margin-left: 10px;
}

@media (min-width: 768px) {
    .section--info-blocks .container ol {
        -moz-column-count: 2;
        column-count: 2;
    }
}

.section--info-blocks .container ol:last-child {
    margin-bottom: 0;
}

.section--info-blocks .container ol li {
    margin-bottom: 5px;
    display: block;
    padding: 5px 25px;
    page-break-inside: avoid;
    position: relative;
    width: 100%;
    line-height: 1.4;
}

    .section--info-blocks .container ol li:before {
        content: "\f058";
        display: inline-block;
        line-height: 2em;
        margin-right: 0.4em;
        min-width: auto;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        left: -10px;
        top: 0;
        font-family: "Font Awesome 6 Pro";
        font-size: 1.4em;
        font-weight: 300;
        line-height: 1.4;
    }

.section--info-blocks .container .dark-blue {
    padding: 17.5px;
    margin: 35px 0;
    background: #233d43;
    flex-direction: column;
}

    .section--info-blocks .container .dark-blue h2,
    .section--info-blocks .container .dark-blue h3 {
        color: #fff;
    }

    .section--info-blocks .container .dark-blue p {
        color: #fff;
    }

        .section--info-blocks .container .dark-blue p a:focus,
        .section--info-blocks .container .dark-blue p a:hover {
            color: #233d43;
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .dark-blue a em strong,
    .section--info-blocks .container .dark-blue a strong em,
    .section--info-blocks .container .dark-blue em a strong,
    .section--info-blocks .container .dark-blue em strong a {
        border: 3px solid #fff;
        background-color: transparent;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .dark-blue a em strong:after,
        .section--info-blocks .container .dark-blue a strong em:after,
        .section--info-blocks .container .dark-blue em a strong:after,
        .section--info-blocks .container .dark-blue em strong a:after {
            content: "\f054";
            color: #fff;
            border-left: 1px solid #fff;
        }

        .section--info-blocks .container .dark-blue a em strong:focus,
        .section--info-blocks .container .dark-blue a em strong:hover,
        .section--info-blocks .container .dark-blue a strong em:focus,
        .section--info-blocks .container .dark-blue a strong em:hover,
        .section--info-blocks .container .dark-blue em a strong:focus,
        .section--info-blocks .container .dark-blue em a strong:hover,
        .section--info-blocks .container .dark-blue em strong a:focus,
        .section--info-blocks .container .dark-blue em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #fff;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .teal {
    padding: 17.5px;
    margin: 35px 0;
    background: #4cb85e;
    flex-direction: column;
}

    .section--info-blocks .container .teal h2,
    .section--info-blocks .container .teal h3 {
        color: #233d43;
    }

    .section--info-blocks .container .teal p {
        color: #233d43;
    }

        .section--info-blocks .container .teal p a:focus,
        .section--info-blocks .container .teal p a:hover {
            color: #233d43;
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .teal a em strong,
    .section--info-blocks .container .teal a strong em,
    .section--info-blocks .container .teal em a strong,
    .section--info-blocks .container .teal em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .teal a em strong:after,
        .section--info-blocks .container .teal a strong em:after,
        .section--info-blocks .container .teal em a strong:after,
        .section--info-blocks .container .teal em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #fff;
        }

        .section--info-blocks .container .teal a em strong:focus,
        .section--info-blocks .container .teal a em strong:hover,
        .section--info-blocks .container .teal a strong em:focus,
        .section--info-blocks .container .teal a strong em:hover,
        .section--info-blocks .container .teal em a strong:focus,
        .section--info-blocks .container .teal em a strong:hover,
        .section--info-blocks .container .teal em strong a:focus,
        .section--info-blocks .container .teal em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .red {
    padding: 17.5px;
    margin: 35px 0;
    background: #9c2448;
    flex-direction: column;
}

    .section--info-blocks .container .red h2,
    .section--info-blocks .container .red h3 {
        color: #fff;
    }

    .section--info-blocks .container .red p {
        color: #fff;
    }

        .section--info-blocks .container .red p a:focus,
        .section--info-blocks .container .red p a:hover {
            color: #233d43;
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .red a em strong,
    .section--info-blocks .container .red a strong em,
    .section--info-blocks .container .red em a strong,
    .section--info-blocks .container .red em strong a {
        border: 3px solid #fff;
        background-color: transparent;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .red a em strong:after,
        .section--info-blocks .container .red a strong em:after,
        .section--info-blocks .container .red em a strong:after,
        .section--info-blocks .container .red em strong a:after {
            content: "\f054";
            color: #fff;
            border-left: 1px solid #fff;
        }

        .section--info-blocks .container .red a em strong:focus,
        .section--info-blocks .container .red a em strong:hover,
        .section--info-blocks .container .red a strong em:focus,
        .section--info-blocks .container .red a strong em:hover,
        .section--info-blocks .container .red em a strong:focus,
        .section--info-blocks .container .red em a strong:hover,
        .section--info-blocks .container .red em strong a:focus,
        .section--info-blocks .container .red em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #fff;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .red-bordered {
    padding: 17.5px;
    margin: 35px 0;
    background: #fcded8;
    flex-direction: column;
    border: 3px solid #9c2448;
}

    .section--info-blocks .container .red-bordered h2,
    .section--info-blocks .container .red-bordered h3 {
        color: #1d1d1d;
    }

    .section--info-blocks .container .red-bordered p {
        color: #1d1d1d;
    }

        .section--info-blocks .container .red-bordered p a:focus,
        .section--info-blocks .container .red-bordered p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .red-bordered ol li:before {
        content: "\f057";
    }

.section--info-blocks .container .yellow {
    padding: 17.5px;
    margin: 35px 0;
    background: #f5ce3e;
    flex-direction: column;
}

    .section--info-blocks .container .yellow h2,
    .section--info-blocks .container .yellow h3 {
        color: #233d43;
    }

    .section--info-blocks .container .yellow p {
        color: #233d43;
    }

        .section--info-blocks .container .yellow p a:focus,
        .section--info-blocks .container .yellow p a:hover {
            color: #fff;
            background-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .yellow a em strong,
    .section--info-blocks .container .yellow a strong em,
    .section--info-blocks .container .yellow em a strong,
    .section--info-blocks .container .yellow em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #233d43;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .yellow a em strong:after,
        .section--info-blocks .container .yellow a strong em:after,
        .section--info-blocks .container .yellow em a strong:after,
        .section--info-blocks .container .yellow em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .yellow a em strong:focus,
        .section--info-blocks .container .yellow a em strong:hover,
        .section--info-blocks .container .yellow a strong em:focus,
        .section--info-blocks .container .yellow a strong em:hover,
        .section--info-blocks .container .yellow em a strong:focus,
        .section--info-blocks .container .yellow em a strong:hover,
        .section--info-blocks .container .yellow em strong a:focus,
        .section--info-blocks .container .yellow em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .grey {
    padding: 17.5px;
    margin: 35px 0;
    background: #f6f6f6;
    flex-direction: column;
}

    .section--info-blocks .container .grey h2,
    .section--info-blocks .container .grey h3 {
        color: #233d43;
    }

    .section--info-blocks .container .grey p {
        color: #233d43;
    }

        .section--info-blocks .container .grey p a:focus,
        .section--info-blocks .container .grey p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .grey a em strong,
    .section--info-blocks .container .grey a strong em,
    .section--info-blocks .container .grey em a strong,
    .section--info-blocks .container .grey em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #233d43;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .grey a em strong:after,
        .section--info-blocks .container .grey a strong em:after,
        .section--info-blocks .container .grey em a strong:after,
        .section--info-blocks .container .grey em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .grey a em strong:focus,
        .section--info-blocks .container .grey a em strong:hover,
        .section--info-blocks .container .grey a strong em:focus,
        .section--info-blocks .container .grey a strong em:hover,
        .section--info-blocks .container .grey em a strong:focus,
        .section--info-blocks .container .grey em a strong:hover,
        .section--info-blocks .container .grey em strong a:focus,
        .section--info-blocks .container .grey em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .l-grey {
    padding: 17.5px;
    margin: 35px 0;
    background: #f6f6f6;
    flex-direction: column;
}

    .section--info-blocks .container .l-grey .block--copy {
        justify-content: flex-end;
    }

    .section--info-blocks .container .l-grey h2,
    .section--info-blocks .container .l-grey h3 {
        color: #233d43;
    }

    .section--info-blocks .container .l-grey p {
        color: #233d43;
    }

        .section--info-blocks .container .l-grey p a:focus,
        .section--info-blocks .container .l-grey p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .l-grey a em strong,
    .section--info-blocks .container .l-grey a strong em,
    .section--info-blocks .container .l-grey em a strong,
    .section--info-blocks .container .l-grey em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #233d43;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .l-grey a em strong:after,
        .section--info-blocks .container .l-grey a strong em:after,
        .section--info-blocks .container .l-grey em a strong:after,
        .section--info-blocks .container .l-grey em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .l-grey a em strong:focus,
        .section--info-blocks .container .l-grey a em strong:hover,
        .section--info-blocks .container .l-grey a strong em:focus,
        .section--info-blocks .container .l-grey a strong em:hover,
        .section--info-blocks .container .l-grey em a strong:focus,
        .section--info-blocks .container .l-grey em a strong:hover,
        .section--info-blocks .container .l-grey em strong a:focus,
        .section--info-blocks .container .l-grey em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .light-green {
    padding: 17.5px;
    margin: 35px 0;
    background: #9ed4b0;
    flex-direction: column;
}

    .section--info-blocks .container .light-green h2,
    .section--info-blocks .container .light-green h3 {
        color: #233d43;
    }

    .section--info-blocks .container .light-green p {
        color: #233d43;
    }

        .section--info-blocks .container .light-green p a:focus,
        .section--info-blocks .container .light-green p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .light-green a em strong,
    .section--info-blocks .container .light-green a strong em,
    .section--info-blocks .container .light-green em a strong,
    .section--info-blocks .container .light-green em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #233d43;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .light-green a em strong:after,
        .section--info-blocks .container .light-green a strong em:after,
        .section--info-blocks .container .light-green em a strong:after,
        .section--info-blocks .container .light-green em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .light-green a em strong:focus,
        .section--info-blocks .container .light-green a em strong:hover,
        .section--info-blocks .container .light-green a strong em:focus,
        .section--info-blocks .container .light-green a strong em:hover,
        .section--info-blocks .container .light-green em a strong:focus,
        .section--info-blocks .container .light-green em a strong:hover,
        .section--info-blocks .container .light-green em strong a:focus,
        .section--info-blocks .container .light-green em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .light-green-bordered {
    padding: 17.5px;
    margin: 35px 0;
    background: #9ed4b0;
    flex-direction: column;
    border: 3px solid #4cb85e;
}

    .section--info-blocks .container .light-green-bordered h2,
    .section--info-blocks .container .light-green-bordered h3 {
        color: #233d43;
    }

    .section--info-blocks .container .light-green-bordered p {
        color: #233d43;
    }

        .section--info-blocks .container .light-green-bordered p a:focus,
        .section--info-blocks .container .light-green-bordered p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks .container .green {
    padding: 17.5px;
    margin: 35px 0;
    background: #4cb85e;
    flex-direction: column;
}

    .section--info-blocks .container .green h2,
    .section--info-blocks .container .green h3 {
        color: #233d43;
    }

    .section--info-blocks .container .green p {
        color: #233d43;
    }

        .section--info-blocks .container .green p a:focus,
        .section--info-blocks .container .green p a:hover {
            background-color: #f5ce3e;
            color: #233d43;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .green a em strong,
    .section--info-blocks .container .green a strong em,
    .section--info-blocks .container .green em a strong,
    .section--info-blocks .container .green em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .green a em strong:after,
        .section--info-blocks .container .green a strong em:after,
        .section--info-blocks .container .green em a strong:after,
        .section--info-blocks .container .green em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .green a em strong:focus,
        .section--info-blocks .container .green a em strong:hover,
        .section--info-blocks .container .green a strong em:focus,
        .section--info-blocks .container .green a strong em:hover,
        .section--info-blocks .container .green em a strong:focus,
        .section--info-blocks .container .green em a strong:hover,
        .section--info-blocks .container .green em strong a:focus,
        .section--info-blocks .container .green em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .light-blue {
    padding: 17.5px;
    margin: 35px 0;
    background: #75cedc;
    flex-direction: column;
}

    .section--info-blocks .container .light-blue h2,
    .section--info-blocks .container .light-blue h3 {
        color: #233d43;
    }

    .section--info-blocks .container .light-blue p {
        color: #233d43;
    }

        .section--info-blocks .container .light-blue p a:focus,
        .section--info-blocks .container .light-blue p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .light-blue a em strong,
    .section--info-blocks .container .light-blue a strong em,
    .section--info-blocks .container .light-blue em a strong,
    .section--info-blocks .container .light-blue em strong a {
        border: 3px solid #233d43;
        background-color: transparent;
        color: #233d43;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .light-blue a em strong:after,
        .section--info-blocks .container .light-blue a strong em:after,
        .section--info-blocks .container .light-blue em a strong:after,
        .section--info-blocks .container .light-blue em strong a:after {
            content: "\f054";
            color: #233d43;
            border-left: 1px solid #233d43;
        }

        .section--info-blocks .container .light-blue a em strong:focus,
        .section--info-blocks .container .light-blue a em strong:hover,
        .section--info-blocks .container .light-blue a strong em:focus,
        .section--info-blocks .container .light-blue a strong em:hover,
        .section--info-blocks .container .light-blue em a strong:focus,
        .section--info-blocks .container .light-blue em a strong:hover,
        .section--info-blocks .container .light-blue em strong a:focus,
        .section--info-blocks .container .light-blue em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .purple {
    padding: 17.5px;
    margin: 35px 0;
    background: #722282;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

    .section--info-blocks .container .purple h2,
    .section--info-blocks .container .purple h3 {
        color: #fff;
    }

    .section--info-blocks .container .purple p {
        color: #fff;
    }

        .section--info-blocks .container .purple p a:focus,
        .section--info-blocks .container .purple p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--info-blocks .container .purple a em strong,
    .section--info-blocks .container .purple a strong em,
    .section--info-blocks .container .purple em a strong,
    .section--info-blocks .container .purple em strong a {
        border: 3px solid #fff;
        background-color: transparent;
        color: #fff;
        margin-bottom: 0;
        margin-top: 0;
    }

        .section--info-blocks .container .purple a em strong:after,
        .section--info-blocks .container .purple a strong em:after,
        .section--info-blocks .container .purple em a strong:after,
        .section--info-blocks .container .purple em strong a:after {
            content: "\f054";
            color: #fff;
            border-left: 1px solid #fff;
        }

        .section--info-blocks .container .purple a em strong:focus,
        .section--info-blocks .container .purple a em strong:hover,
        .section--info-blocks .container .purple a strong em:focus,
        .section--info-blocks .container .purple a strong em:hover,
        .section--info-blocks .container .purple em a strong:focus,
        .section--info-blocks .container .purple em a strong:hover,
        .section--info-blocks .container .purple em strong a:focus,
        .section--info-blocks .container .purple em strong a:hover {
            outline: #f5ce3e solid 5px;
            border-color: #fff;
            transition: all 0.3s ease-in-out;
            background-color: transparent;
            color: inherit;
        }

.section--info-blocks .container .has--image {
    flex-direction: row;
    padding: 0;
}

    .section--info-blocks .container .has--image .block--image {
        width: 33.333%;
        padding: 0;
    }

        .section--info-blocks .container .has--image .block--image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            min-height: 260px;
        }

    .section--info-blocks .container .has--image .block--copy {
        width: 66.666%;
        display: flex;
        flex-direction: column;
        padding: 35px;
    }

        .section--info-blocks .container .has--image .block--copy p {
            font-size: 1.4em;
        }

            .section--info-blocks .container .has--image .block--copy p em {
                font-size: 0.7em;
                display: block;
                line-height: 1.2;
            }

            .section--info-blocks .container .has--image .block--copy p:last-child {
                margin-top: auto;
            }

.section--info-blocks .section-border {
    margin: 0 0 35px;
}

    .section--info-blocks .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--info-blocks-full .container {
    padding-top: 0;
    max-width: 1920px;
}

    .section--info-blocks-full .container i {
        margin-right: 5px;
    }

    .section--info-blocks-full .container p {
        font-size: 0.8em;
        text-align: left;
    }

@media (min-width: 992px) {
    .section--info-blocks-full .container p {
        font-size: inherit;
        text-align: inherit;
    }
}

.section--info-blocks-full .container .dark-blue {
    padding: 17.5px;
    margin: 0;
    background: #233d43;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

    .section--info-blocks-full .container .dark-blue p {
        color: #fff;
    }

        .section--info-blocks-full .container .dark-blue p a:focus,
        .section--info-blocks-full .container .dark-blue p a:hover {
            color: #233d43;
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .teal {
    padding: 17.5px;
    margin: 0;
    background: #4cb85e;
    flex-direction: column;
    align-items: center;
    color: #233d43;
}

    .section--info-blocks-full .container .teal p {
        color: #233d43;
    }

        .section--info-blocks-full .container .teal p a {
            color: #233d43;
        }

            .section--info-blocks-full .container .teal p a:focus,
            .section--info-blocks-full .container .teal p a:hover {
                color: #233d43;
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--info-blocks-full .container .red {
    padding: 17.5px;
    margin: 0;
    background: #9c2448;
    flex-direction: column;
    align-items: center;
}

    .section--info-blocks-full .container .red p {
        color: #fff;
    }

        .section--info-blocks-full .container .red p a:focus,
        .section--info-blocks-full .container .red p a:hover {
            color: #233d43;
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

        .section--info-blocks-full .container .red p:before {
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../../../../../../../../themes/tewkesbury/assets/images/holly.svg);
            content: "";
            display: block;
            width: 36px;
            height: 27px;
            position: absolute;
            left: -25px;
            top: -5px;
        }

        .section--info-blocks-full .container .red p:after {
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../../../../../../../../themes/tewkesbury/assets/images/holly.svg);
            content: "";
            display: block;
            width: 36px;
            height: 27px;
            position: absolute;
            right: -25px;
            top: -5px;
        }

.section--info-blocks-full .container .yellow {
    padding: 17.5px;
    margin: 0;
    background: #f5ce3e;
    flex-direction: column;
    align-items: center;
}

    .section--info-blocks-full .container .yellow p {
        color: #233d43;
    }

        .section--info-blocks-full .container .yellow p a:focus,
        .section--info-blocks-full .container .yellow p a:hover {
            color: #fff;
            background-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .grey {
    padding: 17.5px;
    margin: 0;
    background: #f6f6f6;
    flex-direction: column;
    align-items: center;
}

    .section--info-blocks-full .container .grey p {
        color: #233d43;
    }

        .section--info-blocks-full .container .grey p a:focus,
        .section--info-blocks-full .container .grey p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .light-green {
    padding: 17.5px;
    margin: 0;
    background: #9ed4b0;
    flex-direction: column;
    align-items: center;
}

    .section--info-blocks-full .container .light-green p {
        color: #233d43;
    }

        .section--info-blocks-full .container .light-green p a:focus,
        .section--info-blocks-full .container .light-green p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .light-blue {
    padding: 17.5px;
    margin: 0;
    background: #75cedc;
    flex-direction: column;
    align-items: center;
}

    .section--info-blocks-full .container .light-blue p {
        color: #233d43;
    }

        .section--info-blocks-full .container .light-blue p a:focus,
        .section--info-blocks-full .container .light-blue p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .green {
    padding: 17.5px;
    margin: 0;
    background: #4cb85e;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

    .section--info-blocks-full .container .green p {
        color: #fff;
    }

        .section--info-blocks-full .container .green p a:focus,
        .section--info-blocks-full .container .green p a:hover {
            background-color: #f5ce3e;
            color: #233d43;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .garden-town {
    padding: 17.5px;
    margin: 0;
    background: #1f524d;
    flex-direction: column;
    align-items: center;
    color: #c1f9cc;
}

    .section--info-blocks-full .container .garden-town p {
        color: #c1f9cc;
    }

        .section--info-blocks-full .container .garden-town p a:focus,
        .section--info-blocks-full .container .garden-town p a:hover {
            background-color: #f5ce3e;
            color: #1f524d;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .container .purple {
    padding: 17.5px;
    margin: 0;
    background: #722282;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

    .section--info-blocks-full .container .purple p {
        color: #fff;
    }

        .section--info-blocks-full .container .purple p a:focus,
        .section--info-blocks-full .container .purple p a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.section--info-blocks-full .info--copy {
    max-width: 1200px;
    line-height: 20px;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
}

.cta--info-blocks {
    margin: 35px 17.5px 0 !important;
}

@media (min-width: 992px) {
    .cta--info-blocks {
        margin: 35px 35px 0 !important;
    }
}

.cta--info-blocks .info--copy {
    max-width: none;
    padding: 17.5px;
}

    .cta--info-blocks .info--copy p {
        margin-bottom: 10px;
    }

.page-template-search-results .banner .container h1 {
    font-size: 2.8em;
    font-weight: 700;
    font-family: Poppins, sans-serif;
}

    .page-template-search-results .banner .container h1 span {
        display: block;
        margin-top: 17.5px;
        font-size: 0.5em;
        font-weight: 400;
    }

.page-template-search-results .search--container {
    padding-top: 35px;
    flex-direction: column;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .page-template-search-results .search--container {
        flex-direction: row;
    }
}

.page-template-search-results .search--container .search-result {
    width: 100%;
    position: relative;
    order: 2;
}

@media (min-width: 992px) {
    .page-template-search-results .search--container .search-result {
        width: 100%;
        order: 1;
    }
}

.page-template-search-results .search--container .search-result .news-posts {
    min-height: 100%;
}

.page-template-search-results .search--container .search-result article {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    margin-bottom: 17.5px;
    background-color: #f6f6f6;
    padding: 17.5px;
}

@media (min-width: 768px) {
    .page-template-search-results .search--container .search-result article {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .page-template-search-results
    .search--container
    .search-result
    article:last-child {
        margin-bottom: 0;
    }
}

.page-template-search-results .search--container .search-result .post-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

@media (min-width: 992px) {
    .page-template-search-results
    .search--container
    .search-result
    .post-content {
        padding: 17.5px 0 0;
    }
}

.page-template-search-results
.search--container
.search-result
.post-content
h2 {
    margin-bottom: 10px;
    font-size: 1.2em;
    margin-top: 0;
}

    .page-template-search-results
    .search--container
    .search-result
    .post-content
    h2
    a {
        color: inherit;
        text-underline-offset: 4px;
        line-height: 1.4;
    }

        .page-template-search-results
        .search--container
        .search-result
        .post-content
        h2
        a:focus,
        .page-template-search-results
        .search--container
        .search-result
        .post-content
        h2
        a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

.page-template-search-results
.search--container
.search-result
.post-content
p {
    line-height: 24px;
    margin-bottom: 0;
}

    .page-template-search-results
    .search--container
    .search-result
    .post-content
    p.link
    a {
        margin-top: 17.5px;
        font-weight: 400;
        display: inline-block;
        margin-bottom: 17.5px;
    }

    .page-template-search-results
    .search--container
    .search-result
    .post-content
    p.link
    i,
    .page-template-search-results
    .search--container
    .search-result
    .post-content
    p.link
    svg {
        color: #4cb85e;
        position: relative;
        right: -3px;
        top: 2px;
    }

.page-template-search-results .search--container .search-result .pagination {
    position: relative;
}

.page-template-search-results .search--container div.breadcrumb {
    width: 100%;
    padding: 17.5px 0 0;
    color: #233d43;
    border-top: 1px solid #d9dad8;
    margin-top: 17.5px;
    position: relative;
    top: auto;
    z-index: 2;
}

@media (min-width: 992px) {
    .page-template-search-results .search--container div.breadcrumb {
        margin-top: 35px;
    }
}

.page-template-search-results .search--container div.breadcrumb .container {
    padding: 0;
    background-color: transparent;
    text-align: left;
    color: #233d43;
    z-index: 1;
}

.page-template-search-results .search--container div.breadcrumb a {
    color: #233d43;
}

.pagination {
    top: 35px;
}

    .pagination .nav-links {
        justify-content: center;
        margin: auto;
    }

        .pagination .nav-links span.current {
            width: 30px;
            height: 30px;
            display: inline-flex;
            background: #233d43;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            color: #fff;
            margin: 0 5px;
            font-weight: 700;
        }

@media (min-width: 992px) {
    .pagination .nav-links span.current {
        border: 3px solid #233d43;
        width: 40px;
        height: 40px;
    }
}

.pagination .nav-links span.current:focus,
.pagination .nav-links span.current:hover {
    outline: #f5ce3e solid 5px;
    border-color: #233d43;
    transition: all 0.3s ease-in-out;
}

.pagination .nav-links span.dots {
    width: auto;
    height: 40px;
    display: inline-flex;
    background: 0 0;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #233d43;
    text-decoration: none;
    margin: 0 5px;
    font-weight: 700;
}

.pagination .nav-links .page-numbers {
    width: 30px;
    height: 30px;
    display: inline-flex;
    background: 0 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #1d3d4f;
    text-decoration: none;
    margin: 0 5px;
    font-weight: 700;
    border: none;
}

@media (min-width: 992px) {
    .pagination .nav-links .page-numbers {
        border: 3px solid #233d43;
        width: 40px;
        height: 40px;
    }
}

.pagination .nav-links .page-numbers:focus,
.pagination .nav-links .page-numbers:hover {
    outline: #f5ce3e solid 5px;
    border-color: #233d43;
    transition: all 0.3s ease-in-out;
}

.pagination .nav-links .next {
    border: 3px solid #233d43;
    background-color: transparent;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #233d43;
    position: relative;
    border-radius: 0;
    width: auto;
    height: auto;
    font-weight: 700;
    display: none;
}

@media (min-width: 992px) {
    .pagination .nav-links .next {
        display: block;
    }
}

.pagination .nav-links .next:focus,
.pagination .nav-links .next:hover {
    outline: #f5ce3e solid 5px;
    border-color: #233d43;
    transition: all 0.3s ease-in-out;
}

.pagination .nav-links .prev {
    border: 3px solid #233d43;
    background-color: transparent;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    color: #233d43;
    position: relative;
    border-radius: 0;
    width: auto;
    height: auto;
    font-weight: 700;
    display: none;
}

@media (min-width: 992px) {
    .pagination .nav-links .prev {
        display: block;
    }
}

.pagination .nav-links .prev:focus,
.pagination .nav-links .prev:hover {
    outline: #f5ce3e solid 5px;
    border-color: #233d43;
    transition: all 0.3s ease-in-out;
}

.section--page-contents-menu {
    padding-bottom: 52.5px;
}

    .section--page-contents-menu .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--page-contents-menu .container {
        padding-top: 17.5px;
        padding-left: 17.5px !important;
        padding-right: 17.5px;
        background-color: #f6f6f6;
        margin-bottom: 70px;
    }

@media (min-width: 992px) {
    .section--page-contents-menu .container {
        margin-right: 17.5px;
    }
}

.section--page-contents-menu .container h2 {
    margin-bottom: 0;
    font-size: 1.2em;
    padding-bottom: 17.5px;
}

.section--page-contents-menu .container p {
    margin-bottom: 35px;
    line-height: 1.4;
}

.section--page-contents-menu .container ol {
    padding-bottom: 17.5px;
    padding-top: 17.5px;
    border-top: 1px solid #d9dad8;
    width: 100%;
}

@media (min-width: 768px) {
    .section--page-contents-menu .container ol {
        -moz-column-count: 2;
        column-count: 2;
    }
}

.section--page-contents-menu .container ol:last-child {
    margin-bottom: 0;
}

.section--page-contents-menu .container ol li {
    margin-bottom: 5px;
    counter-increment: list_item_count;
    display: block;
    padding: 0;
    white-space: nowrap;
    page-break-inside: avoid;
}

    .section--page-contents-menu .container ol li:before {
        content: counter(list_item_count);
        display: inline-block;
        height: 2em;
        line-height: 2em;
        margin-right: 0.4em;
        min-width: auto;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 2em;
        background: #4cb85e;
        color: #233d43;
        border-radius: 50%;
        font-weight: 700;
    }

    .section--page-contents-menu .container ol li a {
        color: #233d43;
        text-underline-offset: 4px;
        line-height: 1.4;
        margin-left: 10px;
        white-space: normal;
        vertical-align: top;
        display: inline-block;
        margin-right: 2em;
        margin-top: 0.2em;
    }

        .section--page-contents-menu .container ol li a:focus,
        .section--page-contents-menu .container ol li a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

    .section--page-contents-menu .container ol li ul {
        margin-left: 35px;
    }

.section--page-contents-menu .hamburger {
    position: absolute;
    right: 0;
    top: 6px;
}

@media (min-width: 992px) {
    .section--page-contents-menu .hamburger {
        display: none;
    }
}

.section--page-contents-menu .hamburger .hamburger-inner,
.section--page-contents-menu .hamburger .hamburger-inner::after,
.section--page-contents-menu .hamburger .hamburger-inner::before {
    background-color: #233d43;
}

.section--page-contents-menu .hamburger .label {
    position: relative;
    top: -8px;
    right: 5px;
    font-size: 0.8em;
}

.section--page-contents-menu .hamburger:hover {
    opacity: 1;
}

.section--page-contents-menu .hamburger.is-active:hover {
    opacity: 1;
}

.section--page-contents-menu .hamburger.is-active .hamburger-inner,
.section--page-contents-menu .hamburger.is-active .hamburger-inner::after,
.section--page-contents-menu .hamburger.is-active .hamburger-inner::before {
    background-color: #233d43;
}

.section--page-contents-menu #inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 992px) {
    .section--page-contents-menu #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.section--page-contents-menu #inpage-menu.active {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
    visibility: visible;
}

.section--page-contents-menu #inpage-menu #close-inpage-nav {
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid #233d43;
    padding: 10px;
    color: #233d43;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    display: block;
    align-self: flex-end;
    margin-right: 7px;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

    .section--page-contents-menu #inpage-menu #close-inpage-nav.is-active {
        display: block;
    }

    .section--page-contents-menu #inpage-menu #close-inpage-nav:focus,
    .section--page-contents-menu #inpage-menu #close-inpage-nav:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: transparent;
    }

    .section--page-contents-menu #inpage-menu #close-inpage-nav:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .section--page-contents-menu #inpage-menu #close-inpage-nav {
        display: none;
    }
}

.section--sub-menu {
    padding-bottom: 52.5px;
}

    .section--sub-menu .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--sub-menu p {
        margin-bottom: 35px;
    }

    .section--sub-menu .container {
        padding-top: 17.5px;
        padding-left: 17.5px !important;
        padding-right: 17.5px;
        background-color: #f6f6f6;
        margin-bottom: 35px;
    }

@media (min-width: 992px) {
    .section--sub-menu .container {
        margin-right: 0;
    }
}

.section--sub-menu .container p.menu-header {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.2em;
    padding-bottom: 17.5px;
    font-weight: 700;
}

.section--sub-menu .container p {
    margin-bottom: 35px;
}

.section--sub-menu .container ul {
    padding-bottom: 17.5px;
    padding-top: 17.5px;
    border-top: 1px solid #d9dad8;
    width: 100%;
}

    .section--sub-menu .container ul:last-child {
        margin-bottom: 0;
    }

@media (min-width: 992px) {
    .section--sub-menu .container ul:last-child {
        margin-bottom: 17.5px;
    }
}

.section--sub-menu .container ul li {
    margin-bottom: 10px;
    display: block;
    padding: 0;
    white-space: nowrap;
    page-break-inside: avoid;
}

    .section--sub-menu .container ul li h3 {
        padding-bottom: 0;
    }

    .section--sub-menu .container ul li a {
        color: inherit;
        text-underline-offset: 4px;
        line-height: 1.4;
        padding-left: 15px;
        white-space: normal;
        vertical-align: top;
        display: inline-block;
        margin-right: 2em;
        margin-top: 3px;
        position: relative;
    }

        .section--sub-menu .container ul li a:focus,
        .section--sub-menu .container ul li a:hover {
            background-color: #f5ce3e;
            transition: all 0.3s ease-in-out;
        }

        .section--sub-menu .container ul li a:before {
            content: "\f054";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1em;
            left: 0;
            top: 0;
            position: absolute;
        }

    .section--sub-menu .container ul li ul {
        margin-left: 35px;
    }

.section--sub-menu .hamburger {
    position: absolute;
    right: 0;
    top: 6px;
}

    .section--sub-menu .hamburger .hamburger-inner,
    .section--sub-menu .hamburger .hamburger-inner::after,
    .section--sub-menu .hamburger .hamburger-inner::before {
        background-color: #233d43;
    }

    .section--sub-menu .hamburger .label {
        position: relative;
        top: -8px;
        right: 5px;
        font-size: 0.8em;
    }

    .section--sub-menu .hamburger:hover {
        opacity: 1;
    }

    .section--sub-menu .hamburger.is-active:hover {
        opacity: 1;
    }

    .section--sub-menu .hamburger.is-active .hamburger-inner,
    .section--sub-menu .hamburger.is-active .hamburger-inner::after,
    .section--sub-menu .hamburger.is-active .hamburger-inner::before {
        background-color: #233d43;
    }

.section--sub-menu #inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

    .section--sub-menu #inpage-menu.active {
        max-height: 2000px;
        transition: max-height 0.5s ease-in;
        visibility: visible;
    }

    .section--sub-menu #inpage-menu #close-inpage-nav {
        position: absolute;
        right: 0;
        top: 0;
        border: 3px solid #233d43;
        padding: 10px;
        color: #233d43;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 7px;
        display: block;
        align-self: flex-end;
        margin-right: 7px;
        background-color: transparent;
        cursor: pointer;
        display: none;
    }

        .section--sub-menu #inpage-menu #close-inpage-nav.is-active {
            display: block;
        }

        .section--sub-menu #inpage-menu #close-inpage-nav:focus,
        .section--sub-menu #inpage-menu #close-inpage-nav:hover {
            text-decoration: none;
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            background-color: transparent;
        }

        .section--sub-menu #inpage-menu #close-inpage-nav:after {
            content: "\f00d";
            width: 10px;
            font-family: FontAwesome;
            margin-left: 17.5px;
            display: inline-block;
        }

@media (min-width: 992px) {
    .section--sub-menu #inpage-menu #close-inpage-nav {
        display: none;
    }
}

.section--sub-menu.section-border {
    margin-bottom: 35px;
    margin-right: 17.5px;
}

    .section--sub-menu.section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.weather--feed {
    display: none;
    width: 100%;
    padding: 17.5px;
    background-color: #f6f6f6;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .weather--feed {
        display: block;
    }
}

.weather--feed .container {
    padding: 0;
}

@media (min-width: 768px) {
    .weather--feed .container {
        padding: 0 17.5px;
    }
}

.weather--feed .container h2 {
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 2px;
}

.weather--feed .container p {
    font-size: 0.8em;
}

.weather--feed .container .weather {
    margin-top: 3px;
}

    .weather--feed .container .weather .weather-details {
        margin-left: 10px;
    }

        .weather--feed .container .weather .weather-details p {
            margin-bottom: 5px;
        }

        .weather--feed .container .weather .weather-details .temp {
            font-weight: 700;
        }

            .weather--feed .container .weather .weather-details .temp:after {
                content: "\2103";
                display: inline-block;
                font-family: Poppins, sans-serif;
            }

        .weather--feed .container .weather .weather-details .min:after {
            content: "\2103";
            display: inline-block;
            font-family: Poppins, sans-serif;
        }

    .weather--feed .container .weather .rain:after {
        content: "\f73f";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .fog:after {
        content: "\f74e";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .wind:after {
        content: "\f72e";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .cloudy:after {
        content: "\f744";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .partly-cloudy-day:after {
        content: "\f746";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .partly-cloudy-night:after {
        content: "\f745";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .showers-day:after,
    .weather--feed .container .weather .showers-night:after {
        content: "\f740";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .clear-day:after {
        content: "\e28f";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .clear-night:after {
        content: "\f755";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .snow-showers-day:after,
    .weather--feed .container .weather .snow-showers-night:after,
    .weather--feed .container .weather .snow:after {
        content: "\f742";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .thunder-rain:after,
    .weather--feed .container .weather .thunder-showers-day:after,
    .weather--feed .container .weather .thunder-showers-night:after {
        content: "\f76c";
        display: block;
        width: 40px;
        height: 40px;
        max-width: 100px;
        font-family: "Font Awesome 6 Pro";
        font-size: 2em;
        font-weight: 300;
    }

    .weather--feed .container .weather .today {
        margin-left: 35px;
        margin-right: 35px;
    }

.section--parking {
    padding-bottom: 52.5px;
}

    .section--parking .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
        margin-top: 17.5px;
    }

        .section--parking .grid .block {
            width: calc(100% - 35px);
            padding: 0;
            margin: 17.5px;
            justify-content: space-between;
            background-color: #f6f6f6;
            flex-direction: column;
        }

@media (min-width: 768px) {
    .section--parking .grid .block {
        width: calc(50% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

@media (min-width: 1200px) {
    .section--parking .grid .block {
        width: calc(25% - 35px);
        padding: 0;
        margin: 17.5px;
    }
}

.section--parking .container {
    padding: 0 17.5px;
}

@media (min-width: 992px) {
    .section--parking .container {
        padding: 0 35px;
    }
}

.section--parking .post-thumb {
    width: 100%;
    box-sizing: border-box;
}

    .section--parking .post-thumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.section--parking .post-content {
    width: 100%;
    box-sizing: border-box;
    padding: 17.5px 17.5px 0;
    flex: 1;
}

    .section--parking .post-content h2 {
        margin-bottom: 17.5px;
        font-size: 1.2em;
        margin-top: 0;
    }

        .section--parking .post-content h2 a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 30px;
        }

            .section--parking .post-content h2 a:focus,
            .section--parking .post-content h2 a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

    .section--parking .post-content p {
        line-height: 1.4;
        margin-bottom: 17.5px;
    }

        .section--parking .post-content p.link a {
            margin-top: 17.5px;
            font-weight: 400;
            display: inline-block;
            margin-bottom: 17.5px;
        }

        .section--parking .post-content p.link i,
        .section--parking .post-content p.link svg {
            color: #4cb85e;
            position: relative;
            right: -3px;
            top: 2px;
        }

    .section--parking .post-content .tags {
        margin-top: auto;
        border-bottom: none;
        border-top: 1px solid #d9dad8;
    }

        .section--parking .post-content .tags a {
            color: inherit;
            line-height: 1.4;
            margin-right: 17.5px;
            display: inline-block;
            position: relative;
        }

            .section--parking .post-content .tags a:after {
                content: "|";
                position: absolute;
                right: -10px;
            }

            .section--parking .post-content .tags a:last-child {
                margin-right: 0;
            }

                .section--parking .post-content .tags a:last-child:after {
                    content: "";
                }

.section--map {
    padding-bottom: 52.5px;
}

    .section--map .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--map .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--map .container {
        padding: 0 52.5px;
    }
}

.section--map .container h3 {
    margin-bottom: 10px;
}

.section--map .container p {
    margin-bottom: 15px;
    line-height: 1.4;
}

    .section--map .container p:last-child {
        margin-bottom: 35px;
    }

.section--map .container ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
}

    .section--map .container ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .section--map .container ul li:before {
            content: "\2022";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0.7em;
        }

        .section--map .container ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
        }

            .section--map .container ul li a:focus,
            .section--map .container ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--map .container ol {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
}

    .section--map .container ol li {
        margin-bottom: 10px;
        padding-left: 15px;
        position: relative;
    }

        .section--map .container ol li:before {
            content: "\f054";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: inherit;
            left: 0;
            top: 5px;
            position: absolute;
            line-height: 0.7em;
        }

        .section--map .container ol li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
        }

            .section--map .container ol li a:focus,
            .section--map .container ol li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--map .container .acf-map {
    min-height: 350px;
    margin-bottom: 35px;
}

.section--map .section-border {
    margin-bottom: 35px;
}

    .section--map .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--raw-code {
    padding-bottom: 52.5px;
}

    .section--raw-code .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--raw-code .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--raw-code .container {
        padding: 0 52.5px;
    }
}

.section--raw-code .container ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
}

    .section--raw-code .container ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .section--raw-code .container ul li:before {
            content: "\2022";
            color: #4cb85e;
            font-family: FontAwesome;
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
        }

        .section--raw-code .container ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            font-weight: 700;
        }

            .section--raw-code .container ul li a:focus,
            .section--raw-code .container ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--raw-code .container ol {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
    margin-left: 40px;
}

    .section--raw-code .container ol li {
        margin-bottom: 17.5px;
        counter-increment: list_item_count;
        display: block;
        padding: 0;
        white-space: normal;
        page-break-inside: avoid;
        position: relative;
        line-height: 1.4;
    }

        .section--raw-code .container ol li:before {
            content: counter(list_item_count);
            display: block;
            height: 2em;
            line-height: 2em;
            margin-right: 0.4em;
            min-width: auto;
            position: absolute;
            text-align: center;
            width: 2em;
            background: #4cb85e;
            color: #233d43;
            border-radius: 50%;
            font-weight: 700;
            left: -2.6em;
            top: -5px;
        }

        .section--raw-code .container ol li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            margin-top: 2px;
        }

            .section--raw-code .container ol li a:focus,
            .section--raw-code .container ol li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

        .section--raw-code .container ol li p {
            margin-bottom: 0;
        }

            .section--raw-code .container ol li p:last-child {
                margin-bottom: 0;
            }

.section--raw-code .section-border {
    margin-bottom: 35px;
}

    .section--raw-code .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--raw-code li ol,
.section--raw-code li ul {
    margin-left: 17.5px;
}

.section--raw-code table {
    margin: 17.5px 0;
}

    .section--raw-code table tr {
        border-bottom: 1px solid #d9dad8;
    }

        .section--raw-code table tr:first-child {
            border-top: 1px solid #d9dad8;
        }

    .section--raw-code table td,
    .section--raw-code table th {
        border-right: 1px solid #d9dad8;
        padding: 10px;
    }

        .section--raw-code table td:first-child,
        .section--raw-code table th:first-child {
            border-left: 1px solid #d9dad8;
        }

.section--chart-blocks {
    padding-bottom: 52.5px;
}

    .section--chart-blocks .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }

    .section--chart-blocks .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--chart-blocks .container {
        padding: 0 52.5px;
    }
}

.section--chart-blocks .block {
    flex-direction: column;
}

    .section--chart-blocks .block h2 {
        font-weight: 700;
        font-size: 1.2em;
        line-height: 1.4;
        margin-top: 25px;
    }

    .section--chart-blocks .block p {
        margin-bottom: 17.5px;
    }

.section--chart-blocks img {
    width: 100%;
    margin-bottom: 17.5px;
}

.section--chart-blocks h3 {
    margin-bottom: 17.5px;
}

.section--chart-blocks p {
    line-height: 24px;
    margin-bottom: 17.5px !important;
    font-size: 0.8em;
}

    .section--chart-blocks p img {
        width: auto;
    }

.section--chart-blocks .cta {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 35px;
    margin-top: auto;
}

.section--chart-blocks .section-border {
    margin-bottom: 35px;
}

    .section--chart-blocks .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.section--gallery-slider {
    padding-bottom: 52.5px;
    padding-top: 0;
}

    .section--gallery-slider .container {
        padding: 0;
        max-width: 1920px;
    }

    .section--gallery-slider .slick-next,
    .section--gallery-slider .slick-prev {
        top: 50%;
    }

    .section--gallery-slider .slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.col-left .section--gallery-slider {
    padding-bottom: 35px !important;
    padding-top: 0;
    padding-right: 35px;
}

.page-template-blog-garden-communities .section--gallery-slider,
.page-template-garden-town .section--gallery-slider {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 768px) {
    .page-template-blog-garden-communities header#home-banner,
    .page-template-garden-town header#home-banner {
        background-size: 20%;
        background-position: right 30px center;
    }
}

.page-template-blog-garden-communities header#home-banner p,
.page-template-garden-town header#home-banner p {
    max-width: 600px;
}

.page-template-blog-garden-communities header.garden-town-banner,
.page-template-garden-town header.garden-town-banner {
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: right 30px top 15px;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo.svg);
    position: relative;
    justify-content: center;
    border-bottom: none;
    min-height: 0;
    background-color: #1f524d;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .page-template-blog-garden-communities header.garden-town-banner,
    .page-template-garden-town header.garden-town-banner {
        background-size: 100px;
    }
}

.page-template-blog-garden-communities header.garden-town-banner:after,
.page-template-garden-town header.garden-town-banner:after {
    display: none;
}

.page-template-blog-garden-communities header.garden-town-banner .container,
.page-template-garden-town header.garden-town-banner .container {
    position: relative;
    z-index: 1;
    padding: 35px;
    box-sizing: border-box;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 992px) {
    .page-template-blog-garden-communities header.garden-town-banner .container,
    .page-template-garden-town header.garden-town-banner .container {
        padding: 35px;
    }
}

.page-template-blog-garden-communities header.garden-town-banner .container h1,
.page-template-garden-town header.garden-town-banner .container h1 {
    position: relative;
    z-index: 2;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 10px;
    text-shadow: none;
    color: #c1f9cc;
    background-color: rgba(0, 0, 0, 0.001);
}

    .page-template-blog-garden-communities
    header.garden-town-banner
    .container
    h1
    span,
    .page-template-garden-town header.garden-town-banner .container h1 span {
        display: block;
        font-size: 0.5em;
        font-weight: 100;
    }

@media (min-width: 992px) {
    .page-template-blog-garden-communities
    header.garden-town-banner
    .container
    h1,
    .page-template-garden-town header.garden-town-banner .container h1 {
        font-size: 2.8em;
    }
}

.page-template-blog-garden-communities header.garden-town-banner .container p,
.page-template-garden-town header.garden-town-banner .container p {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.2;
    text-align: center;
}

.page-template-blog-garden-communities header.garden-town-banner .scroll--down,
.page-template-garden-town header.garden-town-banner .scroll--down {
    background-color: #c1f9cc;
    text-decoration: none;
    color: #233d43;
    display: inline-block;
    position: absolute;
    bottom: 35px;
    left: 50%;
    height: 75px;
    border: none;
    width: 75px;
    margin: auto 0 auto -38px;
    border-radius: 50%;
}

    .page-template-blog-garden-communities
    header.garden-town-banner
    .scroll--down:after,
    .page-template-garden-town header.garden-town-banner .scroll--down:after {
        content: "\f054";
        color: #233d43;
        font-family: FontAwesome;
        font-size: inherit;
        top: 0;
        position: absolute;
        height: 75px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        transform: rotate(90deg);
        margin-left: auto;
        margin-right: auto;
        border: none;
        width: 75px;
        height: 75px;
        right: 0;
        padding: 0;
    }

    .page-template-blog-garden-communities
    header.garden-town-banner
    .scroll--down:hover,
    .page-template-garden-town header.garden-town-banner .scroll--down:hover {
        transition: all 0.3s ease-in-out;
        background-color: #233d43;
    }

        .page-template-blog-garden-communities
        header.garden-town-banner
        .scroll--down:hover:after,
        .page-template-garden-town header.garden-town-banner .scroll--down:hover:after {
            content: "\f054";
            color: #c1f9cc;
        }

.page-template-blog-garden-communities .breadcrumb,
.page-template-garden-town .breadcrumb {
    color: #c1f9cc;
}

    .page-template-blog-garden-communities .breadcrumb a,
    .page-template-garden-town .breadcrumb a {
        color: #c1f9cc;
    }

.page-template-blog-garden-communities
.content--container-wrapper
.content--container
.col-right
.module,
.page-template-garden-town
.content--container-wrapper
.content--container
.col-right
.module {
    background-color: #233d43;
}

    .page-template-blog-garden-communities
    .content--container-wrapper
    .content--container
    .col-right
    .module
    h2,
    .page-template-blog-garden-communities
    .content--container-wrapper
    .content--container
    .col-right
    .module
    p,
    .page-template-garden-town
    .content--container-wrapper
    .content--container
    .col-right
    .module
    h2,
    .page-template-garden-town
    .content--container-wrapper
    .content--container
    .col-right
    .module
    p {
        color: #fff;
    }

    .page-template-blog-garden-communities
    .content--container-wrapper
    .content--container
    .col-right
    .module
    .fa-chevron-right,
    .page-template-blog-garden-communities
    .content--container-wrapper
    .content--container
    .col-right
    .module
    a,
    .page-template-blog-garden-communities
    .content--container-wrapper
    .content--container
    .col-right
    .module
    span,
    .page-template-garden-town
    .content--container-wrapper
    .content--container
    .col-right
    .module
    .fa-chevron-right,
    .page-template-garden-town
    .content--container-wrapper
    .content--container
    .col-right
    .module
    a,
    .page-template-garden-town
    .content--container-wrapper
    .content--container
    .col-right
    .module
    span {
        color: #c1f9cc !important;
    }

.page-template-blog-garden-communities .section--cta-panels,
.page-template-garden-town .section--cta-panels {
    margin-top: 0;
}

    .page-template-blog-garden-communities
    .section--cta-panels
    .grid
    .block
    .ctap-content,
    .page-template-garden-town .section--cta-panels .grid .block .ctap-content {
        background-color: #233d43;
        color: #c1f9cc;
    }

    .page-template-blog-garden-communities .section--cta-panels .ctap-background,
    .page-template-garden-town .section--cta-panels .ctap-background {
        background-color: #4cb85e !important;
    }

    .page-template-blog-garden-communities .section--cta-panels .ctap-icon,
    .page-template-garden-town .section--cta-panels .ctap-icon {
        color: #c1f9cc !important;
        border-color: #c1f9cc !important;
    }

.page-template-blog-garden-communities .section--copy-only,
.page-template-garden-town .section--copy-only {
    padding-bottom: 0;
    padding-top: 70px;
    background-color: #fff;
}

@media (min-width: 992px) {
    .page-template-blog-garden-communities .section--copy-only .container,
    .page-template-garden-town .section--copy-only .container {
        padding: 0 35px 35px;
        position: relative;
        max-width: 760px;
    }

        .page-template-blog-garden-communities .section--copy-only .container:before,
        .page-template-garden-town .section--copy-only .container:before {
            content: "";
            background-position: center;
            background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo.svg);
            background-size: contain;
            background-repeat: no-repeat;
            width: 130px;
            height: 130px;
            position: absolute;
            top: 0;
            left: -130px;
        }

        .page-template-blog-garden-communities
        .section--copy-only
        .container
        blockquote,
        .page-template-blog-garden-communities .section--copy-only .container h2,
        .page-template-blog-garden-communities .section--copy-only .container p,
        .page-template-garden-town .section--copy-only .container blockquote,
        .page-template-garden-town .section--copy-only .container h2,
        .page-template-garden-town .section--copy-only .container p {
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        .page-template-blog-garden-communities
        .section--copy-only
        .container
        ol
        li:before,
        .page-template-garden-town .section--copy-only .container ol li:before {
            background-color: #1f524d;
            color: #c1f9cc;
        }

        .page-template-blog-garden-communities
        .section--copy-only
        .container
        ul
        li:before,
        .page-template-garden-town .section--copy-only .container ul li:before {
            color: #1f524d;
        }

        .page-template-blog-garden-communities
        .section--copy-only
        .container
        blockquote
        p,
        .page-template-garden-town .section--copy-only .container blockquote p {
            max-width: none;
        }
}

@media (min-width: 768px) {
    .page-template-blog-garden-communities
    .section--featured-news
    .grid--1
    .block:first-child
    .featured--copy
    p,
    .page-template-garden-town
    .section--featured-news
    .grid--1
    .block:first-child
    .featured--copy
    p {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: 17.5px;
        border-bottom: none;
        padding-bottom: 0;
    }
}

.page-template-blog-garden-communities
.section--page-contents-menu
.container
ol
li:before,
.page-template-garden-town
.section--page-contents-menu
.container
ol
li:before {
    background-color: #1f524d;
    color: #c1f9cc;
}

.page-template-blog-garden-communities .col-left .section--copy-only,
.page-template-garden-town .col-left .section--copy-only {
    padding-bottom: 0;
    padding-top: 0;
}

    .page-template-blog-garden-communities .col-left .section--copy-only:before,
    .page-template-garden-town .col-left .section--copy-only:before {
        display: none;
    }

@media (min-width: 992px) {
    .page-template-blog-garden-communities
    .col-left
    .section--copy-only
    .container,
    .page-template-garden-town .col-left .section--copy-only .container {
        padding: 0;
        max-width: none;
    }

        .page-template-blog-garden-communities
        .col-left
        .section--copy-only
        .container:before,
        .page-template-garden-town .col-left .section--copy-only .container:before {
            content: "";
            background-image: none;
        }

        .page-template-blog-garden-communities
        .col-left
        .section--copy-only
        .container
        h2,
        .page-template-blog-garden-communities
        .col-left
        .section--copy-only
        .container
        p,
        .page-template-garden-town .col-left .section--copy-only .container h2,
        .page-template-garden-town .col-left .section--copy-only .container p {
            max-width: none;
            margin-left: 0;
            margin-right: 0;
        }
}

.page-template-blog-garden-communities .section--latest-news-block,
.page-template-garden-town .section--latest-news-block {
    padding-bottom: 35px;
}

    .page-template-blog-garden-communities .section--latest-news-block .news,
    .page-template-garden-town .section--latest-news-block .news {
        padding-bottom: 70px;
    }

        .page-template-blog-garden-communities
        .section--latest-news-block
        .news
        article:last-child
        .tags,
        .page-template-garden-town
        .section--latest-news-block
        .news
        article:last-child
        .tags {
            border-bottom: none;
        }

        .page-template-blog-garden-communities
        .section--latest-news-block
        .news
        .socials
        .youTube,
        .page-template-garden-town .section--latest-news-block .news .socials .youTube {
            margin-bottom: 0;
        }

.page-template-garden-town-charter {
    color: #233d43 !important;
}

    .page-template-garden-town-charter ::-webkit-scrollbar {
        width: 7px;
    }

    .page-template-garden-town-charter ::-webkit-scrollbar-track {
        background: #233d43;
    }

    .page-template-garden-town-charter ::-webkit-scrollbar-thumb {
        background: #c1f9cc;
    }

        .page-template-garden-town-charter ::-webkit-scrollbar-thumb:hover {
            background: #c1f9cc;
        }

@media (min-width: 768px) {
    .page-template-garden-town-charter header#home-banner {
        background-size: 20%;
        background-position: right 30px center;
    }
}

.page-template-garden-town-charter header.garden-town-banner {
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: right 30px top 15px;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo.svg);
    position: relative;
    justify-content: center;
    border-bottom: none;
    min-height: 0;
    background-color: #1f524d;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter header.garden-town-banner {
        background-size: 100px;
    }
}

.page-template-garden-town-charter header.garden-town-banner:after {
    display: none;
}

.page-template-garden-town-charter header.garden-town-banner .container {
    position: relative;
    z-index: 1;
    padding: 35px;
    box-sizing: border-box;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter header.garden-town-banner .container {
        padding: 35px;
    }
}

.page-template-garden-town-charter header.garden-town-banner .container h1 {
    position: relative;
    z-index: 2;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 10px;
    text-shadow: none;
    color: #c1f9cc;
    background-color: rgba(0, 0, 0, 0.001);
}

    .page-template-garden-town-charter
    header.garden-town-banner
    .container
    h1
    span {
        display: block;
        font-size: 0.5em;
        font-weight: 100;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter header.garden-town-banner .container h1 {
        font-size: 2.8em;
        max-width: 800px;
    }
}

.page-template-garden-town-charter header.garden-town-banner .container p {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.2;
    text-align: center;
}

.page-template-garden-town-charter header.garden-town-banner .scroll--down {
    background-color: #c1f9cc;
    text-decoration: none;
    color: #233d43;
    display: inline-block;
    position: absolute;
    bottom: 35px;
    left: 50%;
    height: 75px;
    border: none;
    width: 75px;
    margin: auto 0 auto -38px;
    border-radius: 50%;
}

    .page-template-garden-town-charter
    header.garden-town-banner
    .scroll--down:after {
        content: "\f054";
        color: #233d43;
        font-family: FontAwesome;
        font-size: inherit;
        top: 0;
        position: absolute;
        height: 75px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        transform: rotate(90deg);
        margin-left: auto;
        margin-right: auto;
        border: none;
        width: 75px;
        height: 75px;
        right: 0;
        padding: 0;
    }

    .page-template-garden-town-charter
    header.garden-town-banner
    .scroll--down:hover {
        transition: all 0.3s ease-in-out;
        background-color: #233d43;
    }

        .page-template-garden-town-charter
        header.garden-town-banner
        .scroll--down:hover:after {
            content: "\f054";
            color: #c1f9cc;
        }

.page-template-garden-town-charter .breadcrumb .container {
    padding: 10px 35px;
}

    .page-template-garden-town-charter .breadcrumb .container a {
        color: #c1f9cc;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter .breadcrumb {
        position: sticky;
        top: 135px;
    }
}

.page-template-garden-town-charter .content--container-wrapper {
    padding: 0;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container {
        flex-direction: column;
        flex-wrap: unset;
        position: relative;
        padding: 0;
        overflow: hidden;
        max-width: 1920px;
        margin: auto;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container {
        flex-direction: row;
        flex-wrap: unset;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
a {
    color: inherit;
    font-weight: 700;
    text-underline-offset: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
li {
    color: #fff;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    li
    a {
        color: #fff;
        font-weight: 700;
        text-underline-offset: 4px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        padding: 0;
        font-size: 90%;
    }

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
    background-color: #1f524d !important;
    padding-left: 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left {
        width: 25%;
        margin-right: 52.5px;
        max-width: 340px;
        margin-top: 0;
        border-right: 1px solid rgba(193, 249, 204, 0.3);
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left:after {
    content: "";
    background-color: transparent;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .gc-nav {
        max-height: calc(100vh - 5em);
        overflow-y: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu.active {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
    visibility: visible;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu
#close-inpage-nav {
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid #233d43;
    padding: 10px;
    color: #233d43;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    display: block;
    align-self: flex-end;
    margin-right: 7px;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav.is-active {
        display: block;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:focus,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: transparent;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav {
        display: none;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#close-inpage-menu-toggle {
    display: none;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #233d43;
    z-index: 9;
    width: 100%;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .hamburger {
        display: none;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger
.label {
    font-size: 0.8em;
    position: relative;
    top: -8px;
    display: none;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger-inner,
.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger-inner::after,
.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger-inner::before {
    background-color: #c1f9cc;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.hamburger
.label {
    color: #c1f9cc;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu.active {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
    visibility: visible;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
#inpage-menu
#close-inpage-nav {
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid #233d43;
    padding: 10px;
    color: #233d43;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    display: block;
    align-self: flex-end;
    margin-right: 7px;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav.is-active {
        display: block;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:focus,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: transparent;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav {
        display: none;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.module {
    background-color: #1f524d;
    margin-top: 0;
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .module {
        padding: 0 0 140px;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.module
ul {
    margin-top: 46px;
    border-top: 1px solid rgba(193, 249, 204, 0.3);
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul {
        margin-top: 0;
        border-top: none;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-left
.module
ul
li {
    margin-bottom: 0;
    line-height: 1.4;
    color: #1f524d;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul
    li
    ul {
        margin-top: 0;
        border-top: none;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul
    li
    a {
        text-decoration: none;
        padding: 10px;
        border-bottom: 1px solid rgba(193, 249, 204, 0.3);
        position: relative;
        cursor: pointer;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-left
        .module
        ul
        li
        a:focus,
        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-left
        .module
        ul
        li
        a:hover {
            background-color: #c1f9cc;
            color: #233d43;
        }

            .page-template-garden-town-charter
            .content--container-wrapper
            .content--container
            .col-left
            .module
            ul
            li
            a:focus:after,
            .page-template-garden-town-charter
            .content--container-wrapper
            .content--container
            .col-left
            .module
            ul
            li
            a:hover:after {
                color: #1f524d;
            }

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right {
    background-color: transparent;
    position: relative;
    width: 100%;
    padding-left: 0;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        justify-content: start;
        position: relative;
        z-index: 1;
    }

@media screen and (max-height: 1280px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center {
        min-height: 100vh;
    }
}

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center {
        width: 100%;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: flex-start;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.white {
    background-color: #fff;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    h3 {
        color: #233d43;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    p {
        color: #233d43;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        p.intro {
            color: #233d43;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    blockquote {
        padding: 35px;
        border: none;
        background-color: #f6f6f6;
        text-align: center;
        margin-top: 70px;
        font-size: 1em;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        blockquote:before {
            content: "";
        }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        blockquote
        img {
            position: absolute;
            top: -35px;
            border-radius: 50%;
            width: 70px;
            left: 50%;
            margin-left: -35px;
        }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        blockquote
        br {
            display: none;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    .intro
    p:last-child {
        background: #233d43;
        color: #fff;
        padding: 17.5px 17.5px 17.5px 70px;
        border: none;
        position: relative;
        font-style: normal;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        .intro
        p:last-child:before {
            content: "\f336";
            width: 50px;
            height: 50px;
            color: #fff;
            position: absolute;
            font-family: "Font Awesome 6 Pro";
            left: 17.5px;
            top: 17.5px;
            font-size: 2.5vw;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    table {
        width: 100%;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        table
        tr
        th {
            border: 1px solid #233d43;
            padding: 10px;
            font-weight: 800;
        }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        table
        tr
        td {
            border: 1px solid #233d43;
            padding: 10px;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    ul {
        margin-top: 10px;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.white
        ul
        li {
            color: #233d43;
            list-style-type: disc;
            margin-bottom: 5px;
            line-height: 1.4;
            margin-left: 17.5px;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #fff;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #fff;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    .col-center-right:before {
        content: "";
        background-position: center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo-dark-green.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 130px;
        height: 130px;
        position: absolute;
        top: auto;
        left: 15px;
        bottom: -45px;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.white
    .col-center-right:before {
        top: 0;
        left: -45px;
        bottom: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.grey {
    background-color: #f6f6f6;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    h3 {
        color: #233d43;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    p {
        color: #233d43;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        p.intro {
            color: #233d43;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    .intro
    p:last-child {
        background: #233d43;
        color: #fff;
        padding: 17.5px 17.5px 17.5px 70px;
        border: none;
        position: relative;
        font-style: normal;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        .intro
        p:last-child:before {
            content: "\f336";
            width: 50px;
            height: 50px;
            color: #fff;
            position: absolute;
            font-family: "Font Awesome 6 Pro";
            left: 17.5px;
            top: 17.5px;
            font-size: 2.5vw;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    blockquote {
        padding: 35px;
        border: none;
        background-color: #fff;
        text-align: center;
        margin-top: 70px;
        font-size: 1em;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        blockquote:before {
            content: "";
        }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        blockquote
        img {
            position: absolute;
            top: -35px;
            border-radius: 50%;
            width: 70px;
            left: 50%;
            margin-left: -35px;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    table {
        width: 100%;
        font-size: 0.8em;
        margin-top: 17.5px;
        margin-bottom: 17.5px;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        table
        tr
        th {
            border: 1px solid #233d43;
            padding: 10px;
            font-weight: 800;
            text-align: left;
        }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        table
        tr
        td {
            border: 1px solid #233d43;
            padding: 10px;
            text-align: left;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    ul {
        margin-top: 10px;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.grey
        ul
        li {
            color: #233d43;
            list-style-type: disc;
            margin-bottom: 5px;
            line-height: 1.4;
            margin-left: 17.5px;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #f6f6f6;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #f6f6f6;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    .col-center-right:before {
        content: "";
        background-position: center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo-dark-green.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 130px;
        height: 130px;
        position: absolute;
        top: auto;
        left: 15px;
        bottom: -45px;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.grey
    .col-center-right:before {
        top: 0;
        left: -45px;
        bottom: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.dark-green {
    background-color: #1f524d;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    h3 {
        color: #c1f9cc;
        border-color: #c1f9cc;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    p {
        color: #fff;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    ul {
        margin-top: 10px;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.dark-green
        ul
        li {
            color: #fff;
            list-style-type: disc;
            margin-bottom: 5px;
            line-height: 1.4;
            margin-left: 17.5px;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    p.intro {
        color: #c1f9cc;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #1f524d;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #1f524d;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    .col-center-right:before {
        content: "";
        background-position: center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 130px;
        height: 130px;
        position: absolute;
        top: auto;
        left: 15px;
        bottom: -45px;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.dark-green
    .col-center-right:before {
        top: 0;
        left: -45px;
        bottom: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.light-green {
    background-color: #c1f9cc;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green
    h3 {
        color: #1f524d;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green
    p {
        color: #1f524d;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.light-green
        p.intro {
            color: #1f524d;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #c1f9cc;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #c1f9cc;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green
    .col-center-right:before {
        content: "";
        background-position: center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo-dark-green.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 130px;
        height: 130px;
        position: absolute;
        top: auto;
        left: 15px;
        bottom: -45px;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.light-green
    .col-center-right:before {
        top: 0;
        left: -45px;
        bottom: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.stone {
    background-color: #e1e2dd;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone
    h3 {
        color: #aa7644;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone
    p {
        color: #58595b;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.stone
        .intro
        p,
        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.stone
        p.intro {
            color: #aa7644;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #e1e2dd;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #e1e2dd;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone
    .col-center-right:before {
        content: "";
        background-position: center;
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo-dark-brown.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 130px;
        height: 130px;
        position: absolute;
        top: auto;
        left: 15px;
        bottom: -45px;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.stone
    .col-center-right:before {
        top: 0;
        left: -45px;
        bottom: auto;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center.brown {
    background-color: #aa7644;
    background-image: url(../../../../../../../../themes/tewkesbury/assets/images/gt-logo-dark-brown-bg.svg);
    background-size: 39%;
    background-position: top 140px right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown
    h2 {
        text-align: center;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown
    h2,
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown
    h3 {
        color: #fff;
        border-color: #fff;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown
    p {
        color: #fff;
        margin-top: 0 !important;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center.brown
        p.intro {
            color: #fff;
        }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown:before {
        content: "";
        width: 100%;
        margin-left: -50%;
        background-color: #aa7644;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center.brown:after {
        content: "";
        width: 100%;
        margin-right: -50%;
        background-color: #aa7644;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: -1;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center {
        width: 100%;
        box-sizing: border-box;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content {
    width: 100%;
    box-sizing: border-box;
    padding: 35px 17.5px 35px 17.5px;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-content {
        padding: 35px 35px 35px 17.5px;
        width: 75%;
    }
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-content {
        padding: 35px 35px 35px 0;
        width: 75%;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content
h2 {
    line-height: 1.2;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-content
    h2
    span {
        display: block;
        font-size: 0.5em;
        font-weight: 100;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-content
    h2 {
        font-size: 2.2em;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content
h3 {
    line-height: 1.2;
    font-weight: 400;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content
p.intro {
    line-height: 1.2;
    font-weight: 400;
    border-top: 1px dashed;
    padding-top: 17.5px;
    font-size: 1.2em;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content
.intro
p {
    line-height: 1.2;
    font-weight: 100;
    border-top: 1px dashed;
    padding-top: 17.5px;
    font-size: 1.2em;
    font-style: italic;
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-content
p {
    margin-top: 17.5px;
    line-height: 1.4;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-content
    p
    em
    strong {
        display: block;
        text-align: center;
    }

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-right {
    width: 100%;
    box-sizing: border-box;
    padding: 70px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 35px;
    background-position: center;
    position: relative;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-right {
        padding: 35px;
        margin: 35px 0 35px 70px;
        width: 25%;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center
        .col-center-right:before {
            display: block;
        }
}

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-right {
        padding: 35px;
        margin: 35px;
        width: 25%;
    }

        .page-template-garden-town-charter
        .content--container-wrapper
        .content--container
        .col-right
        .col-center
        .col-center-right:before {
            display: block;
        }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-right
img.icon {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 15px;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-right
    img.icon {
        left: -45px;
    }
}

.page-template-garden-town-charter
.content--container-wrapper
.content--container
.col-right
.col-center
.col-center-right.has-icon {
    margin-top: 35px;
    padding: 35px;
}

    .page-template-garden-town-charter
    .content--container-wrapper
    .content--container
    .col-right
    .col-center
    .col-center-right.has-icon:before {
        display: none;
    }

.page-template-garden-town-charter .cd-timeline {
    overflow: hidden;
    padding: 2em 0;
}

    .page-template-garden-town-charter .cd-timeline h2 {
        font-weight: 700;
        font-size: 2.8em !important;
        text-align: inherit;
    }

    .page-template-garden-town-charter .cd-timeline p strong {
        margin-bottom: 10px;
        display: inline-block;
    }

.page-template-garden-town-charter .cd-timeline__container {
    position: relative;
}

    .page-template-garden-town-charter .cd-timeline__container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #fff;
    }

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__container::before {
        left: 50%;
        transform: translateX(-50%);
    }
}

.page-template-garden-town-charter .cd-timeline__block {
    display: flex;
    position: relative;
    z-index: 1;
    margin-bottom: 2em;
    text-align: left;
    align-items: baseline;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__block {
        text-align: right;
    }
}

.page-template-garden-town-charter .cd-timeline__block h2 {
    text-align: left !important;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__block h2 {
        text-align: right !important;
    }
}

.page-template-garden-town-charter .cd-timeline__block:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__block:nth-child(even) {
        flex-direction: row-reverse;
        text-align: left;
    }

        .page-template-garden-town-charter .cd-timeline__block:nth-child(even) h2 {
            text-align: left !important;
        }
}

.page-template-garden-town-charter .cd-timeline__img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 10px;
    will-change: transform;
    background-color: #fff;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__img {
        width: 20px;
        height: 20px;
        order: 1;
        margin-left: calc(5% - 10px);
        will-change: transform;
        background-color: #fff;
        border-radius: 50%;
    }

    .page-template-garden-town-charter
    .cd-timeline__block:nth-child(even)
    .cd-timeline__img {
        margin-right: calc(5% - 10px);
    }
}

.page-template-garden-town-charter .cd-timeline__content {
    flex-grow: 1;
    position: relative;
    margin-left: 1.25em;
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__content {
        width: 45%;
        flex-grow: 0;
        will-change: transform;
        margin: 0;
        --line-height-multiplier: 1.2;
    }

        .page-template-garden-town-charter .cd-timeline__content::before {
            top: 24px;
        }

    .page-template-garden-town-charter
    .cd-timeline__block:nth-child(odd)
    .cd-timeline__content::before {
        right: auto;
        left: 100%;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-left-color: #fff;
    }
}

@media (min-width: 768px) {
    .page-template-garden-town-charter .cd-timeline__content--hidden,
    .page-template-garden-town-charter .cd-timeline__img--hidden {
        visibility: hidden;
    }

    .page-template-garden-town-charter .cd-timeline__img--bounce-in {
        animation: cd-bounce-1 0.6s;
    }

    .page-template-garden-town-charter .cd-timeline__content--bounce-in {
        animation: cd-bounce-2 0.6s;
    }

    .page-template-garden-town-charter
    .cd-timeline__block:nth-child(even)
    .cd-timeline__content--bounce-in {
        animation-name: cd-bounce-2-inverse;
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

.page-template-garden-town-charter .charter-icon-text-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

    .page-template-garden-town-charter .charter-icon-text-wrap .charter-icon-text {
        width: calc(50% - 17.5px);
        padding: 17.5px 0;
        text-align: center;
        font-size: 80%;
    }

@media (min-width: 992px) {
    .page-template-garden-town-charter
    .charter-icon-text-wrap
    .charter-icon-text {
        width: calc(33.333% - 35px);
    }
}

.page-template-garden-town-charter
.charter-icon-text-wrap
.charter-icon-text
img {
    width: 100%;
    max-width: 80px;
    height: 100%;
    max-height: 80px;
}

.page-template-garden-town-charter
.charter-icon-text-wrap
.charter-icon-text
p {
    margin-top: 10px !important;
}

.page-template-garden-town-charter .progress-container {
    width: 100%;
    height: 8px;
    background: #fff;
}

.page-template-garden-town-charter .progress-bar-wrapper {
    height: 20px;
    width: 0%;
    background: #233d43;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 2;
}

.page-template-garden-town-charter .progress-bar {
    height: 5px;
    background: #c1f9cc;
    width: 0%;
    margin-top: 8px;
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    perspective: 1000px;
    perspective-origin: 50% 200%;
}

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
            outline: 0;
        }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px !important;
    background: rgba(0, 0, 0, 0.3);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 10px;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-family: FontAwesome;
    color: #fff;
}

.dl-menuwrapper li.dl-back:after {
    top: 8px;
    left: 10px;
    transform: rotate(180deg);
}

.dl-menuwrapper li.dl-back:focus,
.dl-menuwrapper li.dl-back:hover {
    background-color: #c1f9cc;
    color: #233d43;
}

    .dl-menuwrapper li.dl-back:focus:after,
    .dl-menuwrapper li.dl-back:hover:after {
        color: #1f524d;
    }

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subview > a,
.dl-menu.dl-subview li.dl-subviewopen > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    animation: MenuAnimOut5 0.4s ease;
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(-500px) rotateY(0);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    animation: MenuAnimIn5 0.4s ease;
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0);
        opacity: 0;
    }

    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    animation: SubMenuAnimIn5 0.4s ease;
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    animation: SubMenuAnimOut5 0.4s ease;
}

@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: "";
    }

.page-template-slides-with-navigation {
    color: #233d43 !important;
}

    .page-template-slides-with-navigation ::-webkit-scrollbar {
        width: 7px;
    }

    .page-template-slides-with-navigation ::-webkit-scrollbar-track {
        background: #233d43;
    }

    .page-template-slides-with-navigation ::-webkit-scrollbar-thumb {
        background: #c1f9cc;
    }

        .page-template-slides-with-navigation ::-webkit-scrollbar-thumb:hover {
            background: #c1f9cc;
        }

    .page-template-slides-with-navigation header.banner {
        position: relative;
        justify-content: center;
        border-bottom: none;
        min-height: 0;
        background-color: #f6f6f6;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

        .page-template-slides-with-navigation header.banner:after {
            display: none;
        }

        .page-template-slides-with-navigation header.banner .container {
            position: relative;
            z-index: 1;
            padding: 35px;
            box-sizing: border-box;
            height: -moz-fit-content;
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

@media (min-width: 992px) {
    .page-template-slides-with-navigation header.banner .container {
        padding: 35px;
    }
}

.page-template-slides-with-navigation header.banner .container h1 {
    position: relative;
    z-index: 2;
    font-size: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 10px;
    text-shadow: none;
    color: #233d43;
    background-color: rgba(0, 0, 0, 0.001);
}

    .page-template-slides-with-navigation header.banner .container h1 span {
        display: block;
        font-size: 0.5em;
        font-weight: 100;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation header.banner .container h1 {
        font-size: 2.8em;
    }
}

.page-template-slides-with-navigation header.banner .container p {
    color: #233d43;
    font-size: 1.4em;
    line-height: 1.2;
    text-align: center;
}

.page-template-slides-with-navigation .breadcrumb .container {
    padding: 10px 35px;
}

    .page-template-slides-with-navigation .breadcrumb .container a {
        color: #fff;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation .breadcrumb {
        position: sticky;
        top: 135px;
    }
}

.page-template-slides-with-navigation .content--container-wrapper {
    padding: 0;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container {
        flex-direction: column;
        flex-wrap: unset;
        position: relative;
        padding: 0;
        overflow: hidden;
        max-width: 1920px;
        margin: auto;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container {
        flex-direction: row;
        flex-wrap: unset;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
a {
    color: inherit;
    font-weight: 700;
    text-underline-offset: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
li {
    color: #fff;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    li
    a {
        color: #fff;
        font-weight: 700;
        text-underline-offset: 4px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        padding: 0;
        font-size: 90%;
    }

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
    background-color: #233d43 !important;
    padding-left: 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left {
        width: 25%;
        margin-right: 52.5px;
        max-width: 340px;
        margin-top: 0;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left:after {
    content: "";
    background-color: transparent;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .gc-nav {
        max-height: calc(100vh - 5em);
        overflow-y: auto;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu.active {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
    visibility: visible;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu
#close-inpage-nav {
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid #233d43;
    padding: 10px;
    color: #233d43;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    display: block;
    align-self: flex-end;
    margin-right: 7px;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav.is-active {
        display: block;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:focus,
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: transparent;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav {
        display: none;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#close-inpage-menu-toggle {
    display: none;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #f6f6f6;
    z-index: 9;
    width: 100%;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .hamburger {
        display: none;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger
.label {
    font-size: 0.8em;
    position: relative;
    top: -8px;
    display: none;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger-inner,
.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger-inner::after,
.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger-inner::before {
    background-color: #233d43;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.hamburger
.label {
    color: #233d43;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu {
    max-height: 0;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu {
        max-height: 2000px;
        visibility: visible;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu.active {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
    visibility: visible;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
#inpage-menu
#close-inpage-nav {
    position: absolute;
    right: 0;
    top: 0;
    border: 3px solid #233d43;
    padding: 10px;
    color: #233d43;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    display: block;
    align-self: flex-end;
    margin-right: 7px;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav.is-active {
        display: block;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:focus,
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:hover {
        text-decoration: none;
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        background-color: transparent;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav:after {
        content: "\f00d";
        width: 10px;
        font-family: FontAwesome;
        margin-left: 17.5px;
        display: inline-block;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    #inpage-menu
    #close-inpage-nav {
        display: none;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.module {
    background-color: #233d43;
    margin-top: 0;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .module {
        padding: 0 0 140px;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.module
ul {
    margin-top: 46px;
    border-top: 1px solid rgba(193, 249, 204, 0.3);
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul {
        margin-top: 0;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-left
.module
ul
li {
    margin-bottom: 0;
    line-height: 1.4;
    color: #1f524d;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul
    li
    ul {
        margin-top: 0;
        border-top: none;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-left
    .module
    ul
    li
    a {
        text-decoration: none;
        padding: 10px;
        border-bottom: 1px solid rgba(193, 249, 204, 0.3);
        position: relative;
        cursor: pointer;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-left
        .module
        ul
        li
        a:focus,
        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-left
        .module
        ul
        li
        a:hover {
            background-color: #c1f9cc;
            color: #233d43;
        }

            .page-template-slides-with-navigation
            .content--container-wrapper
            .content--container
            .col-left
            .module
            ul
            li
            a:focus:after,
            .page-template-slides-with-navigation
            .content--container-wrapper
            .content--container
            .col-left
            .module
            ul
            li
            a:hover:after {
                color: #1f524d;
            }

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 70px 0;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper {
        width: 75%;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper {
        flex-direction: row;
        width: 75%;
        margin: 0;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right {
    background-color: transparent;
    position: relative;
    padding-left: 0;
    width: 100%;
}

@media (min-width: 1200px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right {
        width: 67.3%;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right.sidebar {
    width: auto;
    background-color: #f6f6f6;
    margin: 35px 17.5px 0 17.5px;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right.sidebar {
        margin: 35px 35px 0 0;
    }
}

@media (min-width: 1200px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right.sidebar {
        margin: 0;
        width: 32.7%;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    justify-content: start;
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center {
        width: 100%;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: flex-start;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center.white {
    background-color: #fff;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    h2,
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    h3 {
        color: #233d43;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    p {
        color: #233d43;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        p.intro {
            color: #233d43;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    blockquote {
        padding: 35px;
        border: none;
        background-color: #f6f6f6;
        text-align: center;
        margin-top: 70px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        blockquote:before {
            content: "";
        }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        blockquote
        img {
            position: absolute;
            top: -35px;
            border-radius: 50%;
            width: 70px;
            left: 50%;
            margin-left: -35px;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    .intro
    p:last-child {
        background: #233d43;
        color: #fff;
        padding: 17.5px 17.5px 17.5px 70px;
        border: none;
        position: relative;
        font-style: normal;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        .intro
        p:last-child:before {
            content: "\f336";
            width: 50px;
            height: 50px;
            color: #fff;
            position: absolute;
            font-family: "Font Awesome 6 Pro";
            left: 17.5px;
            top: 17.5px;
            font-size: 2.5vw;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    table {
        width: 100%;
        font-size: 0.8em;
        margin-top: 17.5px;
        margin-bottom: 17.5px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        table
        tr
        th {
            border: 1px solid #233d43;
            padding: 10px;
            font-weight: 800;
            text-align: left;
        }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        table
        tr
        td {
            border: 1px solid #233d43;
            padding: 10px;
            text-align: left;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.white
    ul {
        margin-top: 10px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.white
        ul
        li {
            color: #233d43;
            list-style-type: disc;
            margin-bottom: 5px;
            line-height: 1.4;
            margin-left: 17.5px;
        }

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center.grey {
    background-color: #f6f6f6;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    h2,
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    h3 {
        color: #233d43;
    }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    p {
        color: #233d43;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        p.intro {
            color: #233d43;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    .intro
    p:last-child {
        background: #233d43;
        color: #fff;
        padding: 17.5px 17.5px 17.5px 70px;
        border: none;
        position: relative;
        font-style: normal;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        .intro
        p:last-child:before {
            content: "\f336";
            width: 50px;
            height: 50px;
            color: #fff;
            position: absolute;
            font-family: "Font Awesome 6 Pro";
            left: 17.5px;
            top: 17.5px;
            font-size: 2.5vw;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    blockquote {
        padding: 35px;
        border: none;
        background-color: #fff;
        text-align: center;
        margin-top: 70px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        blockquote:before {
            content: "";
        }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        blockquote
        img {
            position: absolute;
            top: -35px;
            border-radius: 50%;
            width: 70px;
            left: 50%;
            margin-left: -35px;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    table {
        width: 100%;
        font-size: 0.8em;
        margin-top: 17.5px;
        margin-bottom: 17.5px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        table
        tr
        th {
            border: 1px solid #233d43;
            padding: 10px;
            font-weight: 800;
            text-align: left;
        }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        table
        tr
        td {
            border: 1px solid #233d43;
            padding: 10px;
            text-align: left;
        }

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center.grey
    ul {
        margin-top: 10px;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center.grey
        ul
        li {
            color: #233d43;
            list-style-type: disc;
            margin-bottom: 5px;
            line-height: 1.4;
            margin-left: 17.5px;
        }

@media (min-width: 768px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center {
        width: 100%;
        box-sizing: border-box;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content {
    width: 100%;
    box-sizing: border-box;
    padding: 35px 17.5px 35px 17.5px;
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-content {
        padding: 35px 0 0 0;
        width: 100%;
        margin-right: 35px;
    }
}

@media (min-width: 1200px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-content {
        padding: 35px 0 35px 0;
        width: 100%;
        margin-right: 52.5px;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
h2 {
    line-height: 1.2;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-content
    h2
    span {
        display: block;
        font-size: 0.5em;
        font-weight: 100;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-content
    h2 {
        font-size: 2.2em;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
h3 {
    line-height: 1.2;
    font-weight: 400;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
p.intro {
    line-height: 1.2;
    font-weight: 400;
    border-top: 1px dashed;
    padding-top: 17.5px;
    font-size: 1.2em;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
.intro
p {
    line-height: 1.2;
    font-weight: 100;
    border-top: 1px dashed;
    padding-top: 17.5px;
    font-size: 1.2em;
    font-style: italic;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
p {
    margin-top: 17.5px;
    line-height: 1.4;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-content
    p
    em
    strong {
        display: block;
        text-align: center;
    }

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-content
blockquote
strong {
    font-size: 0.7em;
    margin-top: 0;
    display: block;
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-right {
    width: 100%;
    box-sizing: border-box;
    padding: 70px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 35px;
    background-position: center;
    position: relative;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-right {
        padding: 35px;
        margin: 35px 0 35px 70px;
        width: 25%;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center
        .col-center-right:before {
            display: block;
        }
}

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-right {
        padding: 35px;
        margin: 35px;
        width: 25%;
    }

        .page-template-slides-with-navigation
        .content--container-wrapper
        .content--container
        .col-right-wrapper
        .col-right
        .col-center
        .col-center-right:before {
            display: block;
        }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-right
img.icon {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 15px;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-right
    img.icon {
        left: -45px;
    }
}

.page-template-slides-with-navigation
.content--container-wrapper
.content--container
.col-right-wrapper
.col-right
.col-center
.col-center-right.has-icon {
    margin-top: 35px;
    padding: 35px;
}

    .page-template-slides-with-navigation
    .content--container-wrapper
    .content--container
    .col-right-wrapper
    .col-right
    .col-center
    .col-center-right.has-icon:before {
        display: none;
    }

.page-template-slides-with-navigation .cd-timeline {
    overflow: hidden;
    padding: 2em 0;
}

    .page-template-slides-with-navigation .cd-timeline h2 {
        font-weight: 700;
        font-size: 2.8em !important;
        text-align: inherit;
    }

    .page-template-slides-with-navigation .cd-timeline p strong {
        margin-bottom: 10px;
        display: inline-block;
    }

.page-template-slides-with-navigation .cd-timeline__container {
    position: relative;
}

    .page-template-slides-with-navigation .cd-timeline__container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #fff;
    }

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__container::before {
        left: 50%;
        transform: translateX(-50%);
    }
}

.page-template-slides-with-navigation .cd-timeline__block {
    display: flex;
    position: relative;
    z-index: 1;
    margin-bottom: 2em;
    text-align: left;
    align-items: baseline;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__block {
        text-align: right;
    }
}

.page-template-slides-with-navigation .cd-timeline__block h2 {
    text-align: left !important;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__block h2 {
        text-align: right !important;
    }
}

.page-template-slides-with-navigation .cd-timeline__block:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__block:nth-child(even) {
        flex-direction: row-reverse;
        text-align: left;
    }

        .page-template-slides-with-navigation .cd-timeline__block:nth-child(even) h2 {
            text-align: left !important;
        }
}

.page-template-slides-with-navigation .cd-timeline__img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 10px;
    will-change: transform;
    background-color: #fff;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__img {
        width: 20px;
        height: 20px;
        order: 1;
        margin-left: calc(5% - 10px);
        will-change: transform;
        background-color: #fff;
        border-radius: 50%;
    }

    .page-template-slides-with-navigation
    .cd-timeline__block:nth-child(even)
    .cd-timeline__img {
        margin-right: calc(5% - 10px);
    }
}

.page-template-slides-with-navigation .cd-timeline__content {
    flex-grow: 1;
    position: relative;
    margin-left: 1.25em;
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__content {
        width: 45%;
        flex-grow: 0;
        will-change: transform;
        margin: 0;
        --line-height-multiplier: 1.2;
    }

        .page-template-slides-with-navigation .cd-timeline__content::before {
            top: 24px;
        }

    .page-template-slides-with-navigation
    .cd-timeline__block:nth-child(odd)
    .cd-timeline__content::before {
        right: auto;
        left: 100%;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-left-color: #fff;
    }
}

@media (min-width: 768px) {
    .page-template-slides-with-navigation .cd-timeline__content--hidden,
    .page-template-slides-with-navigation .cd-timeline__img--hidden {
        visibility: hidden;
    }

    .page-template-slides-with-navigation .cd-timeline__img--bounce-in {
        animation: cd-bounce-1 0.6s;
    }

    .page-template-slides-with-navigation .cd-timeline__content--bounce-in {
        animation: cd-bounce-2 0.6s;
    }

    .page-template-slides-with-navigation
    .cd-timeline__block:nth-child(even)
    .cd-timeline__content--bounce-in {
        animation-name: cd-bounce-2-inverse;
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

.page-template-slides-with-navigation .charter-icon-text-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

    .page-template-slides-with-navigation
    .charter-icon-text-wrap
    .charter-icon-text {
        width: calc(50% - 17.5px);
        padding: 17.5px 0;
        text-align: center;
        font-size: 80%;
    }

@media (min-width: 992px) {
    .page-template-slides-with-navigation
    .charter-icon-text-wrap
    .charter-icon-text {
        width: calc(33.333% - 35px);
    }
}

.page-template-slides-with-navigation
.charter-icon-text-wrap
.charter-icon-text
img {
    width: 100%;
    max-width: 80px;
    height: 100%;
    max-height: 80px;
}

.page-template-slides-with-navigation
.charter-icon-text-wrap
.charter-icon-text
p {
    margin-top: 10px !important;
}

.page-template-slides-with-navigation .progress-container {
    width: 100%;
    height: 8px;
    background: #fff;
}

.page-template-slides-with-navigation .progress-bar-wrapper {
    height: 20px;
    width: 0%;
    background: #233d43;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 2;
}

.page-template-slides-with-navigation .progress-bar {
    height: 5px;
    background: #c1f9cc;
    width: 0%;
    margin-top: 8px;
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    perspective: 1000px;
    perspective-origin: 50% 200%;
}

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        position: relative;
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: #fff;
            outline: 0;
        }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px !important;
    background: rgba(0, 0, 0, 0.3);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 10px;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-family: FontAwesome;
    color: #fff;
}

.dl-menuwrapper li.dl-back:after {
    top: 8px;
    left: 10px;
    transform: rotate(180deg);
}

.dl-menuwrapper li.dl-back:focus,
.dl-menuwrapper li.dl-back:hover {
    background-color: #c1f9cc;
    color: #233d43;
}

    .dl-menuwrapper li.dl-back:focus:after,
    .dl-menuwrapper li.dl-back:hover:after {
        color: #1f524d;
    }

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subview > a,
.dl-menu.dl-subview li.dl-subviewopen > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    animation: MenuAnimOut5 0.4s ease;
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(-500px) rotateY(0);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    animation: MenuAnimIn5 0.4s ease;
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0);
        opacity: 0;
    }

    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    animation: SubMenuAnimIn5 0.4s ease;
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    animation: SubMenuAnimOut5 0.4s ease;
}

@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: "";
    }

.poll-station-finder {
    padding-bottom: 17.5px;
    padding-top: 17.5px;
}

    .poll-station-finder .grid {
        margin-left: -17.5px;
        margin-right: -17.5px;
        background-color: #f6f6f6;
    }

@media (min-width: 768px) {
    .poll-station-finder .grid {
        flex-direction: row-reverse;
    }
}

.poll-station-finder .container {
    padding: 0 35px;
}

@media (min-width: 768px) {
    .poll-station-finder .container {
        padding: 0 52.5px;
    }
}

.poll-station-finder .block {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

    .poll-station-finder .block h2 {
        font-weight: 700;
        font-size: 1.2em;
        line-height: 1.4;
        margin-top: 25px;
    }

    .poll-station-finder .block p {
        margin-bottom: 17.5px;
    }

.poll-station-finder .image {
    padding: 0 !important;
}

    .poll-station-finder .image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

:host .Card {
    border-radius: 0 3px;
    clear: both;
    background: 0 0 !important;
    padding-bottom: 0.75rem;
    box-shadow: none !important;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 70px auto 70px;
    border-radius: 10px 10px 0 0;
}

    .tabs .radiotab {
        position: absolute;
        opacity: 0;
    }

        .tabs .radiotab:checked + .label {
            background: #fff;
            color: #000;
            border-top: solid 2px #000;
            border-left: solid 2px #000;
            border-right: solid 2px #000;
            border-bottom: none;
        }

    .tabs .panel {
        display: none;
        padding: 70px 35px 35px;
        background: #fff;
        width: 100%;
        border-left: solid 2px #000;
        border-bottom: solid 2px #000;
        border-right: solid 2px #000;
        order: 0;
        text-align: left;
    }

        .tabs .panel h2 {
            color: #000;
            margin-bottom: 35px;
        }

@media (min-width: 768px) {
    .tabs .panel {
        order: 99;
    }
}

.tabs .radiotab:checked + .label + .panel {
    display: block;
}

.tabs .label {
    width: 100%;
    padding: 22px 20px;
    background: #000;
    cursor: pointer;
    font-weight: 700;
    font-size: 1em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    border: none;
    border-radius: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .tabs .label {
        width: 25%;
        border-radius: 0;
        border-bottom: solid 2px #000;
    }
}

.tabs .label:hover {
    background: #000;
}

.tabs .label:active {
    background: #000;
}

.review {
    border-top: 1px solid #ccc;
    padding: 35px 0;
}

    .review p:first-child {
        font-size: 1.4em;
        font-weight: 400;
    }

    .review p {
        font-weight: 700;
    }

        .review p strong {
            color: #999;
            font-weight: 700;
        }
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 10px 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .hamburger:hover {
        opacity: 1;
    }

    .hamburger.is-active:hover {
        opacity: 1;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::after,
    .hamburger.is-active .hamburger-inner::before {
        background-color: #233d43;
    }

.hamburger-box {
    width: 40px;
    height: 20px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 40px;
        height: 4px;
        background-color: #233d43;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::after,
        .hamburger-inner::before {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx .hamburger-inner::after,
    .hamburger--3dx .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}

    .hamburger--3dx.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dx.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dx-r .hamburger-inner::after,
    .hamburger--3dx-r .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}

    .hamburger--3dx-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dx-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy .hamburger-inner::after,
    .hamburger--3dy .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}

    .hamburger--3dy.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dy-r .hamburger-inner::after,
    .hamburger--3dy-r .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}

    .hamburger--3dy-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy .hamburger-inner::after,
    .hamburger--3dxy .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}

    .hamburger--3dxy.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .hamburger--3dxy-r .hamburger-inner::after,
    .hamburger--3dxy-r .hamburger-inner::before {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

    .hamburger--3dxy-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--3dxy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn.is-active .hamburger-inner::before {
        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn.is-active .hamburger-inner::after {
        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn-r.is-active .hamburger-inner::before {
        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner::after {
        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    }

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--collapse-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse-r .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--collapse-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic .hamburger-inner::before {
        top: 10px;
        transition: opacity 125ms 275ms ease;
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 20px;
        transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 75ms;
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-270deg);
        transition-delay: 75ms;
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 275ms;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic-r .hamburger-inner::before {
        top: 10px;
        transition: opacity 125ms 275ms ease;
    }

    .hamburger--elastic-r .hamburger-inner::after {
        top: 20px;
        transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 75ms;
}

    .hamburger--elastic-r.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(270deg);
        transition-delay: 75ms;
    }

.hamburger--emphatic {
    overflow: hidden;
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color 125ms 175ms ease-in;
    }

        .hamburger--emphatic .hamburger-inner::before {
            left: 0;
            transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
        }

        .hamburger--emphatic .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic.is-active .hamburger-inner::before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px, 80px, 0) rotate(45deg);
            transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic.is-active .hamburger-inner::after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px, 80px, 0) rotate(-45deg);
            transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
        }

.hamburger--emphatic-r {
    overflow: hidden;
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color 125ms 175ms ease-in;
    }

        .hamburger--emphatic-r .hamburger-inner::before {
            left: 0;
            transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
        }

        .hamburger--emphatic-r .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important;
    }

        .hamburger--emphatic-r.is-active .hamburger-inner::before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px, -80px, 0) rotate(-45deg);
            transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
        }

        .hamburger--emphatic-r.is-active .hamburger-inner::after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px, -80px, 0) rotate(45deg);
            transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
        }

.hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
    transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

    .hamburger--slider .hamburger-inner::before {
        top: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider .hamburger-inner::after {
        top: 20px;
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg);
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

    .hamburger--slider-r .hamburger-inner::before {
        top: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider-r .hamburger-inner::after {
        top: 20px;
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

    .hamburger--slider-r.is-active .hamburger-inner::before {
        transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
        opacity: 0;
    }

    .hamburger--slider-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(90deg);
    }

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin-r .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin-r .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

    .hamburger--spring .hamburger-inner::before {
        top: 10px;
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--spring .hamburger-inner::after {
        top: 20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}

    .hamburger--spring.is-active .hamburger-inner::before {
        top: 0;
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner::after {
        top: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(-45deg);
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spring-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    }

    .hamburger--spring-r .hamburger-inner::before {
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spring-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    }

    .hamburger--spring-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--stand .hamburger-inner {
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
}

    .hamburger--stand .hamburger-inner::before {
        transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand .hamburger-inner::after {
        transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

    .hamburger--stand.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
}

    .hamburger--stand-r .hamburger-inner::before {
        transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--stand-r .hamburger-inner::after {
        transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

    .hamburger--stand-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger--stand-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 75ms 0.12s ease, opacity 75ms ease;
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 75ms 0.12s ease, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 75ms ease, opacity 75ms 0.12s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 75ms ease, transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex .hamburger-inner::after,
    .hamburger--vortex .hamburger-inner::before {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex .hamburger-inner::before {
        transition-property: top, opacity;
    }

    .hamburger--vortex .hamburger-inner::after {
        transition-property: bottom, transform;
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex.is-active .hamburger-inner::after,
    .hamburger--vortex.is-active .hamburger-inner::before {
        transition-delay: 0s;
    }

    .hamburger--vortex.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
    }

.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r .hamburger-inner::after,
    .hamburger--vortex-r .hamburger-inner::before {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex-r .hamburger-inner::before {
        transition-property: top, opacity;
    }

    .hamburger--vortex-r .hamburger-inner::after {
        transition-property: bottom, transform;
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger--vortex-r.is-active .hamburger-inner::after,
    .hamburger--vortex-r.is-active .hamburger-inner::before {
        transition-delay: 0s;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.slick-slider {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: flex;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: 0;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(../../../../../../../../themes/tewkesbury/assets/css/ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-display: swap;
    font-family: slick;
    src: url(../../../../../../../../themes/tewkesbury/assets/css/fonts/slick.eot);
    src: url(../../../../../../../../themes/tewkesbury/assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(../../../../../../../../themes/tewkesbury/assets/css/fonts/slick.woff) format("woff"), url(../../../../../../../../themes/tewkesbury/assets/css/fonts/slick.ttf) format("truetype"), url(../../../../../../../../themes/tewkesbury/assets/css/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal;
}

.slick-next,
.slick-prev {
    position: absolute;
    z-index: 3;
    display: block;
    height: 52.5px;
    width: 35px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: rgba(27, 62, 80, 0.3);
    color: transparent;
    top: 30%;
    transform: translate(0, -50%);
    padding: 10px;
    border: none;
    outline: 0;
}

@media (min-width: 768px) {
    .slick-next,
    .slick-prev {
        top: 50%;
        bottom: auto;
    }
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #f5ce3e;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: #f5ce3e solid 5px;
    transition: all 0.3s ease-in-out;
    background: #233d43;
}

.slick-prev {
    left: 0;
}

@media (min-width: 768px) {
    .slick-prev {
        left: 0;
    }
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 0;
}

.slick-prev:before {
    content: "";
    font-family: FontAwesome;
}

[dir="rtl"] .slick-prev:before {
    content: "";
}

.slick-next {
    right: 0;
}

@media (min-width: 768px) {
    .slick-next {
        right: 0;
    }
}

[dir="rtl"] .slick-next {
    left: 0;
    right: auto;
}

.slick-next:before {
    content: "";
    font-family: FontAwesome;
}

[dir="rtl"] .slick-next:before {
    content: "";
}

.slick-dots {
    position: relative;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 17.5px;
    margin: 0;
    width: auto;
    right: auto;
    left: auto;
    width: 100%;
    background: #f6f6f6;
}

@media (min-width: 992px) {
    .slick-dots {
        position: absolute;
        bottom: -60px;
        right: 35px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: auto;
        width: auto;
        background: 0 0;
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 44px;
    margin: 0 7.5px 0 7.5px;
    padding: 0;
    cursor: pointer;
}

    .slick-dots li button {
        border: 1px solid #233d43;
        border-radius: 50%;
        background-color: rgba(27, 62, 80, 0.01);
        background: 0 0;
        display: block;
        height: 44px;
        width: 44px;
        outline: 0;
        line-height: 0;
        font-size: 0;
        color: #fff;
        padding: 5px;
        cursor: pointer;
    }

        .slick-dots li button:focus,
        .slick-dots li button:hover {
            outline: #f5ce3e solid 5px;
            transition: all 0.3s ease-in-out;
        }

        .slick-dots li button:before {
            position: absolute;
            top: 50%;
            left: 50%;
            content: "•";
            width: 34px;
            height: 34px;
            font-family: slick;
            font-size: 10px;
            line-height: 35px;
            text-align: center;
            color: #f5ce3e;
            opacity: 0.25;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: -17px;
            margin-top: -17px;
            background: #233d43;
            border-radius: 50%;
        }

    .slick-dots li.slick-active button:before {
        color: #f5ce3e;
        opacity: 1;
    }

.section--slider {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    min-height: 350px;
}

.slider--wrapper {
    position: relative;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    z-index: 1;
}

    .slider--wrapper .slider {
        width: 100%;
        top: 0;
        z-index: 1;
    }

        .slider--wrapper .slider .slick-list {
            height: 100%;
        }

            .slider--wrapper .slider .slick-list .slick-track {
                height: 100%;
            }

                .slider--wrapper .slider .slick-list .slick-track .slide {
                    display: flex;
                    display: -webkit-flex;
                    z-index: 2;
                }

                    .slider--wrapper .slider .slick-list .slick-track .slide .grid {
                        width: 100%;
                        position: relative;
                    }

                    .slider--wrapper .slider .slick-list .slick-track .slide .block {
                        padding: 0;
                    }

                        .slider--wrapper .slider .slick-list .slick-track .slide .block img {
                            height: 100%;
                            width: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                        }

                    .slider--wrapper .slider .slick-list .slick-track .slide .block-content {
                        padding: 35px 70px;
                        flex-direction: column;
                        height: -webkit-fill-available;
                        text-align: center;
                        justify-content: center;
                    }

@media (min-width: 768px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content {
        padding: 52.5px 70px 52.5px 52.5px;
        justify-content: center;
        min-height: auto;
        max-height: none;
        height: auto;
        text-align: left;
        width: 66.666%;
    }
}

@media (min-width: 992px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content {
        width: 50%;
    }
}

.slider--wrapper .slider .slick-list .slick-track .slide .block-content h1 {
    position: relative;
    z-index: 2;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content h1 {
        font-size: 2.8em;
    }
}

.slider--wrapper .slider .slick-list .slick-track .slide .block-content p {
    font-size: 1em;
    line-height: 1.4;
    margin-top: 17.5px;
    margin-bottom: 17.5px;
    z-index: 2;
}

@media (min-width: 768px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content p {
        font-size: 1.4em;
        margin-top: 17.5px;
        margin-bottom: 35px;
    }
}

.slider--wrapper .slider .slick-list .slick-track .slide .block-content .cta {
    background-color: transparent;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content .cta {
        margin-left: 0;
    }
}

.slider--wrapper
.slider
.slick-list
.slick-track
.slide
.block-content.dark-blue {
    background-color: #233d43;
}

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.dark-blue
    h1,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.dark-blue
    p,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.dark-blue
    span {
        color: #fff;
    }

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.dark-blue
    .cta {
        border-color: #fff;
        color: #fff;
    }

        .slider--wrapper
        .slider
        .slick-list
        .slick-track
        .slide
        .block-content.dark-blue
        .cta
        span.fa-chevron-right {
            border-color: #fff;
        }

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.red {
    background-color: #9c2448;
}

    .slider--wrapper .slider .slick-list .slick-track .slide .block-content.red h1,
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content.red p,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.red
    span {
        color: #fff;
    }

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.red
    .cta {
        border-color: #fff;
        color: #fff;
    }

        .slider--wrapper
        .slider
        .slick-list
        .slick-track
        .slide
        .block-content.red
        .cta
        span.fa-chevron-right {
            border-color: #fff;
        }

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.green {
    background-color: #1f524d;
}

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.green
    h1,
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content.green p,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.green
    span {
        color: #fff;
    }

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.green
    .cta {
        border-color: #fff;
        color: #fff;
    }

        .slider--wrapper
        .slider
        .slick-list
        .slick-track
        .slide
        .block-content.green
        .cta
        span.fa-chevron-right {
            border-color: #fff;
        }

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.grey {
    background-color: #d9dad8;
}

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.yellow {
    background-color: #f5ce3e;
}

.slider--wrapper
.slider
.slick-list
.slick-track
.slide
.block-content.light-green {
    background-color: #9ed4b0;
}

.slider--wrapper
.slider
.slick-list
.slick-track
.slide
.block-content.light-blue {
    background-color: #75cedc;
}

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.teal {
    background-color: #4cb85e;
}

    .slider--wrapper .slider .slick-list .slick-track .slide .block-content.teal h1,
    .slider--wrapper .slider .slick-list .slick-track .slide .block-content.teal p,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.teal
    span {
        color: #fff;
    }

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.teal
    .cta {
        border-color: #fff;
        color: #fff;
    }

        .slider--wrapper
        .slider
        .slick-list
        .slick-track
        .slide
        .block-content.teal
        .cta
        span.fa-chevron-right {
            border-color: #fff;
        }

.slider--wrapper .slider .slick-list .slick-track .slide .block-content.purple {
    background-color: #722282;
}

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.purple
    h1,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.purple
    p,
    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.purple
    span {
        color: #fff;
    }

    .slider--wrapper
    .slider
    .slick-list
    .slick-track
    .slide
    .block-content.purple
    .cta {
        border-color: #fff;
        color: #fff;
    }

        .slider--wrapper
        .slider
        .slick-list
        .slick-track
        .slide
        .block-content.purple
        .cta
        span.fa-chevron-right {
            border-color: #fff;
        }

.slider--wrapper .slider .slick-list .slick-track .slide .block-image {
    position: relative;
    max-height: 30vh;
    display: none;
}

@media (min-width: 768px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-image {
        min-height: auto;
        max-height: none;
        width: 33.333%;
        display: block;
    }
}

@media (min-width: 992px) {
    .slider--wrapper .slider .slick-list .slick-track .slide .block-image {
        width: 50%;
    }
}

.slider:not(.slick-initialized) .slide {
    display: none !important;
}

.slick-sr-only {
    background-color: #233d43;
    color: #fff;
}

.slick-autoplay-toggle-button {
    display: none;
}

.search--wrapper {
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 10px 15px;
}

    .search--wrapper input[type="search"] {
        font-family: Poppins, sans-serif;
        padding: 10px 15px;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        color: #233d43;
        border: 3px solid transparent;
        font-size: 0.7em;
        max-height: 47px;
        background-color: transparent;
        text-align: center;
    }

        .search--wrapper input[type="search"]:focus {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

        .search--wrapper input[type="search"]::-moz-placeholder {
            color: #233d43;
        }

        .search--wrapper input[type="search"]::placeholder {
            color: #233d43;
        }

@media (min-width: 992px) {
    .search--wrapper input[type="search"] {
        padding: 10px 15px;
        text-align: left;
        font-size: 0.9em;
        border: 3px solid #233d43;
        text-align: left;
    }
}

.search--wrapper form {
    position: relative;
    max-width: 100%;
    margin: auto;
}

@media (min-width: 992px) {
    .search--wrapper form {
        max-width: 565px;
    }
}

.search--wrapper button {
    background: 0 0;
    position: absolute;
    border: none;
    font-size: 1em;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 100%;
}

    .search--wrapper button span.fa-solid {
        padding-left: 14px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (min-width: 992px) {
    .search--wrapper button span.fa-solid {
        padding-left: 14px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.search--wrapper input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.search--wrapper input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.search--wrapper input[type="search"]::-webkit-search-cancel-button,
.search--wrapper input[type="search"]::-webkit-search-decoration,
.search--wrapper input[type="search"]::-webkit-search-results-button,
.search--wrapper input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

button.open-search {
    border: none;
    position: absolute;
    font-size: 0.8em;
    color: #fff;
    font-family: Poppins, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -5px;
    right: 60px;
    cursor: pointer;
    background-color: #233d43;
    width: 60px;
    height: 59px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

    button.open-search span.fa-solid {
        font-size: 1.4em;
        padding-right: 0;
    }

@media (min-width: 992px) {
    button.open-search {
        display: none;
    }
}

button.open-search .label {
    font-weight: 700;
    display: none;
}

body .searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: 100%;
    overflow: auto;
    border: 1px solid;
    background: #fff;
    position: fixed;
    z-index: 999;
    max-height: 384px;
    min-height: 60px;
    top: 65px !important;
}

body .searchwp-live-search-result p {
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: none;
    display: block;
    border-bottom: 1px solid;
}

    body .searchwp-live-search-result p a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0.8em 0.8em 0.4em;
        text-decoration: none;
    }

        body .searchwp-live-search-result p a:hover {
            background: 0 0;
            text-decoration: underline;
        }

    body .searchwp-live-search-result p span {
        padding: 0 0.8em;
        display: block;
        line-height: 1.2;
    }

#see-all {
    margin: 17.5px auto;
    border: 3px solid #233d43;
    background-color: transparent;
    padding: 10px 60px 10px 15px;
    text-decoration: none;
    color: #233d43;
    display: block;
    position: relative;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    font-size: 0.8em;
}

    #see-all:after {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        color: #233d43;
        position: absolute;
        right: 15px;
        top: 15px;
        margin-right: 0;
        border-left: 1px solid #233d43;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        padding-left: 15px;
        margin-left: 5px;
        font-weight: 300;
    }

    #see-all:focus,
    #see-all:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

body .searchwp-live-search-no-results em {
    padding: 17.5px;
    margin: auto;
    display: block;
}

@keyframes searchwp-spinner-line-fade-quick {
    0%, 100%, 39% {
        opacity: 0.25;
    }

    40% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .grid {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
}

.grid--2 {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .grid--2 .block {
        width: 100%;
        box-sizing: border-box;
        padding: 17.5px;
    }

@media (min-width: 768px) {
    .grid--2 .block {
        width: 50%;
    }
}

.grid--3 {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .grid--3 .block {
        width: 100%;
        box-sizing: border-box;
        padding: 17.5px;
    }

@media (min-width: 768px) {
    .grid--3 .block {
        width: 33.333%;
    }
}

.grid--4,
.grid--8 {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .grid--4 .block,
    .grid--8 .block {
        width: 100%;
        box-sizing: border-box;
        padding: 17.5px;
    }

@media (min-width: 768px) {
    .grid--4 .block,
    .grid--8 .block {
        width: 25%;
    }
}

.grid--5 {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .grid--5 .block {
        width: 100%;
        box-sizing: border-box;
        padding: 17.5px;
    }

@media (min-width: 768px) {
    .grid--5 .block {
        width: 50%;
    }
}

.grid--6 {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

    .grid--6 .block {
        width: 100%;
        box-sizing: border-box;
        padding: 17.5px;
    }

@media (min-width: 768px) {
    .grid--6 .block {
        width: 50%;
    }
}

.section--accordion {
    padding-bottom: 52.5px;
}

    .section--accordion .container {
        padding: 0 17.5px;
    }

@media (min-width: 768px) {
    .section--accordion .container {
        padding: 0 52.5px;
    }
}

@media (min-width: 1200px) {
    .section--accordion .container {
        margin-bottom: 70px;
        margin-top: 0;
    }
}

.section--accordion .container h2 {
    margin-bottom: 17.5px;
}

.section--accordion .container h3 {
    margin-bottom: 17.5px;
}

.section--accordion .container p {
    margin-bottom: 17.5px;
    line-height: 24px;
}

.section--accordion .container ul {
    margin-top: 17.5px;
    margin-right: 17.5px;
    margin-bottom: 35px;
}

    .section--accordion .container ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 1.4;
    }

        .section--accordion .container ul li:before {
            content: "\2022";
            color: #233d43;
            font-family: "Font Awesome 6 Pro";
            font-size: 1.8em;
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 300;
            line-height: 0.7;
        }

        .section--accordion .container ul li a {
            color: inherit;
            text-underline-offset: 4px;
            line-height: 1.4;
            margin-left: 0;
            display: inline-block;
            font-weight: 700;
        }

            .section--accordion .container ul li a:focus,
            .section--accordion .container ul li a:hover {
                background-color: #f5ce3e;
                transition: all 0.3s ease-in-out;
            }

.section--accordion .container .accordion {
    margin: 35px auto;
    padding: 0;
    border-radius: 7px;
    width: 100%;
    max-width: 800px;
}

    .section--accordion .container .accordion .accordion-trigger {
        background: 0 0;
        color: #233d43;
        display: block;
        font-size: 1.2em;
        line-height: 1.4;
        font-weight: 400;
        margin: 17.5px 0 0 0;
        padding: 17.5px 70px 17.5px 0;
        position: relative;
        text-align: left;
        width: 100%;
        outline: 0;
        position: relative;
        cursor: pointer;
        font-family: Poppins, sans-serif;
        font-weight: 700;
        border-bottom: 3px solid #233d43;
    }

        .section--accordion .container .accordion .accordion-trigger:after {
            content: "\f055";
            position: absolute;
            right: 0;
            top: 8px;
            font-family: "Font Awesome 6 Pro";
            color: #233d43;
            height: 100%;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2em;
            font-weight: 300;
        }

        .section--accordion .container .accordion .accordion-trigger:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

            .section--accordion .container .accordion .accordion-trigger:hover:after {
                color: #233d43;
            }

    .section--accordion .container .accordion button {
        border-style: none;
    }

    .section--accordion .container .accordion .accordion button::-moz-focus-inner {
        border: 0;
    }

    .section--accordion .container .accordion .accordion-title {
        display: block;
        pointer-events: none;
        outline: 0;
    }

    .section--accordion
    .container
    .accordion
    .accordion-trigger[aria-expanded="true"]:after {
        content: "\f056";
        position: absolute;
        right: 0;
        top: 8px;
        font-family: "Font Awesome 6 Pro";
        height: 100%;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 300;
    }

    .section--accordion .container .accordion .accordion-panel {
        background: 0 0;
        margin: 0;
        padding: 17.5px 0;
    }

        .section--accordion .container .accordion .accordion-panel p:last-child {
            margin-bottom: 0;
        }

        .section--accordion .container .accordion .accordion-panel ul {
            margin-top: 17.5px;
            margin-right: 17.5px;
            margin-bottom: 35px;
        }

            .section--accordion .container .accordion .accordion-panel ul li {
                margin-bottom: 10px;
                padding-left: 20px;
                position: relative;
                line-height: 1.4;
            }

                .section--accordion .container .accordion .accordion-panel ul li:before {
                    content: "\2022";
                    color: #4cb85e;
                    font-family: "Font Awesome 6 Pro";
                    font-size: 1.8em;
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-weight: 300;
                    line-height: 0.7;
                }

                .section--accordion .container .accordion .accordion-panel ul li a {
                    color: inherit;
                    text-underline-offset: 4px;
                    line-height: 1.4;
                    margin-left: 0;
                    display: inline-block;
                }

                    .section--accordion .container .accordion .accordion-panel ul li a:focus,
                    .section--accordion .container .accordion .accordion-panel ul li a:hover {
                        background-color: #f5ce3e;
                        transition: all 0.3s ease-in-out;
                    }

        .section--accordion .container .accordion .accordion-panel ol {
            margin-top: 17.5px;
            margin-right: 17.5px;
            margin-bottom: 35px;
        }

            .section--accordion .container .accordion .accordion-panel ol li {
                margin-bottom: 10px;
                padding-left: 15px;
                position: relative;
            }

                .section--accordion .container .accordion .accordion-panel ol li:before {
                    content: "\f054";
                    color: #233d43;
                    font-family: "Font Awesome 6 Pro";
                    font-size: inherit;
                    left: 0;
                    top: 5px;
                    position: absolute;
                    font-weight: 300;
                }

                .section--accordion .container .accordion .accordion-panel ol li a {
                    color: inherit;
                    text-underline-offset: 4px;
                    line-height: 1.4;
                    margin-left: 0;
                    display: inline-block;
                }

                    .section--accordion .container .accordion .accordion-panel ol li a:focus,
                    .section--accordion .container .accordion .accordion-panel ol li a:hover {
                        background-color: #f5ce3e;
                        transition: all 0.3s ease-in-out;
                    }

@media (min-width: 768px) {
    .section--accordion .container .accordion .accordion-panel ol {
        -moz-column-count: 2;
        column-count: 2;
    }
}

.section--accordion .container .accordion .accordion-panel[hidden] {
    display: none;
}

.section--accordion .section-border {
    margin-bottom: 35px;
}

    .section--accordion .section-border:after {
        content: "";
        background-color: #d9dad8;
        height: 1px;
        width: 100%;
        display: block;
    }

.col-left .section--accordion .container .accordion {
    max-width: none;
    margin: 35px 0;
}

section.access--settings {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #f6f6f6;
    max-width: 320px;
    right: 0;
    top: 0;
    height: 100%;
    padding: 70px 35px 35px;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    display: none;
    overflow-y: auto;
}

    section.access--settings.active {
        display: flex;
        animation: fadeIn 0.5s;
    }

    section.access--settings::-webkit-scrollbar {
        width: 0;
        background: 0 0;
    }

    section.access--settings #close-access-menu {
        position: relative;
        border: 3px solid #233d43;
        padding: 10px;
        color: #fff;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 0;
        margin-bottom: 35px;
        display: block;
        align-self: flex-end;
        margin-right: 0;
        background-color: #233d43;
        cursor: pointer;
        font-weight: 700;
    }

        section.access--settings #close-access-menu:focus,
        section.access--settings #close-access-menu:hover {
            text-decoration: none;
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            background-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

        section.access--settings #close-access-menu:after {
            content: "\f00d";
            width: 10px;
            font-family: FontAwesome;
            margin-left: 17.5px;
            display: inline-block;
        }

@media (min-width: 992px) {
    section.access--settings #close-access-menu {
        display: block;
    }
}

section.access--settings #close-access-menu .label {
    background-color: #233d43;
    color: #fff;
}

section.access--settings h2 {
    color: #233d43;
    font-size: 1.2em;
    margin-bottom: 5px;
}

section.access--settings p {
    color: #233d43;
    margin-bottom: 10px;
    font-size: 0.8em;
    line-height: 1.2;
}

    section.access--settings p.intro {
        margin-bottom: 17.5px;
    }

    section.access--settings p strong {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

section.access--settings ul {
    margin-bottom: 17.5px;
}

    section.access--settings ul li button.cta {
        cursor: pointer;
        display: block;
        margin-bottom: 10px;
        width: 100%;
        text-align: left;
        font-size: 0.8em;
        font-family: Poppins, sans-serif;
        padding: 5px 10px;
    }

        section.access--settings ul li button.cta span.fa-circle-dot {
            color: #233d43;
            position: absolute;
            right: 15px;
            top: 15px;
            margin-right: 0;
            border-left: 3px solid #233d43;
            height: 100%;
            top: 0;
            display: flex;
            align-items: center;
            padding-left: 15px;
            margin-left: 5px;
        }

        section.access--settings ul li button.cta:focus,
        section.access--settings ul li button.cta:hover {
            outline: #f5ce3e solid 5px;
            border-color: #233d43;
            transition: all 0.3s ease-in-out;
        }

    section.access--settings ul li button.selected {
        background-color: #233d43;
        color: #fff;
    }

        section.access--settings ul li button.selected span.fa-circle-dot {
            color: #fff;
            border-left: 1px solid #fff;
        }

button.reset {
    background-color: #4cb85e;
    color: #233d43;
    border-color: #233d43;
    cursor: pointer;
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 60px 10px 15px;
}

    button.reset span.fa-arrows-rotate {
        color: #233d43;
        position: absolute;
        right: 15px;
        top: 15px;
        margin-right: 0;
        border-left: 3px solid #233d43;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        padding-left: 15px;
        margin-left: 5px;
    }

    button.reset:focus,
    button.reset:hover {
        outline: #f5ce3e solid 5px;
        border-color: #233d43;
        transition: all 0.3s ease-in-out;
    }

        button.reset:focus span.fa-arrows-rotate,
        button.reset:hover span.fa-arrows-rotate {
            color: #233d43;
        }

.controls {
    justify-content: space-between;
}

body.highcontrast {
    background-color: #000;
}

    body.highcontrast ::-moz-selection {
        color: #000 !important;
        background-color: #ff0 !important;
    }

    body.highcontrast ::selection {
        color: #000 !important;
        background-color: #ff0 !important;
    }

    body.highcontrast .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-h-mobile.svg) !important;
        background-color: #000 !important;
        background-repeat: no-repeat;
    }

        body.highcontrast .navigation .container .logo:focus,
        body.highcontrast .navigation .container .logo:hover {
            background-color: #000 !important;
        }

@media (min-width: 992px) {
    body.highcontrast .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-high.svg) !important;
    }
}

body.highcontrast
.header
.top-utilities
.gtranslate_wrapper
.gt_float_switcher
.gt-selected
.gt-current-lang {
    background: #000 !important;
    color: #0f0 !important;
    border-color: #ff0 !important;
}

body.highcontrast .gt-lang-code {
    color: #0f0 !important;
}

body.highcontrast .gt_options {
    background: #000 !important;
}

body.highcontrast button.open-search {
    color: #0f0 !important;
    background-color: #000 !important;
    border-left: 1px solid #ff0 !important;
}

    body.highcontrast button.open-search span {
        color: #0f0 !important;
    }

body.highcontrast .hamburger {
    background: #000 !important;
    border-color: #ff0 !important;
}

    body.highcontrast .hamburger span:after,
    body.highcontrast .hamburger span:before,
    body.highcontrast .hamburger--spring .hamburger-inner {
        background-color: #0f0 !important;
    }

body.highcontrast .active .hamburger-inner {
    background-color: #000 !important;
}

body.highcontrast .access--settings .cta:focus,
body.highcontrast .access--settings .cta:hover,
body.highcontrast .control__indicator,
body.highcontrast a:focus,
body.highcontrast a:hover,
body.highcontrast button:focus,
body.highcontrast button:hover,
body.highcontrast input:focus,
body.highcontrast input:hover {
    outline-color: #0f0 !important;
}

body.highcontrast .access--settings .cta.selected {
    background: #ff0 !important;
    color: #000 !important;
}

    body.highcontrast .access--settings .cta.selected span {
        background: #ff0 !important;
        color: #000 !important;
        border-color: #000 !important;
    }

body.highcontrast h1 span {
    background: #ff0 !important;
    color: #000 !important;
}

body.highcontrast input::-moz-placeholder {
    background-color: #000 !important;
    border-color: #ff0 !important;
    color: #ff0 !important;
}

body.highcontrast #post-filters,
body.highcontrast .accordion ol li:before,
body.highcontrast .base--links,
body.highcontrast .block,
body.highcontrast .block div,
body.highcontrast .container,
body.highcontrast .control__indicator,
body.highcontrast .control__indicator:after,
body.highcontrast .module,
body.highcontrast .nav,
body.highcontrast .post-date,
body.highcontrast .search--container .breadcrumb,
body.highcontrast
.section--info-blocks
.container
.light-green-bordered
ol
li:before,
body.highcontrast .section--info-blocks .container .red-bordered ol li:before,
body.highcontrast .sub-head,
body.highcontrast .subform-wrapper,
body.highcontrast .subform-wrapper-intro,
body.highcontrast .tags,
body.highcontrast .weather--feed,
body.highcontrast a:hover,
body.highcontrast article,
body.highcontrast footer,
body.highcontrast footer li:before,
body.highcontrast h1,
body.highcontrast h2,
body.highcontrast h3,
body.highcontrast h4,
body.highcontrast header,
body.highcontrast input,
body.highcontrast input::placeholder,
body.highcontrast li:before,
body.highcontrast nav,
body.highcontrast ol,
body.highcontrast p,
body.highcontrast section,
body.highcontrast span,
body.highcontrast ul {
    background-color: #000 !important;
    border-color: #ff0 !important;
    color: #ff0 !important;
}

body.highcontrast .bin--calendar .container,
body.highcontrast .collection--wrapper .result {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
    background-image: none !important;
}

body.highcontrast .control--radio .control__indicator:after {
    background-color: #ff0 !important;
}

body.highcontrast #gwc-form-container button[type="submit"],
body.highcontrast .access--settings #close-access-menu,
body.highcontrast .cta,
body.highcontrast .navigation .container .nav #close,
body.highcontrast a em strong:after,
body.highcontrast a strong em:after,
body.highcontrast em a strong:after,
body.highcontrast em strong a:after {
    background: #000 !important;
    border-color: #ff0 !important;
    color: #0f0 !important;
}

    body.highcontrast .access--settings #close-access-menu span {
        color: #0f0 !important;
    }

body.highcontrast .banner,
body.highcontrast .tbc-alert-info {
    background: #ff0 !important;
    border-color: #000 !important;
}

    body.highcontrast .banner .container,
    body.highcontrast .tbc-alert-info .container {
        background: #ff0 !important;
    }

    body.highcontrast .banner h1,
    body.highcontrast .banner p,
    body.highcontrast .tbc-alert-info h1,
    body.highcontrast .tbc-alert-info p {
        color: #000 !important;
        background-color: #ff0 !important;
    }

body.highcontrast .social--nav a:focus span,
body.highcontrast .social--nav a:hover span {
    color: #ff0 !important;
}

body.highcontrast .section--cta-blocks .grid .block .cta-content h2:after,
body.highcontrast .section--sub-menu.section-border:after {
    background: #ff0 !important;
}

body.highcontrast .search--container .search-result article {
    border: 1px solid;
}

body.highcontrast ul.sub-menu {
    background-color: #000 !important;
}

    body.highcontrast ul.sub-menu li {
        border-color: #ff0 !important;
    }

        body.highcontrast ul.sub-menu li a:hover {
            background-color: transparent !important;
        }

            body.highcontrast ul.sub-menu li a:hover:before {
                border: none !important;
            }

body.highcontrast .am_posts_navigation button,
body.highcontrast .am_posts_navigation button:after,
body.highcontrast .pagination button,
body.highcontrast .pagination button:after,
body.highcontrast .section--cta-panels .grid .block a,
body.highcontrast .section--cta-panels .grid .block a li,
body.highcontrast .socials a,
body.highcontrast .socials h2 a,
body.highcontrast .socials h2:before,
body.highcontrast a,
body.highcontrast a h2,
body.highcontrast a p,
body.highcontrast a span {
    color: #0f0 !important;
    border-color: #ff0 !important;
}

body.highcontrast .section--cta-panels .grid .block .ctap-content,
body.highcontrast .section--page-contents-menu .container {
    border: 1px solid;
    color: #0f0 !important;
}

body.highcontrast .slick-next,
body.highcontrast .slick-prev {
    background: #000 !important;
    border: 1px solid #ff0;
}

    body.highcontrast .slick-next:before,
    body.highcontrast .slick-prev:before {
        color: #0f0 !important;
    }

body.highcontrast .slide .block {
    background: #ff0 !important;
}

    body.highcontrast .slide .block h1,
    body.highcontrast .slide .block h2,
    body.highcontrast .slide .block h3,
    body.highcontrast .slide .block h4,
    body.highcontrast .slide .block p {
        background-color: transparent !important;
        color: #000 !important;
    }

    body.highcontrast .slide .block .cta {
        background: #000 !important;
    }

body.highcontrast .col-left:after,
body.highcontrast
.section--latest-news-block
.container
.news--container
.news:after,
body.highcontrast section:after {
    background-color: #ff0 !important;
}

body.highcontrast
.section--latest-news-block
.container
.news--container
.post-categories
li {
    color: #0f0 !important;
}

    body.highcontrast
    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:after {
        border-color: #0f0 !important;
    }

body.highcontrast .section--accordion .container .accordion .accordion-trigger {
    border-color: #ff0 !important;
}

    body.highcontrast
    .section--accordion
    .container
    .accordion
    .accordion-trigger
    span {
        color: #0f0 !important;
    }

    body.highcontrast
    .section--accordion
    .container
    .accordion
    .accordion-trigger:after {
        color: #ff0 !important;
    }

body.highcontrast .slick-dots li button,
body.highcontrast ol li {
    border-color: #ff0 !important;
}

    body.highcontrast .slick-dots li button:before,
    body.highcontrast ol li:before {
        background: #ff0 !important;
        color: #000 !important;
    }

body.highcontrast blockquote {
    border-left: 5px solid #ff0;
}

    body.highcontrast blockquote:before {
        color: #ff0 !important;
    }

body.highcontrast .section--info-blocks section div {
    background-color: #000 !important;
    border: 1px solid #ff0 !important;
}

body.highcontrast .section--info-blocks-full section div {
    background-color: #000 !important;
    color: #ff0 !important;
}

body.highcontrast
.navigation
.container
.nav
ul
li.menu-item-has-children:after,
body.highcontrast .section--sub-menu .container ul li a:before {
    color: #ff0 !important;
}

body.highcontrast .section--sub-menu .container {
    border: 1px solid #ff0 !important;
}

body.highcontrast .footer-logos {
    display: none;
}

body.highcontrast .base--links ul {
    border: 1px solid;
}

body.highcontrast #accessibility {
    color: #0f0 !important;
    background: #000 !important;
    border-color: #ff0 !important;
}

    body.highcontrast #accessibility span {
        color: #0f0 !important;
    }

        body.highcontrast #accessibility span:hover {
            background: #000 !important;
        }

body.highcontrast .block div .ctap-icon {
    background-color: transparent !important;
    z-index: 2 !important;
}

    body.highcontrast .block div .ctap-icon span {
        background-color: transparent !important;
    }

body.cream {
    background-color: #fff9d2;
}

    body.cream ::-moz-selection {
        color: #fff9d2 !important;
        background-color: #010066 !important;
    }

    body.cream ::selection {
        color: #fff9d2 !important;
        background-color: #010066 !important;
    }

    body.cream .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-c-mobile.svg) !important;
        background-color: #fff9d2 !important;
        background-repeat: no-repeat;
    }

        body.cream .navigation .container .logo:focus,
        body.cream .navigation .container .logo:hover {
            background-color: #fff9d2 !important;
        }

@media (min-width: 992px) {
    body.cream .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-cream.svg) !important;
    }
}

body.cream button.open-search {
    color: #908000 !important;
    background-color: #fff9d2 !important;
    border-left: 1px solid #010066 !important;
}

    body.cream button.open-search span {
        color: #908000 !important;
    }

body.cream
.header
.top-utilities
.gtranslate_wrapper
.gt_float_switcher
.gt-selected
.gt-current-lang {
    background: #fff9d2 !important;
    color: #908000 !important;
    border-color: #010066 !important;
}

body.cream .gt-lang-code {
    color: #908000 !important;
}

body.cream .gt_options {
    background: #fff9d2 !important;
}

body.cream .hamburger {
    background: #fff9d2 !important;
    border-color: #010066 !important;
}

    body.cream .hamburger span:after,
    body.cream .hamburger span:before,
    body.cream .hamburger--spring .hamburger-inner {
        background-color: #908000 !important;
    }

body.cream .active .hamburger-inner {
    background-color: #fff9d2 !important;
}

body.cream .access--settings .cta:focus,
body.cream .access--settings .cta:hover,
body.cream .control__indicator,
body.cream a:focus,
body.cream a:hover,
body.cream button:focus,
body.cream button:hover,
body.cream input:focus,
body.cream input:hover {
    outline-color: #908000 !important;
}

body.cream .access--settings .cta.selected {
    background: #010066 !important;
    color: #fff !important;
}

    body.cream .access--settings .cta.selected span {
        background: #010066 !important;
        color: #fff9d2 !important;
        border-color: #fff9d2 !important;
    }

body.cream h1 span {
    background: #010066 !important;
    color: #fff9d2 !important;
}

body.cream input::-moz-placeholder {
    background-color: #fff9d2 !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

body.cream #post-filters,
body.cream .accordion ol li:before,
body.cream .base--links,
body.cream .block,
body.cream .block div,
body.cream .container,
body.cream .control__indicator,
body.cream .control__indicator:after,
body.cream .module,
body.cream .nav,
body.cream .post-date,
body.cream .search--container .breadcrumb,
body.cream .section--info-blocks .container .light-green-bordered ol li:before,
body.cream .section--info-blocks .container .red-bordered ol li:before,
body.cream .sub-head,
body.cream .subform-wrapper,
body.cream .subform-wrapper-intro,
body.cream .tags,
body.cream .weather--feed,
body.cream a:hover,
body.cream article,
body.cream footer,
body.cream footer li:before,
body.cream h1,
body.cream h2,
body.cream h3,
body.cream h4,
body.cream header,
body.cream input,
body.cream input::placeholder,
body.cream li:before,
body.cream nav,
body.cream ol,
body.cream p,
body.cream section,
body.cream span,
body.cream ul {
    background-color: #fff9d2 !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

body.cream .bin--calendar .container,
body.cream .collection--wrapper .result {
    background-color: #fff9d2 !important;
    border: 1px solid #010066 !important;
    color: #010066 !important;
    background-image: none !important;
}

body.cream .breadcrumb,
body.cream .breadcrumb .container {
    background-color: #010066 !important;
    border-color: #010066 !important;
    color: #fff9d2 !important;
}

    body.cream .breadcrumb .container a,
    body.cream .breadcrumb a {
        color: #fff9d2 !important;
    }

        body.cream .breadcrumb .container a:hover,
        body.cream .breadcrumb a:hover {
            background-color: #010066 !important;
        }

body.cream .control--radio .control__indicator:after {
    background-color: #010066 !important;
}

body.cream #gwc-form-container button[type="submit"],
body.cream .access--settings #close-access-menu,
body.cream .cta,
body.cream .navigation .container .nav #close,
body.cream a em strong:after,
body.cream a strong em:after,
body.cream em a strong:after,
body.cream em strong a:after {
    background: #fff9d2 !important;
    border-color: #010066 !important;
    color: #908000 !important;
}

    body.cream .access--settings #close-access-menu span {
        color: #908000 !important;
    }

body.cream .banner,
body.cream .tbc-alert-info {
    background: #010066 !important;
    border-color: #fff9d2 !important;
}

    body.cream .banner .container,
    body.cream .tbc-alert-info .container {
        background: #010066 !important;
    }

    body.cream .banner h1,
    body.cream .banner p,
    body.cream .tbc-alert-info h1,
    body.cream .tbc-alert-info p {
        color: #fff9d2 !important;
        background-color: #010066 !important;
    }

body.cream .social--nav a:focus span,
body.cream .social--nav a:hover span {
    color: #010066 !important;
}

body.cream .section--cta-blocks .grid .block .cta-content h2:after,
body.cream .section--sub-menu.section-border:after {
    background: #010066 !important;
}

body.cream .search--container .search-result article {
    border: 1px solid;
}

body.cream ul.sub-menu {
    background-color: #fff9d2 !important;
}

    body.cream ul.sub-menu li {
        border-color: #010066 !important;
    }

        body.cream ul.sub-menu li a:hover {
            background-color: transparent !important;
        }

            body.cream ul.sub-menu li a:hover:before {
                border: none !important;
            }

body.cream .am_posts_navigation button,
body.cream .am_posts_navigation button:after,
body.cream .pagination button,
body.cream .pagination button:after,
body.cream .section--cta-panels .grid .block a,
body.cream .section--cta-panels .grid .block a li,
body.cream .socials a,
body.cream .socials h2 a,
body.cream .socials h2:before,
body.cream a,
body.cream a h2,
body.cream a p,
body.cream a span {
    color: #908000 !important;
    border-color: #010066 !important;
}

body.cream .section--cta-panels .grid .block .ctap-content,
body.cream .section--page-contents-menu .container {
    border: 1px solid;
    color: #908000 !important;
}

body.cream .slick-next,
body.cream .slick-prev {
    background: #fff9d2 !important;
    border: 1px solid #010066;
}

    body.cream .slick-next:before,
    body.cream .slick-prev:before {
        color: #908000 !important;
    }

body.cream .slide .block {
    background: #010066 !important;
}

    body.cream .slide .block h1,
    body.cream .slide .block h2,
    body.cream .slide .block h3,
    body.cream .slide .block h4,
    body.cream .slide .block p {
        background-color: transparent !important;
        color: #fff9d2 !important;
    }

    body.cream .slide .block .cta {
        background: #fff9d2 !important;
    }

body.cream .col-left:after,
body.cream .section--latest-news-block .container .news--container .news:after,
body.cream section:after {
    background-color: #010066 !important;
}

body.cream
.section--latest-news-block
.container
.news--container
.post-categories
li {
    color: #908000 !important;
}

    body.cream
    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:after {
        border-color: #908000 !important;
    }

body.cream .section--accordion .container .accordion .accordion-trigger {
    border-color: #010066 !important;
}

    body.cream .section--accordion .container .accordion .accordion-trigger span {
        color: #908000 !important;
    }

    body.cream .section--accordion .container .accordion .accordion-trigger:after {
        color: #010066 !important;
    }

body.cream .slick-dots li button,
body.cream ol li {
    border-color: #010066 !important;
}

    body.cream .slick-dots li button:before,
    body.cream ol li:before {
        background: #010066 !important;
        color: #fff9d2 !important;
    }

body.cream blockquote {
    border-left: 5px solid #010066;
}

    body.cream blockquote:before {
        color: #010066 !important;
    }

body.cream .section--info-blocks section div {
    background-color: #fff9d2 !important;
    border: 1px solid #010066 !important;
}

body.cream .section--info-blocks-full section div {
    background-color: #fff9d2 !important;
    color: #010066 !important;
}

body.cream .navigation .container .nav ul li.menu-item-has-children:after,
body.cream .section--sub-menu .container ul li a:before {
    color: #010066 !important;
}

body.cream .section--sub-menu .container {
    border: 1px solid #010066 !important;
}

body.cream .footer-logos {
    display: none;
}

body.cream .base--links ul {
    border: 1px solid;
}

body.cream #accessibility {
    color: #908000 !important;
    background: #fff9d2 !important;
    border-color: #010066 !important;
}

    body.cream #accessibility span {
        color: #908000 !important;
    }

        body.cream #accessibility span:hover {
            background: #fff9d2 !important;
        }

body.cream .block div .ctap-icon {
    background-color: transparent !important;
    z-index: 2 !important;
}

    body.cream .block div .ctap-icon span {
        background-color: transparent !important;
    }

body.blue {
    background-color: #9fcfff;
}

    body.blue ::-moz-selection {
        color: #9fcfff !important;
        background-color: #010066 !important;
    }

    body.blue ::selection {
        color: #9fcfff !important;
        background-color: #010066 !important;
    }

    body.blue .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-b-mobile.svg) !important;
        background-color: #9fcfff !important;
        background-repeat: no-repeat;
    }

        body.blue .navigation .container .logo:focus,
        body.blue .navigation .container .logo:hover {
            background-color: #9fcfff !important;
        }

@media (min-width: 992px) {
    body.blue .navigation .container .logo {
        background-image: url(../../../../../../../../themes/tewkesbury/assets/images/logo-blue.svg) !important;
    }
}

body.blue button.open-search {
    color: red !important;
    background-color: #9fcfff !important;
    border-left: 1px solid #010066 !important;
}

    body.blue button.open-search span {
        color: red !important;
    }

body.blue
.header
.top-utilities
.gtranslate_wrapper
.gt_float_switcher
.gt-selected
.gt-current-lang {
    background: #9fcfff !important;
    color: red !important;
    border-color: #010066 !important;
}

body.blue .gt-lang-code {
    color: red !important;
}

body.blue .gt_options {
    background: #9fcfff !important;
}

body.blue .hamburger {
    background: #9fcfff !important;
    border-color: #010066 !important;
}

    body.blue .hamburger span:after,
    body.blue .hamburger span:before,
    body.blue .hamburger--spring .hamburger-inner {
        background-color: red !important;
    }

body.blue .active .hamburger-inner {
    background-color: #9fcfff !important;
}

body.blue .access--settings .cta:focus,
body.blue .access--settings .cta:hover,
body.blue .control__indicator,
body.blue a:focus,
body.blue a:hover,
body.blue button:focus,
body.blue button:hover,
body.blue input:focus,
body.blue input:hover {
    outline-color: red !important;
}

body.blue .access--settings .cta.selected {
    background: #010066 !important;
    color: #9fcfff !important;
}

    body.blue .access--settings .cta.selected span {
        background: #010066 !important;
        color: #9fcfff !important;
        border-color: #9fcfff !important;
    }

body.blue h1 span {
    background: #010066 !important;
    color: #9fcfff !important;
}

body.blue .social--nav a:focus span,
body.blue .social--nav a:hover span {
    color: #010066 !important;
}

body.blue input::-moz-placeholder {
    background-color: #9fcfff !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

body.blue #post-filters,
body.blue .accordion ol li:before,
body.blue .base--links,
body.blue .block,
body.blue .block div,
body.blue .container,
body.blue .control__indicator,
body.blue .control__indicator:after,
body.blue .module,
body.blue .nav,
body.blue .post-date,
body.blue .search--container .breadcrumb,
body.blue .section--info-blocks .container .light-green-bordered ol li:before,
body.blue .section--info-blocks .container .red-bordered ol li:before,
body.blue .sub-head,
body.blue .subform-wrapper,
body.blue .subform-wrapper-intro,
body.blue .tags,
body.blue .weather--feed,
body.blue a:hover,
body.blue article,
body.blue footer,
body.blue footer li:before,
body.blue h1,
body.blue h2,
body.blue h3,
body.blue h4,
body.blue header,
body.blue input,
body.blue input::placeholder,
body.blue li:before,
body.blue nav,
body.blue ol,
body.blue p,
body.blue section,
body.blue span,
body.blue ul {
    background-color: #9fcfff !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

body.blue .bin--calendar .container,
body.blue .collection--wrapper .result {
    background-color: #9fcfff !important;
    border: 1px solid #010066 !important;
    color: #010066 !important;
    background-image: none !important;
}

body.blue .breadcrumb,
body.blue .breadcrumb .container {
    background-color: #010066 !important;
    border-color: #010066 !important;
    color: #9fcfff !important;
}

    body.blue .breadcrumb .container a,
    body.blue .breadcrumb a {
        color: red !important;
    }

        body.blue .breadcrumb .container a:hover,
        body.blue .breadcrumb a:hover {
            background-color: #010066 !important;
        }

body.blue .control--radio .control__indicator:after {
    background-color: #010066 !important;
}

body.blue #gwc-form-container button[type="submit"],
body.blue .access--settings #close-access-menu,
body.blue .cta,
body.blue .navigation .container .nav #close,
body.blue a em strong:after,
body.blue a strong em:after,
body.blue em a strong:after,
body.blue em strong a:after {
    background: #9fcfff !important;
    border-color: #010066 !important;
    color: red !important;
}

    body.blue .access--settings #close-access-menu span {
        color: red !important;
    }

body.blue .banner,
body.blue .tbc-alert-info {
    background: #010066 !important;
    border-color: #9fcfff !important;
}

    body.blue .banner .container,
    body.blue .tbc-alert-info .container {
        background: #010066 !important;
    }

    body.blue .banner h1,
    body.blue .banner p,
    body.blue .tbc-alert-info h1,
    body.blue .tbc-alert-info p {
        color: #9fcfff !important;
        background-color: #010066 !important;
    }

body.blue .section--cta-blocks .grid .block .cta-content h2:after,
body.blue .section--sub-menu.section-border:after {
    background: #010066 !important;
}

body.blue .search--container .search-result article {
    border: 1px solid;
}

body.blue ul.sub-menu {
    background-color: #9fcfff !important;
}

    body.blue ul.sub-menu li {
        border-color: #010066 !important;
    }

        body.blue ul.sub-menu li a:hover {
            background-color: transparent !important;
        }

            body.blue ul.sub-menu li a:hover:before {
                border: none !important;
            }

body.blue .am_posts_navigation button,
body.blue .am_posts_navigation button:after,
body.blue .pagination button,
body.blue .pagination button:after,
body.blue .section--cta-panels .grid .block a,
body.blue .section--cta-panels .grid .block a li,
body.blue .socials a,
body.blue .socials h2 a,
body.blue .socials h2:before,
body.blue a,
body.blue a h2,
body.blue a p,
body.blue a span {
    color: red !important;
    border-color: #010066 !important;
}

body.blue .section--cta-panels .grid .block .ctap-content,
body.blue .section--page-contents-menu .container {
    border: 1px solid;
    color: red !important;
}

body.blue .slick-next,
body.blue .slick-prev {
    background: #9fcfff !important;
    border: 1px solid #010066;
}

    body.blue .slick-next:before,
    body.blue .slick-prev:before {
        color: red !important;
    }

body.blue .slide .block {
    background: #010066 !important;
}

    body.blue .slide .block h1,
    body.blue .slide .block h2,
    body.blue .slide .block h3,
    body.blue .slide .block h4,
    body.blue .slide .block p {
        background-color: transparent !important;
        color: #9fcfff !important;
    }

    body.blue .slide .block .cta {
        background: #9fcfff !important;
    }

body.blue .col-left:after,
body.blue .section--latest-news-block .container .news--container .news:after,
body.blue section:after {
    background-color: #010066 !important;
}

body.blue
.section--latest-news-block
.container
.news--container
.post-categories
li {
    color: red !important;
}

    body.blue
    .section--latest-news-block
    .container
    .news--container
    .post-categories
    li:after {
        border-color: red !important;
    }

body.blue .section--accordion .container .accordion .accordion-trigger {
    border-color: #010066 !important;
}

    body.blue .section--accordion .container .accordion .accordion-trigger span {
        color: red !important;
    }

    body.blue .section--accordion .container .accordion .accordion-trigger:after {
        color: #010066 !important;
    }

body.blue .slick-dots li button,
body.blue ol li {
    border-color: #010066 !important;
}

    body.blue .slick-dots li button:before,
    body.blue ol li:before {
        background: #010066 !important;
        color: #9fcfff !important;
    }

body.blue blockquote {
    border-left: 5px solid #010066;
}

    body.blue blockquote:before {
        color: #010066 !important;
    }

body.blue .section--info-blocks section div {
    background-color: #9fcfff !important;
    border: 1px solid #010066 !important;
}

body.blue .section--info-blocks-full section div {
    background-color: #9fcfff !important;
    color: #010066 !important;
}

body.blue .navigation .container .nav ul li.menu-item-has-children:after,
body.blue .section--sub-menu .container ul li a:before {
    color: #010066 !important;
}

body.blue .section--sub-menu .container {
    border: 1px solid #010066 !important;
}

body.blue .footer-logos {
    display: none;
}

body.blue .base--links ul {
    border: 1px solid;
}

body.blue #accessibility {
    color: red !important;
    background: #9fcfff !important;
    border-color: #010066 !important;
}

    body.blue #accessibility span {
        color: red !important;
    }

        body.blue #accessibility span:hover {
            background: #9fcfff !important;
            color: #010066 !important;
        }

    body.blue #accessibility:hover {
        background: #9fcfff !important;
        color: #010066 !important;
    }

body.blue .block div .ctap-icon {
    background-color: transparent !important;
    z-index: 2 !important;
}

    body.blue .block div .ctap-icon span {
        background-color: transparent !important;
    }

body.font-1 {
    font-size: 105% !important;
}

    body.font-1 section.access--settings {
        font-size: 95.2% !important;
    }

body.font-2 {
    font-size: 110% !important;
}

    body.font-2 section.access--settings {
        font-size: 91% !important;
    }

body.font-3 {
    font-size: 115% !important;
}

    body.font-3 section.access--settings {
        font-size: 87% !important;
    }

body.dys :not(span) {
    font-family: opendyslexicregular !important;
}

body.dys .fa-light {
    font-family: "Font Awesome 6 Pro" !important;
}

body.dys .weather--feed .container {
    max-width: 100%;
}

    body.dys .weather--feed .container .scroll--down {
        right: 35px;
        left: auto;
    }

#cookies {
    position: fixed;
    z-index: 9;
    bottom: 17.5px;
    right: 17.5px;
    left: 17.5px;
    display: none;
}

    #cookies.active {
        display: block;
    }

@media (min-width: 768px) {
    #cookies {
        bottom: 35px;
        right: 35px;
        left: 35px;
        padding: 0;
    }
}

#cookies h2 {
    line-height: 1.4;
    color: #fff;
}

#cookies p {
    line-height: 1.4;
    color: #fff;
}

#cookies ul {
    margin-top: 17.5px;
}

    #cookies ul li {
        display: inline-block;
        width: 100%;
        margin: 10px 5px 0;
    }

@media (min-width: 768px) {
    #cookies ul li {
        width: calc(33.333% - 15px);
    }
}

#cookies ul li .cta {
    font-family: inherit;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

#cookies ul li .all {
    background-color: #4cb85e;
    border-color: #4cb85e;
    color: #233d43;
}

#cookies ul li .essential {
    border-color: #fff;
    color: #fff;
}

#cookies ul li .declined {
    background-color: #9c2448;
    border-color: #9c2448;
    color: #fff;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

    .fancybox-container * {
        box-sizing: border-box;
    }

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background-color: #fff;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

    .fancybox-slide::before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

    .fancybox-slide--image::before {
        display: none;
    }

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: 0 0;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

    .fancybox-button,
    .fancybox-button:link,
    .fancybox-button:visited {
        color: #ccc;
    }

        .fancybox-button:hover {
            color: #fff;
        }

        .fancybox-button:focus {
            outline: 0;
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted;
        }

        .fancybox-button[disabled],
        .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: 0;
        }

        .fancybox-button div {
            height: 100%;
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%;
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0;
            }

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1;
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px;
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: linear-gradient( to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% );
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline;
    }

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px 0;
    }

    .fancybox-share p {
        margin: 0;
        padding: 0;
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .fancybox-share__button:link,
    .fancybox-share__button:visited {
        color: #fff;
    }

    .fancybox-share__button:hover {
        text-decoration: none;
    }

.fancybox-share__button--fb {
    background: #3b5998;
}

    .fancybox-share__button--fb:hover {
        background: #344e86;
    }

.fancybox-share__button--pt {
    background: #bd081d;
}

    .fancybox-share__button--pt:hover {
        background: #aa0719;
    }

.fancybox-share__button--tw {
    background: #1da1f2;
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8;
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

    .fancybox-share__button svg path {
        fill: #fff;
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

    .fancybox-thumbs__list a::before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 99991;
    }

    .fancybox-thumbs__list a:focus::before {
        opacity: 0.5;
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active::before {
        opacity: 1;
    }

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}