/*

 Theme Name:     Origine

 Description:    Origine theme using Divi

 Author:         Kwalt

 Author URI:     https://kwalt-digital.com

 Template:       Divi

 Version:        4.20.4

*/

 

 

/* =Theme customization starts here

------------------------------------------------------- */

/*SUPPRIMER LIGNE SOUS MENU*/
header#main-header.et-fixed-header, #main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}


/* FOOTER EMAIL OPTIN BOUTON*/
.et_pb_signup_0.et_pb_suscribe .et_pb_newsletter_button.et_pb_button {
max-width:50% !important;
border-radius: 0px 30px 30px 0px !important;
}


/*BOUTON*/
.boutons {
max-width:400px !important;
border-radius: 0px 30px 30px 0px !important;
}


.boutonsleft {
max-width:400px !important;
border-radius: 30px 0px 0px 30px !important;
}


.boutonslong {
border-radius: 0px 30px 30px 0px !important;
}


/*BOUTON PANIER*/
#page-container .et_pb_section .et_pb_wc_cart_notice_0 .wc-backward {
    border-radius: 0px 30px 30px 0px !important;
}


/*BOUTON PAGE CART APPLY COUPON
body #page-container .et_pb_section .et_pb_wc_cart_products_0 table.cart button[name="apply_coupon"] {
    border-radius: 0px 30px 30px 0px !important;
}*/


/*BOUTON PAGE CART UPDATE CART
.et_pb_section .et_pb_wc_cart_products_0 table.cart button[name="update_cart"] {
    border-radius: 0px 30px 30px 0px !important;
}
*/

/*MENU espaces entre les entrees*/
.et_pb_menu .et-menu>li {
    padding-left: 25px !important;
    padding-right: 25px !important;
}


/*BLURB REVIEW HOME*/
.et_pb_blurb_0.et_pb_blurb p {
    padding-left:0px !important;
}

.et_pb_blurb_1.et_pb_blurb p {
    padding-left:0px !important;
}

.et_pb_blurb_2.et_pb_blurb p {
    padding-left:0px !important;
}

.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px !important;
}



/*GRID BUILDER FACET FILTRES*/
.wpgb-facet ul .wpgb-button {
    opacity:1 !important;
    border:none !important;
    font-family: 'courrier-new',Helvetica,Arial,Lucida,sans-serif !important;
    color : white !important;
    text-transform: uppercase !important;
    padding-right :0px !important;
    padding-left:0px !important;
    min-height:15px !important;
}

.wpgb-facet ul .wpgb-button:focus {
    border-top:1px solid white !important;
    border-bottom:1px solid white !important;
    border-radius:0px !important;
}

.wpgb-facet .wpgb-button:focus:not(button) {
    outline-style:none !important;
}

.wpgb-facet .wpgb-button-label {
    font-size:13px !important;
}


/*RISER ROOM GRID BUILDER BUTTON*/
.wpgb-facet-1 button.wpgb-button {
    color:#e32e28 !important;
    padding: 0.5em 20px !important;
    background-color:white !important;
    border-radius: 0px 30px 30px 0px !important;
    font-family: 'courrier-new',Helvetica,Arial,Lucida,sans-serif !important;
    font-size:18px !important;
    text-transform: uppercase !important;
    font-weight:900 !important;
}

.wpgb-facet-1 button.wpgb-button:hover {
    background-color:#ecb428 !important;
}



/*BULLET POINT*/
.entry-content ul {
    list-style-image: url(/wp-content/uploads/2023/04/bullet.svg);
}


/*ESPACE BLANC SOUS ARTICLES*/
.single .post {
    padding-bottom: 0px !important;
}


.et_pb_post {
    margin-bottom: 0px!important;
}



/*PRODUCT QUANTITY*/
.et_pb_wc_add_to_cart .quantity input.qty {
    border: 0 solid #707070!important;
    width: auto;
    max-width: 34px !important;
    height: 34px !important;
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
    padding:3px !important;
}


/*MESSAGE MIS AU PANIER*/
.woocommerce .woocommerce-message {
    background: transparent; !important;
}

.woocommerce-message {
    font-size:14px !important;
    text-transform: uppercase !important;
    font-family: 'courrier-new',Helvetica,Arial,Lucida,sans-serif!important;
    margin-bottom: 0px !important;
}

.woocommerce-message a.button.wc-forward {
    border: none;
    background: #fff;
    font-size:14px !important;
    text-transform: uppercase !important;
    font-family: 'courrier-new',Helvetica,Arial,Lucida,sans-serif!important;
    color:#e32e28 !important;
    font-weight: 700!important;
}


.woocommerce-message a.button.wc-forward:hover {
    background-color:#ecb428 !important;
    color:white !important;
}




/* CART CROIX SUPPRIMER PANIER*/
.et_pb_wc_cart_products_0 a.remove {
    font-family: arial !important;
}


/* REVERSE COLONNES */
@media only screen and (max-width : 980px) {
  .dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}


/* MENU CART ICON*/
.et_pb_menu__cart-button:after {
    content: "\e015";
    padding-left:25px;
}


/*GARDER KEEP COLONNES EN MOBILE*/


/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .three-columns .et_pb_column {
        width:50% !important;
    }
}


/*CHECKOUT PAGE*/
ul.woocommerce-error {
    color:black !important;
    font-family: 'Courier-new-bold',Helvetica,Arial,Lucida,sans-serif !important;
}


/*TITRE PRODUIT FICHE PRODUIT HOVER*/
article.wpgb-card.wpgb-card-21 h3:hover {
    color:#ECB428 !important;
}

/*CHECKOUT CARD*/
.woocommerce-checkout #payment ul.payment_methods li  {
    background-color:none !important;
    font-family: 'Courier-new-bold',Helvetica,Arial,Lucida,sans-serif;
}

.et_pb_wc_checkout_payment_info #payment div.payment_box {
    border-style: none !important;
    background-color: white !important;
    font-family: 'courrier-new',Helvetica,Arial,Lucida,sans-serif !important;
}



/**MARCIO**/
/*Making Blurb vertical centered*/
.op-blurb .et_pb_blurb_content {
    display: flex !important;
    align-items: center;
}

.op-blurb .et_pb_main_blurb_image {
    display: flex !important;
    width: 65px !important; /*You can change this size if you want*/
}

.op-blurb img {
    width: 65px !important; /*You can change this size if you want*/
    height: 65px !important; /*You can change this size if you want*/
}

body .et-db #et-boc .et-l .op-blurb .et_pb_main_blurb_image,
body #et-boc .op-blurb .et_pb_main_blurb_image {
    margin-bottom:0 !important;
    padding: 0 !important;
    margin-right: 15px !important;
}

/*change toggle title border bottom and open/close icons*/
#op-toggle .et_pb_module.et_pb_toggle {
    padding: 0 !important;
}

#op-toggle h2.et_pb_toggle_title {
    padding: 20px !important;
}

#op-toggle .et_pb_toggle_open h2.et_pb_toggle_title {
    border-bottom:2px solid #E32E28;
}

#op-toggle .et_pb_toggle_content.clearfix {padding:20px;}

#et-boc #op-toggle .et_pb_toggle_close h2.et_pb_toggle_title:before {
    background:url('/wp-content/uploads/2023/04/plus.svg');
}

#et-boc #op-toggle .et_pb_toggle_open h2.et_pb_toggle_title:before {
    background:url('/wp-content/uploads/2023/04/moins.svg');
}

#et-boc #op-toggle h2.et_pb_toggle_title:before {
   right: 0 !important;
   content:"" !important;
   width: 92px;
   height: 100%;
   position: absolute;
   background-repeat: no-repeat !important;
   background-position: center !important;
margin-top:0 !important;
top:0;
}

@media all and (max-width:981px) {
    #et-boc #op-toggle h2.et_pb_toggle_title:before {
        right:10px !important;
        width:25px !important;
height: 25px;
    top: 20px;
    margin: 0 !important;
    }
    #op-toggle h2.et_pb_toggle_title {
    padding-right: 50px !important;
}
}

/*change first word color of the toggle title*/
.prev-title {
    color:#e32e28;
}

/*change color of buttons in wp-gridbuilder*/
.wpgb-card-21 a.wpgb-block-1, .wpgb-card-21 a.wpgb-block-4 {
    color: #fff !important;
}

/*change arrow in single posts*/
.single-post span.meta-nav {
    display: none;
}

.single-post span.nav-label:after {
    content: "\35";
    font-family: 'ETmodules';
    font-weight: 400;
    /* background: yellow; */
    height: 100%;
    position: ABSOLUTE;
    TOP: 50%;
    TRANSFORM: TRANSLATEY(-50%);
    line-height: 1.1em;
    margin-left: 0.3em;
}



.single-post span.nav-next {
    min-width: 158px;
}


.single-post span.nav-next a {
    width: 100%;
}

/*make list items markers align in middle*/
#et-boc ul {
  list-style-type: none !important;
  list-style-image: none;
}
#et-boc .entry-content ul li {position:relative;margin-bottom:10px;}

#et-boc .entry-content .et_pb_module ul:not(#shipping_method):not(.woocommerce-error) li:before {
  content:"";
  background:url(/wp-content/uploads/2023/04/bullet.svg);
  width:8px;
  height:20px;
  position:absolute;
background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
left:-10px;
top:4px;
}

/*remove arrow on add to cart button */
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:after {
        display:none;
}
 .woocommerce-notices-wrapper .woocommerce-message a:hover { padding-right:14px !important;}

/*make wp grid layout margin smaller on pc*/
@media all and (min-width:981px) {
    .op-grid-margin .wpgb-layout {
        margin:0 40px !important;
    }
}

/*change cards padding in mobile*/

@media all and (max-width:981px) {
    .wpgb-card-21 .wpgb-card-body,
    .wpgb-card-22 .wpgb-card-body,
    .wpgb-card-23 .wpgb-card-body{
    padding: 15px 20px !important;
}

    .wpgb-card-21 .wpgb-card-footer,
    .wpgb-card-22 .wpgb-card-footer,
    .wpgb-card-23 .wpgb-card-footer{
    padding: 0 20px 20px!important;
}

}

/*force bg change on hover */
.boutonsleft:hover,
.boutonslong:hover {
 background:#ecb428 !important;
}


/*change color of product title in card.*/
/*INSTRUCTIONS:
As you can see we are targeting card with the id 21 (.wpgb-card-21) and the product with the ID 316 (.wpbg-post-316).
You can replace the product ID with other one and change the color.*/

article.wpgb-card.wpgb-card-21.wpgb-post-316 h3 {color:#ecb428 !important;}
article.wpgb-card.wpgb-card-21 h3:hover {
    color: #E32E28 !important;
}

/*fixing button align*/
@media all and (max-width:981px) {
    .wp-grid-builder .wpgb-card-21 .wpgb-block-4 {
        float:left !important; margin-left:10px !important;
    }
}

/*change module setting when width is 1024*/
@media all and (width: 1024px) {
    #et-boc .op-1024-riser .et_pb_text {
    min-height: auto !important;
    padding: 90px 115px 0 50px !important;
}

#et-boc .op-1024-riser h2{
    font-size: 24px;
}

#et-boc .op-1024-riser p {
    font-size:18px !important;
}
    #et-boc .op-1024-riser.op-home .et_pb_text * {font-size:30px !important;line-height: 1.2em !important;}
    #et-boc .op-1024-riser.op-home .et_pb_text {padding:90px 100px 0 60px !important;}
                               }
/**/