.GoWebTheme {
	--primary:#000000;
	--secondary:#1e1e1e;
	--tertiary:#9ec03f;
	--quaternary:#cf4a1b;
	--quinary:#f6f6f6;
	
	--text-color-primary:#323232;
	--header-color-primary:#141414;
	--text-color-secondary:#858585;
	--header-color-secondary:#434343;
	
	--header-color-dark:#ffffff;
	--text-color-dark:#ffffff;
	
	--font-primary:'Lato', sans-serif;
	--font-secondary:'Lato', sans-serif;
	--w-regular:400;
	--w-medium:500;
	--w-semibold:600;
	--w-bold:700;
	--w-xbold:800;
	--w-black:900;
}

.navbar {
	padding:1rem 0rem;
	transition: 300ms ease-in-out;
}

/* MOBILE MENU HAMBURGER */
.navbar-toggler {
	background-color: transparent;
	border: none;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/* NAV SPACING */
.navbar-brand {
	margin-right:3rem;
}
ul.navbar-nav.topLevel {
	margin-left: 0px;
}
li.nav-item {
	margin-right:2.6rem;
}

.dropdown-toggle {
	position:relative;
}
.dropdown-toggle:after {
    content: 'chevron_right';
    font-family: 'Material Icons';
    vertical-align: middle;
    margin-left: 0.25rem;
	border:none;
}
.dropdown.show .dropdown-toggle:after {
    content: 'expand_more';
    font-family: 'Material Icons';
    vertical-align: middle;
    margin-left: 0.25rem;
	border:none;
}

/* LOGO HOVER */
.navbar-brand a:hover {
	opacity:100%;
	text-decoration:none;
}

/* NAV COLORS */
.navbar-light .navbar-nav .nav-link {
    font-size: .875rem;
    font-weight: var(--w-bold);
	color: var(--quinary);
	padding:0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show>.nav-link {
	color: #cccccc;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {
    font-size: .875rem;
    font-weight: var(--w-bold);
	color: #a2a2a2;
}

/* MOBILE NAV & DROPDOWN */
@media (max-width: 991px) {
	.navbar-light .navbar-nav .nav-link {
    	font-size: 1rem;
	}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {
		font-size: 1rem;
	}
	.navbar-light .navbar-nav .dropdown-menu .nav-link {
		font-size: .9rem;
	}
	.navbar-light .navbar-nav .dropdown-menu .active>.nav-link, .navbar-light .navbar-nav .dropdown-menu .nav-link.active, .navbar-light .navbar-nav .dropdown-menu .nav-link.show {
		font-size: .9rem;
	}
	#dnnMenu {
		margin-bottom:.5rem;
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show>.nav-link {
		color:var(--quinary);
	}
	#GoWebNav {
		position: absolute;
		top: 5.5rem;
		z-index: 999;
		background-color: #212121;
		width: 100%;
		padding: 20px;
		border-radius: 1.5rem;
	}
	#dnnMenu .dropdown-menu {
		background-color: transparent;
		border: none;
		padding: 0;
		margin:.5rem 0 .5rem 1rem;
	}
	li.nav-item {
		margin-right:0;
		border-bottom:1px solid #313131;
		padding:.8rem 0;
	}
	li.nav-item .dropdown-menu .nav-item {
		border-bottom:none;
		padding:.8rem;
	}
	li.nav-item:last-child {
		border-bottom:none;
	}
	li.nav-item.dropdown.dropdown.show {
    	padding-bottom: 0;
	}
	#dnnMenu .dropdown-menu .nav-link {
		color:#cccccc;
		}
	#dnnMenu .dropdown-menu .nav-item:last-child .nav-link {
    	margin: 0rem;
		}
	.GoWebTheme .sign-up-button.btn-tertiary {
		width: 100%;
	}
}

/* DESKTOP ONLY STYLES */
@media (min-width: 992px) {
	.navbar-expand-md .navbar-nav {
		flex-wrap: wrap;
	}
	#dnnMenu .dropdown-menu {
		background-color: var(--quinary);
		border-radius: .5rem;
		padding: .75rem 1rem;
		border: none;
		top:2rem;
		margin:0;
		box-shadow:2px 2px 4px rgba(0, 0, 0, 0.18);
		transition:all .5s;
		transform-origin: top center;
		transform: scale(1,0);
		display: block;
		}
	#dnnMenu .dropdown-menu.show {
		transform: scale(1);
		}
	#dnnMenu .dropdown-menu .nav-link {
		color:var(--primary);
		margin:0rem 0rem .5rem;
		text-transform:none;
		}
	#dnnMenu .dropdown-menu li.nav-item {
		margin-right:0;
		border-bottom: 1px solid #e7e7e7;
    	padding-top: 0.4rem;
	}
	#dnnMenu .dropdown-menu li.nav-item:first-child {
		padding-top: 0;
	}
	#dnnMenu .dropdown-menu li.nav-item:last-child {
		border-bottom: none;
	}
	#dnnMenu .dropdown-menu .nav-item:last-child .nav-link {
    	margin: 0rem;
		}
}
