/******************************************************************
Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

******************************************************************/
/**
 * 1: Compass related imports
 */
/**
 * 2: Sass modules
 */
/*********************
TRANISTION
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
BOX SHADOWS
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22));
*/
/*********************
TEXT SHADOWS
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include text-shadow(0 0 4px rgba(0,0,0,0.22));
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* -------- *
 * $HELPERS *
 * -------- */
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/******************************************************************
Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/**
 * 2Storey Colours
 */
/**
 * 2Storey Typography
 */
/**
 * In-Vogue Colours
 */
/**
 * In-Vogue Typography
 */
/**
 * First Abode Colours
 */
/**
 * First Abode Typography
 */
/**
 * Single Storey Colours
 */
/**
 * Single Start Typography
 */
/**
 * Smooth Start Colours
 */
/**
 * Smooth Start Typography
 */
/**
 * Home Finder Colours
 */
/**
 * Home Finder Typography
 */
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
BORDER RADIUS
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include border-radius(4px 4px 0 0);
*/
/*********************
TRANISTION
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
BOX SHADOWS
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22));
*/
/*********************
TEXT SHADOWS
*********************/
/*
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include text-shadow(0 0 4px rgba(0,0,0,0.22));
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* =============================================================================================================================== */
/* RBWA DB CSS: 2STOREY STYLES (768+up) :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* =============================================================================================================================== */
@font-face {
  font-family: 'Gotham-Book';
  src: url("../css/fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham-Bold';
  src: url("../css/fonts/Gotham-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.page-template-template-rbwa-home-details-php .container {
  padding-left: 10px;
  padding-right: 10px; }
  .page-template-template-rbwa-home-details-php .container .inner-page-wrap {
    margin-top: 10px; }
    @media (min-width: 960px) {
      .page-template-template-rbwa-home-details-php .container .inner-page-wrap {
        margin-top: 60px; } }

.searchform-container {
  position: relative; }

/**
 * RBWA Categories - Listing styles
 */

  .rbwa-homefinder-single-home__wrapper .image-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 0.5em 0; }
    @media (min-width: 768px) {
      .rbwa-homefinder-single-home__wrapper .image-wrapper {
        margin: 0;
        width: 65%;
        padding: 0 1em 0 0; } }
    @media (min-width: 960px) {
      .rbwa-homefinder-single-home__wrapper .image-wrapper {
        padding: 0; } }
  .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-mobile {
    position: relative;
    top: 0; }
    .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-mobile h1 {
      background: #5784a0;
      color: white;
      font-size: 1.3em;
      font-weight: normal;
      font-family: "Gotham-Book";
      padding: 0.5em;
      margin: 0 0 0.5em 0;
      text-transform: uppercase; }
    @media (min-width: 960px) {
      .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-mobile {
        display: none; } }
    .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-mobile .home-details-title {
      float: left; }
    .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-mobile .arrow-right {
      float: left;
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 25px solid #5784a0; }
  .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper {
    width: 100%; }
    @media (min-width: 768px) {
      .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper {
        float: left;
        width: 35%; } }
    @media (min-width: 960px) {
      .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper {
        float: right;
        width: 33%; } }
    .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper .rbwa-db-home-details-heading {
      background: #5784a0;
      display: none;
      margin-bottom: 3em;
      padding: .1em .5em;
      position: relative;
      top: 0;
      width: 85%; }
      @media (min-width: 960px) {
        .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper .rbwa-db-home-details-heading {
          display: block; } }
      .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper .rbwa-db-home-details-heading:after {
        display: none !important;
        position: absolute;
        right: -36px;
        top: 0; }
        @media (min-width: 480px) {
          .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper .rbwa-db-home-details-heading:after {
            display: inline-block !important;
            content: "";
            display: inline-block;
            width: 0px;
            height: 0px;
            border-right: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            border-left: 36px solid #5784a0; } }
    .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper h1 {
      color: white;
      display: block;
      font-size: 22px;
      line-height: 1;
      margin-bottom: 1.5em;
      text-transform: uppercase; }
      .rbwa-homefinder-single-home__wrapper .rbwa-db-home-details-heading-wrapper h1 span {
        display: block; }

.search_match {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #4cabac;
  padding: .2em .5em;
  color: white;
  font-size: .9em;
  z-index: 10;
  -webkit-border-radius: 0.1em;
  -moz-border-radius: 0.1em;
  -ms-border-radius: 0.1em;
  -o-border-radius: 0.1em;
  -border-radius: 0.1em;
  border-radius: 0.1em; }
  .search_match.similar {
    background: black; }

.mask {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100; }
  .mask a {
    display: block;
    width: 100%;
    height: 100%; }

@media (min-width: 768px) {
  .rbwa-db-homes-grid-container {
    margin-top: 2em; } }
.rbwa-db-homes-grid-container .rbwa-db-homes-grid {
  position: relative;
  float: none;
  width: 100%;
  border-bottom: 1px dotted #d7d7d7;
  padding-bottom: 1em;
  margin-bottom: 2em; }
  @media (min-width: 468px) {
    .rbwa-db-homes-grid-container .rbwa-db-homes-grid {
      float: left;
      width: 48%;
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 1em; }
      .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(2), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(4), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(6), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(8) {
        float: right;
        margin-right: 0; }
      .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(3), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(5), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(7) {
        float: left; } }
  @media (min-width: 720px) {
    .rbwa-db-homes-grid-container .rbwa-db-homes-grid {
      float: left;
      width: 32%;
      border-bottom: none;
      padding-bottom: 0;
      margin-right: .9em;
      margin-bottom: 1em; }
      .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(2), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(4), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(5), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(7), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(8) {
        float: left;
        margin-right: .9em; }
      .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(3), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(6), .rbwa-db-homes-grid-container .rbwa-db-homes-grid:nth-child(9) {
        float: left;
        margin-right: 0; } }

/**
 * RBWA Related Homes
 */
#related-homes-container {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  -border-radius: 0.2em;
  border-radius: 0.2em; }
  @media (min-width: 960px) {
    #related-homes-container {
      float: right;
      width: 33%; } }
  #related-homes-container article.related-home {
    position: relative;
    float: none;
    width: 100%;
    margin: 0; }
    @media (min-width: 768px) {
      #related-homes-container article.related-home {
        float: left;
        width: 45%;
        margin: .5em;
        border-bottom: none; } }
    #related-homes-container article.related-home:last-child {
      margin-bottom: 0;
      border-bottom: none; }
  #related-homes-container h2 {
    font-size: 1em;
    margin: 0; }

/**
 * RBWA Homes Jump Menu
 */
.homes-jump-menu {
  background: none;
  margin-top: 0;
  padding: 0; }
  .homes-jump-menu ul li:last-child {
    float: right; }
  .homes-jump-menu input[type=submit] {
    font-size: 1.2em;
    padding: .5em 0; }

/**
 * Download Floor Plan Button
 */
.rbwa-db-home-details-download-floorplan {
  margin: 0 0 0.5em 0; }
  @media (min-width: 768px) {
    .rbwa-db-home-details-download-floorplan {
      float: left;
      margin: 1em 1em 1em 0; } }

/**
 * Float Map on Left, Float Display Home Address on Right
 */
.rbwa-db-home-details-twocol {
  float: left;
  width: 43%;
  border: none;
  margin: 1em 1em 1em 0; }
  .rbwa-db-home-details-twocol:last-child, .rbwa-db-home-details-twocol.last-col {
    float: right;
    margin: 1em 0; }

.rbwa-db-homes-grid-name {
  background: #4cabac;
  background: rgba(76, 171, 172, 0.8);
  display: block;
  padding: .5em;
  position: absolute;
  min-width: 55%;
  max-width: 270px;
  top: 0;
  min-height: 70px; }
  .rbwa-db-homes-grid-name h2 {
    color: white;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.1em;
    line-height: 1.3;
    margin: 0 0 1.2em 0;
    text-transform: uppercase; }
    .rbwa-db-homes-grid-name h2 span {
      display: block; }
    .rbwa-db-homes-grid-name h2 a {
      color: white; }
  .rbwa-db-homes-grid-name:after {
    display: inline-block !important;
    position: absolute;
    right: -36px;
    top: 0;
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-right: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 36px solid rgba(76, 171, 172, 0.8); }

/* =============================================================================================================================== */
/* RBWA DB CSS: Home Finder STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* =============================================================================================================================== */
/**
 * RBWA Page Pagination
 */
.pagination-wrapper {
  text-align: right;
  width: 100%; }

#pagination {
  float: right;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 100%; }
  #pagination li {
    font-size: 1.2em;
    list-style: none; }
    #pagination li a:link,
    #pagination li a:visited {
      margin: .3em;
      display: block;
      float: left;
      padding: .3em .8em;
      text-decoration: none; }
    #pagination li a:hover {
      color: #003333; }
    #pagination li.active {
      color: white;
      font-weight: bold;
      display: block;
      float: left; }
      #pagination li.active a:link,
      #pagination li.active a:visited {
        background: #003333;
        color: white; }
    #pagination li.previous-off, #pagination li.next-off {
      font-weight: bold;
      padding: .5em 4em;
      border: 0.1em solid #d7d7d7;
      margin: .3em;
      color: #999999;
      display: block;
      float: left;
      padding: .3em .8em;
      text-decoration: none; }
    #pagination li.next a, #pagination li.previous a {
      font-weight: bold; }

.rbwa-db-homes-grid-image img {
  width: 100%; }

#related-homes-container {
  background: #333; }
  @media (min-width: 768px) {
    #related-homes-container {
      background: none;
      float: left; } }
  #related-homes-container h2 {
    color: #999;
    font-size: 2em;
    font-family: "Gotham-Bold";
    padding: 0.5em 1em 0.5em 1.7em;
    margin: 0;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      #related-homes-container h2 {
        padding: 0.5em 0; } }
    @media (min-width: 960px) {
      #related-homes-container h2 {
        color: #333;
        background: none;
        font-size: 1em;
        padding: 0.5em 1em; } }
    #related-homes-container h2.mobile-button-search {
      background: url("../images/magnifier-icon.png") no-repeat 15px 15px;
      background-size: 25px 25px;
      border-top: 2px solid white;
      border-bottom: 2px solid white;
      padding: 0.5em 1em 0.5em 1.8em; }
  #related-homes-container .related-home img {
    display: none; }
    @media (min-width: 768px) {
      #related-homes-container .related-home img {
        display: block; } }
  #related-homes-container .related-home a {
    color: #999; }
    #related-homes-container .related-home a h3 {
      background: url("../images/similar-homelist-arrow.png") no-repeat 20px 15px;
      background-size: 13px 21px;
      border-top: 1px solid #999;
      color: #999;
      font-size: 1.8em;
      font-family: "Gotham-Book";
      font-weight: normal;
      margin: 0;
      padding: 0.5em 1em 0.5em 2em; }

.page-content p {
  color: #333;
  font-family: "Gotham-Book"; }

.hide-mobile {
  display: none; }
  @media (min-width: 768px) {
    .hide-mobile {
      display: block; } }

.show-mobile {
  display: block; }
  @media (min-width: 768px) {
    .show-mobile {
      display: none; } }