:root {
    --prebanner-btn-bg-colour: #009e4d;
    --prebanner-btn-bg-colour-hover: #009e4d;
    --prebanner-buttontext-colour: #fff;
    --prebanner-buttontext-colour-hover: #fff;
    --prebanner-bg-colour: #0C0C0C;
    --prebanner-text-colour: #fff;
    --slider-background-colour-unchecked: #555554;
    --slider-background-colour-checked: #009e4d;
    --cookie-or-group-name-h-colour: #00151d;
    --accept-all-cookies-text: #00151d;
    --body-text-colour: #525c5f;
    --view-hide-cookies-colour: #2c2d31 !important;
    --scroll-bar-colour: #a0dae6;
    --footer-link-color: #0178aa;
    --prebanner-secondary-color: #4f4f50;
    --prebanner-accept-all-button-color: #009e4d;
    --prebanner-accept-all-button-text-color: #fff;
    --prebanner-reject-all-button-color: #009e4d;
    --prebanner-reject-all-button-text-color: #fff;
    --prebanner-customise-all-button-color: #2e2e37;
    --prebanner-customise-all-button-text-color: #fff;
    --banner-background-color: #111;
    --banner-secondary-color: #111;
    --banner-text-color: #fff;
    --banner-submit-preferences-button-color: #009e4d;
    --banner-submit-preferences-button-text-color: #fff;
    --banner-slider-background-off: #292929;
    --banner-slider-background-on: #009e4d;
    --banner-slider-toggle: #fff;
    --prebanner-background-color: #111;
    --prebanner-border-color: #111;
    --prebanner-text-color: #fff;
    --accept-all-button-background-color: #009e4d;
    --accept-all-button-border-color: #009e4d;
    --accept-all-button-text-color: #fff;
    --reject-all-button-background-color: #111;
    --reject-all-button-border-color: #009e4d;
    --reject-all-button-text-color: #fff;
    --view-all-button-background-color: #111;
    --view-all-button-border-color: #009e4d;
    --view-all-button-text-color: #fff;
    --view-all-button-icon-color: #fff;
    --cookie-modal-background-color: #111;
    --cookie-modal-border-color: #111;
    --cookie-modal-text-color: #fff;
    --close-modal-button-color: #fff;
    --header-content-top-border-color: #111;
    --main-content-border-colour: #111;
    --tab-button-background-color: #111;
    --tab-button-text-color: #fff;
    --tab-button-border-color: #4f4f50;
    --active-button-border-color: #fff;
    --cookie-group-bottom-border-colour: #4f4f50;
    --expand-cookies-icon-color: #fff;
    --cookie-children-container-background-color: #fff;
    --cookie-children-container-text-color: #4f4f50;
    --save-preferences-button-background-color: #009e4d;
    --save-preferences-button-text-color: #fff;
    --save-preferences-button-border-color: #009e4d;
    --scrollbar-background-color: #4f4f50;
    --scrollbar-thumb-color: #fff;
    --slider-background-colour-unchecked: #4f4f50;
    --toggle-background-color: #fff;
    --slider-background-color-checked: #009e4d;
    --manage-cookies-button-background-color: #111;
    --manage-cookies-button-text-color: #fff;
    --manage-cookies-button-border-color: #111
}

:root {
    --pink: #009e4d;
    --yellow: #fdc300;
    --blue: #0098b9;
    --green: #009e4d;
    --grey: #555554;
    --rgb-grey: 85, 85, 84;
    --white: #fff;
    --bg: #fff;
    --bgTint: #f5f6f6;
    --bgTintDark: #ddd;
    --bgInverse: #111;
    --bgInverse-2: #111;
    --textColor: #111;
    --textColorInverse: #fff;
    --textColorInverse-2: #fff;
    --linkText: #111;
    --errorText: #d4351c
}

.cassie-pre-banner {
    border-radius: 0 !important;
    padding: 10px !important;
    align-items: center !important;
    height: 100% !important;
    overflow-y: auto !important
}

@media only screen and (min-width:1023px) {
    .cassie-pre-banner {
        align-items: center !important;
        position: fixed !important;
        padding: 40px !important;
        bottom: 0 !important;
        height: auto !important;
        margin: 0 auto !important;
        width: 100% !important
    }
}

.cassie-pre-banner--text {
    font-size: 16px !important;
    font-family: Ingra, arial, sans-serif !important;
    padding: 10px 0 !important
}

@media(min-width:768px) {
    .cassie-pre-banner--text {
        padding: 0 60px !important
    }
}

.cassie-pre-banner--button {
    border-width: 2px !important;
    border-radius: 0 !important;
    font-family: Ingra, arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 16px 25px !important;
    margin: 10px 0 !important;
    transition: background-color .25s ease-out, color .25s ease-out
}

@media(min-width:768px) {
    .cassie-pre-banner--button {
        margin: 10px !important
    }
}

.cassie-pre-banner--button:hover {
    background-color: #fff !important;
    background-color: var(--white) !important;
    border-color: #fff !important;
    border-color: var(--white) !important;
    color: #111 !important;
    opacity: 1 !important
}
.cassie-pre-banner--button:focus {
  outline: 3px solid #fdc300 !important;
  padding: 16px 25px !important;
}

.cassie-pre-banner--button--container {
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important
}

.cassie-cookie-children--container {
    background-color: #292929 !important;
    padding: 20px !important
}

.cassie-cookie--child {
    margin: 0 !important
}

.cassie-cookie--child--description,
.cassie-cookie--child--heading {
    font-size: 16px !important;
    font-family: Ingra, arial, sans-serif !important;
    color: #fff !important;
    color: var(--white) !important
}

.cassie-cookie-modal {
    background-color: #111 !important
}

.cassie-cookie-modal--header--content h1 {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: #fff !important;
    font-family: var(--white) !important;
    color: #fff !important;
    color: var(--white) !important;
    line-height: 1.2 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

@media only screen and (min-width:599px) {
    .cassie-cookie-modal--header--content h1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.cassie-cookie-modal--header--content--accept-all--text,
.cassie-cookie-modal--header--content p {
    color: #fff !important;
    color: var(--white) !important;
    font-family: Ingra, arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px
}

.cassie-cookie-modal--header--content--accept-all--text {
    font-family: Ingra, arial, sans-serif !important
}

.cassie-cookie-modal--footer-content {
    font-family: Ingra, arial, sans-serif !important
}

.cassie-cookie-modal--footer-content,
.cassie-cookie-modal--footer-content a {
    color: #fff !important;
    color: var(--white) !important;
    font-size: 16px !important;
    line-height: 1.5 !important
}

.cassie-cookie-modal--footer-content a {
    font-weight: 600 !important;
    text-decoration: underline !important
}

.cassie-cookie-modal--footer-content a:hover {
    text-decoration-thickness: max(3px, .1875rem, .12em) !important
}

.cassie-cookie-modal--footer-content a:focus {
    outline: 3px solid transparent !important;
    color: #111 !important;
    color: var(--focusText) !important;
    background-color: #fdc300 !important;
    background-color: var(--yellow) !important;
    box-shadow: 0 -2px #fdc300, 0 4px #111 !important;
    box-shadow: 0 -2px var(--yellow), 0 4px var(--bgInverse) !important;
    text-decoration: none !important
}

.cassie-cookie-modal--footer-extra {
    display: block !important
}

.cassie-cookie-modal--footer-image--container {
    display: block !important;
    padding: 10px 0;
    width: 100% !important
}

.cassie-cookie-modal--save-preferences--container {
    width: 100% !important
}

.cassie-cookie-modal--save-preferences {
    border-width: 2px !important;
    border-radius: 0 !important;
    font-family: Ingra, arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 16px 25px !important;
    margin: 10px 0 !important;
    transition: background-color .25s ease-out, color .25s ease-out
}

.cassie-cookie-modal--save-preferences:hover {
    background-color: #fff !important;
    background-color: var(--white) !important;
    border-color: #fff !important;
    border-color: var(--white) !important;
    color: #111 !important;
    opacity: 1 !important
}

.cassie-cookie-group--description,
.cassie-cookie-group--heading {
    color: #fff !important;
    color: var(--white) !important;
    font-family: Ingra, arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important
}

.cassie-expand-cookies--icon {
    fill: #fff !important;
    fill: var(--white) !important
}

.cassie-toggle-switch--status {
    color: #fff !important;
    color: var(--white) !important;
    font-family: Ingra, arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important
}

.cassie-view-all {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    border: 2px solid #fff !important;
    border: 2px solid var(--white) !important
}

.cassie-view-all:hover {
    background-color: #fff !important;
    background-color: var(--white) !important;
    color: #111 !important
}

.cassie-view-all:hover .cassie-view-all--button--icon {
    fill: #111 !important
}

.cassie-view-all--button--icon {
    height: 20px !important;
    margin-right: 10px !important
}

.cassie-child-cookie--toggle-switch:focus-within {
    outline: 3px dotted #fff !important;
    outline: 3px dotted var(--white) !important
}

.cassie-close-modal-button {
    background-color: transparent !important;
    color: #fff !important;
    color: var(--white) !important
}

.cassie-close-modal-button:hover {
    background-color: #fff !important;
    background-color: var(--white) !important;
    border-color: #fff !important;
    border-color: var(--white) !important;
    color: #111 !important;
    opacity: 1 !important
}

.cassie-close-modal-button:focus {
    outline: 3px dotted #fff !important;
    outline: 3px dotted var(--white) !important
}