/*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/sass/style.scss ***! \********************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! Theme Name: HKW Lite Theme URI: http://underscores.me/ Author: HKW Author URI: http://hkw.io Description: A lightweight wordpress theme Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: edgescale-ai Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. HKW Lite is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /** * Foundation for Sites * Version 6.9.0 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal.large, .reveal.small, .reveal.tiny, .reveal { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: 0; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } [data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus { outline: none; } [draggable=false] { -webkit-touch-callout: none; -webkit-user-select: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=100em&xxlarge=120em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #ffffff; font-family: "Selecta", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #222222; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { box-sizing: border-box; width: 100%; border-radius: 3px; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } [data-whatinput=mouse] button { outline: 0; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 3px; background: transparent; line-height: 1; cursor: auto; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .grid-container, .grid-container-small { max-width: 81.25rem; margin-left: auto; margin-right: auto; padding-right: 1.25rem; padding-left: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-container, .grid-container-small { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-container, .grid-container-small { padding-right: 0.625rem; padding-left: 0.625rem; } } .grid-container.fluid, .fluid.grid-container-small { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 1.25rem; padding-left: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-container.fluid, .fluid.grid-container-small { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-container.fluid, .fluid.grid-container-small { padding-right: 0.625rem; padding-left: 0.625rem; } } .grid-container.full, .full.grid-container-small { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .cell.auto { flex: 1 1 0; } .cell.shrink { flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } } @media screen and (min-width: 100em) { .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 120em) { .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 { flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } @media screen and (min-width: 100em) { .grid-x > .xlarge-auto { flex: 1 1 0; width: auto; } .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink { flex: 0 0 auto; } .grid-x > .xlarge-shrink { width: auto; } .grid-x > .xlarge-1 { width: 8.3333333333%; } .grid-x > .xlarge-2 { width: 16.6666666667%; } .grid-x > .xlarge-3 { width: 25%; } .grid-x > .xlarge-4 { width: 33.3333333333%; } .grid-x > .xlarge-5 { width: 41.6666666667%; } .grid-x > .xlarge-6 { width: 50%; } .grid-x > .xlarge-7 { width: 58.3333333333%; } .grid-x > .xlarge-8 { width: 66.6666666667%; } .grid-x > .xlarge-9 { width: 75%; } .grid-x > .xlarge-10 { width: 83.3333333333%; } .grid-x > .xlarge-11 { width: 91.6666666667%; } .grid-x > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .grid-x > .xxlarge-auto { flex: 1 1 0; width: auto; } .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink { flex: 0 0 auto; } .grid-x > .xxlarge-shrink { width: auto; } .grid-x > .xxlarge-1 { width: 8.3333333333%; } .grid-x > .xxlarge-2 { width: 16.6666666667%; } .grid-x > .xxlarge-3 { width: 25%; } .grid-x > .xxlarge-4 { width: 33.3333333333%; } .grid-x > .xxlarge-5 { width: 41.6666666667%; } .grid-x > .xxlarge-6 { width: 50%; } .grid-x > .xxlarge-7 { width: 58.3333333333%; } .grid-x > .xxlarge-8 { width: 66.6666666667%; } .grid-x > .xxlarge-9 { width: 75%; } .grid-x > .xxlarge-10 { width: 83.3333333333%; } .grid-x > .xxlarge-11 { width: 91.6666666667%; } .grid-x > .xxlarge-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -1.25rem; margin-right: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } } .grid-margin-x > .cell { width: calc(100% - 2.5rem); margin-left: 1.25rem; margin-right: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 2.5rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 2.5rem); } .grid-margin-x > .small-3 { width: calc(25% - 2.5rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 2.5rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 2.5rem); } .grid-margin-x > .small-6 { width: calc(50% - 2.5rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 2.5rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 2.5rem); } .grid-margin-x > .small-9 { width: calc(75% - 2.5rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 2.5rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 2.5rem); } .grid-margin-x > .small-12 { width: calc(100% - 2.5rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.25rem); } .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.25rem); } } @media screen and (min-width: 100em) { .grid-margin-x > .xlarge-auto { width: auto; } .grid-margin-x > .xlarge-shrink { width: auto; } .grid-margin-x > .xlarge-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .xlarge-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .xlarge-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .xlarge-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .xlarge-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .xlarge-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .xlarge-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .xlarge-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .xlarge-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .xlarge-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .xlarge-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .xlarge-12 { width: calc(100% - 1.25rem); } } @media screen and (min-width: 120em) { .grid-margin-x > .xxlarge-auto { width: auto; } .grid-margin-x > .xxlarge-shrink { width: auto; } .grid-margin-x > .xxlarge-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .xxlarge-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .xxlarge-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .xxlarge-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .xxlarge-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .xxlarge-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .xxlarge-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .xxlarge-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .xxlarge-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .xxlarge-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .xxlarge-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .xxlarge-12 { width: calc(100% - 1.25rem); } } .grid-padding-x .grid-padding-x { margin-right: -1.25rem; margin-left: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } } .grid-container:not(.full) > .grid-padding-x, .grid-container-small:not(.full) > .grid-padding-x { margin-right: -1.25rem; margin-left: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x, .grid-container-small:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-container:not(.full) > .grid-padding-x, .grid-container-small:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } } .grid-padding-x > .cell { padding-right: 1.25rem; padding-left: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 100em) { .xlarge-up-1 > .cell { width: 100%; } .xlarge-up-2 > .cell { width: 50%; } .xlarge-up-3 > .cell { width: 33.3333333333%; } .xlarge-up-4 > .cell { width: 25%; } .xlarge-up-5 > .cell { width: 20%; } .xlarge-up-6 > .cell { width: 16.6666666667%; } .xlarge-up-7 > .cell { width: 14.2857142857%; } .xlarge-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 120em) { .xxlarge-up-1 > .cell { width: 100%; } .xxlarge-up-2 > .cell { width: 50%; } .xxlarge-up-3 > .cell { width: 33.3333333333%; } .xxlarge-up-4 > .cell { width: 25%; } .xxlarge-up-5 > .cell { width: 20%; } .xxlarge-up-6 > .cell { width: 16.6666666667%; } .xxlarge-up-7 > .cell { width: 14.2857142857%; } .xxlarge-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 2.5rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 2.5rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 2.5rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 2.5rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 2.5rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 2.5rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 2.5rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 2.5rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.25rem); } .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.25rem); } } @media screen and (min-width: 100em) { .grid-margin-x.xlarge-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.xlarge-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.xlarge-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.xlarge-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.xlarge-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.xlarge-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.xlarge-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.xlarge-up-8 > .cell { width: calc(12.5% - 1.25rem); } } @media screen and (min-width: 120em) { .grid-margin-x.xxlarge-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.xxlarge-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.xxlarge-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.xxlarge-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.xxlarge-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.xxlarge-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.xxlarge-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.xxlarge-up-8 > .cell { width: calc(12.5% - 1.25rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 100em) { .small-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xlarge-3 { width: 25%; } .small-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xlarge-6 { width: 50%; } .small-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xlarge-9 { width: 75%; } .small-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .small-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xxlarge-3 { width: 25%; } .small-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xxlarge-6 { width: 50%; } .small-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xxlarge-9 { width: 75%; } .small-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xxlarge-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 100em) { .medium-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xlarge-3 { width: 25%; } .medium-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xlarge-6 { width: 50%; } .medium-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xlarge-9 { width: 75%; } .medium-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .medium-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xxlarge-3 { width: 25%; } .medium-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xxlarge-6 { width: 50%; } .medium-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xxlarge-9 { width: 75%; } .medium-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xxlarge-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 100em) { .large-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xlarge-3 { width: 25%; } .large-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xlarge-6 { width: 50%; } .large-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xlarge-9 { width: 75%; } .large-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .large-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xxlarge-3 { width: 25%; } .large-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xxlarge-6 { width: 50%; } .large-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xxlarge-9 { width: 75%; } .large-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xxlarge-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 100em) { .xlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 100em) { .xlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .small-3 { width: 25%; } .xlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .small-6 { width: 50%; } .xlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .small-9 { width: 75%; } .xlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 100em) { .xlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .medium-3 { width: 25%; } .xlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .medium-6 { width: 50%; } .xlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .medium-9 { width: 75%; } .xlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 100em) { .xlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .large-3 { width: 25%; } .xlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .large-6 { width: 50%; } .xlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .large-9 { width: 75%; } .xlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 100em) { .xlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xlarge-3 { width: 25%; } .xlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xlarge-6 { width: 50%; } .xlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xlarge-9 { width: 75%; } .xlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .xlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 100em) { .xlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xxlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .small-3 { width: 25%; } .xxlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .small-6 { width: 50%; } .xxlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .small-9 { width: 75%; } .xxlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .medium-3 { width: 25%; } .xxlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .medium-6 { width: 50%; } .xxlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .medium-9 { width: 75%; } .xxlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .large-3 { width: 25%; } .xxlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .large-6 { width: 50%; } .xxlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .large-9 { width: 75%; } .xxlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .xxlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 120em) { .xxlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xxlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 2.5rem / 2); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 2.5rem / 2); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 2.5rem / 2); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 2.5rem / 2); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 2.5rem / 2); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 2.5rem / 2); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 2.5rem / 2); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 2.5rem / 2); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 2.5rem / 2); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 2.5rem / 2); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 2.5rem / 2); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 2.5rem / 2); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } } @media screen and (min-width: 100em) { .xlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xlarge-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .xlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xlarge-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .xlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xlarge-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .xlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xlarge-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .xlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xlarge-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .xlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xlarge-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .xlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xlarge-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .xlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xlarge-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .xlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xlarge-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .xlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xlarge-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .xlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xlarge-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .xlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xlarge-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } } @media screen and (min-width: 120em) { .xxlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xxlarge-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xxlarge-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xxlarge-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .xxlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xxlarge-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xxlarge-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xxlarge-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .xxlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xxlarge-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xxlarge-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xxlarge-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .xxlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xxlarge-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xxlarge-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xxlarge-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } } .grid-y { display: flex; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } } @media screen and (min-width: 100em) { .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 120em) { .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { flex: 1 1 0; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { flex: 1 1 0; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } @media screen and (min-width: 100em) { .grid-y > .xlarge-auto { flex: 1 1 0; height: auto; } .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink { flex: 0 0 auto; } .grid-y > .xlarge-shrink { height: auto; } .grid-y > .xlarge-1 { height: 8.3333333333%; } .grid-y > .xlarge-2 { height: 16.6666666667%; } .grid-y > .xlarge-3 { height: 25%; } .grid-y > .xlarge-4 { height: 33.3333333333%; } .grid-y > .xlarge-5 { height: 41.6666666667%; } .grid-y > .xlarge-6 { height: 50%; } .grid-y > .xlarge-7 { height: 58.3333333333%; } .grid-y > .xlarge-8 { height: 66.6666666667%; } .grid-y > .xlarge-9 { height: 75%; } .grid-y > .xlarge-10 { height: 83.3333333333%; } .grid-y > .xlarge-11 { height: 91.6666666667%; } .grid-y > .xlarge-12 { height: 100%; } } @media screen and (min-width: 120em) { .grid-y > .xxlarge-auto { flex: 1 1 0; height: auto; } .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink { flex: 0 0 auto; } .grid-y > .xxlarge-shrink { height: auto; } .grid-y > .xxlarge-1 { height: 8.3333333333%; } .grid-y > .xxlarge-2 { height: 16.6666666667%; } .grid-y > .xxlarge-3 { height: 25%; } .grid-y > .xxlarge-4 { height: 33.3333333333%; } .grid-y > .xxlarge-5 { height: 41.6666666667%; } .grid-y > .xxlarge-6 { height: 50%; } .grid-y > .xxlarge-7 { height: 58.3333333333%; } .grid-y > .xxlarge-8 { height: 66.6666666667%; } .grid-y > .xxlarge-9 { height: 75%; } .grid-y > .xxlarge-10 { height: 83.3333333333%; } .grid-y > .xxlarge-11 { height: 91.6666666667%; } .grid-y > .xxlarge-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -1.25rem; margin-bottom: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } .grid-padding-y > .cell { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } } .grid-margin-y { margin-top: -1.25rem; margin-bottom: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } .grid-margin-y > .cell { height: calc(100% - 2.5rem); margin-top: 1.25rem; margin-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 2.5rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 2.5rem); } .grid-margin-y > .small-3 { height: calc(25% - 2.5rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 2.5rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 2.5rem); } .grid-margin-y > .small-6 { height: calc(50% - 2.5rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 2.5rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 2.5rem); } .grid-margin-y > .small-9 { height: calc(75% - 2.5rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 2.5rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 2.5rem); } .grid-margin-y > .small-12 { height: calc(100% - 2.5rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.25rem); } } @media screen and (min-width: 100em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.25rem); } } @media screen and (min-width: 120em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.25rem); } } .grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 100em) { .xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xlarge-grid-frame { width: 100%; } .xlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 120em) { .xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xxlarge-grid-frame { width: 100%; } .xxlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xxlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xxlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xxlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media screen and (min-width: 100em) { .grid-y.xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media screen and (min-width: 120em) { .grid-y.xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } @media screen and (min-width: 100em) { .cell .grid-y.xlarge-grid-frame { height: 100%; } } @media screen and (min-width: 120em) { .cell .grid-y.xxlarge-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -1.25rem; margin-bottom: -1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } } .grid-margin-y > .cell { height: calc(100% - 2.5rem); margin-top: 1.25rem; margin-bottom: 1.25rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } } @media print, screen and (min-width: 64em) { .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 2.5rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 2.5rem); } .grid-margin-y > .small-3 { height: calc(25% - 2.5rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 2.5rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 2.5rem); } .grid-margin-y > .small-6 { height: calc(50% - 2.5rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 2.5rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 2.5rem); } .grid-margin-y > .small-9 { height: calc(75% - 2.5rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 2.5rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 2.5rem); } .grid-margin-y > .small-12 { height: calc(100% - 2.5rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.25rem); } .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.25rem); } } @media screen and (min-width: 100em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.25rem); } } @media screen and (min-width: 120em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.25rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 2.5rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } } @media screen and (min-width: 100em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } } @media screen and (min-width: 120em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.25rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.25rem); } } @media screen and (min-width: 100em) { .grid-margin-y.xlarge-grid-frame { height: calc(100vh + 1.25rem); } } @media screen and (min-width: 120em) { .grid-margin-y.xxlarge-grid-frame { height: calc(100vh + 1.25rem); } } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } @media screen and (min-width: 100em) { .xlarge-order-1 { order: 1; } .xlarge-order-2 { order: 2; } .xlarge-order-3 { order: 3; } .xlarge-order-4 { order: 4; } .xlarge-order-5 { order: 5; } .xlarge-order-6 { order: 6; } } @media screen and (min-width: 120em) { .xxlarge-order-1 { order: 1; } .xxlarge-order-2 { order: 2; } .xxlarge-order-3 { order: 3; } .xxlarge-order-4 { order: 4; } .xxlarge-order-5 { order: 5; } .xxlarge-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 100em) { .xlarge-flex-container { display: flex; } .xlarge-flex-child-auto { flex: 1 1 auto; } .xlarge-flex-child-grow { flex: 1 0 auto; } .xlarge-flex-child-shrink { flex: 0 1 auto; } .xlarge-flex-dir-row { flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 120em) { .xxlarge-flex-container { display: flex; } .xxlarge-flex-child-auto { flex: 1 1 auto; } .xxlarge-flex-child-grow { flex: 1 0 auto; } .xxlarge-flex-child-shrink { flex: 0 1 auto; } .xxlarge-flex-dir-row { flex-direction: row; } .xxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxlarge-flex-dir-column { flex-direction: column; } .xxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 2rem; font-size: inherit; line-height: 1.5; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Selecta", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: 500; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #BEBCBE; } h1, .h1 { font-size: 3rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h2, .h2 { font-size: 2rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h3, .h3 { font-size: 1.75rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h4, .h4 { font-size: 1.5rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h5, .h5 { font-size: 1.25rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h6, .h6 { font-size: 1.125rem; line-height: 1.1; margin-top: 0; margin-bottom: 0.25rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3.5rem; line-height: 1.1428571429; margin-top: 0; margin-bottom: 1.5rem; } h2, .h2 { font-size: 2.5rem; line-height: 1.25; margin-top: 0; margin-bottom: 1.5rem; } h3, .h3 { font-size: 2rem; line-height: 1.25; margin-top: 0; margin-bottom: 1.5rem; } h4, .h4 { font-size: 1.75rem; line-height: 1.6428571429; margin-top: 0; margin-bottom: 1.5rem; } h5, .h5 { font-size: 1.25rem; line-height: 1.5; margin-top: 0; margin-bottom: 1.5rem; } h6, .h6 { font-size: 1.125rem; line-height: 1.5555555556; margin-top: 0; margin-bottom: 0.25rem; } } @media print, screen and (min-width: 64em) { h1, .h1 { font-size: 5.75rem; line-height: 1.0869565217; margin-top: 0; margin-bottom: 1.5rem; } h2, .h2 { font-size: 3.5rem; line-height: 1.1785714286; margin-top: 0; margin-bottom: 1.5rem; } h3, .h3 { font-size: 2.5rem; line-height: 1.25; margin-top: 0; margin-bottom: 1.5rem; } h4, .h4 { font-size: 2.25rem; line-height: 1.3333333333; margin-top: 0; margin-bottom: 1.5rem; } h5, .h5 { font-size: 1.75rem; line-height: 1.4285714286; margin-top: 0; margin-bottom: 1.5rem; } h6, .h6 { font-size: 1.5rem; line-height: 1.5; margin-top: 0; margin-bottom: 0.25rem; } } @media screen and (min-width: 120em) { h1, .h1 { font-size: 8rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h2, .h2 { font-size: 5rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h3, .h3 { font-size: 3.75rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h4, .h4 { font-size: 3rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h5, .h5 { font-size: 2.25rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.5rem; } h6, .h6 { font-size: 1.875rem; line-height: 1.1; margin-top: 0; margin-bottom: 0.25rem; } } a { line-height: inherit; color: #6B6B6B; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #BEBCBE; } a img { border: 0; } hr { clear: both; max-width: 81.25rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #BEBCBE; border-left: 0; } ul, ol, dl { margin-bottom: 2rem; list-style-position: outside; line-height: 1.5; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 2rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #BEBCBE; } blockquote, blockquote p { line-height: 1.5; color: #6B6B6B; } abbr, abbr[title] { border-bottom: 1px dotted #222222; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #F5F4F0; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #222222; border-radius: 3px; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #6B6B6B; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 4rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #6B6B6B; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #BEBCBE; background-color: #F5F4F0; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #222222; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #BEBCBE; background-color: #F5F4F0; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #222222; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 100em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } @media screen and (min-width: 120em) { .xxlarge-text-left { text-align: left; } .xxlarge-text-right { text-align: right; } .xxlarge-text-center { text-align: center; } .xxlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; print-color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #6B6B6B; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #BEBCBE; border-radius: 3px; background-color: #ffffff; box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #222222; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #6B6B6B; background-color: #ffffff; box-shadow: 0 0 5px #BEBCBE; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #F5F4F0; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; } input[type=search] { box-sizing: border-box; } ::-moz-placeholder { color: #BEBCBE; } ::placeholder { color: #BEBCBE; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #222222; } label.middle { margin: 0 0 1rem; line-height: 1.5; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #222222; } .input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 3px 0 0 3px; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 3px 3px 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #BEBCBE; background: #F5F4F0; color: #222222; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #BEBCBE; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #BEBCBE; border-radius: 3px; background-color: #ffffff; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #222222; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; background-image: url("data:image/svg+xml;utf8,"); } @media screen and (min-width: 0\0 ) { select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==); } } select:focus { outline: none; border: 1px solid #6B6B6B; background-color: #ffffff; box-shadow: 0 0 5px #BEBCBE; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #F5F4F0; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: rgb(249.9, 237, 235); } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .button, span.edit-link a { display: inline-block; vertical-align: middle; margin: 0; border: 1px solid transparent; border-radius: 999em; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; font-weight: 500; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; padding: 1.125rem 1.875rem 1.125rem 3.25rem; } [data-whatinput=mouse] .button, [data-whatinput=mouse] span.edit-link a, span.edit-link [data-whatinput=mouse] a { outline: 0; } .button.tiny, span.edit-link a.tiny { font-size: 0.6rem; } .button.small, span.edit-link a.small { font-size: 0.75rem; } .button.large, span.edit-link a.large { font-size: 1.25rem; } .button.expanded, span.edit-link a.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, span.edit-link a, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #222222; color: #F5F4F0; } .button:hover, span.edit-link a:hover, .button:focus, span.edit-link a:focus { background-color: #CDFCC2; color: #F5F4F0; } .button.primary, span.edit-link a.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #182236; color: #F5F4F0; } .button.primary:hover, span.edit-link a.primary:hover, .button.primary:focus, span.edit-link a.primary:focus { background-color: rgb(19.2, 27.2, 43.2); color: #F5F4F0; } .button.secondary, span.edit-link a.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #BEBCBE; color: #222222; } .button.secondary:hover, span.edit-link a.secondary:hover, .button.secondary:focus, span.edit-link a.secondary:focus { background-color: rgb(152.7727272727, 149.6272727273, 152.7727272727); color: #222222; } .button.success, span.edit-link a.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #222222; } .button.success:hover, span.edit-link a.success:hover, .button.success:focus, span.edit-link a.success:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #222222; } .button.warning, span.edit-link a.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #222222; } .button.warning:hover, span.edit-link a.warning:hover, .button.warning:focus, span.edit-link a.warning:focus { background-color: rgb(204, 139.2, 0); color: #222222; } .button.alert, span.edit-link a.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #cc4b37; color: #F5F4F0; } .button.alert:hover, span.edit-link a.alert:hover, .button.alert:focus, span.edit-link a.alert:focus { background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); color: #F5F4F0; } .button.hollow, span.edit-link a.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, span.edit-link a.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 2px solid #222222; color: #222222; } .button.hollow:hover, span.edit-link a.hollow:hover, .button.hollow:focus, span.edit-link a.hollow:focus { border-color: #111111; color: #111111; } .button.hollow.primary, span.edit-link a.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 2px solid #182236; color: #182236; } .button.hollow.primary:hover, span.edit-link a.hollow.primary:hover, .button.hollow.primary:focus, span.edit-link a.hollow.primary:focus { border-color: #0c111b; color: #0c111b; } .button.hollow.secondary, span.edit-link a.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 2px solid #BEBCBE; color: #BEBCBE; } .button.hollow.secondary:hover, span.edit-link a.hollow.secondary:hover, .button.hollow.secondary:focus, span.edit-link a.hollow.secondary:focus { border-color: rgb(95.9318181818, 93.0681818182, 95.9318181818); color: rgb(95.9318181818, 93.0681818182, 95.9318181818); } .button.hollow.success, span.edit-link a.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 2px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, span.edit-link a.hollow.success:hover, .button.hollow.success:focus, span.edit-link a.hollow.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.hollow.warning, span.edit-link a.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 2px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, span.edit-link a.hollow.warning:hover, .button.hollow.warning:focus, span.edit-link a.hollow.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button.hollow.alert, span.edit-link a.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 2px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, span.edit-link a.hollow.alert:hover, .button.hollow.alert:focus, span.edit-link a.hollow.alert:focus { border-color: rgb(103.187250996, 36.6314741036, 26.312749004); color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button.clear, span.edit-link a.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, span.edit-link a.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #222222; } .button.clear:hover, span.edit-link a.clear:hover, .button.clear:focus, span.edit-link a.clear:focus { color: #111111; } .button.clear.primary, span.edit-link a.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #182236; } .button.clear.primary:hover, span.edit-link a.clear.primary:hover, .button.clear.primary:focus, span.edit-link a.clear.primary:focus { color: #0c111b; } .button.clear.secondary, span.edit-link a.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #BEBCBE; } .button.clear.secondary:hover, span.edit-link a.clear.secondary:hover, .button.clear.secondary:focus, span.edit-link a.clear.secondary:focus { color: rgb(95.9318181818, 93.0681818182, 95.9318181818); } .button.clear.success, span.edit-link a.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, span.edit-link a.clear.success:hover, .button.clear.success:focus, span.edit-link a.clear.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.clear.warning, span.edit-link a.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, span.edit-link a.clear.warning:hover, .button.clear.warning:focus, span.edit-link a.clear.warning:focus { color: rgb(127.5, 87, 0); } .button.clear.alert, span.edit-link a.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #cc4b37; } .button.clear.alert:hover, span.edit-link a.clear.alert:hover, .button.clear.alert:focus, span.edit-link a.clear.alert:focus { color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button.disabled, span.edit-link a.disabled, .button[disabled], span.edit-link a[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after, span.edit-link a.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ""; border-bottom-width: 0; border-color: #ffffff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1.875rem; } .button.dropdown.hollow::after, span.edit-link a.dropdown.hollow::after, .button.dropdown.clear::after, span.edit-link a.dropdown.clear::after { border-top-color: #222222; } .button.dropdown.hollow.primary::after, span.edit-link a.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after, span.edit-link a.dropdown.clear.primary::after { border-top-color: #182236; } .button.dropdown.hollow.secondary::after, span.edit-link a.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after, span.edit-link a.dropdown.clear.secondary::after { border-top-color: #BEBCBE; } .button.dropdown.hollow.success::after, span.edit-link a.dropdown.hollow.success::after, .button.dropdown.clear.success::after, span.edit-link a.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, span.edit-link a.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after, span.edit-link a.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, span.edit-link a.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after, span.edit-link a.dropdown.clear.alert::after { border-top-color: #cc4b37; } .button.arrow-only::after, span.edit-link a.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, span.edit-link a:hover, a.button:focus, span.edit-link a:focus { text-decoration: none; } .accordion { margin-left: 0; background: #ffffff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 3px 3px 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 3px 3px; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #F5F4F0; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #182236; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #F5F4F0; border-radius: 0 0 3px 3px; } .accordion-title:hover, .accordion-title:focus { background-color: #F5F4F0; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #F5F4F0; border-bottom: 0; background-color: #ffffff; color: #222222; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #F5F4F0; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.5rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.5rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #182236 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #182236 transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded=true]::after { transform: scaleY(-1); transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #182236; color: #ffffff; } .badge.primary { background: #182236; color: #ffffff; } .badge.secondary { background: #BEBCBE; color: #222222; } .badge.success { background: #3adb76; color: #222222; } .badge.warning { background: #ffae00; color: #222222; } .badge.alert { background: #cc4b37; color: #ffffff; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: " "; flex-basis: 0; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #222222; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "|"; color: #BEBCBE; } .breadcrumbs a { color: #182236; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #BEBCBE; cursor: not-allowed; } .button-group { margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: stretch; flex-grow: 1; } .button-group::before, .button-group::after { display: none; } .button-group::before, .button-group::after { display: table; content: " "; flex-basis: 0; order: 1; } .button-group::after { clear: both; } .button-group .button, .button-group span.edit-link a, span.edit-link .button-group a { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; flex: 0 0 auto; } .button-group .button:last-child, .button-group span.edit-link a:last-child, span.edit-link .button-group a:last-child { margin-right: 0; } .button-group.tiny .button, .button-group.tiny span.edit-link a, span.edit-link .button-group.tiny a { font-size: 0.6rem; } .button-group.small .button, .button-group.small span.edit-link a, span.edit-link .button-group.small a { font-size: 0.75rem; } .button-group.large .button, .button-group.large span.edit-link a, span.edit-link .button-group.large a { font-size: 1.25rem; } .button-group.expanded .button, .button-group.expanded span.edit-link a, span.edit-link .button-group.expanded a { flex: 1 1 0px; } .button-group.primary .button, .button-group.primary span.edit-link a, span.edit-link .button-group.primary a, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #182236; color: #F5F4F0; } .button-group.primary .button:hover, .button-group.primary span.edit-link a:hover, span.edit-link .button-group.primary a:hover, .button-group.primary .button:focus, .button-group.primary span.edit-link a:focus, span.edit-link .button-group.primary a:focus { background-color: rgb(19.2, 27.2, 43.2); color: #F5F4F0; } .button-group.secondary .button, .button-group.secondary span.edit-link a, span.edit-link .button-group.secondary a, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #BEBCBE; color: #222222; } .button-group.secondary .button:hover, .button-group.secondary span.edit-link a:hover, span.edit-link .button-group.secondary a:hover, .button-group.secondary .button:focus, .button-group.secondary span.edit-link a:focus, span.edit-link .button-group.secondary a:focus { background-color: rgb(152.7727272727, 149.6272727273, 152.7727272727); color: #222222; } .button-group.success .button, .button-group.success span.edit-link a, span.edit-link .button-group.success a, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #222222; } .button-group.success .button:hover, .button-group.success span.edit-link a:hover, span.edit-link .button-group.success a:hover, .button-group.success .button:focus, .button-group.success span.edit-link a:focus, span.edit-link .button-group.success a:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #222222; } .button-group.warning .button, .button-group.warning span.edit-link a, span.edit-link .button-group.warning a, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #222222; } .button-group.warning .button:hover, .button-group.warning span.edit-link a:hover, span.edit-link .button-group.warning a:hover, .button-group.warning .button:focus, .button-group.warning span.edit-link a:focus, span.edit-link .button-group.warning a:focus { background-color: rgb(204, 139.2, 0); color: #222222; } .button-group.alert .button, .button-group.alert span.edit-link a, span.edit-link .button-group.alert a, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #cc4b37; color: #F5F4F0; } .button-group.alert .button:hover, .button-group.alert span.edit-link a:hover, span.edit-link .button-group.alert a:hover, .button-group.alert .button:focus, .button-group.alert span.edit-link a:focus, span.edit-link .button-group.alert a:focus { background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); color: #F5F4F0; } .button-group.hollow .button, .button-group.hollow span.edit-link a, span.edit-link .button-group.hollow a, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow span.edit-link a, span.edit-link .button-group.hollow a, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 2px solid #222222; color: #222222; } .button-group.hollow .button:hover, .button-group.hollow span.edit-link a:hover, span.edit-link .button-group.hollow a:hover, .button-group.hollow .button:focus, .button-group.hollow span.edit-link a:focus, span.edit-link .button-group.hollow a:focus { border-color: #111111; color: #111111; } .button-group.hollow.primary .button, .button-group.hollow.primary span.edit-link a, span.edit-link .button-group.hollow.primary a, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow span.edit-link a.primary, span.edit-link .button-group.hollow a.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 2px solid #182236; color: #182236; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary span.edit-link a:hover, span.edit-link .button-group.hollow.primary a:hover, .button-group.hollow.primary .button:focus, .button-group.hollow.primary span.edit-link a:focus, span.edit-link .button-group.hollow.primary a:focus, .button-group.hollow .button.primary:hover, .button-group.hollow span.edit-link a.primary:hover, span.edit-link .button-group.hollow a.primary:hover, .button-group.hollow .button.primary:focus, .button-group.hollow span.edit-link a.primary:focus, span.edit-link .button-group.hollow a.primary:focus { border-color: #0c111b; color: #0c111b; } .button-group.hollow.secondary .button, .button-group.hollow.secondary span.edit-link a, span.edit-link .button-group.hollow.secondary a, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow span.edit-link a.secondary, span.edit-link .button-group.hollow a.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 2px solid #BEBCBE; color: #BEBCBE; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary span.edit-link a:hover, span.edit-link .button-group.hollow.secondary a:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow.secondary span.edit-link a:focus, span.edit-link .button-group.hollow.secondary a:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow span.edit-link a.secondary:hover, span.edit-link .button-group.hollow a.secondary:hover, .button-group.hollow .button.secondary:focus, .button-group.hollow span.edit-link a.secondary:focus, span.edit-link .button-group.hollow a.secondary:focus { border-color: rgb(95.9318181818, 93.0681818182, 95.9318181818); color: rgb(95.9318181818, 93.0681818182, 95.9318181818); } .button-group.hollow.success .button, .button-group.hollow.success span.edit-link a, span.edit-link .button-group.hollow.success a, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow span.edit-link a.success, span.edit-link .button-group.hollow a.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 2px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success span.edit-link a:hover, span.edit-link .button-group.hollow.success a:hover, .button-group.hollow.success .button:focus, .button-group.hollow.success span.edit-link a:focus, span.edit-link .button-group.hollow.success a:focus, .button-group.hollow .button.success:hover, .button-group.hollow span.edit-link a.success:hover, span.edit-link .button-group.hollow a.success:hover, .button-group.hollow .button.success:focus, .button-group.hollow span.edit-link a.success:focus, span.edit-link .button-group.hollow a.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.hollow.warning .button, .button-group.hollow.warning span.edit-link a, span.edit-link .button-group.hollow.warning a, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow span.edit-link a.warning, span.edit-link .button-group.hollow a.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 2px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning span.edit-link a:hover, span.edit-link .button-group.hollow.warning a:hover, .button-group.hollow.warning .button:focus, .button-group.hollow.warning span.edit-link a:focus, span.edit-link .button-group.hollow.warning a:focus, .button-group.hollow .button.warning:hover, .button-group.hollow span.edit-link a.warning:hover, span.edit-link .button-group.hollow a.warning:hover, .button-group.hollow .button.warning:focus, .button-group.hollow span.edit-link a.warning:focus, span.edit-link .button-group.hollow a.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button-group.hollow.alert .button, .button-group.hollow.alert span.edit-link a, span.edit-link .button-group.hollow.alert a, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow span.edit-link a.alert, span.edit-link .button-group.hollow a.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 2px solid #cc4b37; color: #cc4b37; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert span.edit-link a:hover, span.edit-link .button-group.hollow.alert a:hover, .button-group.hollow.alert .button:focus, .button-group.hollow.alert span.edit-link a:focus, span.edit-link .button-group.hollow.alert a:focus, .button-group.hollow .button.alert:hover, .button-group.hollow span.edit-link a.alert:hover, span.edit-link .button-group.hollow a.alert:hover, .button-group.hollow .button.alert:focus, .button-group.hollow span.edit-link a.alert:focus, span.edit-link .button-group.hollow a.alert:focus { border-color: rgb(103.187250996, 36.6314741036, 26.312749004); color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button-group.clear .button, .button-group.clear span.edit-link a, span.edit-link .button-group.clear a, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear span.edit-link a, span.edit-link .button-group.clear a, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #222222; } .button-group.clear .button:hover, .button-group.clear span.edit-link a:hover, span.edit-link .button-group.clear a:hover, .button-group.clear .button:focus, .button-group.clear span.edit-link a:focus, span.edit-link .button-group.clear a:focus { color: #111111; } .button-group.clear.primary .button, .button-group.clear.primary span.edit-link a, span.edit-link .button-group.clear.primary a, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear span.edit-link a.primary, span.edit-link .button-group.clear a.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #182236; } .button-group.clear.primary .button:hover, .button-group.clear.primary span.edit-link a:hover, span.edit-link .button-group.clear.primary a:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary span.edit-link a:focus, span.edit-link .button-group.clear.primary a:focus, .button-group.clear .button.primary:hover, .button-group.clear span.edit-link a.primary:hover, span.edit-link .button-group.clear a.primary:hover, .button-group.clear .button.primary:focus, .button-group.clear span.edit-link a.primary:focus, span.edit-link .button-group.clear a.primary:focus { color: #0c111b; } .button-group.clear.secondary .button, .button-group.clear.secondary span.edit-link a, span.edit-link .button-group.clear.secondary a, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear span.edit-link a.secondary, span.edit-link .button-group.clear a.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #BEBCBE; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary span.edit-link a:hover, span.edit-link .button-group.clear.secondary a:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary span.edit-link a:focus, span.edit-link .button-group.clear.secondary a:focus, .button-group.clear .button.secondary:hover, .button-group.clear span.edit-link a.secondary:hover, span.edit-link .button-group.clear a.secondary:hover, .button-group.clear .button.secondary:focus, .button-group.clear span.edit-link a.secondary:focus, span.edit-link .button-group.clear a.secondary:focus { color: rgb(95.9318181818, 93.0681818182, 95.9318181818); } .button-group.clear.success .button, .button-group.clear.success span.edit-link a, span.edit-link .button-group.clear.success a, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear span.edit-link a.success, span.edit-link .button-group.clear a.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success span.edit-link a:hover, span.edit-link .button-group.clear.success a:hover, .button-group.clear.success .button:focus, .button-group.clear.success span.edit-link a:focus, span.edit-link .button-group.clear.success a:focus, .button-group.clear .button.success:hover, .button-group.clear span.edit-link a.success:hover, span.edit-link .button-group.clear a.success:hover, .button-group.clear .button.success:focus, .button-group.clear span.edit-link a.success:focus, span.edit-link .button-group.clear a.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.clear.warning .button, .button-group.clear.warning span.edit-link a, span.edit-link .button-group.clear.warning a, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear span.edit-link a.warning, span.edit-link .button-group.clear a.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning span.edit-link a:hover, span.edit-link .button-group.clear.warning a:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning span.edit-link a:focus, span.edit-link .button-group.clear.warning a:focus, .button-group.clear .button.warning:hover, .button-group.clear span.edit-link a.warning:hover, span.edit-link .button-group.clear a.warning:hover, .button-group.clear .button.warning:focus, .button-group.clear span.edit-link a.warning:focus, span.edit-link .button-group.clear a.warning:focus { color: rgb(127.5, 87, 0); } .button-group.clear.alert .button, .button-group.clear.alert span.edit-link a, span.edit-link .button-group.clear.alert a, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear span.edit-link a.alert, span.edit-link .button-group.clear a.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #cc4b37; } .button-group.clear.alert .button:hover, .button-group.clear.alert span.edit-link a:hover, span.edit-link .button-group.clear.alert a:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert span.edit-link a:focus, span.edit-link .button-group.clear.alert a:focus, .button-group.clear .button.alert:hover, .button-group.clear span.edit-link a.alert:hover, span.edit-link .button-group.clear a.alert:hover, .button-group.clear .button.alert:focus, .button-group.clear span.edit-link a.alert:focus, span.edit-link .button-group.clear a.alert:focus { color: rgb(103.187250996, 36.6314741036, 26.312749004); } .button-group.no-gaps .button, .button-group.no-gaps span.edit-link a, span.edit-link .button-group.no-gaps a { margin-right: -0.125rem; } .button-group.no-gaps .button + .button, .button-group.no-gaps span.edit-link a + .button, span.edit-link .button-group.no-gaps a + .button, .button-group.no-gaps span.edit-link .button + a, span.edit-link .button-group.no-gaps .button + a, .button-group.no-gaps span.edit-link a + a, span.edit-link .button-group.no-gaps a + a { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked span.edit-link a, span.edit-link .button-group.stacked a, .button-group.stacked-for-small .button, .button-group.stacked-for-small span.edit-link a, span.edit-link .button-group.stacked-for-small a, .button-group.stacked-for-medium .button, .button-group.stacked-for-medium span.edit-link a, span.edit-link .button-group.stacked-for-medium a { flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked span.edit-link a:last-child, span.edit-link .button-group.stacked a:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-small span.edit-link a:last-child, span.edit-link .button-group.stacked-for-small a:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-medium span.edit-link a:last-child, span.edit-link .button-group.stacked-for-medium a:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked.expanded span.edit-link a, span.edit-link .button-group.stacked.expanded a, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-small.expanded span.edit-link a, span.edit-link .button-group.stacked-for-small.expanded a, .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-medium.expanded span.edit-link a, span.edit-link .button-group.stacked-for-medium.expanded a { flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button, .button-group.stacked-for-small span.edit-link a, span.edit-link .button-group.stacked-for-small a { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button, .button-group.stacked-for-medium span.edit-link a, span.edit-link .button-group.stacked-for-medium a { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-small.expanded span.edit-link a, span.edit-link .button-group.stacked-for-small.expanded a { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-medium.expanded span.edit-link a, span.edit-link .button-group.stacked-for-medium.expanded a { display: block; margin-right: 0; } } .callout { background-color: white; color: #222222; position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(34, 34, 34, 0.25); border-radius: 3px; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: rgb(210.1384615385, 218.4461538462, 235.0615384615); color: #222222; } .callout.secondary { background-color: rgb(245.25, 244.95, 245.25); color: #222222; } .callout.success { background-color: rgb(225.45, 249.6, 234.45); color: #222222; } .callout.warning { background-color: rgb(255, 242.85, 216.75); color: #222222; } .callout.alert { background-color: rgb(247.35, 228, 225); color: #222222; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 20px; border: 0; border-radius: 3px; background: transparent; box-shadow: none; overflow: hidden; color: #222222; } .card > :last-child { margin-bottom: 0; } .card-divider { display: flex; flex: 0 1 auto; padding: 1rem; background: #F5F4F0; } .card-divider > :last-child { margin-bottom: 0; } .card-section { flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .close-button { position: absolute; z-index: 10; color: #6B6B6B; cursor: pointer; } [data-whatinput=mouse] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #222222; } .close-button.small { right: 0.66rem; top: 0.33rem; font-size: 1.5rem; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: 0.5rem; font-size: 2rem; line-height: 1; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; } [data-whatinput=mouse] .menu li { outline: 0; } .menu a, .menu .button, .menu span.edit-link a, span.edit-link .menu a { line-height: 1; text-decoration: none; display: block; padding: 0.5rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { flex-wrap: wrap; flex-direction: row; } .menu.vertical { flex-wrap: nowrap; flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; } .menu.expanded li { flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; } .menu.simple { align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.medium-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.medium-expanded li { flex: 1 1 0px; } .menu.medium-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.large-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.large-expanded li { flex: 1 1 0px; } .menu.large-simple li { flex: 1 1 0px; } } @media screen and (min-width: 100em) { .menu.xlarge-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.xlarge-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.xlarge-expanded li { flex: 1 1 0px; } .menu.xlarge-simple li { flex: 1 1 0px; } } @media screen and (min-width: 120em) { .menu.xxlarge-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.xxlarge-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.xxlarge-expanded li { flex: 1 1 0px; } .menu.xxlarge-simple li { flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: flex; } .menu.icon-left li a, .menu.nested.icon-left li a { flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a, .menu.nested.icon-right li a { flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a, .menu.nested.icon-top li a { flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a, .menu.nested.icon-bottom li a { flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: transparent; color: #222222; } .menu .active > a { background: transparent; color: #222222; } .menu.align-left { justify-content: flex-start; } .menu.align-right li { display: flex; justify-content: flex-end; } .menu.align-right li .submenu li { justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: flex; justify-content: center; } .menu.align-center li .submenu li { justify-content: flex-start; } .menu .menu-text { padding: 0.5rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { justify-content: center; } .menu-centered > .menu li { display: flex; justify-content: center; } .menu-centered > .menu li .submenu li { justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #ffffff; box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; content: ""; } .menu-icon:hover::after { background: #BEBCBE; box-shadow: 0 7px 0 #BEBCBE, 0 14px 0 #BEBCBE; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #222222; box-shadow: 0 7px 0 #222222, 0 14px 0 #222222; content: ""; } .menu-icon.dark:hover::after { background: #6B6B6B; box-shadow: 0 7px 0 #6B6B6B, 0 14px 0 #6B6B6B; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { transition: height 0.5s; } .drilldown a { padding: 0.5rem 1rem; background: #ffffff; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #ffffff; transition: transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.5rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #182236; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #6B6B6B; right: 1rem; left: auto; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #6B6B6B transparent transparent; right: auto; left: 1rem; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #182236 transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #BEBCBE; border-radius: 3px; background-color: #ffffff; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } [data-whatinput=mouse] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { padding: 0.5rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #ffffff; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } @media screen and (min-width: 100em) { .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } @media screen and (min-width: 120em) { .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 0px; background: rgba(190, 188, 190, 0.95); } .dropdown .is-dropdown-submenu a { padding: 0.5rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: 0px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 3px; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #182236; color: #ffffff; } .label.primary { background: #182236; color: #ffffff; } .label.secondary { background: #BEBCBE; color: #222222; } .label.success { background: #3adb76; color: #222222; } .label.warning { background: #ffae00; color: #222222; } .label.alert { background: #cc4b37; color: #ffffff; } .media-object { display: flex; margin-bottom: 1rem; flex-wrap: nowrap; } .media-object img { max-width: none; } @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { flex-wrap: wrap; } } .media-object-section { flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.main-section { flex: 1 1 0px; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(34, 34, 34, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #F5F4F0; position: fixed; } [data-whatinput=mouse] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(34, 34, 34, 0.7); } .off-canvas.is-open { transform: translate(0, 0); } .off-canvas-absolute { z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #F5F4F0; position: absolute; } [data-whatinput=mouse] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(34, 34, 34, 0.7); } .off-canvas-absolute.is-open { transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { transform: translateX(250px); } .position-left.is-transition-push { box-shadow: inset -13px 0 20px -13px rgba(34, 34, 34, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { transform: translateX(-250px); } .position-right.is-transition-push { box-shadow: inset 13px 0 20px -13px rgba(34, 34, 34, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 300px; transform: translateY(-300px); } .off-canvas-content .off-canvas.position-top { transform: translateY(-300px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { transform: translateY(300px); } .position-top.is-transition-push { box-shadow: inset 0 -13px 20px -13px rgba(34, 34, 34, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 300px; transform: translateY(300px); } .off-canvas-content .off-canvas.position-bottom { transform: translateY(300px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { transform: translateY(-300px); } .position-bottom.is-transition-push { box-shadow: inset 0 13px 20px -13px rgba(34, 34, 34, 0.25); } .off-canvas-content { transform: none; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { transition: transform 0.5s ease; } .off-canvas-content.has-transition-push { transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media screen and (min-width: 100em) { .position-left.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-left.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-xlarge ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-right.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-xlarge ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-top.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-xlarge ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-xlarge ~ .off-canvas-content { margin-bottom: 250px; } } @media screen and (min-width: 120em) { .position-left.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-left.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-xxlarge ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-right.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-xxlarge ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-top.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-xxlarge ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } @media screen and (min-width: 100em) { .off-canvas.in-canvas-for-xlarge { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-xlarge .close-button { display: none; } } @media screen and (min-width: 120em) { .off-canvas.in-canvas-for-xxlarge { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-xxlarge .close-button { display: none; } } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: " "; flex-basis: 0; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 3px; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 3px; color: #222222; } .pagination a:hover, .pagination button:hover { background: #F5F4F0; } .pagination .current { padding: 0.1875rem 0.625rem; background: #182236; color: #ffffff; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #BEBCBE; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: "…"; color: #222222; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: "«"; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: "»"; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 3px; background-color: #BEBCBE; } .progress.primary .progress-meter { background-color: #182236; } .progress.secondary .progress-meter { background-color: #BEBCBE; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #cc4b37; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #182236; border-radius: 3px; } .progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #ffffff; white-space: nowrap; border-radius: 3px; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #F5F4F0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #BEBCBE; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { left: 0; z-index: 1; cursor: grab; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 3px; background-color: #182236; transition: all 0.2s ease-in-out; touch-action: manipulation; position: absolute; top: 50%; transform: translateY(-50%); } [data-whatinput=mouse] .slider-handle { outline: 0; } .slider-handle:hover { background-color: rgb(20.4, 28.9, 45.9); } .slider-handle.is-dragging { transition: all 0s linear; cursor: grabbing; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(34, 34, 34, 0.45); overflow-y: auto; -webkit-overflow-scrolling: touch; } .reveal { position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #BEBCBE; border-radius: 3px; background-color: #ffffff; } [data-whatinput=mouse] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 81.25rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 81.25rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 81.25rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 81.25rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .switch { position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #ffffff; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 2rem; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 3px; background: #BEBCBE; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 3px; background: #ffffff; transition: all 0.25s ease-out; content: ""; } input:checked ~ .switch-paddle { background: #182236; } input:checked ~ .switch-paddle::after { left: 2.25rem; } input:focus-visible ~ .switch-paddle { background: rgb(171.3863636364, 168.8136363636, 171.3863636364); } input:focus-visible ~ .switch-paddle::after { background: #ffffff; } input:checked:focus-visible ~ .switch-paddle { background: rgb(20.4, 28.9, 45.9); } input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } [data-whatinput=mouse] input:focus ~ .switch-paddle { outline: 0; } .switch-inactive, .switch-active { position: absolute; top: 50%; transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 3px; } thead, tbody, tfoot { border: 1px solid rgb(242.25, 242.25, 242.25); background-color: #ffffff; } caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } thead { background: rgb(248.625, 248.625, 248.625); color: #222222; } tfoot { background: rgb(242.25, 242.25, 242.25); color: #222222; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: rgb(242.25, 242.25, 242.25); } table.unstriped tbody { background-color: #ffffff; } table.unstriped tbody tr { border-bottom: 1px solid rgb(242.25, 242.25, 242.25); background-color: #ffffff; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: rgb(248.7525, 248.7525, 248.7525); } table.hover tfoot tr:hover { background-color: rgb(242.505, 242.505, 242.505); } table.hover tbody tr:hover { background-color: white; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: white; } .table-scroll { overflow-x: auto; } .tabs { margin: 0; border: 1px solid #F5F4F0; background: #ffffff; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; flex-basis: 0; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #182236; } .tabs.primary > li > a { color: #ffffff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: rgb(30.6461538462, 43.4153846154, 68.9538461538); } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #182236; } [data-whatinput=mouse] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #ffffff; color: rgb(20.64, 29.24, 46.44); } .tabs-title > a:focus, .tabs-title > a[aria-selected=true] { background: #F5F4F0; color: #182236; } .tabs-content { border: 1px solid #F5F4F0; border-top: 0; background: #ffffff; color: #222222; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #F5F4F0; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: 4px solid #ffffff; border-radius: 3px; box-shadow: 0 0 0 1px rgba(34, 34, 34, 0.2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(24, 34, 54, 0.5); } a.thumbnail image { box-shadow: none; } .title-bar { padding: 0.5rem; background: #222222; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #6B6B6B; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 3px; background-color: #222222; font-size: 80%; color: #ffffff; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-top-width: 0; border-color: transparent transparent #222222; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-bottom-width: 0; border-color: #222222 transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-right-width: 0; border-color: transparent transparent transparent #222222; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-left-width: 0; border-color: transparent #222222 transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .top-bar { padding: 0 0 0 4.625rem; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .top-bar, .top-bar ul { background-color: rgba(34, 34, 34, 0.8); } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar { flex-wrap: wrap; } .top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { flex-wrap: nowrap; } .top-bar .top-bar-left { flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 99.99875em) { .top-bar.stacked-for-large { flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 119.99875em) { .top-bar.stacked-for-xlarge { flex-wrap: wrap; } .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { flex: 0 0 100%; max-width: 100%; } } .top-bar.stacked-for-xxlarge { flex-wrap: wrap; } .top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right { flex: 0 0 100%; max-width: 100%; } .top-bar-title { flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { flex: 0 0 auto; } .hide { display: none !important; } .invisible { visibility: hidden; } .visible { visibility: visible; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 100em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 100em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 99.99875em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 100em) and (max-width: 119.99875em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 99.99875em), screen and (min-width: 120em) { .show-for-xlarge-only { display: none !important; } } @media screen and (min-width: 120em) { .hide-for-xxlarge { display: none !important; } } @media screen and (max-width: 119.99875em) { .show-for-xxlarge { display: none !important; } } @media screen and (min-width: 120em) { .hide-for-xxlarge-only { display: none !important; } } @media screen and (max-width: 119.99875em) { .show-for-xxlarge-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .show-for-dark-mode { display: none; } .hide-for-dark-mode { display: block; } @media screen and (prefers-color-scheme: dark) { .show-for-dark-mode { display: block !important; } .hide-for-dark-mode { display: none !important; } } .show-for-ie { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .show-for-ie { display: block !important; } .hide-for-ie { display: none !important; } } .show-for-sticky { display: none; } .is-stuck .show-for-sticky { display: block; } .is-stuck .hide-for-sticky { display: none; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; flex-basis: 0; order: 1; } .clearfix::after { clear: both; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-ccw-1turn; } @keyframes spin-ccw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(-1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #222222; font-family: "Selecta", Helvetica, Roboto, Arial, sans-serif; font-size: 1.125rem; line-height: 150%; } h1, h2, h3, h4, h5, h6 { clear: both; } .eyebrow, .single-post .share-bar span { font-size: 0.875rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.75rem; } @media print, screen and (min-width: 64em) { .eyebrow, .single-post .share-bar span { font-size: 0.875rem; } } p { margin-bottom: 2rem; } p.large-body { font-size: 1.25rem; line-height: 1.875rem; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { p.large-body { font-size: 1.375rem; line-height: 2rem; } } @media print, screen and (min-width: 64em) { p.large-body { font-size: 1.5rem; line-height: 2rem; } } @media print, screen and (max-width: 39.99875em) { p.h6 { font-size: 1.25rem; } } @media print, screen and (max-width: 39.99875em) { p { font-size: 1.125rem; } } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #F5F4F0; font-family: Consolas, "Liberation Mono", Courier, monospace; line-height: 150%; margin-bottom: 1rem; max-width: 100%; overflow: auto; padding: 1rem; } code, kbd, tt, var { font-family: Consolas, "Liberation Mono", Courier, monospace; } abbr, acronym { border-bottom: 1px dotted #BEBCBE; cursor: help; } mark, ins { background: #F5F4F0; text-decoration: none; } big { font-size: 125%; } ul.stylized-bullets { margin-left: 0; list-style: none; } ul.stylized-bullets li { margin-bottom: 2rem; padding-left: 2rem; position: relative; font-size: 1.125rem; } @media print, screen and (min-width: 64em) { ul.stylized-bullets li { font-size: 1.5rem; line-height: 110%; padding-left: 3.4375rem; } } ul.stylized-bullets li:before { content: ""; background-image: url("data:image/svg+xml;utf8,"); position: absolute; left: 0; top: 6px; width: 18px; height: 18px; background-size: contain; } @media print, screen and (min-width: 40em) { ul.stylized-bullets li:before { width: 25px; height: 25px; } } /* Elements --------------------------------------------- */ html { scroll-behavior: smooth; } .grid-container, .grid-container-small { padding: 0 24px; } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .grid-container, .grid-container-small { padding: 0 4.1666666667%; } } @media print, screen and (min-width: 64em) { .grid-container-small { padding: 0 12px; } } hr { background-color: #BEBCBE; border: 0; height: 1px; margin-bottom: 1.5em; } hr.gradient { background: linear-gradient(90deg, #CDFCC2 15.87%, #7D7DFF 87.02%); height: 8px; margin: 2rem 0; } ul, ol { margin: 0 0 2rem 1rem; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } .round-corners { border-radius: 35px; } table { margin: 0 0 1.5em; width: 100%; } /* Links --------------------------------------------- */ a:not(.button, .jump-link, .post-link) { color: #6B6B6B; transition: all 0.3s ease-in; } a:not(.button, .jump-link, .post-link):visited { color: #6B6B6B; } a:not(.button, .jump-link, .post-link):hover, a:not(.button, .jump-link, .post-link):focus, a:not(.button, .jump-link, .post-link):active { color: #BEBCBE; } a:not(.button, .jump-link, .post-link):focus { outline: thin dotted; } a:not(.button, .jump-link, .post-link):hover, a:not(.button, .jump-link, .post-link):active { outline: 0; } main.site-main .content-block a:not(.button, .jump-link, .post-link) { text-decoration: underline; text-underline-offset: 4px; } .bg-color-black a:not(.button, .jump-link, .post-link) { color: #CDFCC2; transition: all 0.3s ease-in; } .bg-color-black a:not(.button, .jump-link, .post-link):visited { color: #CDFCC2; } .bg-color-black a:not(.button, .jump-link, .post-link):hover, .bg-color-black a:not(.button, .jump-link, .post-link):focus, .bg-color-black a:not(.button, .jump-link, .post-link):active { color: #EAFAE3; } /* Forms --------------------------------------------- */ button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link), input[type=button], input[type=reset], input[type=submit], .button, span.edit-link a { border-radius: 999em; background: #222222; color: #F5F4F0; line-height: 1; padding: 0.75rem 1.25rem 0.75rem 2.25rem; font-weight: 500; font-size: 1.125rem; border: 2px solid transparent; display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; } @media print, screen and (min-width: 64em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link), input[type=button], input[type=reset], input[type=submit], .button, span.edit-link a { font-size: 1.5rem; padding: 0.75rem 1.25rem 0.75rem 3.25rem; gap: 40px; } } @media screen and (min-width: 120em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link), input[type=button], input[type=reset], input[type=submit], .button, span.edit-link a { font-size: 1.875rem; padding: 1.125rem 1.875rem 1.125rem 3.25rem; } } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link), input[type=button], input[type=reset], input[type=submit], .button, span.edit-link a { transition: all 0.3s ease-in; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):visited, input[type=button]:visited, input[type=reset]:visited, input[type=submit]:visited, .button:visited, span.edit-link a:visited { color: #F5F4F0; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):after, input[type=button]:after, input[type=reset]:after, input[type=submit]:after, .button:after, span.edit-link a:after { content: ""; min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; border-radius: 999em; background: #CDFCC2; display: inline-block; transition: all 0.3s ease-in; } @media print, screen and (min-width: 64em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):after, input[type=button]:after, input[type=reset]:after, input[type=submit]:after, .button:after, span.edit-link a:after { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; } } @media screen and (min-width: 120em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):after, input[type=button]:after, input[type=reset]:after, input[type=submit]:after, .button:after, span.edit-link a:after { min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; } } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before, .button:before, span.edit-link a:before { content: ""; position: absolute; top: 50%; right: 28px; width: 12px; height: 34px; transform: translateY(-50%); background-color: #222222; transition: all 0.3s ease-in; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 34%27%3E%3Cpath d=%27M0 4.82017V4.15933C0.16974 2.89329 0.993685 1.79421 1.98383 1.01511C5.29376 -1.58305 8.20763 1.37335 10.5734 3.55066C12.5996 5.41145 14.6153 7.40094 16.5496 9.35564C17.8616 10.6808 19.3327 12.1347 20.5067 13.5642C23.7211 17.4771 21.1538 19.8213 18.3673 22.7603C15.8141 25.4524 13.0629 28.1932 10.3223 30.7044C8.15812 32.6904 5.68982 35.1529 2.48245 33.4034C-0.72493 31.6539 -0.33948 28.1827 1.57363 25.7167C2.84668 24.0751 4.49811 22.3882 5.91968 20.8439C7.11493 19.5431 8.34554 18.2736 9.54079 16.9727C7.59586 15.2858 5.65799 13.5781 3.93938 11.6651C2.40465 9.96431 0.183885 7.14704 0 4.82017Z%27/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 34%27%3E%3Cpath d=%27M0 4.82017V4.15933C0.16974 2.89329 0.993685 1.79421 1.98383 1.01511C5.29376 -1.58305 8.20763 1.37335 10.5734 3.55066C12.5996 5.41145 14.6153 7.40094 16.5496 9.35564C17.8616 10.6808 19.3327 12.1347 20.5067 13.5642C23.7211 17.4771 21.1538 19.8213 18.3673 22.7603C15.8141 25.4524 13.0629 28.1932 10.3223 30.7044C8.15812 32.6904 5.68982 35.1529 2.48245 33.4034C-0.72493 31.6539 -0.33948 28.1827 1.57363 25.7167C2.84668 24.0751 4.49811 22.3882 5.91968 20.8439C7.11493 19.5431 8.34554 18.2736 9.54079 16.9727C7.59586 15.2858 5.65799 13.5781 3.93938 11.6651C2.40465 9.96431 0.183885 7.14704 0 4.82017Z%27/%3E%3C/svg%3E") center/contain no-repeat; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before, .button:before, span.edit-link a:before { right: 28px; width: 12px; } } @media print, screen and (min-width: 64em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before, .button:before, span.edit-link a:before { right: 34px; width: 18px; } } @media screen and (min-width: 120em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):before, input[type=button]:before, input[type=reset]:before, input[type=submit]:before, .button:before, span.edit-link a:before { right: 48px; width: 22px; } } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, span.edit-link a:hover { background: #CDFCC2; color: #222222; border: 2px solid #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):hover:after, input[type=button]:hover:after, input[type=reset]:hover:after, input[type=submit]:hover:after, .button:hover:after, span.edit-link a:hover:after { background: #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):hover:before, input[type=button]:hover:before, input[type=reset]:hover:before, input[type=submit]:hover:before, .button:hover:before, span.edit-link a:hover:before { background-color: #CDFCC2; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):active, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link):focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus, .button:active, span.edit-link a:active, .button:focus, span.edit-link a:focus { border-color: #aaa #bbb #bbb; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary, input[type=button].secondary, input[type=reset].secondary, input[type=submit].secondary, .button.secondary, span.edit-link a.secondary { color: #222222; background: #CDFCC2; border: none; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:visited, input[type=button].secondary:visited, input[type=reset].secondary:visited, input[type=submit].secondary:visited, .button.secondary:visited, span.edit-link a.secondary:visited { color: #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:after, input[type=button].secondary:after, input[type=reset].secondary:after, input[type=submit].secondary:after, .button.secondary:after, span.edit-link a.secondary:after { background: #222222; border: 2px solid transparent; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:before, input[type=button].secondary:before, input[type=reset].secondary:before, input[type=submit].secondary:before, .button.secondary:before, span.edit-link a.secondary:before { background-color: #CDFCC2; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:hover, input[type=button].secondary:hover, input[type=reset].secondary:hover, input[type=submit].secondary:hover, .button.secondary:hover, span.edit-link a.secondary:hover { border: none; background: #F5F4F0; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:hover:after, input[type=button].secondary:hover:after, input[type=reset].secondary:hover:after, input[type=submit].secondary:hover:after, .button.secondary:hover:after, span.edit-link a.secondary:hover:after { background: #CDFCC2; border: 2px solid #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).secondary:hover:before, input[type=button].secondary:hover:before, input[type=reset].secondary:hover:before, input[type=submit].secondary:hover:before, .button.secondary:hover:before, span.edit-link a.secondary:hover:before { background-color: #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).hollow, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).hollow:visited, input[type=button].hollow, input[type=button].hollow:visited, input[type=reset].hollow, input[type=reset].hollow:visited, input[type=submit].hollow, input[type=submit].hollow:visited, .button.hollow, span.edit-link a.hollow, .button.hollow:visited { color: #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).hollow:hover, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).hollow:visited:hover, input[type=button].hollow:hover, input[type=button].hollow:visited:hover, input[type=reset].hollow:hover, input[type=reset].hollow:visited:hover, input[type=submit].hollow:hover, input[type=submit].hollow:visited:hover, .button.hollow:hover, span.edit-link a.hollow:hover, .button.hollow:visited:hover { background: #CDFCC2; color: #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:before, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus:before, input[type=button].toggle:before, input[type=button].toggle:focus:before, input[type=reset].toggle:before, input[type=reset].toggle:focus:before, input[type=submit].toggle:before, input[type=submit].toggle:focus:before, .button.toggle:before, span.edit-link a.toggle:before, .button.toggle:focus:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 27 27%27%3E%3Cpath d=%27M17.8799 9.59961H27V17.4004H17.8799V27H9.12012V17.4004H0V9.59961H9.12012V0H17.8799V9.59961Z%27/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 27 27%27%3E%3Cpath d=%27M17.8799 9.59961H27V17.4004H17.8799V27H9.12012V17.4004H0V9.59961H9.12012V0H17.8799V9.59961Z%27/%3E%3C/svg%3E") center/contain no-repeat; } @media print, screen and (max-width: 63.99875em) { button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:before, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus:before, input[type=button].toggle:before, input[type=button].toggle:focus:before, input[type=reset].toggle:before, input[type=reset].toggle:focus:before, input[type=submit].toggle:before, input[type=submit].toggle:focus:before, .button.toggle:before, span.edit-link a.toggle:before, .button.toggle:focus:before { right: 29.5px; } } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle.is-active, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:hover, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus.is-active, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus:hover, input[type=button].toggle.is-active, input[type=button].toggle:hover, input[type=button].toggle:focus.is-active, input[type=button].toggle:focus:hover, input[type=reset].toggle.is-active, input[type=reset].toggle:hover, input[type=reset].toggle:focus.is-active, input[type=reset].toggle:focus:hover, input[type=submit].toggle.is-active, input[type=submit].toggle:hover, input[type=submit].toggle:focus.is-active, input[type=submit].toggle:focus:hover, .button.toggle.is-active, span.edit-link a.toggle.is-active, .button.toggle:hover, span.edit-link a.toggle:hover, .button.toggle:focus.is-active, .button.toggle:focus:hover { color: #222222; background: #CDFCC2; border: 2px solid #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle.is-active:after, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus.is-active:after, input[type=button].toggle.is-active:after, input[type=button].toggle:focus.is-active:after, input[type=reset].toggle.is-active:after, input[type=reset].toggle:focus.is-active:after, input[type=submit].toggle.is-active:after, input[type=submit].toggle:focus.is-active:after, .button.toggle.is-active:after, span.edit-link a.toggle.is-active:after, .button.toggle:focus.is-active:after { background: #222222; border: 2px solid #222222; } button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle.is-active:before, button:not(.close-button, .menu-icon, .hamburger-icon, .menu-toggle, .slider-w-nav__arrow, .copy-link).toggle:focus.is-active:before, input[type=button].toggle.is-active:before, input[type=button].toggle:focus.is-active:before, input[type=reset].toggle.is-active:before, input[type=reset].toggle:focus.is-active:before, input[type=submit].toggle.is-active:before, input[type=submit].toggle:focus.is-active:before, .button.toggle.is-active:before, span.edit-link a.toggle.is-active:before, .button.toggle:focus.is-active:before { background-color: #CDFCC2; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 26 26%27%3E%3Cpath d=%27M12.9814 6.78711L19.4307 0.338867L24.9463 5.85449L18.498 12.3037L25.2861 19.0918L19.0918 25.2852L12.3037 18.498L5.85449 24.9463L0.338867 19.4307L6.78809 12.9814L0 6.19336L6.19336 0L12.9814 6.78711ZM5.85449 22.8242L2.45996 19.4307L5.85449 22.8252L12.3027 16.376L5.85449 22.8242Z%27/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 26 26%27%3E%3Cpath d=%27M12.9814 6.78711L19.4307 0.338867L24.9463 5.85449L18.498 12.3037L25.2861 19.0918L19.0918 25.2852L12.3037 18.498L5.85449 24.9463L0.338867 19.4307L6.78809 12.9814L0 6.19336L6.19336 0L12.9814 6.78711ZM5.85449 22.8242L2.45996 19.4307L5.85449 22.8252L12.3027 16.376L5.85449 22.8242Z%27/%3E%3C/svg%3E") center/contain no-repeat; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #222222; border: 1px solid #BEBCBE; border-radius: 3px; padding: 0.5rem; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { border: 1px solid #6B6B6B; } select { border: 1px solid #BEBCBE; } textarea { width: 100%; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ .hero img, .half-feature img { width: 100%; } .hero .grid-container-fluid .order-first .title-block, .half-feature .grid-container-fluid .order-first .title-block { padding-left: 10px; } @media screen and (min-width: 100em) { .hero .grid-container-fluid .order-first .title-block, .half-feature .grid-container-fluid .order-first .title-block { padding-left: 0; margin-left: calc((100vw - (81.25rem - 20px)) * 0.5); } } .hero .grid-container-fluid .order-last .title-block, .half-feature .grid-container-fluid .order-last .title-block { padding-right: 10px; } @media screen and (min-width: 100em) { .hero .grid-container-fluid .order-last .title-block, .half-feature .grid-container-fluid .order-last .title-block { padding-right: 0; margin-right: calc((100vw - (81.25rem - 20px)) * 0.5); } } .hero .grid-container-fluid .cell, .half-feature .grid-container-fluid .cell { display: flex; } .hero .grid-container-fluid .img-container img, .half-feature .grid-container-fluid .img-container img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .hero { display: flex; padding-top: 3rem; color: #ffffff; margin-top: -1px; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hero { width: 100%; height: 100%; padding-top: 6rem; } } @media print, screen and (min-width: 64em) { .hero { min-height: 100vh; margin-top: -170px; padding-top: 18.75rem; } } .hero h1, .hero .h1, .hero p { color: #ffffff; } .hero p:not(.eyebrow, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 1.125rem; } @media print, screen and (min-width: 64em) { .hero p:not(.eyebrow, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 1.5rem; } } .hero .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .stacked-hero { display: flex; flex-direction: column; } .half-hero { height: unset; } .half-hero .form-block { max-width: 37.5rem; margin-top: 1.25rem; } @media print, screen and (min-width: 64em) { .half-hero .form-block p:not(.eyebrow, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 1.25rem; } } .half-hero .form-block p { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .half-hero .form-block p.h5 { font-size: 1.75rem; } } .half-hero .form-block form { margin-top: 3.5rem; } .half-hero .cell { height: auto; align-self: stretch; } @media print, screen and (max-width: 63.99875em) { .half-hero .cell { text-align: center; } } .half-hero .hero-left { height: 100%; display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .half-hero .hero-left .text-wrapper { margin-bottom: 2rem; } .half-hero .hero-left .feature-wrapper { margin-top: auto; } .half-hero .hero-left .feature-wrapper img { max-width: 26.5625rem; } @media print, screen and (max-width: 63.99875em) { .half-hero .hero-left .feature-wrapper { display: none; } } .half-hero .hero-right .form-block { padding-bottom: 4rem; } @media print, screen and (min-width: 64em) { .half-hero .hero-right .form-block { justify-self: flex-end; } } @media print, screen and (max-width: 63.99875em) { .half-hero .hero-right .form-block { margin: 4rem auto 0; } } .half-hero .hero-right .form-block form { margin-bottom: 4rem; } .video-hero { position: relative; overflow: hidden; padding: 3rem 0; } @media print, screen and (max-width: 63.99875em) { .video-hero { aspect-ratio: 16/9; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .video-hero { padding: 6rem 0; } } @media print, screen and (min-width: 64em) { .video-hero { min-height: 100vh; padding: 18.75rem 0 11.25rem; } } .video-hero iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-width: 177.78vh; transform: translate(-50%, -50%); z-index: 0; } @media print, screen and (min-width: 64em) { .video-hero iframe { min-height: 100vh; } } .video-hero .placeholder { position: absolute; inset: 0; z-index: 1; transition: opacity 0.6s ease; } @media print, screen and (max-width: 63.99875em) { .video-hero .placeholder { aspect-ratio: 16/9; } } .video-hero .placeholder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .video-hero.is-playing .placeholder { opacity: 0; pointer-events: none; } .video-hero .grid-container, .video-hero .grid-container-small, .video-hero .jump-link-wrapper { position: relative; z-index: 5; } .video-hero .jump-link-wrapper { display: none; position: absolute; bottom: 50px; color: #ffffff; z-index: 5; left: 50%; transform: translateX(-50%); } @media print, screen and (min-width: 64em) { .video-hero .jump-link-wrapper { display: block; } } .video-hero .jump-link-wrapper a { color: #F5F4F0; font-size: 1.25rem; font-weight: 500; display: flex; flex-direction: column; gap: 20px; align-items: center; } .video-hero .jump-link-wrapper a svg { transition: all 0.3s ease-in; } .video-hero .jump-link-wrapper a:hover svg { transform: translateY(8px); } .video-hero.content-block .overlay { position: absolute; inset: 0; z-index: 2; } .hero.product-hero { height: unset; background: #222222; background: linear-gradient(180deg, #323232 0%, #222 100%); min-height: unset; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hero.product-hero .image-block { margin-top: -8rem; } } @media print, screen and (min-width: 64em) { .hero.product-hero .image-block { margin-top: -12.25rem; } } .hero .button-container { display: flex; flex-direction: column; gap: 32px; justify-content: center; align-items: center; margin-top: 48px; } @media print, screen and (min-width: 64em) { .hero .button-container { margin-top: 64px; flex-direction: row; -moz-column-gap: 48px; column-gap: 48px; } } @media screen and (min-width: 100em) { .hero .button-container { -moz-column-gap: 128px; column-gap: 128px; } } @media print, screen and (min-width: 64em) { .cta-block h2 { margin-bottom: 3.75rem; } } @media screen and (min-width: 100em) { .tab-block .grid-container, .tab-block .grid-container-small { max-width: 90rem; } } .tab-block .title-block { position: relative; max-width: 75rem; } @media print, screen and (min-width: 64em) { .tab-block .title-block { padding: 0 24px; } } @media screen and (min-width: 120em) { .tab-block .title-block { max-width: 90rem; } } .tab-block .tabs { background: transparent; border: 0; display: flex; justify-content: center; } .tab-block .tabs-panel { padding: 0; } .tab-block #panelTabs { position: relative; } .tab-block #panelTabs .tab-indicator { position: absolute; left: 0; bottom: -5px; height: 10px; background: #CDFCC2; width: 0; transform: translateX(0); transition: transform 0.28s ease, width 0.28s ease; will-change: transform, width; pointer-events: none; z-index: 2; } .tab-block #panelTabs .tabs-title .link-wrapper { padding: 2rem; background: unset; border-bottom: 1px solid #6B6B6B; position: relative; display: inline-flex; align-items: center; outline: none; } @media print, screen and (min-width: 40em) { .tab-block #panelTabs .tabs-title .link-wrapper { padding: 2rem 4rem; } } @media screen and (min-width: 100em) { .tab-block #panelTabs .tabs-title .link-wrapper { padding: 2rem 6.25rem; } } .tab-block #panelTabs .tabs-title img { height: 40px; display: block; } @media screen and (min-width: 100em) { .tab-block #panelTabs .tabs-title img { height: 56px; } } .tab-block .tabs-content { background: transparent; border: 0; } @media print, screen and (max-width: 39.99875em) { .tab-block .tabs-content > .grid-container, .tab-block .tabs-content > .grid-container-small { padding: 0; } } .tab-block .background-container { position: absolute; z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tab-block.bg-color-black .content-block { color: #ffffff; } .tab-block.bg-color-black .content-block a h1, .tab-block.bg-color-black .content-block a h2, .tab-block.bg-color-black .content-block a h3, .tab-block.bg-color-black .content-block a h4, .tab-block.bg-color-black .content-block a h5, .tab-block.bg-color-black .content-block a h6, .tab-block.bg-color-black .content-block a p, .tab-block.bg-color-black .content-block a ul, .tab-block.bg-color-black .content-block a ol { color: #ffffff; } .tab-block.bg-color-white .content-block { color: #222222; } .tab-block.bg-color-white .content-block a h1, .tab-block.bg-color-white .content-block a h2, .tab-block.bg-color-white .content-block a h3, .tab-block.bg-color-white .content-block a h4, .tab-block.bg-color-white .content-block a h5, .tab-block.bg-color-white .content-block a h6, .tab-block.bg-color-white .content-block a p, .tab-block.bg-color-white .content-block a ul, .tab-block.bg-color-white .content-block a ol { color: #222222; } .tab-block .cta-block { position: relative; } @media print, screen and (max-width: 39.99875em) { .tab-block .content-grid .cell { margin-bottom: 1.25rem; } } .image-banner .image-wrapper img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .image-banner.banner-4-row .image-wrapper { aspect-ratio: 500/370; } .image-banner.banner-3-row .image-wrapper { aspect-ratio: 640/370; } .full-width-slider .title-block, .simple-slider-block .title-block { margin-bottom: 3rem; } .full-width-slider .full-slider, .full-width-slider .simple-slider, .simple-slider-block .full-slider, .simple-slider-block .simple-slider { padding-bottom: 6rem; } .full-width-slider .slide, .simple-slider-block .slide { border-radius: 20px; overflow: hidden; position: relative; width: 91.6666666667%; aspect-ratio: 808/1266; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .full-width-slider .slide, .simple-slider-block .slide { aspect-ratio: 3/4; } } @media print, screen and (min-width: 64em) { .full-width-slider .slide, .simple-slider-block .slide { width: 83.3333333333%; aspect-ratio: 16/9; } } .full-width-slider .slide .image-wrapper, .simple-slider-block .slide .image-wrapper { height: 100%; } .full-width-slider .slide .image-wrapper img, .simple-slider-block .slide .image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .full-width-slider .slide .text-wrapper, .simple-slider-block .slide .text-wrapper { color: #ffffff; position: absolute; bottom: 0; z-index: 2; background: rgba(34, 34, 34, 0.9); min-height: calc(30% - 64px); width: calc(100% - 64px); padding: 32px; display: flex; flex-direction: column; justify-content: center; } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .full-width-slider .slide .text-wrapper, .simple-slider-block .slide .text-wrapper { padding: 32px 64px; width: calc(100% - 128px); } } @media screen and (min-width: 100em) { .full-width-slider .slide .text-wrapper, .simple-slider-block .slide .text-wrapper { width: 83.3333333333%; padding: 32px 8.3333333333%; } } .full-width-slider .slide .text-wrapper h1, .full-width-slider .slide .text-wrapper h2, .full-width-slider .slide .text-wrapper h3, .full-width-slider .slide .text-wrapper h4, .full-width-slider .slide .text-wrapper h5, .full-width-slider .slide .text-wrapper h6, .simple-slider-block .slide .text-wrapper h1, .simple-slider-block .slide .text-wrapper h2, .simple-slider-block .slide .text-wrapper h3, .simple-slider-block .slide .text-wrapper h4, .simple-slider-block .slide .text-wrapper h5, .simple-slider-block .slide .text-wrapper h6 { color: #F5F4F0; margin-bottom: 1rem; } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .full-width-slider .slide .text-wrapper h1, .full-width-slider .slide .text-wrapper h2, .full-width-slider .slide .text-wrapper h3, .full-width-slider .slide .text-wrapper h4, .full-width-slider .slide .text-wrapper h5, .full-width-slider .slide .text-wrapper h6, .simple-slider-block .slide .text-wrapper h1, .simple-slider-block .slide .text-wrapper h2, .simple-slider-block .slide .text-wrapper h3, .simple-slider-block .slide .text-wrapper h4, .simple-slider-block .slide .text-wrapper h5, .simple-slider-block .slide .text-wrapper h6 { font-size: 2rem; } } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .full-width-slider .slide .text-wrapper p, .simple-slider-block .slide .text-wrapper p { font-size: 1.125rem; } } @media print, screen and (min-width: 64em) { .full-width-slider .slide .text-wrapper p, .simple-slider-block .slide .text-wrapper p { padding: 0 10.4166666667%; } } .full-width-slider .slider-nav-container, .simple-slider-block .slider-nav-container { width: 90%; position: absolute; left: 50%; transform: translateX(-50%); margin: 2rem 0; display: flex; align-items: center; justify-content: space-between; } @media print, screen and (min-width: 40em) { .full-width-slider .slider-nav-container, .simple-slider-block .slider-nav-container { width: 28.125rem; } } .full-width-slider .slider-nav-container .full-slider-button-prev, .full-width-slider .slider-nav-container .full-slider-button-next, .full-width-slider .slider-nav-container .simple-slider-button-prev, .full-width-slider .slider-nav-container .simple-slider-button-next, .simple-slider-block .slider-nav-container .full-slider-button-prev, .simple-slider-block .slider-nav-container .full-slider-button-next, .simple-slider-block .slider-nav-container .simple-slider-button-prev, .simple-slider-block .slider-nav-container .simple-slider-button-next { max-height: 40px; } .full-width-slider .slider-nav-container .full-slider-button-prev:hover, .full-width-slider .slider-nav-container .full-slider-button-next:hover, .full-width-slider .slider-nav-container .simple-slider-button-prev:hover, .full-width-slider .slider-nav-container .simple-slider-button-next:hover, .simple-slider-block .slider-nav-container .full-slider-button-prev:hover, .simple-slider-block .slider-nav-container .full-slider-button-next:hover, .simple-slider-block .slider-nav-container .simple-slider-button-prev:hover, .simple-slider-block .slider-nav-container .simple-slider-button-next:hover { cursor: pointer; } .full-width-slider .slider-nav-container .full-slider-button-prev.swiper-button-disabled, .full-width-slider .slider-nav-container .full-slider-button-next.swiper-button-disabled, .full-width-slider .slider-nav-container .simple-slider-button-prev.swiper-button-disabled, .full-width-slider .slider-nav-container .simple-slider-button-next.swiper-button-disabled, .simple-slider-block .slider-nav-container .full-slider-button-prev.swiper-button-disabled, .simple-slider-block .slider-nav-container .full-slider-button-next.swiper-button-disabled, .simple-slider-block .slider-nav-container .simple-slider-button-prev.swiper-button-disabled, .simple-slider-block .slider-nav-container .simple-slider-button-next.swiper-button-disabled { opacity: 0; visibility: none; transition: all 0.1s ease-in; } .full-width-slider .slider-nav-container .full-slider-pagination, .full-width-slider .slider-nav-container .simple-slider-pagination, .simple-slider-block .slider-nav-container .full-slider-pagination, .simple-slider-block .slider-nav-container .simple-slider-pagination { width: calc(100% - 96px); position: relative; display: flex; align-items: center; justify-content: center; top: unset; bottom: unset; left: unset; } .full-width-slider .slider-nav-container .full-slider-pagination .swiper-pagination-bullet, .full-width-slider .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet, .simple-slider-block .slider-nav-container .full-slider-pagination .swiper-pagination-bullet, .simple-slider-block .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 16px; border: 2px solid #222222; background: #F5F4F0; opacity: 1; } @media print, screen and (min-width: 40em) { .full-width-slider .slider-nav-container .full-slider-pagination .swiper-pagination-bullet, .full-width-slider .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet, .simple-slider-block .slider-nav-container .full-slider-pagination .swiper-pagination-bullet, .simple-slider-block .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet { margin: 0 20px; } } .full-width-slider .slider-nav-container .full-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .full-width-slider .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .simple-slider-block .slider-nav-container .full-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .simple-slider-block .slider-nav-container .simple-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #222222; } .text-slider-container .title-block { margin-bottom: 3rem; } @media print, screen and (max-width: 63.99875em) { .text-slider-container .xlarge-5 { order: 1; } .text-slider-container .xlarge-7 { order: 2; } } .text-slider-container .featured-image { height: 100%; position: relative; order: 2; } @media print, screen and (max-width: 63.99875em) { .text-slider-container .featured-image img { max-height: 75vh; } } @media print, screen and (min-width: 64em) { .text-slider-container .featured-image { order: 1; } } @media screen and (min-width: 100em) { .text-slider-container .featured-image img { max-height: 75vh; } } .text-slider-container .text-slider { padding-bottom: 6rem; order: 1; } @media print, screen and (min-width: 64em) { .text-slider-container .text-slider { order: 2; } } .text-slider-container .text-slider ul { margin-left: 20px; } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .text-slider-container .large-6:last-of-type { padding-left: 3rem; } } .text-slider-container .slider-nav-container { width: 6rem; position: absolute; left: 0; display: flex; align-items: center; justify-content: space-between; } .text-slider-container .slider-nav-container .text-slider-button-prev, .text-slider-container .slider-nav-container .text-slider-button-next { max-height: 40px; } .text-slider-container .slider-nav-container .text-slider-button-prev:hover, .text-slider-container .slider-nav-container .text-slider-button-next:hover { cursor: pointer; } .text-slider-container .slider-nav-container .text-slider-button-prev.swiper-button-disabled, .text-slider-container .slider-nav-container .text-slider-button-next.swiper-button-disabled { opacity: 0.4; transition: all 0.1s ease-in; } @media print, screen and (max-width: 63.99875em) { .text-slider-container .slider-footer { margin: 48px 0; } } .text-slider-container .slider-footer > p { display: flex; align-items: center; gap: 24px; } .text-slider-container .slider-footer > p img:first-of-type { max-height: 40px; width: auto; } .text-slider-container .slider-footer > p img:last-of-type { max-height: 32px; width: auto; } .feature-block .title-block { padding: 0 4.1666666667%; margin-bottom: 3rem; } @media print, screen and (min-width: 64em) { .feature-block .title-block { padding: 0 8.3333333333%; } } .feature-block .feature-container { display: flex; overflow: hidden; } .feature-block .feature-container.feature-half { flex-direction: column; gap: 30px; } @media print, screen and (min-width: 64em) { .feature-block .feature-container.feature-half { gap: 48px; flex-direction: row; } } @media print, screen and (min-width: 64em) { .feature-block .feature-container.feature-half .text-container { min-width: 26.5625rem; } } .feature-block .feature-container.feature-full { flex-direction: column; } .feature-block .feature-container.feature-position-pin { border-top-right-radius: 2.1875rem; border-top-left-radius: 2.1875rem; padding: 4rem 0 0 4rem; } @media print, screen and (min-width: 64em) { .feature-block .feature-container.feature-position-pin { border-top-right-radius: 5.3125rem; border-top-left-radius: 5.3125rem; padding: 5.3125rem 0 0 5.3125rem; } } .feature-block .feature-container.feature-position-float { padding: 3rem; border-radius: 2.1875rem; } @media print, screen and (min-width: 64em) { .feature-block .feature-container.feature-position-float { padding: 4.5rem; border-radius: 5.3125rem; } } .feature-block .feature-container.feature-half.feature-position-pin { align-items: stretch; } @media print, screen and (min-width: 64em) { .feature-block .feature-container.feature-half.feature-position-pin .text-container { padding-bottom: 3.5rem; } } .feature-block .feature-container.feature-half.feature-position-pin .text-container .animate-on-scroll { margin-bottom: 2rem; } .feature-block .feature-container.feature-half.feature-position-pin .image-container { height: auto; } .feature-block .feature-container.feature-half.feature-position-pin .image-container img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -o-object-position: left top; object-position: left top; } .feature-block .sam-icon { position: relative; } .feature-block .sam-icon:before { content: ""; width: 60px; height: 61px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjEyNiIgdmlld0JveD0iMCAwIDEyNiAxMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMzUiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjEzNF8zNTI1KSI+CjxwYXRoIGQ9Ik02Mi43NjQ5IDMwQzQ0LjY3MTMgMzAgMzAgNDQuNjcxMyAzMCA2Mi43NjQ5QzMwIDgwLjg1ODUgNDQuNjcxMyA5NS41Mjk4IDYyLjc2NDkgOTUuNTI5OEM4MC44NTg1IDk1LjUyOTggOTUuNTI5OCA4MC44NTg1IDk1LjUyOTggNjIuNzY0OUM5NS41Mjk4IDQ0LjY3MTMgODAuODY2NyAzMCA2Mi43NjQ5IDMwWk02Mi43NjQ5IDgxLjA2MzJDNTIuNjYyIDgxLjA2MzIgNDQuNDY2NyA3Mi44NzYgNDQuNDY2NyA2Mi43NzMxQzQ0LjQ2NjcgNTIuNjcwMiA1Mi42NTM4IDQ0LjQ3NDkgNjIuNzY0OSA0NC40NzQ5QzcyLjg3NiA0NC40NzQ5IDgxLjA2MzIgNTIuNjYyIDgxLjA2MzIgNjIuNzczMUM4MS4wNjMyIDcyLjg4NDIgNzIuODc2IDgxLjA2MzIgNjIuNzY0OSA4MS4wNjMyWiIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzIxMzRfMzUyNSkiLz4KPC9nPgo8cGF0aCBkPSJNNjguODg4OSA4OC4yNTIxQzUzLjUyMTcgODguMjUyMSA0MS4wMTE3IDc1Ljc1MDMgNDEuMDExNyA2MC4zNzQ5QzQxLjAxMTcgNDQuOTk5NCA1My41MTM1IDMyLjUwNTkgNjguODg4OSAzMi41MDU5Qzg0LjI2NDQgMzIuNTA1OSA5Ni43NjYxIDQ1LjAwNzYgOTYuNzY2MSA2MC4zODMxQzk2Ljc2NjEgNzUuNzU4NSA4NC4yNjQ0IDg4LjI2MDMgNjguODg4OSA4OC4yNjAzVjg4LjI1MjFaTTY4Ljg4ODkgMzQuOTYyQzU0Ljg3MjUgMzQuOTYyIDQzLjQ2NzkgNDYuMzY2NyA0My40Njc5IDYwLjM4MzFDNDMuNDY3OSA3NC4zOTk0IDU0Ljg3MjUgODUuODA0MSA2OC44ODg5IDg1LjgwNDFDODIuOTA1MyA4NS44MDQxIDk0LjMxIDc0LjM5OTQgOTQuMzEgNjAuMzgzMUM5NC4zMSA0Ni4zNjY3IDgyLjkwNTMgMzQuOTYyIDY4Ljg4ODkgMzQuOTYyWiIgZmlsbD0iIzIyMjIyMiIvPgo8cGF0aCBkPSJNNzguMjMwMyA1OS4wOTcyQzg2Ljc2NzEgNTkuMDk3MiA5My42ODc2IDUyLjE3NjggOTMuNjg3NiA0My42Mzk5QzkzLjY4NzYgMzUuMTAzMSA4Ni43NjcxIDI4LjE4MjYgNzguMjMwMyAyOC4xODI2QzY5LjY5MzQgMjguMTgyNiA2Mi43NzI5IDM1LjEwMzEgNjIuNzcyOSA0My42Mzk5QzYyLjc3MjkgNTIuMTc2OCA2OS42OTM0IDU5LjA5NzIgNzguMjMwMyA1OS4wOTcyWiIgZmlsbD0iIzdEN0RGRiIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzIxMzRfMzUyNSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEyNS41MyIgaGVpZ2h0PSIxMjUuNTMiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNDkwMTk2IDAgMCAwIDAgMC40OTAxOTYgMCAwIDAgMCAxIDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yMTM0XzM1MjUiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjEzNF8zNTI1IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMjEzNF8zNTI1IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDYyLjc2NDkgNjIuNzY0OSkgc2NhbGUoMzIuNzY0OSAzMi43NjQ5KSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3RDdERkYiLz4KPHN0b3Agb2Zmc2V0PSIwLjIxIiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuOTkiLz4KPHN0b3Agb2Zmc2V0PSIwLjM1IiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ4IiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuODkiLz4KPHN0b3Agb2Zmc2V0PSIwLjU5IiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuODEiLz4KPHN0b3Agb2Zmc2V0PSIwLjciIHN0b3AtY29sb3I9IiM3RDdERkYiIHN0b3Atb3BhY2l0eT0iMC42OSIvPgo8c3RvcCBvZmZzZXQ9IjAuOCIgc3RvcC1jb2xvcj0iIzdEN0RGRiIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CjxzdG9wIG9mZnNldD0iMC45IiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuMzkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN0Q3REZGIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=); display: inline-block; background-size: contain; position: absolute; left: -72px; top: -8px; } @media print, screen and (max-width: 39.99875em) { .feature-block .sam-icon:before { top: -20px; } } .logo-marquee { overflow: hidden; } .logo-marquee .title-block { margin-bottom: 3rem; } .logo-marquee .logo-block { margin-bottom: 1.5rem; } .logo-marquee .vmarquee { --icon-h: 65px; --col-gap: 56px; /* between logos */ --row-gap: 32px; /* between rows */ --visible-rows: 3; --stagger-x: 32px; /* JS overrides */ --spotlight-strength: 0.35; /* optional */ height: calc(var(--icon-h) * var(--visible-rows) + var(--row-gap) * (var(--visible-rows) - 1)); overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 76%, transparent); mask-image: linear-gradient(to bottom, transparent, black 30%, black 76%, transparent); } .logo-marquee .vmarquee__inner { max-width: 1920px; margin: 0 auto; padding: 0 24px 16px; } .logo-marquee .vmarquee__scroller { will-change: transform; animation: vmarqueeY var(--duration, 20s) linear infinite; width: 100%; } @keyframes vmarqueeY { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, calc(-1 * var(--setHeight, 0px)), 0); } } .logo-marquee .vmarquee__set { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: var(--row-gap) var(--col-gap); padding: 0; margin: 0; } .logo-marquee { /* Brick/stagger: offset every other row (first 10 of each 20 items) */ /* 10 columns => 2 rows = 20 items; shift first 10 of each 20 */ } .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+1), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+2), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+3), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+4), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+5), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+6), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+7), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+8), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+9), .logo-marquee .vmarquee__set[data-cols="10"] > .vmarquee__img:nth-child(20n+10) { transform: translateX(var(--stagger-x)); } .logo-marquee { /* 6 columns => 2 rows = 12 items; shift first 6 of each 12 */ } .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+1), .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+2), .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+3), .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+4), .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+5), .logo-marquee .vmarquee__set[data-cols="6"] > .vmarquee__img:nth-child(12n+6) { transform: translateX(var(--stagger-x)); } .logo-marquee { /* 3 columns => 2 rows = 6 items; shift first 3 of each 6 */ } .logo-marquee .vmarquee__set[data-cols="4"] > .vmarquee__img:nth-child(8n+1), .logo-marquee .vmarquee__set[data-cols="4"] > .vmarquee__img:nth-child(8n+2), .logo-marquee .vmarquee__set[data-cols="4"] > .vmarquee__img:nth-child(8n+3), .logo-marquee .vmarquee__set[data-cols="4"] > .vmarquee__img:nth-child(8n+4) { transform: translateX(var(--stagger-x)); } .logo-marquee .vmarquee__img { height: var(--icon-h); width: 100%; -o-object-fit: contain; object-fit: contain; justify-self: center; align-self: center; padding: 6px; max-width: 170px; /* Dark-bg friendly defaults */ opacity: 0.9; filter: brightness(1.05) contrast(1.05); transition: transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease; } .logo-marquee .vmarquee__img:hover { transform: translateY(-2px); opacity: 1; filter: brightness(1.15) contrast(1.1); } .logo-marquee .vmarquee__img[data-fill="1"] { opacity: 0.7; filter: brightness(0.95); } @media (prefers-reduced-motion: reduce) { .logo-marquee .vmarquee__scroller { animation: none; transform: none; } .logo-marquee .vmarquee::after { display: none; } } .logo-marquee .vmarquee__set-spacer { height: var(--row-gap); width: 100%; } @media (max-width: 1024px) { .logo-marquee .vmarquee { --icon-h: 56px; --col-gap: 32px; --row-gap: 24px; } .logo-marquee .vmarquee__set { grid-template-columns: repeat(6, minmax(0, 1fr)); } .logo-marquee .vmarquee__img { max-width: 150px; padding: 5px; } } .logo-marquee { /* <= 640px */ } @media (max-width: 640px) { .logo-marquee .vmarquee { --icon-h: 48px; --col-gap: 20px; --row-gap: 16px; /* optional: gives a nicer feel on phones */ --visible-rows: 4; } .logo-marquee .vmarquee__set { grid-template-columns: repeat(4, minmax(0, 1fr)); } .logo-marquee { /* let items use the full cell on small screens */ } .logo-marquee .vmarquee__img { max-width: none; padding: 4px; } } @media print, screen and (min-width: 64em) { .slider-w-nav h2 { font-size: clamp(3rem, 5vw, 56px); } } @media print, screen and (max-width: 63.99875em) { .slider-w-nav .grid-container:not(.full) > .grid-padding-x, .slider-w-nav .grid-container-small:not(.full) > .grid-padding-x { margin-right: -1.5rem; margin-left: -1.5rem; } .slider-w-nav .medium-5.cell:last-of-type { padding: 0; } } .slider-w-nav__panel { position: relative; overflow: hidden; } @media screen and (max-width: 47.9375em) { .slider-w-nav__panel { max-height: 80vh; } } @media print, screen and (max-width: 39.99875em) { .slider-w-nav__panel { aspect-ratio: unset; } } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .slider-w-nav__panel { max-height: 90vh; } } /* Default image (shown when slider closed) */ .default-image { display: block; width: 100%; height: auto; transition: opacity 250ms ease; border-radius: 35px; } @media print, screen and (min-width: 64em) { .default-image { border-radius: 85px; } } @media print, screen and (min-width: 64em) and (max-width: 99.99875em) { .default-image { max-height: 90vh; -o-object-fit: cover; object-fit: cover; } } .slider-w-nav__title { margin-bottom: 3rem; } @media print, screen and (max-width: 63.99875em) { .slider-w-nav__title { padding: 0 48px !important; } } @media print, screen and (min-width: 64em) { .slider-w-nav__title { padding-right: 2.5rem; } } @media screen and (min-width: 100em) { .slider-w-nav__title { margin-bottom: 4rem; padding-right: 5.5rem; } } .slider-w-nav__text { position: absolute; bottom: 0; background: rgba(34, 34, 34, 0.9); color: #F5F4F0; padding: 2.5rem 2.5rem 3rem; } @media print, screen and (min-width: 64em) { .slider-w-nav__text { min-height: 30%; } } @media screen and (min-width: 100em) { .slider-w-nav__text { padding: 3.75rem 5.3125rem; min-height: 30%; } } /* Overlay: hidden by default */ .slider-w-nav__overlay { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); } /* Open state: fade overlay in, hide default image */ [data-slider-root].is-open .slider-w-nav__overlay { opacity: 1; pointer-events: auto; } [data-slider-root].is-open .default-image { opacity: 0; } /* LEFT NAV BUTTONS */ .slider-w-nav__buttons { display: flex; flex-direction: column; gap: 20px; } @media screen and (min-width: 120em) { .slider-w-nav__buttons { gap: 38px; } } @media print, screen and (min-width: 64em) { .slider-w-nav__buttons { padding-right: 2.5rem; } } @media screen and (min-width: 100em) { .slider-w-nav__buttons { padding-right: 5.5rem; } } .slider-w-nav__btn { padding: 12px 16px; cursor: pointer; text-align: left; } /* Swiper sizing */ .slider-w-nav__swiper, .slider-w-nav__swiper .swiper-wrapper, .slider-w-nav__swiper .swiper-slide { height: 100%; } .slider-w-nav__swiper .swiper-slide { overflow: hidden; position: relative; border-radius: 35px; } @media print, screen and (min-width: 64em) { .slider-w-nav__swiper .swiper-slide { border-radius: 85px; } } .slider-w-nav__swiper .swiper-slide img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } /* Arrows (desktop only) */ .slider-w-nav__arrow { cursor: pointer; } .slider-w-nav__arrow.swiper-button-disabled { opacity: 0.45; cursor: default; } .slider-w-nav_nav-container { position: absolute; left: 20px; z-index: 5; display: flex; flex-direction: column; justify-content: space-between; height: 120px; } @media print, screen and (max-width: 39.99875em) { .slider-w-nav_nav-container { display: none; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .slider-w-nav_nav-container { justify-content: center; gap: 10px; height: auto; } } @media print, screen and (min-width: 40em) { .slider-w-nav_nav-container { top: 20px; } } @media screen and (min-width: 75em) { .slider-w-nav_nav-container { top: 50%; transform: translateY(-80%); } } .slider-w-nav__arrow--prev { left: 12px; } .slider-w-nav__arrow--next { right: 12px; } /* MOBILE */ @media screen and (max-width: 47.9375em) { .slider-w-nav__buttons { display: none; } .slider-w-nav__arrow { display: none; } .medium-6:last-of-type { width: 100%; } } /*-------------------------------------------------------------- # Custom Blocks --------------------------------------------------------------*/ .career-embed .embed-container { border-radius: 5.3125rem; display: flex; flex-direction: column; gap: 48px; padding: 48px; } @media print, screen and (min-width: 64em) { .career-embed .embed-container { gap: 72px; padding: 5.3125rem; } } .career-embed .embed-container hr { margin-left: 3rem; margin-right: 3rem; } @media print, screen and (min-width: 64em) { .career-embed .embed-container hr { margin-left: 6rem; margin-right: 6rem; } } .career-embed .embed-container .iframe, .career-embed .embed-container iframe { width: 100%; } .career-embed .embed-container .text { width: 83.3333333333%; margin: 0 auto; } .product-feature .grid-container-full { padding-right: 8.3333333333%; } .product-feature .feature-container { display: flex; flex-direction: column; position: relative; overflow: hidden; z-index: 2; } @media screen and (min-width: 75em) { .product-feature .feature-container { align-items: flex-end; flex-direction: row; gap: 4.1666666667%; } } .product-feature .feature-container .image-container { order: 2; aspect-ratio: 3/2; display: flex; align-items: flex-end; } .product-feature .feature-container .image-container img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-position: right bottom; object-position: right bottom; } @media print, screen and (max-width: 39.99875em) { .product-feature .feature-container .image-container { margin-left: 0; margin-bottom: -40px; } } @media screen and (max-width: 74.9375em) { .product-feature .feature-container .image-container { margin-left: -60px; margin-bottom: -100px; } } @media screen and (min-width: 75em) { .product-feature .feature-container .image-container { margin-left: -60px; margin-bottom: -68px; order: 1; } } .product-feature .feature-container .text-container { order: 1; width: 100%; max-width: 39.0625rem; padding: 0 0 0 48px; } @media print, screen and (min-width: 40em) { .product-feature .feature-container .text-container { padding: 0 48px; } } @media screen and (min-width: 75em) { .product-feature .feature-container .text-container { order: 2; padding: 0 0 8rem 0; } } .product-feature .feature-container .text-container hr { margin-top: 48px; } .product-feature .gradient-transition { position: absolute; bottom: 0; width: 100%; height: 100px; z-index: 5; background: linear-gradient(0deg, rgb(34, 34, 34) 0%, rgba(34, 34, 34, 0) 100%); } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ #main-nav { justify-content: space-between; padding: 0 4.5rem; background: transparent; } #main-nav a { color: #BEBCBE; font-size: 1.25rem; padding: 36px 0; position: relative; transition: all 0.1s ease-in; } #main-nav a:hover { background: transparent; color: #ffffff; } #main-nav a:hover:before { content: ""; display: inline-flex; width: 10px; height: 10px; border-radius: 100%; background-color: #ffffff; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); } #main-nav li.active > a { color: #ffffff; } #main-nav li.active > a:before { content: ""; display: inline-flex; width: 10px; height: 10px; border-radius: 100%; background-color: #ffffff; position: absolute; top: 16px; left: 50%; transform: translateX(-50%); } #main-nav li.active ul li a { color: #222222; } #main-nav li.active ul li a:before { display: none; } #main-nav ul { background-color: rgba(190, 188, 190, 0.95); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; overflow: hidden; } #main-nav ul li { padding: 0; } #main-nav ul li a { padding: 1.875rem 1.25rem; text-align: center; color: #222222; } #main-nav ul li a:hover { background: #F5F4F0; color: #222222; } #main-nav ul li a:hover:before { display: none; } #main-nav.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: unset; left: 50%; transform: translateX(-50%); } .is-stuck #main-nav a { padding: 24px 0; font-size: 1.125rem; } .is-stuck #main-nav a:hover:before { width: 8px; height: 8px; top: 10px; } .is-stuck #main-nav li.active > a { color: #ffffff; } .is-stuck #main-nav li.active > a:before { width: 8px; height: 8px; top: 10px; } #footer-menu { justify-content: space-around; } #footer-menu > li > a { padding-bottom: 1rem; } #footer-menu a { color: #BEBCBE; font-size: 1.5rem; font-weight: 600; } #footer-menu a:hover { color: #ffffff; } #footer-menu ul { list-style: none; margin-left: 0; margin-bottom: 0; } #footer-menu ul a { font-weight: 400; } #footer-links a { font-size: 1.125rem; color: #BEBCBE; padding: 0.625rem 1.25rem; } @media print, screen and (min-width: 64em) { #footer-links a { font-size: 1.125rem; } } #footer-links a:hover { color: #ffffff; } @media print, screen and (min-width: 64em) { #footer-links li:last-of-type a { padding-right: 6px; } } .off-canvas-nav-wrapper { background: #222222; border-bottom-right-radius: 35px; border-bottom-left-radius: 25px; overflow: hidden; box-shadow: 0 0 10px rgba(34, 34, 34, 0.7); } .off-canvas.is-transition-overlap.is-open { box-shadow: unset; } #offcanvas-nav { background: #222222; border-bottom-right-radius: 35px; border-bottom-left-radius: 25px; overflow: visible; } #offcanvas-nav li ul { background: #F5F4F0; } #offcanvas-nav li ul a { color: #222222; font-weight: 500; transition: all 0.3s ease-in; } #offcanvas-nav li ul a:hover { background: #BEBCBE; } #offcanvas-nav a { padding: 24px 24px 24px 48px; color: #BEBCBE; transition: all 0.3s ease-in; } #offcanvas-nav a:hover { background: #CDFCC2; color: #222222; } .off-canvas.position-top { max-width: 300px; left: unset; right: 0; background: transparent; height: auto; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; overflow: scroll; top: 72px; transform: translateY(calc(-100% - 100px)); transition: transform 0.3s ease; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; perspective: 1000px; contain: paint; } /* open state */ .off-canvas.position-top.is-open { transform: translateY(0); } .off-canvas.position-top:not(.is-open) { transform: translateY(calc(-100% - 100px)) !important; } html:not([data-whatinput]) .off-canvas { visibility: hidden; } /* Once initialized, show it */ html[data-whatinput] .off-canvas { visibility: visible; } .menu-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; cursor: pointer; line-height: 0; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; } .hamburger-icon { width: 20px; height: 20px; position: relative; display: inline-block; /* middle hamburger bar */ background: linear-gradient(currentColor, currentColor) 0 50%/100% 2.5px no-repeat; border-radius: 2px; transition: background-size 180ms ease; } /* top & bottom bars */ .hamburger-icon::before, .hamburger-icon::after { content: ""; position: absolute; left: 0; width: 100%; height: 2.5px; background: currentColor; border-radius: 2px; /* rounded ends */ transition: transform 180ms ease, top 180ms ease, height 180ms ease; } /* looser vertical spacing */ .hamburger-icon::before { top: 3px; } .hamburger-icon::after { top: 15px; } .menu-toggle.is-active .hamburger-icon { background-size: 0 2.5px; /* hide middle bar */ } .menu-toggle.is-active .hamburger-icon::before, .menu-toggle.is-active .hamburger-icon::after { top: 8px; /* center */ height: 4px; /* bolder X */ } .menu-toggle.is-active .hamburger-icon::before { transform: rotate(45deg); } .menu-toggle.is-active .hamburger-icon::after { transform: rotate(-45deg); } @media (prefers-reduced-motion: reduce) { .hamburger-icon, .hamburger-icon::before, .hamburger-icon::after { transition: none; } } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { content: url("data:image/svg+xml;utf8,"); border: unset; width: 16px; height: 16px; margin-top: -8px; right: 1.5rem; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover::after { content: url("data:image/svg+xml;utf8,"); } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { content: ""; border: unset; width: 16px; height: 4px; background-color: #CDFCC2; margin-top: 0; } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a:hover::after { content: ""; background-color: #222222; } /* Posts and pages --------------------------------------------- */ .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 0; } .page-content p:last-child, .page-content p:only-child, .entry-content p:last-child, .entry-content p:only-child, .entry-summary p:last-child, .entry-summary p:only-child { margin-bottom: 0; } .page-links { clear: both; margin: 0 0 1.5em; } .excerpt-read-more { display: block; } .blog .card .card-section { padding: 26.666px 0; } .page-navigation { text-align: center; } .page-navigation ul.pagination li span.current { border-radius: 3px; display: inline-block; } .post-navigation .nav-links { display: flex; justify-content: space-between; } .meet-the-cube img { max-width: 12.5rem; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .meet-the-cube img { max-width: 21.875rem; } } @media print, screen and (min-width: 64em) { .meet-the-cube img { max-width: 26.5625rem; } } .single-post .entry-header .grid-container, .single-post .entry-header .grid-container-small { max-width: 81.25rem; } .single-post .entry-content .grid-container, .single-post .entry-content .grid-container-small, .single-post .share-bar .grid-container, .single-post .share-bar .grid-container-small { max-width: 75rem; } .single-post header.entry-header { position: relative; padding-top: 6rem; z-index: 1; text-align: center; } @media print, screen and (min-width: 64em) { .single-post header.entry-header { margin-top: -190px; padding-top: 21.25rem; } } .single-post header.entry-header .grid-container, .single-post header.entry-header .grid-container-small { position: relative; z-index: 2; } .single-post header.entry-header .background-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; opacity: 0.15; background-position: center; backgrond-repeat: no-repeat; background-size: cover; } .single-post header.entry-header h1 { font-size: 3.5rem; } @media print, screen and (min-width: 64em) { .single-post header.entry-header h1 { font-size: 4.5rem; } } .single-post .share-bar { background-color: #222222; color: #ffffff; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 4.5rem; } .single-post .share-bar .grid-container, .single-post .share-bar .grid-container-small { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media print, screen and (max-width: 39.99875em) { .single-post .share-bar .grid-container, .single-post .share-bar .grid-container-small { gap: 16px; } } @media print, screen and (min-width: 40em) { .single-post .share-bar .grid-container, .single-post .share-bar .grid-container-small { justify-content: space-between; flex-direction: row; } } @media print, screen and (min-width: 64em) { .single-post .share-bar .grid-container, .single-post .share-bar .grid-container-small { padding-top: 2rem; padding-bottom: 2rem; } } .single-post .share-bar a, .single-post .share-bar button, .single-post .share-bar span { color: #ffffff; } .single-post .share-bar span { font-size: 1.125rem; } .single-post .share-bar .share-menu .share-icons a, .single-post .share-bar .share-menu .share-icons button { display: flex; align-items: center; } .single-post .share-bar .share-menu .share-icons span.icon { margin-bottom: 0; } .single-post .excerpt-wrapper hr { margin-top: 36 px; margin-bottom: 8px; background-color: #BEBCBE; } @media print, screen and (min-width: 64em) { .single-post .excerpt-wrapper hr { margin-top: 4.5rem; } } .single-post .p_top__auto { padding-top: 36 px; } @media print, screen and (min-width: 64em) { .single-post .p_top__auto { padding-top: 4.5rem; } } .single-post .p_btm__auto { padding-bottom: 36; } @media print, screen and (min-width: 64em) { .single-post .p_btm__auto { padding-bottom: 4.5rem; } } .single-post .share-bar-footer { color: #222222; display: flex; justify-content: center; } @media print, screen and (min-width: 64em) { .single-post .share-bar-footer { justify-content: flex-end; } } .single-post .share-bar-footer .share-footer { display: flex; flex-direction: column; } @media print, screen and (max-width: 63.99875em) { .single-post .share-bar-footer .share-footer { align-items: center; } } .single-post .share-bar-footer .share-footer span { font-weight: 500; } .single-post .share-bar-footer .share-footer .share-icons { margin-top: 2.25rem; } .single-post .share-bar-footer .share-footer a, .single-post .share-bar-footer .share-footer button, .single-post .share-bar-footer .share-footer span { color: #222222; } .single-post .share-bar-footer .share-footer span.icon { margin-bottom: 0.75rem; } .single-post .nav-to-blog .button, .single-post .nav-to-blog span.edit-link a, span.edit-link .single-post .nav-to-blog a { align-self: center; } .single-post .nav-to-blog .button:after, .single-post .nav-to-blog span.edit-link a:after, span.edit-link .single-post .nav-to-blog a:after, .single-post .nav-to-blog .button:before, .single-post .nav-to-blog span.edit-link a:before, span.edit-link .single-post .nav-to-blog a:before { display: none; } .single-post .nav-to-blog .button, .single-post .nav-to-blog span.edit-link a, span.edit-link .single-post .nav-to-blog a { font-size: 1.25rem; text-align: center; padding: 1.125rem 3.25rem; } .blog .blog-hero, .archive .blog-hero { position: relative; margin-top: -190px; padding-top: 19.625rem; z-index: 1; text-align: center; } .blog .blog-hero .grid-container, .blog .blog-hero .grid-container-small, .archive .blog-hero .grid-container, .archive .blog-hero .grid-container-small { position: relative; z-index: 2; } .blog .blog-hero .background-container, .archive .blog-hero .background-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; opacity: 0.15; background-position: center; } .blog .section-title, .archive .section-title { text-align: center; margin-bottom: 3rem; } @media print, screen and (min-width: 64em) { .blog .section-title, .archive .section-title { margin-bottom: 4rem; } } .blog .archive-featured, .archive .archive-featured { margin-bottom: 4.5rem; } .blog .archive-featured.archive-featured--primary article, .archive .archive-featured.archive-featured--primary article { position: relative; border-radius: 35px; overflow: hidden; } .blog .archive-featured.archive-featured--primary .featured-image, .archive .archive-featured.archive-featured--primary .featured-image { width: 100%; aspect-ratio: 1/1; position: relative; } @media print, screen and (min-width: 40em) { .blog .archive-featured.archive-featured--primary .featured-image, .archive .archive-featured.archive-featured--primary .featured-image { aspect-ratio: 3/2; } } @media print, screen and (min-width: 64em) { .blog .archive-featured.archive-featured--primary .featured-image, .archive .archive-featured.archive-featured--primary .featured-image { aspect-ratio: 1596/536; } } .blog .archive-featured.archive-featured--primary .featured-image img, .archive .archive-featured.archive-featured--primary .featured-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog .archive-featured.archive-featured--primary .overlay-section, .archive .archive-featured.archive-featured--primary .overlay-section { position: absolute; left: 0; bottom: 0; background: rgba(34, 34, 34, 0.8); color: #F5F4F0; width: 100%; padding: 1.5rem 3rem 1.5rem; } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .blog .archive-featured.archive-featured--primary .overlay-section, .archive .archive-featured.archive-featured--primary .overlay-section { padding: 3rem 12.5rem 3rem 3rem; } } @media print, screen and (min-width: 64em) { .blog .archive-featured.archive-featured--primary .overlay-section, .archive .archive-featured.archive-featured--primary .overlay-section { width: 50%; top: 0; padding: 4.0625rem; } } @media screen and (min-width: 75em) { .blog .archive-featured.archive-featured--primary .overlay-section, .archive .archive-featured.archive-featured--primary .overlay-section { aspect-ratio: 575/536; width: unset; } } @media print, screen and (max-width: 63.99875em) { .blog .archive-featured.archive-featured--primary .overlay-section h3, .archive .archive-featured.archive-featured--primary .overlay-section h3 { font-size: 1.5rem; } } .blog .archive-featured.archive-featured--primary .overlay-section h3, .archive .archive-featured.archive-featured--primary .overlay-section h3 { margin-bottom: 20px; line-height: 1.4; text-decoration: underline; text-underline-offset: 8px; text-decoration-color: transparent; transition: all 0.1s ease-in; } .blog .archive-featured.archive-featured--primary .overlay-section .entry-meta, .archive .archive-featured.archive-featured--primary .overlay-section .entry-meta { font-size: 1rem; font-weight: 500; } @media print, screen and (min-width: 64em) { .blog .archive-featured.archive-featured--primary .overlay-section .entry-meta, .archive .archive-featured.archive-featured--primary .overlay-section .entry-meta { font-size: 1.125rem; } } .blog .post-archive, .archive .post-archive { gap: 72px; } @media print, screen and (min-width: 40em) { .blog .post-archive .medium-6, .archive .post-archive .medium-6 { width: calc(50% - 36px); } } .blog .post-archive .featured-image, .archive .post-archive .featured-image { margin-bottom: 2rem; } .blog .post-archive .featured-image img, .archive .post-archive .featured-image img { border-radius: 35px; } .blog .post-archive h3, .archive .post-archive h3 { margin-bottom: 20px; line-height: 1.1; text-decoration: underline; text-underline-offset: 8px; text-decoration-color: transparent; color: #222222; transition: all 0.1s ease-in; } @media print, screen and (max-width: 63.99875em) { .blog .post-archive h3, .archive .post-archive h3 { font-size: 1.5rem; } } .blog .post-archive .entry-meta, .archive .post-archive .entry-meta { color: #222222; font-size: 1rem; font-weight: 500; } @media print, screen and (min-width: 64em) { .blog .post-archive .entry-meta, .archive .post-archive .entry-meta { font-size: 1.125rem; } } .blog .post-archive article, .archive .post-archive article { transition: all 0.1s ease-in; } .blog .post-archive article:hover h3, .archive .post-archive article:hover h3 { color: #222222; text-decoration-color: inherit; } .blog .archive-featured article, .archive .archive-featured article { transition: all 0.1s ease-in; } .blog .archive-featured article:hover h3, .archive .archive-featured article:hover h3 { color: #F5F4F0; text-decoration-color: #F5F4F0 !important; } .newsletter-signup { text-align: center; } .newsletter-signup .gform_wrapper form[id^=gform_].signup .gform_body { position: relative; } .newsletter-signup .gform_wrapper form[id^=gform_].signup label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .newsletter-signup .gform_wrapper form[id^=gform_].signup input[type=email] { border-radius: 999em; border: 2px solid #222222; padding-right: 60px; text-align: left; } @media print, screen and (max-width: 39.99875em) { .newsletter-signup .gform_wrapper form[id^=gform_].signup input[type=email] { text-align: center; } } @media print, screen and (min-width: 40em) { .newsletter-signup .gform_wrapper form[id^=gform_].signup #field_submit { position: absolute; right: 0; top: 0; bottom: 0; } } .newsletter-signup .gform_wrapper form[id^=gform_].signup #field_submit input[type=submit] { height: 100%; background: #222222; font-size: 1.25rem; padding: 1.125rem 3.25rem; border: 2px solid transparent; } @media print, screen and (max-width: 39.99875em) { .newsletter-signup .gform_wrapper form[id^=gform_].signup #field_submit input[type=submit] { border-radius: 999em; } } @media print, screen and (min-width: 40em) { .newsletter-signup .gform_wrapper form[id^=gform_].signup #field_submit input[type=submit] { padding-left: 52px; padding-right: 52px; padding-top: 0; padding-bottom: 0; border-top-right-radius: 999em; border-bottom-right-radius: 999em; } } .newsletter-signup .gform_wrapper form[id^=gform_].signup #field_submit input[type=submit]:hover { background: #CDFCC2; color: #222222; border: 2px solid #222222; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Containers --------------------------------------------- */ .alert-bar { font-family: "Selecta", Helvetica, Roboto, Arial, sans-serif; background: #182236; color: #ffffff; padding: 0.5rem; font-size: 1.125rem; } .alert-bar p { margin-bottom: 0; } .alert-bar a { color: lime; } .alert-bar a:hover { color: rgb(0, 216.75, 0); } #masthead { position: relative; z-index: 999; } @media print, screen and (min-width: 64em) { #masthead { top: 64px; } } .top-bar { width: 100%; margin: 0 auto; position: relative; z-index: 99; transition: all 0.3s ease-in; } @media print, screen and (max-width: 63.99875em) { .top-bar { padding: 12px 0; background: #222222; } } @media print, screen and (min-width: 64em) { .top-bar { max-width: 61.75rem; border-radius: 999px; } } .top-bar .grid-container, .top-bar .grid-container-small { width: 100%; } .top-bar .top-bar-left { flex: 0 0 auto; margin-right: 24px; } .top-bar .top-bar-left .site-branding img { max-height: 4rem; } @media print, screen and (max-width: 39.99875em) { .top-bar .top-bar-left .site-branding img { max-height: 48px; } } @media print, screen and (max-width: 63.99875em) { .top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 1 100%; } } .top-bar .top-bar-right { margin-left: 0; flex: 1 1 auto; } @media print, screen and (max-width: 63.99875em) { .top-bar .top-bar-right { display: flex; justify-content: flex-end; } } .header-container { transition: all 0.3s ease-in; border-bottom: 1px solid transparent; } .is-stuck .header-container { background: #222222; border-bottom: 1px solid #6B6B6B; } .is-stuck .top-bar { background: unset; } @media print, screen and (min-width: 64em) { .is-stuck .top-bar { max-width: 56.25rem; border-radius: 999px; } } .is-stuck .top-bar .site-branding img { max-height: 3rem; } footer.site-footer { background: #222222; color: #ffffff; font-size: 1rem; } @media print, screen and (max-width: 63.99875em) { footer.site-footer .footer-site-info { text-align: center; } } footer.site-footer .footer-site-info img { margin-bottom: 1rem; width: 64px; } @media print, screen and (max-width: 63.99875em) { footer.site-footer .footer-site-info img { width: 3rem; margin-bottom: 40px; } } footer.site-footer .footer-nav { display: flex; flex-direction: column; gap: 40px; } @media print, screen and (min-width: 64em) { footer.site-footer .footer-nav { align-items: flex-end; } } @media print, screen and (max-width: 63.99875em) { footer.site-footer .footer-nav #footer-links { justify-content: center; } } footer.site-footer p.copyright { margin-bottom: 0; font-size: 1rem; color: #6B6B6B; } @media print, screen and (max-width: 63.99875em) { footer.site-footer p.copyright { text-align: center; } } footer.site-footer ul.social-icons { margin: 0; list-style: none; display: flex; flex-direction: row; } @media print, screen and (min-width: 64em) { footer.site-footer ul.social-icons { justify-content: flex-end; } } footer.site-footer ul.social-icons a { color: #ffffff; background: unset; padding: 8px; border-radius: 4px; margin: 0px 6px; position: relative; max-width: 64px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in; } footer.site-footer ul.social-icons a:hover { color: #ffffff; } footer.site-footer ul.social-icons a:hover:before { content: ""; display: inline-flex; width: 10px; height: 10px; border-radius: 100%; background-color: #ffffff; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); } footer.site-footer ul.social-icons a svg { width: 100%; max-height: 3.125rem; } @media print, screen and (max-width: 63.99875em) { footer.site-footer ul.social-icons { justify-content: center; } } footer.site-footer hr { background: rgba(255, 255, 255, 0.2); } span.edit-link { position: fixed; bottom: 24px; left: 24px; } span.edit-link a { margin-bottom: 0; } .card .card-section { padding: 26.666px; display: flex; flex-direction: column; height: 100%; justify-content: stretch; } .card .card-section .button, .card .card-section span.edit-link a, span.edit-link .card .card-section a { margin-top: auto; width: -moz-fit-content; width: fit-content; } .card.card-icon .card-section { padding: 40px; } .card.card-icon img.icon { width: 100%; max-width: 3rem; } .card.card-stat p { font-size: 1rem; } .card.bg-color-none .card-section { padding: 0; } .card > a { height: 100%; } .card > a > div { height: 100%; } .card span.arrow-icon { display: inline-block; } .card span.arrow-icon svg { width: 3rem; height: 3rem; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /* Gravity Form Variables --------------------------------------------- */ .gform_wrapper form[id^=gform_] label.gfield_label, .gform_wrapper form[id^=gform_] legend.gfield_label { color: #ffffff; font-size: 1.25rem; font-weight: 500; line-height: 1.5rem; text-transform: uppercase; letter-spacing: 2px; } .gform_wrapper form[id^=gform_] label.gform-field-label--type-sub, .gform_wrapper form[id^=gform_] legend.gform-field-label--type-sub { margin-top: 0.25rem; } .gform_wrapper form[id^=gform_] label .gfield_required_asterisk, .gform_wrapper form[id^=gform_] legend .gfield_required_asterisk { color: #cc4b37; font-size: 1rem; } .gform_wrapper form[id^=gform_] input[type=text], .gform_wrapper form[id^=gform_] input[type=email], .gform_wrapper form[id^=gform_] input[type=url], .gform_wrapper form[id^=gform_] input[type=password], .gform_wrapper form[id^=gform_] input[type=search], .gform_wrapper form[id^=gform_] input[type=number], .gform_wrapper form[id^=gform_] input[type=tel], .gform_wrapper form[id^=gform_] input[type=range], .gform_wrapper form[id^=gform_] input[type=date], .gform_wrapper form[id^=gform_] input[type=month], .gform_wrapper form[id^=gform_] input[type=week], .gform_wrapper form[id^=gform_] input[type=time], .gform_wrapper form[id^=gform_] input[type=datetime], .gform_wrapper form[id^=gform_] input[type=datetime-local], .gform_wrapper form[id^=gform_] input[type=color], .gform_wrapper form[id^=gform_] textarea { border-radius: 15px; background: #ffffff; border: 1.5px solid #BEBCBE; box-shadow: none; font-size: 1.25rem; padding: 1.5rem 2rem; } @media screen and (min-width: 120em) { .gform_wrapper form[id^=gform_] input[type=text], .gform_wrapper form[id^=gform_] input[type=email], .gform_wrapper form[id^=gform_] input[type=url], .gform_wrapper form[id^=gform_] input[type=password], .gform_wrapper form[id^=gform_] input[type=search], .gform_wrapper form[id^=gform_] input[type=number], .gform_wrapper form[id^=gform_] input[type=tel], .gform_wrapper form[id^=gform_] input[type=range], .gform_wrapper form[id^=gform_] input[type=date], .gform_wrapper form[id^=gform_] input[type=month], .gform_wrapper form[id^=gform_] input[type=week], .gform_wrapper form[id^=gform_] input[type=time], .gform_wrapper form[id^=gform_] input[type=datetime], .gform_wrapper form[id^=gform_] input[type=datetime-local], .gform_wrapper form[id^=gform_] input[type=color], .gform_wrapper form[id^=gform_] textarea { padding: 2rem 3rem; } } .gform_wrapper form[id^=gform_] input[type=text]:focus, .gform_wrapper form[id^=gform_] input[type=email]:focus, .gform_wrapper form[id^=gform_] input[type=url]:focus, .gform_wrapper form[id^=gform_] input[type=password]:focus, .gform_wrapper form[id^=gform_] input[type=search]:focus, .gform_wrapper form[id^=gform_] input[type=number]:focus, .gform_wrapper form[id^=gform_] input[type=tel]:focus, .gform_wrapper form[id^=gform_] input[type=range]:focus, .gform_wrapper form[id^=gform_] input[type=date]:focus, .gform_wrapper form[id^=gform_] input[type=month]:focus, .gform_wrapper form[id^=gform_] input[type=week]:focus, .gform_wrapper form[id^=gform_] input[type=time]:focus, .gform_wrapper form[id^=gform_] input[type=datetime]:focus, .gform_wrapper form[id^=gform_] input[type=datetime-local]:focus, .gform_wrapper form[id^=gform_] input[type=color]:focus, .gform_wrapper form[id^=gform_] textarea:focus { box-shadow: 0 0 5px #BEBCBE; } .gform_wrapper form[id^=gform_] input[type=text], .gform_wrapper form[id^=gform_] input[type=email], .gform_wrapper form[id^=gform_] input[type=url], .gform_wrapper form[id^=gform_] input[type=password], .gform_wrapper form[id^=gform_] input[type=search], .gform_wrapper form[id^=gform_] input[type=number], .gform_wrapper form[id^=gform_] input[type=tel], .gform_wrapper form[id^=gform_] input[type=range], .gform_wrapper form[id^=gform_] input[type=date], .gform_wrapper form[id^=gform_] input[type=month], .gform_wrapper form[id^=gform_] input[type=week], .gform_wrapper form[id^=gform_] input[type=time], .gform_wrapper form[id^=gform_] input[type=datetime], .gform_wrapper form[id^=gform_] input[type=datetime-local], .gform_wrapper form[id^=gform_] input[type=color], .gform_wrapper form[id^=gform_] select { height: 69px; } @media screen and (min-width: 120em) { .gform_wrapper form[id^=gform_] input[type=text], .gform_wrapper form[id^=gform_] input[type=email], .gform_wrapper form[id^=gform_] input[type=url], .gform_wrapper form[id^=gform_] input[type=password], .gform_wrapper form[id^=gform_] input[type=search], .gform_wrapper form[id^=gform_] input[type=number], .gform_wrapper form[id^=gform_] input[type=tel], .gform_wrapper form[id^=gform_] input[type=range], .gform_wrapper form[id^=gform_] input[type=date], .gform_wrapper form[id^=gform_] input[type=month], .gform_wrapper form[id^=gform_] input[type=week], .gform_wrapper form[id^=gform_] input[type=time], .gform_wrapper form[id^=gform_] input[type=datetime], .gform_wrapper form[id^=gform_] input[type=datetime-local], .gform_wrapper form[id^=gform_] input[type=color], .gform_wrapper form[id^=gform_] select { height: 92px; } } .gform_wrapper form[id^=gform_] input[type=checkbox] { box-shadow: none; } .gform_wrapper form[id^=gform_] input[type=checkbox]:focus { box-shadow: 0 0 5px #BEBCBE; } .gform_wrapper form[id^=gform_] input[type=checkbox]:checked:before { color: #182236; font-weight: bold; } .gform_wrapper form[id^=gform_] input[type=radio] { box-shadow: none; } .gform_wrapper form[id^=gform_] input[type=radio]:focus { box-shadow: 0 0 5px #BEBCBE; } .gform_wrapper form[id^=gform_] input[type=radio]:checked:before { width: 10px; height: 10px; background-color: #182236; } .gform_wrapper form[id^=gform_] select { background-color: #ffffff; border-radius: 15px; border: 1.5px solid #BEBCBE; box-shadow: none; font-size: 1.25rem; padding-top: 5.75px; } .gform_wrapper form[id^=gform_].placeholder { color: #BEBCBE; } .gform_wrapper form[id^=gform_]:-moz-placeholder { color: #BEBCBE; } .gform_wrapper form[id^=gform_]::-moz-placeholder { color: #BEBCBE; } .gform_wrapper form[id^=gform_]:-ms-input-placeholder { color: #BEBCBE; } .gform_wrapper form[id^=gform_]::-webkit-input-placeholder { color: #BEBCBE; } .gform_wrapper form[id^=gform_] input[type=submit]:not(#gform_submit_button_2) { border-radius: 999em !important; background: #222222 !important; color: #F5F4F0 !important; line-height: 1 !important; padding: 1.25rem 3.25rem !important; font-weight: 500 !important; font-size: 1.5rem !important; border: 2px solid transparent !important; display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 52px !important; position: relative !important; } @media print, screen and (min-width: 64em) { .gform_wrapper form[id^=gform_] input[type=submit]:not(#gform_submit_button_2) { font-size: 1.875rem !important; padding: 2rem 3.25rem !important; } } .gform_wrapper form[id^=gform_] input[type=submit]:not(#gform_submit_button_2) { transition: all 0.3s ease-in; } .gform_wrapper form[id^=gform_] .gfield--type-list button.add_list_item, .gform_wrapper form[id^=gform_] .gfield--type-list button.delete_list_item, .gform_wrapper form[id^=gform_] .gfield--input-type-list button.add_list_item, .gform_wrapper form[id^=gform_] .gfield--input-type-list button.delete_list_item { background-color: #182236 !important; } .gform_wrapper form[id^=gform_] .gfield_error input[type=text], .gform_wrapper form[id^=gform_] .gfield_error input[type=email], .gform_wrapper form[id^=gform_] .gfield_error input[type=url], .gform_wrapper form[id^=gform_] .gfield_error input[type=password], .gform_wrapper form[id^=gform_] .gfield_error input[type=search], .gform_wrapper form[id^=gform_] .gfield_error input[type=number], .gform_wrapper form[id^=gform_] .gfield_error input[type=tel], .gform_wrapper form[id^=gform_] .gfield_error input[type=range], .gform_wrapper form[id^=gform_] .gfield_error input[type=date], .gform_wrapper form[id^=gform_] .gfield_error input[type=month], .gform_wrapper form[id^=gform_] .gfield_error input[type=week], .gform_wrapper form[id^=gform_] .gfield_error input[type=time], .gform_wrapper form[id^=gform_] .gfield_error input[type=datetime], .gform_wrapper form[id^=gform_] .gfield_error input[type=datetime-local], .gform_wrapper form[id^=gform_] .gfield_error input[type=color], .gform_wrapper form[id^=gform_] .gfield_error textarea { border: 1.5px solid #cc4b37; } .gform_wrapper form[id^=gform_] { /* Target the submit wrapper */ } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer { position: relative; display: inline-flex; /* keeps icon tied to button width */ left: 50%; transform: translateX(-50%); margin-top: 50px; } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer:hover input[type=submit] { color: #222222 !important; background: #CDFCC2 !important; border: 2px solid #222222 !important; } .gform_wrapper form[id^=gform_] { /* Add right padding so text doesn't overlap the 60x60 circle */ } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer .gform_button { padding-right: 146px !important; } .gform_wrapper form[id^=gform_] { /* 60x60 circle */ } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer::after { content: ""; position: absolute; right: 32px; top: 50%; width: 60px; height: 60px; transform: translateY(-50%); border-radius: 999em; background: #CDFCC2; transition: background-color 0.3s ease; pointer-events: none; } .gform_wrapper form[id^=gform_] { /* Icon (masked SVG) */ } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer::before { content: ""; position: absolute; right: 51px; /* centers 22px icon inside 60px circle: 12 + (60-22)/2 */ top: 50%; width: 22px; height: 34px; transform: translateY(-50%); background-color: #222; transition: background-color 0.3s ease; pointer-events: none; z-index: 1; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 34%27%3E%3Cpath d=%27M0 4.82017V4.15933C0.16974 2.89329 0.993685 1.79421 1.98383 1.01511C5.29376 -1.58305 8.20763 1.37335 10.5734 3.55066C12.5996 5.41145 14.6153 7.40094 16.5496 9.35564C17.8616 10.6808 19.3327 12.1347 20.5067 13.5642C23.7211 17.4771 21.1538 19.8213 18.3673 22.7603C15.8141 25.4524 13.0629 28.1932 10.3223 30.7044C8.15812 32.6904 5.68982 35.1529 2.48245 33.4034C-0.72493 31.6539 -0.33948 28.1827 1.57363 25.7167C2.84668 24.0751 4.49811 22.3882 5.91968 20.8439C7.11493 19.5431 8.34554 18.2736 9.54079 16.9727C7.59586 15.2858 5.65799 13.5781 3.93938 11.6651C2.40465 9.96431 0.183885 7.14704 0 4.82017Z%27/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 34%27%3E%3Cpath d=%27M0 4.82017V4.15933C0.16974 2.89329 0.993685 1.79421 1.98383 1.01511C5.29376 -1.58305 8.20763 1.37335 10.5734 3.55066C12.5996 5.41145 14.6153 7.40094 16.5496 9.35564C17.8616 10.6808 19.3327 12.1347 20.5067 13.5642C23.7211 17.4771 21.1538 19.8213 18.3673 22.7603C15.8141 25.4524 13.0629 28.1932 10.3223 30.7044C8.15812 32.6904 5.68982 35.1529 2.48245 33.4034C-0.72493 31.6539 -0.33948 28.1827 1.57363 25.7167C2.84668 24.0751 4.49811 22.3882 5.91968 20.8439C7.11493 19.5431 8.34554 18.2736 9.54079 16.9727C7.59586 15.2858 5.65799 13.5781 3.93938 11.6651C2.40465 9.96431 0.183885 7.14704 0 4.82017Z%27/%3E%3C/svg%3E") center/contain no-repeat; } .gform_wrapper form[id^=gform_] { /* Hover + keyboard focus */ } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer:hover::after, .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer:focus-within::after { background: #222222; } .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer:hover::before, .gform_wrapper form[id^=gform_] :not(.signup) .gform_footer:focus-within::before { background-color: #CDFCC2; } @media print, screen and (max-width: 39.99875em) { .gform_wrapper form[id^=gform_].signup #field_submit { justify-content: center; } } /* Gravity Form Variables --------------------------------------------- */ .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: opacity 1s, transform 1s; } .animate-on-scroll.from-left { opacity: 0; transform: translateX(-40px); } .animate-on-scroll.from-right { opacity: 0; transform: translateX(40px); } .animate-on-scroll.from-bottom { opacity: 0; transform: translateY(40px); } .animate-on-scroll.aos-animate { opacity: 1; transform: translateY(0); } .animate-on-scroll.from-left.aos-animate { opacity: 1; transform: translateX(0); } .animate-on-scroll:nth-child(1) { transition-delay: 0ms; } .animate-on-scroll:nth-child(2) { transition-delay: 120ms; } .animate-on-scroll:nth-child(3) { transition-delay: 240ms; } .animate-on-scroll:nth-child(4) { transition-delay: 360ms; } .animate-on-scroll:nth-child(5) { transition-delay: 480ms; } .animate-on-scroll:nth-child(5) { transition-delay: 560ms; } .animate-on-load { opacity: 0; transform: translateY(40px); animation: fadeSlideIn 0.8s ease forwards; animation-delay: var(--delay, 1200ms); } @keyframes fadeSlideIn { to { opacity: 1; transform: translate(0, 0); } } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } @media print, screen and (min-width: 40em) { .order-first { order: 1; } } @media print, screen and (min-width: 40em) { .order-last { order: 2; } } /* Spacing --------------------------------------------- */ .bg-align-left { background-position-x: left; } .bg-align-center { background-position-x: center; } .bg-align-right { background-position-x: right; } .bg-align-top { background-position-y: top; } .bg-align-middle { background-position-y: center; } .bg-align-bottom { background-position-y: bottom; } .bg-size-full { background-size: 100%; background-repeat: no-repeat; } .bg-size-cover { background-size: cover; background-repeat: no-repeat; } .bg-size-contain { background-size: contain; background-repeat: no-repeat; } .bg-color-none { background-color: unset; color: #222222; } .bg-color-none a h1, .bg-color-none a h2, .bg-color-none a h3, .bg-color-none a h4, .bg-color-none a h5, .bg-color-none a h6, .bg-color-none a p, .bg-color-none a ul, .bg-color-none a ol { color: #222222; } .bg-color-white { background-color: #ffffff; color: #222222; } .bg-color-white a h1, .bg-color-white a h2, .bg-color-white a h3, .bg-color-white a h4, .bg-color-white a h5, .bg-color-white a h6, .bg-color-white a p, .bg-color-white a ul, .bg-color-white a ol { color: #222222; } .bg-color-black { background-color: #222222; color: #ffffff; } .bg-color-black a h1, .bg-color-black a h2, .bg-color-black a h3, .bg-color-black a h4, .bg-color-black a h5, .bg-color-black a h6, .bg-color-black a p, .bg-color-black a ul, .bg-color-black a ol { color: #ffffff; } .bg-color-warm-gray { background-color: #F5F4F0; color: #222222; } .bg-color-warm-gray a h1, .bg-color-warm-gray a h2, .bg-color-warm-gray a h3, .bg-color-warm-gray a h4, .bg-color-warm-gray a h5, .bg-color-warm-gray a h6, .bg-color-warm-gray a p, .bg-color-warm-gray a ul, .bg-color-warm-gray a ol { color: #222222; } .bg-color-black-glass { background-color: rgba(34, 34, 34, 0.85); color: #ffffff; } .bg-color-black-glass a h1, .bg-color-black-glass a h2, .bg-color-black-glass a h3, .bg-color-black-glass a h4, .bg-color-black-glass a h5, .bg-color-black-glass a h6, .bg-color-black-glass a p, .bg-color-black-glass a ul, .bg-color-black-glass a ol { color: #ffffff; } .bg-color-gradient { background: linear-gradient(90deg, #CDFCC2 15.87%, #7D7DFF 87.02%); color: #222222; } .bg-color-gradient a h1, .bg-color-gradient a h2, .bg-color-gradient a h3, .bg-color-gradient a h4, .bg-color-gradient a h5, .bg-color-gradient a h6, .bg-color-gradient a p, .bg-color-gradient a ul, .bg-color-gradient a ol { color: #222222; } .content-block { position: relative; } .content-block.has-overlay .grid-container, .content-block.has-overlay .grid-container-small { position: relative; z-index: 1; } .content-block .overlay { background: #222222; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } /* Spacing --------------------------------------------- */ .p_top__xs { padding-top: 8px; } .p_top__sm { padding-top: 16px; } .p_top__md { padding-top: 32px; } .p_top__lg { padding-top: 32px; } @media print, screen and (min-width: 40em) { .p_top__lg { padding-top: 64px; } } @media print, screen and (min-width: 64em) { .p_top__lg { padding-top: 64px; } } .p_top__xl { padding-top: 40px; } @media print, screen and (min-width: 40em) { .p_top__xl { padding-top: 80px; } } @media print, screen and (min-width: 64em) { .p_top__xl { padding-top: 80px; } } .p_top__2xl { padding-top: 48px; } @media print, screen and (min-width: 40em) { .p_top__2xl { padding-top: 96px; } } @media print, screen and (min-width: 64em) { .p_top__2xl { padding-top: 96px; } } .p_top__3xl { padding-top: 42.6666666667px; } @media print, screen and (min-width: 40em) { .p_top__3xl { padding-top: 128px; } } @media print, screen and (min-width: 64em) { .p_top__3xl { padding-top: 128px; } } .p_top__4xl { padding-top: 67.5px; } @media print, screen and (min-width: 40em) { .p_top__4xl { padding-top: 270px; } } @media print, screen and (min-width: 64em) { .p_top__4xl { padding-top: 270px; } } .p_top__auto { padding-top: 48px; } @media print, screen and (min-width: 64em) { .p_top__auto { padding-top: 96px; } } .p_btm__xs { padding-bottom: 8px; } .p_btm__sm { padding-bottom: 16px; } .p_btm__md { padding-bottom: 32px; } .p_btm__lg { padding-bottom: 32px; } @media print, screen and (min-width: 40em) { .p_btm__lg { padding-bottom: 64px; } } @media print, screen and (min-width: 64em) { .p_btm__lg { padding-bottom: 64px; } } .p_btm__xl { padding-bottom: 40px; } @media print, screen and (min-width: 40em) { .p_btm__xl { padding-bottom: 80px; } } @media print, screen and (min-width: 64em) { .p_btm__xl { padding-bottom: 80px; } } .p_btm__2xl { padding-bottom: 48px; } @media print, screen and (min-width: 40em) { .p_btm__2xl { padding-bottom: 96px; } } @media print, screen and (min-width: 64em) { .p_btm__2xl { padding-bottom: 96px; } } .p_btm__3xl { padding-bottom: 42.6666666667px; } @media print, screen and (min-width: 40em) { .p_btm__3xl { padding-bottom: 128px; } } @media print, screen and (min-width: 64em) { .p_btm__3xl { padding-bottom: 128px; } } .p_btm__4xl { padding-bottom: 67.5px; } @media print, screen and (min-width: 40em) { .p_btm__4xl { padding-bottom: 270px; } } @media print, screen and (min-width: 64em) { .p_btm__4xl { padding-bottom: 270px; } } .p_btm__auto { padding-bottom: 48px; } @media print, screen and (min-width: 64em) { .p_btm__auto { padding-bottom: 96px; } } .p_left__xs { padding-left: 8px; } .p_left__sm { padding-left: 16px; } .p_left__md { padding-left: 32px; } .p_left__lg { padding-left: 0; } @media print, screen and (min-width: 64em) { .p_left__lg { padding-left: 64px; } } .p_left__xl { padding-left: 0; } @media print, screen and (min-width: 64em) { .p_left__xl { padding-left: 80px; } } .p_left__2xl { padding-left: 0; } @media print, screen and (min-width: 64em) { .p_left__2xl { padding-left: 96px; } } .p_left__3xl { padding-left: 0; } @media print, screen and (min-width: 64em) { .p_left__3xl { padding-left: 128px; } } .p_left__4xl { padding-left: 0; } @media print, screen and (min-width: 64em) { .p_left__4xl { padding-left: 270px; } } .p_right__xs { padding-right: 8px; } .p_right__sm { padding-right: 16px; } .p_right__md { padding-right: 32px; } .p_right__lg { padding-right: 0; } @media print, screen and (min-width: 64em) { .p_right__lg { padding-right: 64px; } } .p_right__xl { padding-right: 0; } @media print, screen and (min-width: 64em) { .p_right__xl { padding-right: 80px; } } .p_right__2xl { padding-right: 0; } @media print, screen and (min-width: 64em) { .p_right__2xl { padding-right: 96px; } } .p_right__3xl { padding-right: 0; } @media print, screen and (min-width: 64em) { .p_right__3xl { padding-right: 128px; } } .p_right__4xl { padding-right: 0; } @media print, screen and (min-width: 64em) { .p_right__4xl { padding-right: 270px; } } .m_top__xs { margin-top: 8px; } .m_top__sm { margin-top: 16px; } .m_top__md { margin-top: 32px; } .m_top__lg { margin-top: 32px; } @media print, screen and (min-width: 40em) { .m_top__lg { margin-top: 64px; } } @media print, screen and (min-width: 64em) { .m_top__lg { margin-top: 64px; } } .m_top__xl { margin-top: 40px; } @media print, screen and (min-width: 40em) { .m_top__xl { margin-top: 80px; } } @media print, screen and (min-width: 64em) { .m_top__xl { margin-top: 80px; } } .m_top__2xl { margin-top: 48px; } @media print, screen and (min-width: 40em) { .m_top__2xl { margin-top: 96px; } } @media print, screen and (min-width: 64em) { .m_top__2xl { margin-top: 96px; } } .m_top__3xl { margin-top: 42.6666666667px; } @media print, screen and (min-width: 40em) { .m_top__3xl { margin-top: 128px; } } @media print, screen and (min-width: 64em) { .m_top__3xl { margin-top: 128px; } } .m_top__4xl { margin-top: 67.5px; } @media print, screen and (min-width: 40em) { .m_top__4xl { margin-top: 270px; } } @media print, screen and (min-width: 64em) { .m_top__4xl { margin-top: 270px; } } .m_top__overlap { margin-top: -135px; } @media print, screen and (min-width: 64em) { .m_top__overlap { margin-top: -16.875rem; } } .m_btm__xs { margin-bottom: 8px; } .m_btm__sm { margin-bottom: 16px; } .m_btm__md { margin-bottom: 32px; } .m_btm__lg { margin-bottom: 32px; } @media print, screen and (min-width: 40em) { .m_btm__lg { margin-bottom: 64px; } } @media print, screen and (min-width: 64em) { .m_btm__lg { margin-bottom: 64px; } } .m_btm__xl { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .m_btm__xl { margin-bottom: 80px; } } @media print, screen and (min-width: 64em) { .m_btm__xl { margin-bottom: 80px; } } .m_btm__2xl { margin-bottom: 48px; } @media print, screen and (min-width: 40em) { .m_btm__2xl { margin-bottom: 96px; } } @media print, screen and (min-width: 64em) { .m_btm__2xl { margin-bottom: 96px; } } .m_btm__3xl { margin-bottom: 42.6666666667px; } @media print, screen and (min-width: 40em) { .m_btm__3xl { margin-bottom: 128px; } } @media print, screen and (min-width: 64em) { .m_btm__3xl { margin-bottom: 128px; } } .m_btm__4xl { margin-bottom: 67.5px; } @media print, screen and (min-width: 40em) { .m_btm__4xl { margin-bottom: 270px; } } @media print, screen and (min-width: 64em) { .m_btm__4xl { margin-bottom: 270px; } } .m_btm__none { margin-bottom: 0; } .m_left__xs { margin-left: 8px; } .m_left__sm { margin-left: 16px; } .m_left__md { margin-left: 32px; } .m_left__lg { margin-left: 32px; } @media print, screen and (min-width: 40em) { .m_left__lg { margin-left: 64px; } } @media print, screen and (min-width: 64em) { .m_left__lg { margin-left: 64px; } } .m_left__xl { margin-left: 40px; } @media print, screen and (min-width: 40em) { .m_left__xl { margin-left: 80px; } } @media print, screen and (min-width: 64em) { .m_left__xl { margin-left: 80px; } } .m_left__2xl { margin-left: 48px; } @media print, screen and (min-width: 40em) { .m_left__2xl { margin-left: 96px; } } @media print, screen and (min-width: 64em) { .m_left__2xl { margin-left: 96px; } } .m_left__3xl { margin-left: 42.6666666667px; } @media print, screen and (min-width: 40em) { .m_left__3xl { margin-left: 128px; } } @media print, screen and (min-width: 64em) { .m_left__3xl { margin-left: 128px; } } .m_left__4xl { margin-left: 67.5px; } @media print, screen and (min-width: 40em) { .m_left__4xl { margin-left: 270px; } } @media print, screen and (min-width: 64em) { .m_left__4xl { margin-left: 270px; } } .m_right__xs { margin-right: 8px; } .m_right__sm { margin-right: 16px; } .m_right__md { margin-right: 32px; } .m_right__lg { margin-right: 32px; } @media print, screen and (min-width: 40em) { .m_right__lg { margin-right: 64px; } } @media print, screen and (min-width: 64em) { .m_right__lg { margin-right: 64px; } } .m_right__xl { margin-right: 40px; } @media print, screen and (min-width: 40em) { .m_right__xl { margin-right: 80px; } } @media print, screen and (min-width: 64em) { .m_right__xl { margin-right: 80px; } } .m_right__2xl { margin-right: 48px; } @media print, screen and (min-width: 40em) { .m_right__2xl { margin-right: 96px; } } @media print, screen and (min-width: 64em) { .m_right__2xl { margin-right: 96px; } } .m_right__3xl { margin-right: 42.6666666667px; } @media print, screen and (min-width: 40em) { .m_right__3xl { margin-right: 128px; } } @media print, screen and (min-width: 64em) { .m_right__3xl { margin-right: 128px; } } .m_right__4xl { margin-right: 67.5px; } @media print, screen and (min-width: 40em) { .m_right__4xl { margin-right: 270px; } } @media print, screen and (min-width: 64em) { .m_right__4xl { margin-right: 270px; } } .spacer.small { height: 64px; } .spacer.medium { height: 80px; } .spacer.large { height: 96px; } /* Misc/Overrides --------------------------------------------- */ .mobile-title { display: block; } @media screen and (min-width: 75em) { .mobile-title { display: none; } } .desktop-title { display: none; } @media screen and (min-width: 75em) { .desktop-title { display: block; } } .share-icons { display: flex; gap: 44px; align-items: center; } .share-icons a, .share-icons button { color: #ffffff; position: relative; } .share-icons a:hover:before, .share-icons button:hover:before { content: ""; display: inline-flex; width: 8px; height: 8px; border-radius: 100%; background-color: #ffffff; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); } .share-icons svg { height: 100%; } .copy-link { width: 30px; height: 30px; min-width: 30px; min-height: 30px; padding: 0; margin: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; cursor: pointer; line-height: 0; /* prevents inline baseline shift */ vertical-align: middle; } .mail-link svg, .copy-link svg { height: 28px; } /* Fixed-size icon container */ .copy-link .icon { position: relative; width: 28px; height: 28px; display: block; flex: 0 0 28px; } /* Stack both SVGs in the same box */ .copy-link .icon svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } /* Initial state */ .copy-link .icon-check { opacity: 0; transform: scale(0.98); } /* Copied state */ .copy-link.copied .icon-copy { opacity: 0; transform: scale(0.98); } .copy-link.copied .icon-check { opacity: 1; transform: scale(1); } /* Smooth transitions without layout changes */ .copy-link .icon-copy, .copy-link .icon-check { transition: opacity 160ms ease, transform 160ms ease; } /* Focus visibility (keyboard users) */ .copy-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } #toast.toast { position: fixed !important; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(12px); z-index: 999999; /* Prevent any layout shift from overflow */ max-width: calc(100vw - 32px); /* 16px gutter each side */ width: -moz-max-content; width: max-content; box-sizing: border-box; overflow-wrap: anywhere; word-break: break-word; margin: 0 !important; padding: 10px 14px; border-radius: 10px; background: rgba(0, 0, 0, 0.9); color: #fff; font-size: 14px; line-height: 1.2; opacity: 0; pointer-events: none; transition: opacity 180ms ease, transform 180ms ease; /* Hard isolate it from layout/paint side effects */ contain: layout paint; will-change: opacity, transform; } #toast.toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); } /*# sourceMappingURL=style-index.css.map*/