/*
 * Socionics.su Max Mega Menu
 * Green identity distinct from психологи.рф
 */

/* Main horizontal menu */
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary {
    background:
        linear-gradient(
            90deg,
            #0f5132 0%,
            #238b52 45%,
            #176b3a 72%,
            #0b4429 100%
        ) !important;
}


/* Top-level menu links */
#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item
> a.mega-menu-link {
    color: #fff !important;
    background: transparent !important;
}


/* Hover / current top-level item */
#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item:hover
> a.mega-menu-link,

#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-current-menu-item
> a.mega-menu-link,

#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-current-menu-ancestor
> a.mega-menu-link {
    color: #fff !important;

    background:
        linear-gradient(
            180deg,
            #35ad68 0%,
            #176b3a 100%
        ) !important;
}


/* Dropdown panel */
#mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item
> ul.mega-sub-menu {
    background:
        linear-gradient(
            135deg,
            #249653 0%,
            #176b3a 55%,
            #0d4d2d 100%
        ) !important;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, .18) !important;
}


/* Dropdown links */
#mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item
> ul.mega-sub-menu
a.mega-menu-link {
    color: #fff !important;
}


/* Dropdown hover */
#mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item
> ul.mega-sub-menu
li.mega-menu-item:hover
> a.mega-menu-link {
    color: #fff !important;

    background:
        linear-gradient(
            90deg,
            #3ab86f 0%,
            #21884e 100%
        ) !important;
}


/* Small separators */
#mega-menu-wrap-primary
#mega-menu-primary
li.mega-menu-item {
    border-color:
        rgba(255, 255, 255, .12) !important;
}


/* Mobile toggle */
#mega-menu-wrap-primary
.mega-menu-toggle {
    background:
        linear-gradient(
            90deg,
            #0f5132 0%,
            #238b52 55%,
            #0b4429 100%
        ) !important;

    color: #fff !important;
}


/* Mobile menu */
@media only screen and (max-width: 768px) {

    #mega-menu-wrap-primary
    #mega-menu-primary {
        background:
            linear-gradient(
                180deg,
                #176b3a 0%,
                #0b4429 100%
            ) !important;
    }

    #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-item
    > a.mega-menu-link {
        color: #fff !important;
    }
}

/* =========================================================
   SOCIONICS: FORCE ALL DROPDOWNS GREEN
   ========================================================= */

/* Сам контейнер выпадающего меню */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu,

#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-flyout
> ul.mega-sub-menu {

    background: linear-gradient(
        135deg,
        #249653 0%,
        #176b3a 55%,
        #0d4d2d 100%
    ) !important;

    background-color: #176b3a !important;

    border: 0 !important;

    box-shadow:
        0 7px 18px rgba(0, 0, 0, .22) !important;
}


/* Каждый обычный пункт выпадающего меню */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-menu-item
> a.mega-menu-link {

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        #249653 0%,
        #176b3a 100%
    ) !important;

    background-color: #176b3a !important;

    border-color:
        rgba(255,255,255,.13) !important;
}


/* Наведение */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-menu-item:hover
> a.mega-menu-link,

#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-menu-item
> a.mega-menu-link:hover {

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        #42bd74 0%,
        #238b52 55%,
        #176b3a 100%
    ) !important;

    background-color: #238b52 !important;
}


/* Текущий выбранный пункт */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-current-menu-item
> a.mega-menu-link,

#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-current-menu-ancestor
> a.mega-menu-link {

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        #35ad68 0%,
        #146b3a 100%
    ) !important;
}


/* Вложенные выпадающие уровни */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
ul.mega-sub-menu {

    background: linear-gradient(
        135deg,
        #1f8249 0%,
        #0f5132 100%
    ) !important;
}


/* Убираем синий фон, который может оставаться на LI */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
li.mega-menu-item {

    background: transparent !important;
}


/* Стрелки также белые */
#mega-menu-wrap-primary
#mega-menu-primary
ul.mega-sub-menu
.mega-indicator {

    color: #ffffff !important;
}