/*===============
Dark Theme Styles.
=================*/
body {
    background-color: #101010;
    color: #fff;
}

.container-fluid .navbar {
    background-color: #0D0D0D !important;
}

h4, h5, h6, p, #hero-text h5 {
    color: #f4f4f4;
}

.navbar .navbar-brand, 
.navbar .navbar-brand:focus, 
.navbar .navbar-brand:hover,
h1, h2, h3, a, .btn, 
.p-bar p,
.dropdown-menu > li > a,
.navbar-light .navbar-nav .nav-link, 
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav > .active > a,
.navbar-light .navbar-nav > .active > a:focus, 
.navbar-light .navbar-nav > .active > a:hover,
.contact-info .card .fas {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    opacity: 0.75;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
    opacity: 1;
}

.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
    opacity: 1;
}

nav li.active {
    border: 1px solid #555555;
}

.controls button {
    color: #C0C0C0;
}

.footer-info {
    border-top: 1px solid #262626;
}

footer a:hover {
    color: #dddddd;
}

.p-bar {
    border-bottom: 2px solid #fff;
}

.form-control {
    color: #fff;
    background-color: #252525;
    border: 1px solid #252525;
}

.form-control:focus, .form-control:hover, .form-control:active {
    color: #fff;
    background-color: #212121;
    border-color: #80bdff;
}

/* Dark theme dropdown styles */
select.form-control {
    color: #fff !important;
    background-color: #252525 !important;
    border: 1px solid #444 !important;
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    min-height: 48px;
}

select.form-control:focus {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 2px rgba(128, 189, 255, 0.25) !important;
}

select.form-control option {
    background-color: #252525 !important;
    color: #fff !important;
    padding: 8px 12px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

select.form-control option:hover {
    background-color: #333 !important;
}

select.form-control option:checked {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Dark theme filter buttons */
.filter-button {
    background-color: #252525;
    border-color: #444;
    color: #fff;
}

.filter-button:hover {
    background-color: #333;
    border-color: #80bdff;
    color: #80bdff;
}

.filter-button.active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.contact-info .card {
    background-color: #212121;
}

.contact a, .form-control {
    color: #f4f4f4;
}

.controls button:hover, .controls button.mixitup-control-active {
    border: 1px solid #fff;
    color: #fff;
}
.contact a, .form-control {
    font-weight: 400;
}

.form-control::placeholder {
    color: #c9c9c9;
}