/* WCAG 2.2 AA remediation shared by the public website. */
:root {
    --a11y-green: #0f6b3a;
    --a11y-green-text: #006b36;
    --a11y-orange: #b84c0c;
    --a11y-focus: #0b57d0;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.screen-reader-text:focus {
    position: fixed !important;
    top: 8px;
    left: 8px;
    z-index: 1000000;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    clip: auto !important;
    overflow: visible !important;
    color: #fff;
    background: #111;
}

html body :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--a11y-focus) !important;
    outline-offset: 3px !important;
}

.site-notice {
    margin: 0;
    padding: 8px 16px;
    color: #111;
    background: #fff4df;
    border-bottom: 1px solid #8a5a00;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

.site-notice--kyc {
    color: #7b3308;
    background: #fff;
}

.skip-bar {
    box-sizing: border-box;
    width: 100%;
    text-align: center !important;
}

.skip-bar > a {
    display: inline-block;
    margin: 0 auto;
}

body .financity-header-right-button,
body input[type="submit"],
body input[type="button"],
body .gdlr-core-button {
    color: #fff !important;
    background-color: var(--a11y-green) !important;
}

body .financity-header-right-button.a11y-orange-button,
body .a11y-orange-button {
    color: #fff !important;
    background-color: var(--a11y-orange) !important;
}

body .gdlr-core-skin-link,
body .financity-breadcrumbs,
body .financity-breadcrumbs a span {
    color: var(--a11y-green-text) !important;
}

.financity-navigation-background,
.financity-header-background {
    background-color: var(--a11y-orange) !important;
}

body main [style*="color: #00a859"],
body main [style*="color:#00a859"] {
    color: var(--a11y-green-text) !important;
}

body main [style*="color: #e96f20"],
body main [style*="color:#e96f20"],
body main [style*="color: #f17d44"],
body main [style*="color:#f17d44"],
body main [style*="color: #f15a31"],
body main [style*="color:#f15a31"],
body main [style*="color: #f58634"],
body main [style*="color:#f58634"],
body main [style*="color: #f68b46"],
body main [style*="color:#f68b46"],
body main [style*="color: #e67929"],
body main [style*="color:#e67929"] {
    color: var(--a11y-orange) !important;
}

body main [style*="color: #6ec491"],
body main [style*="color:#6ec491"] {
    color: var(--a11y-green-text) !important;
}

.financity-copyright-left,
.financity-copyright-left a {
    color: #fff !important;
}

.financity-copyright-left a {
    text-decoration: underline;
}

.a11y-page-heading {
    margin: 32px auto 12px;
    padding: 0 20px;
    color: #111;
    text-align: center;
    font-size: 42px;
    line-height: 1.2;
}

body main h1:not([style*="#ffffff"]):not([style*="#fff"]),
body main .h2-bottom {
    color: var(--a11y-green-text) !important;
}

body button.close {
    color: #fff !important;
    background: var(--a11y-green) !important;
}

.financity-footer-container > a {
    display: inline-block;
    min-height: 24px;
    line-height: 24px;
}

body main p a:not(.gdlr-core-button),
body main li a:not(.gdlr-core-button) {
    text-decoration: underline;
    text-decoration-thickness: .1em;
    text-underline-offset: .15em;
}

.financity-top-bar-right-social a,
.a11y-icon-link,
.tp-bullet {
    min-width: 24px !important;
    min-height: 24px !important;
}

.tp-bullet .tp-bullet-inner {
    box-shadow: 0 0 0 2px #111;
}

.gdlr-core-input-wrap input:not([type="submit"]):not([type="button"]),
.gdlr-core-input-wrap textarea,
.gdlr-core-input-wrap select {
    border: 1px solid #767676 !important;
    background: #fff !important;
    color: #111 !important;
}

.field-error {
    display: block;
    margin: 4px 0 12px;
    color: #9b1c1c;
    font-weight: 600;
}

.form-status {
    margin: 12px 0;
    padding: 10px;
    border-left: 4px solid #9b1c1c;
    background: #fff2f2;
    color: #5f1010;
}

.modal[aria-hidden="true"] {
    display: none !important;
}

body.a11y-dialog-open > :not(#myModal):not(script):not(style):not(link) {
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}