/* EDITOR
48 logo height
96 position of nav from bottom
168 padding of basic link
331 - max width for mobile
color scheme
#444 dark
#ee395b pink
*/

.uk-background-nav {background-color:#fff;}




ol, ul {
	list-style: none;
	padding:0;
	margin:0;
}


/* holds the whole nav */

.inner {
     padding:0;
	margin: 0 auto;
	max-width: 1200px;
		min-height:55px;

}

.relative {
	position: relative;
}

.right {
	float: right;
}

.left {
	float: left;
}



/* logo or word */


img.logo-nav {
width:100%;
max-width:100px;
height:auto;
display: inline-block;
font-size: 0;
padding-top:0;
}


.uk-logo-word {
font-size: 1em;
display: inline-block;
font-weight:600;
margin:0 0 0 15px;
height:60px;
line-height:60px;
}



a.uk-logo-word, a.uk-logo-word:visited, a.uk-logo-word:active {
    color: #444;
    text-decoration: none;
    display:inline-block;
}


a.uk-logo-word:hover {
color:#ee395b;
text-decoration:none;
}





/* HEADER Background */
.uk-container > header {
	background-color: #fff;
	padding: 0;
	margin:0;
}




/* ///////////// DESKTOP /////////////  */





/* important - room on right for nav - overall height determined by this and padding
so if logo is 60px high, line 159 padding is 40, this should be 15*/

#navigation {
	position: absolute;
	right: 30px;
	bottom: 15px;
}




/*dont display menu toggle by default */
#menu-toggle {
display: none;
float: right;
color:#444;
width:60px;
height:60px;
text-align:center;
line-height:60px;
}


a#menu-toggle {color:#444;}





/* Just wraps all links desktop */


ul#main-menu {
	float: right;
}


/* Just wraps each link desktop */
ul#main-menu > li {
	display: inline-block;
	margin-left: 25px;
	padding: 2px 0;

}




/* Display Icon on top row + to indicate menu items  */

#main-menu > li.parent {
/* background-image: url(/site/templates/img/plusgray.png); */
	background-size: 9px 9px;
	background-repeat: no-repeat;
	background-position: 95% center;
}


/* space between word and icon  */

#main-menu > li.parent > a {
padding-right: 15px;
}





/* the primary desktop link */



#main-menu > ul > li  {
margin:0;
padding:0;
}

#main-menu > li > a {
	color: #444;
	font-size: 14px;
	margin:0;
	padding: 15px 10px 17px;
	font-weight:400;
	text-transform: none;
	text-decoration:none;
}


/* and it's rollover */

#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {
	/* color: #ee395b; */
	text-decoration:none;
	/* font-weight:600; */
}










/* ///////////// DROP DOWN MENUS /////////////  */



#main-menu li {
	position: relative;
}

/* HOW far from top menu and initial width */


ul.sub-menu { /* level 2 */
	display: none;
	left: 0px;
	top: 40px;
	padding-top: 0px;
	position: absolute;
	width: 225px;
	z-index: 9999;
	background-color:#fff;
     /* box-shadow: 0 0px 2px rgba(0,0,0,0.2); */
}

/* and relative placement of flyout menu from the left and top edge */


ul.sub-menu ul.sub-menu { /* level 3+ */
	margin-top: 0px;
	padding-top: 0;
	left: 205px;
	top: 0px;
	border-left: 1px solid rgba(0,0,0,0.04);
}





/* basic drop down menu and rollover */

ul.sub-menu > li > a {
	background-color: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.04);
	color: #444;
	display: block;
	font-size: 13px;
	line-height: 16px;
	font-weight:400;
	padding: 10px 15px 10px 10px;
}


ul.sub-menu > li > a:hover {
	background-color: #ee395b;
	color: #fff;
	text-decoration:none;
}







/* MENU DECORATIONS OFF BY DEFAULT  */



/* BORDER ON FIRST / SECOND DROP DOWN  */

ul.sub-menu > li:first-child {
	border-top: 1px solid rgba(250,250,250,0.0);
}

ul.sub-menu ul.sub-menu > li:first-child {
	border-top: 1px solid rgba(250,250,250,0.2);
}



/* ROUNDED BOTTOM ON DROPDOWN */

ul.sub-menu > li:last-child > a {
	border-radius: 0 0 0 0;
}





/* empower second flyout menu and include an icon for parents */


ul.sub-menu > li.parent > a {
/*background-image: url(/site/templates/img/hdotsgray.png);
	background-size: 9px 9px;
	background-repeat: no-repeat;
	background-position: 95% center;*/
}

#main-menu li:hover > ul.sub-menu {
	display: block; /* show the submenu */
}















/* ///////////// MOBILE MENUS BEGIN /////////////  */






/* SET YOUR MAX WIDTH HERE */


@media all and (max-width: 960px) {
.uk-container-nav-mobile {margin:0; padding:0;}


#navigation {
position: static;
margin-top: 20px;
}

#menu-toggle {
display: block;
font-size:24px;
margin:15px 15px 0 0;
}


/* Outer primary menu */

#main-menu {
display: none;
float: none;
}

ul#main-menu {
margin: 0;
padding: 0;
width:100%;
}


ul#main-menu>li {
display: block;
margin-left: 0;
padding:0;
}



#main-menu > li:last-child {
border-bottom: 1px solid rgba(0,0,0,0.04);

}






/* Primary links */

ul#main-menu > li > a {
background-color: #fff;
border-top: 1px solid rgba(0,0,0,0.04);
color: #444;
display: block;
font-size: 14px;
font-weight:600;
text-transform:uppercase;
padding: 10px 15px !important;
}

/* Primary links hover */

ul#main-menu li > a:hover {
background-color: #ee395b;
color:#fff;
}



/* Nested menus */


ul.sub-menu {
display: block;
border-left:0;
margin:0;
padding: 0;
position: static;
width: inherit;
box-shadow: 0 0 0 rgba(0,0,0,0);
}

ul.sub-menu ul.sub-menu {
border-left: 0 solid #e7e7e7;
}



ul.sub-menu li {
padding:0;
margin:0;
}

ul.sub-menu > li  {
border-top: 1px solid rgba(0,0,0,0.04);
}

ul.sub-menu > li:first-child {
border-top: 1px solid rgba(0,0,0,0.04);
}



/* IN MOBILE MENU THIS PARENT IS LEVEL 2 WITH A CHILD */

ul.sub-menu > li.parent > a  {}

ul.sub-menu > li.parent > a::before {
content: "";
}

/* All children */

ul.sub-menu > li > a {
border-bottom: 1px solid rgba(0,0,0,0);
color: #444;
display: block;
font-size: 14px;
padding: 10px 15px !important;
}

ul.sub-menu > li > ul.sub-menu > li a {
padding: 10px 15px !important;
}

ul.sub-menu > li > ul.sub-menu > li a::before {
content: "";
}



}