/*
Theme Name: Divi Child for Sleepwell
Version: 1.0
Description: Child theme for Divi.
Author: Marc Linsi
Date: 03.2023
Template: Divi */
/* Ligne sous le menu invisible */
#main-header {
    box-shadow: none;
}
/* Ajuste  */
button {
    height: 55px;
}

/* Delete la date des articles de blog */
.post-meta {
    display: none;
}

.et_pb_css_mix_blend_mode_passthrough {
    padding: 30px!important;
}
/* hide UGS per product */
.sku_wrapper{
    display:none;
}

/* Champs produits fermeté/taille*/
#pa_sm-taille,
#pa_fermete-du-matelas,
#pa_ore-fermete,
#pa_so-taille,
#pa_dimensions,
#pa_type-thermique-et-saison,
#pa_ore-dimensions {
    background-color: #00183c;
    color: white !important;
    font-weight: 600;
    font-size: 0.95rem;
}

td.value {
    padding-top: 15.97px!important;
}

/* Labels texte Taille et fermeté page produit */
label[for="pa_fermete-du-matelas"],
label[for="pa_sm-taille"],
label[for="pa_so_taille"] {
    color: #00183c !important;
}

.et_pb_module_inner > h1 {
    color: #cf0724 !important;
}

/* Titre des variations (taille, dimension, etc) */
.variations > tbody > tr > th > label {
    color: #00183c !important;
}

select#pa_so-taille {
    color: white !important;
}

/* Couleurs du prix et texte en dessous / page produit */
p.price,
.et_pb_module_inner {
    color: #00183c !important;
}

input.qty,
.single_add_to_cart_button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    background-color: #00183c !important;
    color: white !important;
    font-weight: 600 !important;
}

.woocommerce-breadcrumb {
    color: #cf0724 !important;
}

.et_pb_module_inner > .related > h2,
.woocommerce-loop-product__title {
    color: #cf0724;
}

img.attachment-woocommerce_thumbnail {
    
    width: auto !important;
}

.woocommerce-form-register,
.woocommerce-form-login {
    height: 400px;
}

.form-row {
    margin-top: 20px !important;
}

.woocommerce div.product form.cart .variations td {
    padding: 15px!important;
}
/* Page connexion, labels email/mdp*/
label[for="username"],
label[for="password"],
label[for="reg_email"] {
    font-size: 1rem;
}

.active-config-button {
    background-color: #00183c !important;
}

#wpadminbar {
    background-color: #00183c !important;
}

#pa_fermete-du-matelas,
#pa_sm-taille {
    font-size: 0.9rem;
}
.woocommerce-variation-add-to-cart-enabled {
    margin-top: 20px;
}
/*Styling infos par produit (description/review)*/
.et_pb_all_tabs, .et_pb_tabs_controls {
    background-color: rgb(0, 24, 60, 0.2) !important;
}

.et_pb_tab_active {
    background-color: rgb(0, 24, 60, 0.5) !important;
}

.et-db #et-boc .et-l .et_pb_wc_tabs {
    border: 0px solid black !important;
}

/* End styling */

.product > .et-boc > * > * > .et_pb_section {
    padding: 30px;
}

a.et-cart-info {
    display: none;
}

.woocommerce-ordering {
    display: none;
}

bdi {
    font-size: 1.15rem;
    font-weight: 700;
}

.woocommerce-Price-currencySymbol {
    font-weight: 500;
}

th {
    color: #00183C!important;
}
.checkout-button{

}
#left-area{
    width: 100%;
}
#et-main-area{
    margin-top: 137px;
}

.et_pb_section{
    /*padding: 30px!important;*/
}
/* Bouton clic and sleep sur la homepage */


/* Slider 1 homepage */

/* Responsive slider1*/
@media screen and (min-width: 980px) {
    .et_pb_slider_container_inner {
        width: 50% !important;
    }

    #clic-and-sleep-homepage > h1 {
        text-align: right;
    }

    #clic-and-sleep-homepage > h1#right {
        color: #00183c !important;
        text-align: right;
        padding-right: 50px;
    }

    #clic-and-sleep-homepage > h1#left {
        color: #ce1326 !important;
        text-align: left;
        padding-left: 50px;
    }

    
}

/* end slider 1*/

/* slider 2*/
#text-slider-2 {
    text-align: left; margin-left: 290px;
}
@media screen and (max-width: 600px) {
    #text-slider-2 {
        text-align: left; margin-left: 0px!important;
    }
}

#slider-2 > img {
    height: 330px;
    float: left;
}

#slider-2 > div {
    text-align: left;
}

#slider-2 > h1 {
    color: #ce1326 !important;
    font-size: 3rem;
    font-weight: 300;
    text-align: left;
}

#slider-2 > h2 {
    color: #ffffff;
    margin-top: 30px;
}

#slider-2 > h3 {
    font-weight: 300;
}
#clic-and-sleep-homepage > h1 {
    font-size: 4rem;
    font-weight: 300;
    text-align: center;
}

button[name="apply_coupon"], button[name="update_cart"], .checkout-button, .et_pb_button  {
    background-color: #ce1326!important;
    font-size: 1rem!important;
    font-weight: 400!important;
    border: none!important;
    padding: 10px 40px 10px 40px!important;
    color: white!important;
}
/* remove footer wpml */
.otgs-development-site-front-end{
    display:none;
}
/* remove infomaniak footer */
#footer-bottom {
    display: none;
}
.et_pb_section{
    background-color: transparent;
}

/********************************************

CSS BACKGROUND

********************************************/
    /* base styles */
* {
    padding: 0;
    margin: 0;
}

.bg-gradient {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    margin-top: -80px;
}

/* background gradients layers */ /* tame background gradient */
.bg-gradient.bg-1 {
    background: radial-gradient(
            at center center,
            rgb(98, 147, 177) 0%,
            rgba(203, 226, 240, 1) 50%,
            rgba(232, 239, 242, 0) 100%
    );
    animation: around-screen 23s ease infinite;
    background-size: 200% 200%;
}

/* cyan corner top left */
.bg-gradient.bg-2 {
    background: radial-gradient(
            at top left,
            rgb(117, 185, 170) 0%,
            rgb(183, 207, 223) 50%,
            rgba(255, 255, 255, 0) 100%
    );
}

/* light redish sunrise */
.bg-gradient.bg-3 {
    background: linear-gradient(
            10deg,
            rgb(231, 187, 189) 0%,
            rgba(234, 193, 195, 0) 30%
    );
    background-size: 200% 200%;
    animation: up-down 10s ease infinite;
}

/* blue corner top right */
.bg-gradient.bg-4 {
    background: radial-gradient(
            at 100% 20%,
            rgb(29, 86, 116) 0%,
            rgb(109, 145, 166) 25%,
            rgba(255, 255, 255, 0) 50%
    );
}

/* white hightlight */
.bg-gradient.bg-5 {
    background: radial-gradient(
            rgb(255, 255, 255) 0%,
            rgba(255, 255, 255, 0) 55%
    );
    background-repeat: no-repeat;
    background-size: 200% 200%;
    animation: erratic 25s ease alternate infinite;
}

/* animations */
@keyframes around-screen {
    0% {
        background-position: 100% 100%;
    }
    25% {
        background-position: 0 100%;
    }
    50% {
        background-position: 0 0;
    }
    75% {
        background-position: 100% 0;
    }
    100% {
        background-position: 100% 100%;
    }
}

@keyframes up-down {
    0% {
        background-position: 100% 100%;
    }
    50% {
        background-position: 100% 60%;
    }
    100% {
        background-position: 100% 100%;
    }
}

@keyframes erratic {
    0% {
        background-position: 88% 91%;
    }
    20% {
        background-position: 73% 110%;
    }
    40% {
        background-position: 36% 85%;
    }
    60% {
        background-position: 71% 47%;
    }
    80% {
        background-position: 28% 16%;
    }
    100% {
        background-position: 100% 10%;
    }
}

/* media queries */
@media screen and (max-width: 980px) {

    #main-header {
        position: fixed!important;
    }

    .bg-gradient.bg-5 {
        background: radial-gradient(
                at 25% 10%,
                rgb(255, 255, 255) 0%,
                rgba(255, 255, 255, 0) 55%
        );
        background-size: 150% 150%;
    }
}

/* Suppression de la sidebar à droite sur la page des produits */
#main-content .container:before,
#main-content .container:after {
    content: none !important;
}