/* FRONT PAGE */
body.front header.affix { top:0px;}
body.front #megamenu { width:100%; max-width:100%; z-index:5500; margin-top:0px; border:none; border-bottom:1px solid #e5e5e5;}

/* INTERIOR PAGES */
body.not-front header.affix { top:0px;}
body.not-front #megamenu_wrapper { height: 96px; padding-top:54px; background:url(../images/layout/interior_header.jpg) no-repeat center top; top:0px; right:0px; width:100%; max-width:100%; z-index:5500;}
body.not-front #megamenu { width:100%; max-width:100%; z-index:5500; margin-top:0px; border:none; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; /*top:55px;*/}

/* ALL PAGES */
.navbar { border: none; margin-bottom: 0px; min-height: inherit;}
.navbar-collapse { max-height: auto;}
.navbar-default { background:#fff;  }
#megamenu .container,
#megamenu .col-lg-12  { padding:0px;}

#mobile_search,
#navigation-label,
#megamenu h2 { display:none;}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus { background-color: #abd386; }

#megamenu ul.menu > li {display:block; float:left; width:auto; position:relative; top:0px; left:0px;}
#megamenu ul.menu > li > a { border-right: none; border-top: 0 none; color: #597738; font: 300 18px/20px 'Raleway', sans-serif; padding: 12px 20px 8px 20px; text-shadow: none; display:block; width:auto; position:relative; top:0px; left:0px; }

/* PARENT ACTIVE AND HOVER STATES */
#megamenu ul.menu li > a:hover,
#megamenu ul.menu  li > a:focus,
#megamenu ul.menu  > li > a:focus, 
#megamenu ul.menu  > li > a:hover,
#megamenu ul.menu  > .active > a, 
#megamenu ul.menu  > .active > a:hover, 
#megamenu ul.menu  > .active > a:focus {  background-color: #abd386;  box-shadow: none;  color: #fff;  outline: medium none;  text-shadow: none; }

/* OVER-RIDES */
#megamenu .animating { background-color: transparent;}

/* DROPDOWN STYLES */
#megamenu ul.menu ul.menu  li > a:hover,
#megamenu ul.menu ul.menu li > a:focus { color: #000; background-color: #fff !important; background-image: none !important; filter: !important; }
#megamenu ul.menu ul.menu .active > a,
#megamenu ul.menu ul.menu .active > a:hover { color: #000; background-color: #fff !important; background-image: none !important; filter: !important;}
 
/* HOVER BORDER */
#megamenu ul.menu li > a:hover{ border-color: #eee !important;}

/* ACTIVE AND TRAIL */
#megamenu ul.menuli.active > a { color: #568c24 !important;}

/* CSS3 HOVER TRANSITION FOR MAIN ELEMENTS ONLY */
#megamenu ul.menu > li > a, 
#megamenu ul.menu > li > a:hover, 
#megamenu ul.menu  > li > a:focus {	-webkit-transition: background 0.5s linear;	-moz-transition: background 0.5s linear;	-ms-transition: background 0.5s linear;	-o-transition: background 0.5s linear;	transition: background 0.5s linear;}

/* DROPDOWN ANIMATING COLOR */
#megamenu ul.menu li.animating,
#megamenu ul.menu li.animating a { background-color:#fff !important}

/* DONATE LINK */
#megamenu ul.menu li.active a.donate,
#megamenu ul.menu li a.donate { background-color: #e19f52; color:#fff;}
#megamenu ul.menu > li:last-child > a { background-color: #e19f52; color:#fff;}

/* RESET OVERFLOW */
.navbar-collapse {  max-height: inherit !important; overflow-x: visible; }



/* Custom, iPhone Retina  -------======= YELLOW */
@media (min-width : 320px) { 
	#header_social { display: none;}
}

/* Extra Small Devices, Phones -------======= ORANGE */
@media (min-width : 480px) { 
}

/* Small Devices, Tablets -------======= RED */
@media (min-width : 768px) { 
	#header_search,
	#header_social,
	#header_menu { padding:0px; min-height:1px;}
	#megamenu ul.menu > li > a { font-size: 14px; line-height:18px; padding-right: 8px; padding-left: 8px;}
	#header_social { display: block;}
}
/* Medium Devices, Desktops  -------======= PURPLE */
@media (min-width : 992px) { 
	#megamenu ul.menu > li > a { font-size: 16px; line-height:20px; padding-right: 8px; padding-left: 8px;}
	
}
/* Large Devices, Wide Screens  -------======= BLUE */
@media (min-width : 1200px) { 
	#megamenu ul.menu > li > a { font-size: 17px; line-height:20px; padding-right: 15px; padding-left: 15px;}
}



/* MOBILE WIDTHS ONLY */
@media (min-width : 320px) and (max-width: 768px) {	
/* ALIGINING DROPDOWN */
.navbar-collapse { text-align:center;}

/* ZEROING PADDING AND MARGIN */
#desktop-header,
#header_menu { margin:0px; padding:0px; text-align:left;}

/* HIDING DESKTOP SEARCH BAR */
#header_search { display:none;}

/* DROPDOWNS FULL WIDTH */
#megamenu ul.menu > li { display:block; width:100%;}
#megamenu ul.menu > li > a { display:block; width:100%;}

/* SHOWING MOBILE SPECIFIC ELEMENTS */
#mobile_search,
#navigation-label,
#navigation-label h2 { display:inline-block; margin:0px; padding:0px; }

/* MENU BUTTON LABEL */
#navigation-label h2 { font-size:20px; color:#b0d61e;}

/* MOBILE SEARCH */
#mobile_search { height:40px; margin-bottom:-12px; overflow:hidden; margin-right:5px;}

/* TOGGLE HAMBURGER BUTTON */
.navbar-toggle { float: none; margin-left:5px; margin-right:5px; margin-top:5px;}
}













/* HIDE MOBILE WIDTH SPECIFIC ELEMENTS 
#mobile-quicklinks,
#mobile-header { display:none;}*/

/*
.tb-megamenu { background-color: #fff; }
.tb-megamenu .nav-collapse.collapse { display: block !important; }
*/



/*
body.not-front #content-wrapper { padding-top: 10px; }
body.not-front #megamenu_wrapper { height: auto; padding-top: 10px; }
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: inherit !important;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}
*/