/* =========================================
   QUOTE MODULE - Phase 3 Namespaced
   ========================================= */

.ks-block-quote {
    background-color: var(--ks-color-primary);
    color: var(--ks-color-white);
    text-align: center;
    padding: var(--ks-spacing-lg) var(--ks-spacing-sm);
    margin: 0;
    display: flex;
    justify-content: center;
}

.ks-block-quote__text {
    font-family: var(--ks-font-family-display);
    font-size: var(--ks-font-size-h2);
    font-style: italic;
    font-weight: 300;
    line-height: var(--ks-line-height-normal);
    max-width: 750px;
    margin: 0;
    color: var(--ks-color-white);
}

.ks-block-quote__text p {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

@media (max-width: 768px) {
    .ks-block-quote__text {
        font-size: calc(var(--ks-font-size-h2) * 0.75);
    }
}