// // Reset CSS // Adapted from github.com/necolas/normalize.css // ————————————————–

*, *:after, *:before {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

// Display in IE6-9 and FF3 // ————————- article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

display: block;

}

// Display block in IE6-9 and FF3 // ————————- audio, canvas, video {

display: inline-block;
*display: inline;
*zoom: 1;

}

// Prevents modern browsers from displaying ‘audio’ without controls // ————————- audio:not() {

display: none;

}

// Base settings // ————————- html {

font-size: 100%;
-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

} // Focus states a:focus {

@include tab-focus();

} // Hover & Active a:hover, a:active {

outline: 0;

}

// Prevents sub and sup affecting line-height in all browsers // ————————- sub, sup {

position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;

} sup {

top: -0.5em;

} sub {

bottom: -0.25em;

}

// Blockquote // ————————- blockquote {

margin: 0;

}

// Img border in a’s and image quality // ————————- img {

/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
width: auto\9; /* IE7-8 need help adjusting responsive images */
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */

vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;

}

// Full width tables // ————————- table {

width: 100%;

}

// Prevent max-width from affecting Google Maps map_canvas img, .google-maps img {

max-width: none;

}

// Forms // ————————- // Font size in all browsers, margin changes, misc consistency button, input, select, textarea {

margin: 0;
font-size: 100%;
vertical-align: middle;

} button, input {

*overflow: visible; // Inner spacing ie IE6/7
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet

} button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4

padding: 0;
border: 0;

} button, html input, // Avoid the WebKit bug in Android 4.0.* where (2) destroys native ‘audio` and `video` controls. input, input {

-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.

} label, select, button, input, input, input, input, input {

cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.

} input { // Appearance in Safari/Chrome

@include box-sizing(content-box);
-webkit-appearance: textfield;

} input::-webkit-search-decoration, input::-webkit-search-cancel-button {

-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5

} textarea {

overflow: auto; // Remove vertical scrollbar in IE6-9
vertical-align: top; // Readability and alignment cross-browser

}