/* CONTENT STYLES */ // Tags h1, h2, h3, .h1, .h2, .h3 { color:$yellow; font-family:$helvetica; font-weight:bold; margin-bottom:0.25em; margin-top:0; @media (min-width:$screen-md-min) { max-width:590px; } } h1, .h1 { font-size:38px; margin-bottom:15px; } h2, .h2 { font-size:26px; margin-bottom: 30px; padding-bottom:5px; } h3, .h3 { color: $grey-51; font-size:21px; } hr { border-top:1px solid $stone; height: 0; margin: 30px 0; width: 100%; } ul, ol, p { font-family:$garamond; font-size:20px; @media (min-width:$screen-md-min) { max-width:590px; } } ul, ol { margin:1.4em 0; } ul { padding-left:10px; li { list-style-type:none; margin-left: 10px; position: relative; &::before { color: $yellow; display: block; content: '•'; font-size: 22px; left: -20px; line-height: 1; position: absolute; top: 5px; } } } ol { padding-left:20px; li { list-style-type:decimal; padding-left: 5px; } } p { margin:0 0 0.75em 0; } a { border-bottom:3px solid $brand; color:$brand; font-family:$helvetica; font-weight:bold; font-size: 17px; text-decoration:none; transition:0.15s; &:hover, &:focus, &:active { border-color:$black; color:$black; } } // Extra styles .top-level-intro-paragraph { font-family:$helvetica; font-size:20px; line-height:1.2; margin-top:12px; max-width:660px; @media (min-width:$screen-sm-min) { font-size:26px; } } .intro-paragraph { font-family:$helvetica; font-size:18px; font-weight:bold; } .grey-text { color:$grey-204; } // Content classes .wp-caption { background:none; border:none; padding:0; width:auto !important; } .wp-caption-text, .wp-caption-dd { // .wp-caption-dd is for TinyMCE font-size:12px; padding:5px; text-align:left; } .alignleft { float:left; margin:0 20px 20px 0; } .alignright { float:right; margin:0 0 20px 20px; } .alignnone { float:none; margin:0 0 20px 0; }