/* navbar overrides, prevent clipped navbar items */
.main-menu .menu-item > a {
    padding: 1rem .6rem !important;
}

.logo {
    width: 50px !important;
}


@media screen and (min-width: 1160px) {
    .main-menu .menu-item > a {
        padding: 1rem .75rem !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1160px) {
    .logo a {
        margin-left: 15px !important;
    }

    .logo img {
        max-width: unset !important;
    }

    .top-nav div:nth-child(4) {
        max-width: 230px !important;
    }

    .main-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 8px !important;
    }

    .main-menu .menu-item > a {
        padding: 1rem 5px !important;
    }

    .icon-group {
        padding-left: .2rem !important;
        padding-right: .2rem !important;
    }

    .dropdown-wrapper .button {
        padding: 1rem 5px !important;
    }
}

@media screen and (max-width: 979px) {
    .main-menu .menu-dropdown .dropdown-down {
        max-height: 12rem;
    	overflow-y: auto;
        overflow-x: hidden;
    }

    .main-menu .menu-item > a {
        padding: 1rem 1rem !important;
    }
}