/*----------------------------------------------------------------------------*/
/* Common Styles                                                              */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Color                                                                      */
/*----------------------------------------------------------------------------*/
/* Misc colors */
/*
$swatch_1: #3D382D;
$swatch_2: #7D725B;
$swatch_3: #BDAC8A;
$swatch_4: #E3CFA6;
$swatch_5: #FCE6B8;
*/
/*----------------------------------------------------------------------------*/
/* Supported Display Sizes                                                    */
/*----------------------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/*----------------------------------------------------------------------------*/
/* Browser Hacks                                                               */
/*----------------------------------------------------------------------------*/
input::-webkit-calendar-picker-indicator {
  display: none;
}

/*----------------------------------------------------------------------------*/
/* Sections                                                                   */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Typography                                                                 */
/*----------------------------------------------------------------------------*/
/* Adjust margin to fall into vertical rhythm.
** 
** Given a font size, adjusted line-height and desired margin, adjust margin so
** that it falls into vertical rhythm. The way it does this is that is
** normalizes everything to pixels using font size as a basis. It then
** calculates the total vertical height, consisting of line height and margin
** (top and bottom). It then divides the base-line-height which gives the
** fractional overflow. It then calculates how much needs to be added to this
** overflow to bring the height up to the next base-line increment and adds it
** to the margin. This is the adjusted margin.
*/
/* Adjust a line-height to fall into vertical rhythm.
**
** Given a font-size and desired line height, adjust the line-height so it is a
** multiple of of $base-line-height. This ensures that vertical rhythm is
** maintained when headers wrap.
*/
pre, code, tt {
  font-family: "Droid Sans Mono", "Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;
}

/*----------------------------------------------------------------------------*/
/* Page Elements                                                              */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Common Styles                                                              */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Color                                                                      */
/*----------------------------------------------------------------------------*/
/* Misc colors */
/*
$swatch_1: #3D382D;
$swatch_2: #7D725B;
$swatch_3: #BDAC8A;
$swatch_4: #E3CFA6;
$swatch_5: #FCE6B8;
*/
/*----------------------------------------------------------------------------*/
/* Supported Display Sizes                                                    */
/*----------------------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

/*----------------------------------------------------------------------------*/
/* Browser Hacks                                                               */
/*----------------------------------------------------------------------------*/
input::-webkit-calendar-picker-indicator {
  display: none;
}

/*----------------------------------------------------------------------------*/
/* Sections                                                                   */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Typography                                                                 */
/*----------------------------------------------------------------------------*/
/* Adjust margin to fall into vertical rhythm.
** 
** Given a font size, adjusted line-height and desired margin, adjust margin so
** that it falls into vertical rhythm. The way it does this is that is
** normalizes everything to pixels using font size as a basis. It then
** calculates the total vertical height, consisting of line height and margin
** (top and bottom). It then divides the base-line-height which gives the
** fractional overflow. It then calculates how much needs to be added to this
** overflow to bring the height up to the next base-line increment and adds it
** to the margin. This is the adjusted margin.
*/
/* Adjust a line-height to fall into vertical rhythm.
**
** Given a font-size and desired line height, adjust the line-height so it is a
** multiple of of $base-line-height. This ensures that vertical rhythm is
** maintained when headers wrap.
*/
pre, code, tt {
  font-family: "Droid Sans Mono", "Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;
}

/*----------------------------------------------------------------------------*/
/* Page Elements                                                              */
/*----------------------------------------------------------------------------*/
/* Design Notes

Grid uses Bootstrap 3 grid design.

A grid is like a column but the margin is merged into the width. It has no
margin. It is however to same total width. That is:

    grid width = column width + margin.

A grid's margin is zero. Grids are used in things like menu's where you are not
interested in margins, just overall blocks with given widths.
*/
/*----------------------------------------------------------------------------*/
/* Column Sizes                                                               */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Mixins                                                                     */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* Fluid Grid                                                                 */
/*----------------------------------------------------------------------------*/
.grid1 {
  float: left;
  width: 8.3333333333%;
}

.grid2 {
  float: left;
  width: 16.6666666667%;
}

.grid3 {
  float: left;
  width: 25%;
}

.grid4 {
  float: left;
  width: 33.3333333333%;
}

.grid5 {
  float: left;
  width: 41.6666666667%;
}

.grid6 {
  float: left;
  width: 50%;
}

.grid7 {
  float: left;
  width: 58.3333333333%;
}

.grid8 {
  float: left;
  width: 66.6666666667%;
}

.grid9 {
  float: left;
  width: 75%;
}

.grid10 {
  float: left;
  width: 83.3333333333%;
}

.grid11 {
  float: left;
  width: 91.6666666667%;
}

.grid12 {
  float: left;
  width: 100%;
}

.column1 {
  float: left;
  width: 6.25%;
  margin-right: 2.0833333333%;
}

.column2 {
  float: left;
  width: 14.5833333333%;
  margin-right: 2.0833333333%;
}

.column3 {
  float: left;
  width: 22.9166666667%;
  margin-right: 2.0833333333%;
}

.column4 {
  float: left;
  width: 31.25%;
  margin-right: 2.0833333333%;
}

.column5 {
  float: left;
  width: 39.5833333333%;
  margin-right: 2.0833333333%;
}

.column6 {
  float: left;
  width: 47.9166666667%;
  margin-right: 2.0833333333%;
}

.column7 {
  float: left;
  width: 56.25%;
  margin-right: 2.0833333333%;
}

.column8 {
  float: left;
  width: 64.5833333333%;
  margin-right: 2.0833333333%;
}

.column9 {
  float: left;
  width: 72.9166666667%;
  margin-right: 2.0833333333%;
}

.column10 {
  float: left;
  width: 81.25%;
  margin-right: 2.0833333333%;
}

.column11 {
  float: left;
  width: 89.5833333333%;
  margin-right: 2.0833333333%;
}

.column12 {
  float: left;
  width: 97.9166666667%;
  margin-right: 2.0833333333%;
}

.prepend1 {
  padding-left: 8.3333333333%;
}

.prepend2 {
  padding-left: 16.6666666667%;
}

.prepend3 {
  padding-left: 25%;
}

.prepend4 {
  padding-left: 33.3333333333%;
}

.prepend5 {
  padding-left: 41.6666666667%;
}

.prepend6 {
  padding-left: 50%;
}

.prepend7 {
  padding-left: 58.3333333333%;
}

.prepend8 {
  padding-left: 66.6666666667%;
}

.prepend9 {
  padding-left: 75%;
}

.prepend10 {
  padding-left: 83.3333333333%;
}

.prepend11 {
  padding-left: 91.6666666667%;
}

.prepend12 {
  padding-left: 100%;
}

.append1 {
  padding-right: 8.3333333333%;
}

.append2 {
  padding-right: 16.6666666667%;
}

.append3 {
  padding-right: 25%;
}

.append4 {
  padding-right: 33.3333333333%;
}

.append5 {
  padding-right: 41.6666666667%;
}

.append6 {
  padding-right: 50%;
}

.append7 {
  padding-right: 58.3333333333%;
}

.append8 {
  padding-right: 66.6666666667%;
}

.append9 {
  padding-right: 75%;
}

.append10 {
  padding-right: 83.3333333333%;
}

.append11 {
  padding-right: 91.6666666667%;
}

.append12 {
  padding-right: 100%;
}

/*----------------------------------------------------------------------------*/
/* Static Grid                                                                */
/*----------------------------------------------------------------------------*/
.showgrid {
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Mixins                                                                     */
/*----------------------------------------------------------------------------*/
/* Creates a cross-browser rule for rounded corners. Argument radius is the   */
/* pixel radius. Default is 10px.  */
/* Creates a cross-browser rule for rounded corners. Argument radius is the   */
/* pixel radius. Default is 10px.  */
/* Background color and gradients */
/*----------------------------------------------------------------------------*/
/* Search Form                                                                */
/*----------------------------------------------------------------------------*/
#search-title {
  font-weight: 600;
}

.btn-go {
  color: #ffffff;
  background: #F4B400;
}

.btn-go:hover {
  background: #e3a200;
}

.searchnav {
  border-color: #D5D5D5;
  border-radius: 0 0 0 0;
  border-width: 0 0 1px;
  left: 0;
  position: fixed;
  right: 0;
  top: 45px;
  background-color: #EEEEEE;
  background-repeat: repeat-x;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #F5F5F5, #EEEEEE);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EEEEEE));
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EEEEEE'); */
  border: 1px solid #E5E5E5;
  height: 38px;
  width: 100%;
  *zoom: 1;
  z-index: 100;
}
.searchnav:before, .searchnav:after {
  display: table;
  content: "";
}
.searchnav:after {
  clear: both;
}

.searchnav ul {
  font-size: 12px;
  padding: 10px;
  margin: 0;
  list-style: none;
}

.searchnav input[type="text"],
.searchnav input[type="number"],
.searchnav input.text,
.searchnav textarea,
.searchnav select {
  width: 100px;
}

.searchnav input[type="number"] {
  width: 70px;
}

.searchnav input[type="text"] {
  width: 150px;
}

.searchnav .btn-toolbar .btn {
  margin: 0px;
}

.searchoptions {
  border-color: #D5D5D5;
  border-radius: 0 0 0 0;
  border-width: 0 0 1px;
  margin-top: -40px;
  margin-bottom: 60px;
  padding: 20px 0px;
  background-color: #EEEEEE;
  background-repeat: repeat-x;
  border: 1px solid #E5E5E5;
  width: 100%;
  background: #F5F5F5;
  background: -moz-linear-gradient(top, #F5F5F5, #EEEEEE);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EEEEEE));
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EEEEEE'); */
  -moz-box-shadow: #888 0 1px 3px inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
  -webkit-box-shadow: #888 0 1px 3px inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
  box-shadow: #888 0 1px 3px inset, rgba(0, 0, 0, 0.1) 0 1px 1px;
}

@media only screen and (min-width: 1px) {
  .feature-block {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1px) and (min-width: 768px) {
  .feature-block {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .feature-block {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .feature-block {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .feature-block {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) {
  .feature-block {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .feature-block {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .feature-block {
    float: left;
    width: 50%;
  }
}

.feature-block-header {
  border-radius: 5px;
  background: #e7e7e7;
  margin: 10px 10px 10px 0px;
  padding: 1px 20px;
}

.feature-block-header h4 {
  font-size: 16px;
  margin: 10px 0;
}

.feature-block label {
  font-weight: normal;
}

.select2-container {
  width: 100%;
}

.select2-container:hover {
  cursor: pointer;
}

.select2-container-multi .select2-choices {
  padding: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0px;
  overflow: visible;
}

.select2-container-multi .select2-choices .select2-search-field {
  overflow: visible;
}

.select2-container-multi .select2-choices .select2-search-field {
  font-size: 12px;
  margin: 5px;
  padding: 0px;
  overflow: visible;
}

.select2-container-multi .select2-choices .select2-search-field input:hover,
.select2-container-multi .select2-choices .select2-search-field:hover {
  cursor: pointer;
}

.select2-container-multi .select2-choices .select2-search-choice {
  line-height: 14px;
  color: #333;
  background: #ffffff;
  cursor: pointer;
}

.input-section {
  margin: 0px 0px;
}

.input-section h2 {
  margin: 30px 0px;
}

.input-section-fields {
  *zoom: 1;
}
.input-section-fields:before, .input-section-fields:after {
  display: table;
  content: "";
}
.input-section-fields:after {
  clear: both;
}

/*-----------------------------*/
/* Residential Search          */
/*-----------------------------*/
#search-title h1 {
  font-weight: bold;
  margin: 0;
}

#search-title h2 {
  font-size: 22px;
  margin: 0;
}

.input-section-fields {
  padding: 30px 0px;
}

#location [class^="col-"] {
  padding: 0;
}

.location-input {
  margin: 5px;
  border-radius: 5px;
  padding: 10px;
}

.location-input:hover {
  background: #d9d9d9;
  cursor: pointer;
}