@font-face {
    font-family: "CircularStd-Light";
    src:
        url("/fonts/CircularStd/CircularStd-Light.ttf") format("truetype");
}

@font-face {
    font-family: "CircularStd-Black";
    src:
        url("/fonts/CircularStd/CircularStd-Black.ttf") format("truetype");
}

@font-face {
    font-family: "CircularStd-Bold";
    src:
        url("/fonts/CircularStd/CircularStd-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "CircularStd-Book";
    src:
        url("/fonts/CircularStd/CircularStd-Book.ttf") format("truetype");
}

@font-face {
    font-family: "CircularStd-Medium";
    src:
        url("/fonts/CircularStd/CircularStd-Medium.ttf") format("truetype");
}

:root {
    --ren-warning: #F15925;
    --ren-primary: #365E81;
    --ren-secondary: #055e83;
}

body {
    font-family: "CircularStd-Book", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #4E5667;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100 !important;
}

.btn:hover {
    color: initial !important;
}

.btn-ren {
    padding: .8rem 1.5rem;
    border-radius: 50rem;
}

.btn-ren-secondary,
.btn-ren-secondary:hover {
    background-color: #f2f4f8;
    border-color: #f2f4f8;
    color: var(--ren-secondary) !important;
}

.btn-ren-warning,
.btn-ren-warning:hover {
    background-color: var(--ren-warning);
    border-color: var(--ren-warning);
    color: white !important;
}

.text-ren-primary {
    color: var(--ren-primary);
}

label:not([aria-required="false"]):after {
    content: ' *';
    color: var(--ren-warning);
}

.custom-file-input:lang(en)~.custom-file-label::after {
    color: black;
}

.landing-page br,
.clear-break {
    display: none;
}

@media (min-width: 768px) {

    .landing-page br,
    .clear-break {
        display: block !important;
    }
}