/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


:root {

    /* couelur de fond du menu  */
    --bg-menu: #0d6a43;

    /*Couleur fond logo*/
    --bg-logo: #ffffff;

    /*Fond Couleur : Button / Lien / Icônes */
    --color-global: #97bf20;
    --color-text-global: black;

    /*Fond Couleur HOVER : Button */
    --color-global-hover: #545a3e;
    --color-text-global-hover: white;

}


/*BANNER TOP*/



/*MENU FIXE == NON*/

.full-header.fixed {
    position: relative !important;
}



/*FIN MENU FIXE == NON*/

/*MENU full en dessous*/

@media (min-width: 992px) {
    .left-nav {
        position: absolute;
        z-index: 99;
    }
}


li.menu-item.item-header a {
    color: var(--color-global) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-bottom: 1px solid rgb(151 191 32 / 16%);
}

.ot-menu-horizontal ul li.level-1 {
    padding: 0 5px !important;
    margin: 0 3px;
}

.ot-menu-horizontal ul li.level-1 > a,
.ot-menu-horizontal ul li.level-1 .more-menu .categories {
    font-size: 14px;
    letter-spacing: 1px;
}

.container_ot_megamenu {
    background: var(--bg-menu);
    width: 100%;
    text-align: center;
}

.ot-menu-horizontal li.level-1.parent > a::before {
    display: none !important;
}

/*Fin MENU full en dessous*/

.icone-top a {
    color: var(--color-global);
}

.icone-top span.elementor-icon.elementor-animation-grow {
    border-right: 1px dashed #353535 !important;
    padding-right: 10px;
    padding-top: 6px;
    height: 50px;
}


.icone-top .elementor-icon-box-content {
    float: left;
}


.icone-top .elementor-icon-box-icon {
    float: left;
    margin-right: 10px;
}

.icone-top span.elementor-icon.elementor-animation-grow,
.icone-top span.elementor-icon.elementor-animation-grow:hover {
    color: var(--color-global) !important;
}

@media (max-width: 768px) {

    .icone-top span.elementor-icon.elementor-animation-grow {
        border: none !important;
    }

    .icone-top .elementor-icon-box-content {
        float: none;
    }

    .elementor-icon-box-icon {
        display: none;
    }

}


/*fond menu */
.full-header,
#header .right-nav,
.full-header.fixed {
    background: var(--bg-menu);
}




/*Fond logo*/

#_desktop_logo {
    background: var(--bg-logo);
}

@media (max-width: 991px) {
    .full-header {
        background: var(--bg-logo);

    }

    #mobile_menu {

        background: var(--bg-logo);
    }

    .ot-menu-horizontal .otmenu-content {
        border-bottom: 5px solid var(--color-global-hover);
    }

    #header .full-header .left-nav {
        background: var(--bg-logo);
    }


}




#_desktop_logo::after {

    border-left: 59px solid var(--bg-logo);
    border-right: 0 solid var(--bg-logo);

}

#_desktop_logo::before {
    border-right: 60px solid var(--bg-logo);
    border-left: 0 solid var(--bg-logo);
}



/* Couleur : Button / Lien / Icônes  */



.blockcart span.cart-products-count {
    background: var(--color-global) none repeat scroll 0 0;
    border: 1px solid var(--color-global);
    color: var(--color-text-global);
}

.btn-primary,
.page-footer .text-sm-center a {
    background-color: var(--color-global);
    color: var(--color-text-global);
}

#onhometab .tabs .nav-tabs .nav-link.active .tab-title {
    background: var(--color-global) none repeat scroll 0 0;
    color: var(--color-text-global);
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
#blockcart-modal .modal-header,
#blockcart-modal .cart-content .btn {
    background: var(--color-global);
    color: var(--color-text-global);
}

#blockcart-modal .modal-title {
    color: var(--color-text-global);
}

p#button_slider,
.parallax-btn a {
    background: var(--color-global) !important;
    color: var(--color-text-global) !important;
}

.parallax-description span {
    color: var(--color-global) !important;
}

#otcategorytabs.tabs .nav-tabs .nav-link.active .tab-title,
#otcategorytabs.tabs .nav-tabs .nav-link:hover .tab-title,
#onhometab .tabs .nav-tabs .nav-link:hover .tab-title,
#onhometab .tabs .nav-tabs .nav-link:active .tab-title,
#onhometab .tabs .nav-tabs .nav-link:focus .tab-title {
    background: var(--color-global) none repeat scroll 0 0;
    color: var(--color-text-global);
}

.categorie-button a.elementor-button:hover,
.btn-secondary:hover,
.btn-tertiary:hover {
    background: var(--color-global) !important;
    color: var(--color-text-global) !important;
}

.parallax-btn-bis a,
#goToTop,
.product-actions .btn.add-to-cart {
    background: var(--color-global-hover) !important;
    color: var(--color-text-global-hover) !important;
}


.pagination .current a {
    color: var(--color-text-global-hover);
    background: var(--color-global-hover);
    border-color: var(--color-global-hover);
}


.pagination .js-search-link:hover,
.pagination .js-search-link:active,
.pagination .js-search-link:focus,
.pagination .js-search-link:active {
    background: var(--color-global) none repeat scroll 0 0;
    border-color: var(--color-global);
    color: var(--color-text-global);
}


.footer-container li:hover a,
.footer-container li:active a,
.footer-container li:focus a,
.footer-container li:hover a::before,
.footer-container li:active a::before,
.footer-container li:focus a::before,
.ot-menu-horizontal ul li.level-1:hover > a {
    color: var(--color-global);
}

ul#contact-footer i {
    color: var(--color-global);
}

#products .thumbnail-container .otproducthover div .btn,
.products .thumbnail-container .otproducthover div .btn,
.featured-products .thumbnail-container .otproducthover div .btn,
.otfeatured-products .thumbnail-container .otproducthover div .btn,
.product-accessories .thumbnail-container .otproducthover div .btn,
.otbestseller-products .thumbnail-container .otproducthover div .btn,
.otnew-products .thumbnail-container .otproducthover div .btn,
.otspecial-products .thumbnail-container .otproduct-image div.quick-view-block .btn,
.crossselling-product .thumbnail-container .otproducthover div .btn,
.category-products .thumbnail-container .otproducthover div .btn,
.view-product .thumbnail-container .otproducthover div .btn {
    background-color: var(--color-global-hover) !important;
    color: var(--color-text-global) !important;

}



@media (min-width: 992px) {
    .ot-menu-horizontal ul li.level-1:hover > a::after {
        border-bottom: 3px double var(--color-global);
    }

    .ot-menu-horizontal .menu-dropdown {
        border-bottom: 5px solid var(--color-global);
    }

}



/*Couleur HOVER : Button */

.cart_block .cart-buttons .btn-primary:hover {
    background: var(--color-global-hover) none repeat scroll 0 0;
    color: var(--color-text-global-hover);
}


.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle,
.page-footer .text-sm-center a:active,
.btn-primary:hover,
.page-footer .text-sm-center a:hover,
.btn-primary:focus,
.btn-primary.focus,
.page-footer .text-sm-center a:focus,
.btn-secondary,
.btn-tertiary {
    background-color: var(--color-global-hover) !important;
    color: var(--color-text-global-hover);
}

.parallax-btn-bis a:hover,
#goToTop:hover,
button.btn.btn-primary.add-to-cart:hover {
    background: var(--color-global) !important;
    color: var(--color-text-global) !important;
}

#footer .footer-top {
    background: var(--color-global-hover) !important;
}



#products .thumbnail-container .otproducthover div .btn:hover,
.products .thumbnail-container .otproducthover div .btn:hover,
.featured-products .thumbnail-container .otproducthover div .btn:hover,
.otfeatured-products .thumbnail-container .otproducthover div .btn:hover,
.product-accessories .thumbnail-container .otproducthover div .btn:hover,
.otbestseller-products .thumbnail-container .otproducthover div .btn:hover,
.otnew-products .thumbnail-container .otproducthover div .btn:hover,
.otspecial-products .thumbnail-container .otproduct-image div.quick-view-block .btn:hover,
.crossselling-product .thumbnail-container .otproducthover div .btn:hover,
.category-products .thumbnail-container .otproducthover div .btn:hover,
.view-product .thumbnail-container .otproducthover div .btn:hover,
#products .thumbnail-container .otproducthover div .btn:active,
.products .thumbnail-container .otproducthover div .btn:active,
.featured-products .thumbnail-container .otproducthover div .btn:active,
.otfeatured-products .thumbnail-container .otproducthover div .btn:active,
.product-accessories .thumbnail-container .otproducthover div .btn:active,
.otbestseller-products .thumbnail-container .otproducthover div .btn:active,
.otnew-products .thumbnail-container .otproducthover div .btn:active,
.otspecial-products .thumbnail-container .otproduct-image div.quick-view-block .btn:active,
.crossselling-product .thumbnail-container .otproducthover div .btn:active,
.category-products .thumbnail-container .otproducthover div .btn:active,
.view-product .thumbnail-container .otproducthover div .btn:active,
#products .thumbnail-container .otproducthover div .btn:focus,
.products .thumbnail-container .otproducthover div .btn:focus,
.featured-products .thumbnail-container .otproducthover div .btn:focus,
.otfeatured-products .thumbnail-container .otproducthover div .btn:focus,
.product-accessories .thumbnail-container .otproducthover div .btn:focus,
.otbestseller-products .thumbnail-container .otproducthover div .btn:focus,
.otnew-products .thumbnail-container .otproducthover div .btn:focus,
.otspecial-products .thumbnail-container .otproduct-image div.quick-view-block .btn:focus,
.crossselling-product .thumbnail-container .otproducthover div .btn:focus,
.category-products .thumbnail-container .otproducthover div .btn:focus,
.view-product .thumbnail-container .otproducthover div .btn:focus {
    background-color: var(--color-global) !important;
}


.user-info,
#search_widget .otsearchtoggle,
.cart_block {
    border-bottom: 5px solid var(--color-global-hover) !important;
}



/*CONTAINER OLD -- A CACHER SI FULL*/
@media (min-width: 1200px) {
    .container-adaptive {
        width: 1110px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .container-adaptive {
        max-width: 970px;
    }
}

@media (min-width: 1201px) {

    #_desktop_logo::before {
        display: none;
    }

    .container-adaptive {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .container-adaptive {
        max-width: 750px;
    }
}

@media (min-width: 544px) {
    .container-adaptive {
        max-width: 100%;
    }
}

.footer-container {
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 992px) {
    #header {
        min-height: 120px;
    }
}


.full-header,
#header .right-nav,
.full-header.fixed {
    margin: auto;
}

.categorie-button a.elementor-button {
    padding: 15px 19px !important;
}

#header .left-nav {
    padding-left: 0;
}



/*FIN CONTAINER OLD -- A CACHER SI FULL*/



/*CATEGORY*/
.category-cover {
    display: none;
}

/*FIN CATEGORY*/


/*Zindex*/


.search-widget,
#_desktop_user_info,
#_desktop_cart {
    z-index: 9;

}

body {
    background: #0e6b43;
}

div#content-wrapper,
div#page {
    background: #f5f0ec;
}

#footer {
    margin-top: 0;
}


.Otproductpagetab {

    border: none;
}

.pb-right-column .product-condition {
    background: #ac9d13;
    display: inline-block;
    color: white;
    padding: 3px 10px;
    margin: 10px 0px;
}

.ot-producttitle {
    color: #111;
    margin: 0 auto;
    font: 500 16px/24px "Poppins", Helvetica, sans-serif;
    padding: 0 0 10px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid #e9e2dd;
    margin-bottom: 10px;
}

.pb-right-column .product-price,
.has-discount p {
    font-weight: 600;
    color: #111111;
    margin: 0;
}

.Otproductpagetab {
    clear: both;
    margin: 0;
    padding: 0;
    max-width: 90%;
    margin: auto;
    float: none;
}

div#accordion {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.content_wrap {
    overflow: hidden;
}


.blockreassurance_product{
    display: inline-block;
}


body#checkout #content > div > div.col-md-8, 
body#checkout #content > div > div.col-md-4 {
    display: inline-block;
}