/* Table Of Contents ========================= - Default Typography ========================= */ /* -------------------------- - Default Typography -------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Raleway', sans-serif; font-weight: 700; color: #696969; letter-spacing: 0px; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { margin: 0; font-family: 'Raleway', sans-serif; font-weight: 700; color: #fff; letter-spacing: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; font-family: 'Montserrat', sans-serif; } h1 { font-size: 36px; line-height: 70px; letter-spacing: -1px; margin-bottom: 20px; } h2 { font-size: 32px; line-height: 40px; margin-bottom: 20px; } h3 { font-size: 24px; line-height: 30px; margin-bottom: 20px; } h4 { font-size: 18px; line-height: 27px; } h5 { font-size: 16px; line-height: 24px; } h6 { font-size: 14px; line-height: 24px; } p { margin: 0 0 20px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #3c3c3c; letter-spacing: 0px; line-height: 28px; } .dark p { margin: 0 0 20px 0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #f9f9f9; letter-spacing: 0px; line-height: 28px; } p img { margin: 0; } span { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #3c3c3c; letter-spacing: 0px; line-height: 28px; } .dark span { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #f9f9f9; letter-spacing: 0px; line-height: 28px; } /* em and strong */ em { font: 15px/30px; } strong, b { font: 15px/30px; } small { font-size: 11px; line-height: inherit; } /* blockquotes */ blockquote { margin: 10px 0px; padding-left: 40px; position: relative; border-left: 0px; } blockquote:before { content: "\201C"; opacity: 0.5; font-size: 80px; line-height: 0px; margin: 0; font-family: arial, sans-serif; position: absolute; top: 30px; left: 0; } blockquote p { font-family: 'Raleway', sans-serif; font-style: italic; padding: 0; font-size: 18px; line-height: 36px; } blockquote cite { display: block; font-size: 12px; font-style: normal; line-height: 18px; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #8B9798; border: none } /* abbreviations */ abbr { color: #444; font-family: 'Montserrat', sans-serif; font-weight: 700; font-variant: small-caps; text-transform: lowercase; letter-spacing: .6px; } abbr:hover { cursor: help; } /* links */ a, a:visited { text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #8cbdcf; letter-spacing: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; outline: 0; } a:hover, a:active, a:focus { color: #74a9bc; text-decoration: none; outline: 0; } /* Blue Version */ .blue a, .blue a:visited { color: #7d4ccc; } .blue a:hover, .blue a:active, .blue a:focus { color: #7045b6; } /* Dark Version */ .dark a, .dark a:visited { color: #ed145b; } .dark a:hover, .dark a:active, .dark a:focus { color: #d31050; } p a, p a:visited { line-height: inherit; outline: 0; } /* list */ ul, ol { margin-bottom: 24px; margin-top: 12px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 6px 0 6px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #3c3c3c; letter-spacing: 0px; line-height: 18px; margin-bottom: 12px; } ul.large li { } li p { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #3c3c3c; letter-spacing: 0px; line-height: 18px; } /* definition list */ dl { margin: 12px 0; } dt { margin: 0; color:#11ABB0; } dd { margin: 0 0 0 20px; }