.featured-section .featured-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    padding-top: 20px;
    z-index: 1;
}

.featured-section .feature-item-wrapper {
    padding-bottom: 40px;
    width: 100%;
}

.featured-section .feature-item-wrapper * {
    padding-bottom: 12px;
    padding-top: 0;
}

.featured-section .feature-item-wrapper .title {
    font-size: 24px;
}

.featured-section .feature-item-wrapper h4 {
    font-weight: bold;
}

.featured-section .featured-item-image-wrapper {
    height: 0;
    margin-bottom: 40px;
    overflow: hidden;
    padding-top: 63.66%;
    position: relative;
    text-align: center;
    width: 100%;
}

.featured-section .featured-item-image-wrapper.featured_item_other_editions {
    /*9:16 aspec ratio = (16/9 = 1.77) */
    padding-top: 177%;
}

.featured-section .featured-item-image-wrapper.external-link::after {
    content: url('../resources/open_link_icon.png');
    position: absolute;
    top: 10px;
    right: 10px;
}

.featured-section .featured-image-image {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.featured-section .featured-image-image img {
    width: 100%;
}

.featured-section .featured-item-collaborator-item .featured-image-image,
.featured-section .featured-item-donor-item .featured-image-image {
    border: 1px solid gainsboro;
    height: 100%;
}

.featured-image-image.featured-image-donor-item,
.featured-image-image.featured-image-collaborator-item {
    padding: 10px;
}

.featured-section .feature-item-wrapper.featured-section-item {
    text-align: center;
}

.featured-section .feature-item-wrapper.featured-section-item img {
    border-radius: 50%;
}

.featured-section .feature-section-image-wrapper {
    margin: auto;
    width: 70%;
}

.featured-section .feature-item-wrapper img {
    width: 100%;
}

.featured-section .featured-section-item-title {
    text-transform: uppercase;
}

.featured-section .featured-item-link *:hover {
    opacity: .8;
}

.headings-wrapper {
    padding: 20px;
}

.headings-wrapper::before {
    content: url('../resources/dot_item.png');
}

.headings-wrapper h4 {
    color: black;
    font-family: var(--headings);
    padding-bottom: 20px;
    width: 70%;
}

.feature-item-wrapper .entry-download-link {
    background-color: red;
    color: white;
    display: block;
    margin-top: 20px;
    padding: 15px;
    text-align: center;
    width: auto;
}

.feature-item-wrapper .entry-download-link:hover {
    background-color: blue;
}

.featured-item-wrapper {
    border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 10px;
}

.featured-item-wrapper .featured-item.image-wrapper {
    position: relative;
    height: auto;
}

.featured-item-wrapper .featured-item.image-wrapper {
    height: auto;
    margin-bottom: 10px;
    padding-top: 56%;
    position: relative;
    width: 100%;
}

.featured-item-wrapper .featured-item.image-item {
    width: 100%;
}

.featured-item-wrapper .featured-item.image-item img {
    width: 100%;
}

.featured-item-wrapper .featured-item.youtube-thumbnail::after {
    content: url('../resources/yt_logo_dark_70x49.png');
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -24.5px;
    position: absolute;
}

.featured-item-wrapper .featured-item.image-wrapper.poster-image-wrapper {
    padding-top: 177%;
}

.featured-item-wrapper .featured-item.image-wrapper .featured-item.image-item {
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (min-width: 700px) {
    .featured-section .feature-item-wrapper {
        padding-bottom:60px;
        padding-bottom: 60px;
        width: 45%;
    }
}

@media all and (min-width: 501px) and (min-width: 900px) {
    .page-grid.featured-content-wrapper .feature-item-wrapper,
    .page-grid.featured-content-wrapper .featured-item-wrapper {
        width: 40%;
    }
}

@media all and (min-width: 901px) {
    .page-grid.featured-content-wrapper .feature-item-wrapper,
    .page-grid.featured-content-wrapper .featured-item-wrapper {
        width: 40%;
    }

    .page-grid.featured-content-wrapper .featured-item-collaborator-item,
    .page-grid.featured-content-wrapper .featured-item-donor-item {
        margin-bottom: 0;
        padding-bottom: 0;
        width: 19%;
    }
}