/* --------------------------------------
------------- TYPOGRAPHY -------------
-------------------------------------- */
.pic-radius {
    border-radius: 30px;
}

.button-radius {
    border-radius: 10px;
}

.text-body-md {
    font-weight: 400;
    line-height: 200%;
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .text-body-md {
        font-size: 0.875rem;
    }
}

.text-body-lg {
    font-weight: 400;
    line-height: 200%;
    font-size: 0.875rem;
}

.text-caption-bold {
    font-weight: 700;
    line-height: 180%;
    font-size: 0.75rem;
}

.text-display-lg {
    font-weight: 700;
    line-height: 130%;
    font-size: 1.5rem;
}

@media (min-width: 768px) {
    .text-display-lg {
        line-height: 150%;
        font-size: 2rem;
    }
}

.text-display-md {
    font-weight: 700;
    line-height: 150%;
    font-size: 1.25rem;
}

.bi-main-content h1,
.bi-main-content h2,
.bi-main-content h3,
.bi-main-content h4,
.bi-main-content h5,
.bi-main-content h6 {
    color: #2b2f33;
}

.bi-main-content p {
    /* white-space: pre-line; */
    color: #2b2f33;
}

.text-grays-300 {
    color: #959ea6 !important;
}

.text-grays-600 {
    color: #2b2f33 !important;
}

.text-headline-sm {
    font-weight: 700;
    line-height: 170%;
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .text-headline-sm {
        font-size: 0.875rem;
    }
}

.text-display-sm {
    font-weight: 700;
    line-height: 170%;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .text-display-sm {
        line-height: 150%;
        font-size: 1.25rem;
    }
}


@media (min-width: 768px) {
    .text-display-md {
        font-size: 1.5rem;
    }
}


.text-headline-md {
    font-weight: 700;
    line-height: 170%;
    font-size: .875rem;
}

@media (min-width: 768px) {
    .text-headline-md {
        font-size: 1rem;
    }
}

@media (min-width: 640px) {
    .text-headline-lg {
        font-weight: 400;
        line-height: 170%;
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .text-headline-lg {
        font-weight: 700;
        font-size: 1.125rem;
    }
}

.text-callout-bold {
    font-weight: 700;
    line-height: 180%;
    font-size: .875rem;
}

.bg-primary {
    background-color: var(--primary)!important;
}