/************************************************************************************
*
* Google Nexus Menu
*
/************************************************************************************/
.main-navigation #sideNav ul li i.menu-icon {
	display: none;
}
@media only screen and (max-width: 599px) {
	.main-navigation #sideNav ul,
	.main-navigation #sideNav ul ul	{
		margin:0;
		padding:0;
		list-style:none;
	}
	.main-navigation #sideNav li a,
	.main-navigation #sideNav li span.menu-item {
		/*color:#5b6064;*/
		color:#000;
		text-decoration:none;
		display:inline-block;
		padding:10px 30px;
		height:59px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		line-height:35px;
	}

	.main-navigation #sideNav a:hover,
	.main-navigation #sideNav li span.menu-item:hover {
		color:#ffffff;
		background-color: #5b6064;
	}


	.site-top-menu .main-navigation #sideNav ul > li.current-menu-item > a,
	.site-top-menu .main-navigation #sideNav ul > li.current_page_item > a,
	.site-top-menu .main-navigation #sideNav ul > li.current-menu-item > span.menu-item,
	.site-top-menu .main-navigation #sideNav ul > li.current_page_item > span.menu-item {
		color: #bad9f2;
		text-decoration: none;
	}
	.site-top-menu .main-navigation #sideNav ul ul ul.sub-menu > li.current-menu-item > a,
	.site-top-menu .main-navigation #sideNav ul ul ul.sub-menu > li.current_page_item > a,
	.site-top-menu .main-navigation #sideNav ul ul ul.sub-menu > li.current-menu-item > span.menu-item,
	.site-top-menu .main-navigation #sideNav ul ul ul.sub-menu > li.current_page_item > span.menu-item {
		color: #bad9f2;
		text-decoration: none;
	}
	.site-top-menu .main-navigation #sideNav ul li.current-menu-item span.menu-item,
	.site-top-menu .main-navigation #sideNav ul li.current_page_item span.menu-item {
		background-color: #02114d;
	}

	.main-navigation #sideNav,
	.main-navigation #sideNav.showHalfMenu,
	.main-navigation #sideNav.showFullMenu,
	.main-navigation #sideNav ul ul li,
	.main-navigation #sideNav.showFullMenu ul ul li	 {
		-webkit-transition: 0.2s ease;
		-moz-transition: 0.2s ease;
		-ms-transition: 0.2s ease;
		transition: 0.2s ease;
	}

	.main-navigation #sideNav {
		position: fixed;
		left:-60px;
		top:44px;
		width: 60px;
		height:100%;
		background-color:#ffffff;
		overflow-y: auto;
	}

	.main-navigation #sideNav.showHalfMenu {
		left:0;
	}

	.main-navigation #sideNav.showFullMenu {
		left:0;
		width: 311px;
	}

	.main-navigation #sideNav.showFullMenu ul ul li {
		height:59px;
	}


	.main-navigation #sideNav > ul {
		width: 100%;
		padding-bottom:60px;
	}

	.main-navigation #sideNav ul li {
		width: 100%;
		margin:0;
		font-weight:300;
	}

	.main-navigation #sideNav ul li a,
	.main-navigation #sideNav ul li span.menu-item {
		border-bottom:1px solid #ddd;
		padding-left:10px;
		position: relative;
		width: 100%;
	}
	.site-top-menu .main-navigation #sideNav ul li a span.menu-title-item,
	.site-top-menu .main-navigation #sideNav ul li  a i.menu-icon,
	.site-top-menu .main-navigation #sideNav ul li span.menu-title-item,
	.site-top-menu .main-navigation #sideNav ul li i.menu-icon {
		position: absolute;
	}

	.site-top-menu .main-navigation #sideNav ul li a span.menu-title-item,
	.site-top-menu .main-navigation #sideNav ul li span.menu-title-item {
		left: 70px;
	}
	.site-top-menu .main-navigation #sideNav ul ul,
	.site-top-menu .main-navigation #sideNav ul ul li {
		clear: both;
		display: block;
		position: static;
		width: 100%;
	}
	.site-top-menu .main-navigation #sideNav ul > li {
		padding: 0;
	}
	.main-navigation #sideNav ul ul li {
		overflow:hidden;
		height: 0;
		padding: 0;
	}

	.main-navigation #sideNav input.search {
		border:0;
		outline:0;
		font-weight:300;
		background:transparent;
		color:#5b6064;
	}
	.main-navigation #sideNav ul li a i.menu-icon,
	.main-navigation #sideNav ul li i.menu-icon {
		display: inline-block;
	}



	/************************************************************************************
	*
	* Menu Icons
	*
	/************************************************************************************/

	/*.icon {
		background: transparent url('../img/icons.png') no-repeat 0 0;
	}

	.icon-menu {
		text-indent:-99999em;
		background-position: 0 0;
	}

	.icon-menu:hover {
		background-position: -59px 0;
	}

	.icon-menu.icon-menu-active {
		background-position: -120px 0;
		background-color:#fff;
	}

	.icon-search {
		background-position: 0 -60px;
	}

	.icon-search:hover {
		background-position: -59px -60px;
	}

	.icon-home {
		background-position: 0 -120px;
	}

	.icon-home:hover {
		background-position: -58px -120px;
	}

	.icon-articles {
		background-position: 0 -180px;
	}

	.icon-articles:hover {
		background-position: -58px -180px;
	}

	.icon-social {
		background-position: 0 -240px;
	}

	.icon-social:hover {
		background-position: -58px -240px;
	}*/

}
/************************************************************************************
*
* Responsive
*
/************************************************************************************/

/*------------------------------------------------------------------*/
/*	2) Note: Design for a width of 480 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 480px) {

	.main-navigation #sideNav a,
	.main-navigation #sideNav li {
		padding:10px 15px;
	}

	.main-navigation #sideNav.showFullMenu,
	.main-navigation #sideNav.showFullMenu li,
	.main-navigation #sideNav.showFullMenu	a,
	.main-navigation #sideNav.showFullMenu	li span {
		width: 100%;
	}

}