.elementor-5809 .elementor-element.elementor-element-6a18144{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-3e85452 */.dernier-article-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.dernier-article-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.dernier-article-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.dernier-article-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0));
    z-index: 1;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.dernier-article-image {
    width: 100%;
    height: 670px !important;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.dernier-article-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 0 20px 5% 5%;
    z-index: 2;
}

.dernier-article-titre {
    color: #ffffff;
    margin: 0;
    font-weight: 700;
    line-height: 1.3;
}

.dernier-article-no-image {
    padding: 40px 20px;
    background: #f5f5f5;
}

.dernier-article-no-image .dernier-article-titre {
    color: #333;
    text-shadow: none;
}

.dernier-article-link:hover .dernier-article-wrapper::before {
    opacity: 1;
}

.slide-button {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    font-size: 1.3rem;
    border-radius: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    font-weight: 600;
    position: relative;
    transition: background-color 0.3s ease;
}

.slide-button::before {
    position: absolute;
    content: url(/wp-content/uploads/2026/02/chevron-droit-aprime-architectes-dinan.svg);
    opacity: 0;
    right: -30px;
    top: 60%;
    transform: translateY(-50%) translateX(-10px);
    transition: transform .3s ease, opacity .3s ease;
}

.slide-button:hover {
    color: #fff;
}

.slide-button:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

@media (max-width: 768px) {
    .dernier-article-titre {
        font-size: 20px;
    }

    .dernier-article-overlay {
        padding: 20px 15px 15px;
    }
    
.dernier-article-image {
    height: 600px !important;
}
}
@media screen and (min-width:  769px) and (max-width: 1200px) {

    
    .dernier-article-image {
        height: 600px !important;
    }
.article-card-titre {
    font-weight: 600;
    margin: 0;
    font-size: 1.5rem !important;
    color: #ffffff;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}
}/* End custom CSS */