.mag-site-main-menu .navbar-nav { text-transform: uppercase; }
.mag-site-main-menu .nav > li a { font-size: 12px;font-weight: bold; }
/*.mag-site-main-menu.nav-bg-hover-effect .nav .open>a, .mag-site-main-menu.navbar-menu.nav-bg-hover-effect */
/*.navbar-nav .active>a:hover, .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav a:focus, */

/*custom hover on navigation*/
/*.mag-site-main-menu .navbar-nav>li a:before { background-color: var(--mag-nav-text-hover-color); bottom: 12px; height: 2px; content: ""; display: block; position: absolute; left: 13%; width: 0; transition: width 0.3s ease, opacity 0.2s ease, color 0.2s ease; }*/
/*.mag-site-main-menu .navbar-nav>li:hover a:before, .mag-site-main-menu .navbar-nav>.active a:before { width: 75%; }*/
/*.mag-site-main-menu .dropdown-menu.dropdown-menu-right>li a:before { width:0 !important; background:transparent; }*/
/*.mag-site-main-menu .navbar-nav>li:hover .dropdown-toggle:before { width: 0; }*/

.site-main-nav
 {
    --mag-nav-bg-color: linear-gradient(to bottom, #f5f6f6 0%, #f0f0f0 21%, #cccccc 49%, #f0f0f0 80%, #f5f6f6 100%);
    --mag-nav-text-color: #000;
    --mag-nav-hover-bg-color: linear-gradient(to bottom, #4edbe2 0%, #3aabbb 21%, #2c879c 49%, #3aabbb 80%, #4edbe2 100%);
    --mag-nav-active-bg-color: linear-gradient(to bottom, #4edbe2 0%, #3aabbb 21%, #2c879c 49%, #3aabbb 80%, #4edbe2 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
 }
 
 .siteHeader { background-color:  #1297ba !important; }
 .site-page-header { background-color:  #1297ba !important; }
 
 .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav a:hover { background: var(--mag-nav-active-bg-color); }