@charset "UTF-8";
/***!  /media/templates/site/avenir/css/com_content_home_articles.css?736373  !***/

.homeArticles{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    .homeArticles_item{
        display: flex;
        flex-direction: row;
        min-height: 600px;
        border-radius: 0 0 50px 0;
        overflow: hidden;
    }
        .homeArticles_item-image{
            flex-grow: 1;
            background: rgba(0, 0, 0, 0.05);
            position: relative;
        }
            .homeArticles_item-image img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: absolute;
                left: 0;
                top: 0;
            }
        .homeArticles_item-caption{
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 28px;
            width: 490px;
            padding: 100px 70px;
            background: var(--color-3);
            color: var(--color-1);
        }
            .homeArticles_item-caption-content{
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                gap: 28px;
            }
                .homeArticles_item-title{
                }
                .homeArticles_item-excerpt{
                }
            .homeArticles_item-button{
                align-self: center;
                flex-shrink: 0;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                min-width: 150px;
                height: 40px;
                padding: 0 20px;
                border-radius: 20px;
                background: var(--color-5);
                color: var(--color-2);

                transition: background .2s ease-in-out;

                &:hover{
                    background: var(--color-5-darker);
                }
            }
                .homeArticles_item-button-title{
                    font-size: 20px;
                    font-weight: bold;
                    text-transform: uppercase;
                }

@media (max-width: 1280px) {

    .homeArticles_item{
        min-height: 500px;
    }

}

@media (max-width: 1024px) {

    .homeArticles_item-caption{
        width: 390px;
        padding: 70px 40px;
    }

}

@media (max-width: 768px) {

    .homeArticles_item-image{
        height: 300px;
    }
    .homeArticles_item{
        flex-direction: column;
        min-height: 0;
    }
    .homeArticles_item-caption{
        width: 100%;
        padding: var(--global-padding);
    }
    .homeArticles_item-caption-content{
        gap: 20px;
    }

}

@media (max-width: 480px) {

    .homeArticles_item-image{
        height: 240px;
    }

}