/* --- Base layout --- */
body { padding-top:68px!important; }

#header { z-index:100; background-color:#fff!important; transition:all 0.5s; }
#header .menu-row { margin-bottom:-33px; }

#main-nav { font-size:1rem; position:fixed; left:0; top:0; width:100%; min-height:68px; z-index:1000; background-color:#fff!important; box-shadow:0 2px 8px rgba(0,0,0,0.1); }

/* Logos */
#logo-desktop, #logo-mobile { width:100%; height:auto; }
#logo-desktop 	{ max-width:60px; }
#logo-mobile 	{ max-width:155px; }

/* Toggle (burger) */
#nav-toggle { background:transparent!important; box-shadow:none; border:0; width:50px; position:relative; }
#nav-toggle span { right:15%; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { cursor:pointer; border-radius:1px; height:3px; 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); }

/* --- Main menu --- */
#main-nav ul { list-style:none; margin:0; padding:15px 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#main-nav ul li { padding:0; }
#main-nav ul li a { padding:.4rem 0; text-transform:uppercase; font-size:.86rem!important; color:#000000aa!important; font-weight:600; }
#main-nav ul li a:hover { opacity:.8; color:var(--vert)!important; }
#main-nav ul li a:not(:only-child)::after { content:' ▾'; }

#main-nav ul li ul li { min-width:190px; }
#main-nav ul li ul li a { padding:15px; line-height:15px; }
#main-nav .sub-menu { position:absolute; color:#000000aa!important; background-color:#fff!important; display:none; min-width:160px; margin-top:13px; z-index:99; }

.elem-1, .elem-3 { transition: all 0.4s ease; }
.elem-1 { opacity: 1; transform: translateY(0); padding: 6px 0px;}

/* --- Responsive --- */
@media (max-width:1197px) {
	#main-nav .sub-menu { position:relative; margin-top:0; }
	.elem-1 { width:60%!important; order:1; }
	.elem-2 { width:40%!important; order:2; display:flex; justify-content:end; }
	.elem-3 { width:100%!important; order:3; padding-top:7px!important; padding-bottom:10px!important; }	
	
	.menu { flex-direction:column; flex-wrap:nowrap; display:none; }
	#main-nav ul:first-of-type { flex-direction:column; flex-wrap:nowrap; display:none; } 
	
	
	#main-nav { /*width:100%;*/ margin:auto; }
	#main-nav ul { display:none; margin-bottom:0; padding:0; }
	#main-nav ul li { display:block; float:none; margin-bottom:10px; }
	#main-nav ul li a { display:block; padding:10px 15px; line-height:15px; }
	#main-nav ul li ul { margin-bottom:20px; }
	#main-nav ul li ul li { margin-bottom:0; }
	#main-nav ul li ul li a { padding:4px; font-weight:400; padding-left:30px; }

	nav#submenu { display:none!important; }
	#hero-logo, #logo-desktop { display:none!important; }


	#main-nav ul.menu { padding-top:30px!important; }
}

@media (min-width:1198px) {
	#menu-item-865, #menu-item-866, #logo-mobile { display:none!important; }
	.elem-1 { width:8.333333%!important; }
	.elem-3 { padding: 9px 0px; }
	.elem-2 { display:none; }
}




/*
.dropdown-toggle-split { padding-right:.5625rem; padding-left:.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; }

.btn-group .dropdown-toggle::after { display:none; }
.btn-group .dropdown-menu { border:none; background:#fff; box-shadow:0 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; position:absolute; right:12px; z-index:-1;
  border-style:solid; border-width:0 .5em .6em .5em; border-color:transparent;
}
.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; 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; }
*/