/**
 *  _  ____    _      ____  ____  _  _     _____
 * / \/  _ \  / \__/|/  _ \/  _ \/ \/ \   /  __/
 * | || | \|  | |\/||| / \|| | //| || |   |  \  
 * | || |_/|  | |  ||| \_/|| |_\\| || |_/\|  /_ 
 * \_/\____/  \_/  \|\____/\____/\_/\____/\____\
 *                                              
 *  __  __      _               ______           
 * |  \/  |    | |             |  ____|          
 * | \  / | ___| |_ ___  ___   | |__ _   _ _ __  
 * | |\/| |/ _ \ __/ _ \/ _ \  |  __| | | | '_ \ 
 * | |  | |  __/ ||  __/ (_) | | |  | |_| | | | |
 * |_|  |_|\___|\__\___|\___/  |_|   \__,_|_| |_|
 *      
 *  
 * @author David Ansermot <david.ansermot@idmobile.ch>
 * @copyright (C)Copyright 2015 - ID Mobile SA
 * @url http://www.idmobile.ch 
 * @package meteofun
 */

/**
 * 
 * CSS for the mobile menu / desktop menu 
 *
 */

#mobileMenu {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;

	top: 0 !important;
	left: -400px;

	width: 400px;
	min-height: 100%;

	color: #ffffff;

	border-right: 1px solid rgba(0, 0, 0, 0.4);
}

#menuTitle {
	padding: 0 20px 0 20px;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
}

#mobileMenu ul li {
	background-color: #ffffff;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
}

#mobileMenu ul li a {
	cursor: pointer;
	color : #000000;
	padding: 15px 0 15px 15px;

	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	background: none;
}

#mobileMenu .app-icon {
	display: inline-block;
	float: left;
	margin: 6px 10px 0 10px;
}