/* ==============================
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
------------------------------ */
body.page-home #nav ul li a
{
	color: white;
}

/* General Menu Items
------------------------------ */
ul.nav
{
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.nav li
{
	display: inline-block;
}

ul.nav li a
{
    display: block;
    margin: 0px 1em 8px 0;
    padding: 0px 0px 0px 0px;
    font-family: 'Josefin Sans', sans-serif;
    list-style: none;
		color: grey;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 0.9em;
		font-weight: 600;
		-webkit-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
			 -moz-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
				 -o-transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
						transition: all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.no-touch ul.nav li.menu-item-object-page > a:hover
{
	-webkit-transform: scale(1.1);
	-moz-transform:    scale(1.1);
	-o-transform:      scale(1.1);
	-ms-transform:     scale(1.1);
	color: black;
}

body.page-home #nav .sub-menu li:hover > a, .no-touch ul.nav li:hover > a, .no-touch ul.nav li:active > a
{
	-webkit-transform: scale(1.1);
	-moz-transform:    scale(1.1);
	-o-transform:      scale(1.1);
	-ms-transform:     scale(1.1);
}

ul.nav li.current-menu-item a, ul.nav li.current_page_parent > a, .sub-menu li:hover > a
{
    color: black;
		-webkit-transform: scale(1.1);
		-moz-transform:    scale(1.1);
		-o-transform:      scale(1.1);
		-ms-transform:     scale(1.1);
}

ul.nav ul
{
	display: none;
}

.no-touch ul.nav li:hover ul, .no-touch ul.nav li:active ul
{
	display: block;
}

ul.sub-menu
{
	position: absolute;
	padding: 2vh 0 0 0;
}

.no-touch ul.nav li.current_page_parent ul
{
	display: block;
}


@media screen and (max-width: 660px)
{
  ul.nav li a
	{
		font-size: .8em;
    letter-spacing: 1px;
	}
	body ul.nav li
	{
		  margin-bottom: 8px;
	}
}