/* @override http://smu.edu.sg/sites/all/themes/smu/css/smu-mobile-menu.css */
/* SMU-IITS-WEB & MEDIA */

body { margin:0;} /* remove this */

/* @group SMU MOBILE BUTTON*/
.smu-mobileButtonB,
.smu-mobileButton {	
  width: 320px; /*for iPhone only need to change later on*/ /*160px -ORIG*/ 
	background-color:#0e2460; color:#FFF; display:block; 
	background:url(/images/mobile-bg-menu.jpg) repeat-x; height: 42px; cursor:pointer; float: left;
}


@media screen and (min-width:320px) and (max-width:480px){
/* @media only screen and (min-width: 320px) {	*/
.smu-mobileButtonB,
.smu-mobileButton {	
	width: 100%; /*for iPhone only need to change later on*/ /*160px -ORIG / 320px*/ }
}

@media screen and (min-width:481px) and (max-width:767px){
/*@media only screen and (min-width: 480px) { */
.smu-mobileButtonB,
.smu-mobileButton {	
	width: 100%;  /*480px*/}
}

.smu-mobileButtonB .triggerName,
.smu-mobileButton .triggerName {
	color:#FFF; 
	padding: 0px 0 0 60px; /*45px*/
    /*font: 700 21px/42px 'gnuolane',sans-serif;*/
	font: 600 21px/42px "proxima-nova-extra-condensed",sans-serif;	
    text-transform: uppercase; display:block;
	background:url(/images/mobile-bg-menu-icon.png) no-repeat; cursor:pointer;	
}
.smu-mobileButtonB .img,
.smu-mobileButton .img { 
position:absolute; top:15px;
}
.smu-mobileButtonB .mobiTrigger,
.smu-mobileButton .mobiTrigger {
	width: 307px; /*147px*/ color:#FFF;
	position:absolute; bottom:0; left:10px;
	text-decoration:none; text-transform:uppercase;
	display:block; cursor:pointer;
}
#pageslide { 
	display: none; position: absolute; /*position: fixed;*/  
	height: 100%; z-index: 9999; width: 267px;
	padding: 0 0 0 10px; background-color: #32394a; 
}
/* @end */


/* @group SMU Mobile Nav Content*/
#smu-mobileNavContent-sub,
#smu-mobileNavContent { 
		padding:10px; /*height:911.4%; */
		height:auto; /*650px*/
		overflow:hidden;  color:#333; 
		background:#32394A; text-transform:uppercase; /*font-family:"gnuolane";*/ font-family: "proxima-nova-extra-condensed",sans-serif;
		position: absolute; z-index: -99; width: 202px;	
}
.smu-mobileNavMenuB ul, li,
.smu-mobileNavMenu ul, li{ margin: 0; padding: 0; }
.smu-mobileNavMenuB ul li,
.smu-mobileNavMenu ul li { 
	padding-top:2px;  margin-bottom:5px; list-style:none;  
	overflow:visible; margin:0; padding:0;
}
.smu-mobileNavMenuB ul li a,
.smu-mobileNavMenu ul li a { 	
	display:block; height:25px; width:195px; /*300px*/
	padding: 9px 0 5px 5px;
	color:#fff; outline:none; 
	/*border-top: 1px solid #2e3545;*/
	text-decoration:none; 
	word-wrap: break-word; 
 	/*font: 700 21px/18px 'gnuolane',sans-serif;*/
	font: 600 21px/18px "proxima-nova-extra-condensed",sans-serif;	
	text-shadow:2px 2px 2px #333;

}
.smu-mobileNavMenuB ul li a:hover,
.smu-mobileNavMenu ul li a:hover { 
	/* background-color:#e5e5e5; */
	color:#333; text-decoration:none;
	text-shadow:none;
	color:#997D4E;	
}						
.smu-mobileNavMenuB ul li .active,
.smu-mobileNavMenu ul li .active { 
	background:url(/images/on.png) top right no-repeat;
	background-color: #e5e5e5; 
	text-decoration:none; color:#333;
	text-shadow:none;
	color:#997D4E;	
}

.smu-mobileNavMenuB ul li .inactive,
.smu-mobileNavMenu ul li .inactive { 
	background:url(/images/off.png) top right no-repeat; 
}
.smu-mobileNavMenuB ul li ul,
.smu-mobileNavMenu ul li ul { 
	/*font: 700 18px/18px "gnuolane";*/
	font: 600 18px/18px "proxima-nova-extra-condensed",sans-serif;	
	display:none; margin: 8px 0 8px -30px; 
}
/* SECOND LEVEL */
.smu-mobileNavMenuB ul li ul li,
.smu-mobileNavMenu ul li ul li {
	display:block; 
	list-style-type:none; 
	color:#555555;
	 margin: 0 0 0 30px;
	/*padding:-5px 0 -5px 1px;*/
}
.smu-mobileNavMenuB ul li ul li a,
.smu-mobileNavMenu ul li ul li a { 
	color:#fff; padding-left:-10px; 
	text-decoration:none; 
	/*padding: 0 0 0 -10px;*/
	padding: 10px 0 0 5px;
	/*font:700 16px/10px "gnuolane";*/
	font: 600 16px/10px "proxima-nova-extra-condensed",sans-serif;	
}								
.smu-mobileNavMenuB ul li ul li a:hover,
.smu-mobileNavMenu ul li ul li a:hover { 
	/* color:#fff;*/ color:#997D4E; text-decoration:none;
	padding: 10px 0 0 5px;
	/*background:none;*/
	/* background-color:#3c4457;	*/
	/*background:url(/images/off.png) top right no-repeat;	*/
}						 						 
.smu-mobileNavMenuB ul li ul li a:active,						
.smu-mobileNavMenu ul li ul li a:active { text-decoration:none;}										
/* THIRD LEVEL */					
.smu-mobileNavMenuB ul li ul li ul,
.smu-mobileNavMenu ul li ul li ul { /*margin-bottom:5px;*/ }
/* @end */


/* @group Extra classes to override the menu items rendering for the FB menu by Drupal dynamically */
.smu-mobileNavMenuB ul.menu ul.menu {margin-left:0;}
.smu-mobileNavMenuB ul li ul li a {margin-left:-30px;}
.smu-mobileNavMenuB ul li ul li ul li {width:202px;}
.smu-mobileNavMenuB ul li ul li ul li a {margin-left:-55px;}
.smu-mobileNavMenuB ul.menu li ul.menu li a{line-height:16px; 
	height: auto; /*added*/
	padding-top:8px; /*added*/
	padding-bottom:8px; /*added*/
} 
.smu-mobileNavMenuB ul li ul.menu li a:hover{color:#997D4E;/*background-color:#3C4457!important;padding-bottom:10px;*/}
.smu-mobileNavMenuB ul.menu li ul.menu li a.active{padding-bottom:10px!important;}
/* @end */ 

/* @group Extra classes to override the menu items rendering for the FB menu by Drupal dynamically */
.smu-mobileNavMenu ul.menu ul.menu {margin-left:0 !important;}
.smu-mobileNavMenu ul li ul li a {margin-left:-30px;}
.smu-mobileNavMenu ul li ul li ul li {width:202px;}
.smu-mobileNavMenu ul li ul li ul li a {margin-left:-55px;}
.smu-mobileNavMenu ul.menu li ul.menu li a{line-height:16px; 
	height: auto; /*added*/
	padding-top:8px; /*added*/
	padding-bottom:8px; /*added*/
} 
.smu-mobileNavMenu ul li ul.menu li a:hover{color:#997D4E;/*background-color:#3C4457!important;padding-bottom:10px;*/}
.smu-mobileNavMenu ul.menu li ul.menu li a.active{padding-bottom:10px!important;}
/* @end */