@font-face {
    font-family: 'Thunder';
    src: url('fonts/Thunder-BoldLC.woff') format('woff'), /* Modern Browsers */
         url('fonts/Thunder-BoldLC.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

:root {
    --white: #FFFFFF;
    --black: #000000;
    --trueblack: #222222;
    --grey: #333333;
    --blue: #0366C8;
    --yellow: #FFF07A;
    --green: #6FF790;
    --ash: #D9D9D9;
    --light-ash: #FCFCFC;
    --pink: #F288F2;
    --red: #E5533D;
    --border-ash: rgba(0,0,0,0.1);
    --bezier: cubic-bezier(0.3, -0.01, .49, 1);

    --house-btn-display: inline-block;
    --house-btn-padding: 1px 21px;
    --house-btn-font-size: 15px;
    --house-btn-font-weight: 500;
    --house-btn-color: var(--black);
    --house-btn-text-align: center;
    --house-btn-cursor: pointer;
    --house-btn-background: #ffffff;
    --house-btn-background-hover: #e2fde8;
    --house-btn-border: 2px solid #6FF790;
    --house-btn-border-radius: 40px;
    --house-btn-transition: transform .2s ease;
    --house-btn-line-height: 28.5px;

    --standard-btn-border: 1px solid rgba(0, 0, 0, 0.3);
    --standard-btn-background-color: initial;
    --standard-btn-color: var(--black);
    --standard-btn-font-size: 15px;
    --standard-btn-border-radius:  var(--bs-border-radius-pill);
    --standard-btn-outline: none;
    --standard-btn-hover-background-color: rgba(0, 0, 0, 0.05);

    --important-btn-border: 2px solid var(--green);
    --important-btn-background-color: initial;
    --important-btn-hover-background-color: color-mix(in srgb, var(--green) 20%, transparent);

    --flow-btn-color: var(--black);
    --flow-btn-border: 1px solid rgba(0, 0, 0, 0.15);
    --flow-btn-background-color: initial;
    --flow-btn-hover-background-color: rgba(0, 0, 0, 0.02);

    --danger-btn-hover-background-color: color-mix(in srgb, var(--red) 20%, transparent);

    --bs-card-cap-padding-y: 16px !important;
    --bs-card-cap-padding-x: 16px;
}

a {
    color: var(--black) !important;
}

#wpadminbar a {
    color: unset !important;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 19px;
    line-height:1.9;
    margin: 0;
    padding: 0;
}

h1 {
    font-family: "Inter", sans-serif;
    font-size: 40px;
    text-transform: none;
    padding: 0;
    font-weight:200;
    letter-spacing:0.15rem;
}

h2 {
    font-weight: 200;
    line-height: 1.5;
    max-width: 400px;
}

h3, h4 {
    font-weight: 200;
}

h2, h3, h4 {
    letter-spacing:0.05rem;
}

.ec-25 { flex: 0 0 25%; }
.ec-50 { flex: 0 0 50%; }
.ec-75 { flex: 0 0 75%; }

.text-blue {
    color: var(--blue);
}

.text-ash {
    color: var(--ash);
}

.text-yellow {
    color: var(--yellow);
}

.text-green {
    color: var(--green);
}

.text-true-black {
    color: var(--trueblack);
}

.text-pink {
    color: var(--pink);
}

.text-red {
    color: var(--red);
}

.text-note {
    font-size: 14px;
}

.bg-blue {
    background-color: var(--blue);
}

.bg-ash {
    background-color: var(--ash);
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-green {
    background-color: var(--green);
}

.bg-pink {
    background-color: var(--pink);
}

.border-blue {
    border: 1px solid var(--blue);
}

.border-yellow {
    border: 1px solid var(--yellow);
}

.border-green {
    border: 1px solid var(--green);
}

.border-ash {
    border: 1px solid var(--ash);
}

.border-pink {
    border: 1px solid var(--pink);
}

.fit-width {
    width: fit-content;
}

.btn:focus-visible,
.btn:active {
    background-color: initial !important;
    color: initial !important;;
    border-color: initial !important;;
}

.btn, input.button[type="submit"] {
    border-radius: 90px;
    line-height: var(--house-btn-line-height);
    padding: var(--house-btn-padding);
    font-size: var(--house-btn-font-size);
    background-color: var(--trueblack);
    border: none;
    color: var(--white);
}

.btn:hover, input.button[type="submit"]:hover {
    background-color: var(--trueblack);
    color: var(--white);
    /*padding: 7px 16px 9px 16px;*/
}

.btn-outline-primary,
.btn-outline-primary:active
.btn-outline-primary:focus-visible {
    border: var(--standard-btn-border);
    color: var(--standard-btn-color);
    font-size: var(--standard-btn-font-size);
    background-color: var(--standard-btn-background-color);
}

.btn-outline-primary:hover {
    background-color: var(--standard-btn-hover-background-color);
    border: var(--standard-btn-border);
}

.btn.btn-default {
    background-color: inherit;
    color:inherit;
    padding: inherit;
}

.btn-house {
    display: var(--house-btn-display);
    padding: var(--house-btn-padding);
    font-size: var(--house-btn-font-size);
    font-weight: var(--house-btn-font-weight);
    color: var(--house-btn-color);
    text-align: var(--house-btn-text-align);
    cursor: var(--house-btn-cursor);
    background: var(--house-btn-background);
    border: var(--house-btn-border);
    border-radius: var(--house-btn-border-radius);
    transition: var(--house-btn-transition);
    line-height: var(--house-btn-line-height);
}

.btn-house:hover {
    background: var(--house-btn-background-hover);
    color: var(--house-btn-color);
}

.btn-important {
    border: var(--important-btn-border) !important;
    background-color: var(--important-btn-background-color) !important;
    color: var(--house-btn-color);
}

.btn-important:hover {
    background-color: var(--important-btn-hover-background-color) !important;
    color: var(--house-btn-color);
}

.btn-flow {
    border: var(--flow-btn-border) !important;
    background-color: var(--flow-btn-background-color) !important;
    color: var(--flow-btn-color) !important;
}

.btn-flow:hover {
    background-color: var(--flow-btn-hover-background-color) !important;
}

.btn-standard {
    border: var(--standard-btn-border) !important;
    background-color: var(--standard-btn-background-color) !important;
    color: var(--standard-btn-color) !important;
    font-size: var(--standard-btn-font-size) !important;
    border-radius: var(--standard-btn-border-radius) !important;
}

.btn-standard:hover {
    background-color: var(--standard-btn-hover-background-color) !important;
    outline: var(--standard-btn-outline) !important;
}

.btn-standard:focus {
    outline: var(--standard-btn-outline) !important;
}

.btn-link {
    background-color: transparent;
    border: none;
    opacity: 0.6;
    font-size: 14px;
}

.btn-link:hover {
    color: initial;
}

.object-fit-cover {
    object-fit: cover;
}

.page-title {
    font-family: "Inter", sans-serif;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 200;
    text-align: center;
}

.read-more {
    font-family: "Inter", sans-serif;
    text-decoration: none;
    color: var(--black);
    font-size: 15px;
    font-weight: 300;
    line-height: 40px;
}

.nav-link,
.nav-link:focus,
.nav-link:hover {
    color: var(--black);
}

.fw-label {
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.label-green {
    background-color: var(--important-btn-hover-background-color);
    border-radius: 5px;
    padding: 5px 10px;
}

.label-red {
    background-color: var(--danger-btn-hover-background-color);
    border-radius: 5px;
    padding: 5px 10px;
}

.label-grey {
    background-color: var(--ash);
    border-radius: 5px;
    padding: 5px 10px;
}

.label-blue {
    background-color: var(--blue);
    border-radius: 5px;
    padding: 5px 10px;
    color: var(--white);
}

.label-yellow {
    background-color: var(--yellow);
    border-radius: 5px;
    padding: 5px 10px;
}

.label-pink {
    background-color: var(--pink);
    border-radius: 5px;
    padding: 5px 10px;
}

.job-manager-error,
.job-manager-info,
.job-manager-message,
.jm-notice {
    zoom: 1 !important;
    background-color: #fff !important;
    border-top: 3px solid #999 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2) !important;
    color: #666 !important;
    list-style: none outside !important;
    margin-bottom: 2em !important;
    padding: 1em 2em 1em 3.5em !important;
    position: relative !important;
    width: auto !important;
}

.job-manager-error:before,
.job-manager-info:before,
.job-manager-message:before {
    display: none;
}

.job-manager-info {
    border-top-color: var(--green) !important;
}

.job-manager-error {
    border-top-color: var(--pink) !important;
}

.job-manager-message {
    border-top-color: var(--green) !important;
}

.jm-notice {
    border-top-color: var(--green) !important;
    margin: 0 !important;
    border-radius: unset !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 2em !important;
}

.jm-ui-icon {
    display: none !important;
}

.jm-notice__message {
    font-weight: 200 !important;
    font-size: 19px !important;
}

.hide-footer-top {
    display: none;
}

.cky-audit-table-element h3 {
    font-size: 16px !important;
    margin-top: 0 !important;
    font-weight: 300 !important;
}

@media screen and (min-width: 1400px) {
    .narrow-section div.container-xl {
        max-width: 1070px !important;
    }
}

@media (min-width: 1024px) {
    .narrow-container {
        max-width: 900px;
    }
}

@media screen and (max-width: 576px) {
    .page-title {
        font-size: 40px;
    }
}

@media screen and (max-width: 1199.98px) {

}

@media (max-width: 767.98px) {
    .ec-25 { flex: none; }
    .ec-50 { flex: none; }
    .ec-75 { flex: none; }
}

@media (max-width: 575.98px) {

}