/* Nested Feature Sections */
.feature-section-container {
    float: left;
    width: 100%;
}

    .feature-section-container .feature-section h3 {
        margin-bottom: 15px;
    }

.feature-section {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .feature-section .feature {
        border: 1px solid #a0dbde;
        border-radius: 8px;
        width: 191px;
        margin-right: 20px;
        float: left;
        display: inline-block;
        background: #fbfbfb;
        text-decoration: none;
        overflow: hidden;
    }

        .feature-section .feature:last-child {
            margin-right: 0;
        }

    .feature-section.featured-reviews .feature .feature-head {
        padding: 14px 12px 6px;
    }

    .feature-section.featured-articles .feature .feature-head {
        padding: 12px 12px 11px;
    }

    .feature-section .feature .feature-rating {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 3px;
    }

    .feature-section .feature .v2-star-rating {
        display: block;       
    }

        .feature-section .feature .v2-star-rating.small-medium {
            display: none;
        }

    .feature-section .feature .v2-rating-label {
        bottom: 2px;
    }

        .feature-section .feature .v2-rating-label.small-medium {
            display: none;
        }

    .feature-section .feature p {
        font: bold 14px 'Open Sans', sans-serif;
        color: #4e2672;
        margin: 0;
    }

    .feature-section .feature img {
        margin-bottom: -4px;
        object-fit: cover;
    }

    /* Rich Text Block */
    .feature-section.rich-text-block p:last-child {
        margin: 0;
    }

    .feature-section.rich-text-block h3 {
        margin-bottom: 16px;
    }

/* v1 page - generic, article */
.feature-section-container.v1-page .feature-section .feature {
    width: 182px;
    margin-right: 15px;
}

    .feature-section-container.v1-page .feature-section .feature:last-child {
        margin-right: 0;
    }

.feature-section-container.v1-page .mobile-image {
    display: none;
}


/* ================================================== */
/*                    RESPONSIVE                      */
/* ================================================== */

/* Large Desktop */
@media (max-width: 1200px) {

    .feature-section-container {
        margin-left: 2%;
        margin-right: 2%;
    }

        .feature-section .feature,
        .feature-section-container.v1-page .feature-section .feature {
            margin-right: 2%;
            width: calc(23.5% - 2px);
        }

        .feature-section-container.no-margin {
            margin: 0;
        }
}

/* Desktop */
@media (max-width: 1024px) {

    .feature-section-container.v1-page .desktop-image {
        display: none;
    }

    .feature-section-container.v1-page .mobile-image {
        display: block;
    }
}

/* Tablet */
@media (max-width: 768px) {

    .feature-section-container {
        margin-left: 4%;
        margin-right: 4%;
    }

        .feature-section-container .feature-section h3 {
            margin-bottom: 25px;
        }

    .feature-section.mobile-hide {
        display: none;
    }

    .feature-section .feature,
    .feature-section-container.v1-page .feature-section .feature {
        margin-right: 3%;
        margin-bottom: 3%;
        width: calc(48.5% - 2px);
    }

        .feature-section .feature:nth-child(odd),
        .feature-section-container.v1-page .feature-section .feature:nth-child(odd) {
            margin-right: 0;
        }

        .feature-section .feature:nth-child(4),
        .feature-section .feature:nth-child(5),
        .feature-section-container.v1-page .feature-section .feature:nth-child(4),
        .feature-section-container.v1-page .feature-section .feature:nth-child(5) {
            margin-bottom: 0;
        }

    .feature-section.featured-reviews .feature .feature-head {
        padding: 14px 12px 12px;
    }

    .feature-section.featured-articles .feature .feature-head {
        padding: 12px;
    }

    .feature-section .feature img {
        margin-bottom: 0;
    }
}

/* Mobile */
@media (max-width: 480px) {

    .feature-section .feature,
    .feature-section .feature:nth-child(4),
    .feature-section .feature:nth-child(5),
    .feature-section-container.v1-page .feature-section .feature,
    .feature-section-container.v1-page .feature-section .feature:nth-child(4),
    .feature-section-container.v1-page .feature-section .feature:nth-child(5) {
        margin-right: 0;
        margin-bottom: 30px;
        width: calc(100% - 2px);
    }

        .feature-section .feature:last-child,
        .feature-section-container.v1-page .feature-section .feature:last-child {
            margin-bottom: 0;
        }

        .feature-section .feature p {
            font-size: 16px;
        }

    .feature-section.featured-reviews .feature .feature-head,
    .feature-section.featured-articles .feature .feature-head {
        padding: 18px;
    }

    .feature-section .feature .v2-star-rating.small-medium {
        display: block;
        margin-bottom: 10px;
    }

    .feature-section .feature .v2-star-rating.small {
        display: none;
    }

    .feature-section .feature .v2-rating-label.small-medium {
        display: block;
        bottom: 5px;
    }

    .feature-section .feature .v2-rating-label.small {
        display: none;
    }
}