@charset "UTF-8";
/* RESET and NORMALIZE */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
}

// remember to define focus styles!
:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

// tables still need 'cellspacing="0"' in the markup
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/* HTML5 display definitions */

// Prevents modern browsers from displaying 'audio' without controls
// Remove excess height in iOS5 devices
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Base */
// Prevents iOS text size adjust after orientation change, without disabling user zoom
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
html {
  -webkit-text-size-adjust: 1em;
  -ms-text-size-adjust: 1em;
}

// Addresses font-family inconsistency between 'textarea' and other form elements.
html,
button,
input,
select,
textarea {
  font-family: @bodyFonts;
}

/* Links */

// Addresses outline displayed oddly in Chrome
a:focus {
  outline: thin dotted;
}

// Improves readability when focused and also mouse hovered in all browsers
// people.opera.com/patrickl/experiments/keyboard/test
a:hover,
a:active {
  outline: 0;
}

// Improves readability of pre-formatted text in all browsers
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

// Prevents sub and sup affecting line-height in all browsers
// gist.github.com/413930
sub,
sup {
  font-size: .65em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content */
// avoid overflow by high resolution images
img {
  max-width: 100%;
  height: auto;
  .mq-print({ page-break-before: auto; page-break-after: auto; page-break-inside: avoid; });
}

// Corrects overflow displayed oddly
svg:not(:root) {
  overflow: hidden;
}

/* Figures */

// Addresses margin not present in IE6/7/8/9, S5, O11
figure {
  margin: 0;
}

/* Forms */
// Corrects margin displayed oddly in IE6/7
form {
  margin: 0;
}

// 1. Corrects font size not being inherited in all browsers
// 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
// 3. Improves appearance and consistency in all browsers
button,
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-width: 0;
  border-radius: 0;
  font-size: 100%; // 1
  margin: 0; // 2
  vertical-align: baseline; // 3
  *vertical-align: middle; // 3
}

// 1. Improves usability and consistency of cursor style between image-type 'input' and others
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; // 1
}

/* Re-set default cursor for disabled elements */
button[disabled],
input[disabled] {
  cursor: default;
}

// Removes inner padding and search cancel button in S5, Chrome on OS X
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

// Removes inner padding and border in FF3+
// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

// 2. Improves readability and alignment in all browsers
textarea {
  vertical-align: top; // 2
}

/* Tables */

// Remove most spacing between table cells
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Reset Box-sizing */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}


