/* COLOR STYLES
-------------------------------------------------- */
body {
  color: #3a3a3a;
  background-color: #eff0f4;
}

a {color: #386996;}

.well {background-color: #fff;}

hr {border-color: #ccc8bf;}

.thumbnail {
  color: #386996; 
  background-color: #fff; 
  transition: all 0.5s ease;
}
.thumbnail:hover {background-color: rgba(255,255,255,.4);}

.thumbnail .caption {color: #386996;}

.thumbnail .caption p {color: #888;}

.thumbnail .caption span {color: #ff0202;}

.btn-warning {background-color: #efae00; border-color: #efae00;}

.lead-banner {
  background-color: #386996;
  color: #fff;
}
.main-header {
  background-color: #fff;
}
/* NAVBAR */
.navbar-nav>li>a:hover {
  background-color: transparent;
  color: #0e3354;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  background-color: transparent;
}
.navbar-inverse {
  background-color: #1d76b2;
  border-color: #1d76b2;
}
.navbar-inverse .navbar-nav>li>a {
  color: rgba(255,255,255,.85);
}
.header-info, .header-info a {color: #1b127b;}

.header-info a:hover {color: #2e1fcc;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
  background-color: rgba(0,0,0,.25);
}

/* CAROUSEL */
.carousel .item {
  background-color: #777;
}
.wdywtg-form .btn {
  color: #386996;
}
.wrap-wdywtg {
  background-color: #386996;
  color: #fff;
}
/* LANDING PAGES (OFFERS) */
.offer-intro h1 {color: #18347a;}

.media-posts .media {border-color: #ccc8bf;}

.media a {color: #386996;}

.media-posts .media .media-heading a {color: #444;}

.media-posts .media .media-heading a:hover {color: #999;}

.media a:hover {text-decoration: none;}

.post {background-color: #fff;}

.blank-content .well {background-color: transparent; border: none; box-shadow: none; color: #444;}

.well.cta.lead-form {background-color: #386996; color: #fff;}

/* PAGES */

.nav-tabs {background-color: #ccc8bf;}

.nav-tabs>li>a {border-radius: 0; color: #386996; border-color: transparent;}

.nav-tabs>li>a:hover {background-color: #ff8741; color:#fff; border-color: transparent;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: #386996;
  border-color: transparent;
  color: #fff;
}
.tags a {color: #386996; border-color: #386996;}

.tags a:hover {background-color:#386996; color:#fff;}

.panel-default {border-color: transparent;}

.panel-default > .panel-heading {background-color: #ccc8bf; border-color: #ccc8bf;}

.panel-body.places-list a {color: #386996;}

/* GENERAL PAGES
-------------------------------------------------- */

.general-page {background-color: #fff;}

.page-header h1 {
  color: rgba(0,0,0,.55);
}
.page-header.with-img, .page-header.with-img h1, .page-header.with-img p {
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.5);
}

/**** PAGINATION *****/

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover,
.pagination>li>a, .pagination>li>span {
  background-color: transparent;
  border-color: #386996;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination>li>a:hover, .pagination>li>span:hover {
  background-color: #386996;
  border-color: #386996;
  color: #fff;
}
.pagination>li>a, .pagination>li>span {
  color: #386996;
}

/* FOOTER
-------------------------------------------------- */
footer {
  background-color: #18347a;
  color: rgba(255,255,255,.57);
}
footer a {
  color: rgba(255,255,255,.97);
}
footer p.credits a {color: rgba(255,255,255,.6);}

footer hr {border-color: rgba(255,255,255,.3);}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
  .nav-bottom {
    background-color: transparent;
  }
}