
/* Conteneur principal */
#header-space {
	/* 
	height: 100px !important;
	*/
}
@media (min-width: 1000px) {
	#header-space {
		height: 160px !important;
	}
}
@media (max-width: 999px) {
	#header-outer {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#logo {
		margin-top: 0 !important;
    	margin-bottom: 0 !important;
	}
}


/* Menu secondaire */
#header-secondary-outer {
	z-index: 20
} 
#header-secondary-outer nav {
	margin-left: auto;
	width: fit-content;
}
	#header-secondary-outer nav:before {
		display: inline-block;
		content: "Nos boutiques en ligne";
		font-size: 16px;
		text-transform: uppercase;
		color: var(--blanc);
		font-weight: 500;
		padding: 14px 20px 10px 50px;
		background: transparent url('../images/icones/shopping_cart_white.png') no-repeat left center;
		background-size: 38px;
	}
	#header-secondary-outer nav ul.sf-menu li a {
		display: inline-block;
		border: 1px solid var(--blanc);
		border-radius: 8px;
		background-color: var(--brunclair);
		padding: 5px 12px 5px 60px !important;
		background-repeat: no-repeat;
		background-position: 10px center;
	}
		#header-secondary-outer nav ul.sf-menu li.erhard a {
			background-image: url(../images/logo--mini-erhard.png);
		}
		#header-secondary-outer nav ul.sf-menu li.burgard a {
			background-image: url(../images/logo--mini-burgard.png);
		}
		#header-secondary-outer nav ul.sf-menu li a span {
			font-weight: 500;
			font-size: 16px;
		}

.boutiques_groupe .widget .menu-menu-secondaire-container {
	width: fit-content;
	margin: 0 auto;
}
	.boutiques_groupe .widget .menu-menu-secondaire-container:before {
		display: inline-block;
		content: "Nos boutiques en ligne";
		font-size: 16px;
		text-transform: uppercase;
		color: var(--blanc);
		font-weight: 500;
		padding: 14px 20px 10px 50px;
		background: transparent url('../images/icones/shopping_cart_white.png') no-repeat left center;
		background-size: 38px;
	}
	.boutiques_groupe .widget .menu-menu-secondaire-container ul {
		display: inline-block;
		margin: 0;
	}
	.boutiques_groupe .widget .menu-menu-secondaire-container ul li {
		list-style: none;
		display: inline-block;
		margin: 0 10px 0 0;
	}
		.boutiques_groupe .widget .menu-menu-secondaire-container ul li a {
			display: inline-block;
			border: 1px solid var(--blanc);
			border-radius: 8px;
			background-color: var(--brunclair);
			padding: 5px 12px 5px 60px !important;
			background-repeat: no-repeat;
			background-position: 10px center;
		}
		.boutiques_groupe .widget .menu-menu-secondaire-container ul li.erhard a {
			background-image: url(../images/logo--mini-erhard.png);
		}
				.boutiques_groupe .widget .menu-menu-secondaire-container ul li.burgard a {
			background-image: url(../images/logo--mini-burgard.png);
		}
@media (max-width: 600px) {
	.boutiques_groupe .widget .menu-menu-secondaire-container ul li {
		margin: 0 10px 12px 0;
	}
}



/* Zone menu principal */
#top #logo {
	display: inline-block;
	z-index: 100;
	margin-top: 12px;
	margin-bottom: 12px;
	border-radius: 10px;
	background-color: var(--noir);
}
	#top #logo img {
		height: 90px !important;
		width: auto;
		border-radius: 8px !important;
	}
	#top nav > ul > li > ul.sub-menu {
	    min-width: 280px;
	}
	#top nav ul.sf-menu > li > a {
		font-size: 15px;
		text-transform: uppercase;
	}
@media (max-width: 999px) {
	#logo {
		height: 90px !important;
	}
}
@media (min-width: 1000px) {
	#top .container .row {
		height: 120px;
	}
}
@media (min-width: 1200px) {
	#top #logo {
		transform: translateY(-16px);
	}
		#top #logo img {
			height: 150px !important;
			width: auto;
		}
		#header-outer.small-nav #top #logo {
			transform: translateY(0px);
		}
			#header-outer.small-nav #top #logo img {
				height: 90px !important;
				width: auto;
			}
		nav ul.sf-menu ul.sub-menu li a {
			display: block;
			font-size: 15px !important;
			line-height: 17px !important;
		}
		nav ul.sf-menu ul.sub-menu li:not(:last-child) a {
			border-bottom: 1px solid var(--gris-fonce) !important;
		}
		nav ul.sf-menu ul.sub-menu li.current-menu-item a span {
			color: var(--brunclair) !important;
		}
		nav ul.sf-menu ul.sub-menu li:hover a span {
			color: var(--brunclair) !important;
		}	
}


#slide-out-widget-area.fullscreen .inner-wrap>.inner,
#slide-out-widget-area.fullscreen-alt .inner-wrap>.inner {
	margin-top: 0 !important;
}
.off-canvas-menu-container ul.menu li a {
    font-size: 22px !important;
    line-height: 22px !important;
}
