@import url('https://fonts.googleapis.com/css?family=Roboto');





#nav-wrap {

    

}



/* menu icon */

#menu-icon {

    display: none; /* hide menu icon initially */

}



#nav, 

#nav li {



}

#nav li {



}



/* nav link */

#nav a {



}

#nav a:hover {

    color: #FFFFFF;

}



/* nav dropdown */

#nav ul {



}

#nav ul li {



}

#nav li:hover > ul {

    display: block; /* show dropdown on hover */

}



/************************************************************************************

MOBILE

*************************************************************************************/

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



    /* nav-wrap */

    #nav-wrap {

        position: relative;

    }



    /* menu icon */

    #menu-icon {

        width: 93%;

        height: 30px;

        background: url(../images/menu_icon.png) no-repeat 10px center;

        padding: 8px 10px 0 42px;

        cursor: pointer;

        border: none;

        display: block; /* show menu icon */

    }

    #menu-icon:hover {

        background: url(../images/menu_icon.png) no-repeat 10px center;

    }

    #menu-icon.active {

        background: url(../images/menu_icon-active.png) no-repeat 10px center;

    }

    

    /* main nav */

    #nav {

        clear: both;

        float: left;

        position: relative;

        width: 95.5%;

        height: 100%;

        z-index: 10000;

        padding: 2%;

        background: #f8f8f8;

        border: solid 1px #999;

        display: none; /* visibility will be toggled with jquery */

    }

    #nav li {

        clear: both;

        float: left;

        margin: 5px 0 5px 10px;

        text-align: left;

    }

    

    .nav-main .expanded a{

		padding-left: 0px !important;   
		font-weight:  bold !important; 

    }

    

    #secondary-link-container li a{

        font-weight: normal!important;   

    }

    

    #nav a, 

    #nav ul a {

        background: #f8f8f8;

        display: block;

        padding: 0;

        color: #444444;

        border: none;

        font-size:17px;

        margin:17px 0px;

        font-family: 'Roboto', sans-serif;
		

    }

    #nav a:hover, 

    #nav ul a:hover {

        background: transparent;

        color: #000;

    }

    

    /* dropdown */

    #nav ul {

        width: auto;

        position: static;

        display: block;

        border: none;

        background: inherit;

    }

    #nav ul li {

        margin: 3px 0 3px 15px;

    }

    .nav-main #secondary-link-container{

        background: #f8f8f8;

        position: relative;

        float: left; 
		
		display: none;   

    }

#nav li {

		margin: 0px 0px 0px 0px !important;
	}
	
	.nav-main .expanded:hover{background-color:#f8f8f8;}
	

}



@media screen and (min-width: 1000px) {



    /* ensure #nav is visible on desktop version */

    #nav {

        display: block !important;

    }

	


}