/******************************************************************
megaMenus.css
-------------------------------------------------------------------
Stylesheet: Mega-Menu Styles
-------------------------------------------------------------------

Styles for all Mega-Menus go here.

******************************************************************/

/* --> Mega-Menu Columns -----------------------------------------*/

.mm-col { float: left; }

.mm-cols-1, .mm-cols-2, .mm-cols-3,
.mm-cols-4, .mm-cols-5, .mm-cols-6,
.mm-cols-7, .mm-cols-8, .mm-cols-9,
.mm-cols-10, .mm-cols-11, .mm-cols-12 {
    width: 100%;
}


/* --> Main Navigation Mega-Menu ---------------------------------*/

nav.main-nav .mega-menu {
    width: 100%;
    background: #e3dfce url('/img/00/noise/light.png') repeat;
}

/* Inner Mega-Menu Wrap */
nav.main-nav .mega-menu-inner {
    float: left;
    width: 100%;
    padding: 20px;
}

/* Mega-Menu List Container */
nav.main-nav .mega-menu-list-cont {
    float: left;
    width: 100%;
    background: none;
    padding: 15px;
}

/* Mega Menu List */
nav.main-nav ul.mega-menu-list {
    background: none;
}

/* Mega-Menu Section Heading */
nav.main-nav li .section-heading {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Mega-Menu Section Heading Link */
nav.main-nav li.nav-item .section-heading a {
    display: block;
    font-family: 'AbadiMTW01-LightCondens', sans-serif;
    text-transform: uppercase;
    background: none;
    padding-left: 0;
    padding-bottom: 10px;
    line-height: 24px;
    border-bottom: 2px solid #104467;
    text-shadow: 0 1px 0 #fff;
}

nav.main-nav li.nav-item .section-heading a:hover {
    background: none;
    border-color: #007acc;
}

/* Mega-Menu List Link */
nav.main-nav ul.mega-menu-list li.nav-item a {
    color: #1a1a1a;
    background: none;
    padding: 10px 5px;
    border-color: #a4a090;
    text-shadow: 0 1px 0 #fff;
}

nav.main-nav ul.mega-menu-list li.nav-item a:hover {
    color: #007acc;
    background: #f0edde;
    border-radius: 3px;
    box-shadow: inset 0 0 8px #9c9780;

    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}


/* These styles are applied for viewports 768px and higher */
@media only screen and (min-width: 768px) {

    /* --> Mega-Menu Columns -----------------------------------------*/

    .mm-cols-12 { width: 8.33%;  }
    .mm-cols-11 { width: 9.09%;  }
    .mm-cols-10 { width: 10%;    }
    .mm-cols-9  { width: 11.11%; }
    .mm-cols-8  { width: 12.5%;  }
    .mm-cols-7  { width: 14.28%; }
    .mm-cols-6  { width: 16.66%; }
    .mm-cols-5  { width: 20%;    }
    .mm-cols-4  { width: 25%;    }
    .mm-cols-3  { width: 33.33%; }
    .mm-cols-2  { width: 50%;    }
    .mm-cols-1  { width: 100%;   }


    /* Mega-Menu List Link */
    nav.main-nav ul.mega-menu-list li.nav-item a {
        font-size: 0.8em;
        padding: 5px;
        font-weight: normal;
        border: 0;
    }

    /* --> Main Navigation Mega-Menus --------------------------------*/

    /* Default */
    nav.main-nav .has-mega-menu div.mega-menu {
        width: 500px;
        overflow: hidden;
    }

    /* How Do I - Mega-Menu ------------------------------------------*/
    nav.main-nav
    .has-mega-menu.nav-item-5 div.mega-menu {
        
    }

}