/* ============================================
   SINGLE POST POST DETAILS
   ============================================ */

/* ============================================
   HEADINGS
   ============================================ */

.post-details h1,
.post-details h2,
.post-details h3,
.post-details h4,
.post-details h5,
.post-details h6 {
    color: var(--e-global-color-primary);
}

.post-details h1 {
    font-size: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);
    line-height: 1.1em;
    font-weight: 800;
}

.post-details h2 {
    font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);
    line-height: 1.15em;
    font-weight: 800;
}

.post-details h3 {
    font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.1rem);
    line-height: 1.2em;
    font-weight: 700;
}

.post-details h4 {
    font-size: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
    line-height: 1.25em;
    font-weight: 600; 
}

.post-details h5 {
    font-family: var(--e-global-typography-5803fc1-font-family);
    font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
    line-height: 1.3em;
    font-weight: 500;
}

.post-details h6 {
    font-size: clamp(1rem, 0.98rem + 0.2vw, 1.125rem);
    line-height: 1.35em;
    font-weight: 500; 
}

/* ============================================
   BODY TEXT & PARAGRAPHS
   ============================================ */

.post-details p {
    font-family: var( --e-global-typography-8f33a8e-font-family ), Sans-serif;
    font-size: var( --e-global-typography-8f33a8e-font-size );
    padding-bottom: 1.25rem;
    margin-bottom: 0;
    line-height: 1.75em;
}

/* ============================================
   LINKS
   ============================================ */

.post-details p a {
    font-family: var( --e-global-typography-8f33a8e-font-family ), Sans-serif;
    font-size: var( --e-global-typography-8f33a8e-font-size );
    color: #1391ff;
    font-weight: 500;
    text-decoration: underline;
    transition: 0.2s all ease-in-out;
}

.post-details p a:hover {
    color: var(--e-global-color-accent);
}

/* ============================================
   LISTS (UL & OL)
   ============================================ */

.post-details ul,
.post-details ol {
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 2.25rem;
    padding-inline-start: 16px;
}

.post-details ul li {
    line-height: 1.2em;
    margin-bottom: 0.25rem;
}

/* Post Meta List Override */
.c-post-meta ul li:nth-child(2) {
    font-weight: 400 !important;
}

/* ============================================
   IMAGES
   ============================================ */

.post-details .wp-block-image img {
    margin: 2.5rem 0;
    border-radius: 0.75rem;
}

/* ============================================
   BLOCKQUOTES
   ============================================ */

.post-details blockquote {
    border-left: 1px solid var(--e-global-color-primary);
    margin: 0;
    padding: 0.75rem 1.25rem;
    background: #FBEA9D;
    font-size: 1.1em;
    font-weight: 400;
}

.post-details blockquote cite {
    font-size: 0.8em;
    font-weight: 300;
}

.post-details blockquote p {
    padding-bottom: 0;
}

/* ============================================
   CODE BLOCKS
   ============================================ */

.post-details .wp-block-code {
    background: #0B0515;
    padding: 1.5rem;
    border-radius: 0.75rem;
}

.post-details code {
    color: #89E3E4;
}

/* ============================================
   CUSTOM STYLES
   ============================================ */

.post-details ol li {
   margin-top: 1em;
}

.post-details {
    display: flex;
    flex-flow: column;
    gap: clamp(1rem, calc(0.444rem + 1.481vw), 1.5rem);
}