/* ===== Global base ===== */

html,
body {
  background-color: #111317;
  color: #e5e7eb;
}

/* Body copy and misc text */

p,
li,
span,
.section-title p,
.btn-text {
  color: #d1d5db;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h1,
.section-title h2 {
  color: #f9fafb;
}

/* Links */

a {
  color: #1ca7ec;
}

a:hover,
a:focus {
  color: #5bc7ff;
}

/* Sections and common backgrounds */

section,
.about-section {
  background-color: #151515 !important;
}

/* Things that used to be white or light grey */

.white-bg,
.grey-bg,
.bordered-bg.white-bg {
  background-color: #151515 !important;
}

.dark-grey-bg {
  background-color: #1f242c !important;
}

/* Cards / content boxes */

.post-wrap,
.service-wrap,
.feature-box,
.feature-box-2,
.cbp-l-grid-projects-title,
.cbp-l-grid-projects-desc {
  background-color: #151515;
  border-color: #111317;
}

/* Navbar / header */

.navbar-default,
nav.navbar.bootsnav {
  background-color: rgba(15, 18, 25, 0.95);
  border-color: #050608;
}

nav.navbar.bootsnav ul.nav > li > a,
.navbar-default .navbar-nav > li > a {
  color: #e5e7eb;
}

nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #1ca7ec;
  background-color: transparent;
}

/* Burger icon on mobile */

.navbar-default .navbar-toggle .icon-bar,
nav.navbar.bootsnav .navbar-toggle {
  background-color: #e5e7eb;
  color: #e5e7eb;
}

/* Footer */

.footer-main {
  background-color: #111317 !important;
}

.footer .widget-title {
  color: #e5e7eb;
}

.footer .widget-text p,
.footer .widget-links li,
.footer .widget-links a {
  color: #9ca3af;
}

.footer .widget-links a:hover {
  color: #1ca7ec;
}

.footer-copyright {
  background-color: #050608 !important;
}

.copy-right {
  color: #9ca3af;
}

/* Social icons */

.social-networks > li > a {
  border-color: #374151;
  color: #e5e7eb;
}

.social-networks > li > a:hover {
  color: #ffffff;
}

/* Forms */

input,
textarea,
select,
.form-control {
  background-color: #111317;
  border: 1px solid #1f2933;
  color: #e5e7eb;
}

input::placeholder,
textarea::placeholder {
  color: #6b7280;
}

/* Contact section icons already use .white-color, so we mostly care about the text */

.icon-text h3,
.icon-text .dis {
  color: #e5e7eb;
}

/* Helper utilities that were light */

.bordered-bg {
  border-top: 1px solid #1f2933;
  border-bottom: 1px solid #1f2933;
}

.grey-bg {
  background-color: #181b21 !important;
}