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

body {
    // color: $text-color;
    // @include ink-font-stack(sans);
    // font-size: inherit;
    //line-height: $base-line-height;
}

.wcv-grid { 

    .fw-100, .fw-light { font-weight: 100; }
    .fw-300, .fw-thin { font-weight: 300; }
    .fw-400, .fw-regular { font-weight: 400; }
    .fw-500, .fw-medium { font-weight: 500; }
    .fw-700, .fw-bold { font-weight: 700; }
    .fw-900, .fw-black { font-weight: 900; }

    .condensed-300, .condensed-thin { font-weight: 300; font-family: $condensed-font-stack; }
    .condensed-400, .condensed-regular { font-weight: 400; font-family: $condensed-font-stack; }
    .condensed-700, .condensed-bold { font-weight: 700; font-family: $condensed-font-stack; }

    .slab-100, .slab-light { font-weight: 100; font-family: $slab-font-stack; }
    .slab-300, .slab-thin { font-weight: 300; font-family: $slab-font-stack; }
    .slab-400, .slab-regular { font-weight: 400; font-family: $slab-font-stack; }
    .slab-700, .slab-bold { font-weight: 700; font-family: $slab-font-stack; }

    .sans       { font-family: $sans-serif-font-stack; }
    .serif      { font-family: $serif-font-stack; }
    .monospace  { font-family: $mono-font-stack; }
    .condensed  { font-family: $condensed-font-stack; }
    .slab       { font-family: $slab-font-stack; }

    .italic { font-style: italic; }
    .uppercase { text-transform: uppercase; }
    .lowercase { text-transform: lowercase; }
    .capitalizer { text-transform: capitalize; }

    a {
        text-decoration: none;
        cursor: pointer;
        // @include transition (compact(all 140ms ease-in-out));

        &:hover {
            color: $link-hover-color;
            text-decoration: underline;
        }
    }

    @include vertical-rhythm();

    /* Headings  */
    h1, h2, h3, h4, h5, h6 {
        color: $headings-color;
        font-weight: 700;
        line-height: $base-line-height * 0.8;
    }

    small {
        color: tint($text-color, 30%);
        //font-size: .6em;
    }

    input, textarea {
        color: #666;
    }

    h1 small, h2 small, h3 small, h4 small {
        color: #bbb;
        font-size: .6em;
        font-weight: 100;
        line-height: 1;
    }

    mark {
        background: lighten($link-color,30%)
    }

    address {
        color: tint($text-color, 20%);
        font-size: 1em;
        line-height: 1.4;

        p { margin-top: 0 }

        h6 { color: $text-color; }
    }

    abbr {
        &:hover {
            cursor: help;
        }
    }

    blockquote {
        border-left: 4px solid #ddd;
        padding-left: $indent-amount;
        margin:1em 0;
        font-weight: 200;
        font-size: 1.1em;

        small {
            font-size: .9em;

            &::before,
            &::after {
                content: ' — ';
            }
        }
    }

    .note {
        font-size: .9em;
        color: tint($text-color, 20%);
        strong {color: $text-color;}
    }

    .small      { font-size: .75em; }
    .medium      { font-size: .85em; }
    .large      { font-size: 1.2em; }
    .extralarge { font-size: 1.45em !important; }

    hr {
        border: 0;
        border-top: 1px solid #ddd;
        margin:1em 0
    }

    .lead {
        font-size: 1.1em;
        font-weight: bold;
    }

    ul, ol {
        line-height:1.4;
        padding: 0 0 0 $base-line-height * 1em;
        margin: 1em 0;

        li {
            margin: .5em 0;
        }
    }


    ul {

        &.unstyled {
            list-style: none;
            padding-left: 0em;

            ul  {
                list-style:disc outside;
                &.unstyled {
                    list-style: none;
                    padding-left: 0em;
                }
            }
        }

        &.inline {
            list-style: none;

            li {
                display: inline-block;
                padding: 0 .5em;
                &:first-child {
                    padding: 0 .5em 0 0;
                }
            }
        }
    }



    dl {
        margin: 1em 0;
        dt {
            font-weight: bold;
            margin: .5em 0;
        }

        dd { margin: .5em 0 .5em $indent-amount; }

        &.inline {
            dt {
                float: left;
                clear: left;
                text-align: right;
                width: 180px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin: 0;
            }

            dd {
                margin: .5em 0 .5em 200px;
            }
        }
    }
}
