/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents */


/* Grid */

.container {
  position: relative;
  width: 100%;
  margin: 1rem auto;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 3px;
}
.row, .row-half{ padding:0.3em 0; }
.column, .columns,
.column-half, .columns-half
{
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding:0.3em 0;
}


  /* For devices larger than 1500px */
  @media (min-width: 1850px) {
    .row-half {padding: 0 1rem;}
    .column-half,
    .columns-half { margin-left: 4%; }
    .column-half:first-child,
    .columns-half:first-child { margin-left: 0; }

    .one.column-half,
    .one.columns-half                    { width: 4.66666666667%; }
    .two.columns-half                    { width: 13.3333333333%; }
    .three.columns-half                  { width: 22%;            }
    .four.columns-half                   { width: 30.6666666667%; }
    .five.columns-half                   { width: 39.3333333333%; }
    .six.columns-half                    { width: 48%;            }
    .seven.columns-half                  { width: 56.6666666667%; }
    .eight.columns-half                  { width: 65.3333333333%; }
    .nine.columns-half                   { width: 74.0%;          }
    .ten.columns-half                    { width: 82.6666666667%; }
    .eleven.columns-half                 { width: 91.3333333333%; }
    .twelve.columns-half                 { width: 100%; margin-left: 0; }

    .one-third.column-half               { width: 30.6666666667%; }
    .two-thirds.column-half              { width: 65.3333333333%; }

    .one-half.column-half                { width: 48%; }

    /* Offsets */
    .offset-by-one.column-half,
    .offset-by-one.columns-half          { margin-left: 8.66666666667%; }
    .offset-by-two.column-half,
    .offset-by-two.columns-half          { margin-left: 17.3333333333%; }
    .offset-by-three.column-half,
    .offset-by-three.columns-half        { margin-left: 26%;            }
    .offset-by-four.column-half,
    .offset-by-four.columns-half         { margin-left: 34.6666666667%; }
    .offset-by-five.column-half,
    .offset-by-five.columns-half         { margin-left: 43.3333333333%; }
    .offset-by-six.column-half,
    .offset-by-six.columns-half          { margin-left: 52%;            }
    .offset-by-seven.column-half,
    .offset-by-seven.columns-half        { margin-left: 60.6666666667%; }
    .offset-by-eight.column-half,
    .offset-by-eight.columns-half        { margin-left: 69.3333333333%; }
    .offset-by-nine.column-half,
    .offset-by-nine.columns-half         { margin-left: 78.0%;          }
    .offset-by-ten.column-half,
    .offset-by-ten.columns-half          { margin-left: 86.6666666667%; }
    .offset-by-eleven.column-half,
    .offset-by-eleven.columns-half       { margin-left: 95.3333333333%; }

    .offset-by-one-third.column-half,
    .offset-by-one-third.columns-half    { margin-left: 34.6666666667%; }
    .offset-by-two-thirds.column-half,
    .offset-by-two-thirds.columns-half   { margin-left: 69.3333333333%; }

    .offset-by-one-half.column-half,
    .offset-by-one-half.columns-half     { margin-left: 52%; }

  }

    /* For devices larger than 1000px -> we respect only the columns not inside other columns */
    @media (min-width: 1100px) {

        /* for the columns NOT inside other columns */

      .container {}
      .row{ padding:0.5em 1rem; }
      .column,
      .columns {
        margin-left: 4%; }
      .column:first-child,
      .columns:first-child {
        margin-left: 0; }

      .one.column,
      .one.columns                    { width: 4.66666666667%; }
      .two.columns                    { width: 13.3333333333%; }
      .three.columns                  { width: 22%;            }
      .four.columns                   { width: 30.6666666667%; }
      .five.columns                   { width: 39.3333333333%; }
      .six.columns                    { width: 48%;            }
      .seven.columns                  { width: 56.6666666667%; }
      .eight.columns                  { width: 65.3333333333%; }
      .nine.columns                   { width: 74.0%;          }
      .ten.columns                    { width: 82.6666666667%; }
      .eleven.columns                 { width: 91.3333333333%; }
      .twelve.columns                 { width: 100%; margin-left: 0; }

      .one-third.column               { width: 30.6666666667%; }
      .two-thirds.column              { width: 65.3333333333%; }

      .one-half.column                { width: 48%; }

        /* for the columns inside columns */
      .columns .row{ padding:0; }
      .columns .column,
      .columns .columns {
              width: 100%;
              float: left;
              box-sizing: border-box;
              margin-left: 0;
            }


    }

    /* For devices larger than 1200px -> we respect ALL the columns */
    @media (min-width: 1200px) {

      .columns .row{ padding:0.5em 1rem; }
      .columns .column,
      .columns .columns {
        margin-left: 4%; }
      .columns .column:first-child,
      .columns .columns:first-child {
        margin-left: 0; }

      .columns .one.column,
      .columns .one.columns                    { width: 4.66666666667%; }
      .columns .two.columns                    { width: 13.3333333333%; }
      .columns .three.columns                  { width: 22%;            }
      .columns .four.columns                   { width: 30.6666666667%; }
      .columns .five.columns                   { width: 39.3333333333%; }
      .columns .six.columns                    { width: 48%;            }
      .columns .seven.columns                  { width: 56.6666666667%; }
      .columns .eight.columns                  { width: 65.3333333333%; }
      .columns .nine.columns                   { width: 74.0%;          }
      .columns .ten.columns                    { width: 82.6666666667%; }
      .columns .eleven.columns                 { width: 91.3333333333%; }
      .columns .twelve.columns                 { width: 100%; margin-left: 0; }

      .columns .one-third.column               { width: 30.6666666667%; }
      .columns .two-thirds.column              { width: 65.3333333333%; }

      .columns .one-half.column                { width: 48%; }

    }

/* Form controls */

    .control{
        float:none; clear:both; margin-bottom: 0.2rem;
    }
    .control:after{
        content:'';display:block;height:1px;float:none; clear:both;
    }
    .control label{
        display:inline-block;
        width: 48%;
        max-width:200px;
        float: left;
        box-sizing: border-box;
        padding:0.2em 0.4em;
        text-align:right;
        word-wrap: break-word;
    }
    .control div.div{
        display:inline-block;
        width: calc(100% - min(48%,200px));
        float: left;
        box-sizing: border-box;
        padding:0.3em;
    }
        .control.vertical label,
        .control.vertical div.div{
            float:none;
            width: 100%;
            max-width: 100%;
            text-align:inherit;
        }

/* Misc */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #999; }


/* Clearing */

/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }