/*----------------------------------------------------------------------------*/
/* 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 */
/*----------------------------------------------------------------------------*/
/* Bootstrap                                                                  */
/*----------------------------------------------------------------------------*/
.carousel-control.left, .carousel-control.right {
  color: #000000;
  background: transparent;
  line-height: 170px;
  font-size: 40px;
}

.pagination > li > a, .pagination > li > span {
  padding: 10px 20px;
}

/*----------------------------------------------------------------------------*/
/* Layout                                                                     */
/*----------------------------------------------------------------------------*/
@media only screen and (min-width: 1px) {
  .listing-frame {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1px) and (min-width: 768px) {
  .listing-frame {
    float: left;
    width: 100%;
  }
}

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

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

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

.listing:hover {
  background-color: #f9f9ff;
  cursor: pointer;
  color: #262626;
}

.listing {
  color: #606060;
  background-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 3px;
  margin-top: 10px;
  color: #606060;
  font-family: "adelle-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
  padding: 7px;

}

.listing img.listing-photo {
  padding: 0px;
  margin: 0px;
  /*height: 150px;*/
  max-height:100%;
  width: 100%;
  
}
@media (min-width:992px) {
.listing img.listing-photo {
  padding: 0px;
  margin: 0px;
  /*height: 150px;*/
  max-height:180px;
  width: 100%;
  
}
}

.listing .listing-info {
  padding: 5px 10px;
  margin: 0px;
  *zoom: 1;
  height: 40px;
}
.listing .listing-info:before, .listing .listing-info:after {
  display: table;
  content: "";
}
.listing .listing-info:after {
  clear: both;
}
.listing .listing-description {
  font-size: 13px;
  padding: 10px 10px;
  margin: 0px;
  height: 80px;
}
.listing .listing-description p {
  margin: 0px;
}
.listing .listing-description h2 {
  display: block;
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: bold;
  margin: 7px 0;
  border-bottom: 1px solid #848383;
  font-family: "adelle-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
.listing .listing-footer {
  *zoom: 1;
  background-color: #efefef;
  padding: 0px;
  margin: 0px;
  padding: 7px 10px;
}
.listing .listing-footer:before, .listing .listing-footer:after {
  display: table;
  content: "";
}
.listing .listing-footer:after {
  clear: both;
}
.listing .listing-footer .btn-group {
  float: right;
}