#header { position:sticky; top:0; z-index:100; background-color:#fff!important; transition:all 0.5s; }

body.page-template-default #header, 
body.post-template-default #header  { background-color:#f5ecdd!important; }
	@media (max-width:767px) {
		body.home #header { background-color:#f5ecdd!important; }	
	}

#header.bis { box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); }
#header .menu-row { margin-bottom:-33px; }

#header select { padding:0.4rem 5px!important; color:#f6a305!important; background-color:#f5ecdd!important; text-transform:uppercase; font-size:0.88rem!important; font-weight:600; border:solid 2px #5c3b28!important; box-shadow: 4px 4px 0px 0px #5c3b28!important; border-radius:8px; font-family:'nexa'; }



.logo { max-width:190px; width:100%; margin-bottom:-10px; margin-top:15px; filter:drop-shadow(0px 10px 0px #c9c6be88); }
.a-img { color:transparent!important; background:transparent!important; border:none!important; box-shadow:none!important; }

.menu-item-left 	{ width:10%!important;} /* x3  */
.menu-item-center 	{ width:20%!important;} /* x1  */
.menu-item-right 	{ width:25%!important;} /* x1  */
.menu-item-right-2 	{ width:14%!important;} /* x1  */

@media (max-width:991px) {
	#header .menu-row { margin-bottom:-40px; }
	.menu-item { margin-bottom: 10px;}
	.menu-item-left 	{ width:100%!important;} /* x3  */
	.menu-item-center 	{ width:100%!important;} /* x1  */
	.menu-item-right, .menu-item-right-2 select, .menu-item-right-2	{ width:100%!important; text-align:center;} /* x1  */
	.logo { max-width:140px; margin-bottom:-10px; margin-top:0px; filter:drop-shadow(0px 10px 0px #c9c6be88); }
    #main-nav ul { margin-bottom:60px!important; padding-top: 35px!important; }
}

#main-nav						{ width:100%; font-size:1rem;	font-weight:400; position: sticky; top:0px; z-index:99; padding-top:5px; padding-bottom:5px;}
#main-nav ul 					{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:-30px; margin-top: -15px; }
#main-nav ul li 				{ padding: 0px 10px; }
#main-nav ul li a 				{ padding:0.4rem 5px; color:#f6a305!important; background-color:#f5ecdd; text-transform:uppercase; font-size:0.88rem!important; font-weight:600; border:solid 2px #5c3b28; box-shadow: 4px 4px 0px 0px #5c3b28; border-radius:8px; font-family:'nexa'; }
#main-nav ul li a:hover { color:#ffc836!important; }

#main-nav ul li a:not(:only-child):after, #main-nav ul li a:visited:not(:only-child):after { content: ' ▾';}
#main-nav ul li a ul li 		{ min-width: 190px; }
#main-nav ul li a ul li a 	{ padding: 15px; line-height: 20px; }
#main-nav .sub-menu 				{ position: absolute; color:#fff!important; background-color:#000!important; display:none; min-width: 160px; margin-top: 13px; }



.dropdown-toggle-split 	{ padding-right: 0.5625rem; padding-left: 0.5625rem;}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after 	{ margin-left: 0; }
.dropleft .dropdown-toggle-split::before 	{ margin-right: 0; }
.menu-msw-primary-menu-photography-container, .menu-menu-container { text-align:left; }

#panier-menu 		{ box-shadow:0px 11px 10px 0px rgb(0 0 0 / 40%); border-radius:0px; transform:none!important; inset:0px 0px auto auto!important; margin-top:66px!important; }
#panier-menu-list 	{ overflow-y:scroll;	max-height:400px; }
#panier-menu-list::-webkit-scrollbar 	{ background: #fff; }
#panier-menu-list::-webkit-scrollbar-thumb, ol#scrolling-list-lfe::-webkit-scrollbar-thumb { background-color: #00000033;cursor: grab; }
#panier-menu.dropdown-menu 				{ transform: translateY(-100%)!important; transition: transform 0.3s ease-in-out; }
#panier-menu.dropdown-menu.show 		{ transform: translateY(0)!important;} 
.btn-group .dropdown-toggle::after 		{ display: none; }
.btn-group .dropdown-menu 				{ border: none; background: #fff; box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); padding:0; min-width:20rem; margin-top:20px; }
.btn-group .dropdown-menu:after,
.ftco-navbar-light .btn-group .dropdown-menu:before {content:' ';display:block;border-style:solid;border-width:0 .5em .6em .5em;border-color: ransparent;position:absolute;right:12px; z-index:-1;}
.btn-group .dropdown-menu:before 				{ top:-.6em; border-bottom-color:rgba(0, 0, 0, 0.02); }
.btn-group .dropdown-menu:after 				{ top: -.5em; border-bottom-color: #fff; color:transparent; display:none!important; }
.btn-group .dropdown-menu .dropdown-item 		{ font-size: 16px; color: rgba(0, 0, 0, 0.7); font-weight: 400; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); white-space: normal; }
.btn-group .dropdown-menu .dropdown-item:hover 	{ background-color:rgba(0, 0, 0, 0.05)!important; }
.btn-group .dropdown-menu .dropdown-item:last-child			{ border: none; }
.btn-group .dropdown-menu .dropdown-item .img 				{ width: 60px; height: 60px; position: relative; }
.btn-group .dropdown-menu .dropdown-item .text 				{ width: calc(100% - 60px); }
.btn-group .dropdown-menu .dropdown-item .text h4 			{ margin-bottom: 0; font-size: 18px; font-weight: 500; color: rgba(0, 0, 0, 0.8); }
.btn-group .dropdown-menu .dropdown-item .text .quantity 	{ color: rgba(0, 0, 0, 0.4); }
.btn-group .dropdown-menu .dropdown-item.btn-link 			{ color: #b7472a; text-transform: uppercase; font-size: 16px; font-weight: 500; }
.btn-group .dropdown-menu .dropdown-item:hover 				{ background: transparent; }



/* Mobile navigation */
.nav-mobile { display: none; height: 70px; }
#nav-toggle { position: absolute; cursor: pointer; top: 50%; right: 30%; height:40px; }
#nav-toggle span {right:50%;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor:pointer; border-radius:1px; height:5px; width:35px; background:#000; position:absolute; display:block; content:''; }

#nav-toggle span:before	 { top: -10px; }
#nav-toggle span:after	 { bottom: -10px; }
#nav-toggle.active span, #header.bis #nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg); }


@media (max-width:991px) {
	#main-nav ul li, #main-nav ul li a  { display:block; }
	#main-nav ul 					{ margin-bottom:0px; }

	
}

