/* Parent */
.has-dropdown { position:relative }

/* Submenu - Hidden by default */
.submenu { position:absolute; top:100%; padding:0; left:0; background:var(--secondary-color); list-style:none; margin:0; min-width:330px; display:none; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); z-index:999; color:#fff; border-radius:0 0 10px 10px; box-shadow:rgba(0, 0, 0, 0.24) 0 3px 8px; overflow:hidden; padding:8px 0 }

/* Submenu items */
.submenu li a { display:block; padding:7px 19px; color:#fff; text-decoration:none; font-weight:100 }
.submenu li a:hover { background:var(--primary-color); color:#fff }
.navbar-nav { padding:0 }
.navbar-expand-md .navbar-nav .nav-link { color:#666; font-size:22px; padding:12px 13px; font-family:"Branding"; font-weight:500 }
.navbar-nav li::before { display:none }
.navbar-nav li { padding-left:0; margin-bottom:0; color:transparent; font-size:inherit; line-height:inherit }

.main-nav .nav-link.active { color:var(--primary-color) }
.nav-item:not(.has-dropdown) > .nav-link:hover { color:var(--primary-color) !important }


/*  HOVER (Desktop) */
@media (min-width:768px) {
	.has-dropdown:hover .submenu { display:block }
	.navbar-expand-md .navbar-nav .nav-item.has-dropdown:hover { background-color:var(--secondary-color); color:#fff }
	.navbar-expand-md .navbar-nav .nav-item.has-dropdown:hover a { color:#fff }
	.has-dropdown:hover .submenu { display:block }
	
	/* Mobile - click open */
	.has-dropdown.open .submenu { display:block }
}

@media (max-width:1199px) {
	.navbar-expand-md .navbar-nav .nav-link { font-size:18px }
}

@media (max-width:991px) {
	.logo-circle img { height:140px !important; width:auto }
	.logo-wrap { top:-70px }
	.navbar-expand-md .navbar-nav .nav-link { font-size:15px; padding:5px 9px }
}

@media (max-width:767px) {
	.has-dropdown.open.active .submenu { position:static; display:block }
	.submenu { display:none !important; padding-left:15px }
	
	.has-dropdown.open > .submenu { display:block !important; position:static }
	
	.logo-wrap { z-index:-1 }
	.logo-circle img { height:120px !important }
	header.top-header { background:#ececec; z-index:0; position:relative }
	.upper-header-bar { padding:5px 0 }
	.logo-wrap { top:-49px }
	.navbar-toggler img { height:20px }
	
	button[aria-expanded="true"] img { filter:invert(16%) sepia(94%) saturate(5000%) hue-rotate(350deg) }
	.submenu-toggle { cursor:pointer; font-size:20px; padding:10px }
	.submenu-toggle img { height:20px }
	.navbar-expand-md .navbar-nav .nav-item:hover, .navbar-expand-md .navbar-nav .nav-item:hover a { background-color:inherit; color:inherit }
	.submenu { color:var(--secondary-color); background-color:#bfbfbf8a; border-radius:0; box-shadow:none }
	.submenu li a { padding:5px 10px; font-weight:500; font-size:14px; color:var(--secondary-color) !important }
	.main-nav .container { padding:0 }
}