﻿.mega_menu {
    background-color: #ffffff;
    box-shadow: 0 2px 2px -2px #e3e1df;
    display: none;
    position: absolute;
    margin: 0 auto;
    height: auto;
    right: 0;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-width: 1680px;
    width: 100%;
    z-index: 10000;
}

    .mega_menu .mega_menu_container {
        margin: 0 auto;
        max-width: 1196px;
        padding: 0 7px;
        width: calc(100% - 14px);
    }

    .mega_menu .mega_menu_nav {
        font-size: 15px;
        padding: 25px 20px 30px 20px;
        overflow-y: auto;
    }

        .mega_menu .mega_menu_nav a {
            word-break: break-word !important;
        }

        .mega_menu .mega_menu_nav ul {
            height: 100%;
        }

        .mega_menu .mega_menu_nav > ul {
            -moz-column-count: 4;
            -moz-column-gap: 30px;
            -webkit-column-count: 4;
            -webkit-column-gap: 30px;
            column-count: 4;
            column-gap: 30px;
            column-width: 250px;
            column-fill: auto;
            height: 260px;
        }

            .mega_menu .mega_menu_nav > ul.secondLevel.more-height {
                height: 300px;
            }

            .mega_menu .mega_menu_nav > ul.secondLevel.even-more-height {
                height: 420px;
            }

            .mega_menu .mega_menu_nav > ul.secondLevel.max-height {
                height: 530px;
            }

        .mega_menu .mega_menu_nav ul li .link_item {
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            position: relative;
        }

            .mega_menu .mega_menu_nav ul li .link_item a {
                margin: 0;
            }

            .mega_menu .mega_menu_nav ul li .link_item .icon-right {
                position: absolute;
                left: -16px;
                top: 2px;
            }

                .mega_menu .mega_menu_nav ul li .link_item .icon-right:hover {
                    cursor: pointer;
                }

                .mega_menu .mega_menu_nav ul li .link_item .icon-right:focus {
                    outline: none;
                }

                .mega_menu .mega_menu_nav ul li .link_item .icon-right:before {
                    font-size: 10px;
                    margin: 0 6px 0 0;
                    transition: transform 0.4s;
                }

                .mega_menu .mega_menu_nav ul li .link_item .icon-right[aria-expanded="true"]:before {
                    transform: rotate(90deg);
                    top: -2px;
                    position: relative;
                }

        .mega_menu .mega_menu_nav ul li a {
            color: #000000 !important;
            font-weight: normal;
            line-height: normal;
            margin-bottom: 5px;
            padding: 0;
        }

            .mega_menu .mega_menu_nav ul li a:hover,
            .mega_menu .mega_menu_nav ul li a:focus {
                color: #000000 !important;
                text-decoration: underline;
            }

        .mega_menu .mega_menu_nav ul li.current {
            background: none;
        }

            .mega_menu .mega_menu_nav ul li.current a {
                background: none;
            }

        .mega_menu .mega_menu_nav ul.thirdLevel {
            display: block;
            position: static;
            border: none;
            width: auto;
            height: auto;
            padding: 0;
        }

        .mega_menu .mega_menu_nav ul.thirdLevel.defaultClosed {
            display:none;
        }

            .mega_menu .mega_menu_nav ul.thirdLevel a {
                font-size: 13px;
                padding: 0 0 5px 18px;
                width: calc(100% - 18px);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

/* User tabbing */
.user_tabbing .mega_menu .mega_menu_nav ul li .link_item .icon-right:focus {
    outline: 1px solid #000000;
}

.language_dropdown_container {
    float: none;
}
