/* Navigation
--------------------------------------------- */

header.one-head {
    background-color:#24328B;
}

/*edit to change bg colour*/
/*.menu-hover .logo img,
.sticky .logo img {
    display: none !important;
}*/

/*edit to change bg colour*/
/*.menu-hover .logo,
.sticky .logo {
    background-image: url(../../../uploads/2020/10/dhani-logo-blue.png) !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    background-position-x: 10px !important;
    background-position-y: 2px !important;
}*/


.menu-hover {
    /*edit to change bg colour*/
    /*background-color: rgba(14, 51, 120, 1);*/
    /*background-color: #f1f1f1;*/
    background-color: #0C347B;
    -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
    /*border-bottom: 1px solid #ccc;*/
}


/*edit to change bg colour*/
.mega-menu:hover a.mega-menu-link {
    /* color: #0054A6 !important;*/

}

/*edit to change bg colour*/
.mega-menu .mega-menu-parent>a.mega-menu-link:hover {
    /*color: #0054A6 !important;*/
    text-decoration: underline !important;
}

.nav-width {
    width: 100%;
    position: relative;
}


.mega-show-on-small {
    display: block !important;
}

.mega-spacer-block {
    background-image: url(../../../uploads/2020/10/white-logo-1@3x.png);
    background-repeat: no-repeat;
    background-size: 36px;
}

#site-navigation, #site-navigation-stuck {
    padding-top: 10px;
}
@media (max-width: 768px) {
.main-navigation {
    padding: 0 !important;
}
ul.mega-menu {
box-shadow: 0 8px 6px -6px #666 !important;
}
}

@media (min-width: 769px) {
    .mega-menu {
        display: inline-block !important;
    }

    .mega-show-on-small {
        display: none !important;
    }

    #site-navigation {
        padding-top: 10px;
    }

    #site-navigation.sticky {
        padding-top: 10px;
    }

}

/*edit to change bg colour*/
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    /*background-color: #f1f1f1;*/
    /*background-color: rgba(14, 51, 120, 1);*/
    background-color: #0C347B;
    -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
    /*border-bottom: 1px solid #ccc;*/

    z-index: 9;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
    padding-top: 60px;
}

/*edit to change bg colour*/
.sticky a.mega-menu-link {
    /* color: #0054A6 !important;*/
}



/* About nav */
.nav-about {
    padding: 0 !important;
}
.nav-about ul {
    margin-left: 0;
}
.nav-about a {
    font-size: 14px;
    color:#000;
    min-width:150px;
    text-align: center;
}
.nav-about li.active a{
    border-bottom: 4px solid #E98427;
    color:#2F80ED;
}
/* Toggler not used anymore*/
.nav-about .navbar-toggler {
    border: none;
    outline: none;
    box-shadow: none;
    text-align: left;
}
/* squeeze menu in on mobile */
@media (max-width: 576px) {
    .nav-about ul.navbar-nav {
        white-space: nowrap;
        flex-direction: row !important;
    }
    .nav-about a {
        display: inline-block;
        min-width:auto;  
    }
    .nav-about ul.navbar-nav li {
        margin-right:12px;   
    }
    .nav-about ul.navbar-nav li:last-child  {
        margin-right:0;
    }
    }
    @media (max-width: 350px) {
    .less-padding-sm {
        padding:0 4px;
    }
    .nav-about ul.navbar-nav li {
        margin-right:6px;  
    }
    }

    /* Top right*/

    #P9Lang select {
        background: transparent;
        border: none;
        color: #FFF;
        margin-right:5px;
        margin-top:2px;
    }

    #P9Lang select option {
        color: #000;
    }
    #site-navigation .nav-get-app-btn,
    #site-navigation-stuck .nav-get-app-btn {
        font-size: 14px;
        padding: 3px 10px;
        min-width: auto;
    }
    .top-right {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 14px;
        padding: 3px 10px;
    }
    @media (max-width: 768px) {
    .top-right {
        position:fixed; 
        top:0; 
        right:50px; 
        z-index:9;
    }
    #P9Lang select {
        font-size:11px;
    }
}

.breadcrumbs a,
.breadcrumbs a:visited {
    color: #000;
    font-size:14px;
}