/* =========================================================
   EDUCATION & TRAINING MEGA MENU
   Scoped to the top-level UberMenu item with the CSS class
   "education-training-menu" (set in Appearance → Menus).

   Structure:
   li.education-training-menu
     > a.ubermenu-target                     top-level link
     > .ubermenu-submenu                     white dropdown
         > li.ubermenu-column-full           yellow title
         > li.ubermenu-column-1-3  (×3)      Events / Training / Webinars
             > ul > li:first-child           column heading
   ========================================================= */

/* Top-level "Education & Training" link */
.education-training-menu > a.ubermenu-target .ubermenu-target-title.ubermenu-target-text {
    color: #005daa;
}

.education-training-menu > a.ubermenu-target .ubermenu-target-title.ubermenu-target-text:hover {
    color: #565f5f;
}

/* Main white dropdown */
.education-training-menu > .ubermenu-submenu {
    box-sizing: content-box;
    padding: 0 0px 10px !important;
}


/* =========================================================
   YELLOW TITLE
   ========================================================= */

.education-training-menu > .ubermenu-submenu > .ubermenu-column-full {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.education-training-menu > .ubermenu-submenu > .ubermenu-column-full > .ubermenu-submenu {
    margin: 0 !important;
    padding: 0 !important;
}

/* Yellow Education & Training Center label */
.education-training-menu .ubermenu-column-full .ubermenu-custom-content {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 3px 28px !important;
    background: #fdb515;
    color: #005ca9;
    text-align: left;
    position: relative;
    left: 1px;
    /*font-size: 11px !important;
    line-height: 1.6 !important;*/
    font-weight: 600;
    text-transform: uppercase;
}


/* =========================================================
   THREE COLUMNS
   ========================================================= */

.education-training-menu > .ubermenu-submenu > .ubermenu-column-1-3 {
    padding-left: 30px !important;
}

/* =========================================================
   MENU LINKS
   ========================================================= */

.education-training-menu .ubermenu-column-1-3 .ubermenu-target-text {
    /*font-size: 11px !important;
    line-height: 1.6 !important;*/
    color: #888;
    text-transform: uppercase;
}

.education-training-menu .ubermenu-column-1-3 .ubermenu-target:hover .ubermenu-target-text {
    color: #005ca9;
}

/* EVENTS / TRAINING / WEBINARS headings (first item in each column) */
.education-training-menu .ubermenu-column-1-3 > ul > li:first-child > .ubermenu-target {
    padding: 0 0 2px !important;
    color: #005ca9;
}

/* Colour lives on the inner span, which the theme styles separately */
.education-training-menu .ubermenu-column-1-3 > ul > li:first-child > .ubermenu-target .ubermenu-target-text {
    color: #005ca9 !important;
    font-weight: 600;
}


/* =========================================================
   DROPDOWN WIDTH / COLUMN SPLIT (desktop only)
   ========================================================= */

@media (min-width: 960px) {
    .ubermenu-main .education-training-menu > .ubermenu-submenu {
        width: 640px !important;
        min-width: 640px !important;
        /*left: auto !important;*/
        right: 0 !important;
    }

    /* Events */
    .education-training-menu > .ubermenu-submenu > .ubermenu-column-full + .ubermenu-column-1-3 {
        flex-basis: 36% !important; width: 36% !important; max-width: 36% !important;
    }

    /* Training */
    .education-training-menu > .ubermenu-submenu > .ubermenu-column-full + .ubermenu-column-1-3 + .ubermenu-column-1-3 {
        flex-basis: 34% !important; width: 34% !important; max-width: 34% !important;
    }

    /* Webinars */
    .education-training-menu > .ubermenu-submenu > .ubermenu-column-full + .ubermenu-column-1-3 + .ubermenu-column-1-3 + .ubermenu-column-1-3 {
        flex-basis: 30% !important; width: 30% !important; max-width: 30% !important;
    }
}
/*
#menu-item-4657, #menu-item-24108 {
    display: none;
}
*/