@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");

.no-scroll {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.unbutton {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}

    .unbutton:hover {
        background: transparent;
    }

.fw-container {
    width: 100%;
    margin: auto;
}

.constrain {
    width: 90%;
    max-width: 1360px;
    margin: auto;
}

@media all and (max-width: 34.365em) {
    .constrain--narrow {
        width: 100%;
    }
}

.constrain--padding {
    padding: 10px 50px;
}

@media all and (max-width: 61.24em) {
    .constrain--padding {
        padding: 10px 30px;
    }
}

@media all and (max-width: 34.365em) {
    .constrain--padding {
        padding: 10px 0;
    }
}

.home .constrain--padding {
    padding-top: 0;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        clip-path: none;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
    }

.site-page {
    overflow: hidden;
    background: #FFF;
}

@media all and (max-width: 34.365em) {
    .mobile-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.honeypot {
    display: none;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
:root {
    --fa-primary-opacity: 1.0;
    --fa-secondary-opacity: 1.0;
}

html {
    font-size: 16px;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    line-height: 1rem;
    font-family: "Asap", sans-serif;
    color: #404040;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 100%;
    min-height: 100vh;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    background: #FFF;
}

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

.site-page {
    right: 0;
    transition: all ease 0.5s;
    position: relative;
}

h1 {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(72px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    h1 {
        font-size: 72px;
    }
}

@media screen and (min-width: 900px) {
    h1 {
        font-size: 66px;
    }
}

@media all and (max-width: 61.24em) {
    h1 {
        font-size: calc(66px + -14 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 44.99em) {
    h1 {
        font-size: calc(52px + -10 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 34.365em) {
    h1 {
        font-size: calc(42px + -6 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 29.99em) {
    h1 {
        font-size: calc(36px + -9 * ( (100vw - 420px) / 480));
    }
}

h2 {
    font-weight: 500;
    font-family: "Asap", sans-serif;
    font-size: calc(42px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    h2 {
        font-size: 42px;
    }
}

@media screen and (min-width: 900px) {
    h2 {
        font-size: 36px;
    }
}

@media all and (max-width: 61.24em) {
    h2 {
        font-size: calc(38px + -3 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 34.365em) {
    h2 {
        font-size: calc(36px + -6 * ( (100vw - 420px) / 480));
    }
}

h3 {
    font-weight: 500;
    font-family: "Asap", sans-serif;
    font-size: calc(30px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    h3 {
        font-size: 30px;
    }
}

@media screen and (min-width: 900px) {
    h3 {
        font-size: 24px;
    }
}

@media all and (max-width: 61.24em) {
    h3 {
        font-size: calc(28px + -8 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 34.365em) {
    h3 {
        font-size: calc(27px + -7 * ( (100vw - 420px) / 480));
    }
}

h4, .cta-list-box__title {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(27px + -7 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    h4, .cta-list-box__title {
        font-size: 27px;
    }
}

@media screen and (min-width: 900px) {
    h4, .cta-list-box__title {
        font-size: 20px;
    }
}

@media all and (max-width: 34.365em) {
    h4, .cta-list-box__title {
        font-size: calc(24px + -6 * ( (100vw - 420px) / 480));
    }
}

p {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
    margin: 0;
    margin-bottom: 1rem;
    line-height: 24px;
}

@media screen and (max-width: 420px) {
    p {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    p {
        font-size: 16px;
    }
}

@media all and (max-width: 61.24em) {
    p {
        font-size: calc(20px + -4 * ( (100vw - 420px) / 480));
    }
}

@media all and (max-width: 34.365em) {
    p {
        font-size: calc(18px + -2 * ( (100vw - 420px) / 480));
    }
}

p strong {
    font-weight: 600;
    font-family: "Asap", sans-serif;
    font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    p strong {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    p strong {
        font-size: 16px;
    }
}

@media all and (max-width: 34.365em) {
    p strong {
        font-size: calc(18px + -2 * ( (100vw - 420px) / 480));
    }
}

a {
    color: #00718F;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-family: "Asap", sans-serif;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    a:hover {
        color: #00718F;
        text-decoration: underline;
    }

    a:focus {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

    a.arrow-icon:after {
        content: '\f061';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        padding-left: 10px;
        font-size: 0.81301rem;
    }

.dark a {
    color: #FFF;
}

    .dark a:hover {
        color: #FFF;
    }

ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

li::marker {
    font-weight: 500;
    color: #00718F;
}

li li::marker {
    font-weight: 400;
}

img {
    margin-bottom: 1em;
}

.skip-link {
    position: absolute !important;
    font-size: 0px;
    line-height: 0px;
    text-indent: -999999px;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    z-index: 999;
}

    .skip-link:focus {
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: inherit !important;
        overflow: visible !important;
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        white-space: inherit !important;
        font-size: initial;
        display: block;
        padding: 15px;
        line-height: initial;
        text-indent: initial;
    }

.show-vertical-rhythm {
    background-image: linear-gradient(rgba(200, 50, 50, 0.25) 1px, transparent 1px);
    background-size: 1px 1rem;
    padding-bottom: 1px;
    margin-bottom: 1rem;
}

img[data-sizes="auto"] {
    display: block;
    width: 100%;
}

sup {
    font-weight: 700;
}

hr {
    width: 20px;
    height: 6px;
    color: #00AEEF;
    background: #00AEEF;
    border-radius: 0.38462rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    border: 0;
}

    hr:before {
        content: '';
        background: #00AEEF;
        width: 6px;
        height: 6px;
        border-radius: 0.38462rem;
        display: block;
        position: absolute;
        left: -10px;
    }

    hr:after {
        content: '';
        background: #00AEEF;
        width: 6px;
        height: 6px;
        border-radius: 0.38462rem;
        display: block;
        position: absolute;
        right: -10px;
    }

input,
textarea {
    font-family: "Asap", sans-serif;
}

address {
    font-style: normal;
}

.strong {
    font-weight: 600;
    font-family: "Asap", sans-serif;
}

img {
    margin-bottom: 1.25rem;
}

h1,
h2,
h3,
h4,
.cta-list-box__title,
h5 {
    margin-top: 0;
    margin-bottom: 1.25rem;
    line-height: 1.25;
}

    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    .cta-list-box__title:last-child,
    h5:last-child {
        margin-bottom: 0;
    }

p:last-child {
    margin-bottom: 0;
}

p a:not(.btn) {
    text-decoration: underline;
}

    p a:not(.btn):hover {
        text-decoration: none;
    }

p .btn > a {
    text-decoration: none;
}

p.bold {
    font-weight: 700;
}

p.bold--grey {
    color: #E5E5E5;
}

p.uppercase {
    text-transform: uppercase;
}

ul,
ol {
    padding-left: 24px;
    font-size: 1rem;
    line-height: 1.725rem;
    margin-bottom: 20px;
    overflow: hidden;
}

ul {
    padding-left: 18px;
}

    ul ul {
        margin-bottom: 0;
    }

    ul li {
        list-style: disc;
        color: #404040;
    }

        ul li li {
            list-style-type: circle;
        }

ol ol {
    margin-bottom: 0;
}

ol li {
    list-style: decimal;
}

    ol li li {
        list-style-type: lower-alpha;
    }

table {
    width: 100%;
    margin-bottom: 1rem;
    border: 0;
    border-color: transparent;
    padding-bottom: 24px;
}

@media all and (max-width: 61.24em) {
    table {
        overflow-x: auto;
        display: block;
    }
}

table tr th,
table tr td {
    border-bottom: 1px solid #D9D9D9;
    padding: 0.5rem;
}

@media all and (max-width: 61.24em) {
    table tr th,
    table tr td {
        min-width: 200px;
    }
}

table tr th {
    font-weight: 700;
    text-align: left;
}

table tr td img {
    margin-bottom: 0;
}

table tr td[scope="col"], table tr td[scope="row"], table tr td[scope="colgroup"], table tr td[scope="rowgroup"] {
    font-weight: 600;
}

table thead tr:last-child td {
    font-weight: 600;
    border-bottom: 1px solid #D9D9D9;
}

table.scrollable {
    font-size: 0.75rem;
    line-height: 1.5;
    margin-top: 0;
    user-select: none;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*!
 * mburger CSS v1.3.3
 * mmenujs.com/mburger
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
/** Selector for the root */
/** Selector for the button. */
/** Selector for the button with the "collapse" effect. */
/** Selector for the button with the "spin" effect. */
/** Selector for the button with the "squeeze" effect. */
/** Selector for the button with the "tornado" effect. */
/** Selector for the button when the menu is opened. */
/** Selector for the button with the "collapse" effect when the menu is opened. */
/** Selector for the button with the "spin" effect when the menu is opened. */
/** Selector for the button with the "squeeze" effect when the menu is opened. */
/** Selector for the button with the "tornado" effect when the menu is opened. */
/** Timeout before starting the animation, ensures the animation starts after the menu is fully opened. */
/** Whether or not to include the CSS for the "collapse" animation. */
/** Whether or not to include the CSS for the "spin" animation. */
/** Whether or not to include the CSS for the "squeeze" animation. */
/** Whether or not to include the CSS for the "tornado" animation. */
:root {
    /** Size for the button. */
    --mb-button-size: 40px;
    /** Width for the bars, relative to the button. */
    --mb-bar-width: 0.6;
    /** Height for the bars.*/
    --mb-bar-height: 3px;
    /** Distance between bars (approximately). */
    --mb-bar-spacing: 7px;
    /** Timeout before starting the animation, ensures the animation starts after the menu is fully opened. */
    --mb-animate-timeout: 0.4s;
}

.mburger {
    background: transparent;
    border: none;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: var(--mb-button-size);
    padding: 0 0 0 var(--mb-button-size);
    margin: 0;
    line-height: var(--mb-button-size);
    vertical-align: middle;
    appearance: none;
    outline: none;
    cursor: pointer;
}

    .mburger b {
        display: block;
        position: absolute;
        left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width)) / 2));
        width: calc(var(--mb-button-size) * var(--mb-bar-width));
        height: var(--mb-bar-height);
        border-radius: calc(var(--mb-bar-height) / 2);
        background: currentColor;
        color: inherit;
        opacity: 1;
    }

        .mburger b:nth-of-type(1) {
            bottom: calc(50% + var(--mb-bar-spacing));
            transition: bottom 0.2s ease, transform 0.2s ease, width 0.2s ease;
        }

        .mburger b:nth-of-type(2) {
            top: calc(50% - (var(--mb-bar-spacing) / 4));
            transition: opacity 0.2s ease;
        }

        .mburger b:nth-of-type(3) {
            top: calc(50% + var(--mb-bar-spacing));
            transition: top 0.2s ease, transform 0.2s ease, width 0.2s ease;
        }

.mm-wrapper_opened .mburger b:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height) / 2));
    transform: rotate(45deg);
}

.mm-wrapper_opened .mburger b:nth-of-type(2) {
    opacity: 0;
}

.mm-wrapper_opened .mburger b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height) / 2));
    transform: rotate(-45deg);
}

.mburger--spin b:nth-of-type(1) {
    transition-delay: 0.2s, 0s;
}

.mburger--spin b:nth-of-type(2) {
    transition-duration: 0s;
    transition-delay: 0.2s;
}

.mburger--spin b:nth-of-type(3) {
    transition-delay: 0.2s, 0s;
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(1) {
    transform: rotate(135deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.2s);
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
    transition-delay: calc(var(--mb-animate-timeout) + 0s);
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
    transform: rotate(225deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.2s);
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.heading__3xl {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(72px + -6 * ( (100vw - 420px) / 480));
    line-height: 1;
}

@media screen and (max-width: 420px) {
    .heading__3xl {
        font-size: 72px;
    }
}

@media screen and (min-width: 900px) {
    .heading__3xl {
        font-size: 66px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__3xl {
        font-size: calc(42px + -6 * ( (100vw - 420px) / 480));
    }
}

p .heading__3xl {
    margin-bottom: 34px;
}

.heading__2xl {
    font-weight: 500;
    font-family: "Asap", sans-serif;
    font-size: calc(42px + -6 * ( (100vw - 420px) / 480));
    line-height: 1.25;
}

@media screen and (max-width: 420px) {
    .heading__2xl {
        font-size: 42px;
    }
}

@media screen and (min-width: 900px) {
    .heading__2xl {
        font-size: 36px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__2xl {
        font-size: calc(36px + -6 * ( (100vw - 420px) / 480));
    }
}

p .heading__2xl {
    margin-bottom: 34px;
}

.heading__2xl--spacer {
    font-weight: 500;
    font-family: "Asap", sans-serif;
    font-size: calc(42px + -6 * ( (100vw - 420px) / 480));
    padding-top: 34px;
    display: block;
    position: relative;
}

@media screen and (max-width: 420px) {
    .heading__2xl--spacer {
        font-size: 42px;
    }
}

@media screen and (min-width: 900px) {
    .heading__2xl--spacer {
        font-size: 36px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__2xl--spacer {
        font-size: calc(36px + -6 * ( (100vw - 420px) / 480));
    }
}

p .heading__2xl--spacer {
    margin-bottom: 34px;
}

.heading__2xl--spacer:before {
    content: url(../../assets/Images/header-hr.png);
    width: 36px;
    height: 6px;
    position: absolute;
    top: 0;
    font-size: 0;
}

.heading__xl {
    font-weight: 500;
    font-family: "Asap", sans-serif;
    font-size: calc(30px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__xl {
        font-size: 30px;
    }
}

@media screen and (min-width: 900px) {
    .heading__xl {
        font-size: 24px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__xl {
        font-size: calc(27px + -7 * ( (100vw - 420px) / 480));
    }
}

p .heading__xl {
    margin-bottom: 34px;
}

.heading__l {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(27px + -7 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__l {
        font-size: 27px;
    }
}

@media screen and (min-width: 900px) {
    .heading__l {
        font-size: 20px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__l {
        font-size: calc(24px + -6 * ( (100vw - 420px) / 480));
    }
}

p .heading__l {
    margin-bottom: 34px;
}

.heading__m {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__m {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .heading__m {
        font-size: 16px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__m {
        font-size: calc(18px + -2 * ( (100vw - 420px) / 480));
    }
}

p .heading__m {
    margin-bottom: 34px;
}

.heading__m--bold {
    font-weight: 600;
    font-family: "Asap", sans-serif;
    font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__m--bold {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .heading__m--bold {
        font-size: 16px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__m--bold {
        font-size: calc(18px + -2 * ( (100vw - 420px) / 480));
    }
}

p .heading__m--bold {
    margin-bottom: 34px;
}

.heading__s {
    font-weight: 400;
    font-family: "Asap", sans-serif;
    font-size: calc(21px + -7 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__s {
        font-size: 21px;
    }
}

@media screen and (min-width: 900px) {
    .heading__s {
        font-size: 14px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__s {
        font-size: calc(16px + -2 * ( (100vw - 420px) / 480));
    }
}

p .heading__s {
    margin-bottom: 34px;
}

.heading__s--bold {
    font-weight: 600;
    font-family: "Asap", sans-serif;
    font-size: calc(21px + -7 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .heading__s--bold {
        font-size: 21px;
    }
}

@media screen and (min-width: 900px) {
    .heading__s--bold {
        font-size: 14px;
    }
}

@media all and (max-width: 34.365em) {
    .heading__s--bold {
        font-size: calc(16px + -2 * ( (100vw - 420px) / 480));
    }
}

p .heading__s--bold {
    margin-bottom: 34px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.temp-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    background: #00718F;
}

.temp-page--content form {
    text-align: left;
    padding: 20px;
    background: #FFF;
}

    .temp-page--content form .field-validation-error {
        color: #B13027;
        display: block;
    }

    .temp-page--content form label {
        width: 100px;
        display: block;
        padding-bottom: 5px;
    }

    .temp-page--content form input {
        background: #FFF;
        border: 1px solid #404040;
        border-radius: 0.38462rem;
        margin-bottom: 20px;
        padding: 10px;
    }

    .temp-page--content form fieldset {
        padding: 24px;
        background: #F0F0F0;
        border: 0;
        border-radius: 0.38462rem;
    }

.temp-page--header.header {
    border-top: 0;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.header {
    border-bottom: none;
    background-color: #00718F;
    border-top: 6px solid #00AEEF;
}

.header__container {
    margin-bottom: 0;
    border-bottom: none;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.header__container--split {
    width: 50%;
    display: flex;
    align-items: center;
}

    .header__container--split:last-of-type {
        justify-content: flex-end;
        position: relative;
    }

.header__logo {
    margin-bottom: 0;
    position: relative;
    z-index: 10;
}

    .header__logo img {
        margin: 0;
        padding-right: 10px;
        max-width: 238px;
    }

.header__logo-link {
    display: block;
}

.header__gradient {
    height: 1rem;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
}

.header__title {
    color: #FFF;
    margin-bottom: 0;
}

.header__title-container {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    padding: 0 1rem;
}

@media all and (max-width: 44.99em) {
    .header__title-container {
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
    }
}

.header__title-container form {
    margin: 0 auto;
    width: 100%;
    max-width: 780px;
}

.header__summary {
    color: #FFF;
}

@media all and (max-width: 44.99em) {
    .header .primary-header {
        position: relative;
        z-index: 10;
    }
}

#header {
    width: 100%;
    position: relative;
    min-height: 24.1rem;
    font-size: 0;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
}

@media all and (max-width: 61.24em) {
    #header {
        min-height: 22.1rem;
    }
}

@media all and (max-width: 44.99em) {
    #header {
        min-height: 20.1rem;
    }
}

#header:after {
    content: '';
    background: url("/assets/images/Silhouette-teal-deep-base.png") bottom no-repeat;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#header:before {
    content: '';
    height: 15.6rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.19) 30.75%, rgba(255, 255, 255, 0) 96.02%);
}

#header .complaint-name {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    padding: 0 1rem;
}

#header .complaint-name__title {
    color: #FFF;
    margin-bottom: 0;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.footer {
    color: #FFF;
    background: #404040;
}

.footer__container {
    display: flex;
}

@media all and (max-width: 44.99em) {
    .footer__container {
        flex-direction: column;
    }
}

.footer__gradient {
    height: 3.375rem;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
}

.footer__address p {
    margin: 0;
}

    .footer__address p:last-of-type {
        margin-bottom: 1rem;
    }

.footer__logo {
    max-width: 100%;
}

.footer__phone {
    font-weight: 400;
    color: #FFF;
    text-decoration: none !important;
}

    .footer__phone:hover {
        color: #FFF;
    }

.footer__left {
    width: 25%;
}

@media all and (max-width: 44.99em) {
    .footer__left {
        width: 100%;
    }
}

.footer__right {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 45px;
}

@media all and (max-width: 44.99em) {
    .footer__right {
        width: 100%;
        padding-left: 0;
    }
}

.footer__links {
    display: flex;
    margin-bottom: 24px;
}

@media all and (max-width: 29.99em) {
    .footer__links {
        flex-direction: column;
    }
}

.footer__sections {
    width: 25%;
    padding: 0 10px;
}

@media all and (max-width: 63.99em) {
    .footer__sections {
        width: 50%;
    }
}

@media all and (max-width: 29.99em) {
    .footer__sections {
        padding: 0 0 10px;
        width: 100%;
    }
}

.footer__sections-list {
    margin: 0;
    padding: 0;
    overflow: visible;
}

.footer__sections-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer__sections-link {
    font-weight: 400;
    color: #FFF;
}

    .footer__sections-link:hover {
        color: #D3EBF6;
        text-decoration: none;
    }

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.phase-banner--Yellow {
    background: #FFFFB6;
}

    .phase-banner--Yellow .phase-banner__gradient {
        height: 1rem;
        background: -webkit-linear-gradient(180deg, #FFFF70 0%, rgba(255, 255, 163, 0) 100%);
        background: -moz-linear-gradient(180deg, #FFFF70 0%, rgba(255, 255, 163, 0) 100%);
        background: -o-linear-gradient(180deg, #FFFF70 0%, rgba(255, 255, 163, 0) 100%);
        background: linear-gradient(180deg, #FFFF70 0%, rgba(255, 255, 163, 0) 100%);
    }

.phase-banner--Red {
    color: #FFF;
    background: #B13027;
}

    .phase-banner--Red .phase-banner__gradient {
        height: 1rem;
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #B13027;
        background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #B13027;
        background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #B13027;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #B13027;
    }

.phase-banner--Black {
    color: #FFF;
    background: #404040;
}

    .phase-banner--Black .phase-banner__gradient {
        height: 1rem;
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
        background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
        background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    }

.phase-banner__link {
    font-weight: 400;
}

    .phase-banner__link:after {
        content: '\f061';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        font-size: calc(14px + -2 * ( (100vw - 420px) / 480));
        padding-left: 5px;
    }

@media screen and (max-width: 420px) {
    .phase-banner__link:after {
        font-size: 14px;
    }
}

@media screen and (min-width: 900px) {
    .phase-banner__link:after {
        font-size: 12px;
    }
}

.phase-banner--Yellow .phase-banner__link {
    color: #404040;
}

    .phase-banner--Yellow .phase-banner__link:hover {
        color: #404040;
    }

.phase-banner--Red .phase-banner__link,
.phase-banner--Black .phase-banner__link {
    color: #FFF;
}

    .phase-banner--Red .phase-banner__link:hover,
    .phase-banner--Black .phase-banner__link:hover {
        color: #FFF;
    }

.phase-banner__inner {
    display: flex;
    padding-bottom: 18px;
}

.phase-banner__title {
    margin-bottom: 0;
}

.phase-banner__content {
    flex-grow: 2;
}

.phase-banner__icon-holder {
    padding-top: 4px;
    padding-right: 12px;
    font-size: calc(30px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .phase-banner__icon-holder {
        font-size: 30px;
    }
}

@media screen and (min-width: 900px) {
    .phase-banner__icon-holder {
        font-size: 24px;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.hamburger {
    position: relative;
    z-index: 100;
}

    .hamburger .mburger {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        min-width: 120px;
    }

@media all and (max-width: 44.99em) {
    .hamburger .mburger {
        min-width: 40px;
    }
}

.hamburger .mburger:hover {
    text-decoration: none;
    color: #404040;
}

.mm-wrapper_opened .hamburger .mburger span.not-active {
    display: none;
}

.mm-wrapper_opened .hamburger .mburger span.active {
    display: block;
}

@media all and (max-width: 44.99em) {
    .mm-wrapper_opened .hamburger .mburger span.active, .mm-wrapper_opened .hamburger .mburger span.not-active {
        display: none;
    }
}

.hamburger .mburger span.not-active {
    display: block;
}

.hamburger .mburger span.active {
    display: none;
}

@media all and (max-width: 44.99em) {
    .hamburger .mburger span.active, .hamburger .mburger span.not-active {
        display: none;
    }
}

@media all and (max-width: 34.365em) {
    .hamburger span {
        display: none;
    }
}

.nav-container {
    margin-left: 20px;
}

.nav__button {
    color: #FFF;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 10px 0 3.57143px;
    border-radius: 0.38462rem;
    outline: 4px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media all and (max-width: 44.99em) {
    .nav__button {
        padding: 3px;
        font-size: 0;
    }
}

.nav__button:hover {
    outline: 4px solid rgba(211, 235, 246, 0.2);
    background-color: #D3EBF6;
}

.nav__button:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.nav__button span {
    padding-left: 35px;
}

.nav__button.is-active b:nth-of-type(1) {
    bottom: calc(46%);
    transform: rotate(45deg);
}

.nav__button.is-active b:nth-of-type(2) {
    opacity: 0;
}

.nav__button.is-active b:nth-of-type(3) {
    top: calc(47%);
    transform: rotate(-45deg);
}

.nav__button--next, .nav__button--back {
    border: none;
    background: none;
    color: #FFF;
    cursor: pointer;
}

    .nav__button--next:before, .nav__button--back:before {
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
    }

    .nav__button--next:focus, .nav__button--back:focus {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

    .nav__button--next:before {
        content: '\f054';
    }

.nav__button--back {
    width: 100%;
    text-align: left;
}

    .nav__button--back:before {
        content: '\f053';
        padding-right: 10px;
    }

.nav__list {
    /*height: 100%;*/
    position: absolute;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    width: 100%;
    overflow-y: auto;
}

@media all and (max-width: 29.99em) {
    .nav__list {
        padding-bottom: 100px;
    }
}

.nav__item, .nav__break {
    list-style-type: none;
}

.nav__item {
    display: flex;
    justify-content: space-between;
    margin: 15px 10px;
    margin-bottom: 0;
}

.nav__break {
    margin: 18px;
}

.nav__link {
    width: 100%;
    color: #FFF;
    padding: 5px 10px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .nav__link:hover {
        color: #D3EBF6;
        text-decoration: none;
    }

    .nav__link:before {
        content: '';
        width: 6px;
        background: #404040;
        position: absolute;
        left: -10px;
        top: 0;
        height: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .nav__link:hover {
        color: #D3EBF6 !important;
    }

        .nav__link:hover:before {
            background: #00AEEF;
        }

    .nav__link:active {
        color: #00AEEF !important;
        background: none !important;
    }

.nav__link--secondary {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

    .nav__link--secondary i {
        padding-right: 10px;
    }

    .nav__link--secondary:before {
        display: none;
    }

.nav__search {
    display: none;
}

@media all and (max-width: 44.99em) {
    .nav__search {
        display: block;
        padding: 10px;
        position: relative;
    }
}

@media all and (max-width: 44.99em) {
    .nav__search input {
        min-width: initial;
    }
}

.side-nav {
    padding-top: 36px;
}

@media all and (max-width: 61.24em) {
    .side-nav {
        display: none;
        padding-top: 0;
    }
}

#main .side-nav {
    display: none;
}

@media all and (max-width: 61.24em) {
    #main .side-nav {
        display: block;
    }
}

@media all and (max-width: 61.24em) {
    .side-nav__container {
        margin-bottom: 20px;
    }
}

.side-nav__list {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

@media all and (max-width: 61.24em) {
    .side-nav__list {
        background: #F2F2F2;
        border-bottom-left-radius: 0.38462rem;
        border-bottom-right-radius: 0.38462rem;
    }
}

@media all and (max-width: 61.24em) {
    .side-nav__list--parent {
        display: none;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 34px;
    }
}

.side-nav__list--child {
    padding-left: 0;
}

.side-nav__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-left: 10px;
}

.side-nav__item--active {
    font-weight: 600;
}

    .side-nav__item--active:before {
        margin-right: 10px;
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        left: 0;
    }

@media all and (max-width: 61.24em) {
    .side-nav__item--active:before {
        left: 14px;
    }
}

.side-nav__item--active:before {
    content: '\f0a4';
}

.side-nav__item--child {
    font-weight: 400;
}

.side-nav__link {
    font-weight: 400;
    color: #404040;
}

.side-nav__current {
    color: #404040;
}

.side-nav__parent {
    color: #404040;
}

@media all and (max-width: 61.24em) {
    .side-nav__parent {
        color: #FFF;
        background: #404040;
        padding: 12px;
        border-radius: 0.38462rem;
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
        font-size: calc(20px + -2 * ( (100vw - 420px) / 480));
        display: block;
    }
}

.side-nav__parent--button {
    display: none;
}

@media all and (max-width: 61.24em) {
    .side-nav__parent--button {
        display: block;
        width: 100%;
        text-align: left;
    }
}

.side-nav__parent--button:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.side-nav__parent--span {
    display: block;
}

@media all and (max-width: 61.24em) {
    .side-nav__parent--span {
        display: none;
    }
}

.news .side-nav__parent {
    display: none;
}

@media all and (max-width: 61.24em) {
    .news .side-nav__parent {
        display: block;
    }
}

@media all and (max-width: 61.24em) {
    .side-nav__parent.checked {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media all and (max-width: 61.24em) {
    .side-nav__parent.checked:after {
        content: '\f068';
        font-weight: 400;
        font-family: "Font Awesome 5 Pro";
    }
}

@media all and (max-width: 61.24em) {
    .side-nav__parent:after {
        content: '\f067';
        font-weight: 400;
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 0;
        padding-right: 12px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.primary-navigation {
    height: 100vh;
    width: 440px;
    position: fixed;
    top: 0;
    right: -440px;
    overflow-x: hidden;
    transition: all ease 0.5s;
    background: #404040;
    visibility: hidden;
    display: block;
}

@media all and (max-width: 44.99em) {
    .primary-navigation {
        width: 300px;
        right: -300px;
    }
}

@media all and (max-width: 23.4275em) {
    .primary-navigation {
        width: 240px;
        right: -240px;
    }
}

.primary-navigation.is-visible {
    visibility: visible;
    z-index: 10;
}

.primary-navigation__sub {
    right: -880px;
    transition: all ease 0.5s;
    background: #404040;
    width: 440px;
    height: 100vh;
    top: 0;
    visibility: hidden;
    z-index: 2;
    overflow: auto;
    position: fixed;
}

    .primary-navigation__sub.is-visible {
        right: 0;
        visibility: visible;
    }

@media all and (max-width: 44.99em) {
    .primary-navigation__sub {
        width: 300px;
    }
}

@media all and (max-width: 23.4275em) {
    .primary-navigation__sub {
        width: 240px;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.btn {
    background-color: #00718F;
    box-shadow: none;
    border-radius: 0.38462rem;
    display: inline-block;
    font-size: calc(19px + -3 * ( (100vw - 420px) / 480));
    color: #FFF;
    padding: 10px;
    margin-bottom: 1rem;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 400;
}

@media screen and (max-width: 420px) {
    .btn {
        font-size: 19px;
    }
}

@media screen and (min-width: 900px) {
    .btn {
        font-size: 16px;
    }
}

.btn:hover {
    color: #404040;
    background-color: #D3EBF6;
    box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.btn:active {
    box-shadow: 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
}

.btn.active {
    color: #404040;
    background-color: #D3EBF6;
    box-shadow: 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
    text-decoration: none;
}

.btn:focus {
    border-color: #D3EBF6;
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

    .btn:focus:not(:active):not(:hover) {
        box-shadow: 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
    }

.btn--icon:after {
    content: '\f061';
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px;
    font-size: 0.81301rem;
}

.btn--disabled {
    pointer-events: none;
    color: #404040;
    background: #F2F2F2;
}

.btn--dark {
    background: rgba(0, 0, 0, 0.4);
}

.btn--search {
    line-height: 1;
}

    .btn--search:before {
        content: '\f002';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        padding-right: 10px;
        font-size: 0.81301rem;
    }

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.hub__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: visible;
    padding: 0;
}

.hub__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 23%;
    padding-bottom: 2%;
    margin: 0 1%;
}

@media all and (max-width: 84.99em) {
    .content__area--with-side .hub__item {
        width: 31%;
    }
}

@media all and (max-width: 79.99em) {
    .content__area--with-side .hub__item {
        width: 48%;
    }
}

@media all and (max-width: 34.365em) {
    .content__area--with-side .hub__item {
        width: 100%;
    }
}

.hub__item--half {
    width: 48%;
}

@media only screen and (max-width: 650px) {
    .hub__item--half {
        width: 100%;
    }
}

.hub__item--third {
    width: 31%;
}

@media all and (max-width: 63.99em) {
    .hub__item--third {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {
    .hub__item--third {
        width: 100%;
    }
}

@media all and (max-width: 79.99em) {
    .content__area--with-side .hub__item--third {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {
    .content__area--with-side .hub__item--third {
        width: 100%;
    }
}

@media all and (max-width: 63.99em) {
    .hub__item--quarter {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {
    .hub__item--quarter {
        width: 100%;
    }
}

.content__area--with-side .hub__item--quarter {
    width: 31%;
}

@media all and (max-width: 79.99em) {
    .content__area--with-side .hub__item--quarter {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {
    .content__area--with-side .hub__item--quarter {
        width: 100%;
    }
}

.hub__item-container {
    background: #FFF;
    padding: 10px;
    border-radius: 0.75188rem;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    height: 100%;
}

.hub__image {
    width: 100%;
    border-radius: 0.38462rem;
}

.hub__link {
    display: block;
}

.hub__body {
    padding: 0 14px 14px;
}

    .hub__body p {
        color: #404040;
    }

.hub__link:hover {
    text-decoration: none;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.carousel {
    background: #FFF;
    padding: 12px;
    margin: 12px 0;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

.hub-template .carousel {
    margin: 12px 1%;
}

@media all and (max-width: 44.99em) {
    .hub-template .carousel {
        margin: 12px 0;
    }
}

@media all and (max-width: 44.99em) {
    .carousel {
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 42px;
    }
}

.news-panel .carousel {
    margin-bottom: 42px;
}

.carousel__list {
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: stretch;
    height: 100%;
}

@media all and (max-width: 44.99em) {
    .carousel__list {
        flex-direction: column;
        padding: 12px 0;
    }
}

.carousel__item {
    min-height: 500px !important;
    position: relative;
}

@media all and (max-width: 61.24em) {
    .carousel__item {
        min-height: 400px;
    }
}

@media all and (max-width: 44.99em) {
    .carousel__item {
        padding: 24px;
        box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
        border-radius: 0.75188rem;
        background: #FFF;
        background-image: none !important;
        margin: 25px;
        min-height: initial;
        width: initial !important;
    }
}

.carousel__image {
    display: none;
}

@media all and (max-width: 44.99em) {
    .carousel__image {
        display: block;
        width: 100%;
        border-radius: 0.38462rem;
    }
}

@media all and (max-width: 44.99em) {
    .carousel__image img {
        width: 100%;
        border-radius: 0.38462rem;
    }
}

.carousel__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px 42px;
    background: #404040;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
}

@media all and (max-width: 44.99em) {
    .carousel__info {
        position: relative;
        background: none;
        padding: 0;
    }
}

.carousel__link {
    display: block;
    color: #FFF;
}

    .carousel__link:hover {
        color: #FFF;
        text-decoration: none;
    }

@media all and (max-width: 44.99em) {
    .carousel__link:hover {
        color: #00718F;
    }
}

@media all and (max-width: 44.99em) {
    .carousel__link h3 {
        color: #00718F;
    }
}

@media all and (max-width: 44.99em) {
    .carousel__link p {
        color: #404040;
    }
}

.carousel__nav {
    display: none;
    width: 20%;
    cursor: pointer;
}

@media all and (max-width: 61.24em) {
    .carousel__nav {
        width: 30%;
    }
}

@media all and (max-width: 44.99em) {
    .carousel__nav {
        display: none;
    }
}

.carousel__nav-list {
    overflow: visible;
    margin: 0;
    padding: 0;
}

    .carousel__nav-list .slick-track {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
    }

    .carousel__nav-list .slick-slide {
        width: 100% !important;
    }

    .carousel__nav-list .slick-current {
        position: relative;
    }

        .carousel__nav-list .slick-current:before {
            content: '';
            background: #00AEEF;
            width: 10px;
            position: absolute;
            height: 100%;
            left: -10px;
        }

        .carousel__nav-list .slick-current .carousel__nav-item {
            color: #FFF;
            background: #404040;
            box-shadow: inset 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
        }

    .carousel__nav-list .slick-list {
        overflow: visible;
    }

.carousel__nav-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #FFF;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    padding: 30px;
    border-top-right-radius: 0.38462rem;
    border-bottom-right-radius: 0.38462rem;
    margin-bottom: 10px;
}

@media all and (max-width: 61.24em) {
    .carousel__nav-item {
        padding: 15px;
    }
}

.carousel__nav-item:hover {
    color: #404040;
    background: #D3EBF6;
}

.carousel__nav-item:active {
    color: #404040;
    background: #D3EBF6;
    box-shadow: inset 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
}

.carousel__nav-item:last-of-type {
    margin-bottom: 0;
}

.carousel-task {
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 50px;
}

@media all and (max-width: 44.99em) {
    .carousel-task {
        padding: 42px 30px 0;
    }
}

@media all and (max-width: 44.99em) {
    .carousel-task {
        padding-top: 10px;
        margin-bottom: 0;
    }
}

.carousel-task__container {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.carousel-task .slick-prev, .carousel-task .slick-next {
    height: 30px;
    width: 35px;
}

.carousel-task .slick-prev-icon, .carousel-task .slick-next-icon {
    font-size: 30px !important;
}

    .carousel-task .slick-prev-icon:before, .carousel-task .slick-prev-icon:after, .carousel-task .slick-next-icon:before, .carousel-task .slick-next-icon:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
    }

    .carousel-task .slick-prev-icon:before, .carousel-task .slick-next-icon:before {
        color: #00718F;
    }

    .carousel-task .slick-prev-icon:after, .carousel-task .slick-next-icon:after {
        color: #00AEEF;
    }

.carousel-task .slick-prev {
    top: 50%;
    left: -5%;
}

@media all and (max-width: 44.99em) {
    .carousel-task .slick-prev {
        left: -11%;
    }
}

.carousel-task .slick-prev-icon:before {
    content: '\f323' !important;
    left: 0;
}

.carousel-task .slick-prev-icon:after {
    content: '\10f323';
    left: 0;
}

.carousel-task .slick-prev:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.carousel-task .slick-next {
    right: -5%;
    top: 50%;
}

@media all and (max-width: 44.99em) {
    .carousel-task .slick-next {
        right: -11%;
    }
}

.carousel-task .slick-next-icon:before {
    content: '\f324' !important;
    left: 0;
}

.carousel-task .slick-next-icon:after {
    content: '\10f324';
    left: 0;
}

.carousel-task .slick-next:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.carousel-task .slick-track {
    display: flex;
    align-items: stretch;
}

.carousel-task .slick-slide {
    height: auto;
}

    .carousel-task .slick-slide > div {
        height: 100%;
        display: flex;
        align-items: stretch;
    }

.carousel-task .slick-dots {
    overflow: visible;
}

@media all and (max-width: 29.99em) {
    .carousel-task .slick-dots {
        bottom: initial;
    }
}

.carousel-task .slick-dots li .slick-dot-icon {
    color: #B0B0B0;
}

.carousel-task .slick-dots li.slick-active .slick-dot-icon {
    color: #00718F;
}

.carousel-task .slick-dots li button:hover .slick-dot-icon:before, .carousel-task .slick-dots li button:focus .slick-dot-icon:before {
    color: #00718F;
}

.carousel-task .slick-dots li button:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.carousel-task__controls--right, .carousel-task__controls--left {
    --fa-primary-color: #00718F;
    --fa-secondary-color: #00AEEF;
}

    .carousel-task__controls--right[aria-disabled="true"], .carousel-task__controls--left[aria-disabled="true"] {
        --fa-primary-color: #B0B0B0;
        --fa-secondary-color: #D9D9D9;
    }

.carousel-task__item {
    display: flex !important;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
}

.carousel-task__item-container {
    background: #FFF;
    margin: 20px 12px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
    text-align: center;
    height: 100%;
}

.carousel-task__link {
    display: block;
    height: 100%;
    padding: 12px;
}

.carousel-task__list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
}

.carousel-task__shadow {
    width: 100%;
    padding-top: 24px;
}

.carousel-task .tns-outer {
    z-index: 2;
    position: relative;
}

.carousel-task .tns-nav {
    text-align: center;
    padding-bottom: 10px;
}

    .carousel-task .tns-nav button {
        border-radius: 0.38462rem;
        width: 15px;
        height: 15px;
        border: 0;
        background: #D9D9D9;
        margin: 6px;
    }

        .carousel-task .tns-nav button.tns-nav-active {
            background: #00718F;
            position: relative;
        }

.carousel .slick-dots {
    width: 20%;
    position: initial;
    overflow: visible;
}

@media all and (max-width: 61.24em) {
    .carousel .slick-dots {
        width: 30%;
    }
}

@media all and (max-width: 44.99em) {
    .carousel .slick-dots {
        display: none !important;
    }
}

.carousel .slick-dots li {
    position: initial;
    margin: 0;
    display: block;
}

    .carousel .slick-dots li.slick-active {
        position: relative;
    }

        .carousel .slick-dots li.slick-active:before {
            content: '';
            background: #00AEEF;
            width: 10px;
            height: 100%;
            position: absolute;
            left: -10px;
        }

        .carousel .slick-dots li.slick-active button {
            color: #FFF;
            background: #404040;
        }

            .carousel .slick-dots li.slick-active button:hover, .carousel .slick-dots li.slick-active button:active {
                color: #FFF;
                background: #404040;
            }

    .carousel .slick-dots li button {
        width: 100%;
        height: 100%;
        color: #404040;
        line-height: 1rem;
        font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
        background: #FFF;
        box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
        padding: 30px;
        border-top-right-radius: 0.38462rem;
        border-bottom-right-radius: 0.38462rem;
        margin-bottom: 10px;
        margin-top: 0;
        text-align: left;
    }

@media screen and (max-width: 420px) {
    .carousel .slick-dots li button {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .carousel .slick-dots li button {
        font-size: 16px;
    }
}

@media all and (max-width: 61.24em) {
    .carousel .slick-dots li button {
        padding: 15px;
    }
}

.carousel .slick-dots li button:hover {
    background: #D3EBF6;
}

.carousel .slick-dots li button:active {
    background: #D3EBF6;
    box-shadow: 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
}

.carousel .slick-dots li button:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.carousel .slick-list {
    width: 80%;
}

@media all and (max-width: 61.24em) {
    .carousel .slick-list {
        width: 70%;
    }
}

@media all and (max-width: 44.99em) {
    .carousel .slick-list {
        width: 100%;
        overflow: visible;
    }
}

@media all and (max-width: 44.99em) {
    .hub .carousel .slick-list {
        overflow: hidden;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.search {
    position: relative;
    z-index: 100;
}

.search-bar {
    padding: 10px;
    padding-left: 45px;
    font-size: 1rem;
    border: none;
    border-radius: 0.38462rem;
    min-width: 340px;
    width: 100%;
    background: #FFF;
    color: #404040;
}

@media all and (max-width: 61.24em) {
    .search-bar {
        min-width: 310px;
    }
}

@media all and (max-width: 29.99em) {
    .search-bar {
        min-width: initial;
    }
}

.search-bar:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

@media all and (max-width: 44.99em) {
    .search__header {
        display: none;
    }
}

.search__header-container {
    background: #FFF;
    border-radius: 0.38462rem;
    outline: 4px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    position: relative;
}

    .search__header-container:before, .search__header-container:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
        font-size: calc(30px + -6 * ( (100vw - 420px) / 480));
        padding: 10px 0 10px 10px;
        left: 0;
    }

@media screen and (max-width: 420px) {
    .search__header-container:before, .search__header-container:after {
        font-size: 30px;
    }
}

@media screen and (min-width: 900px) {
    .search__header-container:before, .search__header-container:after {
        font-size: 24px;
    }
}

.search__header-container:before {
    content: '\f002';
}

.search__header-container:after {
    content: '\10f002';
}

.search__head {
    display: flex;
    justify-content: space-between;
}

@media all and (max-width: 44.99em) {
    .search__head {
        flex-direction: column;
    }
}

.search__content {
    display: flex;
    flex-direction: row-reverse;
}

@media all and (max-width: 44.99em) {
    .search__content {
        order: 1;
        margin-bottom: 20px;
        display: block;
    }
}

@media all and (max-width: 44.99em) {
    .search__content input {
        min-width: 100%;
    }
}

.search__content .search__header-container {
    outline: 4px solid #006f97;
}

@media all and (max-width: 44.99em) {
    .search__results {
        order: 2;
    }
}

.search-results__list {
    margin: 0;
    padding: 0;
}

.search-results__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 10px;
}

.search-results .pagecontrols .btn {
    margin-right: 20px;
}

.search-tag__list {
    margin: 0;
    padding: 0;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    overflow: auto;
    white-space: nowrap;
}

@media all and (max-width: 44.99em) {
    .search-tag__list {
        justify-content: left;
    }
}

.search-tag__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0 5px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.social__facebook {
    background: #3B5998;
}

.social__twitter {
    background: #1DA1F2;
}

.social__linkedin {
    background: #0072B1;
}

.social__reddit {
    background: #FF4500;
}

.social__tumblr {
    background: #34526F;
}

.social__google.plus {
    background: #DB4A39;
}

.social__instagram {
    background: linear-gradient(170deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.social__youtube {
    background: #FF0000;
}

.social__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.social__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 20px;
    padding-right: 15px;
    padding-bottom: 15px;
}

    .social__item:last-of-type {
        padding-right: 0;
    }

.social__link {
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 0.38462rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .social__link:hover {
        text-decoration: none;
    }

.social__icon {
    color: #FFF;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.main-container {
    background: #FFF;
}

.main-shadow {
    position: relative;
    padding-top: 36px;
    min-height: 40rem;
}

    .main-shadow:before, .main-shadow:after {
        width: 1.5rem;
        height: 30rem;
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .main-shadow:before {
        left: -1.5rem;
        content: url("/assets/images/page-shadow-left.png");
    }

    .main-shadow:after {
        right: -1.5rem;
        content: url("/assets/images/page-shadow-right.png");
    }

.content {
    display: flex;
}

.content__area {
    width: 100%;
}

.content__area--with-side {
    width: 75%;
    padding-left: 20px;
}

@media all and (max-width: 61.24em) {
    .content__area--with-side {
        width: 100%;
        padding-left: 0;
    }
}

.content__side {
    width: 25%;
}

@media all and (max-width: 61.24em) {
    .content__side {
        width: 100%;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.breadcrumb__container {
    background: #F0F0F0;
    border-top-left-radius: 0.75188rem;
    border-top-right-radius: 0.75188rem;
    margin-top: -47px;
    z-index: 100;
    position: relative;
    width: 100%;
    padding: 3px 50px;
}

@media all and (max-width: 34.365em) {
    .breadcrumb__container {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.breadcrumb__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    padding: 4px;
    overflow: auto;
    white-space: nowrap;
}

.breadcrumb__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    align-items: center;
}

    .breadcrumb__item:first-of-type a {
        font-size: 0;
        display: inline;
        align-items: center;
        width: 100%;
        height: 100%;
    }

        .breadcrumb__item:first-of-type a:before {
            content: '\f015';
            font-weight: 700;
            font-family: "Font Awesome 5 Pro";
            font-size: calc(21px + -7 * ( (100vw - 420px) / 480));
            display: inline-block;
        }

@media screen and (max-width: 420px) {
    .breadcrumb__item:first-of-type a:before {
        font-size: 21px;
    }
}

@media screen and (min-width: 900px) {
    .breadcrumb__item:first-of-type a:before {
        font-size: 14px;
    }
}

.breadcrumb__item:after {
    content: '\f0da';
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
    font-size: 1rem;
    padding: 0 10px;
    display: inline-block;
}

.breadcrumb__item:last-of-type:after {
    display: none;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.hr__footer {
    margin-left: 10px;
    background: #D9D9D9;
}

    .hr__footer:before, .hr__footer:after {
        background: #D9D9D9;
    }

.hr__nav {
    margin-top: 0;
    margin-bottom: 0;
    background: #00AEEF;
    z-index: -1;
}

    .hr__nav:before, .hr__nav:after {
        background: #00AEEF;
    }

.hr__banner {
    background: #FFF;
    margin-left: auto;
}

    .hr__banner:before, .hr__banner:after {
        background: #FFF;
    }

.hr__White, .hr__Teal, .hr__Blue, .hr__Green, .hr__Orange, .hr__Pink, .hr__Black, .hr__Grey {
    margin-left: 10px;
}

.hr__White {
    background: #FFF;
}

    .hr__White:before, .hr__White:after {
        background: #FFF;
    }

.hr__Teal {
    background: #00718F;
}

    .hr__Teal:before, .hr__Teal:after {
        background: #00718F;
    }

.background-Teal .hr__Teal:before, .background-Teal .hr__Teal:after {
    background: #00AEEF;
}

.background-Teal .hr__Teal {
    background: #00AEEF;
}

.hr__Blue {
    background: #00AEEF;
}

    .hr__Blue:before, .hr__Blue:after {
        background: #00AEEF;
    }

.hr__Green {
    background: #8DC63F;
}

    .hr__Green:before, .hr__Green:after {
        background: #8DC63F;
    }

.hr__Orange {
    background: #F7941C;
}

    .hr__Orange:before, .hr__Orange:after {
        background: #F7941C;
    }

.hr__Pink {
    background: #EC008C;
}

    .hr__Pink:before, .hr__Pink:after {
        background: #EC008C;
    }

.hr__Grey, .hr__Black {
    background: #D9D9D9;
}

    .hr__Grey:before, .hr__Grey:after, .hr__Black:before, .hr__Black:after {
        background: #D9D9D9;
    }

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.house-keeping {
    border-top: 1px solid #D9D9D9;
    padding-top: 37px;
}

.house-keeping__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

@media all and (max-width: 29.99em) {
    .house-keeping__list {
        flex-direction: column;
        align-items: center;
    }
}

.house-keeping__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0 10px 10px;
}

    .house-keeping__item:last-of-type {
        flex-grow: 2;
        text-align: right;
        padding-right: 0;
        width: 100%;
    }

@media all and (max-width: 29.99em) {
    .house-keeping__item:last-of-type {
        text-align: center;
    }
}

.house-keeping__link {
    color: #FFF;
    padding-bottom: 2px;
    border-bottom: none;
    font-weight: 400;
}

    .house-keeping__link:hover {
        color: #D3EBF6;
        text-decoration: none;
        border-bottom: 1px solid #D3EBF6;
    }

.house-keeping__copy {
    color: #FFF;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.gallery {
    display: flex;
    flex-direction: column;
    background: #FFF;
    padding: 12px 50px;
    margin: 12px 0;
    margin-bottom: 42px;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

.gallery__list {
    margin: 0;
    padding: 0;
}

.gallery__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gallery__image {
    width: 100%;
    border-radius: 0.38462rem;
}

.gallery .slick-prev-icon, .gallery .slick-next-icon {
    font-size: 30px !important;
}

    .gallery .slick-prev-icon:before, .gallery .slick-prev-icon:after, .gallery .slick-next-icon:before, .gallery .slick-next-icon:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
    }

    .gallery .slick-prev-icon:before, .gallery .slick-next-icon:before {
        color: #00718F;
    }

    .gallery .slick-prev-icon:after, .gallery .slick-next-icon:after {
        color: #00AEEF;
    }

.gallery .slick-prev {
    top: 50%;
}

.gallery .slick-prev-icon:before {
    content: '\f323' !important;
}

.gallery .slick-prev-icon:after {
    content: '\10f323';
}

.gallery .slick-next {
    right: -35px;
    top: 50%;
}

.gallery .slick-next-icon:before {
    content: '\f324' !important;
}

.gallery .slick-next-icon:after {
    content: '\10f324';
}

.gallery .slick-dots li .slick-dot-icon {
    color: #B0B0B0;
}

.gallery .slick-dots li.slick-active .slick-dot-icon {
    color: #00718F;
}

.gallery .slick-dots li button:hover .slick-dot-icon:before, .gallery .slick-dots li button:focus .slick-dot-icon:before {
    color: #00718F;
}

.gallery .slick-dotted {
    margin-bottom: 30px !important;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.rte__link--pdf {
    position: relative;
    padding-left: 3px;
    margin-left: 10px;
}

    .rte__link--pdf:before, .rte__link--pdf:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
        margin-right: 10px;
        top: 0;
        transform: translateY(0);
    }

    .rte__link--pdf:before {
        content: '\f1c1';
        color: #FF0000;
    }

    .rte__link--pdf:after {
        content: '\10f1c1';
        color: rgba(177, 48, 39, 0.2);
    }

.rte__link--csv {
    position: relative;
    padding-left: 3px;
    margin-left: 10px;
}

    .rte__link--csv:before, .rte__link--csv:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
        margin-right: 10px;
        top: 0;
        transform: translateY(0);
    }

    .rte__link--csv:before {
        content: '\f6dd';
        color: #8DC63F;
    }

    .rte__link--csv:after {
        content: '\10f6dd';
        color: #5A8020;
    }

.rte__link--excel {
    position: relative;
    padding-left: 3px;
    margin-left: 10px;
}

    .rte__link--excel:before, .rte__link--excel:after {
        font-weight: 900;
        font-family: "Font Awesome 5 Duotone";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
        margin-right: 10px;
        top: 0;
        transform: translateY(0);
    }

    .rte__link--excel:before {
        content: '\f15b';
        color: #5A8020;
    }

    .rte__link--excel:after {
        content: '\10f15b';
        color: #8DC63F;
    }

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.video-wrapper {
    margin-bottom: 20px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.umb-grid .row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

@media all and (max-width: 44.99em) {
    .umb-grid .row {
        flex-direction: column;
    }
}

.umb-grid .col-md-6 {
    flex: 1;
}

    .umb-grid .col-md-6:nth-child(odd) {
        padding-right: 10px;
    }

@media all and (max-width: 44.99em) {
    .umb-grid .col-md-6:nth-child(odd) {
        padding: 0 0 10px;
    }
}

.umb-grid .col-md-6:nth-child(even) {
    padding-left: 10px;
}

@media all and (max-width: 44.99em) {
    .umb-grid .col-md-6:nth-child(even) {
        padding: 0 0 10px;
    }
}

.umb-grid .col-md-4 {
    flex: 1;
    padding: 0 10px;
}

@media all and (max-width: 44.99em) {
    .umb-grid .col-md-4 {
        padding: 0 0 10px;
    }
}

.umb-grid .col-md-4:first-of-type {
    padding-left: 0;
}

.umb-grid .col-md-4:last-of-type {
    padding-right: 0;
}

.umb-grid .col-md-4 img {
    width: 100%;
}

.umb-grid .col-md-3 {
    flex: 1;
    padding: 0 10px;
}

@media all and (max-width: 44.99em) {
    .umb-grid .col-md-3 {
        padding: 0 0 10px;
    }
}

.umb-grid .col-md-3:first-of-type {
    padding-left: 0;
}

.umb-grid .col-md-3:last-of-type {
    padding-right: 0;
}

.umb-grid .col-md-3 img {
    width: 100%;
}

.umb-grid .col-md-12 {
    width: 100%;
}

@media all and (max-width: 29.99em) {
    .umb-grid img {
        width: 100%;
        height: auto;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.teal .icon:before {
    color: #00718F;
}

.teal .icon:after {
    color: #00AEEF;
}

.blue .icon:before {
    color: #00AEEF;
}

.blue .icon:after {
    color: #B0B0B0;
}

.green .icon:before {
    color: #5A8020;
}

.green .icon:after {
    color: #8DC63F;
}

.orange .icon:before {
    color: #975B11;
}

.orange .icon:after {
    color: #F7941C;
}

.pink .icon:before {
    color: #A40062;
}

.pink .icon:after {
    color: #EC008C;
}

.black .icon:before {
    color: #404040;
}

.black .icon:after {
    color: #D9D9D9;
}

.grey .icon:before {
    color: #D9D9D9;
}

.grey .icon:after {
    color: #404040;
}

.phase-banner--Yellow .white .icon:before {
    color: #FFF;
}

.phase-banner--Yellow .white .icon:after {
    color: #000;
}

.white .icon:before {
    color: #000;
}

.white .icon:after {
    color: #FFF;
}

.general:before {
    color: #0c482a;
}

.general:after {
    color: #1AA05D;
}

.recycling:before {
    color: #002c49;
}

.recycling:after {
    color: #0169AE;
}

.glass--blue:before {
    color: #002c49;
}

.glass--blue:after {
    color: #0169AE;
}

.glass--purple:before {
    color: #5c1062;
}

.glass--purple:after {
    color: #AF1FB9;
}

.garden:before {
    color: #391e08;
}

.garden:after {
    color: #65350F;
}

.food:before {
    color: #333333;
}

.food:after {
    color: #000;
}

.recycling-centre:before {
    color: #212e0c;
}

.recycling-centre:after {
    color: #5A8020;
}

.bulky:before {
    color: #3b2407;
}

.bulky:after {
    color: #975B11;
}

.charity:before {
    color: #8a0049;
}

.charity:after {
    color: #F0007F;
}

.clinical:before {
    color: #893507;
}

.clinical:after {
    color: #EA5B0C;
}

.no-bin:before {
    color: rgba(93, 25, 21, 0.2);
}

.no-bin:after {
    color: rgba(177, 48, 39, 0.2);
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.contact-card {
    margin: 12px 0;
    margin-bottom: 42px;
    width: 66.66%;
}

@media all and (max-width: 44.99em) {
    .contact-card {
        width: 100%;
    }
}

.contact-card__icon {
    padding-bottom: 10px;
}

    .contact-card__icon i {
        padding-right: 10px;
    }

.contact-card__title {
    display: inline-block;
    padding-bottom: 10px;
}

.contact-card__phone {
    color: #5A8020;
}

    .contact-card__phone a {
        color: #5A8020;
    }

.contact-card__email {
    color: #00718F;
}

    .contact-card__email a {
        color: #00718F;
        word-break: break-all;
    }

.contact-card__details span {
    padding-right: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

.contact-card__items:nth-child(n+2) {
    margin-top: 20px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.umbraco-forms-form input::placeholder {
    color: #404040;
}

.umbraco-forms-form input[type="text"], .umbraco-forms-form input[type="password"], .umbraco-forms-form input[type="number"], .umbraco-forms-form input[type="email"] {
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    width: 50%;
    background: #FFF;
}

.umbraco-forms-form input[type="file"]::-webkit-file-upload-button {
    color: white;
    display: inline-block;
    background: #5A8020;
    border: none;
    padding: 10px;
    border-radius: 0.38462rem;
    cursor: pointer;
}

.umbraco-forms-form input:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.umbraco-forms-form textarea {
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    width: 50%;
    background: #FFF;
}

    .umbraco-forms-form textarea:focus {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

.umbraco-forms-form select {
    width: 50%;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    background: #FFF;
}

    .umbraco-forms-form input.input-validation-error,
    .umbraco-forms-form select.input-validation-error,
    .umbraco-forms-form textarea.input-validation-error {
        border-color: #B13027;
    }

.umbraco-forms-form .radiobuttonlist .radioitem {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: relative;
    margin-bottom: 10px;
    clear: left;
    min-height: 15px;
    padding-left: 20px;
}

.umbraco-forms-form .radiobuttonlist label {
    display: inline-block;
    cursor: pointer;
    padding-top: 0.125rem;
    padding-left: 10px;
}

    .umbraco-forms-form .radiobuttonlist label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #FFF;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
        border: 1px solid #404040;
    }

    .umbraco-forms-form .radiobuttonlist label:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        width: 0;
        height: 0;
        border: 10px solid currentColor;
        border-radius: 50%;
        opacity: 0;
        background: currentColor;
    }

.umbraco-forms-form .radiobuttonlist input {
    cursor: pointer;
    position: absolute;
    z-index: initial;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    opacity: 0;
}

    .umbraco-forms-form .radiobuttonlist input:checked + label:before {
        border: 0.3125rem solid #00718F;
    }

    .umbraco-forms-form .radiobuttonlist input:checked + label:after {
        opacity: 1;
        top: 0.3125rem;
        left: 0.3125rem;
        border: 0.4386rem solid #D3EBF6;
        background: #D3EBF6;
    }

    .umbraco-forms-form .radiobuttonlist input:hover + label:before {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
        background: #D3EBF6;
    }

    .umbraco-forms-form .radiobuttonlist input.input-validation-error + label:before {
        border-color: #B13027;
    }

    .umbraco-forms-form .radiobuttonlist input:focus + label:before {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

.umbraco-forms-form .checkboxlist .checkboxitem {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: relative;
    margin-bottom: 10px;
    clear: left;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.umbraco-forms-form .checkboxlist label {
    display: inline-block;
    cursor: pointer;
    padding-top: 0.125rem;
    padding-left: 10px;
}

    .umbraco-forms-form .checkboxlist label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #FFF;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.38462rem;
        border: 1px solid #404040;
    }

    .umbraco-forms-form .checkboxlist label:after {
        content: "";
        opacity: 0;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: solid;
        border-width: 0 0 5px 5px;
        border-top-color: transparent;
        background: transparent;
        top: 0.38462rem;
        left: 0.25rem;
        width: 1rem;
        height: 0.58824rem;
        border-color: #D3EBF6;
    }

.umbraco-forms-form .checkboxlist input {
    cursor: pointer;
    position: absolute;
    z-index: initial;
    margin: 0;
    opacity: 0;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    appearance: none;
}

    .umbraco-forms-form .checkboxlist input:checked + label:before {
        background: #00718F;
    }

    .umbraco-forms-form .checkboxlist input:checked + label:after {
        opacity: 1;
    }

    .umbraco-forms-form .checkboxlist input:checked:hover + label:before {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
        background: #00718F;
    }

    .umbraco-forms-form .checkboxlist input:hover + label:before {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
        background: #D3EBF6;
    }

    .umbraco-forms-form .checkboxlist input.input-validation-error + label:before {
        border-color: #B13027;
    }

    .umbraco-forms-form .checkboxlist input:focus + label:before {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

.umbraco-forms-form .dataconsent .dataconsentitem {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: relative;
    margin-bottom: 10px;
    clear: left;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

    .umbraco-forms-form .dataconsent .dataconsentitem label {
        display: inline-block;
        cursor: pointer;
        padding-top: 0.125rem;
        padding-left: 10px;
    }

        .umbraco-forms-form .dataconsent .dataconsentitem label:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: #FFF;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 0.38462rem;
            border: 1px solid #404040;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem label:after {
            content: "";
            opacity: 0;
            position: absolute;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            border: solid;
            border-width: 0 0 5px 5px;
            border-top-color: transparent;
            background: transparent;
            top: 0.38462rem;
            left: 0.25rem;
            width: 1rem;
            height: 0.58824rem;
            border-color: #D3EBF6;
        }

    .umbraco-forms-form .dataconsent .dataconsentitem input {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        margin: 0;
        opacity: 0;
    }

        .umbraco-forms-form .dataconsent .dataconsentitem input:checked ~ label:before {
            background: #00718F;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem input:checked ~ label:after {
            opacity: 1;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem input:checked:hover ~ label:before {
            box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
            background: #00718F;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem input:hover ~ label:before {
            box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
            background: #D3EBF6;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem input.input-validation-error ~ label:before {
            border-color: #B13027;
        }

        .umbraco-forms-form .dataconsent .dataconsentitem input:focus ~ label:before {
            outline: 3.0303px solid #A40062;
            outline-offset: 1px;
        }

.umbraco-forms-form .checkbox {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: relative;
    margin-bottom: 10px;
    clear: left;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

    .umbraco-forms-form .checkbox .umbraco-forms-field-wrapper {
        position: absolute;
        top: 0;
        left: 0;
    }

    .umbraco-forms-form .checkbox .umbraco-forms-tooltip {
        padding-left: 10px;
    }

    .umbraco-forms-form .checkbox label {
        display: inline-block;
        cursor: pointer;
        padding-top: 0.125rem;
        padding-left: 10px;
    }

    .umbraco-forms-form .checkbox input {
        cursor: pointer;
    }

        .umbraco-forms-form .checkbox input:checked:before {
            background: #00718F;
        }

        .umbraco-forms-form .checkbox input:checked:after {
            opacity: 1;
        }

        .umbraco-forms-form .checkbox input:checked:hover:before {
            box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
            background: #00718F;
        }

        .umbraco-forms-form .checkbox input:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: #FFF;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 0.38462rem;
            border: 1px solid #404040;
        }

        .umbraco-forms-form .checkbox input:after {
            content: "";
            opacity: 0;
            position: absolute;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            border: solid;
            border-width: 0 0 5px 5px;
            border-top-color: transparent;
            background: transparent;
            top: 0.38462rem;
            left: 0.25rem;
            width: 1rem;
            height: 0.58824rem;
            border-color: #D3EBF6;
        }

        .umbraco-forms-form .checkbox input:hover:before {
            box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
            background: #D3EBF6;
        }

        .umbraco-forms-form .checkbox input.input-validation-error:before {
            border-color: #B13027;
        }

.umbraco-forms-form .row-fluid {
    display: flex;
}

@media all and (max-width: 44.99em) {
    .umbraco-forms-form .row-fluid {
        flex-direction: column;
    }
}

@media all and (max-width: 44.99em) {
    .umbraco-forms-container.col-md-6:nth-child(odd), .umbraco-forms-container.col-md-6:nth-child(even) {
        padding: 0;
    }
}

.umbraco-forms-page {
    padding: 22px;
    border-radius: 0.38462rem;
    background: #F2F2F2;
    margin-bottom: 1rem;
}

.umbraco-forms-fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    .umbraco-forms-fieldset legend {
        padding: 0;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    .umbraco-forms-fieldset .row-fluid {
        display: flex;
    }

@media all and (max-width: 44.99em) {
    .umbraco-forms-fieldset .row-fluid {
        flex-direction: column;
    }
}

.umbraco-forms-field {
    margin-bottom: 20px;
}

    .umbraco-forms-field.urltracker {
        display: none;
    }

.umbraco-forms-label {
    display: block;
    font-weight: 500;
    font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
    margin-bottom: 10px;
    line-height: 1.25;
}

@media screen and (max-width: 420px) {
    .umbraco-forms-label {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .umbraco-forms-label {
        font-size: 16px;
    }
}

.umbraco-forms-tooltip {
    display: block;
    font-size: calc(21px + -7 * ( (100vw - 420px) / 480));
    padding-bottom: 10px;
}

@media screen and (max-width: 420px) {
    .umbraco-forms-tooltip {
        font-size: 21px;
    }
}

@media screen and (min-width: 900px) {
    .umbraco-forms-tooltip {
        font-size: 14px;
    }
}

.umbraco-forms-indicator {
    font-weight: 600;
    color: #EC008C;
}

.feedback .umbraco-forms-page {
    background: none;
    margin-bottom: 0;
}

.feedback .umbraco-forms-navigation .btn {
    color: #FFF;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0.38462rem;
    outline: 4px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feedback .umbraco-forms-navigation .btn:hover {
        outline: 4px solid rgba(211, 235, 246, 0.2);
        color: #404040;
        background-color: #D3EBF6;
    }

.feedback .umbraco-forms-form legend {
    display: none;
}

.feedback .umbraco-forms-legend {
    display: block !important;
}

.feedback .umbraco-forms-form fieldset {
    padding: 0;
    margin: 20px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feedback .umbraco-forms-form fieldset:first-of-type {
        margin: 0;
    }

.feedback .umbraco-forms-form input.text {
    max-width: 100% !important;
    margin-right: 0;
    width: 100%;
}

.feedback .umbraco-forms-form input:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.feedback .umbraco-forms-form textarea {
    width: 100%;
    max-width: 100% !important;
}

    .feedback .umbraco-forms-form textarea:focus {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

.feedback .umbraco-forms-form .input-validation-error {
    border: 1px solid #B13027 !important;
    margin-bottom: 0 !important;
}

.feedback .umbraco-forms-form .field-validation-error {
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
    background: #FFF !important;
    border: 1px solid #B13027;
    border-radius: 0.38462rem;
    padding: 10px;
}

    .feedback .umbraco-forms-form .field-validation-error:before {
        content: '\f071';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
    }

.feedback .umbraco-forms-form .radiobuttonlist {
    display: flex;
    flex-direction: column;
}

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem {
        padding-left: 0;
    }

        .feedback .umbraco-forms-form .radiobuttonlist .radioitem input {
            top: 15px;
            left: 15px;
            border-radius: 0;
            margin: 0;
            opacity: 0;
            background: none;
            z-index: initial;
            border: 0;
            appearance: none;
            width: 24px;
            height: 24px;
        }

            .feedback .umbraco-forms-form .radiobuttonlist .radioitem input:focus {
                outline: 3.0303px solid #A40062;
                outline-offset: 1px;
            }

            .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"], .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"], .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] {
                width: 54px;
                height: 46px;
                top: 0;
                left: 0;
            }

                .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label {
                    font-size: 0;
                }

                    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label:before {
                        font-weight: 700;
                        font-family: "Font Awesome 5 Pro";
                        font-size: calc(30px + -6 * ( (100vw - 420px) / 480));
                        position: relative;
                        background: none;
                        border: 0;
                        border-radius: 0;
                        vertical-align: middle;
                        display: initial;
                        margin-right: 0;
                    }

@media screen and (max-width: 420px) {
    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label:before {
        font-size: 30px;
    }
}

@media screen and (min-width: 900px) {
    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label:before {
        font-size: 24px;
    }
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label:after, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label:after, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label:after {
    display: none;
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"]:hover + label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"]:hover + label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"]:hover + label:before {
    box-shadow: none;
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"]:checked ~ label, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"]:checked ~ label, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"]:checked ~ label {
    background: #00AEEF;
    box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
}

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"]:checked ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"]:checked ~ label:before, .feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"]:checked ~ label:before {
        color: #FFF;
        background: none;
    }

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="happy"] ~ label:before {
    content: '\f118';
    color: #8DC63F;
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="ok"] ~ label:before {
    content: '\f11a';
    color: #F7941C;
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input[value="sad"] ~ label:before {
    content: '\f119';
    color: #FF0000;
}

.feedback .umbraco-forms-form .radiobuttonlist .radioitem input:checked ~ label {
    box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
}

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input:checked ~ label:before {
        background: #D3EBF6;
    }

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem input:checked ~ label:after {
        display: none;
    }

.feedback .umbraco-forms-form .radiobuttonlist .radioitem label {
    cursor: pointer;
    background: #FFF;
    padding: 15px;
    border-radius: 0.38462rem;
    color: #404040;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem label:hover {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
    }

        .feedback .umbraco-forms-form .radiobuttonlist .radioitem label:hover:before {
            background: #D3EBF6;
            border: 0.3125rem solid #00718F;
        }

    .feedback .umbraco-forms-form .radiobuttonlist .radioitem label:before {
        position: initial;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.feedback .umbraco-forms-form .shortanswer:active input, .feedback .umbraco-forms-form .shortanswer:hover input {
    box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
}

.feedback .umbraco-forms-form .shortanswer label {
    display: block;
    padding-bottom: 5px;
}

.feedback .umbraco-forms-form .shortanswer input {
    color: #000;
    background: #FFF;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    margin-right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feedback .umbraco-forms-form .shortanswer input:focus {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
    }

.feedback .umbraco-forms-form .longanswer:active textarea, .feedback .umbraco-forms-form .longanswer:hover textarea {
    box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
}

.feedback .umbraco-forms-form .longanswer label {
    display: block;
    padding-bottom: 5px;
}

.feedback .umbraco-forms-form .longanswer textarea {
    color: #000;
    background: #FFF;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    margin-right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feedback .umbraco-forms-form .longanswer textarea:focus {
        box-shadow: 0px 0px 1.125rem rgba(0, 0, 0, 0.4);
    }

.feedback .umbraco-forms-form .titleanddescription a {
    color: #FFF;
}

.feedback .umbraco-forms-form .titleanddescription p {
    padding: 10px;
    background: #404040;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
}

.feedback .umbraco-forms-field.isthispagehelpful {
    text-align: center;
    margin-bottom: 0;
}

.feedback .umbraco-forms-field.howdidwedotoday .radiobuttonlist {
    flex-direction: row;
}

    .feedback .umbraco-forms-field.howdidwedotoday .radiobuttonlist .radioitem {
        padding-right: 10px;
        margin-bottom: 0;
    }

.feedback .umbraco-forms-indicator {
    color: #00AEEF;
}

.field-validation-error {
    font-weight: 500;
    color: #B13027;
    font-size: calc(16px + 0 * ( (100vw - 420px) / 480));
    padding-bottom: 10px;
    display: block;
}

@media screen and (max-width: 420px) {
    .field-validation-error {
        font-size: 16px;
    }
}

@media screen and (min-width: 900px) {
    .field-validation-error {
        font-size: 16px;
    }
}

.field-validation-error:before {
    content: "\f071";
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.625rem;
}

.pika-single {
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.38462rem;
}

.pika-button:hover {
    color: #FFF !important;
    background: #00718F !important;
}

.is-today .pika-button {
    color: #00718F;
}

.is-selected .pika-button {
    background: #00718F !important;
    box-shadow: none !important;
}

.bin-collection__form {
    padding: 22px;
    border-radius: 0.38462rem;
    background: #F2F2F2;
    margin-bottom: 1rem;
}

    .bin-collection__form fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

        .bin-collection__form fieldset legend {
            padding: 0;
            margin-bottom: 10px;
        }

    .bin-collection__form input::placeholder {
        color: #404040;
    }

    .bin-collection__form input[type="text"], .bin-collection__form input[type="password"] {
        border: 1px solid #404040;
        border-radius: 0.38462rem;
        padding: 10px;
        width: 100%;
    }

    .bin-collection__form input[type="file"]::-webkit-file-upload-button {
        color: white;
        display: inline-block;
        background: #5A8020;
        border: none;
        padding: 10px;
        border-radius: 0.38462rem;
        cursor: pointer;
    }

    .bin-collection__form textarea {
        border: 1px solid #404040;
        border-radius: 0.38462rem;
        padding: 10px;
        width: 100%;
    }

    .bin-collection__form select {
        width: 100%;
        border: 1px solid #404040;
        border-radius: 0.38462rem;
        padding: 10px;
    }

        .bin-collection__form input.input-validation-error,
        .bin-collection__form select.input-validation-error,
        .bin-collection__form textarea.input-validation-error {
            border-color: #B13027;
        }

    .bin-collection__form label {
        display: block;
        font-weight: 500;
        font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
        margin-bottom: 10px;
    }

@media screen and (max-width: 420px) {
    .bin-collection__form label {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .bin-collection__form label {
        font-size: 16px;
    }
}

.bin-collection__field {
    margin-bottom: 20px;
}

.select-calendar {
    width: 100%;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    margin-bottom: 24px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.feedback {
    color: #FFF;
    background: #00718F;
}

.feedback__gradient {
    height: 3.375rem;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
}

.feedback__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feedback__holder {
    width: 100%;
    max-width: 630px;
    margin-bottom: 65px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.iframe-alignment {
    margin-bottom: 1rem;
}

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

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

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

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.cta-box {
    display: flex;
    flex-wrap: wrap;
}

.cta-box__container {
    margin: 12px;
    margin-bottom: 42px;
    display: block;
    width: 100%;
}

@media all and (max-width: 44.99em) {
    .cta-box__container {
        margin: 12px 0 0;
    }
}

.cta-list-box .cta-box__container {
    margin: 0;
}

.cta-box__icon {
    font-size: 2rem;
}

.cta-box__icon-area {
    margin-bottom: 18px;
}

.cta-box__details h3,
.cta-box__details p {
    color: #404040;
}

.cta-box__fake-link {
    font-weight: 600;
    color: #00718F;
}

.cta-box__link {
    width: 33.33%;
    display: flex;
}

@media all and (max-width: 63.99em) {
    .cta-box__link {
        width: 50%;
    }
}

@media all and (max-width: 44.99em) {
    .cta-box__link {
        width: 100%;
    }
}

@media all and (max-width: 79.99em) {
    .content__area--with-side .cta-box__link {
        width: 50%;
    }
}

@media all and (max-width: 44.99em) {
    .content__area--with-side .cta-box__link {
        width: 100%;
    }
}

@media all and (max-width: 44.99em) {
    .cta-box__link:last-of-type {
        margin-bottom: 42px;
    }
}

.cta-box__link--half {
    width: 50%;
}

@media all and (max-width: 34.365em) {
    .cta-box__link--half {
        width: 100%;
    }
}

.cta-box__link:hover {
    text-decoration: none;
}

    .cta-box__link:hover .cta-box__fake-link {
        text-decoration: underline;
    }

@media all and (max-width: 34.365em) {
    .cta-box__link:last-of-type .cta-box__container {
        margin-bottom: 42px;
    }
}

.cta-list-box {
    display: flex;
    flex-wrap: wrap;
}

.cta-list-box__padding {
    width: 25%;
    display: flex;
    padding: 12px;
}

@media all and (max-width: 63.99em) {
    .cta-list-box__padding {
        width: 50%;
    }
}

@media all and (max-width: 34.365em) {
    .cta-list-box__padding {
        width: 100%;
    }
}

.cta-list-box__list {
    margin: 0;
    padding: 0;
    overflow: visible;
}

.cta-list-box__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cta-list-box__title a {
    color: #404040;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.news {
    display: flex;
}

.news-hub__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.news-hub__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.news-hub__summary {
    margin-bottom: 0;
}

.news-hub__link {
    color: #404040;
    display: block;
}

    .news-hub__link h3 {
        color: #00718F;
    }

    .news-hub__link:hover {
        text-decoration: none;
    }

        .news-hub__link:hover h3 {
            text-decoration: underline;
        }

.news-hub button:focus {
    outline: 3.0303px solid #A40062;
    outline-offset: 1px;
}

.news-panel {
    margin: 42px 0;
}

.news-panel__additional .icon {
    margin-right: 10px;
}

.news-panel__splitter {
    display: flex;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.accordion__title {
    position: relative;
    border-top: 1px solid #404040;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .accordion__title:first-of-type {
        border-top: 0;
    }

    .accordion__title:after {
        content: '\f067';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .accordion__title.active:after {
        content: '\f068';
        font-weight: 700;
        font-family: "Font Awesome 5 Pro";
        color: #00718F;
        right: 10px;
    }

    .accordion__title:hover {
        color: #00718F;
    }

        .accordion__title:hover:after {
            right: 10px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.accordion__button {
    width: 100%;
    padding: 10px 0;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
}

    .accordion__button:focus {
        outline: 3.0303px solid #A40062;
        outline-offset: 1px;
    }

.accordion__content {
    margin: 0;
    padding-bottom: 10px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.atoz {
    width: 100%;
    position: relative;
}

.atoz__filter {
    padding: 22px;
    border-radius: 0.38462rem;
    background: #F2F2F2;
    margin-bottom: 1rem;
    overflow: hidden;
    max-width: 1260px;
}

.atoz__filter-active {
    color: #404040;
    background-color: #D3EBF6;
    box-shadow: 0px 0px 0.76923rem rgba(0, 113, 143, 0.4);
    text-decoration: none;
}

.atoz__filter.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.atoz__filter-form {
    padding: 10px;
}

.atoz__filter-btn {
    width: 100%;
}

.atoz__search {
    width: 100%;
}

    .atoz__search label {
        display: block;
        font-weight: 500;
        font-size: calc(24px + -8 * ( (100vw - 420px) / 480));
        margin-bottom: 10px;
    }

@media screen and (max-width: 420px) {
    .atoz__search label {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .atoz__search label {
        font-size: 16px;
    }
}

.atoz__search input {
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    background: #FFF;
}

    .atoz__search input::placeholder {
        color: #404040;
    }

.atoz__result-icon-list {
    margin: 0;
    padding: 0;
}

.atoz__result-icon-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    font-size: calc(24px + -6 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
    .atoz__result-icon-item {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .atoz__result-icon-item {
        font-size: 18px;
    }
}

.atoz__result-filter {
    display: none;
    padding-top: 10px;
}

.atoz__result.padding {
    padding-top: 150px;
}

.atoz .show {
    display: block;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.fake-topper {
    background: #F0F0F0;
    border-top-left-radius: 0.75188rem;
    border-top-right-radius: 0.75188rem;
    margin-top: -47px;
    z-index: 100;
    position: relative;
    width: 100%;
    background: #FFF;
    height: 47px;
}

@media all and (max-width: 44.99em) {
    .fake-topper {
        display: none;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.events-panel {
    color: #FFF;
    background: #404040;
    padding-bottom: 42px;
}

.events-panel__gradient {
    height: 3.375rem;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
}

.events-panel__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    margin-bottom: 42px;
}

.events-panel__item {
    width: 23%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 1%;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

@media all and (max-width: 63.99em) {
    .events-panel__item {
        width: 48%;
    }
}

@media all and (max-width: 34.365em) {
    .events-panel__item {
        width: 98%;
    }
}

.events-panel__image {
    width: 100%;
    border-radius: 0.38462rem;
}

.events-panel__link {
    display: block;
    padding: 16px;
    height: 100%;
}

.events-panel__additional .icon {
    margin-right: 10px;
}

.events-panel__additional-link {
    color: #FFF;
    font-weight: 400;
}

    .events-panel__additional-link:hover {
        color: #FFF;
    }

.events-panel__splitter {
    display: flex;
}

.events__divider {
    display: flex;
}

@media all and (max-width: 44.99em) {
    .events__divider {
        flex-direction: column;
    }
}

.events__half {
    width: 75%;
}

@media all and (max-width: 61.24em) {
    .events__half {
        width: 50%;
    }
}

@media all and (max-width: 44.99em) {
    .events__half {
        width: 100%;
    }
}

.content__area--with-side .events__half {
    width: 60%;
}

@media all and (max-width: 44.99em) {
    .content__area--with-side .events__half {
        width: 100%;
    }
}

.events__half:last-of-type {
    width: 25%;
    padding-left: 10px;
    padding-bottom: 10px;
}

@media all and (max-width: 61.24em) {
    .events__half:last-of-type {
        width: 50%;
    }
}

@media all and (max-width: 44.99em) {
    .events__half:last-of-type {
        width: 100%;
        padding-left: 0;
    }
}

.content__area--with-side .events__half:last-of-type {
    width: 40%;
    padding-left: 10px;
    padding-bottom: 10px;
}

@media all and (max-width: 44.99em) {
    .content__area--with-side .events__half:last-of-type {
        width: 100%;
        padding-left: 0;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.council-panel__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    margin-bottom: 42px;
}

.council-panel__item {
    width: 48%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 16px 1%;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

@media all and (max-width: 44.99em) {
    .council-panel__item {
        width: 100%;
    }
}

.council-panel__item--Teal {
    background: #00718F;
}

.council-panel__item--Green {
    background: #5A8020;
}

.council-panel__item--Orange {
    background: #975B11;
}

.council-panel__item--Pink {
    background: #A40062;
}

.council-panel__item--Black {
    background: #404040;
}

.council-panel__item--Grey {
    background: #F2F2F2;
}

.council-panel__image {
    display: block;
    width: 100%;
    border-radius: 0.38462rem;
    margin-bottom: 0;
}

@media all and (max-width: 34.365em) {
    .council-panel__image {
        padding-bottom: 24px;
    }
}

.council-panel__link {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 16px;
}

.council-panel__divide {
    width: 50%;
    padding-right: 10px;
}

@media all and (max-width: 34.365em) {
    .council-panel__divide {
        width: 100%;
    }
}

.council-panel__divide:last-of-type {
    padding-right: 0;
    padding-left: 10px;
}

.council-panel__additional .icon {
    margin-right: 10px;
}

.council-panel__additional-link {
    color: #FFF;
    font-weight: 400;
}

    .council-panel__additional-link:hover {
        color: #FFF;
    }

.council-panel__splitter {
    display: flex;
}

.council-panel__silhouette {
    padding-bottom: 42px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    position: relative;
    z-index: 2;
}

.council-panel__silhouette--yes:before {
    content: '';
    height: 15.6rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.19) 30.75%, rgba(255, 255, 255, 0) 96.02%);
}

.council-panel__silhouette--no {
    padding-bottom: 42px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.background-Teal, .background-Green, .background-Orange, .background-Pink, .background-Black {
    position: relative;
    color: #FFF;
}

    .background-Teal a, .background-Green a, .background-Orange a, .background-Pink a, .background-Black a {
        color: #FFF;
    }

.background-Teal {
    background: #00718F;
}

    .background-Teal .icon:before {
        color: #D3EBF6;
    }

.background-Green {
    background: #5A8020;
}

    .background-Green .icon:before {
        color: #E8F4D9;
    }

.background-Orange {
    background: #975B11;
}

    .background-Orange .icon:before {
        color: #FDEAD2;
    }

.background-Pink {
    background: #A40062;
}

    .background-Pink .icon:before {
        color: #FCD1EA;
    }

.background-Black {
    background: #404040;
}

.background-Grey {
    background: #F2F2F2;
}

    .background-Grey a {
        color: #404040;
    }

        .background-Grey a:hover {
            color: #404040;
        }

.background__gradient {
    height: 3.375rem;
}

.background__gradient--Teal {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #00718F;
}

.background__gradient--Green {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #5A8020;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #5A8020;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #5A8020;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #5A8020;
}

.background__gradient--Orange {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #975B11;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #975B11;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #975B11;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #975B11;
}

.background__gradient--Pink {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #A40062;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #A40062;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #A40062;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #A40062;
}

.background__gradient--Black {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #404040;
}

.background__gradient--Grey {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #F2F2F2;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #F2F2F2;
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #F2F2F2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent 100%), #F2F2F2;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.councillor__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.councillor__item {
    width: 31%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 1%;
    padding: 24px;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

@media all and (max-width: 44.99em) {
    .councillor__item {
        width: 48%;
    }
}

@media all and (max-width: 29.99em) {
    .councillor__item {
        width: 100%;
    }
}

.councillor__item-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.councillor__ward {
    flex-grow: 1;
}

.councillor__image {
    border-radius: 0.38462rem;
    width: 100%;
}

.councillor__party img {
    display: block;
    max-width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
}

.councillor .address--hide {
    display: none;
}

.councillor--hide {
    display: none;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.pod {
    padding: 24px;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
}

.pod--white {
    padding: 24px;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    border-radius: 0.75188rem;
    background: #FFF;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.polling-station__result {
    width: fit-content;
    margin-bottom: 24px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.scrollTop {
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}

    .scrollTop a {
        font-size: calc(24px + -6 * ( (100vw - 420px) / 480));
        color: #FFF;
        position: fixed;
        right: 1rem;
        bottom: 10px;
        background-color: #00718F;
        border-radius: 0.75188rem;
        padding: 20px;
        box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.28);
    }

@media screen and (max-width: 420px) {
    .scrollTop a {
        font-size: 24px;
    }
}

@media screen and (min-width: 900px) {
    .scrollTop a {
        font-size: 18px;
    }
}

@media all and (max-width: 29.99em) {
    .scrollTop a {
        padding: 10px;
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.loading--circle {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
.sr-only {
    position: absolute;
    top: -2000em;
    left: -3000em;
}

.datepicker {
    margin-top: 1em;
    position: relative;
    /*.fa-calendar-alt {
        color: $flat-brand-blue;
    }*/
}

.datepicker-dialog {
    position: absolute;
    width: 320px;
    clear: both;
    border: 1px solid #404040;
    border-radius: 0.38462rem;
    padding: 0;
    margin-top: 10px;
    background-color: #FFF;
    color: #404040;
}

    .datepicker-dialog .header {
        cursor: default;
        background-color: #00718F;
        padding: 7px;
        font-weight: bold;
        text-transform: uppercase;
        color: white;
        display: flex;
        justify-content: space-around;
        border-top: 0;
        border-top-left-radius: 0.38462rem;
        border-top-right-radius: 0.38462rem;
    }

    .datepicker-dialog h2 {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 1em;
        color: white;
        text-transform: none;
        font-weight: bold;
    }

    .datepicker-dialog button {
        border-style: none;
    }

        .datepicker-dialog button::-moz-focus-inner {
            border: 0;
        }

    .datepicker-dialog .dates {
        width: 320px;
    }

    .datepicker-dialog .prev-year,
    .datepicker-dialog .prev-month,
    .datepicker-dialog .next-month,
    .datepicker-dialog .next-year {
        padding: 4px;
        width: 24px;
        height: 24px;
        color: white;
        background: #00718F;
    }

        .datepicker-dialog .prev-year:focus,
        .datepicker-dialog .prev-month:focus,
        .datepicker-dialog .next-month:focus,
        .datepicker-dialog .next-year:focus {
            padding: 2px;
            border: 2px solid white;
            border-radius: 4px;
            outline: 0;
        }

        .datepicker-dialog .prev-year:hover,
        .datepicker-dialog .prev-month:hover,
        .datepicker-dialog .next-month:hover,
        .datepicker-dialog .next-year:hover {
            padding: 3px;
            border: 1px solid white;
            border-radius: 4px;
        }

    .datepicker-dialog .dialog-ok-cancel-group {
        text-align: right;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-right: 1em;
    }

        .datepicker-dialog .dialog-ok-cancel-group button {
            padding: 6px;
            margin-left: 10px;
            min-width: 60px;
            outline: none;
            border-radius: 0.38462rem;
        }

    .datepicker-dialog .dialog-message {
        padding-top: 0.25em;
        padding-left: 1em;
        height: 1.75em;
        background: #00718F;
        color: #FFF;
        border-bottom-left-radius: 0.38462rem;
        border-bottom-right-radius: 0.38462rem;
    }

    .datepicker-dialog .fa-calendar-alt {
        color: #136cf1;
    }

    .datepicker-dialog .month-year {
        display: inline-block;
        width: 12em;
        text-align: center;
    }

    .datepicker-dialog table.dates {
        padding: 10px 10px 0;
    }

        .datepicker-dialog table.dates th,
        .datepicker-dialog table.dates td {
            text-align: center;
        }

        .datepicker-dialog table.dates td {
            padding: 3px;
            margin: 0;
            line-height: inherit;
            height: 40px;
            width: 40px;
            border-radius: 5px;
            font-size: 15px;
            background: #eee;
        }

            .datepicker-dialog table.dates td.disabled {
                padding: 2px;
                border: none;
                height: 41px;
                width: 41px;
            }

            .datepicker-dialog table.dates td:focus, .datepicker-dialog table.dates td:hover {
                padding: 0;
                background-color: #D3EBF6;
            }

            .datepicker-dialog table.dates td:focus {
                padding: 1px;
                border: 2px solid #D3EBF6;
                outline: 0;
            }

            .datepicker-dialog table.dates td:not(.disabled):hover {
                padding: 2px;
                border: 1px solid #646464;
            }

            .datepicker-dialog table.dates td[aria-selected] {
                padding: 1px;
                border: 2px dotted #646464;
            }

                .datepicker-dialog table.dates td[aria-selected]:focus {
                    padding: 1px;
                    border: 2px solid #646464;
                }

            .datepicker-dialog table.dates td[tabindex="0"] {
                background-color: #00718F;
                color: #FFF;
            }

        .datepicker-dialog table.dates tr {
            border: 1px solid black;
        }

.datepicker .group {
    display: inline-block;
    position: relative;
    width: 100%;
}

.datepicker input {
    padding: 0;
    margin: 0;
}

.datepicker button {
    cursor: pointer;
}

    .datepicker button.button {
        position: absolute;
        right: 0;
        margin: 0;
        padding: 5px;
        background: none;
        border: 0;
    }

        .datepicker button.button:focus {
            outline: 3.0303px solid #A40062;
            outline-offset: 1px;
        }

.datepicker .desc {
    display: block;
    padding-bottom: 5px;
}

/* This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top); */
#dvTable {
    background: #FFF;
    padding-top: 1px;
}

.download-form {
    padding: 20px;
}

    .download-form .month {
        padding: 10px 25px;
        width: 100%;
        background: #00718F;
        text-align: center;
    }

        .download-form .month td {
            color: #FFF;
            font-size: 20px;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

    .download-form .weekdays {
        margin: 0;
        padding: 10px 0;
        background-color: #D9D9D9;
    }

        .download-form .weekdays th {
            color: #404040;
            text-align: center;
            font-weight: 700;
        }

    .download-form .days {
        padding: 10px 0;
        background: #F2F2F2;
        margin: 0;
    }

        .download-form .days td {
            text-align: center;
            margin-bottom: 5px;
            color: #404040;
        }

            .download-form .days td.active-refuse {
                background: #1AA05D;
                color: white !important;
            }

            .download-form .days td.active-recycling {
                background: #0169AE;
                color: white !important;
            }

            .download-form .days td.active-tree {
                background: orange;
                color: white !important;
            }

            .download-form .days td.active-randr {
                background: -webkit-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
                background: -moz-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
                background: -o-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
                background: linear-gradient(135deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
                color: white !important;
            }

            .download-form .days td.day {
                padding: 5px;
                font-weight: 700;
            }

    .download-form .active-refuse-key {
        background: #1AA05D;
        min-width: 50px;
    }

    .download-form .active-recycling-key {
        background: #0169AE;
        min-width: 50px;
    }

    .download-form .active-tree-key {
        background: orange;
        min-width: 50px;
    }

    .download-form .active-randr-key {
        background: -webkit-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
        background: -moz-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
        background: -o-linear-gradient(-45deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
        background: linear-gradient(135deg, #1AA05D 0%, #1AA05D 50%, #0169AE 50%, #0169AE 100%);
        min-width: 50px;
    }

    .download-form .active-recycling-key, .download-form .active-refuse-key, .download-form .active-tree-key, .download-form .active-randr-key {
        padding: 5px;
        color: white !important;
        text-align: center;
        vertical-align: middle;
    }

        .download-form .active-recycling-key .fas,
        .download-form .active-recycling-key .fad, .download-form .active-refuse-key .fas,
        .download-form .active-refuse-key .fad, .download-form .active-tree-key .fas,
        .download-form .active-tree-key .fad, .download-form .active-randr-key .fas,
        .download-form .active-randr-key .fad {
            font-size: 24px;
            padding: 10px;
            min-width: 65px;
        }

    .download-form .calendar__container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

    .download-form .calendar__month {
        width: 50%;
        padding: 10px;
    }

@media all and (max-width: 34.365em) {
    .download-form .calendar__month {
        width: 100%;
    }
}

.download-form .calendar__key__recycling, .download-form .calendar__key__refuse, .download-form .calendar__key__tree {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.download-form .calendar__key-content {
    padding-left: 10px;
    flex: 1;
}

.download-form .calendar__print {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 10px;
}

.download-form .fas,
.download-form .fad {
    font-size: 14px;
    vertical-align: middle;
    padding-right: 5px;
}

.download-form .pod {
    margin-bottom: 24px;
}

.umbraco-forms-form .checkboxlist-horizontal, .umbraco-forms-form .radiobuttonlist-horizontal {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1.5em;
}

    .umbraco-forms-form .checkboxlist-horizontal li, .umbraco-forms-form .radiobuttonlist-horizontal li {
        margin: 0;
    }

.umbraco-forms-legend {
    font-size: 16px !important;
}