/* Custom ShiftNav Skin Sample */

/* Use Font Awesome 5 */

.shiftnav .fa, 
.shiftnav-toggle .fa{
  font-family: "Font Awesome 5 Free";
  font-weight:900;
}


/* Toggle Button */
.shiftnav-toggle-button {
    background: transparent;
    color: #fff !important;
    padding: 9px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 24px !important;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.fl-page-header a.shiftnav-toggle i {
    color: #fff;
}

.fl-page-header a.shiftnav-toggle i:hover,
.fl-page-header a.shiftnav-toggle:hover i {
    color: #fff !important;
}

.shiftnav-toggle-button:hover {
    background-color: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    padding: 9px;
    text-decoration: none;
}


/* Shiftnav Main */
#shiftnav-main {
    background: #223D56;
    color:#fff;
}

.shiftnav.shiftnav-shiftnav-main .shiftnav-site-title {
    color:#fff;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target {
    background:#294761;
    color:#fff;
    font-size:15px;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active { 
    background:#3C5973;
    color:#fff;
    border-top: none;
    border-bottom:1px solid #223D56;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target:hover {
    background: #3C5973;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target {
    background:#3C5973;
    color:#fff;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.shiftnav-highlight > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .shiftnav-highlight > .shiftnav-target { 
    background:#3C5973;
    color:#fff;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-submenu-activation {
    border-top: none;
    border-bottom:1px solid #223D56;
}




.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
    padding: 12px 25px;
}

.shiftnav .shiftnav-submenu-activation i.fa {
    margin-top: -10px;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    color: #fff;
    font-size: 14px;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target:hover {
    background-color: rgba(255,255,255,0.2);
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
    background-color: rgba(255,255,255,0.1) !important;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target,
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-submenu-activation {
    border-top: none;
    border-bottom: none;
}

#shiftnav-main .fl-social-icons {
    padding: 12px 25px;
}

#shiftnav-main .fl-social-icons a {
    color: #fff;
    width: 28px;
    height: 28px;
    display:block;
    float: left;
    margin-right: 2px;
}



@media only screen and (min-width:991px){ 
    #shiftnav-toggle-main,
    .shiftnav-toggle-mobile{
        display:none;
    }
    .shiftnav-wrap {
        padding-top:0 !important;
    }
}
@media only screen and (max-width:990px){
    .fl-page-nav-collapse{
        display:none !important;
    }
}