//--------------------------------------------------------------//
// RESET & NORMALIZE
//--------------------------------------------------------------//
*{
  &,
  &:before,
  &:after{
    box-sizing: border-box;
  }
}
:focus {
  outline: thin dotted;
}


// Normalize margins and paddings
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,dl,
form,fieldset,legend,
table,th,td,caption,
hr{
  margin: 0;
  padding: 0;
}

// So 'alt' text is distinct when images don't load
img {
  font-style: italic;
}

// Give form elements some cursor interactions...
label,
input,
textarea,
button,
select,
option{
  cursor: pointer;
}
textarea:active,
textarea:focus,
input[type="text"]:focus,
input[type="text"]:active{
  cursor: text;
  outline: none;
}


/* normalize.scss 3.0.0-alpha.1+normalize.2.1.3 | MIT/GPLv2 License */

// *************************************
//
//   $NORMALIZE
//
// *************************************


// -------------------------------------
//   Variables
// -------------------------------------

/// Set this to true to force CSS output to exactly match normalize.css.
$strict-normalize: false !default;

/// The amount lists are indented.





// ---------------------------------------
//   HTML5 display definitions
// ---------------------------------------

// Correct `block` display not defined in IE 8/9.
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}


// Correct `inline-block` display not defined in IE 8/9.
audio,
canvas,
progress,
video {
  display: inline-block;
}


// Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
audio:not([controls]) {
  display: none;
  height: 0;
}

// Address `[hidden]` styling not present in IE 8/9.
// Hide the `template` element in IE, Safari, and Firefox < 22.
[hidden],
template {
  display: none;
}





// ---------------------------------------
//   Base
// ---------------------------------------


// Address `font-family` inconsistency between `textarea`
// and other form elements.
// button,
// input,
// select,
// textarea {
//   font-family: family(base);
// }

// Remove default margin.
body {
  margin: 0;
}







// ---------------------------------------
//   Links
// ---------------------------------------

// Remove the gray background color from active links in IE 10.
a {
  background: transparent;
}
// Address `outline` inconsistency between Chrome and other browsers.
a:focus {
  outline: thin dotted;
}
// Improve readability when focused and also mouse hovered in all browsers.
a:active,
a:hover {
  outline: 0;
}
// ---------------------------------------
//   Typography
// ---------------------------------------
// Address styling not present in IE 8/9, Safari 5, and Chrome.
abbr[title] {
  border-bottom: 1px dotted;
}
// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
b,
strong {
  font-weight: bold;
}
// Address styling not present in Safari 5 and Chrome.
dfn {
  font-style: italic;
}
// Address differences between Firefox and other browsers.
hr {
  box-sizing:content-box;
  height: 0;
  border: 0;
}
// Address styling not present in IE 8/9.
mark {
  background: #ff0;
  color: #000;
}
// Correct font family set oddly in Safari 5 and Chrome.
code,
kbd,
pre,
samp {
 font-size:12px;
  font-family: monospace, serif;
}
// Improve readability of pre-formatted text in all browsers.
pre {
  white-space: pre-wrap;
}
// Set consistent quote types.
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

// ---------------------------------------
//   Lists
// ---------------------------------------


@if not $strict-normalize {
  // Normalize margins.
  dl,
  menu,
  ol,
  ul {
    margin: 0;
  }

  dd {
    margin:0;
  }


  // Normalize padding
  menu,
  ol,
  ul {
    list-style-position: inside;
    padding: 0;
  }
}





// ---------------------------------------
//   Embedded content
// ---------------------------------------


// Remove border from images inside `a` element in IE 8/9.
img {
  border: 0;
}


// Correct overflow displayed oddly in IE 9.
svg:not(:root) {
  overflow: hidden;
}





// ---------------------------------------
//   Figures
// ---------------------------------------


// Address margin not present in IE 8/9 and Safari 5.
figure {
  margin: 0;
}





// ---------------------------------------
//   Forms
// ---------------------------------------


// Correct margin displayed oddly in IE 6/7.
form {
  margin: 0;
}


// 1. Correct `color` not being inherited in IE 8/9.
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
legend {
  border: 0;            // 1
  padding: 0;           // 2
}


// 1. Correct font family not being inherited in all browsers.
// 2. Correct font size not being inherited in all browsers.
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
button,
input,
select,
textarea {
  font-family: inherit;         // 1
  font-size: 100%;              // 2
  margin: 0;                    // 3
}


// **   Hack no longer needed since FF 30   ** //
// Address Firefox 4+ setting `line-height` on `input` using
// `!important` in the UA stylesheet.
button,
input {
  line-height: 1.5;
}


// Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
// Correct `select` style inheritance in Firefox 4+ and Opera.
button,
select {
  text-transform: none;
}


// 1. Avoid the WebKit bug in Android 4.0.* where
//    [2] destroys native `audio` and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Remove button's default styling.
// 4. Improve usability and consistency of cursor style
//    between image-type `input` and others.
button,
html input[type="button"],       // 1
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;    // 2
  background-color: transparent; // 3
  border: 0;                     // 3
  color: inherit;                // 3
  cursor: pointer;               // 4
  outline: none;
  padding: 0;                    // 3
  font-weight: inherit;
  &:focus {
    outline: thin dotted;
  }
}


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


// 1. Address box sizing set to `content-box` in IE 8/9/10.
// 2. Remove excess padding in IE 8/9/10.
// Known issue: excess padding remains in IE 6.
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;   // 1
  padding: 0;               // 2
}


// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
input[type="search"] {
  -webkit-appearance: textfield; // 1
}


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


// Remove inner padding and border in Firefox 4+.
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


// 1. Remove default vertical scrollbar in IE 8/9.
// 2. Improve readability and alignment in all browsers.
textarea {
  overflow: auto;       // 1
  vertical-align: top;  // 2
}





// ---------------------------------------
//   Tables
// ---------------------------------------


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


//--------------------------------------------------------------//
//  UL
//--------------------------------------------------------------//

ul {
  list-style:none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}