.page-header h1 {
    font-size: 48px;
    color: var(--color-red-light);
}

.page-content h2{
    color: var(--color-orange);
}

.page-content p {
    line-height: 1.75;
}

/* Featured Image */
.content-featured-image {
    margin: 32px 0;
    padding: 0;
}

.content-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.page-content ul {
    list-style: none;
}

.page-content ul li {
    position: relative;
    padding-left: 20px;
}

.page-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #e98c00;
    border-radius: 100%;
}

/* The orange bullet is for prose lists only. Events Manager renders component
   markup into page content — the agenda list, the event info list — and those
   carry their own layout. */
.page-content #em-wrapper ul li,
.page-content .em ul li {
    padding-left: 0;
}

.page-content #em-wrapper ul li:before,
.page-content .em ul li:before {
    content: none;
}

/* Members homepage feed grid. The blocks are .home-card (see
   components/home-cards.css); only the grid around them is page-specific —
   .home-cards__inner cannot be reused because it adds its own container
   max-width and padding, and here the cards sit inside .page-layout__main
   alongside the sidebar. */
.members-home-feeds {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-half);
}

/* Events dates (#_EVENTDATES) are far longer than a post's "j M" and would
   overflow the nowrap date column. */
.members-home-feeds .home-card__date {
    white-space: normal;
}

@media screen and (max-width: 875px) {
    .members-home-feeds {
        grid-template-columns: 1fr;
    }
}