/*----------------------------------------------------------------------------*/
/* 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;
}

#home {
  padding: 40px 0;
  margin-top: 160px;
  color: #ffffff;
}