/*
* 
* Reset / Presentation Normalization
* Created: Sept. 2014
*
* Table of Contents
======================================
  + Importing Icon Fonts
  + Reset & Tag taming (Inspired by Eric Meyers)
  + Basic Styles
  + Links
  + Typography
  + Blockquotes
  + Lists
  + Images & Responsive Video embeds
  + Forms
  + Buttons
  + Misc 
*/

/* + Icon Fonts by Entypo, Icomoon.io. Compiled by (fontello.com) and (icomoon.io).
================================================== */
/* @import url('../iconFonts/css/fontello.css');
@import url('../iconFonts/css/animation.css');
@import url('../iconFonts/css/utility.css');
@import url('../cq-now-iconFonts/css/cq-now-fontello.css');
@import url('../cq-now-iconFonts/css/cq-now-animation.css'); */

/* + Font family imports 'Graphik Web' & 'Lyon Text Web'
================================================== */

@font-face {
    font-family: 'Graphik Web';
    src: url("../fonts/Graphik-Regular-Web.eot");
    src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.ttf") format("truetype"), url("../fonts/Graphik-Regular-Web.svg#Graphik Web") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Web';
    src: url("../fonts/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.ttf") format("truetype"), url("../fonts/Graphik-Medium-Web.svg#Graphik Web") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Graphik Web';
    src: url("../fonts/Graphik-Semibold-Web.eot");
    src: url("../fonts/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Semibold-Web.woff") format("woff"), url("../fonts/Graphik-Semibold-Web.ttf") format("truetype"), url("../fonts/Graphik-Semibold-Web.svg#Graphik Web") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url("../fonts/LyonText-Regular-Web.eot");
    src: url("../fonts/LyonText-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-Regular-Web.woff") format("woff"), url("../fonts/LyonText-Regular-Web.ttf") format("truetype"), url("../fonts/LyonText-Regular-Web.svg#Lyon Text Web") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url("../fonts/LyonText-RegularItalic-Web.eot");
    src: url("../fonts/LyonText-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-RegularItalic-Web.woff") format("woff"), url("../fonts/LyonText-RegularItalic-Web.ttf") format("truetype"), url("../fonts/LyonText-RegularItalic-Web.svg#Lyon Text Web") format("svg");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url("../fonts/LyonText-Semibold-Web.eot");
    src: url("../fonts/LyonText-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-Semibold-Web.woff") format("woff"), url("../fonts/LyonText-Semibold-Web.ttf") format("truetype"), url("../fonts/LyonText-Semibold-Web.svg#Lyon Text Web") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url("../fonts/LyonText-Bold-Web.eot");
    src: url("../fonts/LyonText-Bold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-Bold-Web.woff") format("woff"), url("../fonts/LyonText-Bold-Web.ttf") format("truetype"), url("../fonts/LyonText-Bold-Web.svg#Lyon Text Web") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url("../fonts/LyonText-BoldItalic-Web.eot");
    src: url("../fonts/LyonText-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-BoldItalic-Web.woff") format("woff"), url("../fonts/LyonText-BoldItalic-Web.ttf") format("truetype"), url("../fonts/LyonText-BoldItalic-Web.svg#Lyon Text Web") format("svg");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Thin-Web.eot");
    src: url("../fonts/Produkt-Thin-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Thin-Web.woff2") format("woff2"), url("../fonts/Produkt-Thin-Web.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Extralight-Web.eot");
    src: url("../fonts/Produkt-Extralight-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Extralight-Web.woff2") format("woff2"), url("../fonts/Produkt-Extralight-Web.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Light-Web.eot");
    src: url("../fonts/Produkt-Light-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Light-Web.woff2") format("woff2"), url("../fonts/Produkt-Light-Web.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Regular-Web.eot");
    src: url("../fonts/Produkt-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Regular-Web.woff2") format("woff2"), url("../fonts/Produkt-Regular-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Medium-Web.eot");
    src: url("../fonts/Produkt-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Medium-Web.woff2") format("woff2"), url("../fonts/Produkt-Medium-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Semibold-Web.eot");
    src: url("../fonts/Produkt-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Semibold-Web.woff2") format("woff2"), url("../fonts/Produkt-Semibold-Web.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Bold-Web.eot");
    src: url("../fonts/Produkt-Bold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Bold-Web.woff2") format("woff2"), url("../fonts/Produkt-Bold-Web.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Black-Web.eot");
    src: url("../fonts/Produkt-Black-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Black-Web.woff2") format("woff2"), url("../fonts/Produkt-Black-Web.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Produkt Web';
    src: url("../fonts/Produkt-Super-Web.eot");
    src: url("../fonts/Produkt-Super-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Produkt-Super-Web.woff2") format("woff2"), url("../fonts/Produkt-Super-Web.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

/* + Reset & Tag taming
================================================== */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, img, small, strike, strong, sub, sup, b, u, i, li, fieldset, form, label, legend, table, caption, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    margin-right: -0.4rem;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

*[hidden] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:focus {
    outline: 0;
}

/* + Basic Styles
================================================== */
html {
    height: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
}

body {
    background-color: rgb(224, 224, 224);
    font-size: 1.6rem;
}

/* + Typography
================================================== */
body, input, select, textarea, option, optgroup, button, th, td {
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    color: #515151;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    line-height: normal;
}

p {
    margin: 0 0 1.5rem 0;
}

p:last-child {
    margin-bottom: 0;
}

i, em {
    font-style: italic;
    font-weight: inherit;
}

b, strong {
    font-weight: bold;
    font-style: inherit;
}

small {
    font-size: 85%;
}

/* + Links
================================================== */
a {
    color: #3F6F9E;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #3F6F9E;
}

a:hover {
    color: #2A435E;
}

a:focus {
    outline: 0;
}

a:hover, a:active {
    outline: 0;
}

/* + Blockquotes
================================================== */
blockquote, q {
    quotes: none;
}

/*blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}*/
blockquote {
    margin: 0 0 1.0rem 2.5rem;
    padding: 0 0 0 1.5rem;
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

blockquote p {
    color: #888;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 2.0rem;
    margin-bottom: 0.5rem;
}

blockquote cite {
    color: #999;
    font-size: 1.5rem;
}

blockquote cite {
    display: block;
}

/*blockquote p:before {content: "\201C"}*/
/*blockquote p:after {content: "\201D"}*/
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {}

hr {
    border: dotted #ddd;
    border-width: 0.10rem 0 0;
    clear: both;
    margin: 1.0rem 0 3.0rem;
    height: 0;
}

/* + Lists
================================================== */
nav ul, nav li {
    margin: 0 0 2.0rem 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

ul, ol {
    margin: 0 0 2.0rem 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    margin-bottom: 1.0rem;
}

/* + Images & Responsive Video embeds
================================================== */
img {
    vertical-align: bottom;
    height: auto;
    border: 0;
}

img, object, embed {
    max-width: 100%;
}

.video-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* + Forms
================================================== */

input[type="text"], input[type="email"] {
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="text"]:focus, input[type="email"]:focus {}

textarea {
    border-radius: 0;
    -webkit-appearance: none;
}

/* + Buttons
================================================== */
.button, button, input[type="submit"],
input[type="reset"], input[type="button"] {
    cursor: pointer;
}

.button:hover, button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {}

.button:active, button:active,
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {}

.button.full-width, button.full-width,
input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* + Misc -- Little hacks and additions
================================================== */

::selection {
    background: #b3d5ff;
}

::-moz-selection {
    background: #b3d5ff;
}