/* * * 
 * floating menus ..
 * - mobile menu ...
 * - my imda menu ... 
 * * */
 
 
/* *
 * mobile menu
 * */ 
 
@media screen and (max-width: 800px) {

	.navicon {
		padding: 2% 0 ;
	}
	.logo {
		padding: 2% 0 ;
		text-align: right ;
	}
	.social-networks {
		padding: 2% 0 ;	
	}
	.social-networks div {
		background-color: #F0F0F0;
		display: inline-block;
		font-size: 1.3em;
		padding: 1px;
	}
		.social-networks a {
			margin: .25em 0.55em ;
			text-decoration: none;
			padding: 0.2em;
			color: #53565a;
		}

   	/* Toggle button - "three bars" style - using font-awesome! */
	a.nav-icon {
		padding: 0.35em ;
		color: #53565A;
   	}
	    
  /* The dropdown menu - "floats over the content" */
	.container-mobile-menu {
		position: relative ;
	}
	.mobile-menu {
 		position: absolute ;
 		top: 4.45em ;
 		left: 0 ;
 		right: 0 ;
 		z-index: 105 ;
 		padding: 0 ;
 		background: #4f2f91 ; /* #53565A ; /* #0173BC ; */
 		max-width: 480px ;
 		padding: 2% ;
 	}
	
 	.mobile-menu ul {
 		margin: 0  ;
 		padding: 0 ;
 	}
 
    .mobile-menu ul li {
        list-style: none;
     }
    	.mobile-menu ul li.section-label  ,
    	.mobile-menu ul li.level-1 {
    	 	border-bottom: 1px solid #cccccc ; 
    	}
	
    .mobile-menu ul li a {
        display: block;
        padding-top: 0.65em ;
        padding-bottom: 0.65em ;
        color: #FFFFFF ;
        text-decoration: none ;
        text-indent: -1.15em ;
    }
    
    	.mobile-menu > ul > li > a {
  			padding-left: 2em ;
  		}
  		.mobile-menu > ul > li > ul > li > a {
        	padding-left: 3.5em; 
  		} 
  		.mobile-menu > ul > li > ul > li > ul > li > a {
  			padding-left: 5em ;
  		}
    
    .mobile-menu ul ul {
    	display: none ;		/* hide the sub-navs - toggle later */
    }
 
 	.mobile-menu ul a.menu-item-header:before {
 		content: "\00B1";	/* +/- sign */
 	}
 
    .mobile-menu  ul a:before {
        content: "\00bb" ; 			/* "\2192";	/* --> sign */
        padding-right:7px; 
    }
    .mobile-menu ul li a:hover {
    	color: white !important ;
    	background-color: #53565A !important ;
    }


   	.iframe-search-box iframe {
		border: 0;
		display: inline-block;
		height: 32px ;
		width: 100% ;
		padding: 0;
		margin: 3% 0 2% 0 ;
	}	
    
    	    
}


/* *
 * my imda menu
 * */
 
 	    
	    
  /* The dropdown menu - "floats over the content" */
	.myimda-bar {
		float: right ;
		position: relative ;
		min-height: 3em ;
		margin-top: 0.5em; 
		text-align: right ;
	}
	.myimda-toggle {
		text-decoration: none ;
		border-style: dotted ;
		border-width: 0 0 2px 0 ;
	}
		.myimda-toggle:hover {
			text-decoration: none ;
			color: #4f2f91 ;
			border-color: #4f2f91 ;
		}
	
	.myimda-menu {
 		position: absolute ;
 		top: 2em ;
 		width: 300px ;
 		right: 0 ;
 		z-index: 104 ;
 		padding; 0 ;
 		background: #F0F0F0 ;
 		display: none ;
 		padding: 5% ;
 		border-width: 2px ;
 		border-color: #53565A ;
 		text-align: left ;
 	}
 	    .myimda-menu ol {
 	    	margin-top: 0 ;
 	    }
 	    	.myimda-menu ol li {
 	    		padding-top: 0.15em ;
 	    		padding-bottom: 0.15em ;
 	    	}
@media screen and (max-width: 480px) { 	    	
	.myimda-bar {
		float: none ; 	    	
	}
}