/*
-----------------------------------------------
Typographic styles
----------------------------------------------- */


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 1, 2016 */


/* --
@Font face
------------------------- */




@mixin fontFace($fontFamily) {
    font-family: $fontFamily, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@mixin fontSize($sizeValue) {
    font-size: $sizeValue + px;
    font-size: ($sizeValue / 10) + rem;
}

@mixin lineHeight($heightValue, $fontSize) {
    line-height: ($heightValue / $fontSize) + em;
}


/********** Deprecated and obsolete elements **********/

applet,
basefont,
dir,
font,
isindex,
menu,
s,
strike,
u {
    font-family: inherit;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    white-space: normal;
    vertical-align: baseline;
    // text-decoration: inherit;
    text-align: left;
    color: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

dir,
menu {
    list-style: none;
}

nobr {
    white-space: normal;
}

blink {
    text-decoration: none;
}

marquee {
    overflow: visible;
}


/******************** Base ********************/

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    @include fontFace($ms500);
    @include fontSize(16);
    @include lineHeight(24, 16);
    color: #000;
}

body b,
body strong,
body caption,
body th,
body thead,
body dt,
body legend {
    @include fontFace($ms500);
}

body cite,
body dfn,
body em,
body i {
    font-style: italic;
}

body code,
body kbd,
body samp,
body pre,
body tt,
body var {
    font-family: mono-space, monospace;
}

body p {
    hyphenate: auto;
    hyphenate-lines: 3;
}

body pre {
    white-space: pre;
}

body del {
    text-decoration: line-through;
}

body mark {
    background: transparent;
    /* padding: 0 .25em; */
}

body ins {
    color: #f00;
}

body small,
body sup,
body sub {
    font-size: 80%;
}

body big {
    font-size: 125%;
    line-height: 80%;
}

body abbr,
body acronym {
    font-size: 85%;
    text-transform: uppercase;
    letter-spacing: .1em;
}

body abbr[title],
body acronym[title],
body dfn[title] {
    border-bottom: 1px dotted black;
    cursor: help;
}

body sup,
body sub {
    line-height: 0;
}

body sup {
    vertical-align: super;
}

body sub {
    vertical-align: sub;
}

body blockquote {
    padding: 1.5em;
}

body hr {
    border: none;
    background: #ddd;
    width: 100%;
}


/*
body ul										{ list-style: disc outside; }
body ol										{ list-style: decimal outside; }*/

body input,
body select,
body button {
    cursor: pointer;
}

body textarea,
body input[type="text"] {
    cursor: text;
    -webkit-appearance: none;
}


body select,
body button {
    cursor: pointer;
}

body table {
    font: inherit;
    width: 100%;
}


/* Debug */

.debug {
    outline: solid #ff0000 1px;
}

.debug2 {
    background: #ffcc00 !important;
}

.debug3 {
    background: #ff0000 !important;
}

.debug4 {
    background: #009933 !important;
}

.debug5 {
    background: #3333cc !important;
}

.debug6 {
    background: #d9b62b !important;
}

.debug p {
    background: #f2f2f2 !important;
}


/******************** Baseline grid: 16/24px ********************/

body h1, body .h1 {
    @include fontSize(36);
    @include lineHeight(48, 36);
    margin: 0 0 0 0;
}

body h2, body .h2 {
    @include fontSize(28);
    @include lineHeight(48, 28);
    margin: 0 0 0 0;
}

body h3, body .h3 {
    @include fontSize(22);
    @include lineHeight(24, 22);
    margin: 0 0 1.0909em 0;
}

body h4, body .h4 {
    @include fontSize(18);
    @include lineHeight(24, 18);
    margin: 0 0 1.3333em 0;
    /*letter-spacing: -1px;*/
}

body h5, body .h5 {
    @include fontSize(18);
    @include lineHeight(24, 18);
    margin: 0 0 1.3333em 0;
}

body h6, body .h6 {
    @include fontSize(16);
    @include lineHeight(24, 16);
    margin: 0 0 1.5em 0;
}

.content pre,
.content address {
    position: relative;
    top: 5px;
    z-index: 1;
}

body small {
    font-size: 12px;
    font-size: 1.2rem;
}

body abbr,
body code,
body kbd,
body samp,
body small,
body var {
    line-height: 1.5em;
}

body ul,
body ol,
body dl,
body dialog,
body p,
body pre,
body address {
    @include fontSize(16);
    @include lineHeight(24, 16);
    margin: 0 0 1.5em;
}


/* LH 24px / 16px = 1.5em */

//body ul   									         { list-style: inside disc; }
//body ol   									         { list-style: inside decimal; }
body ul ul {
    margin: 0 0 0 1.5em;
    /*list-style: inside disc;*/
}

body form,
body legend,
body label {
    @include fontSize(16);
    @include lineHeight(24, 16);
}

body legend {
    position: relative;
    top: 5px;
}

body table {
    @include fontSize(16);
    @include lineHeight(24, 16);
    /*font-family: Arial;*/
    margin-bottom: 1.5em;
}

body caption {
    @include fontSize(16);
    @include lineHeight(24, 16);
    position: relative;
}

body hr {
    position: relative;
    height: 4px;
    margin: 18px 0 14px 0;
}

body strong {
    font-weight: normal;
}


/******************** Table ********************/

table {
    @include fontFace($ms500);
    border-collapse: collapse;
    position: relative;
    text-align: left;
    border-top: #eaeaea 1px solid;
    border-bottom: #eaeaea 1px solid;
}

tbody th,
tbody td,
tfoot th,
tfoot td,
tbody th a,
tbody td a,
tfoot th a,
tfoot td a {
    @include fontFace($ms500);
    color: #666666;
}

tbody th a,
tbody td a,
tfoot th a,
tfoot td a {
    position: relative;
    &:after {
        content: ""; display: block; width: 100%; height: 2px;
        position: absolute; left: 0; bottom: 0;
        // @include transition(background-color 150ms linear, width 150ms $cb1);
        background: #b2b1aa;
        background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%, rgba(178, 177, 170, 1) 100%);
    }

    &:hover:after {
        width: 0;
    }
}

table th,
table td {
    padding: 14px;
}

thead th,
thead td {
    @include fontFace($ms500);
    // background: #273339 url('../images/patterns/table-head-pattern.png') repeat 0 0;
    background: #273339;
    // background-attachment: fixed;
    color: #fff;
}

tbody tr:first-child th {
    @include fontFace($ms500);
    // background: #273339 url('../images/patterns/table-head-pattern.png') repeat 0 0;
    background: #273339;
    // background-attachment: fixed;
    color: #fff;
}

tbody th,
tbody td {
    background-color: #fff;
}

tfoot th,
tfoot td {
    padding-bottom: 8px;
}

tbody th:first-child,
tbody td:first-child {
    border-left: #eaeaea 1px solid;
}

tbody th:last-child,
tbody td:last-child,
tfoot th:last-child,
tfoot td:last-child {
    border-right: #eaeaea 1px solid;
}

// th:first-child, td:first-child				 { padding-left: 40px; }
// th:last-child, td:last-child				   { padding-right: 40px; }
tr:nth-child(even) td {}

/* tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td {
    background: #fffcee;
} */

/* tbody tr:nth-child(odd) th, */
tbody tr:nth-child(odd) td {
    background-color: #fffcee;
    @include transition(background-color 150ms ease-in-out, color 150ms ease-in-out);
}

thead + tbody tr:nth-child(odd) td {
    background-color: #fff;
}

thead + tbody tr:nth-child(even) td {
    background-color: #fffcee;
}


tbody tr:hover td,
thead + tbody tr:hover td {
    background-color: #ffc200;
    color: #fff;
    & a {
        color: #fff;
        &:after {
            background: #ffd140;
            background: linear-gradient(to bottom, rgba(255, 209, 64, 1) 0%, rgba(255, 225, 128, 1) 100%);
        }
    }
}



caption {
    top: 5px;
    margin-bottom: 18px;
}


/******************** Form ********************/

form {}

legend {}

label {
    width: 100%;
    line-height: 1.5em;
    display: block;
}

input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"],
button {
    display: block;
    cursor: text;
    @include fontFace($ms500);
}

input[type="radio"] {
    margin: 0 4px 3px 1px;
}

input[type="checkbox"] {
    margin: 0 4px 3px 1px;
}

input[type="file"] {
    margin: 0px 6px 3px 6px;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"] input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
    font: normal 100%/140% $ms500;
    cursor: pointer;
    -webkit-border-radius: 0;
}

input[type="text"],
input[type="password"],
textarea {
    cursor: text;
}

select {
    /*display: block;*/
    margin: 0px;
}

textarea {
    width: 99%;
    line-height: 1.5em;
    display: block;
    clear: left;
    overflow: auto;
    @include fontFace($ms500);
}

label {
    cursor: pointer;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    -webkit-border-radius: 0;
}