@import “uikit/colors.scss”;
$sans: “Open Sans”, “Helvetica Neue”, Helvetica, Arial, sans-serif; $serif: Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
body {
font-family: $sans; font-size: 16px; -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, p, a, li, address {
color: $text;
}
.header {
font-family: $sans; font-weight: bold;
}
h1 {
font-size: 2.6em; margin-bottom: 0.385em; white-space:pre; font-family: $serif; &.home { @extend .header; font-family: $sans; }
}
h2 {
font-size: 2.6em; margin-bottom: 0.385em; @extend .header; &.home { @extend .header; font-family: $sans; }
}
h3 {
font-size: 2.2em; @extend .header;
}
textarea, p, address {
font-size: 1.7em; font-family: $sans; font-weight: 300; line-height: 22px; &.description{ font-size: 1.5em; } &.caption { font-size: 1.9em; font-style: italic; line-height: 1.3em; } &.bold { font-weight: bold; }
}
a {
text-decoration: none; &:hover { color: $button; }
}
@media screen and (max-width: 960px) {
h2 { font-size: 2.2em; } h3 { font-size: 2.2em; }
}