/* ==========================================================================
   MCC Blog Specific Overrides (Targeting Elementor Wrappers)
   ========================================================================== */

/* Separator (hr) */
.single-post .elementor hr,
.single-post .elementor .wp-block-separator,
.single-post .elementor hr.wp-block-separator {
    border: 0;
    border-top: 2px solid var(--wp--preset--color--mcc-faded-gray);
    margin-top: 3rem;
    margin-bottom: 3rem;
    opacity: 1;
}

/* Headings */
/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) {
    .single-post .elementor h1,
    .single-post .elementor h2,
    .single-post .elementor .entry-content h2 {
        font-size: 3rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
        line-height: 1.1;
    }
}


.single-post .elementor h1,
.single-post .elementor h2,
.single-post .elementor .entry-content h2 {
    font-size: 3.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}


.single-post .elementor h3,
.single-post .elementor .entry-content h3 {
    font-size: 2.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.single-post .elementor h4,
.single-post .elementor .entry-content h4 {
    font-size: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.single-post .elementor h5,
.single-post .elementor .entry-content h5 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

/* List Item Markers (Bullets) */
.single-post .elementor ul li::marker,
.single-post .elementor .entry-content ul li::marker {
    color: var(--wp--preset--color--mcc-lime);
}

/* Rounded Images & Galleries */
.single-post .elementor .wp-block-image img,
.single-post .elementor .wp-block-gallery img {
    border-radius: 10px;
}

/* Buttons */
.single-post .wp-block-button__link {
    background-color: var(--wp--preset--color--mcc-purple);
    color: var(--wp--preset--color--mcc-white);
    border-radius: 100px;
    transition: all .3s;
}
.single-post .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--mcc-darkened-blue);
    color: var(--wp--preset--color--mcc-white);
}

/* Rounded corners on paragraphs or groups WITH a background color */
.single-post .elementor .has-background,
.single-post .elementor p[style*="background-color"],
.single-post .elementor .wp-block-group.has-background,
.single-post .elementor .wp-block-paragraph.has-background {
    border-radius: 10px;
}