/*** Blog Featured Block ***/

.blog-featured-block .blog_featured_block_padding {
    padding-top: 270px;
    padding-bottom: 90px;
}

.blog-featured-block div.button.tag.light_blue_button {
    display: inline-block;
    background-color: #EEEBF2;
    color: var(--brand-dark-purple);
    font-size: 13px;
    padding: 5px 20px;
    border-radius: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    line-height: 22px;
    transition: ease all 0.2s;
}

.blog-featured-block div.featured_tag {
    z-index: 1000;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: var(--tint-grey) !important;
    color: white !important;
}

.blog-featured-block .blog_image_link:hover div.button.tag.light_blue_button {
    background-color: var(--tint-lilac)!important;
}

.blog-featured-block .image-4by3.contain_image > img {
    object-fit: contain;
    background: #fff;
}

@media(max-width: 1399.98px) {
    .blog-featured-block .blog_featured_block_padding {
        padding-top: 150px;
        padding-bottom: 90px;
    }
}


@media(max-width: 991.98px) {
    .blog-featured-block .blog_featured_block_padding {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .blog-featured-block .brand-dark-purple_background {
        clip-path: ellipse(95% 70% at 48% 30%);
    }

    .blog-featured-block div.button.tag.light_blue_button {
        font-size: 10px;
        padding: 6px 20px;
    }
}

@media(max-width: 575.98px) {
    .blog-featured-block .blog_featured_block_padding {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .blog-featured-block .image-square,
    .blog-featured-block .image-square img,
    .blog-featured-block .image-4by3,
    .blog-featured-block .image-4by3 img {
        display: none;
    }
}