/*******************************************************************************
 *                                                                             *
 * mainMenu.css                                                                *
 *                                                                             *
 * Description:                                                                *
 *      Formatting for the main menu in the base template.                     *
 *                                                                             *
 *      This is a very rudimentary edit of the default css that comes with     *
 *      Superfish. TODO: CLEAN UP THIS FILE!                                   *
 *                                                                             *
 * Caveats: Some styles may be overriden in configuration, check wrapper       *
 *          templates for details.                                             *
 *                                                                             *
 ***************************************************************************** *
 * Version     Date        Author      Comments                                *
 * =======     ==========  ======      =====================================   *
 * v.1.00      (20140116)   ETM        Initial Release                         *
 * v.1.01      (20150924)   ETM        Use noto sans instead of sans serif.    *
 * v.1.02      (20160602)   ETM        Reduced button padding to 3px;          *
 * v.1.03      (20170224)   ETM        Layout redesign related to Lucky4Life.  *
 * v.1.04      (20170814)   ETM        Fixed menu subcolor (submenu color was  *
 *                                     off on pages other than landing.        *
 * v.1.05      (20170816)   ETM        Fixed menu sub-subcolor on pages other  *
 *                                     than landing.                           *
 * v.1.06      (20170816)   ETM        Found root of non-landing page color    *
 *                                     issues. Styling was accidentally        *
 *                                     applied to desktop slider css file, so  *
 *                                     colors were only applied to landing     *
 *                                     where slider is. Styles have been       *
 *                                     moved to this file.                     *
 *                                                                             *
 ***************************************************************************** *
 *  Color Codes:                                                               *
 *  CODE        CSS NAME        Usage                                          *
 *  =======     ==============  ============================================== *    
 *  #FFFFFF     WHITE           Letters                                        *
 *  #A80000                     Main menu color.                               *
 *  #9E0000                     Secondary menu color.                          *
 *  #750000                     Tertiary menu color.                           *
 *  #B63737                     Menu hover color.                              *
 *                                                                             *
 ******************************************************************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	
}
.sf-menu > li {
	float: left;
	
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
	text-decoration: none;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;  
	width:100%;
	margin-bottom: 0;		
	text-align:center;
/*
	border-top: 1px solid WHITE;	
	border-bottom: 1px solid WHITE;	
*/
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    font-family:'NotoSans';
    font-weight:bold;        	
	padding: 3px;  /* button padding */
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a:link {    	
/*	text-decoration: none; */
}
.sf-menu a:visited {    	
/*	text-decoration: none; */
}
.sf-menu a:hover {    	
/*	text-decoration: none; */
}
.sf-menu a:active {    
/*	text-decoration: none; */
}

.sf-menu li {
	background: none;       /* Menu background */
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;	
}
.sf-menu ul li {
    text-align:left;    
}
.sf-menu ul ul li {    

}
.sf-menu li:hover,
.sf-menu li.sfHover {    
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* -----------------------------------------------------------------------------
   Default Colors that can be overridden in AdminApp
   -------------------------------------------------------------------------- */

/* menu background */
.sf-menu {
    background: #A80000;    
}

/* Secondary Main Menu */
.sf-menu ul li {
    background: #9E0000;
}

/* Tertiary Main Menu */
.sf-menu ul ul li {
    background: #750000;
}

/* Main Menu hover */
.sf-menu li:hover, 
.sf-menu li.sfHover {
    background: #B63737;
}

/* Main Menu Text */
.sf-menu a,
.sf-menu a:link,
.sf-menu a:visited,
.sf-menu a:hover,
.sf-menu a:active {
    color:#FFFFFF;
}