/*
Theme Name:     Pixel Online Création
Description:    Thème enfant de DIVI
Author:         Anthony PARIS
Author URI:     https://www.pixel-online.fr
Template:       Divi                       
Version:        1.0.0
*/

:root {
	--white: #fff;
	--grisclair: #FCFCFC;
	--rose:#FFCECB;
	--rose-btn:#e0b3b3;
	--rose-text:#cf8a78;
  }
  
  /* SCROLL */
  ::-webkit-scrollbar {
	width: 20px;
  }
  
  ::-webkit-scrollbar-track {
	background-color: var(--grisclair);
  }
  
  ::-webkit-scrollbar-thumb {
	background-color: var(--rose-text);
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background-color: var(--rose-text);
  }

/* ANIMATION */
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
		
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.pulse {
	animation: pulse 2s infinite;
}
@keyframes floating {
	0% {
	  transform: translatey(0px);
	}
	50% {
	  transform: translatey(-20px);
	}
	100% {
	  transform: translatey(0px);
	}
  }
  
  .floating {
	animation: floating 2s ease-in-out infinite;
  }

/**TEXT**/
a{
	font-weight: bold;
}
/* MOBILE ICON */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d'!important;
}
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

/**THEME (A MODIFIER)**/
/* HACK CORRECTIF ESPACEMENT BARRE LA BARRE DU HAUT EST CACH2 SUR MOBILE DONC L4ELEMENT EST POUSSE */
@media screen and (max-width: 600px) {
    div#wpadminbar {
        position: fixed;
    }
}
/* CORRECTIF BLOC DUPLIQUE Z-index */
.et_pb_sticky_placeholder {
    pointer-events: none!important;
}

/* HEADER */

div#bloc-ligne-menu div#right-header-custom{
	display: flex;
    align-items: flex-start;
    justify-content: space-around;
	max-width: 200px;
	width:35%;
}
div#bloc-ligne-menu .dwe_mini_cart .dwe_mini_cart_product_count {
	padding: 4px 6px;
    background: var(--rose);
    border-radius: 100px;
}
@media screen and (max-width:1100px) 
  {
	div#et-boc.et-boc .dle-hd-219.et_pb_menu ul#menu-header li a{
		font-weight: 500;
		font-size: 14.5px;
		letter-spacing: .5px;
	}
  }

@media (max-width:980px) {
	div#et-boc .et-l .dipl_ajax_search_active_parent, .et_pb_column.dipl_ajax_search_active_parent, .et_pb_row.dipl_ajax_search_active_parent {
    z-index: 10 !important;
}
	div.menu-header-pos{
		display: flex;
		flex-direction: column-reverse!important;
	}
	div#bloc-ligne-menu{
		z-index: 2 !important;
		border-bottom: 1px solid #f1f1f1;
	}
	div.dle-hd-219 div.et_pb_menu__logo img{
		max-height:65px!important;
	}
	div#bloc-ligne-menu div#menu-header-custom{
		width:65%;
	}
	div#bloc-ligne-menu div#right-header-custom div.dwe_mini_cart{
		margin-bottom:0;
	}
	div#et-boc.et-boc .dle-hd-219.et_pb_menu .et_pb_menu__wrap {
		justify-content: flex-end !important;
		  }
	  div#et-boc.et-boc .dle-hd-219.et_pb_menu .et_mobile_menu {
		top: 100%;
		padding: 1%;
		margin: 10px 0 0 0;
		max-height: 65vh;
		overflow-y: auto;
		overflow-x: hidden;
		}
}

@media (max-width:480px) {
	div#bloc-ligne-menu div#menu-header-custom{
		width:100%;
	}
	div#bloc-ligne-menu div#right-header-custom{
		margin-top:3px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		max-width: 100%;
		width:100%;
	}
}
/* MENU CUSTOM*/
/* MOBILE */
.dle-hd-219 .et_mobile_menu li a{
	font-size:15px!important;
	letter-spacing: 0px;
}
.dle-hd-219 .et_mobile_menu .menu-item-has-children > a:after {
	content: '+';
	display: block !important;
	  font-family: unset;
	  font-size: 16px;
	  font-weight: normal;
	  position: absolute;
	  right: 10px;
	  top: 13px;
  }
  
  .dle-hd-219 .et_mobile_menu .menu-item-has-children > .dle-hd-menu-switched-icon:after {
	  content: '-';
  }
	
  .dle-hd-219 .et_mobile_menu .menu-item-has-children > a {
	  position: relative;
  }
  
  .dle-hd-219 .et_mobile_menu .menu-item-has-children .sub-menu li {
	  display: none;
  }
  
  .dle-hd-219 .et_mobile_menu .menu-item-has-children .sub-menu .dle-hd-show-menu-items {
	  display: block;
  }
	
  .dle-hd-219 .nav li li {
	padding: 0 !important;
  }
	
  .dle-hd-219 .et_pb_menu .et_mobile_menu,
  .dle-hd-219 .et_mobile_menu {
	padding: 0 !important;
	border-width: 2px;
  }
	
  .dle-hd-219 .et_pb_menu .et_mobile_menu a,
  .dle-hd-219 .et_mobile_menu a {
	padding: 10px 13px !important;
  }
  .dle-hd-219 .et_mobile_menu li li{
	padding-left:1%!important;
  }

/* FIN MOBILE */

/* MENU DESKTOP -- IMPORTANT POUR PAGE ARCHIVE SELECTEUR TROP PUISSANT*/
@media (min-width:981px) {
	.dle-hd-219.et_pb_menu li li ul{
		top:-12px!important;
	}
	.dle-hd-219.et_pb_menu li ul.sub-menu li.menu-item-has-children>a:first-child:after {
		top:9px!important;
		right:9px!important;
	}
	.dle-hd-219.et_pb_menu li ul.sub-menu a {
		padding: 12px 8px!important;
	}
	/* Change the width of the dropdown container */
	.dle-hd-219.et_pb_menu ul.sub-menu {
		width: 300px!important;
	}

	/* Change the width of the links inside the dropdown */
	.dle-hd-219.et_pb_menu ul.sub-menu li,
	.dle-hd-219.et_pb_menu ul.sub-menu li a {
		width: 100%!important;
	}

	/* Position the second level dropdown correctly */
	.dle-hd-219.et_pb_menu .nav li li ul {
		left: 300px!important;
	}
	.dle-hd-219.et_pb_menu .nav li.et-reverse-direction-nav.change-pos li ul {
		left:auto!important;
		right:300px!important;
	}
	/* Extend dropdown links full-width */
	.dle-hd-219.et_pb_menu .nav li li {
    padding: 0!important;
    min-width: 100%!important;
	}
	.dle-hd-219.et_pb_menu .nav li li a {
		min-width: 100%!important;
	}
	.dle-hd-219.et_pb_menu .nav li li a {
		text-transform:none!important;
		font-weight:400!important;
		font-size:15px!important;
	}
	/* Change the dropdown links hover effect */
	.dle-hd-219.et_pb_menu .nav li li a {
    transition: all .3s ease-in-out!important;
	}
	.dle-hd-219.et_pb_menu .nav li li a:hover {
		background:var(--rose)!important;
		opacity:1!important;
		padding-left:28px!important;
	}
	/* Remove the dropdown border and inner spacing */
		.dle-hd-219.et_pb_menu .et-menu-nav ul.sub-menu {
		padding: 0!important;
		border-top: 0!important;
	}
	/* Move the first-level dropdown to the left */
	.dle-hd-219.et_pb_menu ul.nav > li > ul.sub-menu {
		transform: translateX(-9px)!important;
	}
	/* Add rounded corners to the dropdown container */
	.dle-hd-219.et_pb_menu .et-menu-nav ul.sub-menu, .dle-hd-219.et_pb_menu  ul.sub-menu  li a {
		border-radius:10px!important;
	}

	/* Modify the dropdown shadow */
	.dle-hd-219.et_pb_menu .et-menu-nav ul.sub-menu {
		box-shadow: 0 10px 30px -5px rgba(0,0,0,0.2)!important;
	}
	/* Add triangle arrow to the dropdown */
	.dle-hd-219.et_pb_menu ul.nav > li > ul.sub-menu:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent rgba(242, 242, 242, 0.93) transparent;
		position: absolute;
		top: -10px;
		left: 30px;
	}

	/* Move the arrow to the center */
	.dle-hd-219.et_pb_menu ul.nav > li > ul.sub-menu:before {
		left: 30%;
		transform: translateX(-30%);
	}
	/* Center-align the dropdown text */
	.dle-hd-219.et_pb_menu .sub-menu a {
		text-align: center;
	}
}
.dle-hd-219.et_pb_menu ul.sub-menu li.couleur_menu a {
	font-weight: bold!important;
}
/* SLIDE HEADER */
@media (min-width:981px) {
	div#header-slide div.et_pb_row{
		display: flex;
		align-items: center;
	}
}
div#header-slide div#video-header-content{
	margin-bottom:0;
}
/* ACTIVITE */
div.bloc_activite div.et_pb_text_inner,
div.bloc_activite div.et_pb_text_inner p {
  height: 100%;
}
div.bloc_activite div.et_pb_text_inner a {
  height: 100%;
  padding-left: 15px;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: 0.1em 0.1em 0.1em #333;
}
@media all and (max-width: 980px) {
	div#header-slide div#aside-header-content{	
		display:flex;
	}
}
@media all and (max-width: 670px) {
	div#header-slide div#aside-header-content{	
		display:block;
	}
	div#header-slide div#aside-header-content .bloc_activite_content{	
		margin-left:0!important;
		margin-right:0!important;
	}
}
/* BLOC LISTE PRODUITS */
div.dipl_woo_products_carousel_0 .dipl_single_woo_product_content {
    padding-top: 7px !important;
    padding-right: 5px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
}
div.dipl_single_woo_product_price{
	margin-top:4px;
}


/* PRODUCT */
.woocommerce section.up-sells.upsells ul li{
	display: flex;
    flex-direction: column;
}
.woocommerce section.up-sells.upsells ul li a{
	text-align:center;
}
.woocommerce div.product form.cart .variations {
	width:95%!important;
	margin-bottom: 0!important;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after {
	margin-top:-10px!important;
}
.woocommerce div.product form.cart .variations td {
    padding: 0 20px 10px 0 !important;
}
.woocommerce div.woocommerce-variation-price span.price{
	font-weight: 800;
    font-size: 1.6em;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: black;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{
	padding:6px 10px!important;
}
div.photo-product-pixel div.woocommerce-product-gallery__wrapper a{
	display:flex;
	justify-content: center;
}
.woocommerce-product-gallery__image {
    pointer-events: none!important;
}
div.woocommerce-product-gallery ol li img{
	max-width:100px!important;
}
div.photo-product-pixel div.woocommerce-product-gallery__wrapper a img {
	max-width:450px;
}
.woocommerce a.added_to_cart.wc-forward {
	display:block;
}
.woocommerce button.single_add_to_cart_button, .woocommerce-page button.single_add_to_cart_button{
	font-size:15px!important;
}
table.variations tbody tr{
	margin-bottom:10px;
}

@media all and (max-width:680px){
	.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-4 li.product,
	.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-4 li.product{
		width:100%!important;
		margin-right:0!important;
	}
}

@media all and (max-width:500px){
	div.photo-product-pixel div.woocommerce-product-gallery__wrapper a img {
		max-width:400px;
	}
	table.variations tbody tr{
		display:flex;
		flex-wrap:wrap;
	}
	table.variations tbody tr td.value{
		width:100%;
	}
	.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{
		padding:6px!important;
	}
	.woocommerce button.single_add_to_cart_button, .woocommerce-page button.single_add_to_cart_button{
		font-size:12px!important;
	}
}
	
.dle-17-related-products .related h2 {
margin-bottom: 10px;
}

.dle-17-related-products h2.woocommerce-loop-product__title, .dle-17-related-products a.woocommerce-LoopProduct-link span.price{
width: 100%;
display: block;
text-align:center;
}
.dle-17-related-products ul.products li a span.et_shop_image{
text-align:center;
}
.dle-17-related-products ul.products li a span.et_shop_image>img{
max-width:400px;
display: inline-block;
}

.dle-17-tabs ul.et_pb_tabs_controls {
background-color: #ffffff !important;
}

.dle-17-tabs ul.et_pb_tabs_controls:after {
border-top: none !important;
}

.dle-17-tabs ul.et_pb_tabs_controls li {
border-right: none !important;
margin-right: 30px;
border-top: 3px solid transparent !important;
border-bottom: none;
}

.dle-17-tabs ul.et_pb_tabs_controls li a {
padding: 12px 0 0 !important;
}

.dle-17-tabs .et_pb_tab {
padding: 40px 0 0 !important;
}

.dle-17-tabs th {
text-align: left;
padding-left: 20px !important;
}

.dle-17-tabs #reviews #comments ol.commentlist li .meta {
color: #000000;
}


.woocommerce .dle-17-tabs #reviews #comments ol.commentlist li {
box-shadow: 0 2px 18px 0 rgb(0 0 0 / 10%);
padding-bottom: 10px;
}

.woocommerce .dle-17-tabs #reviews #comments ol.commentlist li .comment-text {
padding: 20px 20px 0 0 !important;
margin: 0 0 0 120px !important;
}

.woocommerce .dle-17-tabs #reviews #comments ol.commentlist li img.avatar {
margin: 20px 0 0 20px;
}

.dle-17-tabs .comment-form {
display: flex;
flex-wrap: wrap;
}

.dle-17-tabs .comment-form .comment-notes {
order: 1;
width: 100%;
}

.dle-17-tabs .comment-form .comment-form-author {
order: 2;
width: 100%;
}

.dle-17-tabs .comment-form .comment-form-author input[type=text],
.dle-17-tabs .comment-form .comment-form-email input[type=email] {
width: 100% !important;
background-color: transparent !important;
border: 1px solid #cccccc !important;
font-size: 14px !important;
}

.woocommerce .dle-17-tabs #review_form #respond textarea {
background-color: transparent !important;
border: 1px solid #cccccc;
font-size: 16px !important;
}

.dle-17-tabs .comment-form .comment-form-email {
order: 3;
width: 100%;
}

.dle-17-tabs .comment-form .comment-form-rating {
order: 4;
width: 100%;
}

.dle-17-tabs .comment-form .comment-form-comment {
order: 5;
width: 100%;
}

.dle-17-tabs .comment-form .comment-form-cookies-consent {
order: 6;
}

.dle-17-tabs .comment-form .form-submit {
order: 7;
width: 100%;
text-align:  left !important;
}

.woocommerce .dle-17-tabs #respond .comment-form .form-submit input#submit {
color: #ffffff !important;
border: none !important;
border-radius: 0!important;
font-size: 16px!important;
background-color: var(--rose-btn) !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.dle-17-tabs .comment-form .form-submit .submit:hover {
box-shadow: 0 12px 18px -6px rgba(0 0 0 / 0.3)!important;
}

@media screen and (min-width: 768px) {
	.dle-17-tabs ul.et_pb_tabs_controls li.et_pb_tab_active {
	border-top: 3px solid var(--rose-text) !important;
	}
}

@media screen and (max-width: 768px) {
	div.listing-product-pixel div.dipl_single_woo_product_thumbnail a{
		display:flex;
		align-items: center;
		justify-content: center;
	}
	div.listing-product-pixel div.dipl_single_woo_product_thumbnail a img  {
	max-width:380px!important;
	}
}


/* PRODUIT */
#wcal_gdpr_message_block{
	display:none;
}





/* BLOC BLOG */
.dle-bl-38 .et_pb_post {
    clear: none;
    float: left;
    margin-bottom: 4%;
    width: 48%;
  	background: #ffffff;
}

.dle-bl-38 .et_pb_post:nth-child(odd) {
    margin-right: 4%;
}

.dle-bl-38 .entry-title {
    padding: 10px 20px;
    position: absolute;
    top: 50%;
    background: rgba(0, 0, 0, 0.6);
    transform: translateY(-50%);
  	width: 100%;
}
  
.dle-bl-38 .post-meta {
    margin-bottom: 10px;
    padding: 10px 20px;
}
  
.dle-bl-38 .post-content {
   padding: 0 20px 20px;
}
  
.dle-bl-38 a.more-link {
    margin-top: 10px;
    text-transform: capitalize;
}
  
.dle-bl-38 a.entry-featured-image-url {
  height: 350px;
  margin-bottom: 10px;
}
  
.dle-bl-38 a.entry-featured-image-url img {
    height: 100%;
    object-fit: cover;
}

  /* to fix display of the preview on visual builder. */ 
.et-db #et-boc .et-l .et_pb_ajax_pagination_container {
    display: flex;
    flex-wrap: wrap;
}
  
.et-db #et-boc .et-l .blogy-blog-layout-22 .et_pb_post {
    margin-bottom: 4%;
} 
  
@media(max-width: 1280px) {
.dle-bl-38 .entry-title {
      top: 40%;
      transform: translateY(-40%);
}
  
.dle-bl-38 a.entry-featured-image-url {
      height: 300px;
  }
}
  
@media(max-width: 980px) {
.dle-bl-38 .et_pb_post:nth-child(odd) {
    margin-right: 0;
}
  
.dle-bl-38 .et_pb_post {
	  margin: 30px auto;
    width: 100%;
 }
  
.dle-bl-38 a.entry-featured-image-url {
    height: 350px;
    margin-bottom: 10px;
}
  
}
  
@media(max-width: 576px) {
.dle-bl-38 .entry-title {
      top: 30px;
      transform: unset;
}
  
.dle-bl-38 a.entry-featured-image-url {
      height: 250px;
  }
}




/* BOUTON CONTACT */
@media only screen and (min-width: 981px) {
	.pulse-menu {
		animation: pulse 2s infinite;
	}
}


/* INVERSION BLOC */
@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;
	}
  }



/**BREADCRUMB**/
#page-title {
	position: relative;
	padding: 10px 0;
  }
  .breadcrumb {
	padding: 8px 15px;
	list-style: none;
	padding: 0 !important;
	overflow: auto;
	white-space: nowrap;
  }
  
  .breadcrumb > span {
	background: #e9e9e9;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 13px;
  }

/**BARRE HAUTE && MENU (A MODIFIER)**/






/**FOOTER**/



/**ARCHIVE**/
.archive div#sidebar {
display: none !important;
}
.archive.et_right_sidebar #main-content .container:before {
display: none !important;
}
.archive #left-area {
width: 100% !important;
}


/**blog**/
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 30px;
}
article > div.et_post_meta_wrapper{
	padding:20px!important;
	border-bottom:3px solid #f2f6f9;
}
article > div.et_post_meta_wrapper>h1{
	font-weight:bold;
	font-size:35px;
}
@media (max-width: 1140px) {
	article > div.et_post_meta_wrapper>h1{
		font-size:31px;
	}
}

@media (max-width: 900px) {
	article > div.et_post_meta_wrapper>h1{
		font-size:24px;
	}
}



/**CUSTOM THEME**/


/**recaptcha**/
.grecaptcha-badge {
     visibility: visible; 
    z-index: 100;
}



div#wpadminbar {
	z-index:100000;
}


/* BAS BLOG */
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
	max-width: none!important;
}
h2.jp-relatedposts-headline{
	font-weight: 700;
    font-size: 26px;
    margin: 36px auto;
    text-align: center;
}

div#jp-relatedposts{
	padding: 0 20px;
	max-width: 1650px;
    margin: 0 auto;
}
h3.jp-relatedposts-post-title{
	font-size: 18px!important;
	text-align:center;
    margin: 10px 0 0 0;
}
a.jp-relatedposts-post-a{
	font-weight: bold!important;
	text-transform: uppercase;
}
p.jp-relatedposts-post-date{
	padding-bottom:0!important;
}
div#jp-relatedposts div.jp-relatedposts-items{
	text-align:center!important
}
img.jp-relatedposts-post-img{
	text-align: center;
	border-radius:5px;
	display: inline-block!important;
	max-height: 150px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (max-width: 640px) {
	div#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	padding-right: 0px;
	}
	div#jp-relatedposts .jp-relatedposts-items-visual {
        margin-right: 0px;
    }
    div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100%;
    }
	img.jp-relatedposts-post-img{
		max-height: 160px;
	}
}

#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"] {
    width: 100%!important;
}

p#reply-title{
	font-size:20px;
}

#comment-wrap {
    padding-top: 25px;
}
#comment-wrap form input.submit.et_pb_button:hover {
    background: var(--rose-text);
}