/* Table of Contents ================================================== #Font-Face #Typography #Alignments #Colors #Scripts #Styles #Decorations #Transforms #Weights #Modifiers #Displays */ /* #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-bold.eot')); src: url(font_path('gotham/gotham-bold.eot')) format('embedded-opentype'), url(font_path('gotham/gotham-bold.woff')) format('woff'), url(font_path('gotham/gotham-bold.ttf')) format('truetype'), url(font_path('gotham/gotham-bold.svg#GothamBoldRegular')) format('svg'); } @font-face { font-family: 'Gotham'; font-style: normal; font-weight: 500; 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(71,74,84,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 img { margin: 0; } small { font-size: 11px; line-height: 17px; } strong { font-weight: 500; } address { font-size: 16px; line-height: 25px; } address.small { font-size: 14px; line-height: 22px; } blockquote { border-left: 5px solid rgba(15,135,226,1); padding-left: 10px; } blockquote p { margin-bottom: 10px; } blockquote small { color: rgba(136,153,166,1); } /* #Alignments ================================================== */ .text-left { text-align: left; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-right { text-align: right; } /* #Colors ================================================== */ .text-black { color: rgba(71,74,84,1); } .text-blue { color: rgba(15,135,226,1); } .text-gray { color: rgba(136,153,166,1); } .text-green { color: rgba(112,169,13,1); } .text-red { color: rgba(218,79,46,1); } .text-orange { color: rgba(232,126,15,1); } .text-purple { color: rgba(117,73,170,1); } .text-white { color: rgba(255,255,255,1); } .text-yellow { color: rgba(255,217,15,1); } /* #Scripts ================================================== */ .text-monospace { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } .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; } /* #Decorations ================================================== */ .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } /* #Transform ================================================== */ .text-capitalize { text-transform: capitalize; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } /* #Weights ================================================== */ .text-light { font-weight: 200; } .text-normal { font-weight: normal; } .text-medium { font-weight: 500; } .text-bold { font-weight: bold; } /* #Modifiers ================================================== */ .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .text-whitespaced { white-space: pre-wrap; } /* #Displays ================================================== */ .display-block { display: block; } .display-inline { display: inline; } .display-inline-block { display: inline-block; }