/* 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 */ .node--type-landing-page.node--view-mode-banner { position: relative; } @media (max-width: 61.99875rem) { .node--type-landing-page.node--view-mode-banner .field--name-field-media-image img { aspect-ratio: 9/7; } } @media (max-width: 47.99875rem) { .node--type-landing-page.node--view-mode-banner .field--name-field-media-image img { aspect-ratio: 1/1; } } @media (min-width: 62rem) { .node--type-landing-page.node--view-mode-banner .landing-box-info { top: 40%; } } @media (max-width: 61.99875rem) { .node--type-landing-page.node--view-mode-banner .landing-box-info { top: 30%; } } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component { color: #e8e9ec; } @media (max-width: 61.99875rem) { .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .left-box-component { width: 100%; } } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .left-box-component .field--name-node-title h1 { margin-bottom: 1rem; } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .left-box-component .field--name-field-sub-title { font-size: 1.5rem; line-height: 2.125rem; } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .right-box-component .field--name-body { max-width: 500px; margin-bottom: 1.125rem; } @media (max-width: 61.99875rem) { .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .right-box-component .field--name-body { display: none; } } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .right-box-component .field--name-body p { font-size: 1.5rem; line-height: 2.125rem; } @media (max-width: 61.99875rem) { .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .right-box-component .btn { margin-top: 0.9375rem; font-size: 0.75rem; } } .node--type-landing-page.node--view-mode-banner .landing-box-info .box-component .right-box-component .btn a { color: #e8e9ec; }