﻿/* Custom Nav Bar CSS */

.navbar-custom {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

body.menu-no-scroll .top-nav .navbar-custom,
.top-nav.scrolled .navbar-custom {
}

body.menu-no-scroll .top-nav {
    position: relative;
}

.nav-link.dropdown-toggle:active,
.nav-link.dropdown-toggle:focus {
    outline: 0;
}

.navbar-custom .navbar-nav li:not(:last-child) {
    margin-right: 8px;
}

.navbar-custom a.nav-link,
.navbar-custom a.nav-link:visited {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navbar-custom .navbar-nav .nav-item.show a.nav-link,
.navbar-custom a.nav-link:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: rgba(0,0,0,0.66);
}

body.menu-no-scroll .navbar-custom .navbar-nav .nav-item.show a.nav-link,
body.menu-no-scroll .navbar-custom a.nav-link:hover,
.scrolled .navbar-custom .navbar-nav .nav-item.show a.nav-link,
.scrolled .navbar-custom a.nav-link:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #344537;
}

.navbar-custom .navbar-nav a.nav-link.nav-standout,
.navbar-custom .navbar-nav a.nav-link.nav-standout:visited {
    background-color: rgb(40, 167, 69);
    border-color: rgb(30, 126, 52);
}

.navbar-custom .navbar-nav a.nav-link.nav-standout:hover {
    background-color: rgb(30, 126, 52);
}

/* Toggler Icon */
.navbar-custom .navbar-toggler {
    padding: 0.25rem 0;
    color: #FFFFFF;
    font-size: 34px;
    line-height: 100%;
}

/* Disable the "down arrow" on dropdown. */

.navbar-custom .dropdown-toggle::after {
    display: none;
}

/* Dropdown menu colors. */

.navbar-custom .dropdown-toggle::after {
    display: none;
}

.navbar-custom .dropdown-item {
    padding: 0 0;
    background-color: #FFFFFF !important;
}

.navbar-custom .dropdown-item a {
    display: block;
    padding: 0.25rem 1.5rem;
}

.navbar-custom .dropdown-item a,
.navbar-custom .dropdown-item a:visited {
}

.navbar-custom .dropdown-item a:hover {
    text-decoration: none;
    background-color: #F4F4F4;
}

/* Logo */

.top-nav .navbar-custom .navbar-brand img.logo-lg,
.top-nav .navbar-custom .navbar-brand img.logo-sm {
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    -webkit-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
}

.top-nav .navbar-custom .navbar-brand img.logo-lg {
    display: block;
    width: auto;
    max-height: 83px;
}

.top-nav .navbar-custom .navbar-brand img.logo-sm {
    display: none;
    width: auto;
    max-height: 48px;
}

body.menu-no-scroll .top-nav .navbar-custom .navbar-brand img.logo-lg,
.top-nav.scrolled .navbar-custom .navbar-brand img.logo-lg {
    display: none;
    max-height: 48px;
}

body.menu-no-scroll .top-nav .navbar-custom .navbar-brand img.logo-sm,
.top-nav.scrolled .navbar-custom .navbar-brand img.logo-sm {
    display: block;
}

/* Navbar On Mobile */

@media (max-width : 991px) {

    .top-nav {
        background-color: #405443;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    }

    .navbar-custom .navbar-nav a.nav-link.nav-standout,
    .navbar-custom .navbar-nav a.nav-link.nav-standout,
    .navbar-custom .navbar-nav a.nav-link.nav-standout:visited {
        background-color: transparent;
        border-color: transparent;
    }

    .navbar-custom .navbar-nav a.nav-link.nav-standout:hover {
        background-color: #3B4754;
    }

}

@media (max-width : 1199px) {

    .top-nav .navbar-custom .navbar-brand img.logo-lg {
        display: none;
    }

    .top-nav .navbar-custom .navbar-brand img.logo-sm {
        display: block;
    }

}