/* Keep media inside its content column, including native WordPress archives. */
img,
video,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

.archive .site-main,
.archive .page-content,
.archive article,
.archive .post-thumbnail,
.archive .post-thumbnail a {
    box-sizing: border-box;
    max-width: 100%;
}

.archive .post-thumbnail img,
.archive article img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* The final CTA on the paired Pathways & Impact pages has 30 px side
   margins. Width auto prevents those margins from being added to 100%. */
body.page-id-5850 .elementor-element-be77d6a,
body.page-id-8209 .elementor-element-be77d6a {
    box-sizing: border-box;
    max-width: calc(100% - 60px) !important;
    width: auto !important;
}

/* Prevent the press-contact details column from retaining its desktop flex
   basis after the card stacks on narrow screens. */
@media (max-width: 767px) {
    .pmh-press-contact__details {
        max-width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
        width: auto !important;
    }
}


/* Restore the semantic article title on four custom long-form posts. */
.pmh-article-title {
    box-sizing: border-box;
    color: #03204C;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: clamp(2rem, 4.2vw, 3.5rem);
    font-weight: 700;
    line-height: 1.12;
    margin: 0 auto 28px;
    max-width: 980px;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .pmh-article-title {
        margin-bottom: 20px;
        padding: 0 4px;
    }
}


/* Override the theme's global white hero-heading rule for article titles. */
body.single-post h1.pmh-article-title {
    color: #03204C !important;
    font-family: Poppins, Arial, Helvetica, sans-serif !important;
    font-size: clamp(2rem, 4.2vw, 3.5rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    margin: 32px auto 28px !important;
    max-width: 980px !important;
    padding: 0 16px !important;
}

@media (max-width: 767px) {
    body.single-post h1.pmh-article-title {
        font-size: 2rem !important;
        margin: 24px auto 20px !important;
    }
}