/* Body */
html,
body {
  background: var(--background);
}

/* Background */
.bg-gray {
  background: var(--light-gray) !important;
}

.bg-primary {
  background: var(--primary) !important; /* Gold */
}

.bg-secondary {
  background: var(--secondary) !important; /* Silk */
}

.bg-light {
  background: var(--light) !important; /* Paper */
}

.bg-dark {
  background: var(--dark) !important; /* Charcoal */
}

/* Text */
.text-gray {
  color: var(--light-gray) !important;
}

.text-primary {
  color: var(--primary) !important; /* Gold */
}

.text-secondary {
  color: var(--secondary) !important; /* Silk */
}

/* Buttons */
.btn {
  border-color: var(--light-gray);
  color: var(--dark);
  background: var(--white);
}

.btn:hover {
  background: var(--white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.btn-primary,
.btn-primary:hover {
  color: var(--fixed-light);
  border-color: var(--primary);
  background: var(--primary);
}

.btn-success,
.btn-success:hover {
  color: var(--fixed-light);
  background: #3fc380;
  border-color: #3fc380;
}

.btn-danger,
.btn-danger:hover {
  color: #d9534f;
  border-color: #ffdbd9;
}

.btn-info,
.btn-info:hover {
  color: #3ac9f0;
  border-color: #e4f1fe;
}

.btn-warning,
.btn-warning:hover {
  color: #f5d76e;
  border-color: #f5e9ca;
}

.btn-dark,
.btn-dark:hover {
  background: var(--dark);
  color: var(--white);
  border-color: var(--dark);
}

.btn:hover {
  border-color: var(--light-gray);
}

/* Elements */
/* General */
html,
body {
  color: var(--dark);
}

a {
  color: var(--primary);
}

/* Navbar */
.navbar-fixed-top .brand,
footer .brand {
  color: var(--primary);
}

.navbar-fixed-top .nav .active a,
.navbar-fixed-top .nav .active a:hover,
.navbar-fixed-top .nav a:hover,
.navbar-fixed-top .nav-pills > li.active > a,
.navbar-fixed-top .nav-pills > li.active > a:focus,
.navbar-fixed-top .nav-pills > li.active > a:hover {
  color: var(--primary);
  background: none;
}

.form-control:focus {
  border-color: var(--primary);
}

/* Portfolio */
.img-gallery .overlay {
  background: var(--primary);
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: var(--primary);
}

/* Services */
.service:hover .fa:after,
.service:hover .glyphicon:after {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}