/* =================================================================== 
 *
 *  Glint v1.0 Base Stylesheet
 *  11-20-2017
 *  ------------------------------------------------------------------
 *
 *  TOC:
 *  # imports 
 *  # normalize
 *  # basic/base setup styles
 *      ## Media
 *      ## Typography resets 
 *      ## links
 *      ## inputs
 *  # grid
 *      ## medium size devices
 *      ## tablets
 *      ## mobile devices
 *      ## small mobile devices
 *  # block grids
 *      ## medium size devices
 *      ## tablets
 *      ## mobile devices
 *      ## small mobile devices
 *  # MISC
 *
 * =================================================================== */


/* ===================================================================
 * # imports 
 *
 * ------------------------------------------------------------------- */
 @import url("font-awesome/css/font-awesome.min.css");
 @import url("micons/micons.css");
 @import url("fonts.css");
 
 
 /* ===================================================================
  * # normalize
  * normalize.css v5.0.0 | MIT License | 
  * github.com/necolas/normalize.css
  *
  * ------------------------------------------------------------------- */
 html {
     font-family: sans-serif;
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
 }
 
 body {
     margin: 0;
 }
 
 
 aside,
 footer,
 header,
 nav,
 section {
     display: block;
 }
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 
 main {
     display: block;
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 
 pre {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
 }
 
 a:active,
 a:hover {
     outline-width: 0;
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted;
 }
 
 b,
 strong {
     font-weight: inherit;
 }
 
 b,
 strong {
     font-weight: bolder;
 }
 
 code,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 mark {
     background-color: #ff0;
     color: #000;
 }
 
 small {
     font-size: 80%;
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 sup {
     top: -0.5em;
 }
 
 audio,
 video {
     display: inline-block;
 }
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 img {
     border-style: none;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: sans-serif;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
 }
 
 button,
 input {
     overflow: visible;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
 }
 
 progress {
     display: inline-block;
     vertical-align: baseline;
 }
 
 textarea {
     overflow: auto;
 }
 
 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }
 
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 
 menu {
     display: block;
 }
 
 canvas {
     display: inline-block;
 }
 
 template {
     display: none;
 }
 
 [hidden] {
     display: none;
 }
 
 
 /* ===================================================================
  * # basic/base setup styles
  *
  * ------------------------------------------------------------------- */
 html {
     font-size: 62.5%;
     box-sizing: border-box;
 }
 
 *,
 *::before,
 *::after {
     box-sizing: inherit;
 }
 
 body {
     font-weight: normal;
     line-height: 1;
     word-wrap: break-word;
     text-rendering: optimizeLegibility;
     -webkit-overflow-scrolling: touch;
     -webkit-text-size-adjust: none;
 }
 
 body,
 input,
 button {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## Media
  * ------------------------------------------------------------------- */
 img,
 video {
     max-width: 100%;
     height: auto;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## Typography resets 
  * ------------------------------------------------------------------- */
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 form,
 p,
 blockquote,
 th,
 td {
     margin: 0;
     padding: 0;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     -webkit-font-smoothing: auto;
     -webkit-font-smoothing: antialiased;
     -webkit-font-variant-ligatures: common-ligatures;
     -moz-font-variant-ligatures: common-ligatures;
     font-variant-ligatures: common-ligatures;
     text-rendering: optimizeLegibility;
 }
 
 em,
 i {
     font-style: italic;
     line-height: inherit;
 }
 
 strong,
 b {
     font-weight: bold;
     line-height: inherit;
 }
 
 small {
     font-size: 60%;
     line-height: inherit;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 li {
     display: block;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## links 
  * ------------------------------------------------------------------- */
 a {
     text-decoration: none;
     line-height: inherit;
 }
 
 a img {
     border: none;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## inputs 
  * ------------------------------------------------------------------- */
 fieldset {
     margin: 0;
     padding: 0;
 }
 
 input[type="email"],
 input[type="number"],
 input[type="search"],
 input[type="text"],
 input[type="tel"],
 input[type="url"],
 input[type="password"],
 textarea {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
 }
 
 
 /* ===================================================================
  * # grid
  *
  * ------------------------------------------------------------------- */
 .row {
     width: 94%;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .row:after {
     content: "";
     display: table;
     clear: both;
 }
 
 .row .row {
     width: auto;
     max-width: none;
     margin-left: -20px;
     margin-right: -20px;
 }
 
 
 /* column blocks
  * -------------------------------------- */
 [class*="col-"] {
     float: left;
     padding: 0 20px;
 }
 
 [class*="col-"]+[class*="col-"].end {
     float: right;
 }
 
 
 /* column width classes 
  * -------------------------------------- */
 
 .col-six {
     width: 50%;
 }
 
 .col-twelve,
 .col-full {
     width: 100%;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## medium size devices
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 1200px) {
     .row .row {
         margin-left: -15px;
         margin-right: -15px;
     }
     [class*="col-"] {
         padding: 0 15px;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## tablets
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 800px) {
     .row {
         width: 90%;
     }
     .tab-full {
         width: 100%;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## mobile devices
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 600px) {
     .row {
         width: auto;
         padding-left: 25px;
         padding-right: 25px;
     }
     .row .row {
         margin-left: -10px;
         margin-right: -10px;
     }
     [class*="col-"] {
         padding: 0 10px;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## small mobile devices
  * ------------------------------------------------------------------- */
 
 /* stack columns on small mobile devices
  * ------------------------------------------------------------------- */
 
 @media only screen and (max-width: 400px) {
     .row .row {
         padding-left: 0;
         padding-right: 0;
         margin-left: 0;
         margin-right: 0;
     }
     [class*="col-"] {
         width: 100% !important;
         float: none !important;
         clear: both !important;
         margin-left: 0;
         margin-right: 0;
         padding: 0;
     }
     [class*="col-"]+[class*="col-"].end {
         float: none;
     }
 }
 
 
 /* ===================================================================
  * # block grids
  * ------------------------------------------------------------------- */
 
 /*   Equally-sized columns define at row level
  * ------------------------------------------------------------------- */
 [class*="block-"]:after {
     content: "";
     display: table;
     clear: both;
 }
 
 .block-1-4 .col-block {
     width: 25%;
 }
 
 .block-1-2 .col-block {
     width: 50%;
 }
 
 
 /**
  * Clearing for block grid columns. Allow columns with 
  * different heights to align properly.
  */
 
 
 .block-1-4 .col-block:nth-child(4n+1),
 .block-1-2 .col-block:nth-child(2n+1) {
     clear: both;
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## medium size devices
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 1200px) {
     .block-m-1-2 .col-block {
         width: 50%;
     }
     [class*="block-m-"] .col-block:nth-child(n) {
         clear: none;
     }
     
     .block-m-1-2 .col-block:nth-child(2n+1) {
         clear: both;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## tablets
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 800px) {
     .block-tab-full .col-block {
         width: 100%;
         clear: both;
     }
     [class*="block-tab-"] .col-block:nth-child(n) {
         clear: none;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## mobile devices
  * ------------------------------------------------------------------- */
 @media only screen and (max-width: 600px) {
     .block-mob-full .col-block {
         width: 100%;
         clear: both;
     }
     [class*="block-mob-"] .col-block:nth-child(n) {
         clear: none;
     }
 }
 
 
 /* ------------------------------------------------------------------- 
  * ## small mobile devices
  * ------------------------------------------------------------------- */
 
 /* stack columns on small mobile devices
  * ------------------------------------------------------------------- */
 
 @media only screen and (max-width: 400px) {
     .stack .col-block {
         width: 100% !important;
         float: none !important;
         clear: both !important;
         margin-left: 0;
         margin-right: 0;
     }
 }
 
 
 /* ===================================================================
  * # MISC
  *
  * ------------------------------------------------------------------- */
 .group:after {
     content: "";
     display: table;
     clear: both;
 }
 
 
 /* Misc Helper Styles
  * -------------------------------------- */
 
 .half-bottom {
     margin-bottom: 1.5rem !important;
 }
 
 .add-bottom {
     margin-bottom: 3rem !important;
 }
 
 .full-width {
     width: 100%;
 }
 
 .text-center {
     text-align: center;
 }
 
 .pull-left {
     float: left;
 }
 
 
 /*# sourceMappingURL=base.css.map */