#post p {
    font-family: "Inter", sans-serif;
    font-size: 1em;
    line-height: 1.375em;
    color: #070401;
    margin-bottom: 1.5rem;
}

#post h3 {
    font-family: Lora;
    font-size: 1.4em;
    text-transform: capitalize;
}

#post iframe {
    padding-bottom: 2rem;
    padding-top: 1rem;
}

#post a {
    color: #E87722;
}

#post a:hover {
    text-decoration: underline;
}

#post ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#post ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

/* Images of the post */
@media (max-width: 1025px) {

    #post article figure:nth-of-type(odd) {
        position: relative;
        left: 0;
        width: 100%;
    }

    #post article figure:nth-of-type(even) {
        position: relative;
        width: 100%;
    }
    div#post article blockquote {
        border: 0;
        padding-left: 1rem;
        margin-left: 2.5rem;
        padding-top: 1rem;
        padding-right: 1.875rem;

    }
    div#post article blockquote::before {
        left: -2.5rem;
        top: -67px;
        font-size: 8.25rem;

    }
}

@media (min-width: 1024px) and (max-width: 1400px) {
    #post article figure:nth-of-type(odd) {
        position: relative;
        left: -20%;
        width: 120%;
    }

    #post article figure:nth-of-type(even) {
        position: relative;
        width: 120%;
    }
}

@media (min-width: 1401px) {
    #post article figure:nth-of-type(odd) {
        position: relative;
        left: -18.375rem;
        width: 60.375rem;
        height: auto;
    }

    #post article figure:nth-of-type(even) {
        position: relative;
        width: 60.375rem;
    }
}

#post article figure {
    margin-top: 3rem;
    margin-bottom: 4.5rem;
    transition: width 0.1s linear;

    img {
        max-height: 70vh;
    }
}

#post figcaption {
    color: #828282;
    font-size: 0.875em;
    margin-top: 1rem;
    line-height: 140%;
}

/* */

#post subtitle {
    margin-top: 4rem;
}

#post article h2 {
    font-size: 1.7em;
    margin-bottom: 0.5rem;
    font-family: 'Lora';
}

#post article blockquote {
    position: relative;
    margin-top: 2.75rem;
    margin-left: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 4.75rem;
    border-left: 0.063rem solid #E87722;
}
#post article blockquote p {
    padding-bottom: 0;
    text-align: left;
    font-family: Lora;
}

#post article blockquote:before {
    content: "”";
    position: absolute;
    top: -105px;
    left: -7.49rem;
    font-size: 11.25rem;
    font-family: 'Lora';
    color: #E87722;
}

p#date{
    color: #828282;
}

#post hr {
    height: 0.063rem;
    background-color: #878787;
    border: none;
    margin: 1.25rem 0 4rem 0;
    position: relative;
    animation: none;
}