/* MN Header — transparent / scrolled / hover states */

.mn-header {
    background: transparent !important;
    transition: background .4s, box-shadow .4s;
}

.mn-header.mn-scrolled {
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

@media (min-width: 769px) {
    .mn-header:hover {
        background: rgba(255,255,255,.98) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,.08);
    }
}

/* Logo: white visible / dark hidden by default */
.mn-logo-dark  { display: none  !important; }
.mn-logo-white { display: block !important; }

.mn-header.mn-scrolled .mn-logo-dark  { display: block !important; }
.mn-header.mn-scrolled .mn-logo-white { display: none  !important; }

@media (min-width: 769px) {
    .mn-header:hover .mn-logo-dark  { display: block !important; }
    .mn-header:hover .mn-logo-white { display: none  !important; }
}

/* Nav links: white by default */
.mn-header .mn-nav a {
    color: rgba(255,255,255,.9) !important;
    text-decoration: none !important;
    transition: color .3s;
}
.mn-header .mn-nav a:hover {
    color: #a3e635 !important;
}

/* Nav links: dark on scrolled / hover */
.mn-header.mn-scrolled .mn-nav a {
    color: #222 !important;
}
.mn-header.mn-scrolled .mn-nav a:hover {
    color: #a3e635 !important;
}

@media (min-width: 769px) {
    .mn-header:hover .mn-nav a {
        color: #222 !important;
    }
    .mn-header:hover .mn-nav a:hover {
        color: #a3e635 !important;
    }
}