/* ========================================
   LWWM BOOTSTRAP 5 NAVBAR
======================================== */

.lwwm-navbar {
    background: rgba(0, 126, 164, 0.96);

    padding: 14px 0;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, .12);

    transition: all .3s ease;
}


/* BRAND */

.lwwm-navbar .navbar-brand {
    color: #ffffff;

    font-size: 22px;

    font-weight: 800;

    letter-spacing: .2px;
}


.lwwm-navbar .navbar-brand:hover {
    color: #ffffff;
}


/* MAIN LINKS */

.lwwm-navbar .navbar-nav .nav-link {
    position: relative;

    color: rgba(255,255,255,.92);

    font-size: 14px;

    font-weight: 600;

    padding:
        11px 14px;

    transition:
        color .25s ease;
}


.lwwm-navbar .navbar-nav .nav-link:hover,
.lwwm-navbar .navbar-nav .nav-link:focus {
    color: #f3ce72;
}


/* Hover underline */

.lwwm-navbar
.navbar-nav
.nav-link::after {
    transition:
        transform .25s ease;
}


/* DROPDOWN MENU */

.lwwm-navbar .dropdown-menu {
    min-width: 220px;

    padding: 10px 0;

    margin-top: 10px;

    border: none;

    border-radius: 10px;

    box-shadow:
        0 14px 35px
        rgba(0,0,0,.15);
}


.lwwm-navbar .dropdown-item {
    padding:
        10px 18px;

    color: #34434c;

    font-size: 14px;

    transition:
        all .25s ease;
}


.lwwm-navbar
.dropdown-item:hover {
    padding-left: 23px;

    color: #00A2D3;

    background: #f1fbfe;
}


.lwwm-navbar
.dropdown-divider {
    margin:
        4px 0;

    border-color: #edf0f2;
}


/* LOGIN */

.login-link {
    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;
}


.login-link:hover {
    color: #f3ce72;
}


/* BIBLE COLLEGE BUTTON */

.bible-college-btn {
    padding:
        9px 15px;

    background: transparent;

    border:
        1px solid #ffffff;

    color: #fff;

    border-radius: 26px;

    font-size: 13px;

    font-weight: 700;

    white-space: nowrap;

    transition:
        all .3s ease;
}


.bible-college-btn:hover {
    background: #f3ce72;

    border-color: #f3ce72;

    color: #24404b;
}


/* DONATION */

.donation-btn {
    padding:
        9px 15px;

    background: #e2b547;

    border:
        1px solid #e2b547;

    color: #ffffff;

    border-radius: 26px;

    font-size: 13px;

    font-weight: 700;

    white-space: nowrap;

    transition:
        all .3s ease;
}


.donation-btn:hover {
    background: #ffffff;

    border-color: #ffffff;

    color: #007fa6;
}


/* MOBILE TOGGLER */

.lwwm-navbar .navbar-toggler {
    border-color:
        rgba(255,255,255,.5);

    box-shadow: none;
}


.lwwm-navbar
.navbar-toggler:focus {
    box-shadow: none;
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 991.98px) {

    .lwwm-navbar {
        padding:
            11px 0;
    }


    .lwwm-navbar
    .navbar-collapse {
        margin-top: 14px;

        padding:
            15px;

        background:
            #007fa6;

        border-radius:
            10px;
    }


    .lwwm-navbar
    .navbar-nav
    .nav-link {
        padding:
            10px 4px;

        border-bottom:
            1px solid
            rgba(255,255,255,.12);
    }


    .lwwm-navbar
    .dropdown-menu {
        margin-top: 0;

        margin-bottom:
            10px;

        border-radius:
            6px;

        box-shadow: none;
    }


    .navbar-actions {
        margin-top:
            15px;

        align-items:
            stretch !important;
    }


    .navbar-actions
    .btn {
        width: 100%;

        text-align: center;
    }


    .login-link {
        width: 100%;

        padding:
            9px 0;
    }

}