/*
 Theme Name:   Somone Keur Bassin
 Theme URI:    https://sbouachari.com
 Description:  Thème de Somone Keur Bassin
 Author:       Sbouachari
 Author URI:   http://sbouachari.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
div#cover > span.et_pb_image_wrap {
    
    width: 100%;
   
}
span.author.vcard a {
    cursor: pointer;
    pointer-events: none;
}

div#cover>span.et_pb_image_wrap>img {
   object-fit: cover; 
    width: 100%;
    height: 100% !important; 
    max-height: 800px; 
}

.pa-image-gallery-1-1 .et_pb_gallery_image {
 padding-top: 100%;
  display: block;
}

.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  object-fit: cover !important;
}

div#promesse >div>div>ul>li>a>span>img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    position: relative;
    float: left;
    width: 50% !important;
    margin-right: 20px !important;
    padding-right: 20px;
}

#menu-menu-principal li.current-menu-ancestor > a {
    color: #e02b20!important;
}
#cmplz-document {
    font-size: 14px;
    margin-top: 0;
    max-width: 100%;
    text-justify: inter-word;
}
#cmplz-document table tbody>tr>td {
    word-break: break-word;
}
input.wdgk_donation {
    margin-bottom: 20px !important;
    width: 100% !important;
}
.soldout {
	padding: 3px 8px;
	text-align: center;
	background: red;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 12px;
}

/*::after {
    right: auto !important;
}*/
ul#menu-menu-principal li {
    padding-right: 55px;
}
#mobile_menu1, #mobile_menu2 {
    overflow: scroll;
    height: 100%;
    min-height: 500px;
    height: 100%;
    overflow: auto;
}

.menu-flottant {
    width:18em; /* Largeur des items du menu*/
    float: right; /* Je veux que le menu soit à droite*/
    position:fixed; /* Le menu est fixe à l'écran*/
    z-index:9999; /* Il sera au dessus de tous les éléments*/
    top: 40%; /* Il sera à 40% du bord supérieur de l'écran*/
    font-size: 1em; /* Taille de la police*/
    line-height: 2px; /* Hauteur de ligne du menu*/
    color: #fff; /* Couleur de la police*/
    font-weight:700; /* Mettre le texte en gras*/
    text-transform:uppercase; /* Mettre le texte en majuscule*/
    right: -14em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
}
.menu-flottant ul {
    list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/
    margin: 0; /* Choix des marges internes et externes*/
    padding: 0;
}
.menu-flottant ul li {
    display:block; /* Définition des items en tant que bloc*/
    background-color: #fff; /* Couleur de fond*/
    height: 3.5em; /* Hauteur des items du menu*/
    padding: 1em 1em; /* Marges internes des items du menu*/
    position: relative; /* On leur attribut une position relative*/
    -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/
    -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/
	transition: transform .5s;
	border:1px solid;
	border-color:#000;
}
/*Couleurs de fond des items du menu*/
.menu-flottant ul li:nth-child(1) { 
	/*background-color: green;  1er item du menu*/
} 
.menu-flottant ul li:nth-child(2) { 
	/*background-color: #f46c00;  2e item du menu*/
} 
.menu-flottant ul li:nth-child(3) { 
	/*background-color: red;  3e item du menu*/
} 
/* Si vous en avez plus de 3, ajouteZ ici les mêmes lignes en remplaçant les chiffres et couleurs*/

/* Création de la transformation CSS qui permet d'afficher le menu au passage de la souris*/
.menu-flottant ul li:hover {
    -webkit-transform: translateX(-14em);
    transform: translateX(-14em);
}

/* Mise en forme des liens du menu*/
.menu-flottant ul li a {
    display:block; /* On les définit en tant que bloc*/
    color: #FFF; /* Couleur du texte*/
    text-decoration: none; /* On ne veut pas qu'ils soient soulignés par exemple*/
    position: absolute; /* On leur attribut une position absolue*/
    font-size:1em; /* Taille de la police*/
    line-height: 1.5em; /* Hauteur de ligne*/
    height:2em; /* Hauteur*/
    top:0; /* Positionnement*/
    bottom:0;
    right: 0.2em;
    margin:0 auto;
    padding:1em 1.5em;
}
  
/* Mise en forme des icônes du menu*/
  .menu-flottant ul li span,.menu-flottant ul li h3 {
    float: left;  /* On les cale à gauche */
    line-height: 1.5em; /* Hauteur de ligne */
    height:2em;
    padding-bottom: 1em;
  }  
.menu-flottant ul li h3 {
float: left;
    line-height: normal;
    /* height: 2em; */
    font-size: 180%;
    /* padding-bottom: 1em;*/
	color:#000;
  } 
.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a {
    padding-left: 10px;
    padding-right: 0px !important;
}















@media screen and (min-width: 981px) {
    .et_pb_menu__menu, .et-menu-nav, .et-menu {
        /*width: 100%!important;*/
    }
    .fullwidth-menu {
        display: flex!important;
        justify-content: center;
        align-items: stretch;
        flex-wrap: initial!important;
    }
    .et_pb_fullwidth_menu nav>ul>li {
        width: 100%;
        text-align: center!important;
    }
    .et_pb_fullwidth_menu nav>ul>li, .et_pb_fullwidth_menu nav>ul>li>a {
        display: block!important;
    }
}



/* ------------------------------*/
/* ----VERTICAL TABS LAYOUT -----*/
/* ------------------------------*/
.rv_roundTabVertical {
    border:0;
    display:flex;
}
/* --- Gets tab labels to stack --- */
.rv_roundTabVertical .et_pb_tabs_controls {
    background-color:rgba(255,255,255,0);
    display:flex;
    flex-direction:column
}
/* --- Define Tab Circles size and position --- */
.rv_roundTabVertical .et_pb_tabs_controls li {
    border-radius: 300px;
    width: 100px;
    height:100px;
    max-width: 100px !important;
    max-height: 100px !important;
    margin-bottom:45px;
    float:none;
    display:flex;
    justify-content:center;
}
.rv_roundTabVertical .et_pb_tabs_controls li a {
    color:#fff;
    padding: 25% 10% 10% 14%;
    text-align:center;
}
 
.rv_roundTabVertical ul.et_pb_tabs_controls:after{
    border:0;
}
/* --- Styles Border around the circles --- */
.rv_roundTabVertical .et_pb_tabs_controls li:after{ 
    content: '' ; 
    display: block ; 
    position: absolute ; 
    top: 0 ; 
    bottom: 0 ; 
    left: 0 ; 
    right: 0 !important; 
    border-radius: 300px ; 
    border: 1px dashed #8C9CAE ; 
    margin:-7px;
}
.rv_roundTabVertical .et_pb_tabs_controls li:last-child:not(.et_pb_tab_active):before {
    display: block ; 
    position: absolute ; 
    border:0 !important;  
}
.rv_roundTabVertical .et_pb_tabs_controls >li:not(.et_pb_tab_active):before{ 
    content: '' ; 
    display: block ; 
    position: absolute ; 
    left: 50% ; 
    bottom:-40px;
    border-left: 1px dashed #8C9CAE ; 
    height:33px;
    transition:all 600ms ease-in-out;
}
.rv_roundTabVertical .et_pb_tabs_controls>li.et_pb_tab_active:before{ 
    content: '' ; 
    display: block ; 
    position: absolute ; 
    right: -26px ; 
    top:30px;
    border-left: 1px solid #8C9CAE ; 
    height:39px;
    transition:all 600ms ease-in-out;
    transform: rotate(90deg);
    }
 
.rv_roundTabVertical .et_pb_all_tabs{
    border-left: 1px solid #8C9CAE;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    display: flex;
    margin: auto;
    margin-top: 0;
    margin-left: 43px;
    height: 100%;
    flex: 1;
    min-height: 60vh;
    box-shadow: 0 40px 100px #ccc;
    -webkit-box-shadow: 0 40px 100px #ccc;
    -moz-box-shadow: 0 40px 100px #ccc;
    -o-box-shadow: 0 40px 100px #ccc;
}

/* ------------------------------*/
/* ----FIN VERTICAL TABS LAYOUT -----*/
/* ------------------------------*/

/* ------------------------------------------------ */
/* ------ Reset Tabs styles for mobile devices ---- */
/* ------------------------------------------------ */
@media only screen and (max-width: 760px) {
/* --- Reset Circles to Default Tabs --- */
    .rv_roundTabVertical {
        border:0;
        display:unset;
    }
    .rv_roundTabVertical .et_pb_tabs_controls {
        display:flex;
        background-color:rgba(255,255,255,0);
        flex-direction:row;
        padding:0;
    }
    .rv_roundTabVertical .et_pb_tabs_controls li {
    border-radius: unset;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:0;
    }
     
    .rv_roundTabVertical .et_pb_tabs_controls li a {
    padding:2%;
    font-size:80%;
    }
    .rv_roundTabVertical .et_pb_all_tabs{
        margin-left:0;
        border-left:1px solid #ddd;
    }
    .rv_roundTabVertical .et_pb_tabs_controls  li.et_pb_tab_active:before{ 
    display: none ; 
    }
    .rv_roundTabVertical .et_pb_tabs_controls li:before{ 
        content:none;
    }
    .rv_roundTabVertical .et_pb_tabs_controls li:after{ 
        content:none;
    }
    .rv_roundTabVertical .et_pb_tabs_controls>li:not(.et_pb_tab_active):before{ 
    content: none ; 
    }
}
/* ------------------------------------------------ */
/* ------ FIN Reset Tabs styles for mobile devices ---- */
/* ------------------------------------------------ */



/*  ---------- Re-Volve Circle Tab Styles ---------- */
/* --- Centre Tab Label Text --- */
.rv_roundTab {
text-align:center
}
/* --- Set Tabs Container Background Colour  --- */
.rv_roundTab .et_pb_tabs_controls {
background-color:#fff;
}
/* --- Define Circles size and position --- */
.rv_roundTab .et_pb_tabs_controls li {
border-radius: 300px;
max-width: 130px;
max-height: 130px;
width: 130px;
height: 130px;
margin: 15px;
margin-bottom:45px;
}
/* --- Add Hover colour change effect  to tabs  --- */
.rv_roundTab .et_pb_tabs_controls li:hover {
 background-color:#e0990070;
}
/* --- Styles Border around the circles --- */
.rv_roundTab .et_pb_tabs_controls li:after{
content: '' ;
display: block ;
position: absolute ;
top: 0 ;
bottom: 0 ;
left: 0 ;
right: 0 !important;
border-radius: 300px ;
border: 1px solid #888;
margin:-7px; /* required setting  to meet connecting line */
}
/* --- Styles Connecting line --- */
.rv_roundTab .et_pb_tabs_controls li.et_pb_tab_active:before{
content: '';
display: block ;
position: absolute ;
left: 50% ;
bottom:-45px;
border-left: 1px solid #888 ;
height:38px;
}
/* ------ Reset Tabs styles for mobile devices ---- */
 /* ------ Reset Tabs styles for mobile devices ---- */
@media only screen and (max-width: 760px) {
/* --- Reset Circles to Default Tabs --- */
	.xxxxxxrv_roundTab .et_pb_tabs_controls li {
	border-radius: unset;
    max-width: unset;
    max-height: unset;
	width: unset;
    height: unset;
    margin: unset;
	margin-bottom:unset;
	}
	.rv_roundTab .et_pb_tabs_controls {
		display:flex;
		align-items: center;
  		justify-content: center;
	}
	.rv_roundTab .et_pb_tabs_controls li {
	border-radius: 300px;
    max-width: 60px;
    max-height: 60px;
	width: 60px;
    height: 60px;
    margin: 7px;
	margin-bottom:25px;
		display:flex;
		align-items: center;
  		justify-content: center;
	}
	.rv_roundTab .et_pb_tabs_controls li a {
		padding:2%;
		font-size:80%;
	}
/* --- Styles Connecting line --- */
.rv_roundTab .et_pb_tabs_controls  li.et_pb_tab_active:before{ 
    content: '' ; 
    display: block ; 
    position: absolute ; 
    left: 50% ; 
	bottom:-27px;
	border-left: 1px solid #888 ; 
	height:23px;
}
}

/* customiser WooCommerce avec Divi */

 .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page button.button.alt:hover {
     color: #fff !important;
 }

 .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
   color: #fff !important;
     background: #974df3 !important;
 }

 .woocommerce .woocommerce-message {
     color: #ffffff!important;
 }

 .entry-summary p.price ins {
     color: #fff !important;
 }

 .woocommerce span.onsale, .woocommerce-page span.onsale {
     background: #974df3 !important;
 }
button.single_add_to_cart_button.button.alt {
    color: white !important;
}
button.single_add_to_cart_button.button.alt:hover {
    color: purple !important;
}
a.button.button.wc-forward {
    color: white !important;
}
button.button {
    /*background: #974df3 !important;*/
    color: #fff !important;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 100px!important;
}

/*a.checkout-button.button.alt.wc-forward {
    background: transparent !important;
    color: #b8621b !important;
    padding: 5px 30px !important;
border: 4px double #b8621b !important;
    max-width: 70% !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.4px;
}
a:hover.checkout-button.button.alt.wc-forward {
    background: #974df3 !important;
    color: #fff !important;
}
a.button.wc-backward {
        color: #fff !important;
        padding: 5px 30px !important;
    text-transform: uppercase;
}
button.button {
    background: #974df3 !important;
    color: #fff !important;
}
button#place_order.button.alt {
    color: red !important;
}
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
    content: none !important;
}*/
a.restore-item {
    position: absolute;
    right: 20px;
    background: white;
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	.et_pb_menu__logo-wrap {
    float: left;
}
} 
.woocommerce .woocommerce-checkout .col2-set .col-1 {
    float: none !important;
    width: 100% !important;
}

p#orddd_time_slot_field {
    margin-bottom: 20px;
}
div#payment {
    background: transparent !important;
}
@media screen and (min-width: 800px) {
   
#order_review_heading, .woocommerce-checkout-review-order {
    float: right;
    width: 48%;
    background: #f8f8f8;
    /* width: 460px; */
    display: inline-block;
    vertical-align: top;
 padding: 30px; 
    position: relative;
}
.form-row-cart {
    width: initial !important;
}
.woocommerce form .form-row-last {
    margin-right: 0 !important;
}

.woocommerce-checkout .col1-set {
float: right;
width: 48%;
}

.woocommerce-checkout .col2-set {
float: left;
width: 48%;
}

#order_review_heading,
.woocommerce-checkout-review-order {
float: right;
width: 48%;
}

#customer_details .col-1{
width: 48%;
float: left;
}

.woocommerce-page .checkout .col-1,
.woocommerce-page .checkout .col-2 {
width: 100%;
}}

/*FAIRE DEPASSER LE LOGO DU MENU DE DIVI*/

/*Taille du logo sur tablette et téléphone*/
@media only screen and (max-width: 980px) {
#logo {
min-height: 150px;
}
}

/*Taille du logo sur grand écran*/
@media only screen and (min-width: 981px) {
#logo {
min-height: 200px;
}
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}