/*
    Note: input, label, and other form tags are in _forms.scss
*/


a {
    color: $color-link;

    &:hover {
        color: lightened($color-link);
    }
}

dl {
    margin: 0 0 $padding-big $padding-big*2;
    max-width: $width-paragraph;

    dd {
        margin: $padding-medium 0 $padding-medium 2em;
    }
    dt {
        margin: $padding-medium 0 0 0;
    }
}

header {
    overflow: hidden;
}

h1 {
    font: $font-header-1;
    margin: 0 0 $padding-big 0;
}

h2 {
    font: $font-header-2;
    margin: $padding-big 0;
}

h3 {
    border-bottom: 1px solid $color-text-dark;
    display: inline-block;
    font: $font-header-3;
    margin: $padding-big 0;
    max-width: $width-big;
    padding-bottom: $padding-small;
    &::after {
        content: '';
        display: block;
    }
}

iframe {
    border: none;
    display: block;
    height: 8in;
    width: 100%;
}

li {
    margin-bottom: $padding-medium;
    max-width: $width-paragraph;
    &:last-of-type {
        margin-bottom: 0;
    }
}

ol {
    margin: 0 0 $padding-big $padding-big *2;
}

p {
    line-height: $font-normal-line;
    margin: 0 0 $padding-big 0;
    max-width: $width-paragraph;
}

small {
    font-family: inherit;
    font-size: 0.75em;
    color: lightened($color-text-dark);
}

section {
    margin-bottom: $padding-big;
    padding-top: $padding-big;

    &:last-of-type {
    }
}

table {
    border: 1px solid darkened($color-neutral);
    border-collapse: collapse;

    td {
        border: 1px solid $color-neutral;
        border-bottom: none;
        border-right: none;
        padding: $padding-small $padding-medium;
        &:first-of-type {
            border-left: none;
        }
    }
    th {
        border: 1px solid darkened($color-neutral);
        background: $color-neutral;
        font: $font-normal;
        font-weight: bold;
        padding: $padding-small $padding-medium;
        text-align: center;

        a {
            color: inherit;
            display: block;
            text-decoration: none;

            &:hover {
                color: inherit;
            }
        }
    }
    &.fixed-width {
        table-layout: fixed;
    }
}

ul {
    margin: 0 0 $padding-big $padding-big*2;
}