/*===============
Dark Theme Styles.
=================*/




/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Shizuru&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;500;600;700&family=Rock+Salt&family=Sedgwick+Ave&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Shizuru&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Sedgwick+Ave&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;500;600;700&family=Sedgwick+Ave&display=swap');




body {

    color: #fff;
      overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.container-fluid .navbar {

}

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 #ac0709;
}

.controls button {
    color: #C0C0C0;
}

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

footer a:hover {
    color: #dcf604;
}

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

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

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

.contact-info .card {
    background-color: none;
}

.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;
}