/*------------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}


/* div that contains the nav*/
#site-navigation {
background-color: #fff;
margin : 0;
padding : 0;
float : left;
margin-top: 40px;
}


/*block contains links*/
.main-navigation ul {
float : left;
max-width : 50em;
margin : 0;
padding : 0;
padding-top : 5px;
padding-bottom : 22px;
list-style-type:none;
z-index:999999;
}

/*all list items in nav*/
.main-navigation li {
float: left;
position: relative;
line-height: 1.1em;
margin-left : 1px;
margin-right : 1px;
}

/*all links in list items in nav*/
.main-navigation a:link, .main-navigation a:visited {
text-decoration: none;
color : #fff;
background-color : #000;
border : solid 1px transparent;
padding : 0;
padding-left : 1.67em;
padding-right : 1.67em;
margin-bottom : 5px;
margin-top : 5px;
}
.menu-hidden-description-parent {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
background-color: #fff;
color : #000;
}
/* dropdowns */
.main-navigation ul ul {
-webkit-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
-moz-box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
box-shadow: -2px 7px 25px 0px rgba(0,0,0,0.36);
float: left;
position: absolute;
top: 1.2em;
left: -999em;
z-index: 99999;
border : solid 1px #000;
background-color: rgba(255, 255, 255, 0.95);
margin : 0;
padding:0;
padding-top: .5em;
padding-bottom: .5em;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}


/*---top links in the main nav -----*/
.main-navigation li:hover > a,
.main-navigation li a:focus,
.main-navigation li.menu-focus > a {
background-color : #fff;
color : #000;
border : solid 1px #000;
}

/*---CURRENT PAGE----*/
.current_page_item > a, .current_page_item > a {
background-color:red;
color : #fff;
}
.current_page_item > A, .current_page_item > A {
color : #fff;
}



/* dropdown links  */
.main-navigation ul ul li {
background-color: transparent;
text-decoration:none;
text-transform: none;
white-space:nowrap;
display: block;
float: none;
}





/*----------dropdown  -------------------------------*/
.main-navigation ul ul li a:link, .main-navigation ul ul li a:visited {
padding-top : 5px;
padding-bottom : 5px;
display: block;
background-color: #fff;
color : #000;
}
.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus {
background-color : #000;
color : #fff;
width : auto;
}


.main-navigation ul li:hover > ul,
.main-navigation ul li.menu-focus > ul {
left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.menu-focus > ul {
left: 100%;
}




/*hide the hamburger*/
@media screen and (min-width: 800px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}


/*-------------------MOBILE / SMALL DEVICES--------------------*/
/*@media only screen and (max-width: 800px) {
html { 
font-size : 1.25em;
}

#site-navigation {
float : right;
margin-top : 40px;
}


.menu-toggle {
background-color: #fff;
color : #000;
font-weight : bold;
font-size: 1.12em;
text-transform: uppercase;
-moz-border-radius: 5px;
border-radius: 5px;
border : none;
float : right;
}
.menu-toggle:hover, .menu-toggle:focus {
background-color: #000;
color : #fff;
}


.main-navigation ul {
margin-top: 30px;
max-width : 100%;
padding-bottom : 1em;
border : solid 1px #fff;
}
.main-navigation li {
float: none;
width : 80%;
margin-top : .5em;
}
.main-navigation a:link, .main-navigation a:visited {
padding : 5px;
padding-left : .5em;
padding-right : .5em;
display: block;

}
.main-navigation li.menu-item-has-children {
position: relative;
padding-right: 50px;
}
.main-navigation li.menu-item-has-children .sub-menu-toggle {
position: absolute;
top:5px;
right:0;
content: "+";
font-weight: bold;
font-size: 1.25em;
color: #4a2169;
display: inline-block;
background: none;
border : solid 1px #000;
}

.main-navigation li.menu-item-has-children > a:after {
}

.main-navigation li.menu-item-has-children.open .sub-menu-toggle {
content: "-";
}

/*makes dropdown appear on focus*/
.main-navigation .sub-menu {
position: static;
float: none;
width: 100%;
}


/* Javascript driven class change for menu 

#primary-menu {
display: none;
}
#primary-menu.open {
display: block;
position : absolute;
top : 95px;
left : 13px;
width : 92%;
background-color : #fff;
color : #000;
}
.main-navigation .sub-menu {
display: none;
}
.main-navigation li.menu-item-has-children.open .sub-menu {
display: block;}