/* VARIABLES */ /* * scss-docs-start theme-color-variables * $brand-success: $green; * $brand-info: $teal; * $brand-warning: $orange; * $brand-danger: $red; */ /* * Body * Settings for the `` element. */ /* * Links * Style anchor elements. * $link-color: $accent-shade; * $link-hover-color: $accent-dark; * $link-hover-decoration: underline; */ /* * Comments * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); */ /* Responsive font sizes * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); * */ /* TYPOGRAPHY */ /* Google Fonts */ .warpper { counter-reset: highlight-counter; } .warpper .paragraph--type-numbering-highlight { position: relative; counter-increment: highlight-counter; } .warpper .paragraph--type-numbering-highlight .count { position: relative; } .warpper .paragraph--type-numbering-highlight .count::before { display: inline-block; margin-bottom: 1.5rem; content: counter(highlight-counter, decimal-leading-zero) "."; font-family: "Majalla", " sans-serif"; font-size: 5rem; font-weight: 700; color: #c8b299; width: 80px; height: 80px; } .warpper .paragraph--type-numbering-highlight .field-title { border-top: 1px solid #9399a6; padding-top: 1.5rem; } .warpper .paragraph--type-numbering-highlight .field--name-field-numbering-highlight-body { font-size: 1.25rem; color: #14213d; line-height: 150%; } @media (max-width: 61.99875rem) { .warpper .paragraph--type-numbering-highlight .field--name-field-numbering-highlight-body { font-size: 1.125rem; } }