/**
 * Theme Name: kawankosmetic
 * Template:   Divi
 */


/* Fonts si besoin */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url("https://use.typekit.net/rgp3foe.css");


/* LOGO en mode tel page attente */
@media only screen and (min-width: 200px) and (max-width: 670px) {
    div.logo-box > img {
        display: block;
        width: 50% !important;
        height: auto;
        text-align: center !important;
        margin: auto !important;
    }
}


*{  margin:0;
    padding:0;
    font-family: "roboto", sans-serif;
}

body, p, li, ul, a {
    font-family: "roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.upper {
    text-transform: uppercase;
    color: #00414F;
    font-weight: 600;
}

h1, h2, h2.baseline, .red {
    font-family: "avenir-next-lt-pro-condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1 {
    font-size: 62px;
}

h2 {
    font-size: 42px;
}

.h2-small {
    font-size: 30px !important;
}

.underline-jaune {
    font-family: "avenir-next-lt-pro-condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-bottom: 5px solid #FFD600;
}

h3 {
    font-family: "roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
}

.h3-faq h3, .et_pb_toggle_title {
    font-size: 16px;
    font-weight: 500 !important;
}

p{
    font-size: 16px;
}

.red {
    color: #A54A22;
    font-size: 20px;
}





/* /////////// MENU /////////// */

#top-menu-nav li a {
    padding-right: 35px;
}







/* /////////// PRODUITS /////////// */

.et_pb_gallery_item h3 {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0 ;
}

.product .et_pb_tab_content h2 {
    display: none;
}

.product .et_pb_tabs_controls  li a {
    font-family: "avenir-next-lt-pro-condensed", sans-serif;
    font-size: 20px !important;
    color: #000 !important;
    padding: 10px 25px;
}
.woocommerce table.shop_attributes td {
    font-style: normal;
    font-size: 16px;
}
.woocommerce-page #reviews #commentform, .woocommerce-page #review_form #respond p.form-submit {
    margin-top: 20px;
}

.woocommerce #review_form #respond .form-submit input {
    left: auto;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}
.woocommerce #review_form #respond .form-submit input:hover {
    background: #726c3d !important;
}

.panier .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 150px !important;
}




/* ///////////  BOUTONS /////////// */

.btn-fil {
    background: white;
    border: 1px solid #000;
}
.btn-fil:hover {
    background: #726C3D;
    border: 1px solid #726C3D;
}
.et_pb_button {
    font-size: 16px;
    font-weight: 500;
    padding: .5em 1.5em;
    line-height: 1.7em !important;
    background-color: white;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
}
.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: #726C3D;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
    border: 1px solid #726C3D;
    padding: .5em 1.5em;
    color: #fff;
}
.et_pb_button:hover:after {
    display: none;
}

.woocommerce a.button, .woocommerce-page a.button,
.woocommerce a.button:hover, .woocommerce-page a.button:hover {
    color: #a54a23;
    font-size: 16px;
}

.woocommerce a.button:after, .woocommerce-page a.button:after {
    line-height: inherit;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color: #7a744e !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
}


/* /////////// FOOTER /////////// */


.btn-footer {
    background: transparent;
    border: 1px solid #fff;
}
.btn-footer:hover {
    background: #726C3D;
    border: 1px solid #726C3D;
}
footer span {
    font-size: 16px;
}
.credits a {
    font-size: 14px;
}



/* /////////// RESPONSIVE /////////// */


@media screen and (min-width: 821px) and (max-width: 1140px) {
    
}


@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 20.875%;
        margin-right: 5.5%;
        margin-bottom: 2.5%;
    }
}

@media (max-width: 980px) {
    .et_pb_column {
        margin-bottom: 50px;
    }
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


@media (max-width: 768px) {
    #main-header .container, #main-header .container.et_menu_container {
        width: 100%;
        padding: 0 25px;
    }
    .home .hero .et_pb_column_0 {
        top: 35%;
    }
    #logo {
        max-height: 65%;
    }
}


@media (max-width: 480px) {
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 38px;
    }
    .home .hero .et_pb_column_0 {
        top: 30%;
    }
    .et_pb_row {
        width: 90%;
    }
    .et_pb_shop_0.et_pb_shop {
        max-height: inherit !important;
    }
    .et_pb_post h2 {
        font-size: 38px;
    }
}