/*!
 * Bella Jule
 * Copyright 2008-2024 Punchmark
 */

/*  ==============================
    Helpers
==============================  */

.btn-primary {
    border-color: var(--bs-dark);    
}
.btn-primary:hover,
.btn-primary:focus {
    border-color: #464646;
}

/*  ==============================
    Navigation
==============================  */

nav.navbar #main-navigation .mobile-bottom {
    padding-bottom: 1.25rem !important;
}

.nav-bottom-buttons {
    display: none !important;
}

@media(max-width:767px){
    nav.navbar #main-navigation {
        background: #000000 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a > i,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after,
    nav.navbar #main-navigation .mobile-top .input-group .btn i {
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn:hover i,
    nav.navbar #main-navigation .mobile-top .input-group .btn:focus i {
        color: #aaaaaa !important;

    }
    nav.navbar .navbar-nav .nav-item,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        border-color: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        filter: invert(2) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        border-color: rgba(255,255,255,0.1) !important;
        background: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
        color: #aaaaaa !important;
    }
}

/*  ==============================
    Footer
==============================  */

footer {
    background: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
}