/* Section spacing */
.pagepart_wrapper_type__content {
    padding-top: 60px;
}

/* Reduce spacing when content follows page heading */
.pagepart_wrapper_type__PageHeadingPagePart + .pagepart_wrapper_type__content {
    padding-top: 15px;
}

/* Narrow layout */
.pagepart_wrapper_type__content--layout-narrow .container-fluid {
    max-width: 660px;
}

/* Column layout */
.content-columns {
    display: flex;
    flex-wrap: wrap;
}

.content-columns__column {
    width: 100%;
}

@media screen and (width >= 768px) {
    .content-columns--two-columns .content-columns__column {
        width: 50%;
    }

    .content-columns--three-columns .content-columns__column {
        width: 33.3333333333%;
    }

    .content-columns--four-columns .content-columns__column {
        width: 50%;
    }
}

@media screen and (width >= 1080px) {
    .content-columns--four-columns .content-columns__column {
        width: 25%;
    }
}

/* Content styling */
.content__content > h3 {
    font-size: var(--h4-fs);
    line-height: var(--h4-lh);
}

.content__content > h4 {
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
}

.content__content > h5 {
    font-size: var(--h6-fs);
    line-height: var(--h6-lh);
}

.content__content img {
    display: inline-block;
    height: auto;
    width: auto;
}

/* Iframe support */
.content__iframe {
    max-width: 100%;
}

.content__iframe-wrapper {
    height: 0;
    margin-bottom: 30px;
    padding-bottom: 56.25%;
    position: relative;
}

.content__iframe-wrapper .content__iframe {
    height: 100%;
    inset: 0;
    overflow: auto;
    position: absolute;
    width: 100%;
}

/* Themed column backgrounds */
.pagepart--theme-green.pagepart_wrapper_type__content--has-columns-with-theme- .content-columns {
    margin-bottom: 30px;
}

.pagepart--theme-green.pagepart_wrapper_type__content--has-columns-with-theme- .content-columns__column.has-gutter {
    padding-top: 30px;
}

.pagepart--theme-yellow.pagepart_wrapper_type__content--has-columns-with-theme- .content-columns {
    margin-bottom: 30px;
}

.pagepart--theme-yellow.pagepart_wrapper_type__content--has-columns-with-theme- .content-columns__column.has-gutter {
    padding-top: 30px;
}