@charset "UTF-8"; /*! Hint.css - v2.4.1 - 2016-11-08 * http://kushagragour.in/lab/hint/ * Copyright (c) 2016 Kushagra Gour */ /*-------------------------------------* HINT.css - A CSS tooltip library \*-------------------------------------*/ /** * HINT.css is a tooltip library made in pure CSS. * * Source: https://github.com/chinchang/hint.css * Demo: http://kushagragour.in/lab/hint/ * * Release under The MIT License * */ /** * source: hint-core.scss * * Defines the basic styling for the tooltip. * Each tooltip is made of 2 parts: * 1) body (:after) * 2) arrow (:before) * * Classes added: * 1) hint */ /* line 27, vendor/assets/stylesheets/hint.css */ [class*="hint--"] { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } /* line 36, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } /* line 51, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; } /* line 54, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } /* line 58, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } /* line 64, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:after { background: #383838; color: white; padding: 8px 10px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 12px; white-space: nowrap; } /* line 72, vendor/assets/stylesheets/hint.css */ [class*="hint--"][aria-label]:after { content: attr(aria-label); } /* line 74, vendor/assets/stylesheets/hint.css */ [class*="hint--"][data-hint]:after { content: attr(data-hint); } /* line 77, vendor/assets/stylesheets/hint.css */ [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ /* line 96, vendor/assets/stylesheets/hint.css */ .hint--top-left:before { border-top-color: #383838; } /* line 99, vendor/assets/stylesheets/hint.css */ .hint--top-right:before { border-top-color: #383838; } /* line 102, vendor/assets/stylesheets/hint.css */ .hint--top:before { border-top-color: #383838; } /* line 105, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:before { border-bottom-color: #383838; } /* line 108, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:before { border-bottom-color: #383838; } /* line 111, vendor/assets/stylesheets/hint.css */ .hint--bottom:before { border-bottom-color: #383838; } /* line 114, vendor/assets/stylesheets/hint.css */ .hint--left:before { border-left-color: #383838; } /* line 117, vendor/assets/stylesheets/hint.css */ .hint--right:before { border-right-color: #383838; } /** * top tooltip */ /* line 123, vendor/assets/stylesheets/hint.css */ .hint--top:before { margin-bottom: -11px; } /* line 126, vendor/assets/stylesheets/hint.css */ .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } /* line 130, vendor/assets/stylesheets/hint.css */ .hint--top:before { left: calc(50% - 6px); } /* line 133, vendor/assets/stylesheets/hint.css */ .hint--top:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } /* line 138, vendor/assets/stylesheets/hint.css */ .hint--top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 143, vendor/assets/stylesheets/hint.css */ .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /** * bottom tooltip */ /* line 151, vendor/assets/stylesheets/hint.css */ .hint--bottom:before { margin-top: -11px; } /* line 154, vendor/assets/stylesheets/hint.css */ .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } /* line 158, vendor/assets/stylesheets/hint.css */ .hint--bottom:before { left: calc(50% - 6px); } /* line 161, vendor/assets/stylesheets/hint.css */ .hint--bottom:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } /* line 166, vendor/assets/stylesheets/hint.css */ .hint--bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 171, vendor/assets/stylesheets/hint.css */ .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /** * right tooltip */ /* line 179, vendor/assets/stylesheets/hint.css */ .hint--right:before { margin-left: -11px; margin-bottom: -6px; } /* line 183, vendor/assets/stylesheets/hint.css */ .hint--right:after { margin-bottom: -14px; } /* line 186, vendor/assets/stylesheets/hint.css */ .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } /* line 190, vendor/assets/stylesheets/hint.css */ .hint--right:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /* line 195, vendor/assets/stylesheets/hint.css */ .hint--right:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * left tooltip */ /* line 203, vendor/assets/stylesheets/hint.css */ .hint--left:before { margin-right: -11px; margin-bottom: -6px; } /* line 207, vendor/assets/stylesheets/hint.css */ .hint--left:after { margin-bottom: -14px; } /* line 210, vendor/assets/stylesheets/hint.css */ .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } /* line 214, vendor/assets/stylesheets/hint.css */ .hint--left:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /* line 219, vendor/assets/stylesheets/hint.css */ .hint--left:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /** * top-left tooltip */ /* line 227, vendor/assets/stylesheets/hint.css */ .hint--top-left:before { margin-bottom: -11px; } /* line 230, vendor/assets/stylesheets/hint.css */ .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; } /* line 234, vendor/assets/stylesheets/hint.css */ .hint--top-left:before { left: calc(50% - 6px); } /* line 237, vendor/assets/stylesheets/hint.css */ .hint--top-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } /* line 242, vendor/assets/stylesheets/hint.css */ .hint--top-left:after { margin-left: 12px; } /* line 245, vendor/assets/stylesheets/hint.css */ .hint--top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 250, vendor/assets/stylesheets/hint.css */ .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /** * top-right tooltip */ /* line 258, vendor/assets/stylesheets/hint.css */ .hint--top-right:before { margin-bottom: -11px; } /* line 261, vendor/assets/stylesheets/hint.css */ .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; } /* line 265, vendor/assets/stylesheets/hint.css */ .hint--top-right:before { left: calc(50% - 6px); } /* line 268, vendor/assets/stylesheets/hint.css */ .hint--top-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } /* line 273, vendor/assets/stylesheets/hint.css */ .hint--top-right:after { margin-left: -12px; } /* line 276, vendor/assets/stylesheets/hint.css */ .hint--top-right:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 281, vendor/assets/stylesheets/hint.css */ .hint--top-right:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom-left tooltip */ /* line 289, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:before { margin-top: -11px; } /* line 292, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; } /* line 296, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:before { left: calc(50% - 6px); } /* line 299, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } /* line 304, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:after { margin-left: 12px; } /* line 307, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 312, vendor/assets/stylesheets/hint.css */ .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /** * bottom-right tooltip */ /* line 320, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:before { margin-top: -11px; } /* line 323, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; } /* line 327, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:before { left: calc(50% - 6px); } /* line 330, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } /* line 335, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:after { margin-left: -12px; } /* line 338, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 343, vendor/assets/stylesheets/hint.css */ .hint--bottom-right:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /** * source: hint-sizes.scss * * Defines width restricted tooltips that can span * across multiple lines. * * Classes added: * 1) hint--small * 2) hint--medium * 3) hint--large * */ /* line 360, vendor/assets/stylesheets/hint.css */ .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } /* line 367, vendor/assets/stylesheets/hint.css */ .hint--small:after { width: 80px; } /* line 370, vendor/assets/stylesheets/hint.css */ .hint--medium:after { width: 150px; } /* line 373, vendor/assets/stylesheets/hint.css */ .hint--large:after { width: 300px; } /** * source: hint-theme.scss * * Defines basic theme for tooltips. * */ /* line 382, vendor/assets/stylesheets/hint.css */ [class*="hint--"] { /** * tooltip body */ } /* line 386, vendor/assets/stylesheets/hint.css */ [class*="hint--"]:after { text-shadow: 0 -1px 0px black; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } /** * source: hint-color-types.scss * * Contains tooltips of various types based on color differences. * * Classes added: * 1) hint--error * 2) hint--warning * 3) hint--info * 4) hint--success * */ /** * Error */ /* line 405, vendor/assets/stylesheets/hint.css */ .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; } /* line 409, vendor/assets/stylesheets/hint.css */ .hint--error.hint--top-left:before { border-top-color: #b34e4d; } /* line 412, vendor/assets/stylesheets/hint.css */ .hint--error.hint--top-right:before { border-top-color: #b34e4d; } /* line 415, vendor/assets/stylesheets/hint.css */ .hint--error.hint--top:before { border-top-color: #b34e4d; } /* line 418, vendor/assets/stylesheets/hint.css */ .hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; } /* line 421, vendor/assets/stylesheets/hint.css */ .hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; } /* line 424, vendor/assets/stylesheets/hint.css */ .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } /* line 427, vendor/assets/stylesheets/hint.css */ .hint--error.hint--left:before { border-left-color: #b34e4d; } /* line 430, vendor/assets/stylesheets/hint.css */ .hint--error.hint--right:before { border-right-color: #b34e4d; } /** * Warning */ /* line 436, vendor/assets/stylesheets/hint.css */ .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; } /* line 440, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--top-left:before { border-top-color: #c09854; } /* line 443, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--top-right:before { border-top-color: #c09854; } /* line 446, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--top:before { border-top-color: #c09854; } /* line 449, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; } /* line 452, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; } /* line 455, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } /* line 458, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--left:before { border-left-color: #c09854; } /* line 461, vendor/assets/stylesheets/hint.css */ .hint--warning.hint--right:before { border-right-color: #c09854; } /** * Info */ /* line 467, vendor/assets/stylesheets/hint.css */ .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #1a3c4d; } /* line 471, vendor/assets/stylesheets/hint.css */ .hint--info.hint--top-left:before { border-top-color: #3986ac; } /* line 474, vendor/assets/stylesheets/hint.css */ .hint--info.hint--top-right:before { border-top-color: #3986ac; } /* line 477, vendor/assets/stylesheets/hint.css */ .hint--info.hint--top:before { border-top-color: #3986ac; } /* line 480, vendor/assets/stylesheets/hint.css */ .hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; } /* line 483, vendor/assets/stylesheets/hint.css */ .hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; } /* line 486, vendor/assets/stylesheets/hint.css */ .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } /* line 489, vendor/assets/stylesheets/hint.css */ .hint--info.hint--left:before { border-left-color: #3986ac; } /* line 492, vendor/assets/stylesheets/hint.css */ .hint--info.hint--right:before { border-right-color: #3986ac; } /** * Success */ /* line 498, vendor/assets/stylesheets/hint.css */ .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; } /* line 502, vendor/assets/stylesheets/hint.css */ .hint--success.hint--top-left:before { border-top-color: #458746; } /* line 505, vendor/assets/stylesheets/hint.css */ .hint--success.hint--top-right:before { border-top-color: #458746; } /* line 508, vendor/assets/stylesheets/hint.css */ .hint--success.hint--top:before { border-top-color: #458746; } /* line 511, vendor/assets/stylesheets/hint.css */ .hint--success.hint--bottom-left:before { border-bottom-color: #458746; } /* line 514, vendor/assets/stylesheets/hint.css */ .hint--success.hint--bottom-right:before { border-bottom-color: #458746; } /* line 517, vendor/assets/stylesheets/hint.css */ .hint--success.hint--bottom:before { border-bottom-color: #458746; } /* line 520, vendor/assets/stylesheets/hint.css */ .hint--success.hint--left:before { border-left-color: #458746; } /* line 523, vendor/assets/stylesheets/hint.css */ .hint--success.hint--right:before { border-right-color: #458746; } /** * source: hint-always.scss * * Defines a persisted tooltip which shows always. * * Classes added: * 1) hint--always * */ /* line 535, vendor/assets/stylesheets/hint.css */ .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } /* line 539, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 544, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /* line 549, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 554, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /* line 559, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 564, vendor/assets/stylesheets/hint.css */ .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } /* line 569, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 574, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /* line 579, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 584, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /* line 589, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 594, vendor/assets/stylesheets/hint.css */ .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } /* line 599, vendor/assets/stylesheets/hint.css */ .hint--always.hint--left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /* line 604, vendor/assets/stylesheets/hint.css */ .hint--always.hint--left:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } /* line 609, vendor/assets/stylesheets/hint.css */ .hint--always.hint--right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /* line 614, vendor/assets/stylesheets/hint.css */ .hint--always.hint--right:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); } /** * source: hint-rounded.scss * * Defines rounded corner tooltips. * * Classes added: * 1) hint--rounded * */ /* line 628, vendor/assets/stylesheets/hint.css */ .hint--rounded:after { border-radius: 4px; } /** * source: hint-effects.scss * * Defines various transition effects for the tooltips. * * Classes added: * 1) hint--no-animate * 2) hint--bounce * */ /* line 641, vendor/assets/stylesheets/hint.css */ .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms; } /* line 646, vendor/assets/stylesheets/hint.css */ .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { 0% { opacity: 0; } to { opacity: 1; } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr button { font: inherit; line-height: inherit; width: auto; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:focus { outline: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui { box-sizing: border-box; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before { box-sizing: inherit; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui ::-webkit-media-text-track-container { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__captions span:empty { display: none; } @media (min-width: 480px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: 20px; padding: calc(var(--plyr-control-spacing, 10px)*2); } } @media (min-width: 768px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--captions-active .plyr__captions { display: block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__caption { background: #000c; background: var(--plyr-captions-background, #000c); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__caption div { display: inline; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control { background: #0000; border: 0; border-radius: 4px; border-radius: var(--plyr-control-radius, 4px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; padding: calc(var(--plyr-control-spacing, 10px)*.7); position: relative; transition: all .3s ease; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control svg { fill: currentColor; display: block; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control:focus { outline: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control:focus-visible { outline: 2px dashed #00b2ff; outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); outline-offset: 2px; } /* line 1, node_modules/plyr/dist/plyr.css */ a.plyr__control { text-decoration: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui ::-webkit-media-controls { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__controls__item { margin-left: 2.5px; margin-left: calc(var(--plyr-control-spacing, 10px)/4); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; padding-left: calc(var(--plyr-control-spacing, 10px)/4); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; padding: 0 calc(var(--plyr-control-spacing, 10px)/2); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu { display: flex; position: relative; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu .plyr__control svg { transition: transform .3s ease; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container { animation: plyr-popup .2s ease; background: #ffffffe6; background: var(--plyr-menu-background, #ffffffe6); border-radius: 8px; border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container:after { border: 4px solid #0000; border-top-color: #ffffffe6; border: var(--plyr-menu-arrow-size, 4px) solid #0000; border-top-color: var(--plyr-menu-background, #ffffffe6); content: ""; height: 0; position: absolute; right: 14px; right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2); top: 100%; width: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container [role=menu] { padding: 7px; padding: calc(var(--plyr-control-spacing, 10px)*.7); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding: 4.66667px 10.5px; padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5); -webkit-user-select: none; user-select: none; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control:after { border: 4px solid #0000; border: var(--plyr-menu-item-arrow-size, 4px) solid #0000; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--forward { padding-right: 28px; padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--forward:after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: 6.5px; right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after { border-left-color: initial; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: 7px; margin: calc(var(--plyr-control-spacing, 10px)*.7); margin-bottom: 3.5px; margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2); padding-left: 28px; padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4); position: relative; width: calc(100% - 14px); width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--back:after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: 6.5px; left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--back:before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: 3.5px; margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2); overflow: hidden; position: absolute; right: 0; top: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after { border-right-color: initial; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; padding-left: calc(var(--plyr-control-spacing, 10px)*.7); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before { border-radius: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio]:before { background: #0000001a; content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all .3s ease; width: 16px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio]:after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background: #00b2ff; background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after { opacity: 1; transform: translateY(-50%) scale(1); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before { background: #23282f1a; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px); overflow: hidden; padding-left: 24.5px; padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5); pointer-events: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range] { -webkit-appearance: none; appearance: none; background: #0000; border: 0; border-radius: 26px; border-radius: calc(var(--plyr-range-thumb-height, 13px)*2); color: #00b2ff; color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); display: block; height: 19px; height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: #0000; background-image: linear-gradient(90deg, currentColor 0, #0000 0); background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0)); border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px)/2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: -4px; margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1); position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-moz-range-track { background: #0000; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px)/2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px)/2); height: 5px; height: var(--plyr-range-track-height, 5px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-ms-track { color: #0000; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track { background: #0000; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px)/2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-ms-fill-lower { background: #0000; background: currentColor; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px)/2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: 0; position: relative; -ms-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]:focus { outline: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track { outline: 2px dashed #00b2ff; outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); outline-offset: 2px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]:focus-visible::-moz-range-track { outline: 2px dashed #00b2ff; outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); outline-offset: 2px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui input[type=range]:focus-visible::-ms-track { outline: 2px dashed #00b2ff; outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); outline-offset: 2px; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__poster { background-color: #000; background-color: var(--plyr-video-background, var(--plyr-video-background, #000)); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__time + .plyr__time:before { content: "⁄"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: 767px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__time + .plyr__time { display: none; } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__tooltip { background: #fff; background: var(--plyr-tooltip-background, #fff); border-radius: 5px; border-radius: var(--plyr-tooltip-radius, 5px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2); opacity: 0; padding: 5px 7.5px; padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s ease .1s,opacity .2s ease .1s; white-space: nowrap; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__tooltip:before { border-left: 4px solid #0000; border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-right: 4px solid #0000; border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-top: 4px solid #fff; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%) scale(1); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translateY(10px) scale(0.8); transform-origin: 0 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before { left: 16px; left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translateY(10px) scale(0.8); transform-origin: 100% 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls > .plyr__control:last-child .plyr__tooltip:before { left: auto; right: 16px; right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7); transform: translateX(50%); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0) scale(1); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress { left: 6.5px; left: calc(var(--plyr-range-thumb-height, 13px)*.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5); margin-right: -6.5px; margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height, 13px)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress input[type=range] { position: relative; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress .plyr__tooltip { left: 0; max-width: 120px; overflow-wrap: break-word; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__buffer { -webkit-appearance: none; background: #0000; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: -2.5px; margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1); padding: 0; position: absolute; top: 50%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__buffer::-webkit-progress-bar { background: #0000; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width .2s ease; transition: width .2s ease; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width .2s ease; transition: width .2s ease; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width .2s ease; transition: width .2s ease; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000); background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: #0000; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video.plyr--loading .plyr__progress__buffer { background-color: #ffffff40; background-color: var(--plyr-video-progress-buffered-background, #ffffff40); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: #c1c8d199; background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__progress__marker { background-color: #fff; background-color: var(--plyr-progress-marker-background, #fff); border-radius: 1px; height: 5px; height: var(--plyr-range-track-height, 5px); position: absolute; top: 50%; transform: translate(-50%, -50%); width: 3px; width: var(--plyr-progress-marker-width, 3px); z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__volume { align-items: center; display: flex; position: relative; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__volume input[type=range] { margin-left: 5px; margin-left: calc(var(--plyr-control-spacing, 10px)/2); margin-right: 5px; margin-right: calc(var(--plyr-control-spacing, 10px)/2); max-width: 90px; min-width: 60px; position: relative; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--audio { display: block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b2ff; background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: #c1c8d199; background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: #c1c8d199; background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: #c1c8d199; background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--audio .plyr__progress__buffer { color: #c1c8d199; color: var(--plyr-audio-progress-buffered-background, #c1c8d199); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video { overflow: hidden; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video.plyr--menu-open { overflow: visible; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__video-wrapper { background: #000; background: var(--plyr-video-background, var(--plyr-video-background, #000)); border-radius: inherit; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { aspect-ratio: 16/9; } @supports not (aspect-ratio: 16/9) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative; } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video .plyr__controls { background: linear-gradient(#0000, #000000bf); background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: 5px; padding: calc(var(--plyr-control-spacing, 10px)/2); padding-top: 20px; padding-top: calc(var(--plyr-control-spacing, 10px)*2); position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3; } @media (min-width: 480px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: 35px; padding-top: calc(var(--plyr-control-spacing, 10px)*3.5); } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b2ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control--overlaid { background: #00b2ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: .9; padding: 15px; padding: calc(var(--plyr-control-spacing, 10px)*1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control--overlaid svg { left: 2px; position: relative; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: #ffffff40; background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: #ffffff40; background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: #ffffff40; background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--video .plyr__progress__buffer { color: #ffffff40; color: var(--plyr-video-progress-buffered-background, #ffffff40); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:fullscreen video { height: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr.plyr--hide-controls:fullscreen { cursor: none; } @media (min-width: 1024px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; bottom: 0; height: 100%; left: 0; margin: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000000; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback video { height: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__ads:after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__ads:empty:after { display: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; opacity: .8; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb { background-color: #fff; background-color: var(--plyr-tooltip-background, #fff); border-radius: 8px; border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026); margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2); opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translateY(10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s ease .1s,opacity .2s ease .1s; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0) scale(1); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb:before { border-left: 4px solid #0000; border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-right: 4px solid #0000; border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-top: 4px solid #fff; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1); content: ""; height: 0; left: calc(50% + var(--preview-arrow-offset)); position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: 7px; border-radius: calc(var(--plyr-menu-radius, 8px) - 1px); overflow: hidden; position: relative; z-index: 0; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__image-container:after { border-radius: inherit; box-shadow: inset 0 0 0 1px #00000026; content: ""; pointer-events: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__image-container img { max-height: none; max-width: none; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__time-container { background: linear-gradient(#0000, #000000bf); background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf)); border-bottom-left-radius: 7px; border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-right-radius: 7px; border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px); bottom: 0; left: 0; line-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0; z-index: 3; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-thumb__time-container span { color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-scrubbing--is-shown { opacity: 1; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr--no-transition { transition: none !important; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); border: 0 !important; height: 1px !important; overflow: hidden; padding: 0 !important; position: absolute !important; width: 1px !important; } /* line 1, node_modules/plyr/dist/plyr.css */ .plyr [hidden] { display: none !important; } /* line 1, app/assets/stylesheets/patterns/_text.scss */ :focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; } /* desperately needs a different name */ /* Builds an element with a 100% width footer, and an additional footer that spans only the width of the footer text */ /* Given a small screen layout like this: ---------------- |img| |content| |img| |content| |img| |content| ---------------- Apply to column-based containers that include a child image element to prevent them from applying too much padding on small screens */ /* line 162, app/assets/stylesheets/base/_variables.scss */ body { --list-link: #005c9c; --text-default: #141414; --event-background-color: #ffffff; --event-player-background-color: #ffffff; --event-secondary-background-color: #ffffff; --body-link-color: #005c9c; --header-background-color: #00538f; --header-dark-background-color: darken(#00538f, 8%); --header-border-color: rgba(#00538f, 0.6); --body-button-color: #008cf0; } /* line 176, app/assets/stylesheets/base/_variables.scss */ .body--dark { --text-default: #ffffff; --list-link: #008cf0; --event-background-color: #1b2029; --event-player-background-color: #222833; --event-secondary-background-color: #1a1f29; --body-link-color: #008cf0; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--purple, .color--purple { --body-link-color: #6848BE; --header-background-color: #6848BE; --header-dark-background-color: #573aa3; --header-border-color: rgba(104, 72, 190, 0.6); --body-button-color: #9476E5; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--blue, .color--blue { --body-link-color: #1560C0; --header-background-color: #1560C0; --header-dark-background-color: #114e9b; --header-border-color: rgba(21, 96, 192, 0.6); --body-button-color: #2E89FF; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--green, .color--green { --body-link-color: #00884C; --header-background-color: #00884C; --header-dark-background-color: #005f35; --header-border-color: rgba(0, 136, 76, 0.6); --body-button-color: #00B867; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--red, .color--red { --body-link-color: #B82A2A; --header-background-color: #B82A2A; --header-dark-background-color: #972222; --header-border-color: rgba(184, 42, 42, 0.6); --body-button-color: #DB524A; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--teal, .color--teal { --body-link-color: #008080; --header-background-color: #008080; --header-dark-background-color: #005757; --header-border-color: rgba(0, 128, 128, 0.6); --body-button-color: #00BCBC; } /* line 231, app/assets/stylesheets/base/_variables.scss */ .body--darkblue, .color--darkblue { --body-link-color: #005C9C; --header-background-color: #00538F; --header-dark-background-color: #003b66; --header-border-color: rgba(0, 83, 143, 0.6); --body-button-color: #0065f2; } @media only screen and (max-width: 40em) { /* line 35, app/assets/stylesheets/base/_grid.scss */ .mobile-hide { display: none; } } @media only screen and (min-width: 40.0625em) { /* line 41, app/assets/stylesheets/base/_grid.scss */ .mobile-show { display: none; } } /* Media Queries. Usage: ``` .foo { height: 20px; @media only screen and (min-width: 40.0625em) and (max-width: 64em) { height: 30px } @media only screen and (min-width: 64.0625em) { height: 50px; } } ``` */ /* line 66, app/assets/stylesheets/base/_grid.scss */ .left { float: left !important; } /* line 70, app/assets/stylesheets/base/_grid.scss */ .right { float: right !important; } /* line 74, app/assets/stylesheets/base/_grid.scss */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* line 80, app/assets/stylesheets/base/_grid.scss */ .clearfix:after { clear: both; } /* line 84, app/assets/stylesheets/base/_grid.scss */ .hide { display: none; } /* line 88, app/assets/stylesheets/base/_grid.scss */ .invisible { visibility: hidden; } /* line 92, app/assets/stylesheets/base/_grid.scss */ img { display: inline-block; vertical-align: middle; } /* line 97, app/assets/stylesheets/base/_grid.scss */ .row, .legacy-component--project, .legacy-component--callout .vertical-tout, .legacy-component--callout-alternative .vertical-tout, .legacy-component--partner-list, .legacy-component--project-list, .legacy-component--basic-alternative, .legacy-component--basic-3up { margin: 0 auto; max-width: 1322px; width: 100%; } /* line 103, app/assets/stylesheets/base/_grid.scss */ .row:before, .legacy-component--project:before, .legacy-component--callout .vertical-tout:before, .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--partner-list:before, .legacy-component--project-list:before, .legacy-component--basic-alternative:before, .legacy-component--basic-3up:before, .row:after, .legacy-component--project:after, .legacy-component--callout .vertical-tout:after, .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--partner-list:after, .legacy-component--project-list:after, .legacy-component--basic-alternative:after, .legacy-component--basic-3up:after { content: " "; display: table; } /* line 109, app/assets/stylesheets/base/_grid.scss */ .row:after, .legacy-component--project:after, .legacy-component--callout .vertical-tout:after, .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--partner-list:after, .legacy-component--project-list:after, .legacy-component--basic-alternative:after, .legacy-component--basic-3up:after { clear: both; } /* line 113, app/assets/stylesheets/base/_grid.scss */ .row.collapse > .column, .collapse.legacy-component--project > .column, .legacy-component--callout .collapse.vertical-tout > .column, .legacy-component--callout-alternative .collapse.vertical-tout > .column, .collapse.legacy-component--partner-list > .column, .collapse.legacy-component--project-list > .column, .collapse.legacy-component--basic-alternative > .column, .collapse.legacy-component--basic-3up > .column, .row.collapse > .columns, .collapse.legacy-component--project > .columns, .legacy-component--callout .collapse.vertical-tout > .columns, .legacy-component--callout-alternative .collapse.vertical-tout > .columns, .collapse.legacy-component--partner-list > .columns, .collapse.legacy-component--project-list > .columns, .collapse.legacy-component--basic-alternative > .columns, .collapse.legacy-component--basic-3up > .columns { padding-left: 0; padding-right: 0; } /* line 119, app/assets/stylesheets/base/_grid.scss */ .row.collapse .row, .collapse.legacy-component--project .row, .row.collapse .legacy-component--project, .collapse.legacy-component--project .legacy-component--project, .legacy-component--callout .collapse.vertical-tout .row, .legacy-component--callout .collapse.vertical-tout .legacy-component--project, .legacy-component--callout-alternative .collapse.vertical-tout .row, .legacy-component--callout-alternative .collapse.vertical-tout .legacy-component--project, .row.collapse .legacy-component--callout .vertical-tout, .collapse.legacy-component--project .legacy-component--callout .vertical-tout, .legacy-component--callout .row.collapse .vertical-tout, .legacy-component--callout .collapse.legacy-component--project .vertical-tout, .legacy-component--callout .collapse.vertical-tout .vertical-tout, .row.collapse .legacy-component--callout-alternative .vertical-tout, .collapse.legacy-component--project .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .row.collapse .vertical-tout, .legacy-component--callout-alternative .collapse.legacy-component--project .vertical-tout, .legacy-component--callout-alternative .collapse.vertical-tout .vertical-tout, .collapse.legacy-component--partner-list .row, .collapse.legacy-component--partner-list .legacy-component--project, .collapse.legacy-component--partner-list .legacy-component--callout .vertical-tout, .legacy-component--callout .collapse.legacy-component--partner-list .vertical-tout, .collapse.legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .collapse.legacy-component--partner-list .vertical-tout, .row.collapse .legacy-component--partner-list, .collapse.legacy-component--project .legacy-component--partner-list, .legacy-component--callout .collapse.vertical-tout .legacy-component--partner-list, .legacy-component--callout-alternative .collapse.vertical-tout .legacy-component--partner-list, .collapse.legacy-component--partner-list .legacy-component--partner-list, .collapse.legacy-component--project-list .row, .collapse.legacy-component--project-list .legacy-component--project, .collapse.legacy-component--project-list .legacy-component--callout .vertical-tout, .legacy-component--callout .collapse.legacy-component--project-list .vertical-tout, .collapse.legacy-component--project-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .collapse.legacy-component--project-list .vertical-tout, .collapse.legacy-component--project-list .legacy-component--partner-list, .row.collapse .legacy-component--project-list, .collapse.legacy-component--project .legacy-component--project-list, .legacy-component--callout .collapse.vertical-tout .legacy-component--project-list, .legacy-component--callout-alternative .collapse.vertical-tout .legacy-component--project-list, .collapse.legacy-component--partner-list .legacy-component--project-list, .collapse.legacy-component--project-list .legacy-component--project-list, .collapse.legacy-component--basic-alternative .row, .collapse.legacy-component--basic-alternative .legacy-component--project, .collapse.legacy-component--basic-alternative .legacy-component--callout .vertical-tout, .legacy-component--callout .collapse.legacy-component--basic-alternative .vertical-tout, .collapse.legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .collapse.legacy-component--basic-alternative .vertical-tout, .collapse.legacy-component--basic-alternative .legacy-component--partner-list, .collapse.legacy-component--basic-alternative .legacy-component--project-list, .row.collapse .legacy-component--basic-alternative, .collapse.legacy-component--project .legacy-component--basic-alternative, .legacy-component--callout .collapse.vertical-tout .legacy-component--basic-alternative, .legacy-component--callout-alternative .collapse.vertical-tout .legacy-component--basic-alternative, .collapse.legacy-component--partner-list .legacy-component--basic-alternative, .collapse.legacy-component--project-list .legacy-component--basic-alternative, .collapse.legacy-component--basic-alternative .legacy-component--basic-alternative, .collapse.legacy-component--basic-3up .row, .collapse.legacy-component--basic-3up .legacy-component--project, .collapse.legacy-component--basic-3up .legacy-component--callout .vertical-tout, .legacy-component--callout .collapse.legacy-component--basic-3up .vertical-tout, .collapse.legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .collapse.legacy-component--basic-3up .vertical-tout, .collapse.legacy-component--basic-3up .legacy-component--partner-list, .collapse.legacy-component--basic-3up .legacy-component--project-list, .collapse.legacy-component--basic-3up .legacy-component--basic-alternative, .row.collapse .legacy-component--basic-3up, .collapse.legacy-component--project .legacy-component--basic-3up, .legacy-component--callout .collapse.vertical-tout .legacy-component--basic-3up, .legacy-component--callout-alternative .collapse.vertical-tout .legacy-component--basic-3up, .collapse.legacy-component--partner-list .legacy-component--basic-3up, .collapse.legacy-component--project-list .legacy-component--basic-3up, .collapse.legacy-component--basic-alternative .legacy-component--basic-3up, .collapse.legacy-component--basic-3up .legacy-component--basic-3up { margin-left: 0; margin-right: 0; } /* line 124, app/assets/stylesheets/base/_grid.scss */ .row .row, .legacy-component--project .row, .row .legacy-component--project, .legacy-component--project .legacy-component--project, .legacy-component--callout .vertical-tout .row, .legacy-component--callout .vertical-tout .legacy-component--project, .legacy-component--callout-alternative .vertical-tout .row, .legacy-component--callout-alternative .vertical-tout .legacy-component--project, .row .legacy-component--callout .vertical-tout, .legacy-component--project .legacy-component--callout .vertical-tout, .legacy-component--callout .row .vertical-tout, .legacy-component--callout .legacy-component--project .vertical-tout, .legacy-component--callout .vertical-tout .vertical-tout, .row .legacy-component--callout-alternative .vertical-tout, .legacy-component--project .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .row .vertical-tout, .legacy-component--callout-alternative .legacy-component--project .vertical-tout, .legacy-component--callout-alternative .vertical-tout .vertical-tout, .legacy-component--partner-list .row, .legacy-component--partner-list .legacy-component--project, .legacy-component--partner-list .legacy-component--callout .vertical-tout, .legacy-component--callout .legacy-component--partner-list .vertical-tout, .legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .legacy-component--partner-list .vertical-tout, .row .legacy-component--partner-list, .legacy-component--project .legacy-component--partner-list, .legacy-component--callout .vertical-tout .legacy-component--partner-list, .legacy-component--callout-alternative .vertical-tout .legacy-component--partner-list, .legacy-component--partner-list .legacy-component--partner-list, .legacy-component--project-list .row, .legacy-component--project-list .legacy-component--project, .legacy-component--project-list .legacy-component--callout .vertical-tout, .legacy-component--callout .legacy-component--project-list .vertical-tout, .legacy-component--project-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .legacy-component--project-list .vertical-tout, .legacy-component--project-list .legacy-component--partner-list, .row .legacy-component--project-list, .legacy-component--project .legacy-component--project-list, .legacy-component--callout .vertical-tout .legacy-component--project-list, .legacy-component--callout-alternative .vertical-tout .legacy-component--project-list, .legacy-component--partner-list .legacy-component--project-list, .legacy-component--project-list .legacy-component--project-list, .legacy-component--basic-alternative .row, .legacy-component--basic-alternative .legacy-component--project, .legacy-component--basic-alternative .legacy-component--callout .vertical-tout, .legacy-component--callout .legacy-component--basic-alternative .vertical-tout, .legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .legacy-component--basic-alternative .vertical-tout, .legacy-component--basic-alternative .legacy-component--partner-list, .legacy-component--basic-alternative .legacy-component--project-list, .row .legacy-component--basic-alternative, .legacy-component--project .legacy-component--basic-alternative, .legacy-component--callout .vertical-tout .legacy-component--basic-alternative, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-alternative, .legacy-component--partner-list .legacy-component--basic-alternative, .legacy-component--project-list .legacy-component--basic-alternative, .legacy-component--basic-alternative .legacy-component--basic-alternative, .legacy-component--basic-3up .row, .legacy-component--basic-3up .legacy-component--project, .legacy-component--basic-3up .legacy-component--callout .vertical-tout, .legacy-component--callout .legacy-component--basic-3up .vertical-tout, .legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .legacy-component--basic-3up .vertical-tout, .legacy-component--basic-3up .legacy-component--partner-list, .legacy-component--basic-3up .legacy-component--project-list, .legacy-component--basic-3up .legacy-component--basic-alternative, .row .legacy-component--basic-3up, .legacy-component--project .legacy-component--basic-3up, .legacy-component--callout .vertical-tout .legacy-component--basic-3up, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-3up, .legacy-component--partner-list .legacy-component--basic-3up, .legacy-component--project-list .legacy-component--basic-3up, .legacy-component--basic-alternative .legacy-component--basic-3up, .legacy-component--basic-3up .legacy-component--basic-3up { margin: 0 -21px; max-width: none; width: auto; } /* line 129, app/assets/stylesheets/base/_grid.scss */ .body--iframe .row .row, .body--iframe .legacy-component--project .row, .body--iframe .row .legacy-component--project, .body--iframe .legacy-component--project .legacy-component--project, .body--iframe .legacy-component--callout .vertical-tout .row, .body--iframe .legacy-component--callout .vertical-tout .legacy-component--project, .legacy-component--callout .body--iframe .vertical-tout .row, .legacy-component--callout .body--iframe .vertical-tout .legacy-component--project, .body--iframe .legacy-component--callout-alternative .vertical-tout .row, .body--iframe .legacy-component--callout-alternative .vertical-tout .legacy-component--project, .legacy-component--callout-alternative .body--iframe .vertical-tout .row, .legacy-component--callout-alternative .body--iframe .vertical-tout .legacy-component--project, .body--iframe .row .legacy-component--callout .vertical-tout, .body--iframe .legacy-component--project .legacy-component--callout .vertical-tout, .legacy-component--callout .body--iframe .row .vertical-tout, .legacy-component--callout .body--iframe .legacy-component--project .vertical-tout, .body--iframe .legacy-component--callout .vertical-tout .vertical-tout, .legacy-component--callout .body--iframe .vertical-tout .vertical-tout, .body--iframe .row .legacy-component--callout-alternative .vertical-tout, .body--iframe .legacy-component--project .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .body--iframe .row .vertical-tout, .legacy-component--callout-alternative .body--iframe .legacy-component--project .vertical-tout, .body--iframe .legacy-component--callout-alternative .vertical-tout .vertical-tout, .legacy-component--callout-alternative .body--iframe .vertical-tout .vertical-tout, .body--iframe .legacy-component--partner-list .row, .body--iframe .legacy-component--partner-list .legacy-component--project, .body--iframe .legacy-component--partner-list .legacy-component--callout .vertical-tout, .legacy-component--callout .body--iframe .legacy-component--partner-list .vertical-tout, .body--iframe .legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .body--iframe .legacy-component--partner-list .vertical-tout, .body--iframe .row .legacy-component--partner-list, .body--iframe .legacy-component--project .legacy-component--partner-list, .body--iframe .legacy-component--callout .vertical-tout .legacy-component--partner-list, .legacy-component--callout .body--iframe .vertical-tout .legacy-component--partner-list, .body--iframe .legacy-component--callout-alternative .vertical-tout .legacy-component--partner-list, .legacy-component--callout-alternative .body--iframe .vertical-tout .legacy-component--partner-list, .body--iframe .legacy-component--partner-list .legacy-component--partner-list, .body--iframe .legacy-component--project-list .row, .body--iframe .legacy-component--project-list .legacy-component--project, .body--iframe .legacy-component--project-list .legacy-component--callout .vertical-tout, .legacy-component--callout .body--iframe .legacy-component--project-list .vertical-tout, .body--iframe .legacy-component--project-list .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .body--iframe .legacy-component--project-list .vertical-tout, .body--iframe .legacy-component--project-list .legacy-component--partner-list, .body--iframe .row .legacy-component--project-list, .body--iframe .legacy-component--project .legacy-component--project-list, .body--iframe .legacy-component--callout .vertical-tout .legacy-component--project-list, .legacy-component--callout .body--iframe .vertical-tout .legacy-component--project-list, .body--iframe .legacy-component--callout-alternative .vertical-tout .legacy-component--project-list, .legacy-component--callout-alternative .body--iframe .vertical-tout .legacy-component--project-list, .body--iframe .legacy-component--partner-list .legacy-component--project-list, .body--iframe .legacy-component--project-list .legacy-component--project-list, .body--iframe .legacy-component--basic-alternative .row, .body--iframe .legacy-component--basic-alternative .legacy-component--project, .body--iframe .legacy-component--basic-alternative .legacy-component--callout .vertical-tout, .legacy-component--callout .body--iframe .legacy-component--basic-alternative .vertical-tout, .body--iframe .legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .body--iframe .legacy-component--basic-alternative .vertical-tout, .body--iframe .legacy-component--basic-alternative .legacy-component--partner-list, .body--iframe .legacy-component--basic-alternative .legacy-component--project-list, .body--iframe .row .legacy-component--basic-alternative, .body--iframe .legacy-component--project .legacy-component--basic-alternative, .body--iframe .legacy-component--callout .vertical-tout .legacy-component--basic-alternative, .legacy-component--callout .body--iframe .vertical-tout .legacy-component--basic-alternative, .body--iframe .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-alternative, .legacy-component--callout-alternative .body--iframe .vertical-tout .legacy-component--basic-alternative, .body--iframe .legacy-component--partner-list .legacy-component--basic-alternative, .body--iframe .legacy-component--project-list .legacy-component--basic-alternative, .body--iframe .legacy-component--basic-alternative .legacy-component--basic-alternative, .body--iframe .legacy-component--basic-3up .row, .body--iframe .legacy-component--basic-3up .legacy-component--project, .body--iframe .legacy-component--basic-3up .legacy-component--callout .vertical-tout, .legacy-component--callout .body--iframe .legacy-component--basic-3up .vertical-tout, .body--iframe .legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout, .legacy-component--callout-alternative .body--iframe .legacy-component--basic-3up .vertical-tout, .body--iframe .legacy-component--basic-3up .legacy-component--partner-list, .body--iframe .legacy-component--basic-3up .legacy-component--project-list, .body--iframe .legacy-component--basic-3up .legacy-component--basic-alternative, .body--iframe .row .legacy-component--basic-3up, .body--iframe .legacy-component--project .legacy-component--basic-3up, .body--iframe .legacy-component--callout .vertical-tout .legacy-component--basic-3up, .legacy-component--callout .body--iframe .vertical-tout .legacy-component--basic-3up, .body--iframe .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-3up, .legacy-component--callout-alternative .body--iframe .vertical-tout .legacy-component--basic-3up, .body--iframe .legacy-component--partner-list .legacy-component--basic-3up, .body--iframe .legacy-component--project-list .legacy-component--basic-3up, .body--iframe .legacy-component--basic-alternative .legacy-component--basic-3up, .body--iframe .legacy-component--basic-3up .legacy-component--basic-3up { margin: 0 -12px; } /* line 134, app/assets/stylesheets/base/_grid.scss */ .row .row:before, .legacy-component--project .row:before, .row .legacy-component--project:before, .legacy-component--project .legacy-component--project:before, .legacy-component--callout .vertical-tout .row:before, .legacy-component--callout .vertical-tout .legacy-component--project:before, .legacy-component--callout-alternative .vertical-tout .row:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--project:before, .row .legacy-component--callout .vertical-tout:before, .legacy-component--project .legacy-component--callout .vertical-tout:before, .legacy-component--callout .row .vertical-tout:before, .legacy-component--callout .legacy-component--project .vertical-tout:before, .legacy-component--callout .vertical-tout .vertical-tout:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--callout .vertical-tout:before, .legacy-component--callout .legacy-component--callout-alternative .vertical-tout .vertical-tout:before, .row .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--project .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .row .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--project .vertical-tout:before, .legacy-component--callout .vertical-tout .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--callout .vertical-tout .vertical-tout:before, .legacy-component--callout-alternative .vertical-tout .vertical-tout:before, .legacy-component--partner-list .row:before, .legacy-component--partner-list .legacy-component--project:before, .legacy-component--partner-list .legacy-component--callout .vertical-tout:before, .legacy-component--callout .legacy-component--partner-list .vertical-tout:before, .legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--partner-list .vertical-tout:before, .row .legacy-component--partner-list:before, .legacy-component--project .legacy-component--partner-list:before, .legacy-component--callout .vertical-tout .legacy-component--partner-list:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--partner-list:before, .legacy-component--partner-list .legacy-component--partner-list:before, .legacy-component--project-list .row:before, .legacy-component--project-list .legacy-component--project:before, .legacy-component--project-list .legacy-component--callout .vertical-tout:before, .legacy-component--callout .legacy-component--project-list .vertical-tout:before, .legacy-component--project-list .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--project-list .vertical-tout:before, .legacy-component--project-list .legacy-component--partner-list:before, .row .legacy-component--project-list:before, .legacy-component--project .legacy-component--project-list:before, .legacy-component--callout .vertical-tout .legacy-component--project-list:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--project-list:before, .legacy-component--partner-list .legacy-component--project-list:before, .legacy-component--project-list .legacy-component--project-list:before, .legacy-component--basic-alternative .row:before, .legacy-component--basic-alternative .legacy-component--project:before, .legacy-component--basic-alternative .legacy-component--callout .vertical-tout:before, .legacy-component--callout .legacy-component--basic-alternative .vertical-tout:before, .legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--basic-alternative .vertical-tout:before, .legacy-component--basic-alternative .legacy-component--partner-list:before, .legacy-component--basic-alternative .legacy-component--project-list:before, .row .legacy-component--basic-alternative:before, .legacy-component--project .legacy-component--basic-alternative:before, .legacy-component--callout .vertical-tout .legacy-component--basic-alternative:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-alternative:before, .legacy-component--partner-list .legacy-component--basic-alternative:before, .legacy-component--project-list .legacy-component--basic-alternative:before, .legacy-component--basic-alternative .legacy-component--basic-alternative:before, .legacy-component--basic-3up .row:before, .legacy-component--basic-3up .legacy-component--project:before, .legacy-component--basic-3up .legacy-component--callout .vertical-tout:before, .legacy-component--callout .legacy-component--basic-3up .vertical-tout:before, .legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout:before, .legacy-component--callout-alternative .legacy-component--basic-3up .vertical-tout:before, .legacy-component--basic-3up .legacy-component--partner-list:before, .legacy-component--basic-3up .legacy-component--project-list:before, .legacy-component--basic-3up .legacy-component--basic-alternative:before, .row .legacy-component--basic-3up:before, .legacy-component--project .legacy-component--basic-3up:before, .legacy-component--callout .vertical-tout .legacy-component--basic-3up:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-3up:before, .legacy-component--partner-list .legacy-component--basic-3up:before, .legacy-component--project-list .legacy-component--basic-3up:before, .legacy-component--basic-alternative .legacy-component--basic-3up:before, .legacy-component--basic-3up .legacy-component--basic-3up:before, .row .row:after, .legacy-component--project .row:after, .row .legacy-component--project:after, .legacy-component--project .legacy-component--project:after, .legacy-component--callout .vertical-tout .row:after, .legacy-component--callout .vertical-tout .legacy-component--project:after, .legacy-component--callout-alternative .vertical-tout .row:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--project:after, .row .legacy-component--callout .vertical-tout:after, .legacy-component--project .legacy-component--callout .vertical-tout:after, .legacy-component--callout .row .vertical-tout:after, .legacy-component--callout .legacy-component--project .vertical-tout:after, .legacy-component--callout .vertical-tout .vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--callout-alternative .vertical-tout .vertical-tout:after, .row .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--project .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .row .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project .vertical-tout:after, .legacy-component--callout .vertical-tout .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--callout .vertical-tout .vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .vertical-tout:after, .legacy-component--partner-list .row:after, .legacy-component--partner-list .legacy-component--project:after, .legacy-component--partner-list .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--partner-list .vertical-tout:after, .legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--partner-list .vertical-tout:after, .row .legacy-component--partner-list:after, .legacy-component--project .legacy-component--partner-list:after, .legacy-component--callout .vertical-tout .legacy-component--partner-list:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--partner-list:after, .legacy-component--partner-list .legacy-component--partner-list:after, .legacy-component--project-list .row:after, .legacy-component--project-list .legacy-component--project:after, .legacy-component--project-list .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--project-list .vertical-tout:after, .legacy-component--project-list .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project-list .vertical-tout:after, .legacy-component--project-list .legacy-component--partner-list:after, .row .legacy-component--project-list:after, .legacy-component--project .legacy-component--project-list:after, .legacy-component--callout .vertical-tout .legacy-component--project-list:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--project-list:after, .legacy-component--partner-list .legacy-component--project-list:after, .legacy-component--project-list .legacy-component--project-list:after, .legacy-component--basic-alternative .row:after, .legacy-component--basic-alternative .legacy-component--project:after, .legacy-component--basic-alternative .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--basic-alternative .vertical-tout:after, .legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-alternative .vertical-tout:after, .legacy-component--basic-alternative .legacy-component--partner-list:after, .legacy-component--basic-alternative .legacy-component--project-list:after, .row .legacy-component--basic-alternative:after, .legacy-component--project .legacy-component--basic-alternative:after, .legacy-component--callout .vertical-tout .legacy-component--basic-alternative:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-alternative:after, .legacy-component--partner-list .legacy-component--basic-alternative:after, .legacy-component--project-list .legacy-component--basic-alternative:after, .legacy-component--basic-alternative .legacy-component--basic-alternative:after, .legacy-component--basic-3up .row:after, .legacy-component--basic-3up .legacy-component--project:after, .legacy-component--basic-3up .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--basic-3up .vertical-tout:after, .legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-3up .vertical-tout:after, .legacy-component--basic-3up .legacy-component--partner-list:after, .legacy-component--basic-3up .legacy-component--project-list:after, .legacy-component--basic-3up .legacy-component--basic-alternative:after, .row .legacy-component--basic-3up:after, .legacy-component--project .legacy-component--basic-3up:after, .legacy-component--callout .vertical-tout .legacy-component--basic-3up:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-3up:after, .legacy-component--partner-list .legacy-component--basic-3up:after, .legacy-component--project-list .legacy-component--basic-3up:after, .legacy-component--basic-alternative .legacy-component--basic-3up:after, .legacy-component--basic-3up .legacy-component--basic-3up:after { content: " "; display: table; } /* line 140, app/assets/stylesheets/base/_grid.scss */ .row .row:after, .legacy-component--project .row:after, .row .legacy-component--project:after, .legacy-component--project .legacy-component--project:after, .legacy-component--callout .vertical-tout .row:after, .legacy-component--callout .vertical-tout .legacy-component--project:after, .legacy-component--callout-alternative .vertical-tout .row:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--project:after, .row .legacy-component--callout .vertical-tout:after, .legacy-component--project .legacy-component--callout .vertical-tout:after, .legacy-component--callout .row .vertical-tout:after, .legacy-component--callout .legacy-component--project .vertical-tout:after, .legacy-component--callout .vertical-tout .vertical-tout:after, .row .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--project .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .row .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project .vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .vertical-tout:after, .legacy-component--partner-list .row:after, .legacy-component--partner-list .legacy-component--project:after, .legacy-component--partner-list .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--partner-list .vertical-tout:after, .legacy-component--partner-list .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--partner-list .vertical-tout:after, .row .legacy-component--partner-list:after, .legacy-component--project .legacy-component--partner-list:after, .legacy-component--callout .vertical-tout .legacy-component--partner-list:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--partner-list:after, .legacy-component--partner-list .legacy-component--partner-list:after, .legacy-component--project-list .row:after, .legacy-component--project-list .legacy-component--project:after, .legacy-component--project-list .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--project-list .vertical-tout:after, .legacy-component--project-list .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project-list .vertical-tout:after, .legacy-component--project-list .legacy-component--partner-list:after, .row .legacy-component--project-list:after, .legacy-component--project .legacy-component--project-list:after, .legacy-component--callout .vertical-tout .legacy-component--project-list:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--project-list:after, .legacy-component--partner-list .legacy-component--project-list:after, .legacy-component--project-list .legacy-component--project-list:after, .legacy-component--basic-alternative .row:after, .legacy-component--basic-alternative .legacy-component--project:after, .legacy-component--basic-alternative .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--basic-alternative .vertical-tout:after, .legacy-component--basic-alternative .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-alternative .vertical-tout:after, .legacy-component--basic-alternative .legacy-component--partner-list:after, .legacy-component--basic-alternative .legacy-component--project-list:after, .row .legacy-component--basic-alternative:after, .legacy-component--project .legacy-component--basic-alternative:after, .legacy-component--callout .vertical-tout .legacy-component--basic-alternative:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-alternative:after, .legacy-component--partner-list .legacy-component--basic-alternative:after, .legacy-component--project-list .legacy-component--basic-alternative:after, .legacy-component--basic-alternative .legacy-component--basic-alternative:after, .legacy-component--basic-3up .row:after, .legacy-component--basic-3up .legacy-component--project:after, .legacy-component--basic-3up .legacy-component--callout .vertical-tout:after, .legacy-component--callout .legacy-component--basic-3up .vertical-tout:after, .legacy-component--basic-3up .legacy-component--callout-alternative .vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-3up .vertical-tout:after, .legacy-component--basic-3up .legacy-component--partner-list:after, .legacy-component--basic-3up .legacy-component--project-list:after, .legacy-component--basic-3up .legacy-component--basic-alternative:after, .row .legacy-component--basic-3up:after, .legacy-component--project .legacy-component--basic-3up:after, .legacy-component--callout .vertical-tout .legacy-component--basic-3up:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--basic-3up:after, .legacy-component--partner-list .legacy-component--basic-3up:after, .legacy-component--project-list .legacy-component--basic-3up:after, .legacy-component--basic-alternative .legacy-component--basic-3up:after, .legacy-component--basic-3up .legacy-component--basic-3up:after { clear: both; } /* line 144, app/assets/stylesheets/base/_grid.scss */ .row .row.collapse, .legacy-component--project .row.collapse, .row .collapse.legacy-component--project, .legacy-component--project .collapse.legacy-component--project, .legacy-component--callout .vertical-tout .row.collapse, .legacy-component--callout .vertical-tout .collapse.legacy-component--project, .legacy-component--callout-alternative .vertical-tout .row.collapse, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project, .row .legacy-component--callout .collapse.vertical-tout, .legacy-component--project .legacy-component--callout .collapse.vertical-tout, .legacy-component--callout .row .collapse.vertical-tout, .legacy-component--callout .legacy-component--project .collapse.vertical-tout, .legacy-component--callout .vertical-tout .collapse.vertical-tout, .row .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--project .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--callout-alternative .row .collapse.vertical-tout, .legacy-component--callout-alternative .legacy-component--project .collapse.vertical-tout, .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout, .legacy-component--partner-list .row.collapse, .legacy-component--partner-list .collapse.legacy-component--project, .legacy-component--partner-list .legacy-component--callout .collapse.vertical-tout, .legacy-component--callout .legacy-component--partner-list .collapse.vertical-tout, .legacy-component--partner-list .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--callout-alternative .legacy-component--partner-list .collapse.vertical-tout, .row .collapse.legacy-component--partner-list, .legacy-component--project .collapse.legacy-component--partner-list, .legacy-component--callout .vertical-tout .collapse.legacy-component--partner-list, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--partner-list, .legacy-component--partner-list .collapse.legacy-component--partner-list, .legacy-component--project-list .row.collapse, .legacy-component--project-list .collapse.legacy-component--project, .legacy-component--project-list .legacy-component--callout .collapse.vertical-tout, .legacy-component--callout .legacy-component--project-list .collapse.vertical-tout, .legacy-component--project-list .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--callout-alternative .legacy-component--project-list .collapse.vertical-tout, .legacy-component--project-list .collapse.legacy-component--partner-list, .row .collapse.legacy-component--project-list, .legacy-component--project .collapse.legacy-component--project-list, .legacy-component--callout .vertical-tout .collapse.legacy-component--project-list, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project-list, .legacy-component--partner-list .collapse.legacy-component--project-list, .legacy-component--project-list .collapse.legacy-component--project-list, .legacy-component--basic-alternative .row.collapse, .legacy-component--basic-alternative .collapse.legacy-component--project, .legacy-component--basic-alternative .legacy-component--callout .collapse.vertical-tout, .legacy-component--callout .legacy-component--basic-alternative .collapse.vertical-tout, .legacy-component--basic-alternative .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--callout-alternative .legacy-component--basic-alternative .collapse.vertical-tout, .legacy-component--basic-alternative .collapse.legacy-component--partner-list, .legacy-component--basic-alternative .collapse.legacy-component--project-list, .row .collapse.legacy-component--basic-alternative, .legacy-component--project .collapse.legacy-component--basic-alternative, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-alternative, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-alternative, .legacy-component--partner-list .collapse.legacy-component--basic-alternative, .legacy-component--project-list .collapse.legacy-component--basic-alternative, .legacy-component--basic-alternative .collapse.legacy-component--basic-alternative, .legacy-component--basic-3up .row.collapse, .legacy-component--basic-3up .collapse.legacy-component--project, .legacy-component--basic-3up .legacy-component--callout .collapse.vertical-tout, .legacy-component--callout .legacy-component--basic-3up .collapse.vertical-tout, .legacy-component--basic-3up .legacy-component--callout-alternative .collapse.vertical-tout, .legacy-component--callout-alternative .legacy-component--basic-3up .collapse.vertical-tout, .legacy-component--basic-3up .collapse.legacy-component--partner-list, .legacy-component--basic-3up .collapse.legacy-component--project-list, .legacy-component--basic-3up .collapse.legacy-component--basic-alternative, .row .collapse.legacy-component--basic-3up, .legacy-component--project .collapse.legacy-component--basic-3up, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-3up, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-3up, .legacy-component--partner-list .collapse.legacy-component--basic-3up, .legacy-component--project-list .collapse.legacy-component--basic-3up, .legacy-component--basic-alternative .collapse.legacy-component--basic-3up, .legacy-component--basic-3up .collapse.legacy-component--basic-3up { margin: 0; max-width: none; width: auto; } /* line 150, app/assets/stylesheets/base/_grid.scss */ .row .row.collapse:before, .legacy-component--project .row.collapse:before, .row .collapse.legacy-component--project:before, .legacy-component--project .collapse.legacy-component--project:before, .legacy-component--callout .vertical-tout .row.collapse:before, .legacy-component--callout .vertical-tout .collapse.legacy-component--project:before, .legacy-component--callout-alternative .vertical-tout .row.collapse:before, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project:before, .row .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--project .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .row .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--project .collapse.vertical-tout:before, .legacy-component--callout .vertical-tout .collapse.vertical-tout:before, .legacy-component--callout-alternative .vertical-tout .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout:before, .row .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--project .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .row .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--project .collapse.vertical-tout:before, .legacy-component--callout .vertical-tout .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--callout .vertical-tout .collapse.vertical-tout:before, .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout:before, .legacy-component--partner-list .row.collapse:before, .legacy-component--partner-list .collapse.legacy-component--project:before, .legacy-component--partner-list .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--partner-list .collapse.vertical-tout:before, .legacy-component--partner-list .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--partner-list .collapse.vertical-tout:before, .row .collapse.legacy-component--partner-list:before, .legacy-component--project .collapse.legacy-component--partner-list:before, .legacy-component--callout .vertical-tout .collapse.legacy-component--partner-list:before, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--partner-list:before, .legacy-component--partner-list .collapse.legacy-component--partner-list:before, .legacy-component--project-list .row.collapse:before, .legacy-component--project-list .collapse.legacy-component--project:before, .legacy-component--project-list .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--project-list .collapse.vertical-tout:before, .legacy-component--project-list .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--project-list .collapse.vertical-tout:before, .legacy-component--project-list .collapse.legacy-component--partner-list:before, .row .collapse.legacy-component--project-list:before, .legacy-component--project .collapse.legacy-component--project-list:before, .legacy-component--callout .vertical-tout .collapse.legacy-component--project-list:before, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project-list:before, .legacy-component--partner-list .collapse.legacy-component--project-list:before, .legacy-component--project-list .collapse.legacy-component--project-list:before, .legacy-component--basic-alternative .row.collapse:before, .legacy-component--basic-alternative .collapse.legacy-component--project:before, .legacy-component--basic-alternative .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--basic-alternative .collapse.vertical-tout:before, .legacy-component--basic-alternative .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--basic-alternative .collapse.vertical-tout:before, .legacy-component--basic-alternative .collapse.legacy-component--partner-list:before, .legacy-component--basic-alternative .collapse.legacy-component--project-list:before, .row .collapse.legacy-component--basic-alternative:before, .legacy-component--project .collapse.legacy-component--basic-alternative:before, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-alternative:before, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-alternative:before, .legacy-component--partner-list .collapse.legacy-component--basic-alternative:before, .legacy-component--project-list .collapse.legacy-component--basic-alternative:before, .legacy-component--basic-alternative .collapse.legacy-component--basic-alternative:before, .legacy-component--basic-3up .row.collapse:before, .legacy-component--basic-3up .collapse.legacy-component--project:before, .legacy-component--basic-3up .legacy-component--callout .collapse.vertical-tout:before, .legacy-component--callout .legacy-component--basic-3up .collapse.vertical-tout:before, .legacy-component--basic-3up .legacy-component--callout-alternative .collapse.vertical-tout:before, .legacy-component--callout-alternative .legacy-component--basic-3up .collapse.vertical-tout:before, .legacy-component--basic-3up .collapse.legacy-component--partner-list:before, .legacy-component--basic-3up .collapse.legacy-component--project-list:before, .legacy-component--basic-3up .collapse.legacy-component--basic-alternative:before, .row .collapse.legacy-component--basic-3up:before, .legacy-component--project .collapse.legacy-component--basic-3up:before, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-3up:before, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-3up:before, .legacy-component--partner-list .collapse.legacy-component--basic-3up:before, .legacy-component--project-list .collapse.legacy-component--basic-3up:before, .legacy-component--basic-alternative .collapse.legacy-component--basic-3up:before, .legacy-component--basic-3up .collapse.legacy-component--basic-3up:before, .row .row.collapse:after, .legacy-component--project .row.collapse:after, .row .collapse.legacy-component--project:after, .legacy-component--project .collapse.legacy-component--project:after, .legacy-component--callout .vertical-tout .row.collapse:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--project:after, .legacy-component--callout-alternative .vertical-tout .row.collapse:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project:after, .row .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--project .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .row .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--project .collapse.vertical-tout:after, .legacy-component--callout .vertical-tout .collapse.vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout:after, .row .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--project .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .row .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project .collapse.vertical-tout:after, .legacy-component--callout .vertical-tout .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--callout .vertical-tout .collapse.vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout:after, .legacy-component--partner-list .row.collapse:after, .legacy-component--partner-list .collapse.legacy-component--project:after, .legacy-component--partner-list .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--partner-list .collapse.vertical-tout:after, .legacy-component--partner-list .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--partner-list .collapse.vertical-tout:after, .row .collapse.legacy-component--partner-list:after, .legacy-component--project .collapse.legacy-component--partner-list:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--partner-list:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--partner-list:after, .legacy-component--partner-list .collapse.legacy-component--partner-list:after, .legacy-component--project-list .row.collapse:after, .legacy-component--project-list .collapse.legacy-component--project:after, .legacy-component--project-list .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--project-list .collapse.vertical-tout:after, .legacy-component--project-list .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project-list .collapse.vertical-tout:after, .legacy-component--project-list .collapse.legacy-component--partner-list:after, .row .collapse.legacy-component--project-list:after, .legacy-component--project .collapse.legacy-component--project-list:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--project-list:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project-list:after, .legacy-component--partner-list .collapse.legacy-component--project-list:after, .legacy-component--project-list .collapse.legacy-component--project-list:after, .legacy-component--basic-alternative .row.collapse:after, .legacy-component--basic-alternative .collapse.legacy-component--project:after, .legacy-component--basic-alternative .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--basic-alternative .collapse.vertical-tout:after, .legacy-component--basic-alternative .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-alternative .collapse.vertical-tout:after, .legacy-component--basic-alternative .collapse.legacy-component--partner-list:after, .legacy-component--basic-alternative .collapse.legacy-component--project-list:after, .row .collapse.legacy-component--basic-alternative:after, .legacy-component--project .collapse.legacy-component--basic-alternative:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-alternative:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-alternative:after, .legacy-component--partner-list .collapse.legacy-component--basic-alternative:after, .legacy-component--project-list .collapse.legacy-component--basic-alternative:after, .legacy-component--basic-alternative .collapse.legacy-component--basic-alternative:after, .legacy-component--basic-3up .row.collapse:after, .legacy-component--basic-3up .collapse.legacy-component--project:after, .legacy-component--basic-3up .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--basic-3up .collapse.vertical-tout:after, .legacy-component--basic-3up .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-3up .collapse.vertical-tout:after, .legacy-component--basic-3up .collapse.legacy-component--partner-list:after, .legacy-component--basic-3up .collapse.legacy-component--project-list:after, .legacy-component--basic-3up .collapse.legacy-component--basic-alternative:after, .row .collapse.legacy-component--basic-3up:after, .legacy-component--project .collapse.legacy-component--basic-3up:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-3up:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-3up:after, .legacy-component--partner-list .collapse.legacy-component--basic-3up:after, .legacy-component--project-list .collapse.legacy-component--basic-3up:after, .legacy-component--basic-alternative .collapse.legacy-component--basic-3up:after, .legacy-component--basic-3up .collapse.legacy-component--basic-3up:after { content: " "; display: table; } /* line 156, app/assets/stylesheets/base/_grid.scss */ .row .row.collapse:after, .legacy-component--project .row.collapse:after, .row .collapse.legacy-component--project:after, .legacy-component--project .collapse.legacy-component--project:after, .legacy-component--callout .vertical-tout .row.collapse:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--project:after, .legacy-component--callout-alternative .vertical-tout .row.collapse:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project:after, .row .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--project .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .row .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--project .collapse.vertical-tout:after, .legacy-component--callout .vertical-tout .collapse.vertical-tout:after, .row .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--project .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .row .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project .collapse.vertical-tout:after, .legacy-component--callout-alternative .vertical-tout .collapse.vertical-tout:after, .legacy-component--partner-list .row.collapse:after, .legacy-component--partner-list .collapse.legacy-component--project:after, .legacy-component--partner-list .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--partner-list .collapse.vertical-tout:after, .legacy-component--partner-list .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--partner-list .collapse.vertical-tout:after, .row .collapse.legacy-component--partner-list:after, .legacy-component--project .collapse.legacy-component--partner-list:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--partner-list:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--partner-list:after, .legacy-component--partner-list .collapse.legacy-component--partner-list:after, .legacy-component--project-list .row.collapse:after, .legacy-component--project-list .collapse.legacy-component--project:after, .legacy-component--project-list .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--project-list .collapse.vertical-tout:after, .legacy-component--project-list .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--project-list .collapse.vertical-tout:after, .legacy-component--project-list .collapse.legacy-component--partner-list:after, .row .collapse.legacy-component--project-list:after, .legacy-component--project .collapse.legacy-component--project-list:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--project-list:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--project-list:after, .legacy-component--partner-list .collapse.legacy-component--project-list:after, .legacy-component--project-list .collapse.legacy-component--project-list:after, .legacy-component--basic-alternative .row.collapse:after, .legacy-component--basic-alternative .collapse.legacy-component--project:after, .legacy-component--basic-alternative .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--basic-alternative .collapse.vertical-tout:after, .legacy-component--basic-alternative .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-alternative .collapse.vertical-tout:after, .legacy-component--basic-alternative .collapse.legacy-component--partner-list:after, .legacy-component--basic-alternative .collapse.legacy-component--project-list:after, .row .collapse.legacy-component--basic-alternative:after, .legacy-component--project .collapse.legacy-component--basic-alternative:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-alternative:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-alternative:after, .legacy-component--partner-list .collapse.legacy-component--basic-alternative:after, .legacy-component--project-list .collapse.legacy-component--basic-alternative:after, .legacy-component--basic-alternative .collapse.legacy-component--basic-alternative:after, .legacy-component--basic-3up .row.collapse:after, .legacy-component--basic-3up .collapse.legacy-component--project:after, .legacy-component--basic-3up .legacy-component--callout .collapse.vertical-tout:after, .legacy-component--callout .legacy-component--basic-3up .collapse.vertical-tout:after, .legacy-component--basic-3up .legacy-component--callout-alternative .collapse.vertical-tout:after, .legacy-component--callout-alternative .legacy-component--basic-3up .collapse.vertical-tout:after, .legacy-component--basic-3up .collapse.legacy-component--partner-list:after, .legacy-component--basic-3up .collapse.legacy-component--project-list:after, .legacy-component--basic-3up .collapse.legacy-component--basic-alternative:after, .row .collapse.legacy-component--basic-3up:after, .legacy-component--project .collapse.legacy-component--basic-3up:after, .legacy-component--callout .vertical-tout .collapse.legacy-component--basic-3up:after, .legacy-component--callout-alternative .vertical-tout .collapse.legacy-component--basic-3up:after, .legacy-component--partner-list .collapse.legacy-component--basic-3up:after, .legacy-component--project-list .collapse.legacy-component--basic-3up:after, .legacy-component--basic-alternative .collapse.legacy-component--basic-3up:after, .legacy-component--basic-3up .collapse.legacy-component--basic-3up:after { clear: both; } /* line 160, app/assets/stylesheets/base/_grid.scss */ .column, .columns { padding-left: 21px; padding-right: 21px; width: 100%; float: left; } /* line 167, app/assets/stylesheets/base/_grid.scss */ .body--iframe .column, .body--iframe .columns { padding-left: 12px; padding-right: 12px; } /* line 173, app/assets/stylesheets/base/_grid.scss */ .column + .column:last-child, .columns + .columns:last-child { float: right; } /* line 178, app/assets/stylesheets/base/_grid.scss */ .column + .column.end, .columns + .columns.end { float: left; } /* Builds classes for widths at different viewpoints. ie: small-12 medium-6 large-4 Use with `columns` classs ie: ``` <div class="row"> <div class="small-12 medium-6 columns">Foo</div> <div class="small-12 medium-6 columns">Bar</div> </div> ``` */ @media only screen { /* line 230, app/assets/stylesheets/base/_grid.scss */ .column, .columns { position: relative; padding-left: 21px; padding-right: 21px; float: left; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-1 { width: 8.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-2 { width: 16.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-3 { width: 25%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-4 { width: 33.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-5 { width: 41.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-6 { width: 50%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-7 { width: 58.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-8 { width: 66.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-9 { width: 75%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-10 { width: 83.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-11 { width: 91.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .small-12 { width: 100%; } } @media only screen and (min-width: 40.0625em) { /* line 230, app/assets/stylesheets/base/_grid.scss */ .column, .columns { position: relative; padding-left: 21px; padding-right: 21px; float: left; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-1 { width: 8.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-2 { width: 16.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-3 { width: 25%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-4 { width: 33.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-5 { width: 41.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-6 { width: 50%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-7 { width: 58.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-8 { width: 66.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-9 { width: 75%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-10 { width: 83.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-11 { width: 91.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .medium-12 { width: 100%; } } @media only screen and (min-width: 880px) { /* line 230, app/assets/stylesheets/base/_grid.scss */ .column, .columns { position: relative; padding-left: 21px; padding-right: 21px; float: left; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-1 { width: 8.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-2 { width: 16.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-3 { width: 25%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-4 { width: 33.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-5 { width: 41.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-6 { width: 50%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-7 { width: 58.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-8 { width: 66.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-9 { width: 75%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-10 { width: 83.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-11 { width: 91.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .event-medium-12 { width: 100%; } } @media only screen and (min-width: 64.0625em) { /* line 230, app/assets/stylesheets/base/_grid.scss */ .column, .columns { position: relative; padding-left: 21px; padding-right: 21px; float: left; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-1 { width: 8.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-2 { width: 16.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-3 { width: 25%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-4 { width: 33.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-5 { width: 41.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-6 { width: 50%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-7 { width: 58.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-8 { width: 66.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-9 { width: 75%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-10 { width: 83.3333333333%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-11 { width: 91.6666666667%; } /* line 236, app/assets/stylesheets/base/_grid.scss */ .large-12 { width: 100%; } } /* Include in a class to use the above grid measurements without placing the classes in your markup. e.g. .foo { @include columns($small: 10, $medium: 4); ... other rules... } */ /* line 1, app/assets/stylesheets/base/_typography_fonts.scss */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #141414; } /* line 6, app/assets/stylesheets/base/_typography_fonts.scss */ .lang-ja body { font-family: "AkkuratLLWeb", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; word-break: auto-phrase; } /* line 11, app/assets/stylesheets/base/_typography_fonts.scss */ .lang-ja body .content-container { text-align: justify; } /* line 14, app/assets/stylesheets/base/_typography_fonts.scss */ .lang-ja body .jp_talign-l { text-align: left; } /* line 19, app/assets/stylesheets/base/_typography_fonts.scss */ .lang-ja body, .lang-cn body { letter-spacing: 0.025em; } /* line 25, app/assets/stylesheets/base/_typography_fonts.scss */ html { line-height: 1.125; } /* line 28, app/assets/stylesheets/base/_typography_fonts.scss */ html.lang-ja, html.lang-cn { line-height: 1.5; } /* line 34, app/assets/stylesheets/base/_typography_fonts.scss */ b, strong { font-weight: 600; } /* line 42, app/assets/stylesheets/base/_typography_fonts.scss */ .lang-cn em, .lang-cn blockquote, .lang-cn i { font-style: normal; font-weight: bold; } /* line 3, app/assets/stylesheets/base/_typography.scss */ h1 { font-weight: normal; margin-top: 0; } /* line 8, app/assets/stylesheets/base/_typography.scss */ h3 { font-weight: 600; } /* line 12, app/assets/stylesheets/base/_typography.scss */ .page-title { font-weight: 600; font-size: 2em; margin-bottom: 1em; } @media only screen and (min-width: 40.0625em) { /* line 12, app/assets/stylesheets/base/_typography.scss */ .page-title { font-size: 3.24em; margin-bottom: 0.5em; } } /* line 16, app/assets/stylesheets/base/_typography.scss */ .page-excerpt { font-size: 1.375em; padding-bottom: 1em; } /* line 21, app/assets/stylesheets/base/_typography.scss */ .h-xxl { font-weight: 900; font-size: 4.11em; letter-spacing: -0.02em; } /* line 27, app/assets/stylesheets/base/_typography.scss */ .h-xl { font-weight: 900; letter-spacing: -0.02em; font-size: 2.886em; } /* line 33, app/assets/stylesheets/base/_typography.scss */ .h-l--caps { text-transform: uppercase; letter-spacing: 6px; } /* line 39, app/assets/stylesheets/base/_typography.scss */ .h-l, .h-l--caps { font-size: 2.565em; font-weight: 300; } /* line 44, app/assets/stylesheets/base/_typography.scss */ .h-m, .component--section .component__title, .component--basic .component__title, .component--basic-with-download .component__title, .component--basic-with-pullquote .component__title, .component--basic-with-statistic .component__title, .component--basic-with-partners .component__title, .vertical--article .vertical__title, .vertical--listing .vertical__title { font-weight: 600; font-size: 1.801em; } /* line 49, app/assets/stylesheets/base/_typography.scss */ .h-s, .component--basic .component__kicker, .component--basic-with-download .component__kicker, .component--basic-with-pullquote .component__kicker, .component--basic-with-statistic .component__kicker, .component--factbox .component__title, .component--factbox-alternative .component__title { font-weight: 600; font-size: 1.265em; } /* line 54, app/assets/stylesheets/base/_typography.scss */ .h-xs--caps { text-transform: uppercase; font-size: 0.875em; font-weight: 600; } /* line 60, app/assets/stylesheets/base/_typography.scss */ .sub-title { border-top: 3px solid #141414; border-top-color: var(--text-default); padding-top: 0.2em; border-bottom: 1px solid #d5e0e8; padding-bottom: 10px; font-size: 1.3em; padding-bottom: 0.375em; padding-right: 2em; margin-top: 0; font-weight: normal; margin-bottom: 0.75em; position: relative; } @media only screen and (min-width: 40.0625em) { /* line 60, app/assets/stylesheets/base/_typography.scss */ .sub-title { margin-bottom: 0.9em; } } @media only screen and (min-width: 40.0625em) { /* line 60, app/assets/stylesheets/base/_typography.scss */ .sub-title { font-size: 2em; font-weight: 300; } } /* line 64, app/assets/stylesheets/base/_typography.scss */ .sub-title em { font-style: normal; color: #84919c; display: inline-block; } /* line 70, app/assets/stylesheets/base/_typography.scss */ .sub-title .view-all-link { font-size: 0.65em; } @media only screen and (min-width: 40.0625em) { /* line 70, app/assets/stylesheets/base/_typography.scss */ .sub-title .view-all-link { font-size: 0.45em; } } /* line 78, app/assets/stylesheets/base/_typography.scss */ .sub-title--dark { border-top: 0; font-weight: 300; padding-top: 0; } /* line 83, app/assets/stylesheets/base/_typography.scss */ .body--dark .sub-title--dark { border-top: 0; } /* line 88, app/assets/stylesheets/base/_typography.scss */ .sub-title--text-only { border-bottom: none; padding-bottom: 0; } /* line 93, app/assets/stylesheets/base/_typography.scss */ .vertical-page .sub-title, .tout-list-container--si-articles .sub-title { font-size: 1.368em; font-weight: 600; border-top: 1px solid #d5e0e8; border-bottom: 0; padding-top: 1rem; } /* line 101, app/assets/stylesheets/base/_typography.scss */ .vertical-page .sub-title .highlight__featured-text, .tout-list-container--si-articles .sub-title .highlight__featured-text { color: #9aa9b7; } /* line 105, app/assets/stylesheets/base/_typography.scss */ .vertical-page .sub-title .view-all-link, .tout-list-container--si-articles .sub-title .view-all-link { font-size: 1rem; } /* line 111, app/assets/stylesheets/base/_typography.scss */ .lead-in { font-size: 1.601em; } /* line 115, app/assets/stylesheets/base/_typography.scss */ .body { font-size: 1.125em; } /* line 119, app/assets/stylesheets/base/_typography.scss */ .body-small, .component__item-body, .component__body { font-size: 1em; } /* line 123, app/assets/stylesheets/base/_typography.scss */ .caption { color: #84919c; font-size: 0.875em; line-height: 1.4; } /* line 127, app/assets/stylesheets/base/_typography.scss */ .bold { font-weight: 600; } /* line 131, app/assets/stylesheets/base/_typography.scss */ .st__content-block--text:first-of-type p:first-of-type { margin-top: 0; } /* line 135, app/assets/stylesheets/base/_typography.scss */ .st__content-block--text p { line-height: 1.65rem; } @media only screen and (min-width: 40.0625em) { /* line 135, app/assets/stylesheets/base/_typography.scss */ .st__content-block--text p { font-size: 1.125rem; } } /* line 139, app/assets/stylesheets/base/_typography.scss */ .st__content-block.st__content-block--list ul { padding-left: 2em; } /* line 143, app/assets/stylesheets/base/_typography.scss */ .st__content-block.st__content-block--list li { margin-bottom: 1em; line-height: 175%; font-size: 1.125em; } /* line 1, app/assets/stylesheets/base/_defaults.scss */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 9, app/assets/stylesheets/base/_defaults.scss */ html, body { min-width: 100%; min-height: 100%; position: relative; overscroll-behavior-y: none; } @media only screen and (min-width: 40.0625em) { /* line 23, app/assets/stylesheets/base/_defaults.scss */ body[data-controller="submissions"] { overflow-x: hidden; } } /* line 29, app/assets/stylesheets/base/_defaults.scss */ .dark-bg, body[data-action="colour_of_resilience"] { background: black; } /* line 34, app/assets/stylesheets/base/_defaults.scss */ body { margin: 0; padding: 0; } /* line 39, app/assets/stylesheets/base/_defaults.scss */ .body-wrap { position: relative; } /* line 43, app/assets/stylesheets/base/_defaults.scss */ a { text-decoration: none; color: inherit; color: var(--body-link-color); } /* line 48, app/assets/stylesheets/base/_defaults.scss */ img { max-width: 100%; height: auto; } /* line 53, app/assets/stylesheets/base/_defaults.scss */ .content-container--content { overflow: hidden; } /* line 58, app/assets/stylesheets/base/_defaults.scss */ .content-container--content-v2 { overflow: clip; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes dockedVideoReveal { 0% { opacity: 0; top: -20px; } 100% { opacity: 1; top: 0; } } @-webkit-keyframes dockedVideoReveal { 0% { opacity: 0; top: -20px; } 100% { opacity: 1; top: 0; } } /* line 33, app/assets/stylesheets/base/_animations.scss */ html { scroll-behavior: smooth; } /* line 39, app/assets/stylesheets/patterns/_button.scss */ .button { text-decoration: none; color: inherit; line-height: 2.25em; background: #003087; display: inline-block; color: #fff; padding: 0 0.5rem; text-align: center; } /* line 47, app/assets/stylesheets/patterns/_button.scss */ .button:hover { background: #1a4593; } /* line 52, app/assets/stylesheets/patterns/_button.scss */ .button--block { display: block; } /* line 3, app/assets/stylesheets/patterns/_grid-markers.scss */ .gutter-marking { position: absolute; right: 0; height: 100%; border-right: 1px solid #d5e0e8; } @media only screen and (max-width: 40em) { /* line 3, app/assets/stylesheets/patterns/_grid-markers.scss */ .gutter-marking { display: none; } } /* line 28, app/assets/stylesheets/patterns/_grid-markers.scss */ .column-bottom-border { position: absolute; right: 0; left: 0; bottom: 0; height: 1px; border-bottom: 1px solid #d5e0e8; } /* line 32, app/assets/stylesheets/patterns/_grid-markers.scss */ .bottom-border { border-bottom: 1px solid #d5e0e8; } @keyframes attention { from { background: #ccdae3; } to { background: transparent; } } /* line 11, app/assets/stylesheets/patterns/_animations.scss */ .attention { animation-name: attention; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } /* line 37, app/assets/stylesheets/patterns/_animations.scss */ .tada { animation-name: tada; } /* line 1, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge { margin-bottom: 1.5em; padding: em(10); background: #eef2f5; border: 1px solid #d5e0e8; border-radius: 4px; font-size: 0.875em; font-weight: 400; line-height: 1.4rem; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* line 6, node_modules/css-patterns/stylesheets/patterns/_clearfix.scss */ .related-badge:before, .related-badge:after { content: " "; display: table; } /* line 12, node_modules/css-patterns/stylesheets/patterns/_clearfix.scss */ .related-badge:after { clear: both; } @media only screen and (min-width: 40.0625em) { /* line 1, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge { padding: em(15); font-size: 1em; } } /* line 16, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge:hover { border-color: #becfdb; background: #f3f6f8; } /* line 20, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge a { display: block; color: #141414; } /* line 23, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge a:hover { cursor: pointer; } /* line 27, app/assets/stylesheets/patterns/_related-badge.scss */ .related-badge .related-item { display: inline; color: #0065f2; line-height: 1.4; font-weight: 600; } /* line 1, app/assets/stylesheets/patterns/_select-dropdown.scss */ .select-dropdown, .vertical-sister-nav__mobile { position: relative; display: inline-block; border-radius: 3px; font-size: 1rem; border: 2px solid #72a9eb; max-width: 100%; } /* line 9, app/assets/stylesheets/patterns/_select-dropdown.scss */ .select-dropdown select, .vertical-sister-nav__mobile select { cursor: pointer; position: relative; z-index: 5; background: transparent; line-height: 1.2; border: 0; border-radius: 0; padding: 0 2rem 0 0.5rem; height: 34px; -webkit-appearance: none; text-transform: capitalize; font-weight: 600; color: inherit; } /* line 23, app/assets/stylesheets/patterns/_select-dropdown.scss */ .select-dropdown select:focus, .vertical-sister-nav__mobile select:focus { outline: none; } /* line 27, app/assets/stylesheets/patterns/_select-dropdown.scss */ .select-dropdown:after, .vertical-sister-nav__mobile:after { content: "▶︎"; transform: translateY(-50%) rotate(90deg); top: 50%; position: absolute; z-index: 4; right: 0.5rem; display: block; } /* line 1, app/assets/stylesheets/patterns/_locale-selector.scss */ .header-item__link--locales { position: relative; } /* line 5, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector { position: absolute; top: 1em; right: 0; padding: 1em 1.5em 2.15em 1.25em; border-radius: 4px; overflow: hidden; max-height: 0; border: 1px solid transparent; transition: all 0.3s ease-in-out; line-height: 1.125; } /* line 16, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector:hover { border-color: #d5e0e8; } /* line 19, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector .icon--globe { width: 16px; margin-right: 5px; vertical-align: -3px; } /* line 24, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector.is-open { border-color: #d5e0e8; max-height: 1000em; background: #fff; } /* line 31, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector__toggler { cursor: pointer; padding-right: 2rem; margin-bottom: 1.5em; white-space: nowrap; background: url(/assets/chevron-down-cd86f5e817f8650ca5f635bb0f75f160b19e2f60bb191bd3713f17f19ce7e535.svg) no-repeat right center; background-size: 12px; } /* line 38, app/assets/stylesheets/patterns/_locale-selector.scss */ .is-open .locale-selector__toggler { background-image: url(/assets/chevron-up-09fea0e7cb1a382804a0d8be697defa6f188b249aafc3e2a63c4b0f056915781.svg); } /* line 43, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector__list { padding: 0; list-style-type: none; margin: 0; text-align: left; opacity: 0; transition: opacity 0.3s ease-in-out; } /* line 48, app/assets/stylesheets/patterns/_locale-selector.scss */ .is-open .locale-selector__list { opacity: 1; } /* line 53, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector__item { line-height: 2em; } /* line 57, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector__link { white-space: nowrap; padding-left: 1.5rem; } /* line 60, app/assets/stylesheets/patterns/_locale-selector.scss */ .locale-selector__link.is-active { background: url(/assets/check-1f8f464cedcc6ae324de9f9347c1939bf6001452a42d23ab856d84201ca474e9.svg) no-repeat 3px center; background-size: 12px; } /* line 1, app/assets/stylesheets/patterns/_visuallyhidden.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 1, app/assets/stylesheets/modules/_published-date.scss */ .published-date { border-top: 1px solid #d5e0e8; display: flex; flex-direction: row; align-items: flex-end; font-size: 0.75rem; margin-bottom: 1.5rem; margin-top: 1.5rem; } /* line 10, app/assets/stylesheets/modules/_published-date.scss */ .published-date span:first-child { color: #84919c; line-height: 1.4; font-weight: 600; margin-right: 0.375rem; padding-top: 0.5rem; border-top: 3px solid #d5e0e8; } /* line 19, app/assets/stylesheets/modules/_published-date.scss */ .published-date .caption { flex: 1; font-size: 0.75rem; } @media only screen { /* line 1, app/assets/stylesheets/modules/_published-date.scss */ .published-date { font-size: 0.875rem; } /* line 27, app/assets/stylesheets/modules/_published-date.scss */ .published-date .caption { font-size: 0.875rem; } } @media only screen and (min-width: 40.0625em) { /* line 1, app/assets/stylesheets/modules/_published-date.scss */ .published-date { font-size: 1rem; flex-direction: column; align-items: flex-start; } /* line 37, app/assets/stylesheets/modules/_published-date.scss */ .published-date .caption { font-size: 1rem; margin-top: 0.125rem; } } /* line 1, app/assets/stylesheets/modules/_vertical.scss */ .headless-vertical { background: #fff; position: relative; z-index: 1000; } /* line 5, app/assets/stylesheets/modules/_vertical.scss */ .headless-vertical .app-nav { z-index: 1000; } /* line 9, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical { height: 120px; } /* line 11, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical .app-title { margin: 1rem 0; height: 88px; flex: 0 0 auto; } /* line 15, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical .app-title img { height: 100%; } /* line 20, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical .app-nav__item { line-height: 2; margin-bottom: 0.5rem; margin-bottom: 0.5rem; } /* line 26, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical .app-nav__link { color: #0065f2; } /* line 30, app/assets/stylesheets/modules/_vertical.scss */ .app-header--headless-vertical .app-nav__link.is-active { color: #1b2029; } @media only screen and (min-width: 40.0625em) { /* line 35, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing { counter-reset: section-counter; } } /* line 41, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header { background-color: #0070be; background-size: cover; color: #fff; position: relative; overflow: hidden; padding-top: 120px; } /* line 48, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header { height: 0; padding-top: 85.25%; min-height: 350px; } @media only screen and (min-width: 390px) { /* line 48, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header { padding-top: 60.25%; } } @media only screen and (min-width: 40.0625em) { /* line 48, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header { padding-top: 46.25%; } } @media only screen and (min-width: 64.0625em) { /* line 48, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header { padding-top: 36.25%; } } /* line 62, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header .columns { float: none; } /* line 68, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header--container { position: absolute; left: 0; right: 0; bottom: 0; } /* line 76, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__title { font-size: 32px; font-weight: 600; margin-bottom: 16px; } @media only screen and (min-width: 545px) { /* line 80, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header__title { font-size: 50px; } } @media only screen and (min-width: 900px) { /* line 80, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header__title { font-size: 72px; } } /* line 90, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__tagline { font-size: 16px; line-height: 1.5; margin-bottom: 6px; } /* line 96, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__title--caption { margin: 0; font-size: 18px; font-weight: 600; } @media only screen and (min-width: 40.0625em) { /* line 101, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header__title--caption { font-size: 24px; } } /* line 107, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__video { position: fixed; z-index: 0; min-width: 100% !important; top: 0; display: none; } @media only screen and (min-width: 40.0625em) { /* line 107, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__video { top: 0; display: block; } } /* line 119, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__title-wrapper { padding-bottom: 1rem; display: flex; align-items: baseline; justify-content: space-between; flex-direction: column; } @media only screen and (min-width: 40.0625em) { /* line 119, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__title-wrapper { flex-direction: row; } } /* line 131, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__video-link { border-radius: 25px; padding: 0 15px 0 25px; display: inline-block; white-space: nowrap; background: #fff; line-height: 50px; height: 50px; font-weight: 600; } @media only screen and (min-width: 40.0625em) { /* line 131, app/assets/stylesheets/modules/_vertical.scss */ .vertical-header__video-link { float: right; margin: 0.5rem 0; margin-left: 0.5rem; margin-top: -6rem; } /* line 146, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-header__video-link { padding: 0 35px 0 25px; } } /* line 151, app/assets/stylesheets/modules/_vertical.scss */ .link-nub__right-icon { padding-left: 5px; } /* line 155, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav { background: #fff; margin-bottom: 0; margin-left: -21px; margin-right: -21px; padding-left: 21px; padding-right: 21px; padding-bottom: 0; height: 51px; overflow-x: auto; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #cad6e0; white-space: nowrap; } @media only screen and (min-width: 40.0625em) { /* line 155, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav { margin: 0; border-bottom: 0; padding-left: 5px; padding-right: 5px; } } /* line 176, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav__container { white-space: nowrap; height: 48px; } /* line 181, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav__link { display: inline-block; font-weight: 600; margin: 0 1em; line-height: 50px; height: 50px; border-bottom: 3px solid transparent; box-sizing: border-box; } /* line 189, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav__link:hover { border-color: #d5e0e8; } /* line 192, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav__link.is-active { border-color: #0065f2; } /* line 195, app/assets/stylesheets/modules/_vertical.scss */ .vertical-nav__link:last-child { margin-right: 50px; } /* line 200, app/assets/stylesheets/modules/_vertical.scss */ .locale-switcher-container { position: absolute; top: 21px; left: 50%; transform: translateX(-50%); margin: auto; } /* line 208, app/assets/stylesheets/modules/_vertical.scss */ .locale-switcher__vertical { margin-right: 21px; float: right; } /* line 213, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav__mobile { color: #fff; margin-top: -gutter(2); margin-bottom: 2rem; width: 100%; } /* line 219, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav__mobile select { width: 100%; } @media only screen and (min-width: 40.0625em) { /* line 213, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav__mobile { display: none; } } /* line 227, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav { display: none; } @media only screen and (min-width: 40.0625em) { /* line 227, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav { display: flex; margin-top: -gutter(1.5); margin-bottom: 2.5rem; } /* line 235, app/assets/stylesheets/modules/_vertical.scss */ .vertical--home .vertical-sister-nav { margin-top: -gutter(2); margin-bottom: 4rem; } } /* line 242, app/assets/stylesheets/modules/_vertical.scss */ .vertical-sister-nav__link { flex: 0 1 auto; border: 1px solid #72a9eb; background: #fff; border-radius: 7px; display: inline-block; line-height: 2; padding: 0 1rem; margin-right: 0.5rem; color: #0070be; } /* line 254, app/assets/stylesheets/modules/_vertical.scss */ span.vertical-sister-nav__link { background-color: #0070be; color: #fff; } /* line 259, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page { background: #fff; position: relative; } /* line 264, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body-container { margin-left: 21px; margin-right: 21px; } /* line 269, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body { padding-top: 35px; } /* line 272, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body .st__content-block--text:first-of-type p { font-size: 1.5em; font-weight: 300; line-height: 1.38; } /* line 279, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__link_collections { padding-top: 60px; } @media only screen and (min-width: 40.0625em) { /* line 285, app/assets/stylesheets/modules/_vertical.scss */ .vertical:not(.vertical--home) .vertical-page__body { max-width: 668px; flex: 1 1 auto; } /* line 289, app/assets/stylesheets/modules/_vertical.scss */ .vertical:not(.vertical--home) .vertical-page__image { width: 100%; margin: 70px 21px -30px; } /* line 292, app/assets/stylesheets/modules/_vertical.scss */ .vertical:not(.vertical--home) .vertical-page__image img { max-width: 100%; } /* line 296, app/assets/stylesheets/modules/_vertical.scss */ .vertical:not(.vertical--home) .vertical-page__body-container { display: flex; } /* line 301, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body { padding-top: 70px; padding-bottom: 55px; } /* line 305, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body .st__content-block--text:first-of-type p { font-size: 2em; font-weight: 300; line-height: 1.38; } /* line 311, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__body .st__content-block--text p { font-size: 1.267em; line-height: 1.45; } /* line 317, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__link_collections { width: 300px; flex: 0 1 300px; margin-left: 50px; } } /* line 324, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout { margin-bottom: 2em; } /* line 327, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout__title { padding-right: 21px; font-size: 1.3em; font-weight: 600; line-height: 1.3em; margin-top: 0.83em; } /* line 334, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout__description { padding-right: 21px; } /* line 336, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout__description p { line-height: 1.67em; } /* line 341, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout__cta { font-weight: 600; line-height: 1.67em; } /* line 346, app/assets/stylesheets/modules/_vertical.scss */ .vertical-tout__image { display: flex; align-items: flex-end; } /* line 351, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article { margin: 1.5em 0; } /* line 356, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__header { margin: 1.5rem auto; padding: 0 1.3125rem; max-width: 64rem; } /* line 362, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__header { min-height: 40vh; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; background-size: cover; } /* line 373, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__footer { margin: 2rem auto; padding: 0 1.3125rem; max-width: 64rem; } @media only screen and (min-width: 40.0625em) { /* line 380, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__footer { display: none; } } /* line 387, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__kicker, .vertical--listing .vertical__kicker { font-size: 1.125em; font-weight: 600; } /* line 393, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__kicker { color: #84919c; } /* line 397, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__kicker { color: white; } /* line 403, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__title, .vertical--listing .vertical__title { margin-top: 0.4rem; line-height: 1.1; } /* line 410, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__title { margin-bottom: 0; color: white; } @media only screen and (min-width: 40.0625em) { /* line 416, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__title { font-size: 2.25rem; } /* line 420, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__title { font-size: 4rem; } } @media only screen and (min-width: 64.0625em), only screen and (min-width: 40.0625em) and (orientation: landscape) { /* line 427, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__title { font-size: 3.25rem; } } /* line 433, app/assets/stylesheets/modules/_vertical.scss */ .vertical__media { position: relative; padding-bottom: 40%; } @media screen and (orientation: portrait) { /* line 433, app/assets/stylesheets/modules/_vertical.scss */ .vertical__media { padding-bottom: 66.6666666667%; } } @media only screen and (min-width: 64.0625em) { /* line 433, app/assets/stylesheets/modules/_vertical.scss */ .vertical__media { padding-bottom: 42.5531914894%; } } /* line 446, app/assets/stylesheets/modules/_vertical.scss */ .vertical__object { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } /* line 456, app/assets/stylesheets/modules/_vertical.scss */ .vertical__image { width: 100%; height: 100%; object-fit: cover; } /* line 463, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body { margin: 1.5rem auto; padding: 0 1.3125rem; max-width: 64rem; } @media only screen and (min-width: 40.0625em) { /* line 468, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .vertical__published-date { float: left; width: 18%; margin-top: 0; } } @media only screen and (min-width: 64.0625em) { /* line 468, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .vertical__published-date { width: 15%; } } /* line 481, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .st__content-block--text p { font-size: 1.5em; font-weight: 300; line-height: 1.4; } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 491, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .social-sharing { width: 80%; max-width: 42rem; margin-left: 20%; } } @media only screen and (min-width: 40.0625em) { /* line 501, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .st__content-block--text { width: 80%; max-width: 42rem; margin-left: 20%; } } @media only screen and (min-width: 64.0625em) { /* line 510, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body { position: relative; } /* line 513, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .st__content-block--text { width: 66%; margin-left: 17%; } /* line 517, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .st__content-block--text p { font-size: 1.8rem; line-height: 1.4; } /* line 523, app/assets/stylesheets/modules/_vertical.scss */ .vertical--article .vertical__body .social-sharing { position: absolute; top: 0; right: 0; } } /* line 533, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__content { width: 100%; max-width: 64rem; margin: 0 auto; padding: 2rem 1.3125rem; } @media only screen and (min-width: 40.0625em) { /* line 541, app/assets/stylesheets/modules/_vertical.scss */ .vertical--listing .vertical__content { padding-top: 3rem; padding-bottom: 3rem; } } /* line 548, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top { margin: 0; padding: 0; border: none; outline: none; background-color: transparent; font: inherit; cursor: pointer; font-weight: 600; color: #84919c; } /* line 554, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top:hover, .vertical__back-to-top:focus { color: #0065f2; } /* line 560, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top-icon { display: inline-block; margin-left: 0.5rem; } /* line 564, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top:hover .vertical__back-to-top-icon, .vertical__back-to-top:focus .vertical__back-to-top-icon { display: none; } /* line 570, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top-icon--swap { display: none; } /* line 573, app/assets/stylesheets/modules/_vertical.scss */ .vertical__back-to-top:hover .vertical__back-to-top-icon--swap, .vertical__back-to-top:focus .vertical__back-to-top-icon--swap { display: inline-block; } /* line 579, app/assets/stylesheets/modules/_vertical.scss */ .vertical-page__components { overflow: hidden; border-top: 1px solid #d5e0e8; } /* line 1, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component { padding: 0 21px; margin-bottom: 0; } /* line 4, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up:before { content: ""; display: block; margin-top: 40px; flex: 1 1 100%; } @media only screen and (min-width: 40.0625em) { /* line 4, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up:before { margin-top: 115px; } } /* line 13, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component:after { content: ""; display: block; flex: 1 1 100%; border-bottom: 1px solid #d5e0e8; margin-top: 35px; } @media only screen and (min-width: 40.0625em) { /* line 13, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component:after { margin-top: 94px; } } /* line 24, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component:last-of-type:after { border: none; } /* line 30, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component__title { margin-top: 0.83em; font-size: 1.3em; font-weight: 600; line-height: 1.3em; } /* line 38, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .legacy-component__title { flex: 1 1 100%; } @media only screen and (min-width: 40.0625em) { /* line 37, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; flex-basis: 0; } /* line 48, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .vertical-tout { flex: 0 1 calc(100% / 3 - 21px); align-self: flex-start; margin: 0 15px 2em; } /* line 52, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .vertical-tout:first-of-type { margin-left: 0; } /* line 55, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .vertical-tout:last-child { margin-right: 0; } /* line 59, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .vertical-tout__cta { padding-bottom: 0.5em; border-bottom: 4px solid #d5e0e8; } /* line 63, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-3up .vertical-tout__image { min-height: 95px; margin-bottom: 2rem; } } /* line 71, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--partner-with-us .vertical-tout__title { display: none; } /* line 76, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-alternative { padding: 0 1.5em; } @media only screen and (min-width: 40.0625em) { /* line 80, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-alternative .vertical-tout { overflow: hidden; } /* line 83, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-alternative .vertical-tout__image { float: right; width: 60%; margin-top: 60px; } /* line 88, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--basic-alternative .vertical-tout__description { padding-right: 2rem; margin-right: 60%; } } /* line 95, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project-list { padding: 0 1.5em; } /* line 99, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project-list .vertical-tout__description p { padding-left: 2em; position: relative; } /* line 102, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project-list .vertical-tout__description p:before { content: "—"; font-size: 24px; color: #d5e0e8; position: absolute; left: 0; line-height: 1; } /* line 112, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project-list .vertical-tout__cta { border: 1px solid; border-radius: 4px; padding: 1em 1.5em 1em 1.5em; margin: 2em 0; text-align: left; display: block; font-weight: 600; cursor: pointer; text-decoration: none; border-width: 2px; display: inline-block; padding: 0.5em 1em; margin: 1em 0; } /* line 16, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--project-list .vertical-tout__cta img { position: relative; right: 0; top: 0.15em; float: right; } @media only screen and (min-width: 40.0625em) { /* line 112, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project-list .vertical-tout__cta { display: inline-block; width: auto; text-align: center; } /* line 28, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--project-list .vertical-tout__cta span { float: none; } /* line 32, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--project-list .vertical-tout__cta img { position: relative; left: 0.75em; } } /* line 123, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--partner-list .vertical-tout__image { display: none; } /* line 127, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--partner-list .vertical-tout__description p { font-size: 1.1em; margin: 0.5em 0; } /* line 130, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--partner-list .vertical-tout__description p:first-child { margin-bottom: 1em; } /* line 134, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--partner-list .vertical-tout__description a { font-weight: 300; font-size: 1.3rem; color: #1b2029; padding-right: 0.5em; } /* line 143, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout, .legacy-component--callout-alternative { overflow: hidden; padding: 0; background-image: linear-gradient(42deg, #015ea2, #5884ff); } /* line 148, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout:after, .legacy-component--callout-alternative:after { border: none; margin-top: 3rem; } /* line 152, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout, .legacy-component--callout-alternative .vertical-tout { position: relative; } /* line 156, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__content, .legacy-component--callout-alternative .vertical-tout__content { padding: 0 21px; color: #fff; } /* line 160, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__title, .legacy-component--callout-alternative .vertical-tout__title { font-size: 1.4em; margin-top: -2em; padding-right: 0; } /* line 165, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__description, .legacy-component--callout-alternative .vertical-tout__description { font-size: 1.15em; padding-right: 0; } /* line 168, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__description:before, .legacy-component--callout-alternative .vertical-tout__description:before { content: ""; display: block; width: 50px; border-bottom: 4px solid #fff; margin-bottom: 1.5rem; } /* line 176, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__cta, .legacy-component--callout-alternative .vertical-tout__cta { border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; padding: 1em 1.5em 1em 1.5em; margin: 2em 0; text-align: left; display: block; font-weight: 600; cursor: pointer; text-decoration: none; border-width: 2px; color: #fff; padding: 0.5em 1em; margin-top: 1rem; display: inline-block; } /* line 16, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--callout .vertical-tout__cta img, .legacy-component--callout-alternative .vertical-tout__cta img { position: relative; right: 0; top: 0.15em; float: right; } @media only screen and (min-width: 40.0625em) { /* line 176, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__cta, .legacy-component--callout-alternative .vertical-tout__cta { display: inline-block; width: auto; text-align: center; } /* line 28, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--callout .vertical-tout__cta span, .legacy-component--callout-alternative .vertical-tout__cta span { float: none; } /* line 32, app/assets/stylesheets/patterns/_button.scss */ .legacy-component--callout .vertical-tout__cta img, .legacy-component--callout-alternative .vertical-tout__cta img { position: relative; left: 0.75em; } } @media only screen and (min-width: 40.0625em) { /* line 185, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__image, .legacy-component--callout-alternative .vertical-tout__image { display: inline-block; margin-top: 1rem; } /* line 189, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__content, .legacy-component--callout-alternative .vertical-tout__content { position: absolute; } /* line 192, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__title, .legacy-component--callout-alternative .vertical-tout__title { font-size: 72px; line-height: 1.1; margin-bottom: 2rem; position: relative; margin-top: 0; } /* line 199, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__description, .legacy-component--callout-alternative .vertical-tout__description { font-size: 1.15em; } } @media only screen and (min-width: 40.0625em) { /* line 207, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__image img { margin-left: -7%; } /* line 210, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__content { top: 30px; left: 34%; } } @media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) { /* line 210, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__content { top: 50px; left: 68%; } } @media only screen and (min-width: 40.0625em) { /* line 218, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__title { margin-left: -18%; } } @media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) { /* line 218, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout .vertical-tout__title { margin-left: -68%; } } @media only screen and (min-width: 40.0625em) { /* line 227, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative { text-align: right; } /* line 230, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__image img { margin-right: -15%; } /* line 233, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__content { top: 30px; left: 0; text-align: left; } } @media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) { /* line 233, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__content { top: 50px; left: 0; } } @media only screen and (min-width: 40.0625em) { /* line 242, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__description { width: 55%; } /* line 245, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__title { width: 60%; margin-left: 0; } } @media only screen and (min-width: 64.0625em) { /* line 251, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__title { width: 60%; } /* line 254, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--callout-alternative .vertical-tout__description { width: 30%; } } /* line 262, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .legacy-component__title { padding-bottom: 1.5em; margin-bottom: 0; border-bottom: 1px solid #d5e0e8; } @media only screen and (min-width: 40.0625em) { /* line 269, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .legacy-component__title { padding-bottom: 3.5em; } /* line 273, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .vertical-tout__content-text { display: flex; } /* line 277, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .vertical-tout__title { min-width: 295px; flex: 0 1 295px; font-size: 2em; margin-right: 96px; } /* line 284, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .vertical-tout__description { flex: 1 1 auto; font-size: 1.15em; } /* line 289, app/assets/stylesheets/modules/_legacy-component.scss */ .legacy-component--project .vertical-tout__cta { padding-bottom: 0.5em; border-bottom: 4px solid #d5e0e8; } } /* line 1, app/assets/stylesheets/modules/_component.scss */ .component { margin: 1.5rem auto; padding: 0 1.3125rem; max-width: 64rem; } @media only screen and (min-width: 40.0625em) { /* line 1, app/assets/stylesheets/modules/_component.scss */ .component { margin: 2.5rem auto; } } @media only screen and (min-width: 64.0625em) { /* line 1, app/assets/stylesheets/modules/_component.scss */ .component { margin: 3.5rem auto; } } @media only screen and (min-width: 40.0625em) { /* line 15, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic, .component--factbox, .component--factbox-alternative { display: flex; } } /* line 24, app/assets/stylesheets/modules/_component.scss */ .component--newsletter-signup .footer__form__input { width: 10rem; } /* line 29, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation { max-width: none; padding-top: 1.5rem; padding-bottom: 1.5rem; margin-top: 2.5rem; margin-bottom: 0; border-top: 1px solid #d5e0e8; } @media only screen and (min-width: 64.0625em) { /* line 29, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media only screen and (min-width: 40.0625em) { /* line 43, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents { display: flex; } } /* line 49, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote { overflow: hidden; } @media only screen and (max-width: 40em) { /* line 49, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote { display: flex; flex-direction: column; margin-top: 1.5rem; } } /* line 59, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic { flex-wrap: wrap; } /* line 62, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__title { display: flex; width: 100%; } /* line 67, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__content { flex: 1 0 50%; } @media only screen and (min-width: 40.0625em) { /* line 67, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__content { margin-left: 17%; } } /* line 74, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__content .component__body { margin-left: 0; width: 100%; } /* line 81, app/assets/stylesheets/modules/_component.scss */ .component__break { position: relative; padding: 1rem 0; border: 1px solid #d5e0e8; border-left: none; border-right: none; } @media only screen and (min-width: 40.0625em) { /* line 81, app/assets/stylesheets/modules/_component.scss */ .component__break { width: 80%; margin-left: 20%; padding: 2rem 0; } } @media only screen and (min-width: 64.0625em) { /* line 81, app/assets/stylesheets/modules/_component.scss */ .component__break { width: 66%; margin-left: 17%; } } /* line 101, app/assets/stylesheets/modules/_component.scss */ .component--section .component__main { align-items: flex-start; justify-content: flex-end; padding-top: 1rem; border-top: 3px solid #141414; } @media only screen and (min-width: 40.0625em) { /* line 109, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__main, .component--factbox-alternative .component__main { width: 80%; } /* line 114, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__main { display: flex; } } @media only screen and (min-width: 64.0625em) { /* line 120, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__main, .component--factbox-alternative .component__main { width: 66%; } /* line 125, app/assets/stylesheets/modules/_component.scss */ .component--section .component__main { display: flex; padding-top: 0; border-top: none; } } @media only screen and (max-width: 40em) { /* line 135, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__header { border-bottom: 1px solid #d5e0e8; } } @media only screen and (min-width: 40.0625em) { /* line 141, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__header { width: 30%; padding-right: 1.5rem; } } @media only screen and (min-width: 64.0625em) { /* line 148, app/assets/stylesheets/modules/_component.scss */ .component--section .component__header { width: 30%; } /* line 152, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__header { box-sizing: content-box; width: 30%; padding-right: 1.9rem; border-right: 1px solid #d5e0e8; } } /* line 162, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__content, .component--factbox-alternative .component__content { max-width: 42rem; } /* line 167, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__content { max-width: 64rem; margin: 0 auto; } @media only screen and (min-width: 40.0625em) { /* line 173, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__content, .component--factbox-alternative .component__content { padding-left: 1rem; border-left: 1px solid #0070be; } /* line 179, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__content { margin-bottom: 2rem; } /* line 183, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__content { width: 70%; } /* line 187, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__content { width: 66.666%; } } @media only screen and (min-width: 64.0625em) { /* line 193, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__content { position: relative; } /* line 197, app/assets/stylesheets/modules/_component.scss */ .component--section .component__content { width: 70%; margin-left: 3.8rem; border-top: 3px solid #141414; } /* line 203, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__content { box-sizing: content-box; width: 70%; padding-left: 1.9rem; } } /* line 212, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__label, .component--factbox-alternative .component__label { font-size: 1.125rem; color: #0070be; } @media only screen and (max-width: 40em) { /* line 211, app/assets/stylesheets/modules/_component.scss */ .component__label { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 225, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__label, .component--factbox-alternative .component__label { flex: 1; } } @media only screen and (min-width: 40.0625em) { /* line 232, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__label, .component--factbox-alternative .component__label { padding-right: 2rem; text-align: right; } } @media only screen and (min-width: 64.0625em) { /* line 211, app/assets/stylesheets/modules/_component.scss */ .component__label { width: 17%; } /* line 242, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__label, .component--factbox-alternative .component__label { font-size: 1.375rem; } } /* line 249, app/assets/stylesheets/modules/_component.scss */ .component__title { margin: 1rem 0; } /* line 252, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__title, .component--basic-with-download .component__title, .component--basic-with-pullquote .component__title, .component--basic-with-statistic .component__title, .component--basic-with-partners .component__title { margin: 1.5rem 0; } /* line 261, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__title, .component--factbox-alternative .component__title { margin-top: 0; } /* line 267, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__title { margin-top: 0; font-size: 1.5rem; font-weight: 300; line-height: 1.2; } /* line 278, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__title { font-size: 1rem; font-weight: normal; color: #84919c; } @media only screen and (max-width: 40em) { /* line 285, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__title { margin-top: 0; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 291, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title { display: flex; } /* line 294, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title span, .component--section .component__title::before { font-size: 3.25rem; } /* line 299, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title span { width: 70%; } /* line 303, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title::before { width: 30%; } } @media only screen and (min-width: 40.0625em) { /* line 310, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__title, .component--basic-with-download .component__title, .component--basic-with-pullquote .component__title, .component--basic-with-statistic .component__title, .component--basic-with-partners .component__title { font-size: 3.25rem; } /* line 318, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__title { font-size: 2rem; } /* line 323, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title span, .component--section .component__title::before { line-height: 1; } /* line 328, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title::before { counter-increment: section-counter; content: counter(section-counter); font-weight: 300; } /* line 335, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__title { font-size: 1.125rem; margin-top: 0; line-height: 1.666; } } @media only screen and (min-width: 64.0625em), only screen and (min-width: 40.0625em) and (orientation: landscape) { /* line 344, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__title, .component--basic-with-download .component__title, .component--basic-with-pullquote .component__title, .component--basic-with-statistic .component__title, .component--basic-with-partners .component__title { width: 80%; margin: 2rem 0; } } @media only screen and (min-width: 64.0625em) { /* line 355, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title { position: relative; margin-top: 0; font-size: 2.75rem; line-height: 1; } /* line 361, app/assets/stylesheets/modules/_component.scss */ .component--section .component__title::before { position: absolute; display: block; width: 2.25rem; top: 0; left: -4.25rem; text-align: right; margin-right: 2rem; } } /* line 374, app/assets/stylesheets/modules/_component.scss */ .component__kicker { line-height: 1.2; } /* line 377, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__kicker, .component--basic-with-download .component__kicker, .component--basic-with-pullquote .component__kicker, .component--basic-with-statistic .component__kicker { margin: 0.5rem 0; } /* line 385, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__kicker, .component--factbox-alternative .component__kicker { margin-bottom: 0.3rem; } @media only screen and (min-width: 40.0625em) { /* line 391, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__kicker { margin: 1rem 0; } } /* line 397, app/assets/stylesheets/modules/_component.scss */ .component__media { display: flex; flex-direction: column-reverse; } @media only screen and (min-width: 40.0625em) { /* line 402, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__media, .component--basic-with-pullquote .component__media, .component--basic-with-statistic .component__media, .component--basic-with-download .component__media { flex-direction: row; align-items: flex-start; } /* line 410, app/assets/stylesheets/modules/_component.scss */ .component--section .component__media { display: none; } } @media only screen and (min-width: 40.0625em) { /* line 418, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__object, .component--basic-with-pullquote .component__object, .component--basic-with-statistic .component__object, .component--basic-with-download .component__object { width: 80%; margin-left: 20%; } /* line 426, app/assets/stylesheets/modules/_component.scss */ .component__caption + .component__object { margin-left: 0 !important; } } @media only screen and (min-width: 64.0625em) { /* line 432, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__object, .component--basic-with-pullquote .component__object, .component--basic-with-statistic .component__object, .component--basic-with-download .component__object { width: 66%; margin-left: 17%; } } /* line 442, app/assets/stylesheets/modules/_component.scss */ .component__image { display: block; width: 100%; max-width: 42rem; } /* line 448, app/assets/stylesheets/modules/_component.scss */ .component__caption { font-size: 0.75rem; line-height: 1.2; color: #84919c; } @media only screen and (max-width: 40em) { /* line 454, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__caption, .component--basic-with-pullquote .component__caption, .component--basic-with-statistic .component__caption, .component--basic-with-download .component__caption { margin-top: 0.5rem; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 463, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__caption, .component--basic-with-pullquote .component__caption, .component--basic-with-statistic .component__caption, .component--basic-with-download .component__caption { flex: 1; } } @media only screen and (min-width: 40.0625em) { /* line 472, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__caption, .component--basic-with-pullquote .component__caption, .component--basic-with-statistic .component__caption, .component--basic-with-download .component__caption { order: -1; padding-right: 1rem; text-align: right; } } @media only screen and (min-width: 64.0625em) { /* line 483, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__caption, .component--basic-with-pullquote .component__caption, .component--basic-with-statistic .component__caption, .component--basic-with-download .component__caption { width: 17%; } } /* line 492, app/assets/stylesheets/modules/_component.scss */ .component__body { max-width: 42rem; line-height: 1.6; } /* line 497, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__body { font-size: 1.125rem; } @media only screen and (max-width: 40em) { /* line 502, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__body { margin-top: 0; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 508, app/assets/stylesheets/modules/_component.scss */ .component--section .component__body { width: 70%; margin: 2rem 0; margin-left: 30%; font-size: 1.325rem; } } @media only screen and (min-width: 40.0625em) { /* line 492, app/assets/stylesheets/modules/_component.scss */ .component__body { font-size: 1.125rem; } /* line 519, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__body, .component--basic-with-pullquote .component__body, .component--basic-with-download .component__body, .component--basic-with-statistic .component__body { width: 80%; } /* line 526, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__body, .component--basic-with-pullquote .component__body, .component--basic-with-download .component__body { margin-left: 20%; } /* line 534, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__body:first-of-type, .component--table-of-contents .component__body:first-of-type { margin-top: 0; } /* line 538, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__body:last-of-type, .component--table-of-contents .component__body:last-of-type { margin-bottom: 0; } } @media only screen and (min-width: 64.0625em) { /* line 545, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__body, .component--basic-with-pullquote .component__body, .component--basic-with-download .component__body, .component--basic-with-statistic .component__body { width: 66%; } /* line 552, app/assets/stylesheets/modules/_component.scss */ .component--basic .component__body, .component--basic-with-pullquote .component__body, .component--basic-with-download .component__body, .component--basic-with-statistic .component__body { margin-left: 17%; } } /* line 561, app/assets/stylesheets/modules/_component.scss */ .component__link { font-weight: 600; } /* line 564, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__link, .component--basic-with-download .component__link { display: flex; padding: 1rem; border: 1px solid #d5e0e8; border-radius: 5px; transition: all 0.15s ease-out; } /* line 572, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__link:hover, .component--factbox-alternative .component__link:focus, .component--basic-with-download .component__link:hover, .component--basic-with-download .component__link:focus { background-color: #0065f2; border-color: #0065f2; color: white; } /* line 580, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__link { display: flex; font-weight: 600; } /* line 585, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__link { display: block; } /* line 589, app/assets/stylesheets/modules/_component.scss */ .component--section .component__link { display: none; } /* line 593, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__link { font-weight: 600; } /* line 596, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__link:hover, .component--table-of-contents .component__link:focus { color: #84919c; } @media only screen and (min-width: 40.0625em) { /* line 603, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__link, .component--basic-with-download .component__link { max-width: 14rem; } /* line 608, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__link { display: inline; font-size: 1.125rem; } } @media only screen and (min-width: 64.0625em) { /* line 615, app/assets/stylesheets/modules/_component.scss */ .component--section .component__link { display: flex; padding: 1rem 0; border: 1px solid #d5e0e8; border-right: none; border-left: none; color: #84919c; } /* line 623, app/assets/stylesheets/modules/_component.scss */ .component--section .component__link:hover, .component--section .component__link:focus { color: #0065f2; } } /* line 632, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__icon, .component--basic-with-download .component__icon, .component--section .component__icon { display: inline-block; margin-left: auto; } /* line 639, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__icon, .component--onward-navigation .component__icon { display: inline-block; margin-left: 0.5rem; } /* line 647, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__link:hover .component__icon, .component--basic-with-download .component__link:hover .component__icon, .component--section .component__link:hover .component__icon, .component--factbox-alternative .component__link:focus .component__icon, .component--basic-with-download .component__link:focus .component__icon, .component--section .component__link:focus .component__icon { display: none; } /* line 656, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__icon--swap, .component--basic-with-download .component__icon--swap, .component--section .component__icon--swap { display: none; } /* line 664, app/assets/stylesheets/modules/_component.scss */ .component--factbox-alternative .component__link:hover .component__icon--swap, .component--basic-with-download .component__link:hover .component__icon--swap, .component--section .component__link:hover .component__icon--swap, .component--factbox-alternative .component__link:focus .component__icon--swap, .component--basic-with-download .component__link:focus .component__icon--swap, .component--section .component__link:focus .component__icon--swap { display: inline-block; } /* line 672, app/assets/stylesheets/modules/_component.scss */ .component__quote { margin: 0; } /* line 675, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__quote { padding-left: 0.5rem; border-left: 1px solid #d5e0e8; } /* line 680, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__quote { padding: 1rem 0; border: 3px solid #d5e0e8; border-right: none; border-left: none; } /* line 687, app/assets/stylesheets/modules/_component.scss */ .component__quote p { font-size: 1.25rem; line-height: 1.4; color: #0070be; } /* line 692, app/assets/stylesheets/modules/_component.scss */ .component__quote p:first-child { margin-top: 0; } /* line 696, app/assets/stylesheets/modules/_component.scss */ .component__quote p:last-child { margin-bottom: 0; } @media only screen and (max-width: 40em) { /* line 702, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__quote { margin-top: 0.625rem; } } @media only screen and (min-width: 40.0625em) { /* line 708, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__quote { width: 80%; margin-left: 20%; padding-left: 1rem; } /* line 714, app/assets/stylesheets/modules/_component.scss */ .component__quote p { font-size: 2rem; font-weight: 300; } } @media only screen and (min-width: 64.0625em) { /* line 721, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__quote { width: 66%; margin-left: 17%; } /* line 727, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__quote p { font-size: 1.75rem; } } @media only screen and (max-width: 40em) { /* line 736, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__pullquote { order: 1; } } @media only screen and (min-width: 40.0625em) { /* line 742, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-pullquote .component__pullquote { float: left; width: 50%; padding: 0 2rem 2rem 0; } } /* line 750, app/assets/stylesheets/modules/_component.scss */ .component__quote-author { font-size: 0.875rem; } /* line 754, app/assets/stylesheets/modules/_component.scss */ .component__quote-author-name { font-weight: 600; } @media only screen and (min-width: 40.0625em) { /* line 754, app/assets/stylesheets/modules/_component.scss */ .component__quote-author-name { display: inline; } } /* line 762, app/assets/stylesheets/modules/_component.scss */ .component__quote-author-title { color: #84919c; } @media only screen and (min-width: 40.0625em) { /* line 762, app/assets/stylesheets/modules/_component.scss */ .component__quote-author-title { display: inline; } /* line 768, app/assets/stylesheets/modules/_component.scss */ .component__quote-author-title::before { content: " — "; } } /* line 775, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__aside { padding-top: 1rem; border-top: 3px solid #141414; } /* line 780, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__aside { border-top: 1px solid #d5e0e8; } /* line 784, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__aside { border-top: 1px solid #141414; } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 789, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__aside, .component--basic-with-statistic .component__aside { width: calc(20% - 1rem); order: -1; } /* line 795, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__aside { margin-right: 1rem; order: 2; } } @media only screen and (min-width: 40.0625em) { /* line 802, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__aside { padding-right: 2rem; } /* line 806, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__aside { width: 80%; max-width: 42rem; margin-top: 2rem; margin-left: 20%; } /* line 813, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__aside { margin-top: 0.5rem; } /* line 817, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__aside { position: relative; display: flex; flex-direction: column; align-items: stretch; width: calc(33.333% - 2rem); margin-left: 2rem; border-bottom: 1px solid #141414; max-height: 36rem; } /* line 827, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__aside::after { content: ""; pointer-events: none; position: absolute; display: block; height: 5rem; right: 0; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), white); } } @media only screen and (min-width: 64.0625em) { /* line 842, app/assets/stylesheets/modules/_component.scss */ .component--blockquote .component__aside, .component--basic-with-statistic .component__aside { width: 17%; } /* line 847, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__aside { width: 66%; margin-left: 17%; } /* line 852, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-statistic .component__aside { margin-left: 1rem; } } /* line 859, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__aside-title { display: inline-block; font-size: 1.375rem; line-height: 1.3; border-top: 3px solid #141414; } @media only screen and (min-width: 40.0625em) { /* line 867, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__aside-title { font-size: 2rem; font-weight: 300; } } /* line 874, app/assets/stylesheets/modules/_component.scss */ .component__aside-text { margin: 0; font-size: 0.875rem; line-height: 1.4; color: #84919c; } /* line 881, app/assets/stylesheets/modules/_component.scss */ .component__statistic { font-size: 3.2rem; font-weight: 300; color: #0070be; } @media only screen and (min-width: 40.0625em) { /* line 881, app/assets/stylesheets/modules/_component.scss */ .component__statistic { margin: 0; padding-top: 0.5rem; margin-bottom: 0.5rem; } } /* line 894, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__prompt { padding-bottom: 1rem; border-bottom: 1px solid #d5e0e8; font-size: 1.4rem; font-weight: 300; color: #141414; } /* line 902, app/assets/stylesheets/modules/_component.scss */ .component--highlight-list .component__prompt { margin-top: 0.5rem; font-weight: 600; color: #84919c; } /* line 908, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__prompt, .component--onward-navigation .component__prompt, .component--section .component__prompt { margin-bottom: 0.5rem; color: #84919c; } @media only screen and (min-width: 40.0625em) { /* line 916, app/assets/stylesheets/modules/_component.scss */ .component--highlight-list .component__prompt { width: 80%; margin-left: 20%; font-size: 1rem; } /* line 922, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__prompt { display: inline; font-size: 1.125rem; } /* line 926, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__prompt::after { content: " – "; } /* line 931, app/assets/stylesheets/modules/_component.scss */ .component--section .component__prompt { display: none; } } @media only screen and (min-width: 64.0625em) { /* line 937, app/assets/stylesheets/modules/_component.scss */ .component--highlight-list .component__prompt { width: 66%; margin-left: 17%; font-size: 1.125rem; } /* line 943, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-download .component__prompt { font-size: 1.8rem; } } /* line 949, app/assets/stylesheets/modules/_component.scss */ .component__time { font-size: 0.875rem; line-height: 1.2; color: #84919c; } /* line 954, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__time, .component--basic-with-download .component__time { margin: 1rem 0; } @media only screen and (min-width: 40.0625em) { /* line 960, app/assets/stylesheets/modules/_component.scss */ .component--factbox .component__time, .component--basic-with-download .component__time { margin-top: 1rem; margin-bottom: 2rem; font-size: 1rem; } } /* line 969, app/assets/stylesheets/modules/_component.scss */ .component__definition-list { margin: 0; counter-reset: definition-counter; } /* line 974, app/assets/stylesheets/modules/_component.scss */ .component__definition { display: flex; margin: 0; padding-bottom: 1rem; } /* line 979, app/assets/stylesheets/modules/_component.scss */ .component__definition div, .component__definition::before { border-top: 1px solid #d5e0e8; } /* line 984, app/assets/stylesheets/modules/_component.scss */ .component__definition div { padding-top: 0.5rem; font-size: 1.125rem; font-weight: 600; line-height: 1.2; } /* line 991, app/assets/stylesheets/modules/_component.scss */ .component__definition::before { content: counter(definition-counter); counter-increment: definition-counter; display: block; font-size: 3rem; font-weight: 300; color: #d5e0e8; } @media only screen and (max-width: 40em) { /* line 1001, app/assets/stylesheets/modules/_component.scss */ .component__definition div { flex: 1; } /* line 1005, app/assets/stylesheets/modules/_component.scss */ .component__definition::before { width: 1em; } } @media only screen and (min-width: 40.0625em) { /* line 974, app/assets/stylesheets/modules/_component.scss */ .component__definition { padding-top: 0.5rem; padding-bottom: 2rem; } /* line 1014, app/assets/stylesheets/modules/_component.scss */ .component__definition div { width: 80%; max-width: 42rem; padding-top: 1rem; font-size: 1.375rem; } /* line 1021, app/assets/stylesheets/modules/_component.scss */ .component__definition::before { width: 20%; padding-top: 0.7rem; font-size: 3.7rem; line-height: 1; } } @media only screen and (min-width: 64.0625em) { /* line 1030, app/assets/stylesheets/modules/_component.scss */ .component__definition div { width: 66%; } /* line 1034, app/assets/stylesheets/modules/_component.scss */ .component__definition::before { width: 17%; } } /* line 1041, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__nav-link { display: flex; margin-top: 1.5rem; font-weight: 600; } @media only screen and (max-width: 40em) { /* line 1048, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__nav-link { padding: 1rem 0; border: 1px solid #d5e0e8; border-right: none; border-left: none; color: #84919c; } } @media only screen and (min-width: 40.0625em) { /* line 1058, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__nav-link { font-size: 1.125rem; color: #84919c; } } @media only screen and (min-width: 64.0625em) { /* line 1065, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__nav-link { position: absolute; top: 0; right: 0; margin-top: 0; line-height: 2.4; } } /* line 1076, app/assets/stylesheets/modules/_component.scss */ .component--onward-navigation .component__nav-icon { margin-top: 1px; margin-left: 0.5rem; } /* line 1083, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__list { flex: 1; } /* line 1087, app/assets/stylesheets/modules/_component.scss */ .component--section .component__list { padding: 0; list-style-type: none; margin: 0; } /* line 1091, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__list { padding-left: 1.2em; color: #84919c; } /* line 1096, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__list { padding: 0; list-style-type: none; margin: 0; margin-top: 1.25rem; } @media only screen and (min-width: 40.0625em) { /* line 1102, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__list { position: relative; flex: 1; height: 0; overflow: scroll; padding-bottom: 3rem; } } /* line 1113, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item { border: 1px solid #d5e0e8; border-right: none; border-left: none; position: relative; padding-top: 2.75em !important; } /* line 1120, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item:not(:last-child) { border-bottom: none; } /* line 1126, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__item:not(:first-child) { margin-top: 15px; } /* line 1131, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__item { font-size: 1.125rem; font-weight: 600; color: #141414; } /* line 1136, app/assets/stylesheets/modules/_component.scss */ .component--basic-with-partners .component__item:not(:first-child) { margin-top: 1.25rem; } @media only screen and (min-width: 40.0625em) { /* line 1142, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item { padding: 1.5rem 0; border-bottom: none; } /* line 1146, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item:last-child { padding-bottom: 0; } /* line 1151, app/assets/stylesheets/modules/_component.scss */ .component--table-of-contents .component__item { font-size: 1.125rem; } } @media only screen and (min-width: 64.0625em) { /* line 1157, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item { padding: 2rem 0; } /* line 1160, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item:first-child { border-top: none; } } /* line 1167, app/assets/stylesheets/modules/_component.scss */ .component__item-link { color: inherit; } @media only screen and (min-width: 40.0625em) { /* line 1167, app/assets/stylesheets/modules/_component.scss */ .component__item-link { display: flex; } } @media only screen and (max-width: 40em) { /* line 1175, app/assets/stylesheets/modules/_component.scss */ .component__item-aside { display: none; } } @media only screen and (min-width: 40.0625em) { /* line 1175, app/assets/stylesheets/modules/_component.scss */ .component__item-aside { width: 30%; padding-right: 1.5rem; } } @media only screen and (min-width: 64.0625em) { /* line 1175, app/assets/stylesheets/modules/_component.scss */ .component__item-aside { width: 40%; } } @media only screen and (min-width: 40.0625em) { /* line 1190, app/assets/stylesheets/modules/_component.scss */ .component__item-media { position: relative; padding-bottom: 75%; } } @media only screen and (min-width: 40.0625em) { /* line 1197, app/assets/stylesheets/modules/_component.scss */ .component__item-object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media only screen and (min-width: 40.0625em) { /* line 1207, app/assets/stylesheets/modules/_component.scss */ .component__item-image { width: 100%; height: 100%; object-fit: cover; } } @media only screen and (min-width: 40.0625em) { /* line 1215, app/assets/stylesheets/modules/_component.scss */ .component__item-content { width: 70%; } } @media only screen and (min-width: 64.0625em) { /* line 1215, app/assets/stylesheets/modules/_component.scss */ .component__item-content { width: 60%; } } /* line 1225, app/assets/stylesheets/modules/_component.scss */ .component__item-published-date { position: absolute; top: -1px; left: 0; right: 0; margin: 0; } /* line 1232, app/assets/stylesheets/modules/_component.scss */ .component__item-published-date span:first-child { color: #141414; } /* line 1236, app/assets/stylesheets/modules/_component.scss */ .component__item:first-child .component__item-published-date { border-top: 0; } /* line 1239, app/assets/stylesheets/modules/_component.scss */ .component__item:first-child .component__item-published-date span { border-top: 0; } /* line 1245, app/assets/stylesheets/modules/_component.scss */ .component__item-title { font-weight: 600; } @media only screen and (max-width: 40em) { /* line 1245, app/assets/stylesheets/modules/_component.scss */ .component__item-title { display: flex; justify-content: space-between; font-size: 1rem; font-weight: 600; color: #0065f2; } } @media only screen and (min-width: 40.0625em) { /* line 1245, app/assets/stylesheets/modules/_component.scss */ .component__item-title { margin-top: 0; margin-bottom: 1rem; font-size: 1.375rem; } } /* line 1263, app/assets/stylesheets/modules/_component.scss */ .component__item-body { max-width: 42rem; line-height: 1.6; } @media only screen and (max-width: 40em) { /* line 1263, app/assets/stylesheets/modules/_component.scss */ .component__item-body { display: none; } } @media only screen and (max-width: 40em) { /* line 1273, app/assets/stylesheets/modules/_component.scss */ .component__item-prompt { display: none; } } @media only screen and (min-width: 40.0625em) { /* line 1273, app/assets/stylesheets/modules/_component.scss */ .component__item-prompt { font-weight: 600; color: #84919c; transition: all 0.15s ease-out; } /* line 1283, app/assets/stylesheets/modules/_component.scss */ .component__item-link:hover .component__item-prompt, .component__item-link:focus .component__item-prompt { color: #0065f2; } } /* line 1291, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item-icon { margin-left: 0.5rem; } @media only screen and (min-width: 40.0625em) { /* line 1298, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item-icon--small-only { display: none; } } /* line 1305, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item-icon--animated { opacity: 0; transform: translateX(-6px); transition: all 0.15s ease-out; } /* line 1313, app/assets/stylesheets/modules/_component.scss */ .component--section .component__item-link:hover .component__item-icon--animated, .component--section .component__item-link:focus .component__item-icon--animated { opacity: 1; transform: translateX(0); } @media only screen and (min-width: 64.0625em) { /* line 1322, app/assets/stylesheets/modules/_component.scss */ .component--section .component__sticky { padding-top: 2rem; border-top: 3px solid #141414; } } /* line 2, app/assets/stylesheets/modules/_cookiebot.scss */ div#CybotCookiebotDialog * { font-family: "Akkurat", sans-serif; font-size: 14px; } /* line 7, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog { opacity: 1 !important; border-radius: 5px !important; overflow: visible !important; } /* line 12, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogHeader, #CybotCookiebotDialog #CybotCookiebotDialogPoweredByText, #CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper, #CybotCookiebotDialog .CybotCookiebotDialogArrow, #CybotCookiebotDialog .CybotCookiebotDialogNavItem:first-of-type { display: none !important; } /* line 20, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogTabContent { flex-grow: 1; } /* line 24, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog > *:first-child:not(.CybotCookiebotDialogContentWrapper) { display: none; } /* line 30, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) { top: auto !important; left: auto !important; bottom: 8px; right: 8px; transform: none !important; } @media screen and (min-width: 601px) { /* line 30, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) { display: flex; height: auto; max-width: 340px; max-height: 380px; } } @media screen and (max-height: 532px) { /* line 30, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) { max-height: calc(100% - 16px); } } /* line 48, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogNav { display: none !important; } /* line 52, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) .CybotCookiebotScrollContainer { border-bottom: none !important; padding: 27px 30px !important; padding-bottom: 0 !important; } /* line 58, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyContentTitle { font-size: 16px !important; line-height: 1; margin-bottom: 18px; } /* line 64, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyContentText { line-height: 19.6px; padding-bottom: 22px; } /* line 69, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyContent { padding: 0; } /* line 72, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyContent > .CybotCookiebotFader { height: 23px; } /* line 77, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogFooter { padding: 23px 30px; padding-top: 0; } /* line 82, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyButtonsWrapper { flex-direction: column !important; } /* line 85, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { width: 100% !important; margin: 0em !important; margin-top: 12px !important; } /* line 91, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog:not(.CybotCookiebotDialogOpen) #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonCustomize { order: -1; margin-top: 0 !important; } @media screen and (min-width: 601px) { /* line 100, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen { width: 610px !important; height: 664px; } } /* line 107, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen::after { content: ''; background: rgba(0, 0, 0, 0.5); position: absolute; left: 50%; top: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%); z-index: -1; } /* line 120, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotDialogContentWrapper { background: white; border-radius: 5px; } /* line 125, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotScrollContainer, #CybotCookiebotDialog.CybotCookiebotDialogOpen #CybotCookiebotDialogDetailBodyContentCookieContainerTypes { padding: 0 !important; } /* line 130, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotDialogDetailBodyContentCookieTypeIntro { line-height: 16.8px; max-width: 480px; } @media screen and (min-width: 1280px) { /* line 130, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotDialogDetailBodyContentCookieTypeIntro { padding-left: 0 !important; } } /* line 139, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotDialogDetailBodyContentCookieContainerButton:before { margin-right: 0.8em; } /* line 143, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen #CybotCookiebotDialogDetailBodyContentTextAbout { padding: 1.625em 23px; } @media screen and (min-width: 601px) { /* line 147, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CybotCookiebotDialogBodyButton { width: 50% !important; } } /* line 153, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen #CybotCookiebotDialogTabContentDetails > .CybotCookiebotFader { height: 23px; } /* line 157, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen .CookieCard { padding-left: 23px; padding-right: 23px; } /* line 162, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen #CybotCookiebotDialogFooter { padding: 25px 37px; padding-top: 28px; } /* line 167, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog.CybotCookiebotDialogOpen #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { display: none; } /* line 173, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper { width: 44px !important; height: 28px !important; } /* line 178, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper.CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #a0a0a0; } /* line 183, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper .CybotCookiebotDialogBodyLevelButtonSlider:before { bottom: 2px; left: 2px; } /* line 188, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before { transform: translateX(16px); } /* line 195, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { border-radius: 32px !important; font-weight: normal !important; padding: 0; line-height: 40px; } /* line 202, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { background-color: #0065f2 !important; color: #ffffff !important; } /* line 207, app/assets/stylesheets/modules/_cookiebot.scss */ #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { border-color: #0065f2 !important; }