/*------------------------------------- MODIFICACIONES A LA NAVEGACIÓN----------------------------------------*/
#topbar {
    background-color: crimson;
}

#header.header-sticky.dark #header-wrap {
    background-color: crimson !important;
}

#header.dark #mainMenu nav > ul > li.m4p-main-menu > a{
    border-color: white;
    background-color: crimson;
}

#header.dark #header-wrap {
    background-color: crimson;
    border-bottom: 1px solid crimson;
}

li.active a {
    color: lightgray !important;
    opacity: .8;   
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.active.level3 a {
    color: crimson !important;
    font-weight: 700!important;
}

#topbar .top-menu > li > a:hover{
    color: lightgray;
    opacity: .8;   
}

.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu {
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
    box-shadow: 0px 0px 18px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px){
#header #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu{
    background-color: #f8f8f8 !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 0px 18px 0 rgba(0, 0, 0, 0.05)!important;
    }
}

.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #444444;
}
/*------------------------------------- FIN MODIFICACIONES A LA NAVEGACIÓN----------------------------------------*/




/*------------------------------------- MODIFICACIONES TERCER MENU ----------------------*/
.page-menu.menu-creative nav li:hover a, .page-menu.menu-creative nav li.active a {
    background-color: transparent;
}

#page-menu.menu-creative nav li.active a {
    color: darkgray !important;
}

.page-menu nav li:hover a, .page-menu nav li.active a {
    background-color: crimson;
}

#page-menu {
    background-color: white;
}

#page-menu nav li.active a {
    color: #fff !important;
}
/*------------------------------------- fin MODIFICACIONES TERCER MENU ----------------------*/