// Typographic Styles @font-face { font-family: 'Open Sans', sans-serif; @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,300); } .theme-header() { font-family: "Open Sans", "Helvetica-LightOblique", "Helvetica Light Oblique", "Helvetica Neue", "sans-serif"; font-weight: 300; font-style: italic; text-transform: uppercase; font-size: 64px; color: #1D1D26; line-height: 77px; } .theme-pre-header(){ font-family: "Open Sans", "Helvetica-LightOblique", "Helvetica Light Oblique", "Helvetica Neue", "sans-serif"; font-size: 18px; color: #1D1D26; line-height: 25px; text-transform: uppercase; font-style: italic; font-weight: 600; } .small-text { font-family: Helvetica-LightOblique; font-size: 14px; color: #1D1D26; line-height: 17px; } .banner-text { font-family: Avenir-Black; font-size: 21px; color: #0F2105; line-height: 29px; text-transform: uppercase; } // Typography Hacks .all-caps { text-transform: uppercase;}