/* Fix product sorting select inaccessible */
.nav-menu {
    line-height: 100px;
}

.nav-menu a {
    font-size: 14px;
}

/* Main Menu */
ul.nav-menu-content ul a, div.nav-menu-content ul ul a,
.nav-menu a {
    font-size: inherit;
}


/* Main Menu: Sticky on Scroll Down */
.header-sticky.top-sticky:not(.side-header-menu) .nav-menu.nav-menu-additional-color .nav-menu-content > li > a {
	color: #000 !important;
}


/* 
 * Main Navigation
*/

/* Account for right padding of the last link in the navigation */
ul.nav-menu-content,
div.nav-menu-content {
    margin-right: -25px;
}

/* Even out the padding of the last element, so that it matches the previous element's right padding. Cart link will at times still exist but be hidden */
ul.nav-menu-content > li:last-child > a,
div.nav-menu-content > ul > li:last-child > a {
    padding-right: 25px;
}

/* Desktop menu: Underline current menu */
ul.nav-menu-content li.current-menu-item > a,
ul.nav-menu-content li.current-menu-ancestor > a,
ul.nav-menu-content li.current-page-ancestor > a,
/* Mobile menu: Underline current menu */
ul.tab-nav-menu-content li.current-menu-item > a,
ul.tab-nav-menu-content li.current-menu-ancestor > a,
ul.tab-nav-menu-content li.current-page-ancestor > a {
    text-decoration: underline;
}

/* EA Quiz should not highlight Online Learning main & sub-menu links */
.page-id-65829 ul.nav-menu-content .menu-item-84882 a,
/* My Course Portal should not highlight Online Learning > Shop Courses sub-menu link */
.page-id-13186 ul.nav-menu-content .menu-item-84881 a {
    text-decoration: none !important;
}

ul.nav-menu-content > li > a, div.nav-menu-content ul > li > a {
    padding-left: 17px;
    padding-right: 17px;
}

@media (min-width: 1031px) and (max-width: 1130px) {
    /* Reduce padding on smaller desktop screens so that nav doesn't run into logo */
    ul.nav-menu-content > li > a, div.nav-menu-content ul > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1030px) {
    /* Reduce padding on smaller desktop screens so that nav doesn't run into logo */
    ul.nav-menu-content > li > a, div.nav-menu-content ul > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* Allow for .sub-menu class on non UL elements such as online learning sub-menu */
#navigation li:hover > .sub-menu {
    margin-top: 0px;
    display: block;
    visibility: visible;
    opacity: 1;
}

#navigation .sub-menu {
    background-color: #a3c3bd;
    border-radius: 5px;
    border: 1px solid #8caaaa;
    padding: 10px 0;
}


/* When .sub-menu class is on non UL elements, such as online learning sub-menu */
#navigation .sub-menu ul {
    padding-left: 0;
}

#navigation > li:first-child > .sub-menu {
    width: 330px;
}

#navigation .sub-menu li {
    display: block;
}

#navigation .sub-menu li a {
    background-color: #a3c3bd;
    padding: 10px 25px;
}

ul.nav-menu-content ul a,
div.nav-menu-content ul ul a {
    width: auto !important;
    min-width: 240px;
    color: #374948;
}

/* Online Learning Sub Menus */
#navigation > li:first-child > .sub-menu {
    width: 660px;
    right: -330px;
}

#navigation > li:first-child > .sub-menu > ul.in-depth,
#navigation > li:first-child > .sub-menu > ul.single {
    float: left;
    width: 329px; /* account for 1px border on either side of sub-menu wrapper */
    margin: 10px 0 0;
}

/* Desktop Menu */
/* Style first and second link in online learning sub menus (desktop & mobile menus) */
/* i.e. ~ Explore all classes ~, Purchase Gift Certificate, In Depth Classes, Single Classes */
#navigation > li:first-child > .sub-menu > ul.in-depth > li:first-child a,
#navigation > li:first-child > .sub-menu > ul.single > li:first-child a,
#navigation > li:first-child > .sub-menu > ul.in-depth > li:nth-child(2) a,
#navigation > li:first-child > .sub-menu > ul.single > li:nth-child(2) a {
    display: block;
    font-family: 'Crimson Text';
    text-transform: uppercase;
    padding: 0 25px;
    color: #000;
}

#navigation > li:first-child > .sub-menu > ul.in-depth > li:first-child a,
#navigation > li:first-child > .sub-menu > ul.single > li:first-child a {
    font-style: italic;
}

/* Desktop Menu */
/* Add margin before first link in each sub menu */
/* i.e. ~ Explore all classes ~, Purchase Gift Certificate */
#navigation > li:first-child > .sub-menu > ul.in-depth > li:first-child,
#navigation > li:first-child > .sub-menu > ul.single > li:first-child {
    margin-bottom: 20px;
}

/* Hide second gift certificate link in desktop (last link in second sub menu) */
#navigation > li:first-child > .sub-menu > ul.single > li:last-child {
    display: none;
}

/* Mobile menu: */
/* Hide course links below the In-Depth and Single category links to reduce clutter on mobile. */
/* Keep the first and second links visible in the first sub menu: i.e. ~ Explore all classes ~, In Depth Classes */
/* Keep the second and last links visible in the second sub menu: i.e. Single Classes, Purchase Gift Certificate (Last Link, not first) */
#tab-navigation > li:first-child > .sub-menu > ul.in-depth > li:not(:first-child):not(:nth-child(2)),
#tab-navigation > li:first-child > .sub-menu > ul.single > li:not(:nth-child(2)):not(:last-child) {
    display:none;
}

/* Mobile menu: */
/* Hide first Gift Certificate link in mobile (we favor the one at the end of the list in mobile) */
#tab-navigation > li:first-child > .sub-menu > ul.single > li:first-child {
    display:none;
}

#tab-navigation > li:first-child > .sub-menu > ul.single:before {
    padding-top: 15px;
}

#navigation .menu-item-free-resources a,
#tab-navigation .menu-item-free-resources a {
  border: 1px solid #000;
  border-radius: 50px;
  background: #fff;
}

#tab-navigation .menu-item-free-resources a {
    border: 1px solid #000;
    border-radius: 50px;
    background: #fff;
}
 
#tab-navigation .menu-item-free-resources a {
    padding-left: 20px;
    padding-right: 20px;
}

/*
 * My Account: Main Menu Sub Menu
 */

/* Highlight My Course Portal Link */
.nav-menu #account-menu .my-course-portal-menu-item a,
.tab-nav-menu #account-menu .my-course-portal-menu-item a {
    font-weight:bold;
    font-style: italic;
}


/* 
Main Menu - Mobile
*/

.tab-nav-menu {
    background-color: #a3c3bd;
}

.tab-nav-menu .tab-nav-menu-content li {
    padding: 10px 0;
}

.header-navigation-menu:not(.side-header-menu) .tab-nav-menu a.indicator {
    padding: 4px 12px;
    margin-left: 10px;
}