/*

1 - RESET
2 - CLEARFIX

*/

/************************/
/*		1 - RESET		*/
/************************/
html, body, main, 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, article, aside, details, figcaption,
figure, footer, header, hgroup, menu, nav, section  {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
::-moz-focus-inner { border: 0; }

html {
    font-size: 62.5%;
    background: #333;
}

body {
    position: relative;
    font: 400 1em/1 Sans-Serif;
    color: white;
    background: #333;
    z-index: 0;
    overflow: hidden;
}

strong {
    font-weight: bold;
}

ol, ul {
    list-style: none inside none;
    color: white;
}

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

tr { vertical-align: top; }

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

blockquote, q {
    quotes: "" "";
    &:before,
    &:after {
        content: "";
    }
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
}

button {
    padding: 0;
    margin: 0;
    border: 1px solid #555555;
    background: #444444;
    color: white;
    cursor: pointer;
}
button::-moz-focus-inner {
    border: 0;
}
button:disabled {
    opacity: 0.5;
}
button.is-active {
    border-color: #666666;
    background: #555555;
}

.is-hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

input,
textarea { box-sizing: border-box; }

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/****************************/
/*		2 - CLEARFIX		*/
/****************************/
.clearfix {
    display: inline-block;
    &:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
.clear { clear: both; }