/* ==========================================================================
   Primary Color
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
body.scrolled #header #navigation .menu > li.active > a,
.white-button:hover,
.white-button:focus,
.white-button:active,
#homepage-promo-1 .polaroid:hover .click-to-view,
body.scrolled #menu-toggle,
body.menu-expanded #menu-toggle,
#sidebar .sidebar-menu > li.active > a,
#sidebar .sidebar-menu > li > a:hover,
#sidebar .sidebar-menu ul li a:hover,
#sidebar .sidebar-menu ul li.active > a,
#sidebar .button-widget a:hover,
.form-control {
  color: #0e76bc;
}

.form-control::-moz-placeholder {
  color: #0e76bc;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #0e76bc;
}

.form-control::-webkit-input-placeholder {
  color: #0e76bc;
}

#slideshow .image-slides:before,
.buckets a:hover span,
.button {
  background-color: #0e76bc;
}

.border-button {
  background-color: transparent;
  color: #0e76bc;
  border-color: #0e76bc;;
}

.button.border-button:hover {
  background-color: #0e76bc;
  color: #fff;
}

#banner .banner-content:before {
  background-color: rgba(14, 118, 188, .5);
}

.buckets a span {
  background-color: rgba(14, 118, 188, .76);
}

#cta:after {
  background-color: rgba(14, 118, 188, .78);
}

body.scrolled #menu-toggle .bars,
body.scrolled #menu-toggle .bars:before,
body.menu-expanded #menu-toggle .bars,
body.menu-expanded #menu-toggle .bars:before,
#sidebar .button-widget a:hover [class^="bw-icon-"],
.form-control {
  border-color: #0e76bc;
}

@media (max-width: 991px) {
  #navigation .menu {
    border-top: solid 1px #0e76bc;
  }
  
  #navigation .menu > li.active > a,
  #navigation .menu > li > a:hover,
  #navigation .menu ul a:hover,
  #navigation .menu ul li.active > a {
    color: #0e76bc;
  }
}

/* ==========================================================================
   Secondary Color
   ========================================================================== */
#header #top-links a,
#homepage-promo-1 .polaroid .click-to-view,
#footer h4,
#footer .contact-info-row .icon {
  color: #e1813d;
}

#header #promo-toolbar,
.secondary-button,
.button:hover {
  background-color: #e1813d;
}

.secondary-button:hover {
  background-color: #0e76bc;
}

@media (min-width: 992px) {
  #header #navigation .menu > li:hover > a,
  body.scrolled #header #navigation .menu > li:hover > a,
  #header #navigation .menu ul a:hover {
    color: #e1813d;
  }
}

@media (max-width: 991px) {
  #top-links-mobile a {
    color: #e1813d;
  }
}