/* Trial Colors */
html, body {
  font-size: 1em; /* Font Default Setter */
  font-family: "Arial";
  background-image: url("/nc/gfx/zig_zag_bg.png");
}

* {
  font-family: "Arial", sans-serif;
}

/* Bootstrap Overrides */
.btn {
  border-radius: 0px;
}

/* End Bootstrap Overrides */
.col-centered {
  float: none;
  margin: 0 auto;
  text-align: center;
}

a {
  color: #006;
}

div.main-container {
  background: #FFF;
  margin-top: 20px;
  border: 1px solid #888;
  padding: 10px;
}

header {
  padding-bottom: 5px;
}

nav.navbar {
  border-radius: 0px;
  margin-bottom: 5px;
}

.navbar-toggle {
  float: left;
}

a.navbar-brand {
  font-size: 2em;
  color: #006;
}

nav.navbar ul.nav li a {
  color: #006;
  font-size: 1.2em;
  padding: 10px 15px;
  /* &:hover {
      background-color: $dark-blue;
      color: $white;
  } */
}

nav.navbar ul.nav li:hover, nav.navbar ul.nav li.current {
  border-bottom: 2px solid #006;
}

button.navbar-toggle.collapsed {
  border-radius: 0px;
  color: #006;
  border-bottom: 2px solid #006;
}

button.navbar-toggle {
  border-radius: 0px;
  color: #006;
  border-bottom: 2px solid #006;
}

footer {
  border-top: 1px solid #006;
  margin-top: 10px;
  font-size: 0.8em;
}

h1.title, h2.sub-title {
  color: rgb(0, 148, 223); /* $dark-blue */
  text-align: center;
  margin: 0px;
}

h1.title {
  font-size: 4em;
}

h1.title a {
  color: rgb(0, 148, 223); /* $dark-blue */
}

h1.title a:hover, h1.title a:active, h1.title a:visited, h1.title a:focus {
  text-decoration: none;
}

h2.sub-title {
  font-size: 1.5em;
}

div.row.bsc-hr-red, div.row.bsc-hr-blue {
  margin-bottom: 2px;
}

div.row.bsc-hr-red {
  border-bottom: 1px solid #006;
}

div.row.bsc-hr-blue {
  border-bottom: 1px solid #006;
}

div.margin-bottom {
  margin-bottom: 5px;
}

/* Bootstrap Media Overrides */
@media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
  }
  .nav > li {
    width: 20%;
    text-align: center;
  }
  nav.navbar ul.nav li a {
    font-size: 1.6em;
  }
  nav.navbar ul.nav li {
    border-top: 1px dashed #666;
    border-left: 1px dashed #666;
    border-bottom: 1px dashed #666;
  }
  nav.navbar ul.nav li:last-of-type {
    border-right: 1px dashed #666;
  }
  nav.navbar ul.nav li:hover, nav.navbar ul.nav li.current {
    border-bottom: 1px dashed #666;
  }
}
.vehicle-image .featured-ribbon {
  background-color: transparent;
  color: transparent;
  padding: 0.5rem 1rem;
  transform: rotate(45deg);
  position: absolute;
  right: -3.7rem;
  top: 1.7rem;
  width: 12.5rem;
  text-align: center;
  font-size: 0.875rem;
}

div.home-tel, div.home-mob {
  font-size: 3em;
  text-align: center;
}

div.home-tel {
  color: #006;
}

div.home-mob {
  color: #006;
}

p.highlight-link {
  text-align: center;
  font-size: 2em;
  color: #006;
}

div.featured-vehicle-image img {
  margin: 0 auto;
}

div.hero-slider-container {
  margin: 150px 0 0 20px;
  color: white;
}
div.hero-slider-container .dark {
  color: #006;
}
div.hero-slider-container .hooper {
  height: 500px !important;
}
div.hero-slider-container div.hero-slider-title {
  font-size: 3em;
  font-weight: bold;
}
div.hero-slider-container div.hero-slider-text {
  margin-left: 20px;
  font-size: 1.3em;
}
div.hero-slider-container a.btn {
  margin-top: 50px;
  font-size: 1.5em;
}
div.hero-slider-container .btn-primary {
  background-color: #006;
  border-color: #006;
}
div.hero-slider-container .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
div.hero-slider-container {
  /* Bootstrap Media Overrides */
}
@media (max-width: 768px) {
  div.hero-slider-container .hooper {
    height: 300px !important;
  }
}

div.showroom-vehcile-row {
  margin-bottom: 10px;
}

div.single-vehicle {
  border: 1px solid #333;
}

div.vehicle-title {
  text-align: center;
  font-size: 1.2em;
}

div.vehicle-image {
  overflow: hidden;
  position: relative;
}

div.vehicle-image img {
  margin: 0 auto;
}

div.details {
  margin: 0 10px;
}

span.mileage, span.transmission {
  font-size: 1.3em;
}

div.prices div {
  font-size: 1.5em;
  text-align: center;
}

div.was-price {
  text-decoration: line-through;
}

div.now-price {
  text-align: center;
}

div.actions {
  margin-bottom: 5px;
}

div.actions > div {
  text-align: center;
}

div.vehicle-title {
  text-align: center;
  font-size: 1.5em;
}

.nav-tabs > li > a {
  border-radius: 0 !important;
}

.tab-pane {
  border: 1px solid #ddd;
  border-top: none;
  padding-top: 10px;
}

.was-price > button {
  text-decoration: line-through;
}

div.thumbnails {
  margin-top: 10px;
}

a.thumbnail {
  border-radius: 0px;
}

/*# sourceMappingURL=app.css.map*/