//--- GENERIC .sections { font-size: 16px; line-height: 25px; a { color: $color-link-primary; text-decoration: none; border-bottom-width: 0; &:hover { color: $color-link-primary-hover; } } /* list-label has to be overwritten within the section, 'cause by default it's defined within the section */ /* list-label & gallery-label should be the same. if not, ask why! */ .blocks-list.blocks-list-default, .blocks-gallery.blocks-gallery-default { .gallery-label, .list-label { span { font: 28px/34px $font-family-secondary-bold; color: $color-text-intro-primary; font-weight: bold; margin-bottom: 12px; text-align: left; } } } } //--- TEXT .sections-default-text { font: 16px/26px $font-family-primary; a { border-width: 0; &:hover { background-color: $color-site-bg; } } } //--- QUOTE .sections-default-quote{ blockquote { p { font: italic 18px/26px $font-family-secondary-black; @media (min-width: $break-lg) { font: italic 21px/31px $font-family-secondary-black; } } footer { font: italic 16px/26px $font-family-secondary-black; } } } //--- INFOBOX .sections-default-infobox { &:before { font-weight: bold; } } //--- AREAHEADING .sections-default-areaheading { text-align: center; h2 { font: 28px/34px $font-family-secondary-bold; color: $color-text-intro-primary; text-transform: uppercase; margin-bottom: 12px; @media (min-width: $break-lg) { margin-bottom: 35px; } } } //--- HEADING .sections-default-heading { text-align: left; margin-bottom: 12px; @media (min-width: $break-lg) { margin-bottom: 25px; } h2, h3 { font: 28px/34px $font-family-secondary-bold; color: $color-text-intro-primary; margin-bottom: 0; } }