html {
    border-top: 0.25em solid $brown;
}

body {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif;
    color: $body_font;
    text-align: center;
    background-color: transparent
}

// eliminate touch delay on mobile safari
a, button, input, select, textarea, label, summary {
    touch-action: manipulation;
}
a {
    color: $orange;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    &:hover {
        text-decoration: none;
    }
    &:visited {
        color: $orange;
    }
}

p {
    @include constrain_narrow();
    text-align: left;
    @include breakpoint(alpha){
        @include fontsize(18);
        line-height: 1.5;
    }
    @include breakpoint(gamma){
        @include fontsize(20);
        line-height: 1.6;
    }
}
time {
    @include smcaps;
    @include fontsize(11);
    display: block;
    span {
        @include fontsize(13);
    }
}
abbr {
    cursor: help;
}
pre {
    @include constrain_narrow();
    text-align: left;
    @include breakpoint(alpha){
        @include fontsize(18);
        line-height: 1.5;
        margin-top: 2em;
        margin-bottom: 2em;
    }
}
object, embed, video {
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    max-width:98%;
    padding:1%; /* A percentage that, when doubled and added to the above, makes 100%. */
    background: $brown;
}

h1 {
    font-family:  Georgia, 'Times New Roman', serif;
    @include fontsize(36);
    font-weight: normal;
}

//**************  Universals ************************
.hide {
    display: none;
}

.strike {
    text-decoration: line-through;
}

.yes {
    background: green !important;
    color: white;
}

.no {
    background: red !important;
    color: white;
}

.alert {
    color: red !important;
}
//**************  other global classes ************************
.sans {
    @include generic_sans;
}
.bl {
    @include smcaps;
    @include fontsize(11);
}
.italic {
    font-style: italic;
}
.small {
    font-size: 90%;
}
.subhead {
    font-style: italic;
    font-weight: 400;
    margin-top: 0;
    @include constrain_narrow;
    @include breakpoint(beta) {
        text-align: left;
    }
}
.mailing-list--wrapper {
    @include constrain_narrow;
    @include breakpoint(gamma) {
        margin-top: 3em;
        max-width: 580px;
        h5 {
            margin-bottom: .5em;
            margin-top: 2em;
        }
    }
    h5 { 
        font-weight: normal;
        text-align: left;
        @include fontsize(18);
    }
    &:before {
        @include faded_line_after;
        margin-top: 5em;
    }
}
.divide-after:after {
    margin-bottom: 3em;
    @include faded_line_after;
}
//****************  Page Breadcrumbs  ************************

#breadcrumbs {
    @include constrain_wide();
    text-align: center;
    li {
        display: inline;
    }
    a { color: $brown;}
    @include breakpoint(gamma) {
        text-align: left;
    }
}

.black #breadcrumbs a, .dark #breadcrumbs a {
    color: $body_font_light;
}
//************* Dark Pages *********************

.dark body {
    background: $brown;
    color: $body_font_light
}

.black body {
    background: #000;
    color: $body_font_light
}