@import '../../../styles/variables.scss';

.dropdown-menu {
    overflow: hidden;
    min-width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    ::ng-deep a.nav-link {
        padding-right: $spacer;
        padding-left: $spacer;
        white-space: nowrap;
    }
}

/** Mobile menu styling **/
@media screen and (max-width: map-get($grid-breakpoints, md)) {
    .dropdown-toggle {
        &:after {
            float: right;
            margin-top: $spacer/2;
        }
    }
    .dropdown-menu {
        border: 0;

    }
}