/** Mega Menu CSS **/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9999;
    min-width: 600px;
    padding: 20px 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-top: 3px solid #00AEEF;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    display: flex !important;
    flex-wrap: wrap;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading {
    flex: 1 1 200px;
    min-width: 180px;
    padding: 0 15px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading > a.mega-menu-link {
    font-weight: 700;
    font-size: 15px;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 0;
    border-bottom: 2px solid #00AEEF;
    margin-bottom: 8px;
    display: block;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading > ul.mega-sub-menu {
    display: block !important;
    position: static;
    background: transparent;
    box-shadow: none;
    padding: 0;
    min-width: auto;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading > ul.mega-sub-menu > li > a {
    color: #555 !important;
    padding: 5px 0;
    display: block;
    font-size: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading > ul.mega-sub-menu > li > a:hover {
    color: #00AEEF !important;
}
/* Hide mega indicator arrows */
#mega-menu-wrap-primary .mega-indicator { display: none; }
#mega-menu-wrap-primary #mega-menu-primary > li > a .mega-indicator { 
    display: inline-block; 
    margin-left: 4px;
}
/* Top bar nav styling */
#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li > a.mega-menu-link {
    color: #fff;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    display: block;
}
#mega-menu-wrap-primary #mega-menu-primary > li > a.mega-menu-link:hover {
    color: #00AEEF;
}
/* Hide description spans */
.mega-menu-description { display: none !important; }

/* Only placeholder (#) heading links are inert; real heading links (All Colours) stay clickable */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-heading > a.mega-menu-link[href="#"] { pointer-events: none; cursor: default; }