@font-face {
    font-family: 'OpenSans Regular';
    src: url('/assets/fonts/OpenSans-Regular.ttf') format('truetype'),
    url("/assets/fonts/OpenSans-Regular.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans SemiBold';
    src: url('/assets/fonts/OpenSans-SemiBold.ttf') format('truetype'),
    url("/assets/fonts/OpenSans-SemiBold.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fatP {
    font-weight: bold !important;
}

.cursiveP {
    font-style: italic !important;
}

.ltr {
    .redactor {
        * {
            color: #005a70;
            font-family: "OpenSans Regular", sans-serif;
        }

        h1, h2, h3, h4, h5, h6 {
            word-break: break-word;
            color: #005a70;
            line-height: 1.2;
            margin-bottom: 0.5em;
        }

        h1 {
            font-size: 2.25rem;
            line-height: 3.625rem;
            font-family: "OpenSans Regular", sans-serif;
            font-weight: 300;
        }

        h2, h3, h4, h5, h6 {
            letter-spacing: 2px;
            font-family: "OpenSans SemiBold", sans-serif;
        }

        h2 {
            font-size: 2rem;
        }

        h3 {
            font-size: 1.125rem;
        }

        h4 {
            font-size: 1rem;
        }

        h5 {
            font-size: 0.9375rem;
        }

        h6 {
            font-size: 0.875rem;
        }

        p {
            line-height: 2;
        }

        figcaption {
            display: block;
            font-size: 12px;
            font-style: italic;
            opacity: .8;
            text-align: left;
            margin-top: 4px;
            color: #212529;
        }

        .image-left {
            margin: 12px;
            float: left;
        }

        .image-right {
            margin: 12px;
            float: right;
        }

        .image-left--30 {
            width: 30%;
        }

        .image-left--50 {
            width: 50%;
        }

        .image-right--30 {
            width: 30%;
        }

        .image-right--50 {
            width: 50%;
        }

        .quote-float-left {
            margin: 12px !important;
            float: left;
            width: 50%;
            border: none;
            border-right: 4px solid #CCDEE2;
        }

        .quote-float-right {
            margin: 12px !important;
            float: right;
            width: 50%;
        }

        .redactor-box .redactor-styles blockquote:not(.note) {
            font-size: 1.125rem;
            line-height: 2.25rem;
            word-break: break-word;
            color: #005a70;
            font-style: italic;
            padding-left: 25px;
            margin-bottom: 25px;
            quotes: "“" "”" "‘" "’";
            border: none;
            border-left: 4px solid #CCDEE2;
        }

        .redactor-box .redactor-styles blockquote:not(.note):before {
            content: open-quote;
        }

        .redactor-box .redactor-styles blockquote:not(.note):after {
            content: close-quote;
        }
    }
}