/* Use Font Awesome 5 */

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


/* Custom ShiftNav Skin Sample */

.shiftnav-toggle-button {
    background: transparent;
    color: #fff !important;
    padding: 9px 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px !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;
    
    float: right;
}

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

.shiftnav-toggle i {
    color: #fff !important;
}

.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 {
    background: #283E45;
    color: #ffffff;
    font-size: 14px;
}

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

.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;
}