/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
#main-nav {
    font-family: var(--text);
    text-transform: uppercase;
    font-weight: 800;
    background-color: var(--white);
/*    padding: 1.5rem 0 1.5rem 0; */
    padding: 5px 0;
/*    position: sticky; */
/*    position: fixed; */
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold !important;
/*    letter-spacing: -0.05em; */
    font-stretch: semi-condensed;
    top: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 6px solid var(--dgreen);
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-nav ul li a{
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold !important;
    font-stretch: semi-condensed;
}

#main-nav ul li:hover{
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold !important;
    font-stretch: semi-condensed;
}

#nav_logo{
	float: left;
	visibility: hidden;
	position: absolute;
	z-index: 1000;
/*	margin-top: -2px; */
/*	margin-left: -80px; */
	margin-left: 10px;
}

#nav_logo img {
	width: 0px;
}

#main-nav a {
    color: var(--dgrey);
}

#main-nav a:hover, #main-nav menu-current a {
    color: var(--lgreen);
}





#main-nav ul, #main-nav li ul {background: var(--white);}

@media (max-width: 960px) {
.sm-clean a span.sub-arrow {
    background: var(--dgreen);
	opacity:0.5;
}

nav {
    display: block !important;
}
}



@media (min-width: 960px) {
nav {
    display: flex !important;
}

.sm-clean a, 
.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active,
.sm-clean a.highlighted 
{
/*    padding: 12px 10px;*/
}

}



@media (min-width: 1200px) {
#nav_logo{
	margin-left: -70px;
}
}


@media (max-width: 960px) {
#nav_logo{
	float: left;
	visibility: hidden;
	position: absolute;
	z-index: 1000;
/*	margin-top: -2px; */
/*	margin-left: -80px; */
	margin-left: 10px;
}