/* ==============================
menu.css
---------------
Developed By: NetKi Pty Ltd
Web: 	www.netki.com.au
Email: 	contact@netki.com.au
Phone: 	1300 557 849
Copyright (c) 2015 NetKi Pty Ltd
============================== */

/* General Layout
------------------------------ */
ul.nav
{
    margin: 10px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    list-style: none;
	float: left;
}

ul.nav li
{
    display: inline;
    margin: 0px 0.5em 0px 0.5em;
    padding: 0px 0px 0px 0px;
    font-family: 'Sectra Regular', sans-serif;
    list-style: none;
}

/* General Menu Items
------------------------------ */
ul.nav li a, a.face-o-mat-link:link, #logo:link, #back-to-store:link, a.mobile-title:link, a.face-o-mat-link-mobile:link, .mobile-nav li a

{
    color: #000000 !important;
    text-decoration: none;
	font-style: inherit;
	font-weight: normal;
	background-color: inherit;
	border-bottom: none;
    text-shadow: none;


}

ul.nav li a:hover, ul.nav li.current-menu-item a, a.face-o-mat-link:hover, #logo:hover, #back-to-store:hover, a.mobile-title:hover, a.face-o-mat-link-mobile:hover, .mobile-nav li a:hover
{
    color: black !important;
    /* font-style: italic; */
	background-color: inherit;
	border-bottom: none;
    text-shadow: 0px 0px 3px yellow;


}

ul.nav li a {
    text-transform: lowercase;
    font-size: 21px;

}

/* First Level Specific
------------------------------ */
ul.nav > li
{
		margin: 0px 0.4em 0px 0.4em;
}


@media screen and (max-width: 1010px)
{


}


@media screen and (max-width: 927px)
{
	a#logo, ul.nav li a, a.face-o-mat-link {
    	/* font-size: 21px; */

}
	a.face-o-mat-link
	{
		left: 63%;
	}
}

@media screen and (min-width: 760px) and (max-width: 927px) {

	a.face-o-mat-link
	{
		left: 65%;
	}
}
@media screen and (min-width: 927px) and (max-width: 1120px) {

	a.face-o-mat-link
	{
		left: 65%;
	}
}

@media screen and (max-width: 750px)
{

	a.face-o-mat-link,
	.net-links,
    a#logo,
    #nav
    {
        display: none;
	}

	a.mobile-title, ul.mobile-nav li a, a.face-o-mat-link-mobile {
    font-size: 22px!important;
}

}


@media screen and (max-width: 380px)
{
	ul.nav li
	{
		margin-left: .5em;
		margin-right: .5em;
	}
}