/* --- Bootstrap Overrides --- */
.btn, input, .form-control, .navbar, .navbar-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

body, dd, dt {
  line-height: 1.3; }

p, ul, ol, figure, address, .address, blockquote {
  margin-bottom: 15px; }

a {
  text-decoration: none;
  color: #fff; }
  a:hover, a.hover, a:active, a.active {
    color: #fff;
    text-decoration: none; }

.btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 20px;
  padding-bottom: 20px; }
  .btn:hover, .btn.hover, .btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn.btn-primary {
  background-color: #e8663e;
  border-color: #e8663e; }
  .btn.btn-primary:hover, .btn.btn-primary.hover, .btn.btn-primary:active, .btn.btn-primary.active {
    background-color: #d9471a;
    border-color: #d9471a; }

/* --- Utility Type Classes --- */
.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s,opacity 1s; }

.ripple:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s; }

.abs-link-parent {
  position: relative; }

a.abs-link {
  position: absolute;
  text-indent: -99999px;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block; }

.embed-responsive-1x1 {
  padding-bottom: 100%; }

/* --- Site Header/Footer --- */
body, html {
  font-family: "Comfortaa", cursive;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  color: #fff; }
  @media (min-width: 360px) {
    body, html {
      font-size: 19.5px; } }
  @media (min-width: 420px) {
    body, html {
      font-size: 24px; } }
  @media (min-width: 640px) {
    body, html {
      font-size: 30px; } }

body {
  background-image: url("/assets/img/bg.jpg");
  background-size: auto;
  background-position: top center; }

.container-main {
  max-width: 767px;
  margin: 0 auto; }

header {
  margin: 35px auto;
  text-align: center; }
  header img {
    width: 61.3333%; }

footer {
  width: 100%;
  margin-top: 40px; }
  footer > div {
    display: block;
    text-align: center;
    margin-bottom: 15px; }
  footer > .visit .btn {
    display: block;
    font-size: 0.65rem; }
  footer > .hopewell-logo img {
    max-width: 50%; }
  @media (min-width: 360px) {
    footer {
      display: table; }
      footer > div {
        display: table-cell;
        vertical-align: middle; }
      footer > .visit {
        width: 58.3333%; }
      footer > .hopewell-logo {
        width: 41.6666%;
        padding-left: 15px;
        padding-right: 15px; }
        footer > .hopewell-logo img {
          max-width: 100%; } }

/* --- Pages --- */
/* --- Home Screen --- */
.info-box {
  background-color: #083a5b;
  padding: 10px 15px;
  text-align: center;
  font-size: .7rem;
  margin-bottom: 15px; }

.collection, .collection-boulevard, .collection-lakeland, .collection-reserve, .collection-island {
  font-weight: bold;
  margin-bottom: 5px;
  border-radius: 0;
  border: none; }

.collection-boulevard {
  background-color: #36b35b; }

.collection-lakeland {
  background-color: #00aaaf; }

.collection-reserve {
  background-color: #006e8c; }

.collection-island {
  background-color: #083a5b; }

.home-type-desc {
  padding-right: 10px; }
  .home-type-desc > .home-type {
    margin-bottom: 2px; }

.pricing {
  text-transform: none; }
  .pricing > .from-label {
    text-transform: uppercase;
    padding-left: 5px; }
  .pricing .price-suffix {
    font-size: 0.625rem; }
  .pricing .price {
    white-space: nowrap;
  }

.collection-heading {
  display: table;
  width: 100%;
  position: relative;
  padding: 15px 15px; }
  @media (min-width: 420px) {
    .collection-heading {
      padding: 15px 25px; } }
  @media (min-width: 640px) {
    .collection-heading {
      padding: 15px 25px; } }
  .collection-heading > div {
    display: table-cell;
    vertical-align: middle; }
  .collection-heading.parade-details-heading > div {
    vertical-align: top; }
  .collection-heading > .home-type-desc {
    width: 70%; }
  .collection-heading > .home-type-desc--100 {
    width: 100%; }
    .collection-heading > .home-type-desc > .builder {
      font-size: .80rem; }
      .collection-heading > .home-type-desc > .builder > .series {
        display: block;
        font-weight: normal;
        font-size: 0.65rem; }
  .collection-heading.parade-details-heading > .home-type-desc > .builder {
    position: relative;
    padding-left: 1em; }
    .collection-heading.parade-details-heading > .home-type-desc > .builder:before {
      position: absolute;
      top: 0;
      left: 0;
      content: '\2022'; }
  .collection-heading > .pricing {
    width: 30%; }
    .collection-heading > .pricing > .from-label {
      font-size: .65rem; }
    .collection-heading > .pricing > .price {
      font-size: 1.60rem; }

.parade-wrap {
  padding: 0 15px;
  position: relative; }
  @media (min-width: 420px) {
    .parade-wrap {
      padding: 0 25px; } }
  @media (min-width: 640px) {
    .parade-wrap {
      padding: 0 25px; } }

.parade {
  padding: 15px 0;
  border-top: 1px solid #fff;
  display: table;
  width: 100%; }
  .parade > div {
    display: table-cell;
    vertical-align: top; }
  .parade > .home-type-desc {
    width: 80%;
    position: relative;
    padding-left: 40px; }
    .parade > .home-type-desc:before {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 0;
      left: 0;
      background: url("/assets/img/arrow.svg") no-repeat;
      background-size: cover;
      content: ''; }
    @media (min-width: 420px) {
      .parade > .home-type-desc {
        padding-left: 55px; }
        .parade > .home-type-desc:before {
          width: 40px;
          height: 40px; } }
    @media (min-width: 640px) {
      .parade > .home-type-desc {
        padding-left: 65px; }
        .parade > .home-type-desc:before {
          width: 50px;
          height: 50px; } }
    .parade > .home-type-desc > .builder {
      font-size: .80rem;
      position: relative;
      padding-left: 1em;
      margin-bottom: 4px; }
      .parade > .home-type-desc > .builder:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '\2022'; }
      .parade > .home-type-desc > .builder > .series {
        display: block;
        font-weight: normal;
        font-size: 0.65rem; }
  .parade > .pricing {
    width: 20%;
    padding-top: 3px; }
    .parade > .pricing > .from-label {
      font-size: .50rem; }
    .parade > .pricing > .price {
      font-size: 1.25rem; }

/* --- Home Type --- */

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