/* Table of Contents ================================================== #Font-Face #Typography #Alignments #Colors #Scripts #Styles #Transforms #Weights */ /* #Font-Face ================================================== */ @font-face { font-family: 'Gotham'; font-style: normal; font-weight: normal; src: url(font_path('gotham/gotham-book.eot')); src: url(font_path('gotham/gotham-book.eot')) format('embedded-opentype'), url(font_path('gotham/gotham-book.woff')) format('woff'), url(font_path('gotham/gotham-book.ttf')) format('truetype'), url(font_path('gotham/gotham-book.svg#GothamBookRegular')) format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: bold; src: url(font_path('gotham/gotham-medium.eot')); src: url(font_path('gotham/gotham-medium.eot')) format('embedded-opentype'), url(font_path('gotham/gotham-medium.woff')) format('woff'), url(font_path('gotham/gotham-medium.ttf')) format('truetype'), url(font_path('gotham/gotham-medium.svg#GothamMediumRegular')) format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 200; src: url(font_path('gotham/gotham-light.eot')); src: url(font_path('gotham/gotham-light.eot')) format('embedded-opentype'), url(font_path('gotham/gotham-light.woff')) format('woff'), url(font_path('gotham/gotham-light.ttf')) format('truetype'), url(font_path('gotham/gotham-light.svg#GothamLightRegular')) format('svg'); } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: rgba(43,50,53,1); font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 15px; } h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } p { font-size: 16px; line-height: 25px; margin: 0 0 20px 0; } p.large, p.lead { font-size: 28px; line-height: 34px; margin-bottom: 30px; } p.lead { font-weight: 200; } p.medium { font-size: 21px; line-height: 27px; } p.small { font-size: 14px; line-height: 22px; } p.whitespaced { white-space: pre-wrap; } p img { margin: 0; } small { font-size: 11px; line-height: 17px; } strong { font-weight: bold; } address { font-size: 16px; line-height: 25px; } blockquote { border-left: 5px solid rgba(158,171,179,1); padding-left: 10px; } blockquote p { margin-bottom: 10px; } blockquote small { color: rgba(158,171,179,1); } /* #Alignments ================================================== */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* #Colors ================================================== */ .text-gray { color: rgba(158,171,179,1); } .text-blue { color: rgba(16,127,201,1); } .text-green { color: rgba(75,173,8,1); } .text-red { color: rgba(240,35,17,1); } /* #Scripts ================================================== */ .text-sans-serif { font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; } .text-serif { font-family: 'Times New Roman', Times, serif; } /* #Style ================================================== */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } /* #Transform ================================================== */ .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } /* #Weights ================================================== */ .text-light { font-weight: 200; } .text-normal { font-weight: normal; } .text-bold { font-weight: bold; }