/*
Theme Name: storefront child 01
Description: Theme enfant de strorefront
Author: Dobeuliou
Author URI: https://www.dobeuliou.com
Template: storefront 
Version: 0.1.0
*/

/*
When creating a child theme using Storefront, you only require a blank function.php file and a style.css file to start the process.
*/
@charset "utf-8";
/* CSS Document */

.woocommerce-active .site-header .site-search {
    display: none !important;  /*pour le pas afficher le moteur de recherche dans le header */
}
.site-header{
	background-color: rgba(255,255,255,0.0);
	border-bottom:5px #bcd643 solid;
}
.woocommerce-breadcrumb{
    display:none !important;
	background-color: rgba(255,255,255,0.4);
	padding:0.1em 1%;
}
.site-main {
    background-color: rgba(255,255,255,0.8) !important;
	border:2px #bcd643 solid;
	padding:15px 2%;
	font-size:1.1em;
}
.site-header-cart .cart-contents {
    padding: 0.5em 5%;
    background-color: rgba(255,255,255,0.7);
	border-radius:10px;
}

.site-footer {
    background-color:rgba(255,255,255,0.3);
	border-top:2px #bcd643 solid;
	color: #333;
}

/* supersized */
#supersized_overlay{
	/*display:none; ne pas afficher les petits points noirs ... */
}
.enss-container{/* navigation supersized */
	display:none;
}



/* DobeulNav ***************************************/
.main-navigation ul{
	margin:0px;
	padding:0px;
}
.primary-navigation > ul.nav-menu > li > a{
    font-family: 'Alegreya Sans', sans-serif;
	color: #fff !important;
	background-color:#666;
    display: block;
	box-sizing:border-box;
	text-align:center;
    font-size: 20px;
	line-height:10px;
	font-weight:700;
    padding: 20px 15px;
	overflow:hidden;
    text-decoration: none;
	border:#bcd643 solid;
	border-width:1px 4px 0px 8px !important;
	border-radius:40px 20px 0px 0px;
	transition:all 0.5s;
}
.primary-navigation > ul.nav-menu > li:first-child{
}
.primary-navigation > ul.nav-menu > li:hover > a{
    color: #000;
	background-color:#bcd643;
	border-radius:3px 3px 0px 0px;
}

.primary-navigation > ul.nav-menu > li > ul.sub-menu {
    	display:block;
		box-sizing:border-box;
		border-radius: 0px 30px 0px 0px;
		background-color:#fff;
		border:4px #bcd643 solid;
    	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);
    left: -9999px;
    overflow: hidden;
    padding:0px;
    position: absolute;
    top: -9999px;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
	
}
	
.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu,
.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu.ouvert {
		left: 0px;
		top: 48px;
		width: 300px;
		z-index:2000;
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
	
	.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu > li.menu-item {
		box-sizing:border-box;
		width: 100%;
		padding:0px;
		margin-top:5px;
	}
	.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu > li.menu-item:last-child {
		margin-bottom:5px;
	}
	.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu > li.menu-item > a{
		display:block;
		box-sizing:border-box;
		width: 100%;
		padding:2px 3% !important;
		color:#666;
		text-decoration:none;
		font-size:17px;
	}
	.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu > li.menu-item > a:hover,
	.primary-navigation > ul.nav-menu > li:hover > ul.sub-menu > li.menu-item > a:focus,
	#dobeulNav li ul.subs li > a.dobeulmenuSelect{
		background-color:#bcd643;
		color:#000;
		text-decoration:none;
	}
/* fin DobeulNav ***************************************/
.dobeul-divFooterCredit{
	display:flex;
	width:100%;
	justify-content: space-between;
}
	.dobeul-divFooterCredit > .dobeul-divCopyright{
		width:40%;
		text-align:left;
	}
	.dobeul-divFooterCredit > .dobeul-divRealisation{
		width:40%;
		text-align:right;
	}
	.dobeul-divFooterCredit > .dobeul-divRealisation img{
		display:inline-block;
		margin:0px 5px;
		width:auto;
		height:auto;
		border-radius:0px;
	}