/* =========================================================
   CUSTOM 3 LEVEL MENU
========================================================= */

/* Parent LI */
.main-menu-item.has-dropdown {
    position: relative !important;
}


/* =========================================================
   2ND LEVEL DROPDOWN
   DEFAULT = HIDDEN
========================================================= */

.main-menu-item.has-dropdown > .nav-sublist-dropdown {
    display: none !important;

    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    width: 240px !important;
    min-width: 240px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: hidden !important;
    opacity: 0 !important;

    overflow: visible !important;

    background: #ffffff !important;

    border: 1px solid #ddd !important;

    box-shadow: 0 5px 15px rgba(0,0,0,.15) !important;

    z-index: 99999 !important;
}


/* =========================================================
   2ND LEVEL SHOW ONLY WHEN PARENT HOVER
========================================================= */

.main-menu-item.has-dropdown:hover > .nav-sublist-dropdown {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.main-menu-item.has-dropdown > .nav-sublist-dropdown > .container {
    width: 100% !important;

    min-width: 240px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   2ND LEVEL UL
========================================================= */

.main-menu-item.has-dropdown
.nav-sublist-dropdown
.second-level-menu {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: #ffffff !important;
}


/* =========================================================
   2ND LEVEL LI
========================================================= */

.second-level-menu > .second-level-item {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   2ND LEVEL LINK
========================================================= */

.second-level-menu > .second-level-item > a.item-link {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    min-width: 240px !important;

    box-sizing: border-box !important;

    padding: 12px 15px !important;

    margin: 0 !important;

    background: #ffffff !important;

    color: #333333 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


/* 2ND LEVEL HOVER */

.second-level-menu > .second-level-item:hover > a.item-link {

    background: #f1f1f1 !important;

    color: #000000 !important;
}


/* =========================================================
   3RD LEVEL
   DEFAULT = HIDDEN
========================================================= */

.second-level-item.has-third-level > .third-level-menu {

    display: none !important;

    position: absolute !important;

    top: 0 !important;

    left: 100% !important;

    width: 240px !important;

    min-width: 240px !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    visibility: hidden !important;

    opacity: 0 !important;

    overflow: visible !important;

    background: #f7f7f7 !important;

    border: 1px solid #ddd !important;

    box-shadow: 5px 5px 15px rgba(0,0,0,.15) !important;

    z-index: 999999 !important;
}


/* =========================================================
   3RD LEVEL SHOW ON 2ND LEVEL HOVER
========================================================= */

.second-level-item.has-third-level:hover > .third-level-menu {

    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;
}


/* =========================================================
   3RD LEVEL UL
========================================================= */

.third-level-menu {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   3RD LEVEL LI
========================================================= */

.third-level-menu > .third-level-item {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   3RD LEVEL LINK
========================================================= */

.third-level-menu > .third-level-item > a.item-link {

    display: block !important;

    width: 100% !important;

    min-width: 240px !important;

    box-sizing: border-box !important;

    padding: 12px 15px !important;

    background: #f7f7f7 !important;

    color: #333333 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


/* 3RD LEVEL HOVER */

.third-level-menu > .third-level-item:hover > a.item-link {

    background: #e9e9e9 !important;

    color: #000000 !important;
}


/* =========================================================
   ARROWS
========================================================= */

.menu-arrow {

    display: inline-block !important;

    margin-left: 7px !important;

    font-size: 10px !important;

    transition: transform .2s ease !important;
}


.main-menu-item.has-dropdown:hover .menu-arrow {

    transform: rotate(180deg);
}


.submenu-arrow {

    display: inline-block !important;

    margin-left: 15px !important;

    font-size: 9px !important;
}