/*

*/

/* Table of contents ––––––––––––––––––––––––––––––––––––––––––––––––––

*/

/* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container {

position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }

.column, .columns {

width: 100%;
float: left;
box-sizing: border-box; }

/* For devices larger than 400px */ @media (min-width: 400px) {

.container {
  width: 85%;
  padding: 0; }

}

/* For devices larger than 550px */ @media (min-width: 550px) {

.container {
  width: 80%; }
.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%; }

}

/* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html {

font-size: 62.5%; }

body {

font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
font-weight: 400;
font-family: font_text;
color: #222; }

/* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 {

margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }

/* Larger than phablet */ @media (min-width: 550px) {

h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }

}

p {

margin-top: 0; }

/* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a {

color: #1EAEDB; }

a:hover {

color: #0FA0CE; }

/* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input, input, input {

display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }

.button:hover, button:hover, input:hover, input:hover, input:hover, .button:focus, button:focus, input:focus, input:focus, input:focus {

color: #333;
border-color: #888;
outline: 0; }

.button.button-primary, button.button-primary, input.button-primary, input.button-primary, input.button-primary {

color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }

.button.button-primary:hover, button.button-primary:hover, input.button-primary:hover, input.button-primary:hover, input.button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input.button-primary:focus, input.button-primary:focus, input.button-primary:focus {

color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; }

/* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input, input, input, input, input, input, input, textarea, select {

height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */ input, input, input, input, input, input, input, textarea {

-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none; }

textarea {

min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }

input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, textarea:focus, select:focus {

border: 1px solid #33C3F0;
outline: 0; }

label, legend {

display: block;
margin-bottom: .5rem;
font-weight: 600; }

fieldset {

padding: 0;
border-width: 0; }

input, input {

display: inline; }

label > .label-body {

display: inline-block;
margin-left: .5rem;
font-weight: normal; }

/* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul {

list-style: circle inside; }

ol {

list-style: decimal inside; }

ol, ul {

padding-left: 0;
margin-top: 0; }

ul ul, ul ol, ol ol, ol ul {

margin: 1.5rem 0 1.5rem 3rem;

} li {

margin-bottom: 1rem; }

/* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code {

padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }

pre > code {

display: block;
padding: 1rem 1.5rem;
white-space: pre; }

/* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td {

padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }

th:first-child, td:first-child {

padding-left: 0; }

th:last-child, td:last-child {

padding-right: 0; }

/* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button {

margin-bottom: 1rem; }

input, textarea, select, fieldset {

margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form {

margin-bottom: 2.5rem; }

/* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr {

margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }

/* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */ .container:after, .row:after, .u-cf {

content: "";
display: table;
clear: both; }