/*
Theme Name: ENRIA
Description: Theme enfant de GeneratePress. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Florian | Progressio Web
Author URI: https://progressio-web.fr
Template: generatepress
Version: 1.0
*/

:root {
    --vert: #22727B;
    --vert-clair: #86BB46;
    --noir: #2A2F42;
}

html,
body {
    overflow-x: clip;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #22727B;
}

body::-webkit-scrollbar-thumb {
    background-color: #86BB46;
    border-radius: 999px;
}

.cover {
    background-position: center;
    background-size: cover !important;
}

.vert,
.p_vert strong {
    color: var(--vert);
}

.vert_clair {
    color: var(--vert-clair);
}

.noir {
    color: var(--noir);
}

.border_img_left,
.border_img_right {
    z-index: 1;
}

.border_img_left:before {
    content: "";
    background: var(--vert);
    width: 60%;
    height: 70%;
    position: absolute;
    display: block;
    z-index: -1;
    border-radius: 10px;
    left: -20px;
    bottom: -20px;
    transition: all 0.6s ease-in-out;
}

.border_img_right:before {
    content: "";
    background: var(--vert);
    width: 60%;
    height: 70%;
    position: absolute;
    display: block;
    z-index: -1;
    border-radius: 10px;
    right: -20px;
    bottom: -20px;
    transition: all 0.6s ease-in-out;
}

.border_img_vc:before {
    background: var(--vert-clair);
}

.border_img_left:hover:before,
.border_img_right:hover:before {
    width: 80%;
    height: 90%;
    transition: all 0.6s ease-in-out;
}

.cart_realisation .realisation_cart_content {
    opacity: 0;
    position: relative;
    bottom: -50px;
    transition: all 0.6s ease-in-out;
}

.cart_realisation:hover .realisation_cart_content {
    opacity: 1;
    bottom: 0;
    transition: all 0.6s ease-in-out;
}

header.elementor.elementor-106.elementor-location-header {
    position: sticky;
    z-index: 10;
    top: 0;
}

div#header {
    width: 100%;
    z-index: 99;
    background: -o-linear-gradient(left, var(--vert) 50%, #ffffff00 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--vert)), color-stop(50%, #ffffff00));
    background: linear-gradient(to right, var(--vert) 50%, #ffffff00 50%);
    background-size: 200% 300%;
    background-position: right bottom;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: all .5s ease-out;
}

div#header.scroll_header {
    background: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: all .3s;
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 50%, #22727bbb 50%);
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #22727bbb));
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, #22727bbb 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: all .5s ease-out;
    min-height: 90px;
    backdrop-filter: blur(10px);
}

h3.elementor-counter-title {
    text-align: center;
}

.cart_article_p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart_article_h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0px;
}

.content__custom *:first-child {
    margin-top: 0px !important;
}

.content__custom * {
    margin-bottom: 30px !important;
}

.content__custom li {
    margin-bottom: 10px !important;
}

.content__custom h2,
.content__custom h3,
.content__custom h4 {
    color: var(--vert) !important;
}

.content__custom details {
    margin-bottom: 0 !important;
}

.content__custom .elementor hr {
    display: none !important;
}

.content__custom h2 {
    font-size: 28px !important;
    background: #22727B29;
    padding: 15px 20px;
    border-radius: 10px;
}

.content__custom h3 {
    font-size: 21px !important;
}

nav.pw-breadcrumbs *, nav.pw-breadcrumbs {
    color: white !important;
}





@media screen and (min-width:1201px) {
    .no_desk {
        display: none !important;
    }
}


@media screen and (max-width:1200px) {
    .no_mob {
        display: none !important;
    }
}

@media screen and (max-width:768px) {
    .content__custom h2 {
        font-size: 21px !important;
        background: #22727B29;
        padding: 15px 20px;
        border-radius: 10px;
    }
    .content__custom h3 {
    font-size: 17px !important;
}
}