/* style.css */

@media (max-width: 1199.98px) {
    
    .dropdown-menu {
        margin: 5px 0 0 0 !important;
        padding: 0 0 5px 0 !important;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #efefef;
    }
}

@media (min-width: 1200px) {
    
    .navbar--custom .dropdown-menu {
        margin: 5px 0 0 0 !important;
        padding: 0 0 5px 0 !important;
        background-color: transparent;
        border: none;
    }
    
    .navbar--custom .dropdown-menu {
        margin: -15px 0 0 0 !important;
        padding: 15px 0 !important;
        position: absolute;
        z-index: 98;
    }
    
    .navbar--custom .dropdown-menu:before {
        background-color: #be1627;
        height: 100%;
        width: 210px;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .navbar--custom .dropdown-menu li {
        padding-left: 20px;
        padding-right: 20px;
        background-color: #be1627;
        height: auto;
        width: 210px !important;
        font-size: 1.6em;
        text-align: left;
        display: block;
        cursor: default;
        position: relative;
        float: none;
    }
    
    .navbar--custom .dropdown-menu li a {
        margin: 0 !important;
        padding: 3px 0 !important;
        height: auto !important;
        color: #ffffff !important;
        text-decoration: none;
        line-height: normal !important;
        display: block;
        border-bottom: none;
    }
    
    .navbar--custom .dropdown-menu li a:hover, .navbar--custom .dropdown-menu li a:focus {
        color: #fbd3d7 !important;
        border-bottom: none;
    }
    
    .navbar--custom .dropdown-menu li .dropdown-menu {
        top: 0;
        right: -170px;
    }
    
    .navbar--shrink .dropdown-menu li a:hover, .navbar--shrink .dropdown-menu li a:focus {
        background-color: inherit;
    }
    
    .navbar--shrink .dropdown-menu {
        margin: -1px 0 0 0 !important;
    }
    
}