a, .elementor a{color:#0099CC;}.elementor-button, a.elementor-button:not(#e){color:#000000;}.elementor-button{background-color:rgba(2, 1, 1, 0);border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus{background-color:#0099CC;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0099CC;}.elementor-button-primary .elementor-button{font-family:"Poppins", sans-serif;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#000000;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus, .elementor-button-primary a.elementor-button:not(#e):hover, .elementor-button-primary a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#0099CC;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0099CC;}.elementor-button-primary .elementor-button.elementor-size-sm{padding:5px 3px 5px 18px;border-radius:50px 50px 50px 50px;}.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;padding:12px;}.elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon{color:#FFFFFF;}.elementor-icon{font-size:20px;}.elementor-view-framed .elementor-icon{padding:12px;}body.ce-kit-1{background-color:#F7F7F7;}body.ce-kit-1 #wrapper{background-color:rgba(0, 0, 0, 0);}body.ce-kit-1 #content{background-color:rgba(2, 1, 1, 0);}/* Start custom CSS for page-settings */.invert{
    img{
        filter: brightness(0) invert(1);
    }
}

.align-center{
    .elementor-row{
        align-items: center;
    }
}

/* h1 page accueil */

.title-header{
    h1{
        b{
            font-weight: 500;
            color: #53A434;
        }
    }
}

/* PAGES */

#wrapper{
    background:  #f7f7f7;
}

.page-category,
.page-product,
.page-cms{
    background-color: #f7f7f7 !important;
    #wrapper{
        background-color: #f7f7f7 !important;
    }
}

.page-cms{
    padding: 0 !important;
}

/* BOUTONS */

.elementor-button-primary{
    a{
        color: #000 !important;
        .elementor-button-icon{
            background: #0099CC;
            padding: 12px;
            border-radius: 20px;
            color: #fff;
        }
        &:hover{
            color: #fff !important;
            background-color: #0099CC !important;
            .elementor-button-icon{
                background: #fff;
                color: #0099CC;
            }
        }
    }
}

.btn-custom{
    a{
        padding: 5px 5px 5px 16px;
        border: 1px solid #000;
        border-radius: 50px;
        background-color: transparent;
        .elementor-button-icon{
            background: #0099CC;
            padding: 12px;
            border-radius: 20px;
            color: #fff;
        }
        &:hover{
            background-color: #0099CC;
            border-color: transparent;
            .elementor-button-text{
                color: #fff;
            }
        }
    }
}

/* H3 */

.title-border{
    h3{
        position: relative;
        padding: 10px 12px 10px 30px;
        border: 1px solid lightgray;
        border-radius: 20px;
        font-weight: 300;
        width: fit-content;
        &:before{
            content: "•";
            color: #0099CC;
            font-size: 2rem;
            top: 0;
            bottom: 0;
            position: absolute;
            left: 10px;
            
        }
    }
}

.title-center{
    h3{
        margin: auto;
    }
}

/* TWO COLUMNS */
.two-columns{
    .image-content{
        img{
            aspect-ratio: 1 / 1;
            object-fit: cover;
            position: relative;
        }
        &:before{
            content: "";
            background-color: rgba(83, 164, 52, 0.2);
            height: 103%;
            width: 30%;
            position: absolute;
            top: -1.5%;
            left: -1%;
            border-radius: 0 20px;
        }
    }
    h3{
        position: relative;
        padding: 10px 12px 10px 30px;
        border: 1px solid lightgray;
        border-radius: 20px;
        font-weight: 300;
        width: fit-content;
        &:before{
            content: "•";
            color: #0099CC;
            font-size: 2rem;
            top: 0;
            bottom: 0;
            position: absolute;
            left: 10px;
            
        }
    }
}



/* PRODUITS */

.product-column{
    .elementor-row{
        flex-direction: column;
        .elementor-element.elementor-inner-column{
            width: 100% !important;
            position: sticky;
            top: 150px;
        }
    }
}
.title-sticky{
    height: fit-content;
    position: sticky;
    top: 200px;
}

/* ACTIVITE */

.activity{
    .swiper-slide{
        figure{
            position: relative;
            &:after{
                content: "";
                background: linear-gradient(360deg,rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0.2) 100%);
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0;
                border-radius: 16px;
            }
            figcaption{
                color: #fff;
                text-align: left !important;
                width: 90%;
                position: absolute;
                bottom: 60px;
                left: 30px;
                transition: .3s;
                z-index: 1;
                &:after{
                    content: "";
                    background: url(/img/cms/fleche-droite.png) no-repeat center;
                    filter: invert(1);
                    width: 100px;
                    height: 100px;
                    background-color: transparent;
                    padding: 20px;
                    border-radius: 50%;
                    background-size: 40%;
                    position: absolute;
                    bottom: -40px;
                    left: 0;
                    opacity: 0;
                    transition: .3s;
                }
            }
        }
        &:hover{
            figure{
                figcaption{
                    color: transparent !important;
                    &:after{
                        background-color: #fff;
                        opacity: 1;
                    }
                }
            }
        } 
    }
}

/* FORMULAIRE */

.form-contact{
    form{
        label.btn{
            border-radius: 0 8px 8px 0;
        }
        input, textarea{
            border: none;
        }
        .form-control{
            background: #fff;
            border-radius: 8px;
            &:focus{
                outline: 1px solid #53A434;
            }
        }
        button{
            background-color: #0099CC;
            border-radius: 50px;
            padding: 12px 36px;
        }
    }
}

/* PANIER */ 

.page-cart{
    .cart-grid{
        .cart-grid-right{
            .btn{
                background-color: #0099CC;
                border-radius: 20px;
            }
        }
    }
}

/*** COMMANDES ***/

.page-order{
    .step-number{
        background-color: #0099CC !important;
    }
    .btn-primary, .btn-primary:hover, .btn-primary:active, body#checkout section.checkout-step.-reachable.-current .step-number, .custom-radio input[type=radio]:checked+span{
    background-color: #0099CC;
    }
}/* End custom CSS */