// *************************************
//
//   Base-level tags
//   -> All font related styling -
//   -> generated with gridlover.net
//
// *************************************

// -------------------------------------
//   Block Content
// -------------------------------------

*, *:after, *:before {
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    outline: none;
}

html {
    @include font-family("default");
}

body {
    font-size: $base-font-size;
    line-height: $base-line-height;
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Sanitation */
hr {
    border: 1px solid;
    margin: -1px 0;
}

ul ul, ol ol, ul ol, ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

b, strong, em, small, code {
    line-height: 1;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub {
    top: 0.4em;
}

// -------------------------------------
//   Inline Content
// -------------------------------------

h1, h2, h3, h4 {
    @include font-family("bold");
}

h1,
.h1 {
    font-size: $h1-font-size;
    line-height: $h1-line-height;
    margin-top: $h1-margin-top;
    margin-bottom: $h1-margin-bottom;
    text-transform: uppercase;
}

h2,
.h2 {
    font-size: $h2-font-size;
    line-height: $h2-line-height;
    margin-top: $h2-margin-top;
    margin-bottom: $h2-margin-bottom;
    text-transform: uppercase;
}

h3,
.h3 {
    font-size: $h3-font-size;
    line-height: $h3-line-height;
    margin-top: $h3-margin-top;
    margin-bottom: $h3-margin-bottom;
}

h4,
.h4 {
    font-size: $h4-font-size;
    line-height: $h4-line-height;
    margin-top: $h4-margin-top;
    margin-bottom: $h4-margin-bottom;
}

p, ul, ol, pre, table, blockquote {
    @include font-family("light");
    margin-top: $base-line-height;
    margin-bottom: $base-line-height;
}

a {
    text-decoration: none;
}