/*
 Theme Name:   divi-enfant-les-bains
 Theme URI:    http://LESBAINSREVELATEURS.COM
 Description:  A Child Theme built for Divi
 Author:       Christophe GLAUDEL
 Author URI:   http://digipicture.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
Theme Name: Divi Enfant par chris
Template: Divi
@import url(../Divi/style.css);
*/


/* ------------------------------------------------ */
/* - SLIDESHOW PLEIN ECRAN EN HOME     			- */
/* - css perso mon-slider-home     base			- */
/* ------------------------------------------------*/
/* - Manually Set Slider Height 					 */
/* ------------------------------------------------ */
@media only screen and ( min-width:866px ) {
/*These values stay the same.  Just modify the height to suit your needs.*/
.mon-slider-home, .mon-slider-home .et_pb_container {
height: 650px !important;
}
/*.et_pb_slide becomes .et_pb_slides. Note the plural.*/
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 650px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
/*Add basic responsive coding to .et_pb_active_slide, which controls what happens to the image.*/
.et_pb_active_slide {
width: 100%;
height: auto;
}
}

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

.mon-slider-home, .mon-slider-home .et_pb_container {
height: 700px !important;
}
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 700px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_slides .et_pb_bg_layout_dark {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
.et_pb_active_slide {
width:100%;
height: auto;
}
}

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

.mon-slider-home, .mon-slider-home .et_pb_container {
height: 565px !important;
}
.mon-slider-home, .mon-slider-home .et_pb_slides .et_pb_bg_layout_dark {
max-height: 565px !important;
}
.mon-slider-home .et_pb_slide_description .et_pb_bg_layout_dark .et_pb_slides {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}

.et_pb_active_slide {
width:100%;
height: auto;
}
}


/* ------------------------------------------------ */
/* - Page artiste marge entre blocs noms artistes - */
/* ------------------------------------------------ */
.page-id-30 .pt-cv-tao {
/* espace entre les artistes page ID =30 */
margin-left: 5px;
margin-right: 5px
}

/* ------------------------------------------------ */
/* - Divi menu                                  - */
/* ------------------------------------------------ */

#main-header #top-menu li.current-menu-item > a {
color: #FF0000 !important;
}
/* -Divi menu ----espacement entre elements du menu primaire----------- */
ul#top-menu li.menu-item:not(:last-child) {
    padding-right: 50px !important;
}
#et_top_search {
    margin-left: 50px !important;
}
/* -----espace entre les sous menus-------- */
.nav li ul {
    padding: 0px;
}
/* -----marge du sous-menu--------- */
#top-menu li li a {
    padding: 6px 6px
}

/* ------------------- Divi ----------------------- */
/* - virer les metas des projets Skills et date   - */
/* ------------------------------------------------ */
.et_project_meta {
display: none;
}

/* ------------------------------------------------ */
/* - Divi Colonne align verti : classe css        - */
/* ------------------------------------------------ */
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* ------------------------------------------------ */
/* - styles de divi central                       - */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* - retrait des barres menu pour afficher la     - */
/* - lightbox de essentialGrid par dessus         - */
/* ------------------------------------------------ */

#main-header {
	z-index: 99997;
}
#top-header {
z-index: 99996;
}
/*Lightbox essential grid au dessus de menubar*/
.esgbox-overlay {z-index: 99998 !important}
.esgbox-wrap {z-index: 99999 !important}

/* ------------------------------------------------ */
/* - taille nom de auteur vue shop grille         - */
/* ------------------------------------------------ */
.wb-posted_in {
    font-size: 0.9em;
    text-align: center;
}

/* ------------------------------------------------ */
/* - WOOCOMMERCE                                  - */
/* ------------------------------------------------ */
/* Change WooCommerce "Remove this item" Icon */
/* Original call was --> content: "\f057"; */
/* Original call was --> color: #e2401c; */
/* Just replacing the Unicode...: */
/*.woocommerce a.remove .product-remove: {
     content: "\f1f8";
     color: #222222;
}
*/


/* ------------------------------------------------------ */
/* - WooCommerce: Je retire il y a 1-X affiché a gauche- */
/* ------------------------------------------------------
.woocommerce-result-count {display: none;}*/

/* ------------------------------------------------ */
/* WooCommerce couleur fond bouton acquerir          */
/* dans le cas des variations non renseignées 	  */
/* ------------------------------------------------ */

.woocommerce #respond INPUT#submit.alt.disabled, .woocommerce #respond INPUT#submit.alt.disabled:hover, .woocommerce #respond INPUT#submit.alt:disabled, .woocommerce #respond INPUT#submit.alt:disabled:hover, .woocommerce #respond INPUT#submit.alt:disabled[disabled], .woocommerce #respond INPUT#submit.alt:disabled[disabled]:hover, .woocommerce A.button.alt.disabled, .woocommerce A.button.alt.disabled:hover, .woocommerce A.button.alt:disabled, .woocommerce A.button.alt:disabled:hover, .woocommerce A.button.alt:disabled[disabled], .woocommerce A.button.alt:disabled[disabled]:hover, .woocommerce BUTTON.button.alt.disabled, .woocommerce BUTTON.button.alt.disabled:hover, .woocommerce BUTTON.button.alt:disabled, .woocommerce BUTTON.button.alt:disabled:hover, .woocommerce BUTTON.button.alt:disabled[disabled], .woocommerce BUTTON.button.alt:disabled[disabled]:hover, .woocommerce INPUT.button.alt.disabled, .woocommerce INPUT.button.alt.disabled:hover, .woocommerce INPUT.button.alt:disabled, .woocommerce INPUT.button.alt:disabled:hover, .woocommerce INPUT.button.alt:disabled[disabled], .woocommerce INPUT.button.alt:disabled[disabled]:hover
{
	background-color: #727272;
}

/* ------------------------------------------------ */
/* liste WooCommerce archive Liste police et style  */
/* ------------------------------------------------ */
.woocommerce UL.products LI.product H3, .woocommerce-page UL.products LI.product H3
{
	padding: 0.3em 0;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: "Raleway" !important;
	text-align: center;
	line-height: 1.4;
}

/* ------------------------------------------------ */
/* Change WooCommerce "Remove this item" Icon Color */
/* ------------------------------------------------ */
#footer-widgets .footer-widget li a:hover {
	color: rgba(0, 0, 0, 0.7);
}
/* ------------------------------------------------ */
/* - BRAND Affiche artiste centre sur page shop   - */
/* - ne sert plus car deplace , nest plus actif   - */
/* ------------------------------------------------ */
.wb-posted_in {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    font-weight: bold;
    text-align: center;
}
/* ------------------------------------------------ */
/* - 			Page Artistes by Woo-brand	   - */
/* - 				NON UTILISE FEV 2017		   - */
/* ------------------------------------------------ */
/* - Police menu deroulant Woo-brand   - */
#pw_brand_category_filter.pw_brand_category_filter
{
	font-weight: bold;
	font-family: "Raleway" !important;
	, Helvetica, Arial, Lucida, sans-serif;
	font-style: normal;
	font-variant: normal;
}
/* - liste alpha HautdePages et initiales Woo-brand   - */
.wb-wb-allview-letters, .wb-allview-title
{
	font-weight: bold;
	font-family: 'Taviraj', serif !important;
	font-style: normal;
	font-variant: normal;
}
UL.brands_index LI A, UL.brands_index LI SPAN
{
	border: none;
	text-transform: uppercase;
	font-family: 'Playfair display', serif;
	font-size: 1.3em;
	font-weight: 300;
}

/* ------------------------------------------------ */
/* - Centre prix et la marque injectee   		  - */
/* - via function sur liste dans la boucle 		  - */
/* ------------------------------------------------ */
.price {
	text-align: center;
}
.custom-loop-brands
{
	font-family: "Raleway",
	Helvetica,
	Arial,
	Lucida,
	sans-serif;
	font-style: normal;
	font-variant: normal;
	text-align: center;
}
/* ---Nom sur fiche produit --------------------------------------- */
.product_title.entry-title
{
	font-family: "Raleway" !important;
	font-size: 1.9em;
	font-style: normal;
	font-variant: normal;
}
/* ---Change WooCommerce change couleur de "en stock" ----------------- */
.in-stock {
	color: #3E2727 !important;
}

/* -------------------------------------------------- */
/* - WooCommerce ajout liseret autour des produits  - */
/* - Att. cela modifie aussi la page single-product - */
/*        et les tables de presentation des         - */
/*      produits en archive .shipping-taxable       - */
/* -------------------------------------------------- */
.ul.products {
	border: 10px solid #000;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
}


/* ------------------------------------------------ */
/* -      BORDER TO SINGLE PRODUCT IMAGES         - */
/* ------------------------------------------------ */
.single-product div.product .images .woocommerce-main-image img {
  border:2px solid #F7F7F7;
}

/* ------------------------------------------------ */
/* - retirer légende lightbox en haut de l'image  - */
/* -        en double au dessus du visuel         - */
/* ------------------------------------------------ */
div.pp_woocommerce div.ppt { display: none !important;}

.singular div.pp_woocommerce div.ppt {
opacity: 0 !important ;
}
div.wb-posted_in {
    display: none;
}

/* ------------------------------------------------ */
/* - WISHLIST WOOCOMMERCE  icon personalisee      - */
/* ------------------------------------------------ */

	#wl-wrapper .wl-add-link.star {background:url('../../themes/divi-enfant-les-bains/wishlist-visuels/star.png') no-repeat 0 0 !important;padding-left:20px !important;}
	#wl-wrapper .wl-add-link.present {background:url('../../themes/divi-enfant-les-bains/wishlist-visuels/present.png') no-repeat 0 0 !important;padding-left:20px  !important;}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	#wl-wrapper .wl-share-links a {background-image:url('../../themes/divi-enfant-les-bains/wishlist-visuels/wl-share-icons@2x.png'); background-size: 16px 64px;}
	#wl-wrapper .wl-add-link.star {background-image:url('../../themes/divi-enfant-les-bains/wishlist-visuels/star@2x.png'); background-size:16px 16px; }
	#wl-wrapper .wl-add-link.present {background-image:url('../../themes/divi-enfant-les-bains/wishlist-visuels/present@2x.png'); background-size:16px 16px; }
}

	#wl-wrapper .wl-share-links a {display:block;width:16px;height:16px;background:url('../../themes/divi-enfant-les-bains/wishlist-visuels/wl-share-icons.png') no-repeat 0 0;text-indent:-9999px;}

/******************* GRID IMAGE LAYOUT *******************/
/*                       ANIMATION                       */
/*********************************************************/

/******* From Bottom *******/
.bottom-animated.et-animated {
  opacity: 1;
  -webkit-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -moz-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -o-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
}

/******************* GRID IMAGE LAYOUT *******************/
/*                    MODE RESPONSIF                     */
/*********************************************************/
/******* Mobile Device *******/
@media only screen and (max-width: 1023px) {
.cta_custom {
    top: 5px !important;
    position: relative;
}
}
/******* Desktop *******/
@media only screen and (min-width: 1024px) {
.cta_custom {
    top: 35px !important;
    position: relative;
}
}
/******* Large Screen, Mac 24' ---> *******/
@media only screen and (min-width: 1600px) {
  .cta_custom.et_pb_promo {
    padding-top: 18% !important;
  }
}

/******************* GRID IMAGE LAYOUT *******************/
/*                 SOCIAL MEDIA CONTACT                  */
/*********************************************************/
.social_media_custom_1.et_pb_social_media_follow {
    right: 75% !important;
}

.social_media_custom_2.et_pb_social_media_follow {
    right: 50% !important;
}

.social_media_custom_3.et_pb_social_media_follow {
    right: 25% !important;
}

.social_media_custom_4.et_pb_social_media_follow {
    right: 0 !important;
}

.social_media_custom_1, .social_media_custom_2, .social_media_custom_3, .social_media_custom_4 {
    margin-bottom: 0px  !important;
    background-color: #01d6c4;    /* <-------- Customize here the Background-color */
    padding: 5px 5px 0px 15px !important;
    position: absolute ;
    bottom: 0 !important;
}


/* ------------------------------------------------ */
/* - 					Home Page 			  	  - */
/* ------------------------------------------------ */

/*----------Super Slim Bloom Optin Form HOME ----------*/
/* regle couleur de fond des champs */
.slim-optin-form .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input INPUT { padding: 10px !important; background-color: #e5dee8;}
/* regle le padding pour le contenu */
.slim-optin-form .et_bloom_form_container .et_bloom_form_content { padding: 0px !important; }
/* Hide the header area */
.slim-optin-form .et_bloom_form_container .et_bloom_form_header { display: none !important; }
/* Set the font size of the optin text module */
.slim-optin-text { padding-top: 18px !important; }
/* Set the margin for the optin form module */
.slim-optin-form { margin: 0px 0; }
.slim-optin-form .et_bloom_inline_form { margin: 10px 0 !important; }
/* Add a little padding for smaller screens */
@media only screen and (max-width: 1110px) { .slim-optin-form { margin-bottom: 25px; margin-top: 0px; } }
/* Set the font colour for the sucess and error messages */
.slim-optin-form h2.et_bloom_success_message, h2.et_bloom_error_message { color: #888 !important; }
/* Set the border radius for the sucess and error messages */
.slim-optin-form .et_bloom_form_container h2.et_bloom_error_message, h2.et_bloom_success_message { border-radius: 0px !important;
}
/* Hide the checkmark on success message */
.slim-optin-form .et_bloom_success_container.et_bloom_animate_success span.et_bloom_success_checkmark { display: none; }



/*******************     ATTENTION     *******************/
/*             ce qui suit n'est plus utilisé            */
/*********************************************************/

/* ------------------------------------------------ */
/* - WOO BRANDS    plus utilisé depuis mars 2017  - */
/* ------------------------------------------------
.wb-allview-style1 .wb-allview-title {margin-bottom: 10px;
	font: 2em "Taviraj", Georgia, Times New Roman, Times, serif;
}
	.wb-allview-lettercnt a {
		font: 15px/35px "Taviraj", Georgia, Times New Roman, Times, serif;
}
*/
/****************WOO BRAND Styles page auteurs ***** dans Divi
.wb-allview-style3 .wb-allview-cat-cnt .wb-allview-title .wb-wb-allview-letters {
    font-size: 30px;
    font-weight: bold;
    font-family: "Taviraj", Georgia, Times New Roman, Times, serif;!important;
    color: #000;
    margin-bottom: 10px;
}
*/