/*
Theme Name: Thème personnalisé pour DANS L'ENGRENAGE
Description: Theme enfant
Author: PeekSee - Marion Wojcieszak
Author URI: https://www.peeksee.fr
Template: twentytwenty
Version: 0.1.35
*/

/*********************** FONT ***************************/
@font-face {
    font-family: 'Swiss921 BT';
    src: url('font/Swiss921BT-RegularA.eot');
    src: url('font/Swiss921BT-RegularA.eot?#iefix') format('embedded-opentype'),
        url('font/Swiss921BT-RegularA.woff2') format('woff2'),
        url('font/Swiss921BT-RegularA.woff') format('woff'),
        url('font/Swiss921BT-RegularA.ttf') format('truetype'),
        url('font/Swiss921BT-RegularA.svg#Swiss921BT-RegularA') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Italic.eot');
    src: url('font/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Italic.woff2') format('woff2'),
        url('font/Roboto-Italic.woff') format('woff'),
        url('font/Roboto-Italic.ttf') format('truetype'),
        url('font/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Regular.eot');
    src: url('font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Regular.woff2') format('woff2'),
        url('font/Roboto-Regular.woff') format('woff'),
        url('font/Roboto-Regular.ttf') format('truetype'),
        url('font/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Bold.eot');
    src: url('font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Bold.woff2') format('woff2'),
        url('font/Roboto-Bold.woff') format('woff'),
        url('font/Roboto-Bold.ttf') format('truetype'),
        url('font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/************************ GENERAL *************************/

body{
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: 0;
    color:#383838;
    font-size: 15px;
    line-height: 18px;
}
.post-meta-edit-link-wrapper{
    display: none;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: none;
}
.site-main{
    width: 95%;
    max-width: 1500px; 
    margin:auto;
}
strong{
    font-weight: 700;
    font-family: 'Roboto', Arial, sans-serif; 
}
em{
    font-weight: 300;
    font-style: italic;
    font-family: 'Roboto', Arial, sans-serif;   
}
h1, h2, h3, h4{
    font-weight: normal;
    letter-spacing: 0;
    font-size:initial; 
}
li{
    margin:0;
}
.privacy-policy{
    margin:0 !important;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
    padding:8px 15px !important;
}
.bouton{
    text-align: center;
    text-transform: uppercase;
}
.bouton a,
input[type="submit"]{
    color: #000;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    padding:10px !important;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    width:100%;
    border-radius: 0;
    background-color: #cbb8f3;
    display:block;
    max-width: 290px;
    margin:20px auto;
    transition: background-color 0.3s ease;
}
input[type="submit"]{
    background: #E6007E !important;
    color:#FFF !important;
}
.bouton a:hover{
    background-color: #C6F21F !important;
    color:#000 !important;
}
.alignleft {
    margin: -7px 14px 0 0;
}
.attachment-large{
    max-width: 100% !important;
}
.e-con > .e-con-inner{
    width: 95% !important;
}
.bouton a:hover, .bouton a:focus{
    background: #f2a516;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    width:100%;
}
.textebanniere p{
    font-size: 22px !important;
}
.texte-blanc p{
    color: #fff !important;
}
.entry-content a{
    color:#000;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    text-decoration: underline !important;
}
.page .entry-title, .page header.entry-header {
    display: none;
}
.entry-content a:hover, .entry-content a:focus{
    color:#E6007E;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    text-decoration: underline;    
}
.entry-content h1{
    font-size: 40px !important;
    line-height: 43px !important;
    font-family: 'Swiss921 BT' !important;
    color: #000;
    text-transform: uppercase !important;
}
h1.entry-title, h2.entry-title{
    text-align: left;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    width: 100%;
    padding: 0;
    margin:30px 0;
}
.entry-content h2,
.entry-content h3{  
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    width: 100%;
    margin:0;
    font-size: 20px;
    line-height: 23px;
    width: 100% !important;
    color: #000;
}
.entry-content, .entry-content p, .entry-content li{
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    width: 100% !important;
}
.entry-content{
    padding:0;
}
.section-inner.medium{
    width: 95%;
    max-width: 1500px;
    margin:15px auto;
    padding:0;
}
.toggle{
    background-color: transparent !important;
}


/************** RECHERCHE ********************/
.search-modal .search-field{
    font-family: 'Roboto', Arial, sans-serif; 
    font-weight: 700;
}
.no-search-results-form{
    margin-bottom: 50px;
}


/************** COOKIES ********************/
#cookie-notice{
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: 'Roboto', Arial, sans-serif !important;
}
#cookie-notice .cn-button{
    border-radius: 0px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    color: #fff !important;
    margin: 11px !important;
}
#cookie-notice .cn-button:nth-of-type(2){
    background-color: #000049 !important;
}
#cookie-notice .cn-close-icon{
    display:none;
}
#cookie-notice .cookie-notice-container{
    padding:30px;
}


/************************* HEADER **************************/
#site-header .preheader{
    background: #E6007E;
}
#site-header .preheader .contenu{
    max-width: 96%;
    margin:0 auto;
    padding:15px 0;
    text-align: right;  
}
#site-header .preheader .contenu a{
    color:#fff;
    text-align: right;    
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 19px;
    line-height: 22px;
    font-weight: 700;
    text-decoration: none;
    margin-left:20px;
}
#site-header .preheader .contenu a img{
    display: inline-block;
    height:22px;
    vertical-align: middle;
    margin-right: 4px;
}
.search-toggle .toggle-inner{
    color:#000 !important;
}




.header-inner{
    padding:0 2%;
    max-width: 100%;
    box-sizing: border-box;
    margin:0 auto;
    width: 100%;
}
.header-inner .toggle-wrapper::before{
    width: 4px !important;
    background:#000 !important;
}
.header-titles{
    margin:0;
}
#site-header{
    z-index: 99;
    background: transparent !important;
}
.site-logo img{
    max-height:105px;
}
.primary-menu a{
    position: relative;
    color: #000 !important;
    font-family: 'Swiss921 BT';
    font-weight: normal;
    font-size: 21px;
    line-height: 25px;
    text-decoration: none !important;    
    padding:0px 7px;
    transition: color 0.3s ease;
    text-transform: uppercase;
}
.primary-menu a::before{
    content:'';
    position:absolute;
    top:30px;
    left:50%;
    width:0;
    height:4px;
    background:#F12874;
    transform:translateX(-50%);
    transition:width 0.35s ease;
}
.primary-menu a:hover,
.primary-menu a:focus{
    color:#F12874 !important;
}
.primary-menu .current_page_item a{
    color:#E6007E !important;
}
.primary-menu a:hover::before,
.primary-menu a:focus::before,
.primary-menu .current_page_item a::before{
    width:100%;
}
.header-titles .site-logo{
    margin: 15px 0 25px 0;
}
ul.primary-menu{
    margin:0;
}
.header-toggles{
    display: inline-block;
    margin-right: 0;
}
.header-inner .toggle-wrapper::before{
    background: #E6007E !important;
}

/************************ FOOTER **************************/
.footer-widgets-outer-wrapper{
    display: none;
}
.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top{
    border-color:transparent !important;
}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer{
    display: none;
}
#site-footer{ 
    background:#E6007E;
    color:#FFF;
    border:0;
    border-color: transparent !important;  
    font-size: 18px;
    line-height: 22px;
}
#site-footer a{
    color:#fff;
}
.separator{
    padding:0 6px;
}
#site-footer .contenu{
    max-width: 96%;
    margin:30px 2%;
}
#site-footer .mentions{
    font-size:15px;
    line-height:17px;
    text-align:right;
    max-width:96%;
    margin:0 2%;    
}
#site-footer .colonne{
    display:inline-block;
    width:46%;
    vertical-align: top;
    padding:10px;
    text-align: left;
}
#site-footer .col-menu{
    width: 18%;
}
#site-footer .col-menu ul{
    padding:0;  
    margin:10px 0;  
}
#site-footer .col-menu li{
    list-style: none;
}
#site-footer .col-menu strong{
    text-transform: uppercase;
    font-size:21px;
    line-height:24px;
    font-family: 'Swiss921 BT';
    color:#000;
}
#site-footer .col-logo{
    padding: 0;
}
#site-footer .col-logo img{
    max-height: 150px;
}   
#site-footer .reseaux{
    margin-top:-10px;
    padding:15px;
}
#site-footer .reseaux a{
    display: inline-block;
    margin-top:7px;
}
#site-footer .reseaux a img{
    height: 38px;
}






/***************** HOMEPAGE ************************/
.home h1{
    text-align: center;
    font-size: 40px !important;
    line-height: 43px !important;
    font-family: 'Swiss921 BT' !important;
    color: #000;
    text-transform: uppercase !important;
}

#mon-slider {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Toutes les slides */
#mon-slider > .e-con {
    display: none !important;
}

/* Slide visible */
#mon-slider > .e-con.slider-active {
    display: flex !important;
}


/* Flèches */
#mon-slider .mon-slider-prev,
#mon-slider .mon-slider-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;

    width: 45px !important;
    height: 45px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #fff !important;
    color: #000 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;

    font-size: 22px !important;
    line-height: 1 !important;
}

#mon-slider .mon-slider-prev {
    left: 20px !important;
}

#mon-slider .mon-slider-next {
    right: 20px !important;
}


/* Elementor : afficher toutes les slides dans l'éditeur */
body.elementor-editor-active #mon-slider > .e-con {
    display: flex !important;
}


/* Ton texte */
#mon-slider h2 {
    text-transform: uppercase;
    font-size: 35px;
    line-height: 39px;
    font-family: 'Swiss921 BT';
    color: #000;
    padding-bottom: 10px;
}

#mon-slider p {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

#mon-slider > .e-con:nth-child(1) p,
#mon-slider > .e-con:nth-child(1) h2,
#mon-slider > .e-con:nth-child(1) a,
#mon-slider > .e-con:nth-child(4) p,
#mon-slider > .e-con:nth-child(4) h2,
#mon-slider > .e-con:nth-child(4) a {
    color: #fff !important;
}
#mon-slider > .e-con:nth-child(1) a:hover, #mon-slider > .e-con:nth-child(4) a:hover{
    color:#E6007E !important;
}
/* Fondu entre les diapositives */
/* Transition */
#mon-slider > .e-con {
    transition: opacity 0.8s ease !important;
}

/* Pendant la transition, les deux slides peuvent se superposer */
#mon-slider > .e-con.slider-transition {
    display: flex !important;
}

/* Slide qui disparaît */
#mon-slider > .e-con.slider-old {
    opacity: 0 !important;
}

/* Slide qui apparaît */
#mon-slider > .e-con.slider-new {
    opacity: 1 !important;
}




.home-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
}
.home-products ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
.home-products ul.products::before, .home-products .button{
    display: none;
}
@media (max-width: 767px) {
    .home-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}







/************* PAGE WOOCOMMERCE **********/
.woocommerce-products-header__title.page-title{
    font-size:30px;
    line-height: 33px;
    text-align: left;
    text-transform: uppercase;    
    font-family: 'Swiss921 BT';
    margin: 10px 0;
}
.woocommerce-breadcrumb{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MzdCRTM0NTIzMjExRUE4RUNBQUE1MUNGRUVFNDU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4MzdCRTM1NTIzMjExRUE4RUNBQUE1MUNGRUVFNDU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTgzN0JFMzI1MjMyMTFFQThFQ0FBQTUxQ0ZFRUU0NTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTgzN0JFMzM1MjMyMTFFQThFQ0FBQTUxQ0ZFRUU0NTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5i2fl3AAAAsklEQVR42mJ8xlDHgAQEgDgKiC2BmBeIbwLxaiA+A1PAgqTYA4gXA7EIAyooBeKFQJwJxD9gGmyAeCMQszFgAkYgTgBiLiAOZ4IKTMGhGBmEAbErSIM+FBMDIkAaVBiIB7ogDX9I0PCTCRpk/4nUcAKk4QkQbyZCMcgls5ignGwgfkpAQzkQ34ZpeAKN3b1YFL4B4ngg7kOP6cdA7AIKCSC2AGJuIL4DxPuA+BtMEUCAAQApJR4bkepSOAAAAABJRU5ErkJggg==) no-repeat 0px center;
    padding-left: 20px;
    color: #7a7a7a;
    margin-bottom: 30px;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
    color: #7a7a7a;
    font-size:14px;
    line-height: 16px;
}
.woocommerce .content-area {
    max-width: 96%;
    padding: 30px 2%;
    margin: auto;
}
.woocommerce ul.products li.product img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    padding:20px;
}
ul.products li.product .price, ul.products li.product .star-rating, ul.products li.product .woocommerce-loop-product__title{
    text-align: center;
    font-size:15px;
    line-height: 17px; 
}
ul.products li.product .price, .single-product .summary p.price, .stock{
    color:#E6007E; 
    font-weight: 700;
}
ul.products li.product .button, ul.products li.product .woocommerce-loop-product__link{
    margin:0 auto !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea{
    padding:8px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top: 3px solid #E6007E;
}
.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button{
    background: #E6007E;
}
.related h2:not(.woocommerce-loop-product__title) {
    text-transform: uppercase;    
    font-family: 'Swiss921 BT';
    color:#E6007E;
    font-size:30px;
    line-height: 33px;
}
.woocommerce-tabs #tab-description h2{
    display: none;
}
.woocommerce-product-gallery{
    margin-bottom: 30px;
}
.woocommerce-tabs{
    border: 1px solid #000;
    padding: 30px;
}
.single-product .entry-title{
    margin-top:60px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 600px !important;
    object-fit: contain !important;
    margin:auto;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
    background-color: #E6007E !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color:#fff !important;
}
.woocommerce-pagination ul.page-numbers, .woocommerce-pagination{
    text-align: center;    
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size:18px;
    line-height: 20px;
}
.woocommerce-account #site-content .woocommerce{
    padding: 50px 2%;
}
.wc-block-cart-item__remove-link{
    width: 48px !important;
    color:#E6007E !important;
    padding:0 !important;
    background: transparent !important;
}
.wp-element-button, .wp-block-button__link{
    background: #E6007E;
}
.wc-block-components-text-input input[type="text"]{
    margin-top:0 !important;
    border:1px solid #fff;
}
.added_to_cart{
    color:#E6007E !important;
    text-align: center;
    margin: 5px auto !important;
}
.wc-block-components-button{
    text-decoration: none !important;
    text-transform: uppercase;
    color:#FFF !important;
    font-weight: 700;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    background: #f5f5f5;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
    padding:0 !important;
    opacity: 0.8 !important;
}
.woocommerce .content-area .site-main{
    margin: 0 auto !important;
}
.woocommerce-order{
    margin:50px 10% !important;
}
ul.products li.product .woocommerce-loop-product__link{
    text-decoration: none !important;
}
/***************** 404 ************************/
.error404{    
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;  
    color:#000 !important;
    text-align: center !important;
    font-size:18px;
    line-height: 20px;
}
.error404 .entry-title{
    font-size:40px;
    line-height: 45px;
    text-align: center;
}
.download-file a{
    color:#fff !important;
    text-decoration: none !important;
}


/************* RECHERCHE *************/
.search article{
    max-width: 90%;
    margin: 20px auto !important;
    border:1px solid #dcd7ca;
    padding: 20px !important;
}
.search .post-meta-wrapper{
    margin:0;
    text-align: left !important;
}
.search .post-meta-single-top .post-meta{
    justify-content: left;
}
.search .post-inner{
    padding:0 35px !important;
}
.search h2.entry-title{
    margin:0 !important;
}
.search hr{
    display: none;
}
.search .pagination-wrapper {
    margin: 30px auto;
}

/************* FORMS ********************/
::-webkit-input-placeholder {
    color: #000 !important;
    opacity:1 !important;
}
:-moz-placeholder { /* Firefox 18- */
    color: #000 !important;
    opacity:1 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
    opacity:1 !important;
}
:-ms-input-placeholder {
    color: #000 !important;
    opacity:1 !important;
}

input[type="email"],
input[type="tel"],
input[type="text"],
input[type="file"],
select,
textarea{
   
}

.clr{
    clear:both;
}

/**************** MEDIA QUERIES *****************/

@media screen and (max-width:1222px){

    #site-footer .colonne{
        width: 50% !important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:999px){
    .primary-menu-wrapper{
        display: none;
    }
    .header-navigation-wrapper{
        width: 100%;
    }
    .header-titles-wrapper .header-titles{
        top: 35px;
    }
    .nav-toggle{
        width: 15px;
    }
    body:not(.enable-search-modal) .site-logo img{
        margin:auto;
        padding-left:50px;
    }
    .header-titles-wrapper .header-titles{
        width: 100% !important;
    }
    .nav-toggle .toggle-inner{
        padding-top:0px;
    }
    .nav-toggle .toggle-icon, .nav-toggle svg{
        width:60px;
        height:60px;
    }
    .nav-toggle{
        margin-right: 5%;
    }
    .toggle-inner{
        height:30px;
    }
    .header-inner .toggle{
       /* padding:0;
        height:50px;*/
    }
    .menu-modal-inner{
        background: #F12874;
    }
    .toggle-inner .toggle-text, button.close-nav-toggle .toggle-text{
        color:#000 !important;
        font-family: 'Roboto', Arial, sans-serif;
        font-size:20px;
        line-height: 27px;
        font-weight: normal;
    }
    button.close-nav-toggle{
        position:absolute;
        top:88px;
        right:0;    
        padding: 0 !important; 
    }
    .mobile-menu{
        margin-top:150px;
    }
    .menu-modal .toggle{
        height:50px;
        width: 50px;
    }
    .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle{
        padding: 0;
        position: absolute;
        right: 10%;
        top: 0;
    }
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a{
        color:#000 !important;
         font-family: 'Swiss921 BT';
        font-size: 40px;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 70px;
        padding:10px;
        text-align: center;        
    }
    .modal-menu a{
        color:#000 !important;
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: 700;
        font-size: 17px;
        letter-spacing: 0;
        line-height: 23px;
        text-align: center;        
    }
    .menu-modal nav *{
        border:none;
    }    
    form .colonnes label{
        width: 100%;
    }
    #site-footer .col-menu .menu li{
        display: block;
    }
    .mobile-search-toggle{
        display: none !important;
    }
}

@media screen and (max-width:767px){

}

@media screen and (max-width:699px){
    .nav-toggle {
        margin-right: 12%;
    } 
    #site-footer .colonne{
        width: 100% !important;
        text-align: center;
    }
    #site-footer .col-logo img{
        margin:auto;
    }
    .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout{
        max-width: 96%;
    }


}


@media screen and (max-width:650px){
    #site-footer .colonne{
        width: 100% !important;
    }   
}



@media screen and (max-width:500px){

}