/* 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 */ .text-with-parallax-image .info-block { align-content: center; } @media (max-width: 47.99875rem) { .text-with-parallax-image .info-block { width: 100% !important; } } .text-with-parallax-image .info-block .field--name-block-title h2 { color: #14213d; margin-bottom: 2rem; } @media (max-width: 74.99875rem) { .text-with-parallax-image .info-block .field--name-block-title h2 { margin-bottom: 0.75rem; } } .text-with-parallax-image .info-block .field--name-body p { font-size: 1.25rem; color: #14213d; margin-bottom: 2rem; } @media (max-width: 74.99875rem) { .text-with-parallax-image .info-block .field--name-body p { font-size: 1rem; margin-bottom: 0.75rem; } } @media (max-width: 61.99875rem) { .text-with-parallax-image .info-block .btn { font-size: 0.75rem; } } .text-with-parallax-image .info-block .btn a { color: #e8e9ec; } @media (max-width: 61.99875rem) { .text-with-parallax-image .info-block .btn::after { margin-top: -0.125rem !important; } } .text-with-parallax-image .info-block .btn:hover a { color: #14213d; } .text-with-parallax-image .parallax-image { height: 500px; overflow: hidden; position: relative; } @media (max-width: 87.49875rem) { .text-with-parallax-image .parallax-image { height: 400px; } } @media (max-width: 47.99875rem) { .text-with-parallax-image .parallax-image { height: 250px; } } .text-with-parallax-image .parallax-image .images { padding: 0; } .text-with-parallax-image .parallax-image .first-column { position: relative; animation-name: verticalScrollFirst; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; } .text-with-parallax-image .parallax-image .second-column { position: relative; animation-name: verticalScrollSecond; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes verticalScrollFirst { 0% { transform: translateY(0); } 50% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes verticalScrollSecond { 0% { transform: translateY(-100%); } 50% { transform: translateY(0); } 100% { transform: translateY(-100%); } }