/*!
Theme Name: Conviva 2025
Theme URI: http://underscores.me/
Author: HKW
Author URI: http://hkw.io
Description: A lightweight wordpress theme
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hkw-lite
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
--------------------------------------------------------------*/
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Poppins";
src: url(/wp-content/themes/conviva2025/assets/fonts/Poppins-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
.gradient-test {
aspect-ratio: 1/1;
width: 100%;
height: 100%;
max-width: 300px;
}
.gradient-1 {
background: linear-gradient(270deg, #9CDC00 -2.59%, #9CDC00 17.25%, #EFDC00 47.14%, #31CCFF 99.86%);
}
.gradient-2 {
background: linear-gradient(241deg, #31CCFF 6.33%, #196FB9 58.04%, #0B3253 103.9%);
}
.gradient-3 {
background: linear-gradient(223deg, #EFDC00 6.99%, #9CDC00 52.41%, #31CCFF 86.71%);
}
.gradient-4 {
background: linear-gradient(63deg, #E5167B 0%, #EFDC00 100%), linear-gradient(240deg, #FFFBA0 -4.86%, #31CCFF 18.82%, #196FB9 63.35%, #0B3253 103.94%);
}
:root {
--body: #fcfcfc;
--text-default: #222629;
--text-alternative: #424548;
--eyebrow-text-color: #222629;
--hr-color: #C6C7C7;
--logo: #707372;
--main-nav-anchor: #424548;
--main-nav-anchor-hover: #5A9B00;
--top-bar-bg: #fcfcfc;
--top-bar-bg-sticky: #fcfcfc;
--top-bar-border-sticky: #F1f1f1;
--main-nav-carat: url('data:image/svg+xml;utf8,');
--main-nav-carat-hover: url('data:image/svg+xml;utf8,');
--sticky-nav-color: #707372;
--sticky-nav-border: #E2E3E3;
--search-icon: #424548;
--close-button: url('data:image/svg+xml;utf8,');
--supermenu-bg: #fcfcfc;
--supermenu-link-color: #222629;
--supermenu-divider: 0.5px solid rgba(57, 104, 136, 0.2);
--featured-post-bg: #F8F8F8;
--supermenu-secondary-text: #424548;
--supermenu-eyebrow-color: #707372;
--supermenu-search-color: #424548;
--supermenu-search-button: url('data:image/svg+xml;utf8, ');
--button-primary-background: #9CDC00;
--button-primary-color: #222629;
--button-primary-background-hover: rgba(255, 255, 255, 0.15);
--button-hollow-color: #343a3f;
--button-hollow-color-hover: #5A9B00;
--button-hollow-background-hover: transparent;
--button-hollow-border-width-hover: 1px;
--button-hollow-box-shadow: 0px 0px 24px 0px rgba(49, 204, 255, 0.15);
--tertiary-color: #222629;
--tertiary-arrow: url('data:image/svg+xml;utf8, ');
--tertiary-arrow-0: url('data:image/svg+xml;utf8, ');
--tertiary-arrow-50: url('data:image/svg+xml;utf8, ');
--tertiary-arrow-100: url('data:image/svg+xml;utf8, ');
--outbound-arrow-0: url('data:image/svg+xml;utf8, ');
--outbound-arrow-100: url('data:image/svg+xml;utf8, ');
--card-hover: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
--card-hover-border: 1px solid #C6C7C7;
--card-border: 1px solid #C6C7C7;
--card-border-alt: 1px solid gray-600;
--quote-block-bg: url(/wp-content/themes/conviva2025/assets/images/dark-hex-bg.svg);
--quote-attr-color: #D4D5D5;
--slider-edge-left: linear-gradient(to right, rgba(252, 252, 252, 1), rgba(252, 252, 252, 0));
--slider-edge-right: linear-gradient(to left, rgba(252, 252, 252, 1), rgba(252, 252, 252, 0));
--stylized-bullet: url('data:image/svg+xml;utf8,');
--stylized-bullet-gray: url('data:image/svg+xml;utf8,');
}
/**
* Foundation for Sites
* Version 6.8.1
* 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;
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=70.5em&xxlarge=90em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fcfcfc;
font-family: "Poppins", sans-serif;
font-weight: normal;
line-height: 1.5;
color: #222629;
-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: 4px;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 4px;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
appearance: none;
border: 0;
border-radius: 4px;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput=mouse] button {
outline: 0;
}
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 {
padding-right: 0.75rem;
padding-left: 0.75rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
.grid-container.fluid {
padding-right: 0.75rem;
padding-left: 0.75rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container.fluid {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.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: 70.5em) {
.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;
}
}
.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: 70.5em) {
.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%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 1.5rem);
margin-left: 0.75rem;
margin-right: 0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 1.5rem);
margin-left: 0.75rem;
margin-right: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .cell {
width: calc(100% - 1.5rem);
margin-left: 0.75rem;
margin-right: 0.75rem;
}
}
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 1.5rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.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.5rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.5rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.5rem);
}
}
@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.5rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.5rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.5rem);
}
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 1.5rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-margin-x > .xlarge-auto {
width: auto;
}
.grid-margin-x > .xlarge-shrink {
width: auto;
}
.grid-margin-x > .xlarge-1 {
width: calc(8.3333333333% - 1.5rem);
}
.grid-margin-x > .xlarge-2 {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x > .xlarge-3 {
width: calc(25% - 1.5rem);
}
.grid-margin-x > .xlarge-4 {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x > .xlarge-5 {
width: calc(41.6666666667% - 1.5rem);
}
.grid-margin-x > .xlarge-6 {
width: calc(50% - 1.5rem);
}
.grid-margin-x > .xlarge-7 {
width: calc(58.3333333333% - 1.5rem);
}
.grid-margin-x > .xlarge-8 {
width: calc(66.6666666667% - 1.5rem);
}
.grid-margin-x > .xlarge-9 {
width: calc(75% - 1.5rem);
}
.grid-margin-x > .xlarge-10 {
width: calc(83.3333333333% - 1.5rem);
}
.grid-margin-x > .xlarge-11 {
width: calc(91.6666666667% - 1.5rem);
}
.grid-margin-x > .xlarge-12 {
width: calc(100% - 1.5rem);
}
}
.grid-padding-x .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-x .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
}
.grid-padding-x > .cell {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-x > .cell {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
.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: 70.5em) {
.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%;
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-margin-x.xlarge-up-1 > .cell {
width: calc(100% - 1.5rem);
}
.grid-margin-x.xlarge-up-2 > .cell {
width: calc(50% - 1.5rem);
}
.grid-margin-x.xlarge-up-3 > .cell {
width: calc(33.3333333333% - 1.5rem);
}
.grid-margin-x.xlarge-up-4 > .cell {
width: calc(25% - 1.5rem);
}
.grid-margin-x.xlarge-up-5 > .cell {
width: calc(20% - 1.5rem);
}
.grid-margin-x.xlarge-up-6 > .cell {
width: calc(16.6666666667% - 1.5rem);
}
.grid-margin-x.xlarge-up-7 > .cell {
width: calc(14.2857142857% - 1.5rem);
}
.grid-margin-x.xlarge-up-8 > .cell {
width: calc(12.5% - 1.5rem);
}
}
.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: 70.5em) {
.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%;
}
}
.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: 70.5em) {
.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 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: 70.5em) {
.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 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: 70.5em) {
.xlarge-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width: 70.5em) {
.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: 70.5em) {
.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: 70.5em) {
.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: 70.5em) {
.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: 70.5em) {
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-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% + 1.5rem / 2);
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 1.5rem / 2);
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 1.5rem / 2);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 1.5rem / 2);
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 1.5rem / 2);
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 1.5rem / 2);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 1.5rem / 2);
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 1.5rem / 2);
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 1.5rem / 2);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 1.5rem / 2);
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 1.5rem / 2);
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 1.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.5rem / 2);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 1.5rem / 2);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 1.5rem / 2);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 1.5rem / 2);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 1.5rem / 2);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 1.5rem / 2);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 1.5rem / 2);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 1.5rem / 2);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 1.5rem / 2);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 1.5rem / 2);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 1.5rem / 2);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 1.5rem / 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.5rem / 2);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 1.5rem / 2);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 1.5rem / 2);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 1.5rem / 2);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 1.5rem / 2);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 1.5rem / 2);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 1.5rem / 2);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 1.5rem / 2);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 1.5rem / 2);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 1.5rem / 2);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 1.5rem / 2);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 1.5rem / 2);
}
}
@media screen and (min-width: 70.5em) {
.xlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: calc(0% + 1.5rem / 2);
}
.xlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.3333333333% + 1.5rem / 2);
}
.xlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.6666666667% + 1.5rem / 2);
}
.xlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + 1.5rem / 2);
}
.xlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.3333333333% + 1.5rem / 2);
}
.xlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.6666666667% + 1.5rem / 2);
}
.xlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + 1.5rem / 2);
}
.xlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.3333333333% + 1.5rem / 2);
}
.xlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.6666666667% + 1.5rem / 2);
}
.xlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + 1.5rem / 2);
}
.xlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.3333333333% + 1.5rem / 2);
}
.xlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.6666666667% + 1.5rem / 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: 70.5em) {
.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;
}
}
.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: 70.5em) {
.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%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-y .grid-padding-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
.grid-padding-y > .cell {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-padding-y > .cell {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.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.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.5rem);
}
}
@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.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.5rem);
}
}
.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: 70.5em) {
.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;
}
}
.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: 70.5em) {
.grid-y.xlarge-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: 70.5em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%;
}
}
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .cell {
height: calc(100% - 1.5rem);
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.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.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.5rem);
}
}
@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.5rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.5rem);
}
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.5rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.5rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.5rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 1.5rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 1.5rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.5rem);
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.5rem);
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.5rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.5rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.5rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.5rem);
}
}
@media screen and (min-width: 70.5em) {
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 1.5rem);
}
}
.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: 70.5em) {
.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;
}
}
.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: 70.5em) {
.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;
}
}
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: 1rem;
font-size: inherit;
line-height: 1.6;
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: "Poppins", sans-serif;
font-style: normal;
font-weight: bold;
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: #C6C7C7;
}
h1, .h1 {
font-size: 3.5rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 1.5rem;
}
h2, .h2 {
font-size: 2.5rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h3, .h3 {
font-size: 2rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h4, .h4 {
font-size: 1.5rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 64em) {
h1, .h1 {
font-size: 4.5rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 1.5rem;
}
h2, .h2 {
font-size: 3.5rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h3, .h3 {
font-size: 2.5rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.5rem;
}
h4, .h4 {
font-size: 2rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1.5rem;
}
h5, .h5 {
font-size: 1.5rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1.5rem;
}
h6, .h6 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 1.5rem;
}
}
a {
line-height: inherit;
color: #9CDC00;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: #86bd00;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #C6C7C7;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
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 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #C6C7C7;
}
blockquote, blockquote p {
line-height: 1.6;
color: #707372;
}
abbr, abbr[title] {
border-bottom: 1px dotted #222629;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #F1f1f1;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #222629;
border-radius: 4px;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #707372;
}
.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: #707372;
font-size: 0.8125rem;
}
.cite-block:before, cite:before {
content: "— ";
}
.code-inline, code {
border: 1px solid #C6C7C7;
background-color: #F1f1f1;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #222629;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
border: 1px solid #C6C7C7;
background-color: #F1f1f1;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #222629;
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: 70.5em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
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 #707372;
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 {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #C6C7C7;
border-radius: 4px;
background-color: #fcfcfc;
box-shadow: inset 0 1px 2px rgba(34, 38, 41, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #222629;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
appearance: none;
}
[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 #707372;
background-color: #fcfcfc;
box-shadow: 0 0 5px #C6C7C7;
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: #F1f1f1;
cursor: not-allowed;
}
[type=submit],
[type=button] {
appearance: none;
border-radius: 4px;
}
input[type=search] {
box-sizing: border-box;
}
::placeholder {
color: #C6C7C7;
}
[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: #222629;
}
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: #222629;
}
.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: 4px 0 0 4px;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0 4px 4px 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 #C6C7C7;
background: #F1f1f1;
color: #222629;
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 #C6C7C7;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
appearance: none;
border: 1px solid #C6C7C7;
border-radius: 4px;
background-color: #fcfcfc;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #222629;
background-image: url('data:image/svg+xml;utf8,');
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@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 #707372;
background-color: #fcfcfc;
box-shadow: 0 0 5px #C6C7C7;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #F1f1f1;
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: #f7eae8;
}
.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, .form-box .mktoForm button.mktoButton, .leadership-block .nav-container ul li a, span.edit-link a, #main-nav li.demo-btn a {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 1em 2em;
border: 1px solid transparent;
border-radius: 4px;
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;
}
[data-whatinput=mouse] .button, [data-whatinput=mouse] .form-box .mktoForm button.mktoButton, .form-box .mktoForm [data-whatinput=mouse] button.mktoButton, [data-whatinput=mouse] .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li [data-whatinput=mouse] a, [data-whatinput=mouse] span.edit-link a, span.edit-link [data-whatinput=mouse] a, [data-whatinput=mouse] #main-nav li.demo-btn a, #main-nav li.demo-btn [data-whatinput=mouse] a {
outline: 0;
}
.button.tiny, .form-box .mktoForm button.tiny.mktoButton, .leadership-block .nav-container ul li a.tiny, span.edit-link a.tiny, #main-nav li.demo-btn a.tiny {
font-size: 0.6rem;
}
.button.small, .form-box .mktoForm button.small.mktoButton, .leadership-block .nav-container ul li a.small, span.edit-link a.small, #main-nav li.demo-btn a.small {
font-size: 0.75rem;
}
.button.large, .form-box .mktoForm button.large.mktoButton, .leadership-block .nav-container ul li a.large, span.edit-link a.large, #main-nav li.demo-btn a.large {
font-size: 1.5rem;
}
.button.expanded, .form-box .mktoForm button.expanded.mktoButton, .leadership-block .nav-container ul li a.expanded, span.edit-link a.expanded, #main-nav li.demo-btn a.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button, .form-box .mktoForm button.mktoButton, .leadership-block .nav-container ul li a, span.edit-link a, #main-nav li.demo-btn a, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #9CDC00;
color: #222629;
}
.button:hover, .form-box .mktoForm button.mktoButton:hover, .leadership-block .nav-container ul li a:hover, span.edit-link a:hover, #main-nav li.demo-btn a:hover, .button:focus, .form-box .mktoForm button.mktoButton:focus, .leadership-block .nav-container ul li a:focus, span.edit-link a:focus, #main-nav li.demo-btn a:focus {
background-color: #85bb00;
color: #222629;
}
.button.primary, .form-box .mktoForm button.primary.mktoButton, .leadership-block .nav-container ul li a.primary, span.edit-link a.primary, #main-nav li.demo-btn 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: #9CDC00;
color: #222629;
}
.button.primary:hover, .form-box .mktoForm button.primary.mktoButton:hover, .leadership-block .nav-container ul li a.primary:hover, span.edit-link a.primary:hover, #main-nav li.demo-btn a.primary:hover, .button.primary:focus, .form-box .mktoForm button.primary.mktoButton:focus, .leadership-block .nav-container ul li a.primary:focus, span.edit-link a.primary:focus, #main-nav li.demo-btn a.primary:focus {
background-color: #7db000;
color: #222629;
}
.button.secondary, .form-box .mktoForm button.secondary.mktoButton, .leadership-block .nav-container ul li a.secondary, span.edit-link a.secondary, #main-nav li.demo-btn 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: #C6C7C7;
color: #222629;
}
.button.secondary:hover, .form-box .mktoForm button.secondary.mktoButton:hover, .leadership-block .nav-container ul li a.secondary:hover, span.edit-link a.secondary:hover, #main-nav li.demo-btn a.secondary:hover, .button.secondary:focus, .form-box .mktoForm button.secondary.mktoButton:focus, .leadership-block .nav-container ul li a.secondary:focus, span.edit-link a.secondary:focus, #main-nav li.demo-btn a.secondary:focus {
background-color: #9ea0a0;
color: #222629;
}
.button.success, .form-box .mktoForm button.success.mktoButton, .leadership-block .nav-container ul li a.success, span.edit-link a.success, #main-nav li.demo-btn 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: #222629;
}
.button.success:hover, .form-box .mktoForm button.success.mktoButton:hover, .leadership-block .nav-container ul li a.success:hover, span.edit-link a.success:hover, #main-nav li.demo-btn a.success:hover, .button.success:focus, .form-box .mktoForm button.success.mktoButton:focus, .leadership-block .nav-container ul li a.success:focus, span.edit-link a.success:focus, #main-nav li.demo-btn a.success:focus {
background-color: #22bb5b;
color: #222629;
}
.button.warning, .form-box .mktoForm button.warning.mktoButton, .leadership-block .nav-container ul li a.warning, span.edit-link a.warning, #main-nav li.demo-btn 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: #222629;
}
.button.warning:hover, .form-box .mktoForm button.warning.mktoButton:hover, .leadership-block .nav-container ul li a.warning:hover, span.edit-link a.warning:hover, #main-nav li.demo-btn a.warning:hover, .button.warning:focus, .form-box .mktoForm button.warning.mktoButton:focus, .leadership-block .nav-container ul li a.warning:focus, span.edit-link a.warning:focus, #main-nav li.demo-btn a.warning:focus {
background-color: #cc8b00;
color: #222629;
}
.button.alert, .form-box .mktoForm button.alert.mktoButton, .leadership-block .nav-container ul li a.alert, span.edit-link a.alert, #main-nav li.demo-btn 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: #fcfcfc;
}
.button.alert:hover, .form-box .mktoForm button.alert.mktoButton:hover, .leadership-block .nav-container ul li a.alert:hover, span.edit-link a.alert:hover, #main-nav li.demo-btn a.alert:hover, .button.alert:focus, .form-box .mktoForm button.alert.mktoButton:focus, .leadership-block .nav-container ul li a.alert:focus, span.edit-link a.alert:focus, #main-nav li.demo-btn a.alert:focus {
background-color: #a53b2a;
color: #fcfcfc;
}
.button.hollow, .form-box .mktoForm button.hollow.mktoButton, .leadership-block .nav-container ul li a, span.edit-link a.hollow, #main-nav li.demo-btn a.hollow, #main-nav .leadership-block .nav-container ul li.demo-btn a, .leadership-block .nav-container ul #main-nav li.demo-btn a, .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, .form-box .mktoForm button.hollow.mktoButton, .leadership-block .nav-container ul li a, span.edit-link a.hollow, #main-nav li.demo-btn a.hollow, #main-nav .leadership-block .nav-container ul li.demo-btn a, .leadership-block .nav-container ul #main-nav li.demo-btn a, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #9CDC00;
color: #9CDC00;
}
.button.hollow:hover, .form-box .mktoForm button.hollow.mktoButton:hover, .leadership-block .nav-container ul li a:hover, span.edit-link a.hollow:hover, #main-nav li.demo-btn a.hollow:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a:hover, .button.hollow:focus, .form-box .mktoForm button.hollow.mktoButton:focus, .leadership-block .nav-container ul li a:focus, span.edit-link a.hollow:focus, #main-nav li.demo-btn a.hollow:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a:focus {
border-color: #4e6e00;
color: #4e6e00;
}
.button.hollow.primary, .form-box .mktoForm button.hollow.primary.mktoButton, .leadership-block .nav-container ul li a.primary, span.edit-link a.hollow.primary, #main-nav li.demo-btn a.hollow.primary, #main-nav .leadership-block .nav-container ul li.demo-btn a.primary, .leadership-block .nav-container ul #main-nav li.demo-btn a.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: 1px solid #9CDC00;
color: #9CDC00;
}
.button.hollow.primary:hover, .form-box .mktoForm button.hollow.primary.mktoButton:hover, .leadership-block .nav-container ul li a.primary:hover, span.edit-link a.hollow.primary:hover, #main-nav li.demo-btn a.hollow.primary:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.primary:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.primary:hover, .button.hollow.primary:focus, .form-box .mktoForm button.hollow.primary.mktoButton:focus, .leadership-block .nav-container ul li a.primary:focus, span.edit-link a.hollow.primary:focus, #main-nav li.demo-btn a.hollow.primary:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.primary:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.primary:focus {
border-color: #4e6e00;
color: #4e6e00;
}
.button.hollow.secondary, .form-box .mktoForm button.hollow.secondary.mktoButton, .leadership-block .nav-container ul li a.secondary, span.edit-link a.hollow.secondary, #main-nav li.demo-btn a.hollow.secondary, #main-nav .leadership-block .nav-container ul li.demo-btn a.secondary, .leadership-block .nav-container ul #main-nav li.demo-btn a.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: 1px solid #C6C7C7;
color: #C6C7C7;
}
.button.hollow.secondary:hover, .form-box .mktoForm button.hollow.secondary.mktoButton:hover, .leadership-block .nav-container ul li a.secondary:hover, span.edit-link a.hollow.secondary:hover, #main-nav li.demo-btn a.hollow.secondary:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.secondary:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.secondary:hover, .button.hollow.secondary:focus, .form-box .mktoForm button.hollow.secondary.mktoButton:focus, .leadership-block .nav-container ul li a.secondary:focus, span.edit-link a.hollow.secondary:focus, #main-nav li.demo-btn a.hollow.secondary:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.secondary:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.secondary:focus {
border-color: #626464;
color: #626464;
}
.button.hollow.success, .form-box .mktoForm button.hollow.success.mktoButton, .leadership-block .nav-container ul li a.success, span.edit-link a.hollow.success, #main-nav li.demo-btn a.hollow.success, #main-nav .leadership-block .nav-container ul li.demo-btn a.success, .leadership-block .nav-container ul #main-nav li.demo-btn a.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: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover, .form-box .mktoForm button.hollow.success.mktoButton:hover, .leadership-block .nav-container ul li a.success:hover, span.edit-link a.hollow.success:hover, #main-nav li.demo-btn a.hollow.success:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.success:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.success:hover, .button.hollow.success:focus, .form-box .mktoForm button.hollow.success.mktoButton:focus, .leadership-block .nav-container ul li a.success:focus, span.edit-link a.hollow.success:focus, #main-nav li.demo-btn a.hollow.success:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.success:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.success:focus {
border-color: #157539;
color: #157539;
}
.button.hollow.warning, .form-box .mktoForm button.hollow.warning.mktoButton, .leadership-block .nav-container ul li a.warning, span.edit-link a.hollow.warning, #main-nav li.demo-btn a.hollow.warning, #main-nav .leadership-block .nav-container ul li.demo-btn a.warning, .leadership-block .nav-container ul #main-nav li.demo-btn a.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: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover, .form-box .mktoForm button.hollow.warning.mktoButton:hover, .leadership-block .nav-container ul li a.warning:hover, span.edit-link a.hollow.warning:hover, #main-nav li.demo-btn a.hollow.warning:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.warning:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.warning:hover, .button.hollow.warning:focus, .form-box .mktoForm button.hollow.warning.mktoButton:focus, .leadership-block .nav-container ul li a.warning:focus, span.edit-link a.hollow.warning:focus, #main-nav li.demo-btn a.hollow.warning:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.warning:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.warning:focus {
border-color: #805700;
color: #805700;
}
.button.hollow.alert, .form-box .mktoForm button.hollow.alert.mktoButton, .leadership-block .nav-container ul li a.alert, span.edit-link a.hollow.alert, #main-nav li.demo-btn a.hollow.alert, #main-nav .leadership-block .nav-container ul li.demo-btn a.alert, .leadership-block .nav-container ul #main-nav li.demo-btn a.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: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:hover, .form-box .mktoForm button.hollow.alert.mktoButton:hover, .leadership-block .nav-container ul li a.alert:hover, span.edit-link a.hollow.alert:hover, #main-nav li.demo-btn a.hollow.alert:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.alert:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.alert:hover, .button.hollow.alert:focus, .form-box .mktoForm button.hollow.alert.mktoButton:focus, .leadership-block .nav-container ul li a.alert:focus, span.edit-link a.hollow.alert:focus, #main-nav li.demo-btn a.hollow.alert:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.alert:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.alert:focus {
border-color: #67251a;
color: #67251a;
}
.button.clear, .form-box .mktoForm button.clear.mktoButton, .leadership-block .nav-container ul li a.clear, span.edit-link a.clear, #main-nav li.demo-btn 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, .form-box .mktoForm button.clear.mktoButton, .leadership-block .nav-container ul li a.clear, span.edit-link a.clear, #main-nav li.demo-btn 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: #9CDC00;
}
.button.clear:hover, .form-box .mktoForm button.clear.mktoButton:hover, .leadership-block .nav-container ul li a.clear:hover, span.edit-link a.clear:hover, #main-nav li.demo-btn a.clear:hover, .button.clear:focus, .form-box .mktoForm button.clear.mktoButton:focus, .leadership-block .nav-container ul li a.clear:focus, span.edit-link a.clear:focus, #main-nav li.demo-btn a.clear:focus {
color: #4e6e00;
}
.button.clear.primary, .form-box .mktoForm button.clear.primary.mktoButton, .leadership-block .nav-container ul li a.clear.primary, span.edit-link a.clear.primary, #main-nav li.demo-btn 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: #9CDC00;
}
.button.clear.primary:hover, .form-box .mktoForm button.clear.primary.mktoButton:hover, .leadership-block .nav-container ul li a.clear.primary:hover, span.edit-link a.clear.primary:hover, #main-nav li.demo-btn a.clear.primary:hover, .button.clear.primary:focus, .form-box .mktoForm button.clear.primary.mktoButton:focus, .leadership-block .nav-container ul li a.clear.primary:focus, span.edit-link a.clear.primary:focus, #main-nav li.demo-btn a.clear.primary:focus {
color: #4e6e00;
}
.button.clear.secondary, .form-box .mktoForm button.clear.secondary.mktoButton, .leadership-block .nav-container ul li a.clear.secondary, span.edit-link a.clear.secondary, #main-nav li.demo-btn 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: #C6C7C7;
}
.button.clear.secondary:hover, .form-box .mktoForm button.clear.secondary.mktoButton:hover, .leadership-block .nav-container ul li a.clear.secondary:hover, span.edit-link a.clear.secondary:hover, #main-nav li.demo-btn a.clear.secondary:hover, .button.clear.secondary:focus, .form-box .mktoForm button.clear.secondary.mktoButton:focus, .leadership-block .nav-container ul li a.clear.secondary:focus, span.edit-link a.clear.secondary:focus, #main-nav li.demo-btn a.clear.secondary:focus {
color: #626464;
}
.button.clear.success, .form-box .mktoForm button.clear.success.mktoButton, .leadership-block .nav-container ul li a.clear.success, span.edit-link a.clear.success, #main-nav li.demo-btn 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, .form-box .mktoForm button.clear.success.mktoButton:hover, .leadership-block .nav-container ul li a.clear.success:hover, span.edit-link a.clear.success:hover, #main-nav li.demo-btn a.clear.success:hover, .button.clear.success:focus, .form-box .mktoForm button.clear.success.mktoButton:focus, .leadership-block .nav-container ul li a.clear.success:focus, span.edit-link a.clear.success:focus, #main-nav li.demo-btn a.clear.success:focus {
color: #157539;
}
.button.clear.warning, .form-box .mktoForm button.clear.warning.mktoButton, .leadership-block .nav-container ul li a.clear.warning, span.edit-link a.clear.warning, #main-nav li.demo-btn 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, .form-box .mktoForm button.clear.warning.mktoButton:hover, .leadership-block .nav-container ul li a.clear.warning:hover, span.edit-link a.clear.warning:hover, #main-nav li.demo-btn a.clear.warning:hover, .button.clear.warning:focus, .form-box .mktoForm button.clear.warning.mktoButton:focus, .leadership-block .nav-container ul li a.clear.warning:focus, span.edit-link a.clear.warning:focus, #main-nav li.demo-btn a.clear.warning:focus {
color: #805700;
}
.button.clear.alert, .form-box .mktoForm button.clear.alert.mktoButton, .leadership-block .nav-container ul li a.clear.alert, span.edit-link a.clear.alert, #main-nav li.demo-btn 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, .form-box .mktoForm button.clear.alert.mktoButton:hover, .leadership-block .nav-container ul li a.clear.alert:hover, span.edit-link a.clear.alert:hover, #main-nav li.demo-btn a.clear.alert:hover, .button.clear.alert:focus, .form-box .mktoForm button.clear.alert.mktoButton:focus, .leadership-block .nav-container ul li a.clear.alert:focus, span.edit-link a.clear.alert:focus, #main-nav li.demo-btn a.clear.alert:focus {
color: #67251a;
}
.button.disabled, .form-box .mktoForm button.disabled.mktoButton, .leadership-block .nav-container ul li a.disabled, span.edit-link a.disabled, #main-nav li.demo-btn a.disabled, .button[disabled], .form-box .mktoForm button[disabled].mktoButton, .leadership-block .nav-container ul li a[disabled], span.edit-link a[disabled], #main-nav li.demo-btn a[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after, .form-box .mktoForm button.dropdown.mktoButton::after, .leadership-block .nav-container ul li a.dropdown::after, span.edit-link a.dropdown::after, #main-nav li.demo-btn a.dropdown::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4em;
content: "";
border-bottom-width: 0;
border-color: #fcfcfc transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 2em;
}
.button.dropdown.hollow::after, .form-box .mktoForm button.dropdown.hollow.mktoButton::after, .leadership-block .nav-container ul li a.dropdown::after, span.edit-link a.dropdown.hollow::after, #main-nav li.demo-btn a.dropdown.hollow::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown::after, .button.dropdown.clear::after, .form-box .mktoForm button.dropdown.clear.mktoButton::after, span.edit-link a.dropdown.clear::after, #main-nav li.demo-btn a.dropdown.clear::after {
border-top-color: #9CDC00;
}
.button.dropdown.hollow.primary::after, .form-box .mktoForm button.dropdown.hollow.primary.mktoButton::after, .leadership-block .nav-container ul li a.dropdown.primary::after, span.edit-link a.dropdown.hollow.primary::after, #main-nav li.demo-btn a.dropdown.hollow.primary::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown.primary::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown.primary::after, .button.dropdown.clear.primary::after, .form-box .mktoForm button.dropdown.clear.primary.mktoButton::after, span.edit-link a.dropdown.clear.primary::after, #main-nav li.demo-btn a.dropdown.clear.primary::after {
border-top-color: #9CDC00;
}
.button.dropdown.hollow.secondary::after, .form-box .mktoForm button.dropdown.hollow.secondary.mktoButton::after, .leadership-block .nav-container ul li a.dropdown.secondary::after, span.edit-link a.dropdown.hollow.secondary::after, #main-nav li.demo-btn a.dropdown.hollow.secondary::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown.secondary::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown.secondary::after, .button.dropdown.clear.secondary::after, .form-box .mktoForm button.dropdown.clear.secondary.mktoButton::after, span.edit-link a.dropdown.clear.secondary::after, #main-nav li.demo-btn a.dropdown.clear.secondary::after {
border-top-color: #C6C7C7;
}
.button.dropdown.hollow.success::after, .form-box .mktoForm button.dropdown.hollow.success.mktoButton::after, .leadership-block .nav-container ul li a.dropdown.success::after, span.edit-link a.dropdown.hollow.success::after, #main-nav li.demo-btn a.dropdown.hollow.success::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown.success::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown.success::after, .button.dropdown.clear.success::after, .form-box .mktoForm button.dropdown.clear.success.mktoButton::after, span.edit-link a.dropdown.clear.success::after, #main-nav li.demo-btn a.dropdown.clear.success::after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, .form-box .mktoForm button.dropdown.hollow.warning.mktoButton::after, .leadership-block .nav-container ul li a.dropdown.warning::after, span.edit-link a.dropdown.hollow.warning::after, #main-nav li.demo-btn a.dropdown.hollow.warning::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown.warning::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown.warning::after, .button.dropdown.clear.warning::after, .form-box .mktoForm button.dropdown.clear.warning.mktoButton::after, span.edit-link a.dropdown.clear.warning::after, #main-nav li.demo-btn a.dropdown.clear.warning::after {
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .form-box .mktoForm button.dropdown.hollow.alert.mktoButton::after, .leadership-block .nav-container ul li a.dropdown.alert::after, span.edit-link a.dropdown.hollow.alert::after, #main-nav li.demo-btn a.dropdown.hollow.alert::after, #main-nav .leadership-block .nav-container ul li.demo-btn a.dropdown.alert::after, .leadership-block .nav-container ul #main-nav li.demo-btn a.dropdown.alert::after, .button.dropdown.clear.alert::after, .form-box .mktoForm button.dropdown.clear.alert.mktoButton::after, span.edit-link a.dropdown.clear.alert::after, #main-nav li.demo-btn a.dropdown.clear.alert::after {
border-top-color: #cc4b37;
}
.button.arrow-only::after, .form-box .mktoForm button.arrow-only.mktoButton::after, .leadership-block .nav-container ul li a.arrow-only::after, span.edit-link a.arrow-only::after, #main-nav li.demo-btn a.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover, .leadership-block .nav-container ul li a:hover, span.edit-link a:hover, #main-nav li.demo-btn a:hover, a.button:focus, .leadership-block .nav-container ul li a:focus, span.edit-link a:focus, #main-nav li.demo-btn a:focus {
text-decoration: none;
}
.accordion {
margin-left: 0;
background: #fcfcfc;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
border-radius: 4px 4px 0 0;
}
.accordion-item:last-child > :last-child {
border-radius: 0 0 4px 4px;
}
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #F1f1f1;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #9CDC00;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #F1f1f1;
border-radius: 0 0 4px 4px;
}
.accordion-title:hover, .accordion-title:focus {
background-color: #F1f1f1;
}
.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 #F1f1f1;
border-bottom: 0;
background-color: #fcfcfc;
color: #222629;
}
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #F1f1f1;
}
.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: #9CDC00 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: #9CDC00 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: #9CDC00;
color: #fcfcfc;
}
.badge.primary {
background: #9CDC00;
color: #222629;
}
.badge.secondary {
background: #C6C7C7;
color: #222629;
}
.badge.success {
background: #3adb76;
color: #222629;
}
.badge.warning {
background: #ffae00;
color: #222629;
}
.badge.alert {
background: #cc4b37;
color: #fcfcfc;
}
.breadcrumbs {
margin: 0 0 1.5rem 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: #222629;
cursor: default;
text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0.75rem;
opacity: 1;
content: "|";
color: #C6C7C7;
}
.breadcrumbs a {
color: #9CDC00;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #C6C7C7;
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: table;
content: " ";
flex-basis: 0;
order: 1;
}
.button-group::after {
clear: both;
}
.button-group::before, .button-group::after {
display: none;
}
.button-group .button, .button-group .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group button.mktoButton, .button-group .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group a, .button-group span.edit-link a, span.edit-link .button-group a, .button-group #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton:last-child, .form-box .mktoForm .button-group button.mktoButton:last-child, .button-group .leadership-block .nav-container ul li a:last-child, .leadership-block .nav-container ul li .button-group a:last-child, .button-group span.edit-link a:last-child, span.edit-link .button-group a:last-child, .button-group #main-nav li.demo-btn a:last-child, #main-nav li.demo-btn .button-group a:last-child {
margin-right: 0;
}
.button-group.tiny .button, .button-group.tiny .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.tiny button.mktoButton, .button-group.tiny .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.tiny a, .button-group.tiny span.edit-link a, span.edit-link .button-group.tiny a, .button-group.tiny #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.tiny a {
font-size: 0.6rem;
}
.button-group.small .button, .button-group.small .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.small button.mktoButton, .button-group.small .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.small a, .button-group.small span.edit-link a, span.edit-link .button-group.small a, .button-group.small #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.small a {
font-size: 0.75rem;
}
.button-group.large .button, .button-group.large .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.large button.mktoButton, .button-group.large .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.large a, .button-group.large span.edit-link a, span.edit-link .button-group.large a, .button-group.large #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.large a {
font-size: 1.5rem;
}
.button-group.expanded .button, .button-group.expanded .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.expanded button.mktoButton, .button-group.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.expanded a, .button-group.expanded span.edit-link a, span.edit-link .button-group.expanded a, .button-group.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.expanded a {
flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.primary button.mktoButton, .button-group.primary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.primary a, .button-group.primary span.edit-link a, span.edit-link .button-group.primary a, .button-group.primary #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #9CDC00;
color: #222629;
}
.button-group.primary .button:hover, .button-group.primary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.primary button.mktoButton:hover, .button-group.primary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.primary a:hover, .button-group.primary span.edit-link a:hover, span.edit-link .button-group.primary a:hover, .button-group.primary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.primary a:hover, .button-group.primary .button:focus, .button-group.primary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.primary button.mktoButton:focus, .button-group.primary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.primary a:focus, .button-group.primary span.edit-link a:focus, span.edit-link .button-group.primary a:focus, .button-group.primary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.primary a:focus {
background-color: #7db000;
color: #222629;
}
.button-group.secondary .button, .button-group.secondary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.secondary button.mktoButton, .button-group.secondary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.secondary a, .button-group.secondary span.edit-link a, span.edit-link .button-group.secondary a, .button-group.secondary #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #C6C7C7;
color: #222629;
}
.button-group.secondary .button:hover, .button-group.secondary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.secondary button.mktoButton:hover, .button-group.secondary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.secondary a:hover, .button-group.secondary span.edit-link a:hover, span.edit-link .button-group.secondary a:hover, .button-group.secondary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.secondary a:hover, .button-group.secondary .button:focus, .button-group.secondary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.secondary button.mktoButton:focus, .button-group.secondary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.secondary a:focus, .button-group.secondary span.edit-link a:focus, span.edit-link .button-group.secondary a:focus, .button-group.secondary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.secondary a:focus {
background-color: #9ea0a0;
color: #222629;
}
.button-group.success .button, .button-group.success .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.success button.mktoButton, .button-group.success .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.success a, .button-group.success span.edit-link a, span.edit-link .button-group.success a, .button-group.success #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #222629;
}
.button-group.success .button:hover, .button-group.success .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.success button.mktoButton:hover, .button-group.success .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.success a:hover, .button-group.success span.edit-link a:hover, span.edit-link .button-group.success a:hover, .button-group.success #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.success a:hover, .button-group.success .button:focus, .button-group.success .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.success button.mktoButton:focus, .button-group.success .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.success a:focus, .button-group.success span.edit-link a:focus, span.edit-link .button-group.success a:focus, .button-group.success #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.success a:focus {
background-color: #22bb5b;
color: #222629;
}
.button-group.warning .button, .button-group.warning .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.warning button.mktoButton, .button-group.warning .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.warning a, .button-group.warning span.edit-link a, span.edit-link .button-group.warning a, .button-group.warning #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #222629;
}
.button-group.warning .button:hover, .button-group.warning .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.warning button.mktoButton:hover, .button-group.warning .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.warning a:hover, .button-group.warning span.edit-link a:hover, span.edit-link .button-group.warning a:hover, .button-group.warning #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.warning a:hover, .button-group.warning .button:focus, .button-group.warning .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.warning button.mktoButton:focus, .button-group.warning .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.warning a:focus, .button-group.warning span.edit-link a:focus, span.edit-link .button-group.warning a:focus, .button-group.warning #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.warning a:focus {
background-color: #cc8b00;
color: #222629;
}
.button-group.alert .button, .button-group.alert .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.alert button.mktoButton, .button-group.alert .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.alert a, .button-group.alert span.edit-link a, span.edit-link .button-group.alert a, .button-group.alert #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #fcfcfc;
}
.button-group.alert .button:hover, .button-group.alert .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.alert button.mktoButton:hover, .button-group.alert .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.alert a:hover, .button-group.alert span.edit-link a:hover, span.edit-link .button-group.alert a:hover, .button-group.alert #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.alert a:hover, .button-group.alert .button:focus, .button-group.alert .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.alert button.mktoButton:focus, .button-group.alert .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.alert a:focus, .button-group.alert span.edit-link a:focus, span.edit-link .button-group.alert a:focus, .button-group.alert #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.alert a:focus {
background-color: #a53b2a;
color: #fcfcfc;
}
.button-group.hollow .button, .button-group.hollow .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow button.mktoButton, .leadership-block .nav-container ul li a.button-group .button, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow a, .leadership-block .nav-container ul li a.button-group a, .button-group.hollow span.edit-link a, span.edit-link .button-group.hollow a, .button-group.hollow #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow button.mktoButton, .leadership-block .nav-container ul li a.button-group .button, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow a, .leadership-block .nav-container ul li a.button-group a, .button-group.hollow span.edit-link a, span.edit-link .button-group.hollow a, .button-group.hollow #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #9CDC00;
color: #9CDC00;
}
.button-group.hollow .button:hover, .button-group.hollow .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow a:hover, .leadership-block .nav-container ul li a.button-group a:hover, .button-group.hollow span.edit-link a:hover, span.edit-link .button-group.hollow a:hover, .button-group.hollow #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a:hover, .button-group.hollow .button:focus, .button-group.hollow .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow a:focus, .leadership-block .nav-container ul li a.button-group a:focus, .button-group.hollow span.edit-link a:focus, span.edit-link .button-group.hollow a:focus, .button-group.hollow #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a:focus {
border-color: #4e6e00;
color: #4e6e00;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow.primary button.mktoButton, .leadership-block .nav-container ul li a.button-group.primary .button, .leadership-block .nav-container ul li a.button-group.primary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.primary button.mktoButton, .button-group.hollow.primary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow.primary a, .leadership-block .nav-container ul li a.button-group.primary a, .button-group.hollow.primary span.edit-link a, span.edit-link .button-group.hollow.primary a, .button-group.hollow.primary #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group.primary #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow.primary a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.primary a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.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 .form-box .mktoForm button.primary.mktoButton, .form-box .mktoForm .button-group.hollow button.primary.mktoButton, .leadership-block .nav-container ul li a.button-group .button.primary, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.primary.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.primary.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a.primary, .leadership-block .nav-container ul li .button-group.hollow a.primary, .leadership-block .nav-container ul li a.button-group a.primary, .button-group.hollow span.edit-link a.primary, span.edit-link .button-group.hollow a.primary, .button-group.hollow #main-nav li.demo-btn a.primary, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.primary, #main-nav li.demo-btn .button-group.hollow a.primary, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.primary, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #9CDC00;
color: #9CDC00;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow.primary button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group.primary .button:hover, .leadership-block .nav-container ul li a.button-group.primary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.primary button.mktoButton:hover, .button-group.hollow.primary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow.primary a:hover, .leadership-block .nav-container ul li a.button-group.primary a:hover, .button-group.hollow.primary span.edit-link a:hover, span.edit-link .button-group.hollow.primary a:hover, .button-group.hollow.primary #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group.primary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow.primary a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.primary a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.primary a:hover, .button-group.hollow.primary .button:focus, .button-group.hollow.primary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow.primary button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group.primary .button:focus, .leadership-block .nav-container ul li a.button-group.primary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.primary button.mktoButton:focus, .button-group.hollow.primary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow.primary a:focus, .leadership-block .nav-container ul li a.button-group.primary a:focus, .button-group.hollow.primary span.edit-link a:focus, span.edit-link .button-group.hollow.primary a:focus, .button-group.hollow.primary #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group.primary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow.primary a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.primary a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.primary a:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .form-box .mktoForm button.primary.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.primary.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button.primary:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.primary.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.primary.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a.primary:hover, .leadership-block .nav-container ul li .button-group.hollow a.primary:hover, .leadership-block .nav-container ul li a.button-group a.primary:hover, .button-group.hollow span.edit-link a.primary:hover, span.edit-link .button-group.hollow a.primary:hover, .button-group.hollow #main-nav li.demo-btn a.primary:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.primary:hover, #main-nav li.demo-btn .button-group.hollow a.primary:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.primary:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.primary:hover, .button-group.hollow .button.primary:focus, .button-group.hollow .form-box .mktoForm button.primary.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.primary.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button.primary:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.primary.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.primary.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a.primary:focus, .leadership-block .nav-container ul li .button-group.hollow a.primary:focus, .leadership-block .nav-container ul li a.button-group a.primary:focus, .button-group.hollow span.edit-link a.primary:focus, span.edit-link .button-group.hollow a.primary:focus, .button-group.hollow #main-nav li.demo-btn a.primary:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.primary:focus, #main-nav li.demo-btn .button-group.hollow a.primary:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.primary:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.primary:focus {
border-color: #4e6e00;
color: #4e6e00;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow.secondary button.mktoButton, .leadership-block .nav-container ul li a.button-group.secondary .button, .leadership-block .nav-container ul li a.button-group.secondary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.secondary button.mktoButton, .button-group.hollow.secondary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow.secondary a, .leadership-block .nav-container ul li a.button-group.secondary a, .button-group.hollow.secondary span.edit-link a, span.edit-link .button-group.hollow.secondary a, .button-group.hollow.secondary #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group.secondary #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow.secondary a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.secondary a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.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 .form-box .mktoForm button.secondary.mktoButton, .form-box .mktoForm .button-group.hollow button.secondary.mktoButton, .leadership-block .nav-container ul li a.button-group .button.secondary, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.secondary.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.secondary.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a.secondary, .leadership-block .nav-container ul li .button-group.hollow a.secondary, .leadership-block .nav-container ul li a.button-group a.secondary, .button-group.hollow span.edit-link a.secondary, span.edit-link .button-group.hollow a.secondary, .button-group.hollow #main-nav li.demo-btn a.secondary, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.secondary, #main-nav li.demo-btn .button-group.hollow a.secondary, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.secondary, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #C6C7C7;
color: #C6C7C7;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow.secondary button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group.secondary .button:hover, .leadership-block .nav-container ul li a.button-group.secondary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.secondary button.mktoButton:hover, .button-group.hollow.secondary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow.secondary a:hover, .leadership-block .nav-container ul li a.button-group.secondary a:hover, .button-group.hollow.secondary span.edit-link a:hover, span.edit-link .button-group.hollow.secondary a:hover, .button-group.hollow.secondary #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group.secondary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow.secondary a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.secondary a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.secondary a:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow.secondary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow.secondary button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group.secondary .button:focus, .leadership-block .nav-container ul li a.button-group.secondary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.secondary button.mktoButton:focus, .button-group.hollow.secondary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow.secondary a:focus, .leadership-block .nav-container ul li a.button-group.secondary a:focus, .button-group.hollow.secondary span.edit-link a:focus, span.edit-link .button-group.hollow.secondary a:focus, .button-group.hollow.secondary #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group.secondary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow.secondary a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.secondary a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.secondary a:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .form-box .mktoForm button.secondary.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.secondary.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button.secondary:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.secondary.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.secondary.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a.secondary:hover, .leadership-block .nav-container ul li .button-group.hollow a.secondary:hover, .leadership-block .nav-container ul li a.button-group a.secondary:hover, .button-group.hollow span.edit-link a.secondary:hover, span.edit-link .button-group.hollow a.secondary:hover, .button-group.hollow #main-nav li.demo-btn a.secondary:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.secondary:hover, #main-nav li.demo-btn .button-group.hollow a.secondary:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.secondary:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.secondary:hover, .button-group.hollow .button.secondary:focus, .button-group.hollow .form-box .mktoForm button.secondary.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.secondary.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button.secondary:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.secondary.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.secondary.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a.secondary:focus, .leadership-block .nav-container ul li .button-group.hollow a.secondary:focus, .leadership-block .nav-container ul li a.button-group a.secondary:focus, .button-group.hollow span.edit-link a.secondary:focus, span.edit-link .button-group.hollow a.secondary:focus, .button-group.hollow #main-nav li.demo-btn a.secondary:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.secondary:focus, #main-nav li.demo-btn .button-group.hollow a.secondary:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.secondary:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.secondary:focus {
border-color: #626464;
color: #626464;
}
.button-group.hollow.success .button, .button-group.hollow.success .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow.success button.mktoButton, .leadership-block .nav-container ul li a.button-group.success .button, .leadership-block .nav-container ul li a.button-group.success .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.success button.mktoButton, .button-group.hollow.success .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow.success a, .leadership-block .nav-container ul li a.button-group.success a, .button-group.hollow.success span.edit-link a, span.edit-link .button-group.hollow.success a, .button-group.hollow.success #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group.success #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow.success a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.success a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.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 .form-box .mktoForm button.success.mktoButton, .form-box .mktoForm .button-group.hollow button.success.mktoButton, .leadership-block .nav-container ul li a.button-group .button.success, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.success.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.success.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a.success, .leadership-block .nav-container ul li .button-group.hollow a.success, .leadership-block .nav-container ul li a.button-group a.success, .button-group.hollow span.edit-link a.success, span.edit-link .button-group.hollow a.success, .button-group.hollow #main-nav li.demo-btn a.success, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.success, #main-nav li.demo-btn .button-group.hollow a.success, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.success, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #3adb76;
color: #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow.success button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group.success .button:hover, .leadership-block .nav-container ul li a.button-group.success .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.success button.mktoButton:hover, .button-group.hollow.success .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow.success a:hover, .leadership-block .nav-container ul li a.button-group.success a:hover, .button-group.hollow.success span.edit-link a:hover, span.edit-link .button-group.hollow.success a:hover, .button-group.hollow.success #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group.success #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow.success a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.success a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.success a:hover, .button-group.hollow.success .button:focus, .button-group.hollow.success .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow.success button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group.success .button:focus, .leadership-block .nav-container ul li a.button-group.success .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.success button.mktoButton:focus, .button-group.hollow.success .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow.success a:focus, .leadership-block .nav-container ul li a.button-group.success a:focus, .button-group.hollow.success span.edit-link a:focus, span.edit-link .button-group.hollow.success a:focus, .button-group.hollow.success #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group.success #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow.success a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.success a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.success a:focus, .button-group.hollow .button.success:hover, .button-group.hollow .form-box .mktoForm button.success.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.success.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button.success:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.success.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.success.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a.success:hover, .leadership-block .nav-container ul li .button-group.hollow a.success:hover, .leadership-block .nav-container ul li a.button-group a.success:hover, .button-group.hollow span.edit-link a.success:hover, span.edit-link .button-group.hollow a.success:hover, .button-group.hollow #main-nav li.demo-btn a.success:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.success:hover, #main-nav li.demo-btn .button-group.hollow a.success:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.success:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.success:hover, .button-group.hollow .button.success:focus, .button-group.hollow .form-box .mktoForm button.success.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.success.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button.success:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.success.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.success.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a.success:focus, .leadership-block .nav-container ul li .button-group.hollow a.success:focus, .leadership-block .nav-container ul li a.button-group a.success:focus, .button-group.hollow span.edit-link a.success:focus, span.edit-link .button-group.hollow a.success:focus, .button-group.hollow #main-nav li.demo-btn a.success:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.success:focus, #main-nav li.demo-btn .button-group.hollow a.success:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.success:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.success:focus {
border-color: #157539;
color: #157539;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow.warning button.mktoButton, .leadership-block .nav-container ul li a.button-group.warning .button, .leadership-block .nav-container ul li a.button-group.warning .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.warning button.mktoButton, .button-group.hollow.warning .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow.warning a, .leadership-block .nav-container ul li a.button-group.warning a, .button-group.hollow.warning span.edit-link a, span.edit-link .button-group.hollow.warning a, .button-group.hollow.warning #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group.warning #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow.warning a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.warning a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.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 .form-box .mktoForm button.warning.mktoButton, .form-box .mktoForm .button-group.hollow button.warning.mktoButton, .leadership-block .nav-container ul li a.button-group .button.warning, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.warning.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.warning.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a.warning, .leadership-block .nav-container ul li .button-group.hollow a.warning, .leadership-block .nav-container ul li a.button-group a.warning, .button-group.hollow span.edit-link a.warning, span.edit-link .button-group.hollow a.warning, .button-group.hollow #main-nav li.demo-btn a.warning, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.warning, #main-nav li.demo-btn .button-group.hollow a.warning, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.warning, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #ffae00;
color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow.warning button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group.warning .button:hover, .leadership-block .nav-container ul li a.button-group.warning .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.warning button.mktoButton:hover, .button-group.hollow.warning .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow.warning a:hover, .leadership-block .nav-container ul li a.button-group.warning a:hover, .button-group.hollow.warning span.edit-link a:hover, span.edit-link .button-group.hollow.warning a:hover, .button-group.hollow.warning #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group.warning #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow.warning a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.warning a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.warning a:hover, .button-group.hollow.warning .button:focus, .button-group.hollow.warning .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow.warning button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group.warning .button:focus, .leadership-block .nav-container ul li a.button-group.warning .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.warning button.mktoButton:focus, .button-group.hollow.warning .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow.warning a:focus, .leadership-block .nav-container ul li a.button-group.warning a:focus, .button-group.hollow.warning span.edit-link a:focus, span.edit-link .button-group.hollow.warning a:focus, .button-group.hollow.warning #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group.warning #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow.warning a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.warning a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.warning a:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .form-box .mktoForm button.warning.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.warning.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button.warning:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.warning.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.warning.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a.warning:hover, .leadership-block .nav-container ul li .button-group.hollow a.warning:hover, .leadership-block .nav-container ul li a.button-group a.warning:hover, .button-group.hollow span.edit-link a.warning:hover, span.edit-link .button-group.hollow a.warning:hover, .button-group.hollow #main-nav li.demo-btn a.warning:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.warning:hover, #main-nav li.demo-btn .button-group.hollow a.warning:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.warning:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.warning:hover, .button-group.hollow .button.warning:focus, .button-group.hollow .form-box .mktoForm button.warning.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.warning.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button.warning:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.warning.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.warning.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a.warning:focus, .leadership-block .nav-container ul li .button-group.hollow a.warning:focus, .leadership-block .nav-container ul li a.button-group a.warning:focus, .button-group.hollow span.edit-link a.warning:focus, span.edit-link .button-group.hollow a.warning:focus, .button-group.hollow #main-nav li.demo-btn a.warning:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.warning:focus, #main-nav li.demo-btn .button-group.hollow a.warning:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.warning:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.warning:focus {
border-color: #805700;
color: #805700;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.hollow.alert button.mktoButton, .leadership-block .nav-container ul li a.button-group.alert .button, .leadership-block .nav-container ul li a.button-group.alert .form-box .mktoForm button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.alert button.mktoButton, .button-group.hollow.alert .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.hollow.alert a, .leadership-block .nav-container ul li a.button-group.alert a, .button-group.hollow.alert span.edit-link a, span.edit-link .button-group.hollow.alert a, .button-group.hollow.alert #main-nav li.demo-btn a, .leadership-block .nav-container ul li a.button-group.alert #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.hollow.alert a, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.alert a, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.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 .form-box .mktoForm button.alert.mktoButton, .form-box .mktoForm .button-group.hollow button.alert.mktoButton, .leadership-block .nav-container ul li a.button-group .button.alert, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.alert.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.alert.mktoButton, .button-group.hollow .leadership-block .nav-container ul li a.alert, .leadership-block .nav-container ul li .button-group.hollow a.alert, .leadership-block .nav-container ul li a.button-group a.alert, .button-group.hollow span.edit-link a.alert, span.edit-link .button-group.hollow a.alert, .button-group.hollow #main-nav li.demo-btn a.alert, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.alert, #main-nav li.demo-btn .button-group.hollow a.alert, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.alert, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group 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: 1px solid #cc4b37;
color: #cc4b37;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.hollow.alert button.mktoButton:hover, .leadership-block .nav-container ul li a.button-group.alert .button:hover, .leadership-block .nav-container ul li a.button-group.alert .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.alert button.mktoButton:hover, .button-group.hollow.alert .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.hollow.alert a:hover, .leadership-block .nav-container ul li a.button-group.alert a:hover, .button-group.hollow.alert span.edit-link a:hover, span.edit-link .button-group.hollow.alert a:hover, .button-group.hollow.alert #main-nav li.demo-btn a:hover, .leadership-block .nav-container ul li a.button-group.alert #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.hollow.alert a:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.alert a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.alert a:hover, .button-group.hollow.alert .button:focus, .button-group.hollow.alert .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.hollow.alert button.mktoButton:focus, .leadership-block .nav-container ul li a.button-group.alert .button:focus, .leadership-block .nav-container ul li a.button-group.alert .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group.alert button.mktoButton:focus, .button-group.hollow.alert .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.hollow.alert a:focus, .leadership-block .nav-container ul li a.button-group.alert a:focus, .button-group.hollow.alert span.edit-link a:focus, span.edit-link .button-group.hollow.alert a:focus, .button-group.hollow.alert #main-nav li.demo-btn a:focus, .leadership-block .nav-container ul li a.button-group.alert #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.hollow.alert a:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group.alert a:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group.alert a:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .form-box .mktoForm button.alert.mktoButton:hover, .form-box .mktoForm .button-group.hollow button.alert.mktoButton:hover, .leadership-block .nav-container ul li a.button-group .button.alert:hover, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.alert.mktoButton:hover, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.alert.mktoButton:hover, .button-group.hollow .leadership-block .nav-container ul li a.alert:hover, .leadership-block .nav-container ul li .button-group.hollow a.alert:hover, .leadership-block .nav-container ul li a.button-group a.alert:hover, .button-group.hollow span.edit-link a.alert:hover, span.edit-link .button-group.hollow a.alert:hover, .button-group.hollow #main-nav li.demo-btn a.alert:hover, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.alert:hover, #main-nav li.demo-btn .button-group.hollow a.alert:hover, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.alert:hover, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.alert:hover, .button-group.hollow .button.alert:focus, .button-group.hollow .form-box .mktoForm button.alert.mktoButton:focus, .form-box .mktoForm .button-group.hollow button.alert.mktoButton:focus, .leadership-block .nav-container ul li a.button-group .button.alert:focus, .leadership-block .nav-container ul li a.button-group .form-box .mktoForm button.alert.mktoButton:focus, .form-box .mktoForm .leadership-block .nav-container ul li a.button-group button.alert.mktoButton:focus, .button-group.hollow .leadership-block .nav-container ul li a.alert:focus, .leadership-block .nav-container ul li .button-group.hollow a.alert:focus, .leadership-block .nav-container ul li a.button-group a.alert:focus, .button-group.hollow span.edit-link a.alert:focus, span.edit-link .button-group.hollow a.alert:focus, .button-group.hollow #main-nav li.demo-btn a.alert:focus, .leadership-block .nav-container ul li a.button-group #main-nav li.demo-btn a.alert:focus, #main-nav li.demo-btn .button-group.hollow a.alert:focus, #main-nav .leadership-block .nav-container ul li.demo-btn a.button-group a.alert:focus, .leadership-block .nav-container ul #main-nav li.demo-btn a.button-group a.alert:focus {
border-color: #67251a;
color: #67251a;
}
.button-group.clear .button, .button-group.clear .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear button.mktoButton, .button-group.clear .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear a, .button-group.clear span.edit-link a, span.edit-link .button-group.clear a, .button-group.clear #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear button.mktoButton, .button-group.clear .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear a, .button-group.clear span.edit-link a, span.edit-link .button-group.clear a, .button-group.clear #main-nav li.demo-btn a, #main-nav li.demo-btn .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: #9CDC00;
}
.button-group.clear .button:hover, .button-group.clear .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear button.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear a:hover, .button-group.clear span.edit-link a:hover, span.edit-link .button-group.clear a:hover, .button-group.clear #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear a:hover, .button-group.clear .button:focus, .button-group.clear .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear button.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear a:focus, .button-group.clear span.edit-link a:focus, span.edit-link .button-group.clear a:focus, .button-group.clear #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear a:focus {
color: #4e6e00;
}
.button-group.clear.primary .button, .button-group.clear.primary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear.primary button.mktoButton, .button-group.clear.primary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear.primary a, .button-group.clear.primary span.edit-link a, span.edit-link .button-group.clear.primary a, .button-group.clear.primary #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.primary.mktoButton, .form-box .mktoForm .button-group.clear button.primary.mktoButton, .button-group.clear .leadership-block .nav-container ul li a.primary, .leadership-block .nav-container ul li .button-group.clear a.primary, .button-group.clear span.edit-link a.primary, span.edit-link .button-group.clear a.primary, .button-group.clear #main-nav li.demo-btn a.primary, #main-nav li.demo-btn .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: #9CDC00;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear.primary button.mktoButton:hover, .button-group.clear.primary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear.primary a:hover, .button-group.clear.primary span.edit-link a:hover, span.edit-link .button-group.clear.primary a:hover, .button-group.clear.primary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear.primary a:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear.primary button.mktoButton:focus, .button-group.clear.primary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear.primary a:focus, .button-group.clear.primary span.edit-link a:focus, span.edit-link .button-group.clear.primary a:focus, .button-group.clear.primary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear.primary a:focus, .button-group.clear .button.primary:hover, .button-group.clear .form-box .mktoForm button.primary.mktoButton:hover, .form-box .mktoForm .button-group.clear button.primary.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a.primary:hover, .leadership-block .nav-container ul li .button-group.clear a.primary:hover, .button-group.clear span.edit-link a.primary:hover, span.edit-link .button-group.clear a.primary:hover, .button-group.clear #main-nav li.demo-btn a.primary:hover, #main-nav li.demo-btn .button-group.clear a.primary:hover, .button-group.clear .button.primary:focus, .button-group.clear .form-box .mktoForm button.primary.mktoButton:focus, .form-box .mktoForm .button-group.clear button.primary.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a.primary:focus, .leadership-block .nav-container ul li .button-group.clear a.primary:focus, .button-group.clear span.edit-link a.primary:focus, span.edit-link .button-group.clear a.primary:focus, .button-group.clear #main-nav li.demo-btn a.primary:focus, #main-nav li.demo-btn .button-group.clear a.primary:focus {
color: #4e6e00;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear.secondary button.mktoButton, .button-group.clear.secondary .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear.secondary a, .button-group.clear.secondary span.edit-link a, span.edit-link .button-group.clear.secondary a, .button-group.clear.secondary #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.secondary.mktoButton, .form-box .mktoForm .button-group.clear button.secondary.mktoButton, .button-group.clear .leadership-block .nav-container ul li a.secondary, .leadership-block .nav-container ul li .button-group.clear a.secondary, .button-group.clear span.edit-link a.secondary, span.edit-link .button-group.clear a.secondary, .button-group.clear #main-nav li.demo-btn a.secondary, #main-nav li.demo-btn .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: #C6C7C7;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear.secondary button.mktoButton:hover, .button-group.clear.secondary .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear.secondary a:hover, .button-group.clear.secondary span.edit-link a:hover, span.edit-link .button-group.clear.secondary a:hover, .button-group.clear.secondary #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear.secondary a:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear.secondary button.mktoButton:focus, .button-group.clear.secondary .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear.secondary a:focus, .button-group.clear.secondary span.edit-link a:focus, span.edit-link .button-group.clear.secondary a:focus, .button-group.clear.secondary #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear.secondary a:focus, .button-group.clear .button.secondary:hover, .button-group.clear .form-box .mktoForm button.secondary.mktoButton:hover, .form-box .mktoForm .button-group.clear button.secondary.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a.secondary:hover, .leadership-block .nav-container ul li .button-group.clear a.secondary:hover, .button-group.clear span.edit-link a.secondary:hover, span.edit-link .button-group.clear a.secondary:hover, .button-group.clear #main-nav li.demo-btn a.secondary:hover, #main-nav li.demo-btn .button-group.clear a.secondary:hover, .button-group.clear .button.secondary:focus, .button-group.clear .form-box .mktoForm button.secondary.mktoButton:focus, .form-box .mktoForm .button-group.clear button.secondary.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a.secondary:focus, .leadership-block .nav-container ul li .button-group.clear a.secondary:focus, .button-group.clear span.edit-link a.secondary:focus, span.edit-link .button-group.clear a.secondary:focus, .button-group.clear #main-nav li.demo-btn a.secondary:focus, #main-nav li.demo-btn .button-group.clear a.secondary:focus {
color: #626464;
}
.button-group.clear.success .button, .button-group.clear.success .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear.success button.mktoButton, .button-group.clear.success .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear.success a, .button-group.clear.success span.edit-link a, span.edit-link .button-group.clear.success a, .button-group.clear.success #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.success.mktoButton, .form-box .mktoForm .button-group.clear button.success.mktoButton, .button-group.clear .leadership-block .nav-container ul li a.success, .leadership-block .nav-container ul li .button-group.clear a.success, .button-group.clear span.edit-link a.success, span.edit-link .button-group.clear a.success, .button-group.clear #main-nav li.demo-btn a.success, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear.success button.mktoButton:hover, .button-group.clear.success .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear.success a:hover, .button-group.clear.success span.edit-link a:hover, span.edit-link .button-group.clear.success a:hover, .button-group.clear.success #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear.success a:hover, .button-group.clear.success .button:focus, .button-group.clear.success .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear.success button.mktoButton:focus, .button-group.clear.success .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear.success a:focus, .button-group.clear.success span.edit-link a:focus, span.edit-link .button-group.clear.success a:focus, .button-group.clear.success #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear.success a:focus, .button-group.clear .button.success:hover, .button-group.clear .form-box .mktoForm button.success.mktoButton:hover, .form-box .mktoForm .button-group.clear button.success.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a.success:hover, .leadership-block .nav-container ul li .button-group.clear a.success:hover, .button-group.clear span.edit-link a.success:hover, span.edit-link .button-group.clear a.success:hover, .button-group.clear #main-nav li.demo-btn a.success:hover, #main-nav li.demo-btn .button-group.clear a.success:hover, .button-group.clear .button.success:focus, .button-group.clear .form-box .mktoForm button.success.mktoButton:focus, .form-box .mktoForm .button-group.clear button.success.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a.success:focus, .leadership-block .nav-container ul li .button-group.clear a.success:focus, .button-group.clear span.edit-link a.success:focus, span.edit-link .button-group.clear a.success:focus, .button-group.clear #main-nav li.demo-btn a.success:focus, #main-nav li.demo-btn .button-group.clear a.success:focus {
color: #157539;
}
.button-group.clear.warning .button, .button-group.clear.warning .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear.warning button.mktoButton, .button-group.clear.warning .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear.warning a, .button-group.clear.warning span.edit-link a, span.edit-link .button-group.clear.warning a, .button-group.clear.warning #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.warning.mktoButton, .form-box .mktoForm .button-group.clear button.warning.mktoButton, .button-group.clear .leadership-block .nav-container ul li a.warning, .leadership-block .nav-container ul li .button-group.clear a.warning, .button-group.clear span.edit-link a.warning, span.edit-link .button-group.clear a.warning, .button-group.clear #main-nav li.demo-btn a.warning, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear.warning button.mktoButton:hover, .button-group.clear.warning .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear.warning a:hover, .button-group.clear.warning span.edit-link a:hover, span.edit-link .button-group.clear.warning a:hover, .button-group.clear.warning #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear.warning a:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear.warning button.mktoButton:focus, .button-group.clear.warning .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear.warning a:focus, .button-group.clear.warning span.edit-link a:focus, span.edit-link .button-group.clear.warning a:focus, .button-group.clear.warning #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear.warning a:focus, .button-group.clear .button.warning:hover, .button-group.clear .form-box .mktoForm button.warning.mktoButton:hover, .form-box .mktoForm .button-group.clear button.warning.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a.warning:hover, .leadership-block .nav-container ul li .button-group.clear a.warning:hover, .button-group.clear span.edit-link a.warning:hover, span.edit-link .button-group.clear a.warning:hover, .button-group.clear #main-nav li.demo-btn a.warning:hover, #main-nav li.demo-btn .button-group.clear a.warning:hover, .button-group.clear .button.warning:focus, .button-group.clear .form-box .mktoForm button.warning.mktoButton:focus, .form-box .mktoForm .button-group.clear button.warning.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a.warning:focus, .leadership-block .nav-container ul li .button-group.clear a.warning:focus, .button-group.clear span.edit-link a.warning:focus, span.edit-link .button-group.clear a.warning:focus, .button-group.clear #main-nav li.demo-btn a.warning:focus, #main-nav li.demo-btn .button-group.clear a.warning:focus {
color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.clear.alert button.mktoButton, .button-group.clear.alert .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.clear.alert a, .button-group.clear.alert span.edit-link a, span.edit-link .button-group.clear.alert a, .button-group.clear.alert #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.alert.mktoButton, .form-box .mktoForm .button-group.clear button.alert.mktoButton, .button-group.clear .leadership-block .nav-container ul li a.alert, .leadership-block .nav-container ul li .button-group.clear a.alert, .button-group.clear span.edit-link a.alert, span.edit-link .button-group.clear a.alert, .button-group.clear #main-nav li.demo-btn a.alert, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton:hover, .form-box .mktoForm .button-group.clear.alert button.mktoButton:hover, .button-group.clear.alert .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .button-group.clear.alert a:hover, .button-group.clear.alert span.edit-link a:hover, span.edit-link .button-group.clear.alert a:hover, .button-group.clear.alert #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .button-group.clear.alert a:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert .form-box .mktoForm button.mktoButton:focus, .form-box .mktoForm .button-group.clear.alert button.mktoButton:focus, .button-group.clear.alert .leadership-block .nav-container ul li a:focus, .leadership-block .nav-container ul li .button-group.clear.alert a:focus, .button-group.clear.alert span.edit-link a:focus, span.edit-link .button-group.clear.alert a:focus, .button-group.clear.alert #main-nav li.demo-btn a:focus, #main-nav li.demo-btn .button-group.clear.alert a:focus, .button-group.clear .button.alert:hover, .button-group.clear .form-box .mktoForm button.alert.mktoButton:hover, .form-box .mktoForm .button-group.clear button.alert.mktoButton:hover, .button-group.clear .leadership-block .nav-container ul li a.alert:hover, .leadership-block .nav-container ul li .button-group.clear a.alert:hover, .button-group.clear span.edit-link a.alert:hover, span.edit-link .button-group.clear a.alert:hover, .button-group.clear #main-nav li.demo-btn a.alert:hover, #main-nav li.demo-btn .button-group.clear a.alert:hover, .button-group.clear .button.alert:focus, .button-group.clear .form-box .mktoForm button.alert.mktoButton:focus, .form-box .mktoForm .button-group.clear button.alert.mktoButton:focus, .button-group.clear .leadership-block .nav-container ul li a.alert:focus, .leadership-block .nav-container ul li .button-group.clear a.alert:focus, .button-group.clear span.edit-link a.alert:focus, span.edit-link .button-group.clear a.alert:focus, .button-group.clear #main-nav li.demo-btn a.alert:focus, #main-nav li.demo-btn .button-group.clear a.alert:focus {
color: #67251a;
}
.button-group.no-gaps .button, .button-group.no-gaps .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.no-gaps button.mktoButton, .button-group.no-gaps .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.no-gaps a, .button-group.no-gaps span.edit-link a, span.edit-link .button-group.no-gaps a, .button-group.no-gaps #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.no-gaps a {
margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button, .button-group.no-gaps .form-box .mktoForm button.mktoButton + .button, .form-box .mktoForm .button-group.no-gaps button.mktoButton + .button, .button-group.no-gaps .form-box .mktoForm .button + button.mktoButton, .form-box .mktoForm .button-group.no-gaps .button + button.mktoButton, .button-group.no-gaps .form-box .mktoForm button.mktoButton + button.mktoButton, .form-box .mktoForm .button-group.no-gaps button.mktoButton + button.mktoButton, .button-group.no-gaps .leadership-block .nav-container ul li a + .button, .button-group.no-gaps .leadership-block .nav-container ul li .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm .button-group.no-gaps .leadership-block .nav-container ul li a + button.mktoButton, .leadership-block .nav-container ul li .button-group.no-gaps a + .button, .leadership-block .nav-container ul li .button-group.no-gaps .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm .leadership-block .nav-container ul li .button-group.no-gaps a + button.mktoButton, .button-group.no-gaps .leadership-block .nav-container ul li .button + a, .button-group.no-gaps .leadership-block .nav-container ul li .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm .button-group.no-gaps .leadership-block .nav-container ul li button.mktoButton + a, .leadership-block .nav-container ul li .button-group.no-gaps .button + a, .leadership-block .nav-container ul li .button-group.no-gaps .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm .leadership-block .nav-container ul li .button-group.no-gaps button.mktoButton + a, .button-group.no-gaps .leadership-block .nav-container ul li a + a, .leadership-block .nav-container ul li .button-group.no-gaps a + a, .button-group.no-gaps span.edit-link a + .button, .button-group.no-gaps span.edit-link .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm .button-group.no-gaps span.edit-link a + button.mktoButton, span.edit-link .button-group.no-gaps a + .button, span.edit-link .button-group.no-gaps .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm span.edit-link .button-group.no-gaps a + button.mktoButton, .button-group.no-gaps span.edit-link .button + a, .button-group.no-gaps span.edit-link .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm .button-group.no-gaps span.edit-link button.mktoButton + a, span.edit-link .button-group.no-gaps .button + a, span.edit-link .button-group.no-gaps .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm span.edit-link .button-group.no-gaps button.mktoButton + a, .button-group.no-gaps span.edit-link a + a, span.edit-link .button-group.no-gaps a + a, .button-group.no-gaps #main-nav li.demo-btn a + .button, .button-group.no-gaps #main-nav li.demo-btn .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm .button-group.no-gaps #main-nav li.demo-btn a + button.mktoButton, #main-nav li.demo-btn .button-group.no-gaps a + .button, #main-nav li.demo-btn .button-group.no-gaps .form-box .mktoForm a + button.mktoButton, .form-box .mktoForm #main-nav li.demo-btn .button-group.no-gaps a + button.mktoButton, .button-group.no-gaps #main-nav li.demo-btn .button + a, .button-group.no-gaps #main-nav li.demo-btn .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm .button-group.no-gaps #main-nav li.demo-btn button.mktoButton + a, #main-nav li.demo-btn .button-group.no-gaps .button + a, #main-nav li.demo-btn .button-group.no-gaps .form-box .mktoForm button.mktoButton + a, .form-box .mktoForm #main-nav li.demo-btn .button-group.no-gaps button.mktoButton + a, .button-group.no-gaps #main-nav li.demo-btn a + a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked button.mktoButton, .button-group.stacked .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked a, .button-group.stacked span.edit-link a, span.edit-link .button-group.stacked a, .button-group.stacked #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked a, .button-group.stacked-for-small .button, .button-group.stacked-for-small .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-small button.mktoButton, .button-group.stacked-for-small .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-small a, .button-group.stacked-for-small span.edit-link a, span.edit-link .button-group.stacked-for-small a, .button-group.stacked-for-small #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked-for-small a, .button-group.stacked-for-medium .button, .button-group.stacked-for-medium .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-medium button.mktoButton, .button-group.stacked-for-medium .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-medium a, .button-group.stacked-for-medium span.edit-link a, span.edit-link .button-group.stacked-for-medium a, .button-group.stacked-for-medium #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked-for-medium a {
flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked .form-box .mktoForm button.mktoButton:last-child, .form-box .mktoForm .button-group.stacked button.mktoButton:last-child, .button-group.stacked .leadership-block .nav-container ul li a:last-child, .leadership-block .nav-container ul li .button-group.stacked a:last-child, .button-group.stacked span.edit-link a:last-child, span.edit-link .button-group.stacked a:last-child, .button-group.stacked #main-nav li.demo-btn a:last-child, #main-nav li.demo-btn .button-group.stacked a:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-small .form-box .mktoForm button.mktoButton:last-child, .form-box .mktoForm .button-group.stacked-for-small button.mktoButton:last-child, .button-group.stacked-for-small .leadership-block .nav-container ul li a:last-child, .leadership-block .nav-container ul li .button-group.stacked-for-small a: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-small #main-nav li.demo-btn a:last-child, #main-nav li.demo-btn .button-group.stacked-for-small a:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-medium .form-box .mktoForm button.mktoButton:last-child, .form-box .mktoForm .button-group.stacked-for-medium button.mktoButton:last-child, .button-group.stacked-for-medium .leadership-block .nav-container ul li a:last-child, .leadership-block .nav-container ul li .button-group.stacked-for-medium a:last-child, .button-group.stacked-for-medium span.edit-link a:last-child, span.edit-link .button-group.stacked-for-medium a:last-child, .button-group.stacked-for-medium #main-nav li.demo-btn a:last-child, #main-nav li.demo-btn .button-group.stacked-for-medium a:last-child {
margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked.expanded .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked.expanded button.mktoButton, .button-group.stacked.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked.expanded a, .button-group.stacked.expanded span.edit-link a, span.edit-link .button-group.stacked.expanded a, .button-group.stacked.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked.expanded a, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-small.expanded .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-small.expanded button.mktoButton, .button-group.stacked-for-small.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-small.expanded a, .button-group.stacked-for-small.expanded span.edit-link a, span.edit-link .button-group.stacked-for-small.expanded a, .button-group.stacked-for-small.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked-for-small.expanded a, .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-medium.expanded .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-medium.expanded button.mktoButton, .button-group.stacked-for-medium.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-medium.expanded a, .button-group.stacked-for-medium.expanded span.edit-link a, span.edit-link .button-group.stacked-for-medium.expanded a, .button-group.stacked-for-medium.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-small button.mktoButton, .button-group.stacked-for-small .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-small a, .button-group.stacked-for-small span.edit-link a, span.edit-link .button-group.stacked-for-small a, .button-group.stacked-for-small #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-medium button.mktoButton, .button-group.stacked-for-medium .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-medium a, .button-group.stacked-for-medium span.edit-link a, span.edit-link .button-group.stacked-for-medium a, .button-group.stacked-for-medium #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-small.expanded button.mktoButton, .button-group.stacked-for-small.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-small.expanded a, .button-group.stacked-for-small.expanded span.edit-link a, span.edit-link .button-group.stacked-for-small.expanded a, .button-group.stacked-for-small.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .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 .form-box .mktoForm button.mktoButton, .form-box .mktoForm .button-group.stacked-for-medium.expanded button.mktoButton, .button-group.stacked-for-medium.expanded .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .button-group.stacked-for-medium.expanded a, .button-group.stacked-for-medium.expanded span.edit-link a, span.edit-link .button-group.stacked-for-medium.expanded a, .button-group.stacked-for-medium.expanded #main-nav li.demo-btn a, #main-nav li.demo-btn .button-group.stacked-for-medium.expanded a {
display: block;
margin-right: 0;
}
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(34, 38, 41, 0.25);
border-radius: 4px;
background-color: white;
color: #222629;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #f2ffd4;
color: #222629;
}
.callout.secondary {
background-color: #f6f7f7;
color: #222629;
}
.callout.success {
background-color: #e1faea;
color: #222629;
}
.callout.warning {
background-color: #fff3d9;
color: #222629;
}
.callout.alert {
background-color: #f7e4e1;
color: #222629;
}
.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;
}
.close-button {
position: absolute;
z-index: 10;
color: #707372;
cursor: pointer;
}
[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #222629;
}
.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 .form-box .mktoForm button.mktoButton,
.form-box .mktoForm .menu button.mktoButton,
.menu .leadership-block .nav-container ul li a,
.leadership-block .nav-container ul li .menu a,
.menu span.edit-link a,
span.edit-link .menu a,
.menu #main-nav li.demo-btn a,
#main-nav li.demo-btn .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: 70.5em) {
.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;
}
}
.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: #222629;
}
.menu .active > a {
background: transparent;
color: #222629;
}
.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: #fcfcfc;
box-shadow: 0 7px 0 #fcfcfc, 0 14px 0 #fcfcfc;
content: "";
}
.menu-icon:hover::after {
background: #C6C7C7;
box-shadow: 0 7px 0 #C6C7C7, 0 14px 0 #C6C7C7;
}
.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: #222629;
box-shadow: 0 7px 0 #222629, 0 14px 0 #222629;
content: "";
}
.menu-icon.dark:hover::after {
background: #707372;
box-shadow: 0 7px 0 #707372, 0 14px 0 #707372;
}
.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: #fcfcfc;
}
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: transparent;
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 #9CDC00;
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 #9CDC00;
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 #9CDC00 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 #9CDC00 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 #C6C7C7;
border-radius: 4px;
background-color: #fcfcfc;
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: #5A9B00;
}
.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: 70.5em) {
.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%;
}
}
.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: transparent;
}
.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: 4px;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #9CDC00;
color: #fcfcfc;
}
.label.primary {
background: #9CDC00;
color: #222629;
}
.label.secondary {
background: #C6C7C7;
color: #222629;
}
.label.success {
background: #3adb76;
color: #222629;
}
.label.warning {
background: #ffae00;
color: #222629;
}
.label.alert {
background: #cc4b37;
color: #fcfcfc;
}
.media-object {
display: flex;
margin-bottom: 1.5rem;
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(252, 252, 252, 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 {
position: fixed;
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #F1f1f1;
}
[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, 38, 41, 0.7);
}
.off-canvas.is-open {
transform: translate(0, 0);
}
.off-canvas-absolute {
position: absolute;
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #F1f1f1;
}
[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, 38, 41, 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: 100%;
transform: translateX(-100%);
}
@media print, screen and (min-width: 40em) {
.position-left {
width: 500px;
transform: translateX(-500px);
}
}
.off-canvas-content .off-canvas.position-left {
transform: translateX(-100%);
}
@media print, screen and (min-width: 40em) {
.off-canvas-content .off-canvas.position-left {
transform: translateX(-500px);
}
}
.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(100%);
}
@media print, screen and (min-width: 40em) {
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(500px);
}
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(34, 38, 41, 0.25);
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
transform: translateX(100%);
}
@media print, screen and (min-width: 40em) {
.position-right {
width: 500px;
transform: translateX(500px);
}
}
.off-canvas-content .off-canvas.position-right {
transform: translateX(100%);
}
@media print, screen and (min-width: 40em) {
.off-canvas-content .off-canvas.position-right {
transform: translateX(500px);
}
}
.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(-100%);
}
@media print, screen and (min-width: 40em) {
.off-canvas-content.is-open-right.has-transition-push {
transform: translateX(-500px);
}
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(34, 38, 41, 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, 38, 41, 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, 38, 41, 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: 500px;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 500px;
}
.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: 500px;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 500px;
}
.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: 500px;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 500px;
}
.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: 500px;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 500px;
}
}
@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: 500px;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 500px;
}
.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: 500px;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 500px;
}
.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: 500px;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 500px;
}
.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: 500px;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 500px;
}
}
@media screen and (min-width: 70.5em) {
.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: 500px;
}
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 500px;
}
.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: 500px;
}
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 500px;
}
.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: 500px;
}
.position-top.reveal-for-xlarge ~ .off-canvas-content {
margin-top: 500px;
}
.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: 500px;
}
.position-bottom.reveal-for-xlarge ~ .off-canvas-content {
margin-bottom: 500px;
}
}
@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: 70.5em) {
.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;
}
}
.pagination {
margin-left: 0;
margin-bottom: 1.5rem;
}
.pagination::before, .pagination::after {
display: table;
content: " ";
flex-basis: 0;
order: 1;
}
.pagination::after {
clear: both;
}
.pagination li {
margin-right: 0.0625rem;
border-radius: 4px;
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: 4px;
color: #222629;
}
.pagination a:hover,
.pagination button:hover {
background: #F1f1f1;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #9CDC00;
color: #fcfcfc;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #C6C7C7;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: "…";
color: #222629;
}
.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: 1.5rem;
border-radius: 4px;
background-color: #C6C7C7;
}
.progress.primary .progress-meter {
background-color: #9CDC00;
}
.progress.secondary .progress-meter {
background-color: #C6C7C7;
}
.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: #9CDC00;
border-radius: 4px;
}
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fcfcfc;
white-space: nowrap;
border-radius: 4px;
}
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #F1f1f1;
cursor: pointer;
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: #C6C7C7;
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
transition: all 0s linear;
}
.slider-handle {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 1;
cursor: grab;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 4px;
background-color: #9CDC00;
transition: all 0.2s ease-in-out;
touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #85bb00;
}
.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, 38, 41, 0.45);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.reveal {
z-index: 1006;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #C6C7C7;
border-radius: 4px;
background-color: #fcfcfc;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
[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: 75rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
.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: 1.5rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #fcfcfc;
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: 4px;
background: #C6C7C7;
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: 4px;
background: #fcfcfc;
transition: all 0.25s ease-out;
content: "";
}
input:checked ~ .switch-paddle {
background: #9CDC00;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
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: 1.5rem;
border-radius: 4px;
}
thead,
tbody,
tfoot {
border: 1px solid #efefef;
background-color: #fcfcfc;
}
caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
}
thead {
background: #f6f6f6;
color: #222629;
}
tfoot {
background: #efefef;
color: #222629;
}
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: #efefef;
}
table.unstriped tbody {
background-color: #fcfcfc;
}
table.unstriped tbody tr {
border-bottom: 1px solid #efefef;
background-color: #fcfcfc;
}
@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: #f6f6f6;
}
table.hover tfoot tr:hover {
background-color: #f0f0f0;
}
table.hover tbody tr:hover {
background-color: #fcfcfc;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #fcfcfc;
}
.table-scroll {
overflow-x: auto;
}
.tabs {
margin: 0;
border: 1px solid #F1f1f1;
background: #fcfcfc;
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: #9CDC00;
}
.tabs.primary > li > a {
color: #222629;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #94d100;
}
.tabs-title {
float: left;
}
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #9CDC00;
}
[data-whatinput=mouse] .tabs-title > a {
outline: 0;
}
.tabs-title > a:hover {
background: #fcfcfc;
color: #86bd00;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: #F1f1f1;
color: #9CDC00;
}
.tabs-content {
border: 1px solid #F1f1f1;
border-top: 0;
background: #fcfcfc;
color: #222629;
transition: all 0.5s ease;
}
.tabs-content.vertical {
border: 1px solid #F1f1f1;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 1rem;
}
.tabs-panel.is-active {
display: block;
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1.5rem;
border: 4px solid #fcfcfc;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(34, 38, 41, 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(156, 220, 0, 0.5);
}
a.thumbnail image {
box-shadow: none;
}
.title-bar {
padding: 0.5rem;
background: #222629;
color: #fcfcfc;
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 #707372;
font-weight: bold;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 4px;
background-color: #222629;
font-size: 80%;
color: #fcfcfc;
}
.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 #222629;
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: #222629 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 #222629;
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 #222629 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 {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0 1rem;
flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
background-color: #fcfcfc;
}
.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 .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: 70.49875em) {
.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: 89.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-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: 70.49875em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.99875em), screen and (min-width: 70.5em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 70.5em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 70.49875em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 70.5em) and (max-width: 89.99875em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 70.49875em), screen and (min-width: 90em) {
.show-for-xlarge-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;
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;
}
/**
* 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
--------------------------------------------------------------*/
/* A11Y
--------------------------------------------- */
.sr-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.sr-only.focusable:active, .sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: var(--text-default);
font-family: "Poppins", sans-serif;
font-size: 1.125rem;
line-height: 150%;
font-feature-settings: "ss02" on;
}
.content-block p, .content-block ul, .content-block ol {
color: var(--text-alternative);
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: var(--text-default);
}
h1, .h1 {
letter-spacing: -0.03em;
font-weight: 600;
}
h2, .h2 {
letter-spacing: -0.03em;
font-weight: 600;
}
h3, .h3 {
letter-spacing: -0.03em;
font-weight: 600;
}
@media print, screen and (min-width: 40em) {
h3, .h3 {
letter-spacing: -0.02em;
}
}
h4, .h4 {
letter-spacing: -0.02em;
font-weight: 600;
}
h5, .h5 {
letter-spacing: -0.02em;
font-weight: 600;
}
@media print, screen and (min-width: 40em) {
h5, .h5 {
letter-spacing: 0;
}
}
h6, .h6 {
letter-spacing: -0.02em;
font-weight: 600;
}
@media print, screen and (min-width: 40em) {
h6, .h6 {
letter-spacing: 0;
}
}
.eyebrow, .featured-posts-main .post-card-block .micro, .featured-posts .post-card-block .micro, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, nav.breadcrumbs ol li span, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle,
.supertitle {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
color: var(--eyebrow-text-color);
}
@media screen and (max-width: 25em) {
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.5rem;
}
h4, .h4 {
font-size: 1.25rem;
}
h5, .h5 {
font-size: 1.125rem;
}
h6, .h6 {
font-size: 1rem;
}
}
p {
margin-bottom: 1.5rem;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote,
blockquote p {
color: var(--text-default);
}
address {
margin: 0 0 1.5em;
}
pre {
background: #F1f1f1;
font-family: Consolas, "Liberation Mono", Courier, monospace;
line-height: 150%;
margin-bottom: 1.5rem;
max-width: 100%;
overflow: auto;
padding: 1rem;
}
code,
kbd,
tt,
var {
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #C6C7C7;
cursor: help;
}
mark,
ins {
background: #F1f1f1;
text-decoration: none;
}
big {
font-size: 125%;
}
.small,
.body-small {
font-size: 1rem;
line-height: 1.5;
}
.body-xsmall {
font-size: 0.75rem;
line-height: 1.5;
}
ul.stylized-bullets {
margin-left: 0;
list-style: none;
}
ul.stylized-bullets li {
margin-bottom: 1rem;
padding-left: 2.5rem;
position: relative;
}
ul.stylized-bullets li:before {
content: "";
background-image: var(--stylized-bullet);
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 25px;
}
ul.stylized-bullets.gray-negative li:before {
content: "";
background-image: var(--stylized-bullet-gray);
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 25px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}
ul.horizontal-bullets {
display: flex;
list-style: none;
}
p {
line-height: 1.4;
}
p.body-large {
font-size: 1.25rem;
color: var(--text-default);
line-height: 1.4;
}
.eyebrow-tag {
padding: 4px 12px;
border-radius: 6px;
background: #F1f1f1;
color: var(--text-default);
font-size: 0.875rem;
font-weight: 400;
margin: 0 8px;
}
[class^=tag-] {
padding: 4px 8px;
border-radius: 4px;
font-weight: 600;
}
p.tag-primary-green, h1.tag-primary-green, h2.tag-primary-green, h3.tag-primary-green, h4.tag-primary-green, h5.tag-primary-green, h6.tag-primary-green, span.tag-primary-green {
background: #9CDC00;
color: #222629;
}
p.tag-primary-pink, h1.tag-primary-pink, h2.tag-primary-pink, h3.tag-primary-pink, h4.tag-primary-pink, h5.tag-primary-pink, h6.tag-primary-pink, span.tag-primary-pink {
background: #942366;
color: #fcfcfc;
}
p.tag-primary-gray, h1.tag-primary-gray, h2.tag-primary-gray, h3.tag-primary-gray, h4.tag-primary-gray, h5.tag-primary-gray, h6.tag-primary-gray, span.tag-primary-gray {
background: #707372;
color: #fcfcfc;
}
/* Elements
--------------------------------------------- */
html {
scroll-behavior: smooth;
}
body {
background: var(--body);
}
.page-template-default .gradient-container {
position: absolute;
left: -35%;
top: -65%;
width: 100%;
max-width: 1303px;
height: 100%;
max-height: 1059px;
flex-shrink: 0;
border-radius: 1303px;
background: #fcfcfc;
filter: blur(225px);
}
main {
position: relative;
}
main #navOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(112, 115, 114, 0.22);
visibility: hidden;
opacity: 0;
z-index: 90;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
main #navOverlay.active {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
::selection {
background-color: rgba(156, 220, 0, 0.5);
}
::-moz-selection {
background-color: rgba(156, 220, 0, 0.5);
}
hr {
background-color: var(--hr-color);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
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;
}
.hex {
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
display: flex;
position: relative;
max-width: 11.25rem;
background-color: #424242;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
position: relative;
}
@media print, screen and (min-width: 40em) {
.hex {
max-width: 15rem;
}
}
.hex:before {
display: block;
content: "";
width: 100%;
padding-top: 110.4166666667%;
}
.hex img {
width: auto;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0;
}
.hex picture img {
width: auto;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: #9CDC00;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
a:visited {
color: #9CDC00;
}
a:hover, a:focus, a:active {
color: #86bd00;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
a:not(.button, .tertiary, .card-link, .accordion-title, .link-wrapper, .outbound, .mobile-logo, .download),
a:visited:not(.button, .tertiary, .card-link, .accordion-title, .link-wrapper, .outbound, .mobile-logo, .download) {
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
color: var(--text-alternative);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
a:not(.button, .tertiary, .card-link, .accordion-title, .link-wrapper, .outbound, .mobile-logo, .download):hover,
a:visited:not(.button, .tertiary, .card-link, .accordion-title, .link-wrapper, .outbound, .mobile-logo, .download):hover {
background: rgba(156, 220, 0, 0.75);
}
/* Forms
--------------------------------------------- */
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow),
input[type=button],
input[type=reset],
input[type=submit],
.button,
.form-box .mktoForm button.mktoButton,
.leadership-block .nav-container ul li a,
span.edit-link a,
#main-nav li.demo-btn a {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
border-radius: 4px;
background: var(--button-primary-background);
color: var(--button-primary-color);
line-height: 1;
padding: 1em 2em;
font-weight: 500;
transition: all 0.5s ease-in-out;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):before,
input[type=button]:before,
input[type=reset]:before,
input[type=submit]:before,
.button:before,
.form-box .mktoForm button.mktoButton:before,
.leadership-block .nav-container ul li a:before,
span.edit-link a:before,
#main-nav li.demo-btn a:before {
content: "";
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
top: 50%;
left: 0;
right: 0;
bottom: 0;
background: var(--button-primary-background-hover);
border-radius: 100%;
transform: scale(0);
opacity: 0;
transition: all 0.5s ease-in-out;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):visited,
input[type=button]:visited,
input[type=reset]:visited,
input[type=submit]:visited,
.button:visited,
.form-box .mktoForm button.mktoButton:visited,
.leadership-block .nav-container ul li a:visited,
span.edit-link a:visited,
#main-nav li.demo-btn a:visited {
color: var(--button-primary-color);
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.form-box .mktoForm button.mktoButton:hover,
.leadership-block .nav-container ul li a:hover,
span.edit-link a:hover,
#main-nav li.demo-btn a:hover {
background: var(--button-primary-background);
color: var(--button-primary-color);
box-shadow: var(--button-primary-box-shadow);
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):hover:before,
input[type=button]:hover:before,
input[type=reset]:hover:before,
input[type=submit]:hover:before,
.button:hover:before,
.form-box .mktoForm button.mktoButton:hover:before,
.leadership-block .nav-container ul li a:hover:before,
span.edit-link a:hover:before,
#main-nav li.demo-btn a:hover:before {
opacity: 1;
transform: scale(2);
transition: all 0.5s ease-in-out;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):active, button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow):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,
.form-box .mktoForm button.mktoButton:active,
.leadership-block .nav-container ul li a:active,
span.edit-link a:active,
#main-nav li.demo-btn a:active,
.button:focus,
.form-box .mktoForm button.mktoButton:focus,
.leadership-block .nav-container ul li a:focus,
span.edit-link a:focus,
#main-nav li.demo-btn a:focus {
border-color: #aaa #bbb #bbb;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).hollow,
input[type=button].hollow,
input[type=reset].hollow,
input[type=submit].hollow,
.button.hollow,
.form-box .mktoForm button.hollow.mktoButton,
.leadership-block .nav-container ul li a,
span.edit-link a.hollow,
#main-nav li.demo-btn a.hollow,
#main-nav .leadership-block .nav-container ul li.demo-btn a,
.leadership-block .nav-container ul #main-nav li.demo-btn a {
border: 1px solid var(--button-hollow-color);
color: var(--button-hollow-color);
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).hollow:before,
input[type=button].hollow:before,
input[type=reset].hollow:before,
input[type=submit].hollow:before,
.button.hollow:before,
.form-box .mktoForm button.hollow.mktoButton:before,
.leadership-block .nav-container ul li a:before,
span.edit-link a.hollow:before,
#main-nav li.demo-btn a.hollow:before,
#main-nav .leadership-block .nav-container ul li.demo-btn a:before,
.leadership-block .nav-container ul #main-nav li.demo-btn a:before {
background: var(--button-hollow-background-hover);
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).hollow:hover,
input[type=button].hollow:hover,
input[type=reset].hollow:hover,
input[type=submit].hollow:hover,
.button.hollow:hover,
.form-box .mktoForm button.hollow.mktoButton:hover,
.leadership-block .nav-container ul li a:hover,
span.edit-link a.hollow:hover,
#main-nav li.demo-btn a.hollow:hover,
#main-nav .leadership-block .nav-container ul li.demo-btn a:hover,
.leadership-block .nav-container ul #main-nav li.demo-btn a:hover {
background: #9CDC00;
color: var(--button-primary-color);
border-color: #9CDC00;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).large,
input[type=button].large,
input[type=reset].large,
input[type=submit].large,
.button.large,
.form-box .mktoForm button.large.mktoButton,
.leadership-block .nav-container ul li a.large,
span.edit-link a.large,
#main-nav li.demo-btn a.large {
padding: 1.25rem 2.5rem;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).download:after,
input[type=button].download:after,
input[type=reset].download:after,
input[type=submit].download:after,
.button.download:after,
.form-box .mktoForm button.download.mktoButton:after,
.leadership-block .nav-container ul li a.download:after,
span.edit-link a.download:after,
#main-nav li.demo-btn a.download:after {
content: url('data:image/svg+xml;utf8,');
margin-left: 4px;
}
button:not(.close-button, .menu-icon, .play-pause, .prevArrow, .nextArrow).x-small,
input[type=button].x-small,
input[type=reset].x-small,
input[type=submit].x-small,
.button.x-small,
.form-box .mktoForm button.x-small.mktoButton,
.leadership-block .nav-container ul li a.x-small,
span.edit-link a.x-small,
#main-nav li.demo-btn a.x-small {
font-size: 1rem;
padding: 8px 12px;
}
.tertiary,
.tertiary:visited {
color: var(--tertiary-color);
text-align: center;
font-size: 1rem;
font-weight: 500;
line-height: 18px;
text-decoration: none;
display: inline-flex;
transition: all 0.5s ease-in-out;
}
.tertiary:after,
.tertiary:visited:after {
content: var(--tertiary-arrow);
display: inline-block;
margin-left: 4px;
margin-right: -4px;
transition: all 0.5s ease-in-out;
line-height: 18px;
padding-top: 1px;
}
.tertiary:hover,
.tertiary:visited:hover {
color: var(--tertiary-color);
}
.tertiary:hover:after,
.tertiary:visited:hover:after {
margin-left: 8px;
}
.outbound {
transition: all 0.3s ease-in-out;
color: var(--text-default);
font-size: 1rem;
display: inline-flex;
align-items: center;
border-bottom: 1px solid transparent;
}
.outbound:after {
content: var(--outbound-arrow-0);
height: 16px;
width: 16px;
display: inline-block;
margin-left: 4px;
margin-top: -1px;
}
.outbound:hover {
color: var(--text-default);
border-bottom: 1px solid #222629;
}
.outbound:hover:after {
transform: rotate(45deg);
}
.outbound:hover:after {
transition: all 0.5s ease-in-out;
}
@keyframes pseudoTransitionIn {
0% {
content: var(--tertiary-arrow-0);
}
50% {
content: var(--tertiary-arrow-50);
}
100% {
content: var(--tertiary-arrow-100);
}
}
@keyframes pseudoTransitionOut {
0% {
content: var(--tertiary-arrow-100);
}
50% {
content: var(--tertiary-arrow-50);
}
100% {
content: var(--tertiary-arrow-0);
}
}
@keyframes pseudoTransitionOutboundIn {
0% {
content: var(--outbound-arrow-0);
}
100% {
content: var(--outbound-arrow-100);
}
}
@keyframes pseudoTransitionOutboundOut {
0% {
content: var(--outbound-arrow-100);
}
100% {
content: var(--outbound-arrow-0);
}
}
.bg-color-gradient-meadow .button.hollow:hover, .bg-color-gradient-meadow .form-box .mktoForm button.hollow.mktoButton:hover, .form-box .mktoForm .bg-color-gradient-meadow button.hollow.mktoButton:hover, .bg-color-gradient-meadow .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .bg-color-gradient-meadow a:hover, .bg-color-gradient-meadow span.edit-link a.hollow:hover, span.edit-link .bg-color-gradient-meadow a.hollow:hover, .bg-color-gradient-meadow #main-nav li.demo-btn a.hollow:hover, .bg-color-gradient-meadow #main-nav .leadership-block .nav-container ul li.demo-btn a:hover, .leadership-block .nav-container ul .bg-color-gradient-meadow #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .bg-color-gradient-meadow a.hollow:hover, #main-nav .leadership-block .nav-container ul li.demo-btn .bg-color-gradient-meadow a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn .bg-color-gradient-meadow a:hover, .bg-color-gradient-meadow-alt .button.hollow:hover, .bg-color-gradient-meadow-alt .form-box .mktoForm button.hollow.mktoButton:hover, .form-box .mktoForm .bg-color-gradient-meadow-alt button.hollow.mktoButton:hover, .bg-color-gradient-meadow-alt .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .bg-color-gradient-meadow-alt a:hover, .bg-color-gradient-meadow-alt span.edit-link a.hollow:hover, span.edit-link .bg-color-gradient-meadow-alt a.hollow:hover, .bg-color-gradient-meadow-alt #main-nav li.demo-btn a.hollow:hover, .bg-color-gradient-meadow-alt #main-nav .leadership-block .nav-container ul li.demo-btn a:hover, .leadership-block .nav-container ul .bg-color-gradient-meadow-alt #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .bg-color-gradient-meadow-alt a.hollow:hover, #main-nav .leadership-block .nav-container ul li.demo-btn .bg-color-gradient-meadow-alt a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn .bg-color-gradient-meadow-alt a:hover, .bg-color-gradient-arctic .button.hollow:hover, .bg-color-gradient-arctic .form-box .mktoForm button.hollow.mktoButton:hover, .form-box .mktoForm .bg-color-gradient-arctic button.hollow.mktoButton:hover, .bg-color-gradient-arctic .leadership-block .nav-container ul li a:hover, .leadership-block .nav-container ul li .bg-color-gradient-arctic a:hover, .bg-color-gradient-arctic span.edit-link a.hollow:hover, span.edit-link .bg-color-gradient-arctic a.hollow:hover, .bg-color-gradient-arctic #main-nav li.demo-btn a.hollow:hover, .bg-color-gradient-arctic #main-nav .leadership-block .nav-container ul li.demo-btn a:hover, .leadership-block .nav-container ul .bg-color-gradient-arctic #main-nav li.demo-btn a:hover, #main-nav li.demo-btn .bg-color-gradient-arctic a.hollow:hover, #main-nav .leadership-block .nav-container ul li.demo-btn .bg-color-gradient-arctic a:hover, .leadership-block .nav-container ul #main-nav li.demo-btn .bg-color-gradient-arctic a:hover,
.content-block.bg-color-gradient-meadow .button.hollow:hover,
.content-block.bg-color-gradient-meadow-alt .button.hollow:hover,
.content-block.bg-color-gradient-arctic .button.hollow:hover {
border-color: transparent; /* remove the border's colour */
box-shadow: 0 0 0 var(--button-hollow-border-width-hover) var(--button-hollow-color-hover);
filter: drop-shadow(0px 10px 15px -3px rgba(16, 16, 16, 0.1)), dropshadow(0px 4px 6px -2px rgba(16, 16, 16, 0.05));
}
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: #222629;
border: 1px solid #C6C7C7;
border-radius: 4px;
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 #707372;
}
select {
border: 1px solid #C6C7C7;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#main-nav {
position: relative;
z-index: 101;
align-items: center;
}
#main-nav a {
color: var(--main-nav-anchor);
font-size: 0.875rem;
font-weight: 500;
padding: 2rem 0 2rem 0;
margin-right: 0.5rem;
margin-left: 1.5rem;
display: flex;
align-items: center;
column-gap: 4px;
border-bottom: 4px solid transparent;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#main-nav a[id$=-dd-anchor]:after {
content: var(--main-nav-carat);
width: 1rem;
height: 1rem;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#main-nav a:hover, #main-nav a.hover {
background: transparent;
color: var(--main-nav-anchor);
border-bottom: 4px solid #5A9B00;
}
#main-nav a:hover[id$=-dd-anchor]:after, #main-nav a.hover[id$=-dd-anchor]:after {
content: var(--main-nav-carat);
transform: rotate(-180deg);
}
@media screen and (max-width: 75em) {
#main-nav a a {
margin-left: 1.125rem;
}
}
#main-nav .is-dropdown-submenu-parent a {
padding: 2rem 1.5rem 2rem 0;
margin-left: 1.5rem;
margin-right: 0.25rem;
}
@media screen and (max-width: 75em) {
#main-nav .is-dropdown-submenu-parent a {
padding: 2rem 1.125rem 2rem 0;
margin-left: 1.125rem;
}
}
#main-nav li.is-active a {
color: #5A9B00;
}
#main-nav li.demo-btn a {
padding: 0.5rem 1rem;
line-height: 1;
margin: -4px 0 0 1.5rem;
}
#main-nav li.sign-in-btn a {
padding: 0.5rem 1rem;
background: transparent;
color: var(--text-default);
border: 1px solid var(--text-default);
border-radius: 4px;
line-height: 1;
margin: -4px 0 0 1rem;
}
#main-nav li.sign-in-btn a:hover {
text-decoration: none;
background: transparent;
border: 1px solid #9CDC00;
color: var(--text-default);
}
#main-nav .is-dropdown-submenu-parent a:after {
margin-top: -10px;
right: 3px;
}
a.search-toggle {
color: var(--search-icon);
margin-left: 1rem;
line-height: 100%;
z-index: 105;
}
a.search-toggle:hover, a.search-toggle.hover {
color: #9CDC00;
background-color: unset;
}
@media print, screen and (max-width: 39.99875em) {
#footer-menu {
flex-direction: column;
}
}
@media print, screen and (min-width: 40em) {
#footer-menu {
justify-content: space-between;
align-items: center;
}
}
@media print, screen and (max-width: 39.99875em) {
#footer-menu li:nth-of-type(1) {
order: 2;
}
#footer-menu li:nth-of-type(1) a {
padding-top: 1.5rem;
}
#footer-menu li:nth-of-type(2) {
order: 3;
}
#footer-menu:not(.button) a {
padding-left: 0;
padding-bottom: 1rem;
}
}
#footer-menu li.button {
padding: 0;
}
#footer-menu li.button a {
padding: 0.75rem 1rem;
font-size: 1.25rem;
color: #222629;
font-weight: 500;
}
@media print, screen and (min-width: 64em) {
#footer-menu li.button a {
padding: 1.25rem 2.5rem;
font-size: 1.5rem;
}
}
@media print, screen and (max-width: 39.99875em) {
#footer-menu li.button {
order: 1;
}
}
#footer-menu a {
color: #222629;
font-size: 1.5rem;
font-weight: 600;
padding: 0.5rem 1rem;
text-decoration: none;
}
#footer-menu a:hover {
color: #5A9B00;
background: none;
}
@media print, screen and (min-width: 64em) {
#footer-menu a {
font-size: 2.5rem;
}
}
#footer-menu ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
#footer-menu ul a {
font-weight: 400;
}
nav.org-links {
width: 100%;
}
nav.org-links #footer-links {
list-style: none;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
@media print, screen and (max-width: 39.99875em) {
nav.org-links #footer-links {
width: 100%;
order: 2;
}
nav.org-links #footer-links a {
display: block;
margin: 0 0 1.625rem 0;
}
nav.org-links #footer-links a:first-of-type {
margin-left: 0;
}
}
@media print, screen and (min-width: 40em) {
nav.org-links #footer-links {
display: flex;
flex-direction: row;
margin-bottom: 4rem;
}
}
nav.org-links #footer-links li:last-child a {
margin-right: 0;
}
nav.org-links #footer-links a {
font-size: 0.75rem;
color: #222629;
font-weight: 500;
margin-right: 24px;
text-decoration: none;
}
nav.org-links #footer-links a:hover {
color: #5A9B00;
background: none;
}
.menu-icon {
background: transparent;
padding: 0;
}
.menu-icon:after {
background: #424548;
box-shadow: 0 7px 0 #424548, 0 14px 0 #424548;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu-icon:hover {
background: transparent;
}
.menu-icon:hover:after {
background: #78B900;
box-shadow: 0 7px 0 #78B900, 0 14px 0 #78B900;
}
.nav-overlay {
position: absolute;
display: block;
background: rgb(0, 27, 45);
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.nav-overlay.display {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.4;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section-nav {
display: block;
margin-top: -40px;
margin-bottom: 40px;
}
ul#offcanvas-nav {
padding-top: 4rem;
}
ul#offcanvas-nav li {
width: 100%;
}
ul#offcanvas-nav li a {
padding: 1.25rem 5.625rem 1.25rem 1.5rem;
font-size: 1.125rem;
font-weight: 500;
color: var(--main-nav-anchor);
background-color: transparent;
text-decoration: none;
text-underline-offset: 4px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
ul#offcanvas-nav li a:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
ul#offcanvas-nav li.active > a {
color: var(--text-default);
text-decoration: underline;
text-underline-offset: 4px;
}
ul#offcanvas-nav li:first-child {
border-top: 1px solid #717372;
}
.drilldown .is-drilldown-submenu {
background: var(--body);
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 99;
}
.drilldown .is-drilldown-submenu-parent > a:after {
content: var(--main-nav-carat);
border: none;
width: 12px;
height: 16px;
right: 2rem;
transform: rotate(-90deg);
}
.drilldown .is-drilldown-submenu-parent.active > a:after {
content: var(--main-nav-carat-hover);
transform: rotate(-90deg);
}
.js-drilldown-back {
padding: 0.625rem 0 0;
margin-bottom: 1.25rem;
border-bottom: 1px solid #717372;
}
.js-drilldown-back a {
text-indent: -999rem;
}
.drilldown .js-drilldown-back > a:before {
content: "";
background: var(--main-nav-carat);
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg);
border: none;
width: 18px;
height: 20px;
left: 24px;
margin-top: -6px;
position: absolute;
}
.is-stuck .top-bar {
border-bottom: 1px solid #F1f1f1;
background: var(--top-bar-bg-sticky);
}
.is-stuck .top-bar #main-nav a {
padding: 1.5rem 0 1.5rem 0;
margin-right: 0.5rem;
margin-left: 1.5rem;
}
@media screen and (max-width: 75em) {
.is-stuck .top-bar #main-nav a {
margin-left: 1.125rem;
}
}
.is-stuck .top-bar #main-nav .is-dropdown-submenu-parent a {
padding: 1.5rem 1.5rem 1.5rem 0;
margin-left: 1.5rem;
margin-right: 0.25rem;
}
@media screen and (max-width: 75em) {
.is-stuck .top-bar #main-nav .is-dropdown-submenu-parent a {
padding: 1.5rem 1.125rem 1.5rem 0;
margin-left: 1.125rem;
}
}
.is-stuck .top-bar #main-nav .demo-btn a {
padding: 0.5rem 1rem;
margin: -4px 0 0 1.5rem;
}
.is-stuck .top-bar #main-nav .sign-in-btn a {
padding: 0.5rem 1rem;
margin: -4px 0 0 1rem;
}
.dropdown-pane.supermenu {
background: var(--supermenu-bg);
z-index: 98;
border-radius: 0 0 8px 8px;
border: 1px solid #F1F1F1;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
top: 82px !important;
width: 100%;
max-width: 62.25rem;
left: 50% !important;
transform: translateX(-50%);
padding: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.dropdown-pane.supermenu a,
.dropdown-pane.supermenu a:visited {
text-decoration: none;
}
.dropdown-pane.supermenu a:hover,
.dropdown-pane.supermenu a:visited:hover {
background: unset;
}
.dropdown-pane.supermenu.is-open {
transform: translateX(-50%);
opacity: 1;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.dropdown-pane.supermenu .supermenu-wrapper {
display: flex;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel {
width: 70%;
padding: 2.5rem 1.5rem 3rem 3.125rem;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page {
width: 15.75rem;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle {
margin-bottom: 1.3125rem;
color: var(--supermenu-eyebrow-color);
text-transform: unset;
font-weight: 600;
font-size: 0.875rem;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page.panel-2 {
padding-top: 46px;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .text-wrapper p {
font-size: 0.875rem;
color: var(--supermenu-secondary-text);
margin-bottom: 0;
font-weight: 400;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .text-wrapper p.h2 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.25rem;
color: var(--text-default);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .featured-page-thumbnail img {
aspect-ratio: 252/118;
border: 1px solid rgba(57, 104, 136, 0.2);
border-radius: 4px;
margin-bottom: 1rem;
object-fit: cover;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page:hover .text-wrapper p.h2 {
color: #5A9B00;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu {
column-gap: 24px;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li {
padding-right: 1rem;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li:last-child {
flex-grow: 1;
padding-right: 0;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a {
color: var(--supermenu-eyebrow-color);
padding: 0.5rem 0;
font-weight: 600;
font-size: 0.875rem;
text-transform: unset;
text-decoration: none;
background: unset;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel ul.sub-menu {
list-style: none;
margin-left: 0;
display: flex;
flex-direction: column;
row-gap: 1rem;
padding-top: 1rem;
align-items: flex-start;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel ul.sub-menu a {
color: var(--supermenu-link-color);
font-size: 0.875rem;
font-weight: 400;
padding: 0;
line-height: 140%;
text-decoration: none;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel ul.sub-menu a:hover {
color: #5A9B00;
background: unset;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-featured-panel {
width: 30%;
max-width: 300px;
background: var(--featured-post-bg);
padding: 2.5rem 2rem;
border-top-right-radius: 0px;
border-bottom-right-radius: 8px;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post a {
text-decoration: none;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post:hover {
background: unset;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post:hover .tertiary:after {
margin-left: 8px;
margin-right: -8px;
animation: pseudoTransitionIn 0.5s forwards;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle {
margin-bottom: 1.3125rem;
color: var(--supermenu-eyebrow-color);
font-weight: 600;
text-transform: unset;
font-size: 0.875rem;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .featured-post-thumbnail img {
aspect-ratio: 252/118;
border: 1px solid rgba(57, 104, 136, 0.2);
border-radius: 4px;
margin-bottom: 1rem;
object-fit: cover;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .text-wrapper .h2,
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .text-wrapper .h2.small {
margin-bottom: 1rem;
color: var(--text-default);
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0;
}
.dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .text-wrapper p.tertiary {
font-size: 0.875rem;
margin-bottom: 0;
}
.dropdown-pane.supermenu#resources .supermenu-nav-panel .menu {
column-gap: 56px;
}
.dropdown-pane.supermenu#resources .text-wrapper .h2,
.dropdown-pane.supermenu#resources .text-wrapper .h2.small {
margin-bottom: 1rem;
color: var(--text-default);
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0;
}
.dropdown-pane.supermenu#platform .supermenu-nav-panel {
padding: 2.5rem 0 3rem 3.125rem;
display: flex;
width: 70%;
column-gap: 4rem;
}
.dropdown-pane.supermenu#company .supermenu-nav-panel {
display: flex;
column-gap: 3.75rem;
}
.dropdown-pane.supermenu#company .supermenu-nav-panel .sub-menu {
flex-direction: row;
flex-wrap: wrap;
}
.dropdown-pane.supermenu#company .supermenu-nav-panel .sub-menu li {
width: 50%;
}
.dropdown-pane.supermenu#search {
padding: 40px;
}
.dropdown-pane.supermenu#search .search {
display: flex;
justify-content: center;
max-width: 100%;
}
.dropdown-pane.supermenu#search .search .search-container {
position: relative;
max-width: 500px;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field {
width: 100%;
min-width: 500px;
background: transparent;
border: 1px solid var(--supermenu-search-color);
color: var(--supermenu-search-color);
padding-left: 3.125rem;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field:focus {
box-shadow: none;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field::-moz-placeholder {
/* Firefox 19+ */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field:-ms-input-placeholder {
/* IE 10+ */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
.dropdown-pane.supermenu#search .search .search-container input.search-field:-moz-placeholder {
/* Firefox 18- */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
.dropdown-pane.supermenu#search .search .search-container .search-submit {
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
background: var(--supermenu-search-button);
background-repeat: no-repeat;
background-position: center center;
padding: 1rem;
}
.is-stuck .dropdown-pane.supermenu {
top: 4.1875rem !important;
}
#search,
.no-results,
.not-found {
padding: 40px;
}
#search .search,
.no-results .search,
.not-found .search {
display: flex;
justify-content: center;
max-width: 100%;
}
#search .search .search-container,
.no-results .search .search-container,
.not-found .search .search-container {
position: relative;
max-width: 500px;
}
#search .search .search-container input.search-field,
.no-results .search .search-container input.search-field,
.not-found .search .search-container input.search-field {
width: 100%;
min-width: 500px;
background: transparent;
border: 1px solid var(--supermenu-search-color);
color: var(--supermenu-search-color);
padding-left: 3.125rem;
}
#search .search .search-container input.search-field:focus,
.no-results .search .search-container input.search-field:focus,
.not-found .search .search-container input.search-field:focus {
box-shadow: none;
}
#search .search .search-container input.search-field::-webkit-input-placeholder,
.no-results .search .search-container input.search-field::-webkit-input-placeholder,
.not-found .search .search-container input.search-field::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
#search .search .search-container input.search-field::-moz-placeholder,
.no-results .search .search-container input.search-field::-moz-placeholder,
.not-found .search .search-container input.search-field::-moz-placeholder {
/* Firefox 19+ */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
#search .search .search-container input.search-field:-ms-input-placeholder,
.no-results .search .search-container input.search-field:-ms-input-placeholder,
.not-found .search .search-container input.search-field:-ms-input-placeholder {
/* IE 10+ */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
#search .search .search-container input.search-field:-moz-placeholder,
.no-results .search .search-container input.search-field:-moz-placeholder,
.not-found .search .search-container input.search-field:-moz-placeholder {
/* Firefox 18- */
color: var(--supermenu-search-color) !important;
text-transform: none !important;
}
#search .search .search-container .search-submit,
.no-results .search .search-container .search-submit,
.not-found .search .search-container .search-submit {
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
background: var(--supermenu-search-button);
background-repeat: no-repeat;
background-position: center center;
padding: 1rem;
}
nav.breadcrumbs ol li span {
font-size: 0.875rem;
color: #5A9B00;
font-weight: 500;
}
nav.breadcrumbs ol li a {
text-decoration: none;
}
nav.breadcrumbs ol li a span {
color: #C6C7C7;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
nav.breadcrumbs ol li a:hover {
text-decoration: none;
background: unset;
}
nav.breadcrumbs ol li a:hover span {
color: #5A9B00;
}
.side-bar-nav-container {
display: none;
}
@media print, screen and (min-width: 40em) {
.side-bar-nav-container {
display: block;
padding-right: 1rem;
}
}
.side-bar-nav-container .sticky-container {
z-index: 97;
}
.side-bar-nav-container .side-bar-nav .vertical.menu {
row-gap: unset;
}
.side-bar-nav-container .side-bar-nav .vertical.menu a:not(.button) {
color: var(--sticky-nav-color);
padding: 0.625rem 1.625rem;
line-height: 1.5;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
border-left: 3px solid var(--sticky-nav-border);
font-size: 1rem;
}
.side-bar-nav-container .side-bar-nav .vertical.menu a:not(.button).is-active {
color: #222629;
font-weight: 600;
border-left: 3px solid #78B900;
}
.side-bar-nav-container .side-bar-nav .vertical.menu a:not(.button):hover {
color: #222629;
font-weight: 600;
}
.side-bar-nav-container .side-bar-nav .vertical.menu .button, .side-bar-nav-container .side-bar-nav .vertical.menu .form-box .mktoForm button.mktoButton, .form-box .mktoForm .side-bar-nav-container .side-bar-nav .vertical.menu button.mktoButton, .side-bar-nav-container .side-bar-nav .vertical.menu .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .side-bar-nav-container .side-bar-nav .vertical.menu a, .side-bar-nav-container .side-bar-nav .vertical.menu span.edit-link a, span.edit-link .side-bar-nav-container .side-bar-nav .vertical.menu a, .side-bar-nav-container .side-bar-nav .vertical.menu #main-nav li.demo-btn a, #main-nav li.demo-btn .side-bar-nav-container .side-bar-nav .vertical.menu a {
margin-top: 2.5rem;
display: inline-block;
padding: 0.875rem 2.5rem;
}
#btm-anchor {
height: 2.5rem;
}
.internal-page-nav {
background: #E2E3E3;
color: var(--text-default);
}
.internal-page-nav nav ul {
display: flex;
justify-content: center;
gap: 30px;
list-style: none;
margin: 0;
}
.internal-page-nav nav ul li > a,
.internal-page-nav nav ul li > a:visited {
display: block;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
padding: 1rem 0;
border-bottom: 3px solid transparent;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.internal-page-nav nav ul li > a:hover,
.internal-page-nav nav ul li > a:visited:hover {
background-color: unset;
cursor: pointer;
border-bottom: 3px solid #5A9B00;
}
.internal-page-nav nav ul li > a.is-active,
.internal-page-nav nav ul li > a:visited.is-active {
border-bottom: 3px solid #5A9B00;
}
.internal-page-nav.is-stuck li a {
padding: 0.5rem 0;
}
/* Posts and pages
--------------------------------------------- */
.post,
.page {
margin: 0;
}
main {
padding-bottom: 3rem;
}
@media print, screen and (min-width: 40em) {
main {
padding-bottom: 8rem;
}
}
.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: 31.9992px 0;
}
.page-navigation {
text-align: center;
}
.page-navigation ul.pagination li span.current {
border-radius: 4px;
display: inline-block;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.post-hero {
padding-bottom: 4rem;
}
.post-hero nav.breadcrumbs {
width: 100%;
padding: 2rem 0;
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.post-hero nav.breadcrumbs {
padding: 6.75rem 0 2.5rem;
}
}
.post-hero nav .breadcrumbs {
margin: 0;
}
.post-hero .post-subtitle {
color: var(--text-alternative);
}
.post-hero .byline {
display: flex;
gap: 2.5rem;
color: var(--text-alternative);
text-transform: uppercase;
font-weight: 500;
}
.post-hero .byline .date {
color: var(--text-alternative);
}
.post-hero .byline span {
color: #707372;
}
.share-sidebar {
display: flex;
gap: 1rem;
align-items: center;
margin: 2.5rem 0;
}
.share-sidebar p {
margin-bottom: 0;
}
.share-sidebar > div {
display: flex;
gap: 1rem;
}
.share-sidebar > div a {
max-height: 1.5rem;
}
.share-sidebar > div a:hover {
background: unset;
}
.share-sidebar span.sm-title {
display: none;
}
.post-template-gated-single .share-sidebar {
padding-left: 0.75rem;
}
.post-template-gated-single .share-sidebar a {
display: flex;
align-items: center;
font-size: 1rem;
color: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.post-template-gated-single .share-sidebar a span.icon {
padding: 0.5rem;
background-color: #F1f1f1;
border-radius: 2px;
line-height: 0;
margin-right: 8px;
}
.post-template-gated-single .share-sidebar a svg {
height: 12px;
width: 12px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.post-template-gated-single .share-sidebar a svg path {
fill: #424548;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.post-template-gated-single .share-sidebar a svg path.transparent {
fill: transparent;
}
.post-template-gated-single .share-sidebar a:hover {
color: #5A9B00;
}
.post-template-gated-single .share-sidebar a:hover svg path {
fill: #5A9B00;
}
.post-template-gated-single .share-sidebar a:hover svg path.transparent {
fill: transparent;
}
.post-template-gated-single .share-sidebar span.sm-title {
display: inline-block;
}
.post-template-gated-v2-single .post-hero {
padding-top: 128px;
}
.post-template-gated-v2-single .post-hero h1 {
font-weight: 600;
}
.page-template-report-page .post-hero {
background: #fcfcfc;
color: #222629;
padding-top: 3rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.page-template-report-page .post-hero {
padding-top: 6rem;
margin-bottom: 4rem;
}
}
@media print, screen and (min-width: 40em) {
.page-template-report-page .post-hero header.article-header {
padding-right: 2.5rem;
}
}
.page-template-report-page .post-hero .eyebrow, .page-template-report-page .post-hero .featured-posts-main .post-card-block .micro, .featured-posts-main .post-card-block .page-template-report-page .post-hero .micro, .page-template-report-page .post-hero .featured-posts .post-card-block .micro, .featured-posts .post-card-block .page-template-report-page .post-hero .micro, .page-template-report-page .post-hero .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-report-page .post-hero h2.featured-header,
.page-template-report-page .post-hero .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-report-page .post-hero h2.featured-header,
.page-template-report-page .post-hero .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-report-page .post-hero h2.featured-header,
.page-template-report-page .post-hero .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-report-page .post-hero h2.featured-header, .page-template-report-page .post-hero .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .page-template-report-page .post-hero .supermenu-supertitle, .page-template-report-page .post-hero .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu .page-template-report-page .post-hero li.menu-item-has-children > a, .page-template-report-page .post-hero .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .page-template-report-page .post-hero .supermenu-supertitle, .page-template-report-page .post-hero nav.breadcrumbs ol li span, nav.breadcrumbs ol li .page-template-report-page .post-hero span {
padding-bottom: 1.5rem;
margin-bottom: 0;
color: #C6C7C7;
}
.page-template-report-page .post-hero .image-container img {
border: 1px solid #A9ABAA;
border-radius: 4px;
}
@media print, screen and (min-width: 40em) {
.page-template-report-page .post-hero .cta-container .button, .page-template-report-page .post-hero .cta-container .form-box .mktoForm button.mktoButton, .form-box .mktoForm .page-template-report-page .post-hero .cta-container button.mktoButton, .page-template-report-page .post-hero .cta-container .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .page-template-report-page .post-hero .cta-container a, .page-template-report-page .post-hero .cta-container span.edit-link a, span.edit-link .page-template-report-page .post-hero .cta-container a, .page-template-report-page .post-hero .cta-container #main-nav li.demo-btn a, #main-nav li.demo-btn .page-template-report-page .post-hero .cta-container a {
margin-right: 1.5rem;
}
}
@media screen and (max-width: 74.9375em) {
.grid-container {
padding-left: 24px;
padding-right: 24px;
}
}
@media print, screen and (max-width: 39.99875em) {
.content-block:not(.spacer) .medium-auto, .content-block:not(.spacer) .medium-2, .content-block:not(.spacer) .medium-3, .content-block:not(.spacer) .medium-4, .content-block:not(.spacer) .medium-5, .content-block:not(.spacer) .medium-6, .content-block:not(.spacer) .medium-7, .content-block:not(.spacer) .medium-8, .content-block:not(.spacer) .medium-9, .content-block:not(.spacer) .medium-10 {
margin-bottom: 1.5rem;
}
}
.post-template .form-box {
box-shadow: 0 6px 10px 0 rgba(0, 27, 45, 0.08), 0 24px 32px 0 rgba(0, 27, 45, 0.05);
}
.facetwp-loading {
text-align: center;
width: 100%;
opacity: 0.6;
}
.facetwp-loading svg {
width: 70px;
height: 70px;
animation: spin 4s linear infinite;
}
.facetwp-loading .cls-1 {
fill: none;
}
.facetwp-loading .cls-2 {
fill: #53575a;
}
.facetwp-loading .cls-3 {
fill: #85c300;
}
@keyframes spin {
0% {
transform: rotate(0deg);
transform-origin: center;
}
100% {
transform: rotate(360deg);
transform-origin: center;
}
}
.blog .blog-header,
.archive:not(.post-type-archive) .blog-header,
.search-results .blog-header,
.post-type-archive-newsroom .blog-header {
text-align: left;
margin-bottom: 2.5rem;
}
.blog .sticky-container,
.archive:not(.post-type-archive) .sticky-container,
.search-results .sticky-container,
.post-type-archive-newsroom .sticky-container {
transition: height 150ms ease-in-out;
}
.blog #featuredContent,
.archive:not(.post-type-archive) #featuredContent,
.search-results #featuredContent,
.post-type-archive-newsroom #featuredContent {
padding-top: unset !important;
}
.blog #featuredContent h1,
.archive:not(.post-type-archive) #featuredContent h1,
.search-results #featuredContent h1,
.post-type-archive-newsroom #featuredContent h1 {
font-weight: 600;
margin-bottom: 32px;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell {
position: relative;
margin-block-end: 40px;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell a:not(.card-link),
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell a:not(.card-link),
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell a:not(.card-link),
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell a:not(.card-link) {
color: #1f2d38;
line-height: 1.5;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more,
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link {
margin-top: 1rem;
color: #222629;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more:hover svg,
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover svg,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more:hover svg,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover svg,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more:hover svg,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover svg,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell a.read-more:hover svg,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover svg {
transition: all 0.3s ease;
transform: translateX(7px);
cursor: pointer;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link h3,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link h3,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link h3,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link h3 {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover h3,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover h3,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover h3,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .card-link:hover h3 {
color: #5A9B00;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell p,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell p,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell p,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell p {
color: #425466 !important;
font-weight: 400;
line-height: 1.5;
font-size: 1rem !important;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h3,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h3,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h3,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h3 {
font-weight: 600;
color: #222629;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header {
position: absolute;
top: 24px;
left: 36px;
color: #222629;
padding: 0.75rem 1rem;
background: #F8F8F8;
border-radius: 4px;
margin-bottom: 0;
font-weight: 500;
line-height: 1;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 img,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 img,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 img,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 img {
aspect-ratio: 1080/517;
width: 100%;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 h3,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 h3,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 h3,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 h3 {
letter-spacing: -0.48px;
line-height: 1.2;
font-size: 24px;
}
@media (min-width: 768px) {
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 .post-text,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 .post-text,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 .post-text,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-12 .post-text {
width: 66.6666666667%;
}
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 img,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 img,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 img,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 img {
aspect-ratio: 517/250;
width: 100%;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 h3,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 h3,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 h3,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 h3 {
line-height: 1.5;
font-size: 18px;
}
.blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 .read-more,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 .read-more,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 .read-more,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell.medium-6 .read-more {
display: none;
}
.blog #featuredContent .grid-container .post-card,
.archive:not(.post-type-archive) #featuredContent .grid-container .post-card,
.search-results #featuredContent .grid-container .post-card,
.post-type-archive-newsroom #featuredContent .grid-container .post-card {
background: #f7fafc;
}
.blog #featuredContent .grid-container .contrast-overlay,
.archive:not(.post-type-archive) #featuredContent .grid-container .contrast-overlay,
.search-results #featuredContent .grid-container .contrast-overlay,
.post-type-archive-newsroom #featuredContent .grid-container .contrast-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
/* Adjust the opacity as needed */
}
.blog #featuredContent .grid-container .image-container,
.archive:not(.post-type-archive) #featuredContent .grid-container .image-container,
.search-results #featuredContent .grid-container .image-container,
.post-type-archive-newsroom #featuredContent .grid-container .image-container {
position: relative;
}
.blog #featuredContent .grid-container .image-container img,
.archive:not(.post-type-archive) #featuredContent .grid-container .image-container img,
.search-results #featuredContent .grid-container .image-container img,
.post-type-archive-newsroom #featuredContent .grid-container .image-container img {
display: block;
width: 100%;
}
.blog #featuredContent .excerpt,
.archive:not(.post-type-archive) #featuredContent .excerpt,
.search-results #featuredContent .excerpt,
.post-type-archive-newsroom #featuredContent .excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-clamp: 5;
overflow: hidden;
color: #A9ABAA;
}
.blog #featuredContent .excerpt a,
.archive:not(.post-type-archive) #featuredContent .excerpt a,
.search-results #featuredContent .excerpt a,
.post-type-archive-newsroom #featuredContent .excerpt a {
color: #425466 !important;
}
.blog #featuredContent .excerpt-read-more,
.archive:not(.post-type-archive) #featuredContent .excerpt-read-more,
.search-results #featuredContent .excerpt-read-more,
.post-type-archive-newsroom #featuredContent .excerpt-read-more {
display: unset !important;
}
.blog:not(:has(.featured-posts-container)) article:not(.main-featured),
.archive:not(.post-type-archive):not(:has(.featured-posts-container)) article:not(.main-featured),
.search-results:not(:has(.featured-posts-container)) article:not(.main-featured),
.post-type-archive-newsroom:not(:has(.featured-posts-container)) article:not(.main-featured) {
margin-bottom: 40px;
}
.blog,
.archive:not(.post-type-archive),
.search-results,
.post-type-archive-newsroom {
background: var(--body-background);
background-image: unset;
/* remove radio image */
/* hide counts */
}
.blog .header-container,
.archive:not(.post-type-archive) .header-container,
.search-results .header-container,
.post-type-archive-newsroom .header-container {
padding: 0;
}
.blog #filterBarNew,
.archive:not(.post-type-archive) #filterBarNew,
.search-results #filterBarNew,
.post-type-archive-newsroom #filterBarNew {
margin-bottom: 64px;
padding-block: 12px;
background: #F1f1f1;
width: 100dvw;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew,
.archive:not(.post-type-archive) #filterBarNew,
.search-results #filterBarNew,
.post-type-archive-newsroom #filterBarNew {
top: 64px;
}
}
.blog #filterBarNew #category-filter-form,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form,
.search-results #filterBarNew #category-filter-form,
.post-type-archive-newsroom #filterBarNew #category-filter-form {
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-between;
margin-inline: auto;
width: 100%;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form,
.search-results #filterBarNew #category-filter-form,
.post-type-archive-newsroom #filterBarNew #category-filter-form {
flex-direction: row;
align-items: center;
}
}
.blog #filterBarNew #category-filter-form input,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input,
.search-results #filterBarNew #category-filter-form input,
.post-type-archive-newsroom #filterBarNew #category-filter-form input {
margin: 0;
background: unset;
border: unset;
box-shadow: unset;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form input,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input,
.search-results #filterBarNew #category-filter-form input,
.post-type-archive-newsroom #filterBarNew #category-filter-form input {
text-align: right;
}
}
@media print, screen and (max-width: 63.99875em) {
.blog #filterBarNew #category-filter-form input,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input,
.search-results #filterBarNew #category-filter-form input,
.post-type-archive-newsroom #filterBarNew #category-filter-form input {
border-bottom: 1px solid #E2E3E3;
}
}
.blog #filterBarNew #category-filter-form input::placeholder,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input::placeholder,
.search-results #filterBarNew #category-filter-form input::placeholder,
.post-type-archive-newsroom #filterBarNew #category-filter-form input::placeholder {
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.48px;
color: #222629;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form input::placeholder,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input::placeholder,
.search-results #filterBarNew #category-filter-form input::placeholder,
.post-type-archive-newsroom #filterBarNew #category-filter-form input::placeholder {
text-align: right;
}
}
@media (min-width: 768px) {
.blog #filterBarNew #category-filter-form input::placeholder,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form input::placeholder,
.search-results #filterBarNew #category-filter-form input::placeholder,
.post-type-archive-newsroom #filterBarNew #category-filter-form input::placeholder {
font-size: 16px;
}
}
.blog #filterBarNew #category-filter-form .filter-search,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search,
.search-results #filterBarNew #category-filter-form .filter-search,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search {
display: flex;
align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
.blog #filterBarNew #category-filter-form .filter-search .facetwp-facet-search_resources,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search .facetwp-facet-search_resources,
.search-results #filterBarNew #category-filter-form .filter-search .facetwp-facet-search_resources,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search .facetwp-facet-search_resources {
order: 2;
}
}
.blog #filterBarNew #category-filter-form .filter-search svg,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search svg,
.search-results #filterBarNew #category-filter-form .filter-search svg,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search svg {
width: 16px;
height: 16px;
}
@media print, screen and (max-width: 39.99875em) {
.blog #filterBarNew #category-filter-form .filter-search svg,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search svg,
.search-results #filterBarNew #category-filter-form .filter-search svg,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search svg {
order: 1;
}
}
@media (min-width: 768px) {
.blog #filterBarNew #category-filter-form .filter-search svg,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search svg,
.search-results #filterBarNew #category-filter-form .filter-search svg,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search svg {
width: 16px;
height: 16px;
}
}
.blog #filterBarNew #category-filter-form .filter-search .facetwp-icon,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search .facetwp-icon,
.search-results #filterBarNew #category-filter-form .filter-search .facetwp-icon,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search .facetwp-icon {
display: none;
}
.blog #filterBarNew #category-filter-form .filter-search div,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search div,
.search-results #filterBarNew #category-filter-form .filter-search div,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search div {
margin-bottom: 0 !important;
}
.blog #filterBarNew #category-filter-form .filter-search .clear,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form .filter-search .clear,
.search-results #filterBarNew #category-filter-form .filter-search .clear,
.post-type-archive-newsroom #filterBarNew #category-filter-form .filter-search .clear {
top: 0;
right: 0;
}
.blog #filterBarNew #category-filter-form ul#cat-nav,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav,
.search-results #filterBarNew #category-filter-form ul#cat-nav,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav {
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
gap: 5px;
}
@media print, screen and (min-width: 40em) {
.blog #filterBarNew #category-filter-form ul#cat-nav,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav,
.search-results #filterBarNew #category-filter-form ul#cat-nav,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav {
flex-direction: row;
gap: 26px;
}
}
.blog #filterBarNew #category-filter-form ul#cat-nav a,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav a,
.search-results #filterBarNew #category-filter-form ul#cat-nav a,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav a {
font-size: 16px;
padding-inline: 5px;
font-weight: 500;
line-height: 1.5;
color: #424548;
cursor: pointer;
text-decoration: none;
text-decoration-color: #9CDC00 !important;
text-underline-offset: 4px;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form ul#cat-nav a,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav a,
.search-results #filterBarNew #category-filter-form ul#cat-nav a,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav a {
text-underline-offset: 25px;
}
}
.blog #filterBarNew #category-filter-form ul#cat-nav a:hover,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav a:hover,
.search-results #filterBarNew #category-filter-form ul#cat-nav a:hover,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav a:hover {
text-decoration-color: #9CDC00;
text-underline-offset: 4px;
color: #424548;
text-decoration-style: solid;
text-decoration: underline;
text-decoration-thickness: 2px;
font-weight: 500;
background-color: unset;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form ul#cat-nav a:hover,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav a:hover,
.search-results #filterBarNew #category-filter-form ul#cat-nav a:hover,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav a:hover {
text-underline-offset: 25px;
text-decoration-color: #9CDC00;
}
}
.blog #filterBarNew #category-filter-form ul#cat-nav .active a,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav .active a,
.search-results #filterBarNew #category-filter-form ul#cat-nav .active a,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav .active a {
text-decoration-color: #9CDC00;
text-underline-offset: 4px;
text-decoration-style: solid;
text-decoration: underline;
text-decoration-thickness: 2px;
color: #424548;
font-weight: 500;
}
@media print, screen and (min-width: 64em) {
.blog #filterBarNew #category-filter-form ul#cat-nav .active a,
.archive:not(.post-type-archive) #filterBarNew #category-filter-form ul#cat-nav .active a,
.search-results #filterBarNew #category-filter-form ul#cat-nav .active a,
.post-type-archive-newsroom #filterBarNew #category-filter-form ul#cat-nav .active a {
text-underline-offset: 25px;
text-decoration-color: #9CDC00;
}
}
.blog:has(.sticky-container .is-stuck) #filterBarNew,
.archive:not(.post-type-archive):has(.sticky-container .is-stuck) #filterBarNew,
.search-results:has(.sticky-container .is-stuck) #filterBarNew,
.post-type-archive-newsroom:has(.sticky-container .is-stuck) #filterBarNew {
position: relative;
}
@media print, screen and (min-width: 64em) {
.blog:has(.sticky-container .is-stuck) #filterBarNew,
.archive:not(.post-type-archive):has(.sticky-container .is-stuck) #filterBarNew,
.search-results:has(.sticky-container .is-stuck) #filterBarNew,
.post-type-archive-newsroom:has(.sticky-container .is-stuck) #filterBarNew {
position: fixed;
z-index: 98;
top: 63px;
}
}
.blog:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.archive:not(.post-type-archive):has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.search-results:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.post-type-archive-newsroom:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent {
margin-top: unset;
}
@media print, screen and (min-width: 64em) {
.blog:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.archive:not(.post-type-archive):has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.search-results:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent,
.post-type-archive-newsroom:has(.sticky-container .is-stuck) #filterBarNew:has(.sticky-container .is-stuck) #featuredContent {
margin-top: 133px;
}
}
.blog .post-grid,
.blog #featuredContent,
.archive:not(.post-type-archive) .post-grid,
.archive:not(.post-type-archive) #featuredContent,
.search-results .post-grid,
.search-results #featuredContent,
.post-type-archive-newsroom .post-grid,
.post-type-archive-newsroom #featuredContent {
margin-top: unset;
padding-top: unset;
}
.blog .post-grid .grid-container,
.blog #featuredContent .grid-container,
.archive:not(.post-type-archive) .post-grid .grid-container,
.archive:not(.post-type-archive) #featuredContent .grid-container,
.search-results .post-grid .grid-container,
.search-results #featuredContent .grid-container,
.post-type-archive-newsroom .post-grid .grid-container,
.post-type-archive-newsroom #featuredContent .grid-container {
position: relative;
}
.blog .post-grid .featured-image img,
.blog #featuredContent .featured-image img,
.archive:not(.post-type-archive) .post-grid .featured-image img,
.archive:not(.post-type-archive) #featuredContent .featured-image img,
.search-results .post-grid .featured-image img,
.search-results #featuredContent .featured-image img,
.post-type-archive-newsroom .post-grid .featured-image img,
.post-type-archive-newsroom #featuredContent .featured-image img {
width: 100%;
}
.blog .post-grid .article-header,
.blog .post-grid .entry-content,
.blog #featuredContent .article-header,
.blog #featuredContent .entry-content,
.archive:not(.post-type-archive) .post-grid .article-header,
.archive:not(.post-type-archive) .post-grid .entry-content,
.archive:not(.post-type-archive) #featuredContent .article-header,
.archive:not(.post-type-archive) #featuredContent .entry-content,
.search-results .post-grid .article-header,
.search-results .post-grid .entry-content,
.search-results #featuredContent .article-header,
.search-results #featuredContent .entry-content,
.post-type-archive-newsroom .post-grid .article-header,
.post-type-archive-newsroom .post-grid .entry-content,
.post-type-archive-newsroom #featuredContent .article-header,
.post-type-archive-newsroom #featuredContent .entry-content {
padding-left: unset;
}
.blog .post-grid .post-panel:hover,
.blog #featuredContent .post-panel:hover,
.archive:not(.post-type-archive) .post-grid .post-panel:hover,
.archive:not(.post-type-archive) #featuredContent .post-panel:hover,
.search-results .post-grid .post-panel:hover,
.search-results #featuredContent .post-panel:hover,
.post-type-archive-newsroom .post-grid .post-panel:hover,
.post-type-archive-newsroom #featuredContent .post-panel:hover {
cursor: pointer;
}
.blog .post-grid .post-panel:hover a.card-link,
.blog #featuredContent .post-panel:hover a.card-link,
.archive:not(.post-type-archive) .post-grid .post-panel:hover a.card-link,
.archive:not(.post-type-archive) #featuredContent .post-panel:hover a.card-link,
.search-results .post-grid .post-panel:hover a.card-link,
.search-results #featuredContent .post-panel:hover a.card-link,
.post-type-archive-newsroom .post-grid .post-panel:hover a.card-link,
.post-type-archive-newsroom #featuredContent .post-panel:hover a.card-link {
color: #5A9B00;
}
.blog .post-grid h2.title,
.blog #featuredContent h2.title,
.archive:not(.post-type-archive) .post-grid h2.title,
.archive:not(.post-type-archive) #featuredContent h2.title,
.search-results .post-grid h2.title,
.search-results #featuredContent h2.title,
.post-type-archive-newsroom .post-grid h2.title,
.post-type-archive-newsroom #featuredContent h2.title {
font-weight: 600;
font-size: 18px;
line-height: 1.4;
margin-bottom: 1rem;
letter-spacing: 0;
}
.blog .post-grid h2.title a,
.blog #featuredContent h2.title a,
.archive:not(.post-type-archive) .post-grid h2.title a,
.archive:not(.post-type-archive) #featuredContent h2.title a,
.search-results .post-grid h2.title a,
.search-results #featuredContent h2.title a,
.post-type-archive-newsroom .post-grid h2.title a,
.post-type-archive-newsroom #featuredContent h2.title a {
color: #222629;
}
.blog .post-grid p.excerpt,
.blog #featuredContent p.excerpt,
.archive:not(.post-type-archive) .post-grid p.excerpt,
.archive:not(.post-type-archive) #featuredContent p.excerpt,
.search-results .post-grid p.excerpt,
.search-results #featuredContent p.excerpt,
.post-type-archive-newsroom .post-grid p.excerpt,
.post-type-archive-newsroom #featuredContent p.excerpt {
color: var(--text-alternative);
font-size: 1rem;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-clamp: 5;
overflow: hidden;
}
.blog .post-grid .new-resources-content,
.blog #featuredContent .new-resources-content,
.archive:not(.post-type-archive) .post-grid .new-resources-content,
.archive:not(.post-type-archive) #featuredContent .new-resources-content,
.search-results .post-grid .new-resources-content,
.search-results #featuredContent .new-resources-content,
.post-type-archive-newsroom .post-grid .new-resources-content,
.post-type-archive-newsroom #featuredContent .new-resources-content {
width: 66.6666666667%;
}
.blog .post-tag,
.archive:not(.post-type-archive) .post-tag,
.search-results .post-tag,
.post-type-archive-newsroom .post-tag {
border-left: unset;
background: unset;
padding: unset;
}
.blog .article-header img,
.archive:not(.post-type-archive) .article-header img,
.search-results .article-header img,
.post-type-archive-newsroom .article-header img {
aspect-ratio: 528/250;
margin-bottom: 24px;
object-fit: cover;
}
.blog .facetwp-radio,
.blog .facetwp-radio.checked,
.archive:not(.post-type-archive) .facetwp-radio,
.archive:not(.post-type-archive) .facetwp-radio.checked,
.search-results .facetwp-radio,
.search-results .facetwp-radio.checked,
.post-type-archive-newsroom .facetwp-radio,
.post-type-archive-newsroom .facetwp-radio.checked {
background-image: none !important;
padding-left: 0 !important;
}
.blog .facetwp-counter,
.archive:not(.post-type-archive) .facetwp-counter,
.search-results .facetwp-counter,
.post-type-archive-newsroom .facetwp-counter {
display: none;
}
.blog .sticky-highlight img,
.archive:not(.post-type-archive) .sticky-highlight img,
.search-results .sticky-highlight img,
.post-type-archive-newsroom .sticky-highlight img {
min-width: 100%;
}
.facetwp-pager {
text-align: center;
display: flex;
justify-content: center;
gap: 5px;
}
.facetwp-pager .facetwp-page {
font-size: 13px;
font-weight: 400;
line-height: normal;
border-radius: 4px;
border: 1px solid #D4D5D5;
display: flex;
width: 32px;
height: 32px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
color: #222629;
}
.facetwp-pager .facetwp-page.active {
font-weight: 700;
}
.facetwp-pager .facetwp-page.active, .facetwp-pager .facetwp-page:hover {
color: #F8F8F8;
display: flex;
width: 32px;
height: 32px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
border: 1px solid #5A9B00;
background: #5A9B00;
cursor: pointer;
}
.search-results .page-header {
padding: 4rem 0 0.5rem;
}
.archive.category-newsroom .blog-header,
.post-type-archive-newsroom .blog-header {
margin-top: 64px;
}
.featured-posts {
padding: 4rem 0;
}
@media print, screen and (min-width: 40em) {
.featured-posts {
padding: 8rem 0 6rem;
}
}
.featured-posts.none {
padding: inherit;
}
.featured-posts .grid-x {
justify-content: space-between;
}
.featured-posts .title-block {
margin-bottom: 1rem;
text-align: center;
}
.featured-posts .title-block h2 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.featured-posts .title-block h2 {
width: 41.6666666667%;
display: block;
margin: 0 auto 1rem;
}
}
@media print, screen and (max-width: 63.99875em) {
.featured-posts .grid-margin-x {
margin-left: 0;
margin-right: 0;
}
}
.featured-posts .post-card-block {
height: 100%;
display: flex;
flex-direction: column;
row-gap: 1rem;
padding: 1.5rem;
border-radius: 0.5rem;
background: #F8F8F8;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media print, screen and (max-width: 39.99875em) {
.featured-posts .post-card-block {
width: 100%;
margin-bottom: 2rem;
}
}
.featured-posts .post-card-block .featured-image .img-container {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.featured-posts .post-card-block .featured-image .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 47.3837209302%;
}
.featured-posts .post-card-block .micro {
color: #707372;
font-weight: 500;
}
.featured-posts .post-card-block h2 {
margin-bottom: 0;
}
.featured-posts .post-card-block h2 > a {
color: var(--text-default);
text-decoration: none;
}
.featured-posts .post-card-block .tertiary {
margin-top: auto;
margin-bottom: 0;
color: var(--tertiary-color);
}
.featured-posts .post-card-block:hover {
cursor: pointer;
box-shadow: var(--card-hover);
}
.featured-posts .post-card-block:hover .tertiary:after {
margin-left: 8px;
animation: pseudoTransitionIn 0.5s forwards;
}
.featured-posts-main {
display: grid;
grid-template-columns: 1fr;
column-gap: 48px;
row-gap: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #E2E3E3;
margin-bottom: 48px;
}
@media print, screen and (min-width: 64em) {
.featured-posts-main {
grid-template-columns: 1fr 1fr;
}
}
.featured-posts-main article {
margin-bottom: 0 !important;
}
.featured-posts-main article:first-of-type {
grid-row: span 2;
}
.featured-posts-main article:first-of-type h2 {
font-size: 1.5rem;
}
.featured-posts-main article:first-of-type .excerpt {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.featured-posts-main article:first-of-type .featured-image {
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 64em) {
.featured-posts-main article:first-of-type .entry-content {
min-height: 9.375rem;
}
}
@media print, screen and (max-width: 63.99875em) {
.featured-posts-main article:first-of-type {
padding-bottom: 3rem;
}
}
.featured-posts-main article:not(:first-of-type) {
display: flex;
flex-direction: column;
gap: 24px;
}
@media print, screen and (min-width: 40em) {
.featured-posts-main article:not(:first-of-type) {
flex-direction: row;
}
}
.featured-posts-main article:not(:first-of-type) h2 {
font-size: 1.125rem;
}
@media print, screen and (min-width: 40em) {
.featured-posts-main article:not(:first-of-type) .featured-image {
min-width: 40%;
width: 40%;
}
}
.featured-posts-main article:not(:first-of-type) .excerpt {
-webkit-line-clamp: 4;
line-clamp: 4;
}
.featured-posts-main .post-card-block .featured-image .img-container {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.featured-posts-main .post-card-block .featured-image .img-container:before {
display: block;
content: "";
width: 100%;
padding-top: 47.3837209302%;
}
.featured-posts-main .post-card-block h2 {
margin-bottom: 1rem;
font-weight: 600;
}
.featured-posts-main .post-card-block h2 > a {
color: var(--text-default);
}
.featured-posts-main .post-card-block .tertiary {
margin-top: auto;
margin-bottom: 0;
color: var(--tertiary-color);
}
.featured-posts-main .post-card-block .excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--text-alternative);
font-size: 1rem;
}
.featured-posts-main .post-card-block .excerpt a {
color: #425466 !important;
}
.featured-posts-main .post-card-block:hover {
cursor: pointer;
}
.featured-posts-main .post-card-block:hover h2 a {
color: #5A9B00;
}
.post-type-archive-glossary .top-bar,
.single-glossary .top-bar {
border-bottom: 0;
}
.post-type-archive-glossary {
background: #fcfcfc;
}
.post-type-archive-glossary .top-bar {
background: #fcfcfc;
}
.post-type-archive-glossary .content-block.hero {
background: #fcfcfc;
padding-top: 6rem;
padding-bottom: 6rem;
margin-bottom: 2rem;
}
.post-type-archive-glossary .content-block.hero p {
color: #343a3f;
}
.post-type-archive-glossary .glossary-nav {
font-weight: 600;
font-size: 1.25rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background: #fcfcfc;
border-bottom: 1px solid transparent;
}
.post-type-archive-glossary .glossary-nav .cell {
display: flex;
gap: 24px;
}
.post-type-archive-glossary .glossary-nav nav {
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.post-type-archive-glossary .glossary-nav nav a {
padding: 0.5rem;
display: inline-block;
color: #222629;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media print, screen and (min-width: 40em) {
.post-type-archive-glossary .glossary-nav nav a {
padding: 0 8px;
}
.post-type-archive-glossary .glossary-nav nav a:first-of-type {
padding: 0 8px 0 0;
}
}
.post-type-archive-glossary .glossary-nav nav a:hover {
color: var(--text-default);
text-decoration: underline;
background: unset;
}
.post-type-archive-glossary .glossary-nav nav a.is-active {
color: #9CDC00;
}
.post-type-archive-glossary .glossary-nav nav a.disabled {
color: #C6C7C7;
cursor: default;
}
.post-type-archive-glossary .glossary-nav nav a.disabled:hover {
text-decoration: none;
}
.post-type-archive-glossary .glossary-nav.is-stuck {
border-bottom: 1px solid #F1f1f1;
}
.post-type-archive-glossary .glossary-index {
margin-top: 2rem;
}
.post-type-archive-glossary .glossary-index section {
margin-bottom: 5rem;
padding-top: 9rem;
margin-top: -9rem;
}
.post-type-archive-glossary .glossary-index section p.h1 {
font-weight: 600;
border-bottom: 6px solid #F1f1f1;
margin-bottom: 1.5rem;
}
.post-type-archive-glossary .glossary-index section ul.glossary-section {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
gap: 24px;
}
.post-type-archive-glossary .glossary-index section ul.glossary-section li h3 {
font-weight: 400;
font-size: 1.125rem;
line-height: 1.6875rem;
margin-bottom: 0;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.post-type-archive-glossary .glossary-index section ul.glossary-section li h3 a {
font-size: 1rem;
font-weight: 500;
letter-spacing: 0;
}
.single-glossary .top-bar {
background: #fcfcfc;
}
.single-glossary header h1.h3 {
margin-bottom: 1.5rem;
}
.single-glossary header h1.h2 {
letter-spacing: -1.68px;
}
.single-glossary .glossary-hero {
padding-bottom: 4rem;
}
.single-glossary .glossary-hero nav.breadcrumbs {
width: 100%;
padding: 2rem 0;
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.single-glossary .glossary-hero nav.breadcrumbs {
padding: 6.75rem 0 2.5rem;
}
}
.single-glossary .glossary-hero nav .breadcrumbs {
margin: 0;
}
.single-glossary .entry-content {
color: #9B9D9C;
border-bottom: 3px solid #F8F8F8;
}
.single-glossary .entry-content ul {
margin: 1.5rem 0 1.5rem 3rem;
}
.single-glossary hr {
margin-block: 2.5rem;
background-color: #F1f1f1;
}
.single-glossary main {
margin-bottom: 8rem;
}
.single-glossary .side-bar-nav-container .side-bar-nav .related-glossary {
margin-bottom: 1rem;
line-height: 1.5;
font-size: 1.125rem !important;
margin-top: 2.5rem;
font-weight: 600;
}
.single-glossary .side-bar-nav-container .side-bar-nav .related-terms {
list-style: none;
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-left: 0;
margin-bottom: 0;
padding-bottom: 2rem;
}
.single-glossary .side-bar-nav-container .side-bar-nav .related-terms a {
color: #222629;
}
.single-glossary .side-bar-nav-container .side-bar-nav .related-terms a:hover {
color: #9CDC00;
}
.single-glossary #top-anchor {
max-width: 75rem;
margin-inline: auto;
}
.single-glossary .content-block.content-grid p,
.single-glossary .content-block.content-grid p > span {
margin-bottom: 0 !important;
font-feature-settings: "ss02" !important;
}
.single-glossary .content-block.content-grid p:has(b),
.single-glossary .content-block.content-grid p:has(strong) {
padding-top: 1rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
}
.single-glossary .content-block.content-grid.bg-color-light-gray {
background: #F8F8F8;
padding-bottom: 3.75rem;
padding-right: 3.75rem;
padding-left: 3.75rem;
}
.single-glossary .content-block.content-grid.bg-color-light-gray p {
margin-bottom: 0;
color: #A9ABAA;
}
.single-glossary .content-block.content-grid.bg-color-light-gray p a.button, .single-glossary .content-block.content-grid.bg-color-light-gray p .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .single-glossary .content-block.content-grid.bg-color-light-gray p a, .single-glossary .content-block.content-grid.bg-color-light-gray p span.edit-link a, span.edit-link .single-glossary .content-block.content-grid.bg-color-light-gray p a, .single-glossary .content-block.content-grid.bg-color-light-gray p #main-nav li.demo-btn a, #main-nav li.demo-btn .single-glossary .content-block.content-grid.bg-color-light-gray p a {
margin-bottom: 0;
margin: 1.5rem 0 0;
}
.single-glossary .article-footer {
padding-bottom: 6rem;
}
.single-glossary .article-footer .h3 {
margin-bottom: 1.5rem;
}
.single-glossary .article-footer .related-terms {
list-style: none;
display: flex;
flex-direction: row;
margin-left: 0;
}
.single-glossary .article-footer .related-terms a {
color: #222629;
text-decoration: underline;
margin-right: 2.5rem;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.single-glossary .article-footer .related-terms a:hover {
color: #9CDC00;
}
@media print, screen and (max-width: 39.99875em) {
.single-glossary .content-block.content-grid {
padding-left: 1rem;
padding-right: 1rem;
}
}
body.post-type-archive-events .details {
margin-bottom: 1.5rem;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
font-size: 0.875rem;
}
@media print, screen and (min-width: 40em) {
body.post-type-archive-events .details {
flex-wrap: wrap;
flex-direction: row;
}
}
body.post-type-archive-events .details .divider {
display: none;
}
@media print, screen and (min-width: 40em) {
body.post-type-archive-events .details .divider {
display: block;
margin: 0 0.5rem;
}
}
body.post-type-archive-events .details .location {
width: 100%;
}
body.post-type-archive-events .details .time, body.post-type-archive-events .details .date, body.post-type-archive-events .details .location {
display: flex;
align-items: center;
justify-content: flex-start;
}
@media print, screen and (max-width: 39.99875em) {
body.post-type-archive-events .details .time, body.post-type-archive-events .details .date, body.post-type-archive-events .details .location {
margin-bottom: 1rem;
}
}
body.post-type-archive-events .event-archive-hero {
position: relative;
color: #222629;
position: relative;
background: #F8F8F8;
padding: 5rem 0;
}
body.post-type-archive-events .event-archive-hero .title-block {
z-index: 5;
position: relative;
}
body.post-type-archive-events .event-archive-hero .title-block p {
color: var(--text-alternative);
}
body.post-type-archive-events .event-archive-hero .no-posts-block {
height: 64px;
}
body.post-type-archive-events .event-archive-hero #featuredContent {
z-index: 5;
position: relative;
padding: 3rem 0 0;
}
@media print, screen and (min-width: 40em) {
body.post-type-archive-events .event-archive-hero #featuredContent {
padding: 3.5rem 0 0;
}
}
body.post-type-archive-events .event-archive-hero #featuredContent header h2 {
margin-bottom: 1rem;
font-weight: 600;
}
body.post-type-archive-events .event-archive-hero #featuredContent header h2 a {
color: #222629;
}
body.post-type-archive-events .event-archive-hero #featuredContent .excerpt {
color: var(--text-alternative);
margin-bottom: 1.5rem;
}
body.post-type-archive-events .event-archive-hero #featuredContent article {
margin-bottom: 2.5rem;
}
body.post-type-archive-events .event-archive-hero #featuredContent article:last-of-type, body.post-type-archive-events .event-archive-hero #featuredContent article:only-of-type {
margin-bottom: 0;
}
body.post-type-archive-events .event-archive-hero #featuredContent article .post-image {
order: 1;
}
body.post-type-archive-events .event-archive-hero #featuredContent article .post-image img {
width: 100%;
}
body.post-type-archive-events .event-archive-hero #featuredContent article .post-text {
order: 2;
}
@media print, screen and (min-width: 40em) {
body.post-type-archive-events .event-archive-hero #featuredContent article .post-text {
padding-left: 3rem;
padding-right: 0.75rem;
}
}
body.post-type-archive-events .event-archive-hero #featuredContent article .post-text .excerpt p {
color: var(--text-alternative);
}
body.post-type-archive-events .event-archive-hero #featuredContent article:hover {
cursor: pointer;
}
body.post-type-archive-events .post-grid {
color: var(--text-default);
padding-top: 8rem;
padding-bottom: 5rem;
}
body.post-type-archive-events .post-grid .title-block h2 {
text-align: center;
margin-bottom: 40px;
}
body.post-type-archive-events .post-grid .medium-4 {
margin-bottom: 1.5rem;
}
body.post-type-archive-events .post-grid .post-card-block {
padding: 1.5rem;
border-radius: 4px;
background: #F8F8F8;
height: 100%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
body.post-type-archive-events .post-grid .post-card-block:hover {
cursor: pointer;
box-shadow: var(--card-hover);
}
body.post-type-archive-events .post-grid .post-card-block:hover .button, body.post-type-archive-events .post-grid .post-card-block:hover .form-box .mktoForm button.mktoButton, .form-box .mktoForm body.post-type-archive-events .post-grid .post-card-block:hover button.mktoButton, body.post-type-archive-events .post-grid .post-card-block:hover .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li body.post-type-archive-events .post-grid .post-card-block:hover a, body.post-type-archive-events .post-grid .post-card-block:hover span.edit-link a, span.edit-link body.post-type-archive-events .post-grid .post-card-block:hover a, body.post-type-archive-events .post-grid .post-card-block:hover #main-nav li.demo-btn a, #main-nav li.demo-btn body.post-type-archive-events .post-grid .post-card-block:hover a {
background: var(--button-primary-background);
color: var(--button-primary-color);
box-shadow: var(--button-primary-box-shadow);
}
body.post-type-archive-events .post-grid .post-card-block:hover .button:before, body.post-type-archive-events .post-grid .post-card-block:hover .form-box .mktoForm button.mktoButton:before, .form-box .mktoForm body.post-type-archive-events .post-grid .post-card-block:hover button.mktoButton:before, body.post-type-archive-events .post-grid .post-card-block:hover .leadership-block .nav-container ul li a:before, .leadership-block .nav-container ul li body.post-type-archive-events .post-grid .post-card-block:hover a:before, body.post-type-archive-events .post-grid .post-card-block:hover span.edit-link a:before, span.edit-link body.post-type-archive-events .post-grid .post-card-block:hover a:before, body.post-type-archive-events .post-grid .post-card-block:hover #main-nav li.demo-btn a:before, #main-nav li.demo-btn body.post-type-archive-events .post-grid .post-card-block:hover a:before {
opacity: 1;
transform: scale(2);
transition: all 0.5s ease-in-out;
}
body.post-type-archive-events .post-grid .post-card-block article {
margin-bottom: 0;
height: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
body.post-type-archive-events .post-grid .post-card-block article header h2 {
margin-bottom: 0;
font-size: 1.25rem;
}
body.post-type-archive-events .post-grid .post-card-block article header h2 a {
font-weight: 600;
color: #222629;
letter-spacing: -0.2px;
}
body.post-type-archive-events .post-grid .post-card-block article .featured-image {
width: 100%;
}
body.post-type-archive-events .post-grid .post-card-block article .featured-image img {
position: relative;
}
body.post-type-archive-events .post-grid .post-card-block article .featured-image img:before {
display: block;
content: "";
width: 100%;
padding-top: 47.3837209302%;
}
body.post-type-archive-events .post-grid .post-card-block article .excerpt {
margin-bottom: 1.5rem;
color: var(--text-alternative);
}
body.post-type-archive-events .post-grid .post-card-block article .details {
margin-bottom: 1rem;
color: var(--text-alternative);
}
body.post-type-archive-events .post-grid .post-card-block article .details .location, body.post-type-archive-events .post-grid .post-card-block article .details .date, body.post-type-archive-events .post-grid .post-card-block article .details .time {
margin-bottom: 0.5rem;
}
body.post-type-archive-events .post-grid .post-card-block article .entry-content {
height: 100%;
display: flex;
flex-direction: column;
}
body.post-type-archive-events .post-grid .post-card-block article .entry-content .cta-container {
margin-top: auto;
}
body.post-type-archive-events .post-grid .no-posts-container {
position: relative;
z-index: 2;
}
body.post-type-archive-events .post-grid .no-posts-container .post-not-found {
background-color: #F8F8F8;
padding: 5rem;
}
body.post-type-archive-events #archiveFooter {
padding-bottom: 8rem;
}
body.single-events .content-block:not(.hero) h2, body.single-events .content-block:not(.hero) h3, body.single-events .content-block:not(.hero) h4, body.single-events .content-block:not(.hero) h5, body.single-events .content-block:not(.hero) h6 {
font-weight: 600;
}
@media screen and (max-width: 78.75em) {
body.single-events .grid-container {
max-width: 90%;
}
}
body.single-events .entry-content .event-hero {
color: var(--text-alternative);
position: relative;
padding: 5rem 0;
}
body.single-events .entry-content .event-hero .grid-container {
position: relative;
z-index: 6;
}
body.single-events .entry-content .event-hero .button, body.single-events .entry-content .event-hero .form-box .mktoForm button.mktoButton, .form-box .mktoForm body.single-events .entry-content .event-hero button.mktoButton, body.single-events .entry-content .event-hero .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li body.single-events .entry-content .event-hero a, body.single-events .entry-content .event-hero span.edit-link a, span.edit-link body.single-events .entry-content .event-hero a, body.single-events .entry-content .event-hero #main-nav li.demo-btn a, #main-nav li.demo-btn body.single-events .entry-content .event-hero a {
margin-top: 1.5rem;
}
body.single-events .entry-content .event-hero .title-container {
position: relative;
padding-right: 1.5rem;
display: flex;
flex-direction: column;
gap: 24px;
}
body.single-events .entry-content .event-hero .title-container h1, body.single-events .entry-content .event-hero .title-container h2, body.single-events .entry-content .event-hero .title-container h3, body.single-events .entry-content .event-hero .title-container h4, body.single-events .entry-content .event-hero .title-container h5, body.single-events .entry-content .event-hero .title-container h6 {
color: var(--text-default);
margin-bottom: 0;
}
body.single-events .entry-content .event-hero .title-container .eyebrow, body.single-events .entry-content .event-hero .title-container .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page body.single-events .entry-content .event-hero .title-container .supermenu-supertitle, body.single-events .entry-content .event-hero .title-container .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu body.single-events .entry-content .event-hero .title-container li.menu-item-has-children > a, body.single-events .entry-content .event-hero .title-container .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post body.single-events .entry-content .event-hero .title-container .supermenu-supertitle, body.single-events .entry-content .event-hero .title-container nav.breadcrumbs ol li span, nav.breadcrumbs ol li body.single-events .entry-content .event-hero .title-container span, body.single-events .entry-content .event-hero .title-container .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell body.single-events .entry-content .event-hero .title-container h2.featured-header,
body.single-events .entry-content .event-hero .title-container .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell body.single-events .entry-content .event-hero .title-container h2.featured-header,
body.single-events .entry-content .event-hero .title-container .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell body.single-events .entry-content .event-hero .title-container h2.featured-header,
body.single-events .entry-content .event-hero .title-container .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell body.single-events .entry-content .event-hero .title-container h2.featured-header, body.single-events .entry-content .event-hero .title-container .featured-posts .post-card-block .micro, .featured-posts .post-card-block body.single-events .entry-content .event-hero .title-container .micro, body.single-events .entry-content .event-hero .title-container .featured-posts-main .post-card-block .micro, .featured-posts-main .post-card-block body.single-events .entry-content .event-hero .title-container .micro {
margin-bottom: 0;
}
body.single-events .entry-content .event-hero .title-container .details {
font-size: 0.875rem;
letter-spacing: 0.7px;
font-weight: 500;
text-transform: uppercase;
display: flex;
flex-direction: column;
gap: 16px;
}
body.single-events .entry-content .event-hero .title-container .details .date-time {
display: flex;
gap: 40px;
}
body.single-events .entry-content .event-hero .title-container .details .location {
width: 100%;
}
body.single-events .entry-content .event-hero .title-container .details .date, body.single-events .entry-content .event-hero .title-container .details .time, body.single-events .entry-content .event-hero .title-container .details .location {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
}
body.single-events .entry-content .event-hero .title-container .grid-container {
padding-left: 0;
padding-right: 0;
}
body.single-events .entry-content .event-hero .cta-container .button, body.single-events .entry-content .event-hero .cta-container .form-box .mktoForm button.mktoButton, .form-box .mktoForm body.single-events .entry-content .event-hero .cta-container button.mktoButton, body.single-events .entry-content .event-hero .cta-container .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li body.single-events .entry-content .event-hero .cta-container a, body.single-events .entry-content .event-hero .cta-container span.edit-link a, span.edit-link body.single-events .entry-content .event-hero .cta-container a, body.single-events .entry-content .event-hero .cta-container #main-nav li.demo-btn a, #main-nav li.demo-btn body.single-events .entry-content .event-hero .cta-container a {
margin-top: 0;
}
body.single-events .entry-content .event-speakers h2 {
margin-bottom: 2.5rem;
}
body.single-events .entry-content .event-speakers .profile-wrapper {
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
border: 1px solid #E2E3E3;
border-radius: 4px;
margin-bottom: 1.5rem;
height: 100%;
}
@media print, screen and (min-width: 40em) {
body.single-events .entry-content .event-speakers .profile-wrapper {
padding: 2.5rem 2.5rem 1rem 2.5rem;
}
}
@media print, screen and (max-width: 39.99875em) {
body.single-events .entry-content .event-speakers .profile-wrapper .hex {
margin: 0 auto;
}
}
body.single-events .entry-content .event-speakers .profile-wrapper p {
line-height: 1.4;
color: var(--text-default);
}
body.single-events .entry-content .event-speakers .profile-wrapper p.name {
font-weight: 600;
margin-bottom: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
body.single-events .entry-content .event-speakers .profile-wrapper p.name {
text-align: center;
}
}
body.single-events .entry-content .event-speakers .profile-wrapper p.title {
color: #424548;
}
@media print, screen and (max-width: 39.99875em) {
body.single-events .entry-content .event-speakers .profile-wrapper p.title {
text-align: center;
}
}
body.single-events .entry-content .logo-slider-wrapper {
background-color: #fcfcfc;
padding: 1.5rem 0;
}
body.single-events footer .cta-block {
margin-top: 3rem;
}
@media print, screen and (min-width: 40em) {
body.single-events footer .cta-block {
margin-top: 8rem;
}
}
.post-type-archive-events .post-grid .featured-image {
aspect-ratio: 300/143;
}
.post-type-archive-events .post-grid .featured-image img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: relative;
max-height: 143px;
object-fit: contain;
}
.single article .entry-content h2, .single article .entry-content .h2, .single article .entry-content h3, .single article .entry-content .h3, .single article .entry-content h4, .single article .entry-content .h4, .single article .entry-content h5, .single article .entry-content .h5, .single article .entry-content h6, .single article .entry-content .h6 {
margin-bottom: 1rem;
}
.single article .entry-content .content-grid .medium-12.cell,
.single article .entry-content .content-grid .medium-auto.cell {
margin-bottom: 2.5rem;
}
.single article .entry-content .quote-block {
background-image: none;
border-left: 8px solid #9CDC00;
padding: 1rem 2.5rem;
margin-bottom: 0;
}
.single article .entry-content .quote-block p {
font-size: 1.125rem;
line-height: 1.4;
}
.single article .entry-content .quote-block .attr p strong {
font-weight: 600;
}
.single .featured-posts {
padding-bottom: 0;
}
.post-template-gated-single .post-hero {
padding-bottom: 4rem;
}
@media print, screen and (min-width: 40em) {
.post-template-gated-single .post-hero {
padding-bottom: 6rem;
}
}
@media print, screen and (min-width: 40em) {
.post-template-gated-single .content-container {
padding-right: 2.5rem;
}
}
.job-openings {
position: relative;
z-index: 10;
}
.job-openings h2 {
text-align: left;
margin-bottom: 2.5rem;
}
#openings {
scroll-margin-top: 2.5rem;
}
#app {
width: 100%;
}
#app hr {
background-color: #B7B9B8;
}
#app #locationFilter {
list-style: none;
width: 100%;
margin: 0 -12px 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
}
#app #locationFilter li {
margin: 0.75rem 0;
}
#app #locationFilter li a {
padding: 1rem 1.5rem;
border: 1px solid #E2E3E3;
border-radius: 4px;
font-size: 1rem;
font-weight: 500;
text-align: center;
background: #fcfcfc;
color: #343a3f;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#app #locationFilter li a:hover {
background: #9CDC00;
border: 1px solid #9CDC00;
}
#app #locationFilter li a.active {
background: #9CDC00;
border: 1px solid #9CDC00;
}
#app .section {
padding: 1.25rem 0;
border-bottom: 1px solid #F1f1f1;
}
#app .department-wrapper {
padding-top: 24px;
}
@media print, screen and (min-width: 64em) {
#app .department-wrapper {
padding-top: 1.25rem;
}
}
#app .department h2 {
font-size: 2rem;
margin: 5px 0;
text-align: left;
line-height: 2.375rem;
}
#app ul.openings {
list-style: none;
margin: 10px 0 0;
}
#app ul.openings li {
margin-bottom: 32px;
font-size: 1rem;
}
@media print, screen and (min-width: 64em) {
#app ul.openings li {
margin-bottom: 3.75rem;
}
}
#app ul.openings li h4 {
margin-bottom: 0.5rem;
}
#app ul.openings li .location {
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 8px;
}
#app ul.openings li .location:before {
content: url('data:image/svg+xml;utf8,');
margin-top: 2px;
}
#app ul.openings li a {
color: #222629;
}
#app ul.openings li:last-child {
margin-bottom: 24px;
}
@media print, screen and (min-width: 64em) {
#app ul.openings li:last-child {
margin-bottom: 1.875rem;
}
}
#app ul.openings li.multi a:after {
content: "or";
color: #707372;
margin: 0 6px;
}
#app ul.openings li.multi a:last-of-type:after {
content: "";
}
#openPosition {
padding-top: 6rem;
}
#openPosition h1.job-post__title {
margin-bottom: 40px;
}
@media print, screen and (min-width: 40em) {
#openPosition h1.job-post__title {
font-size: 1.875rem;
}
}
#openPosition p, #openPosition ul, #openPosition li {
font-size: 1rem;
}
#openPosition ul li {
margin-bottom: 10px;
}
#jobApp .ghLogo {
max-width: 7.5rem;
margin: 0 auto;
display: block;
text-align: center;
}
#jobApp .ghLogo img {
opacity: 0.7;
}
#jobApp .ghLogo span {
color: #C6C7C7;
font-size: 0.875rem;
}
.page-template-legal-page main {
padding-top: 3rem;
}
@media print, screen and (min-width: 40em) {
.page-template-legal-page main {
padding-top: 6rem;
}
}
.page-template-legal-page .tabs {
border: 0;
margin-bottom: 3.75rem;
}
.page-template-legal-page .tabs a {
color: #000000;
padding-right: 1rem;
padding-left: 0;
margin-right: 2rem;
font-size: 1rem;
padding-bottom: 0.75rem;
background: transparent;
}
.page-template-legal-page .tabs a:hover, .page-template-legal-page .tabs a:focus {
text-decoration: underline;
background: transparent;
}
.page-template-legal-page .tabs .is-active a {
text-decoration: underline;
background: transparent;
}
.page-template-legal-page .accordion {
margin-bottom: 3.75rem;
}
.page-template-legal-page .accordion a {
color: #000000;
padding-right: 1rem;
font-size: 1rem;
padding-bottom: 0.75rem;
}
.page-template-legal-page .accordion a:hover {
text-decoration: underline;
}
.page-template-legal-page .accordion .is-active a {
text-decoration: underline;
}
.page-template-legal-page .tabs-content {
border: 0 solid #ffffff !important;
color: #222629 !important;
}
.page-template-legal-page .tabs-content .tabs-panel {
padding: 0;
}
.page-template-legal-page .tabs-content .tabs-panel p, .page-template-legal-page .tabs-content .tabs-panel ul, .page-template-legal-page .tabs-content .tabs-panel li, .page-template-legal-page .tabs-content .tabs-panel a {
font-size: 1rem;
line-height: 1.5rem;
}
.page-template-legal-page .tabs-content .tabs-panel ul {
margin-left: 2rem;
}
.page-template-legal-page .tabs-content .tabs-panel ol {
margin-left: 1rem;
}
.page-template-legal-page .tabs-content .tabs-panel a {
color: #000000 !important;
text-decoration: underline !important;
}
.page-template-default .gradient-wrapper {
background: radial-gradient(ellipse 350px 405px at -10% 80%, rgba(157, 220, 0, 0.8) 0%, rgba(157, 220, 0, 0) 100%), radial-gradient(ellipse 350px 400px at 100% 15%, rgba(157, 220, 0, 0.8) 0%, rgba(157, 220, 0, 0) 100%), #fcfcfc;
padding: 2px;
border-radius: 8px;
box-shadow: 0 3px 31.5px 0 rgba(0, 27, 45, 0.1);
}
.page-template-default .gradient-wrapper .product-spotlight {
background: radial-gradient(106.72% 40.5% at 50% 100.89%, rgba(20, 152, 243, 0.2) 0%, rgba(0, 27, 45, 0) 100%), linear-gradient(180deg, #002137 0%, rgba(0, 33, 55, 0) 100%), #fcfcfc;
border-radius: 8px;
padding: 4rem;
}
.page-template-default .gradient-wrapper .product-spotlight .eyebrow, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .page-template-default .gradient-wrapper .product-spotlight .supermenu-supertitle, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu .page-template-default .gradient-wrapper .product-spotlight li.menu-item-has-children > a, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .page-template-default .gradient-wrapper .product-spotlight .supermenu-supertitle, .page-template-default .gradient-wrapper .product-spotlight nav.breadcrumbs ol li span, nav.breadcrumbs ol li .page-template-default .gradient-wrapper .product-spotlight span, .page-template-default .gradient-wrapper .product-spotlight .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header,
.page-template-default .gradient-wrapper .product-spotlight .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header,
.page-template-default .gradient-wrapper .product-spotlight .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header,
.page-template-default .gradient-wrapper .product-spotlight .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header, .page-template-default .gradient-wrapper .product-spotlight .featured-posts .post-card-block .micro, .featured-posts .post-card-block .page-template-default .gradient-wrapper .product-spotlight .micro, .page-template-default .gradient-wrapper .product-spotlight .featured-posts-main .post-card-block .micro, .featured-posts-main .post-card-block .page-template-default .gradient-wrapper .product-spotlight .micro {
font-size: 0.875rem;
font-weight: 500;
line-height: 100%;
letter-spacing: 0.7px;
text-transform: uppercase;
color: #F1f1f1;
display: inline-block;
background-color: #fcfcfc;
border: 1px solid #C6C7C7;
border-radius: 2rem;
padding: 0.5rem 1rem;
}
.page-template-default .gradient-wrapper .product-spotlight .eyebrow svg, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle svg, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .page-template-default .gradient-wrapper .product-spotlight .supermenu-supertitle svg, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a svg, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu .page-template-default .gradient-wrapper .product-spotlight li.menu-item-has-children > a svg, .page-template-default .gradient-wrapper .product-spotlight .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle svg, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .page-template-default .gradient-wrapper .product-spotlight .supermenu-supertitle svg, .page-template-default .gradient-wrapper .product-spotlight nav.breadcrumbs ol li span svg, nav.breadcrumbs ol li .page-template-default .gradient-wrapper .product-spotlight span svg, .page-template-default .gradient-wrapper .product-spotlight .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header svg, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header svg,
.page-template-default .gradient-wrapper .product-spotlight .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header svg,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header svg,
.page-template-default .gradient-wrapper .product-spotlight .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header svg,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header svg,
.page-template-default .gradient-wrapper .product-spotlight .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header svg,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .page-template-default .gradient-wrapper .product-spotlight h2.featured-header svg, .page-template-default .gradient-wrapper .product-spotlight .featured-posts .post-card-block .micro svg, .featured-posts .post-card-block .page-template-default .gradient-wrapper .product-spotlight .micro svg, .page-template-default .gradient-wrapper .product-spotlight .featured-posts-main .post-card-block .micro svg, .featured-posts-main .post-card-block .page-template-default .gradient-wrapper .product-spotlight .micro svg {
vertical-align: middle;
}
.page-template-default .gradient-wrapper .product-spotlight h2.title {
display: block;
text-align: center;
color: #9CDC00;
-webkit-text-fill-color: #9CDC00;
}
.page-template-default .gradient-wrapper .product-spotlight h3.title {
color: #F8F8F8;
font-size: 2rem;
font-weight: 600;
line-height: 120%;
}
.page-template-default .gradient-wrapper .product-spotlight p {
color: #D4D5D5;
font-feature-settings: "ss02" on;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.2px;
}
.page-template-default .gradient-wrapper .product-spotlight .feature h4 {
color: #F8F8F8;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.page-template-default .gradient-wrapper .product-spotlight .feature p {
color: #D4D5D5;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.18px;
}
.page-template-default .gradient-wrapper .product-spotlight h3.title {
-webkit-text-fill-color: #fcfcfc;
color: #fcfcfc;
}
.page-template-default .gradient-wrapper .product-spotlight .subtitle {
display: block;
text-align: center;
}
.page-template-default .gradient-wrapper .product-spotlight .row {
display: flex;
gap: 1.5rem;
flex-direction: column;
}
@media print, screen and (min-width: 64em) {
.page-template-default .gradient-wrapper .product-spotlight .row {
flex-direction: row;
}
}
.page-template-default .gradient-wrapper .product-spotlight .row .row-item {
flex: 1;
padding: 1.5rem;
}
.page-template-default .gradient-wrapper .product-spotlight .row .row-item.border {
border-radius: 4px;
border: 1px solid #A9ABAA;
}
.page-template-default .gradient-wrapper .product-spotlight .cta {
margin-top: 3rem;
text-align: center;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Containers
--------------------------------------------- */
header#masthead .sticky-container {
z-index: 99;
}
.alert-bar-wrapper .alert-bar {
font-family: "Poppins", sans-serif;
background: #583160;
color: #fcfcfc;
padding: 1.125rem;
font-size: 1.125rem;
}
.alert-bar-wrapper .alert-bar .alert-content {
display: flex;
gap: 24px;
justify-content: center;
align-items: center;
text-decoration: underline transparent;
text-underline-offset: 4px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.alert-bar-wrapper .alert-bar p {
margin-bottom: 0;
font-weight: 600;
line-height: 120%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.alert-bar-wrapper .alert-bar a {
color: #fcfcfc;
font-weight: 600;
}
.alert-bar-wrapper .alert-bar a.tertiary {
color: #fcfcfc;
font-weight: 600;
}
.alert-bar-wrapper .alert-bar a.tertiary:after {
content: url('data:image/svg+xml;utf8, ');
display: inline-block;
transition: all 0.5s ease-in-out;
line-height: 18px;
}
.alert-bar-wrapper .alert-bar a.tertiary:hover {
color: #fcfcfc;
}
.alert-bar-wrapper .alert-bar a.tertiary:hover:after {
margin-right: -8px;
}
.alert-bar-wrapper .alert-bar.bg-eggplant {
background-color: #583160;
}
.alert-bar-wrapper .alert-bar.bg-dk-green {
background-color: #5A9B00;
}
.alert-bar-wrapper .alert-bar.bg-primary-green {
background-color: #9CDC00;
color: #222629;
}
.alert-bar-wrapper .alert-bar.bg-primary-green a.tertiary {
color: #222629;
}
.alert-bar-wrapper .alert-bar.bg-primary-green a.tertiary:after {
content: url('data:image/svg+xml;utf8, ');
}
.alert-bar-wrapper .alert-bar.bg-gray {
background-color: #707372;
}
.alert-bar-wrapper > a {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.alert-bar-wrapper > a:hover .alert-content {
text-decoration-color: #fcfcfc;
}
.top-bar {
background: var(--top-bar-bg);
border-bottom: 1px solid transparent;
}
@media print, screen and (max-width: 63.99875em) {
.top-bar {
padding: 1rem 0;
}
}
.top-bar .header-container {
background: transparent;
z-index: 999;
max-width: 75rem;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
}
.top-bar ul {
background: transparent;
}
.top-bar .grid-container {
width: 100%;
}
@media print, screen and (min-width: 64em) {
.top-bar .grid-container {
padding: 0;
}
}
@media print, screen and (max-width: 39.99875em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
flex: 0 1 100%;
}
}
.top-bar .top-bar-right {
display: flex;
align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
.top-bar .top-bar-right {
display: flex;
justify-content: flex-end;
}
}
.top-bar .hide-for-large.top-bar-right > ul li {
line-height: 0;
}
.top-bar .site-branding {
z-index: 101;
position: relative;
}
.top-bar .site-branding .logo {
max-width: 10rem;
min-width: 10rem;
display: flex;
}
.top-bar .site-branding .logo .fill {
fill: var(--logo, #F8F8F8);
}
footer.site-footer {
background: linear-gradient(0deg, rgba(112, 115, 114, 0.1) 0%, rgba(112, 115, 114, 0.1) 100%), #FFF;
color: #222629;
font-size: 1rem;
padding: 4rem 0;
}
footer.site-footer .footer-site-info img,
footer.site-footer .footer-site-info svg {
margin-bottom: 1rem;
width: 100%;
color: #F8F8F8;
width: 125px;
}
footer.site-footer p.copyright {
margin-bottom: 0;
font-size: 0.875rem;
margin-right: 1rem;
}
footer.site-footer ul.social-icons {
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
}
@media print, screen and (min-width: 40em) {
footer.site-footer ul.social-icons {
justify-content: flex-start;
}
}
footer.site-footer ul.social-icons a {
color: #222629;
margin: 0px 12px;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
footer.site-footer ul.social-icons a:hover {
color: #5A9B00;
background: unset;
}
footer.site-footer ul.social-icons a svg {
width: 100%;
max-height: 1.25rem;
}
footer.site-footer ul.social-icons li:first-child a {
margin: 0px 12px 0px 0px;
}
footer.site-footer hr {
background: rgba(255, 255, 255, 0.2);
}
@media print, screen and (max-width: 39.99875em) {
footer.site-footer .org-link-container {
order: 1;
}
footer.site-footer .social-icon-container {
order: 2;
}
footer.site-footer .site-info-container {
margin-top: 1.5rem;
order: 3;
}
footer.site-footer .p_left__md {
padding-left: 0;
}
}
span.edit-link {
position: fixed;
bottom: 24px;
left: 24px;
}
span.edit-link a {
margin-bottom: 0;
}
.card {
height: 100%;
padding: 40px;
background: #F8F8F8;
border-radius: 4px;
}
.off-canvas {
background: var(--body);
box-shadow: none;
border-top: var(--sticky-nav-border);
}
.off-canvas.is-transition-overlap.is-open {
border-top: 1px solid var(--top-bar-border-sticky);
box-shadow: none;
}
.off-canvas .mobile-logo {
position: absolute;
width: 100%;
top: 16px;
left: 24px;
z-index: 90;
}
.off-canvas .mobile-logo .logo {
max-width: 10rem;
display: flex;
}
.off-canvas .mobile-logo .logo .fill {
fill: var(--logo, #F8F8F8);
}
.off-canvas .close-button {
color: var(--text-default);
right: 1.5rem;
top: 1rem;
z-index: 999;
}
.no-js .off-canvas {
display: none;
}
/* 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;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.column-block-grid.card-padding-large {
--card-padding: 40px;
}
.column-block-grid.card-padding-small {
--card-padding: 24px;
}
.column-block-grid .title-block .cell {
margin-bottom: 0;
}
.column-block-grid .cell {
margin-bottom: 1.5rem;
}
.column-block-grid .card {
display: flex;
position: relative;
flex-direction: column;
gap: 16px;
border-radius: 0.75rem;
padding: var(--card-padding);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.column-block-grid .card .text-container {
display: flex;
flex-direction: column;
gap: 24px;
flex-grow: 1;
}
.column-block-grid .card .text-container h3 {
margin-bottom: 0;
color: var(--text-default);
}
.column-block-grid .card .text-container p {
color: var(--text-alternative);
}
.column-block-grid .card .text-container p.tertiary {
color: var(--tertiary-color);
margin-top: auto;
}
.column-block-grid .card .text-container p.eyebrow, .column-block-grid .card .text-container .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page p.supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .column-block-grid .card .text-container p.supermenu-supertitle, .column-block-grid .card .text-container .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post p.supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .column-block-grid .card .text-container p.supermenu-supertitle, .column-block-grid .card .text-container .featured-posts .post-card-block p.micro, .featured-posts .post-card-block .column-block-grid .card .text-container p.micro, .column-block-grid .card .text-container .featured-posts-main .post-card-block p.micro, .featured-posts-main .post-card-block .column-block-grid .card .text-container p.micro {
margin-bottom: 0;
}
.column-block-grid .text-center .text-container {
align-items: center;
}
.column-block-grid .text-container {
z-index: 1;
}
.column-block-grid a {
text-decoration: none;
}
.column-block-grid a:hover .card {
box-shadow: var(--card-hover);
}
.column-block-grid a:hover .card .tertiary:after {
margin-left: 8px;
margin-right: -8px;
animation: pseudoTransitionIn 0.5s forwards;
}
.column-block-grid.title-style-green .card .text-container {
gap: 8px;
}
.column-block-grid.title-style-green .card h3 {
font-size: 2.5rem;
color: #78B900;
margin-bottom: 0;
font-weight: 700;
}
.column-block-grid.title-style-stat .card h3 {
font-weight: 700;
font-size: 2.5rem;
color: #222629;
}
@media print, screen and (min-width: 40em) {
.column-block-grid.title-style-stat .card h3 {
font-size: 4.5rem;
}
}
.column-block-grid.title-style-stat .card h3 span {
color: #9CDC00;
}
.column-block-grid .background-container {
height: 100%;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.content-grid .embed iframe {
border-radius: 4px;
}
.content-grid .form-box {
scroll-margin-top: 128px;
}
.cta-block {
text-align: center;
border-radius: 1.5rem;
background: linear-gradient(0deg, rgba(112, 115, 114, 0.1) 0%, rgba(112, 115, 114, 0.1) 100%), #FFF;
overflow: hidden;
}
.cta-block h3, .cta-block .h3 {
font-weight: 600;
}
@media print, screen and (min-width: 40em) {
.cta-block h3, .cta-block .h3 {
font-size: 3rem;
}
}
.cta-block .block-wrapper {
background-size: cover;
background-repeat: no-repeat;
height: 100%;
background-position: center;
}
.cta-block p:last-of-type {
margin-bottom: 0;
}
.home-customer-story-wrapper {
max-width: 75rem;
margin: 0 auto;
}
.home-customer-story-wrapper .slide-wrapper {
background: #F8F8F8;
border-radius: 1.5rem;
}
.home-customer-story-wrapper .slide-wrapper.wrapper-padding {
padding: 2.5rem 2.5rem 0 0;
}
.home-customer-story-wrapper .slide-left {
padding: 2.875rem 5.375rem 2.875rem 2.625rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-customer-story-wrapper .slide-right {
background-color: #F1f1f1;
background-image: url("./../../assets/images/customer-slider-bg.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: auto;
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
padding: 2.875rem 3.25rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-customer-story-wrapper .cust-story-nav {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 24px 40px;
gap: 16px;
margin-top: 1.5rem;
}
.home-customer-story-wrapper .cust-story-nav .slick-dots ul {
display: flex;
gap: 24px;
list-style-type: none;
margin-left: unset;
margin-bottom: unset;
}
.home-customer-story-wrapper .cust-story-nav .slick-dots ul li {
width: 14px;
height: 14px;
border-radius: 500px;
background: #F1f1f1;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.home-customer-story-wrapper .cust-story-nav .slick-dots ul li.slick-active, .home-customer-story-wrapper .cust-story-nav .slick-dots ul li:hover {
background: #9CDC00;
}
.home-customer-story-wrapper .cust-story-nav .slick-dots ul button {
display: none;
}
.home-customer-story-wrapper .cust-story-nav .slick-controls {
display: flex;
align-items: center;
gap: 16px;
}
.home-customer-story-wrapper .cust-story-nav .play-pause,
.home-customer-story-wrapper .cust-story-nav .prevArrow,
.home-customer-story-wrapper .cust-story-nav .nextArrow {
width: 40px;
height: 40px;
overflow: hidden;
padding: 8px;
border-radius: 50%;
background: #F1f1f1;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.home-customer-story-wrapper .cust-story-nav .play-pause:before,
.home-customer-story-wrapper .cust-story-nav .prevArrow:before,
.home-customer-story-wrapper .cust-story-nav .nextArrow:before {
content: none;
}
.home-customer-story-wrapper .cust-story-nav .play-pause path,
.home-customer-story-wrapper .cust-story-nav .prevArrow path,
.home-customer-story-wrapper .cust-story-nav .nextArrow path {
fill: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.home-customer-story-wrapper .cust-story-nav .play-pause polygon,
.home-customer-story-wrapper .cust-story-nav .prevArrow polygon,
.home-customer-story-wrapper .cust-story-nav .nextArrow polygon {
stroke: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.home-customer-story-wrapper .cust-story-nav .play-pause:hover,
.home-customer-story-wrapper .cust-story-nav .prevArrow:hover,
.home-customer-story-wrapper .cust-story-nav .nextArrow:hover {
background: #222629;
}
.home-customer-story-wrapper .cust-story-nav .play-pause:hover path,
.home-customer-story-wrapper .cust-story-nav .prevArrow:hover path,
.home-customer-story-wrapper .cust-story-nav .nextArrow:hover path {
fill: #F8F8F8;
}
.home-customer-story-wrapper .cust-story-nav .play-pause:hover polygon,
.home-customer-story-wrapper .cust-story-nav .prevArrow:hover polygon,
.home-customer-story-wrapper .cust-story-nav .nextArrow:hover polygon {
stroke: #F8F8F8;
}
.home-customer-story-wrapper .cust-story-nav .play-pause .play,
.home-customer-story-wrapper .cust-story-nav .prevArrow .play,
.home-customer-story-wrapper .cust-story-nav .nextArrow .play {
display: none;
scale: 1.2;
}
.home-customer-story-wrapper .cust-story-nav .play-pause.paused .play,
.home-customer-story-wrapper .cust-story-nav .prevArrow.paused .play,
.home-customer-story-wrapper .cust-story-nav .nextArrow.paused .play {
display: block;
}
.home-customer-story-wrapper .cust-story-nav .play-pause.paused .pause,
.home-customer-story-wrapper .cust-story-nav .prevArrow.paused .pause,
.home-customer-story-wrapper .cust-story-nav .nextArrow.paused .pause {
display: none;
}
.home-customer-story-block .grid-container {
max-width: unset;
margin-inline: auto;
}
.home-customer-story-block .grid-container .supertitle {
margin-bottom: 1.75rem;
color: var(--eyebrow-text-color);
}
.home-customer-story-block .grid-container .logo {
max-width: 94px;
max-height: 60px;
margin-top: 1.5rem;
}
.home-customer-story-block .grid-container .logo img {
max-width: 100%;
}
.home-customer-story-block .grid-container .title,
.home-customer-story-block .grid-container h2,
.home-customer-story-block .grid-container .h3 {
color: var(--text-default);
}
.home-customer-story-block .grid-container .text p, .home-customer-story-block .grid-container .text ul, .home-customer-story-block .grid-container .text li {
color: var(--text-alternative);
}
.home-customer-story-block .grid-container .text p:has(> strong) {
color: var(--text-default);
}
.home-customer-story-block .grid-container .text strong {
font-weight: 600;
}
@media print, screen and (max-width: 39.99875em) {
.home-customer-story-block .grid-container .text {
margin-bottom: 1.75rem;
}
}
.home-customer-story-block .grid-container .callout {
margin: 0.5rem 0 0;
border: 0;
}
.home-customer-story-block .grid-container .callout p {
margin-bottom: 0.5rem;
}
.home-customer-story-block .grid-container .callout p:last-of-type {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.home-customer-story-block .grid-container .medium-6:last-of-type {
padding-left: 1.875rem;
}
}
@media print, screen and (min-width: 64em) {
.home-customer-story-block .grid-container .medium-6:last-of-type {
padding-left: 3.125rem;
}
}
.home-customer-story-block .cust-stat-block {
display: flex;
flex-direction: column;
gap: 40px;
}
.feature-block .text-container p {
line-height: 1.4;
}
.feature-block.align-img-right .text-container {
order: 1;
}
@media print, screen and (min-width: 40em) {
.feature-block.align-img-right .text-container {
padding-right: 3rem;
}
}
.feature-block.align-img-right .image-container {
order: 2;
}
.feature-block.align-img-left .text-container {
order: 1;
}
@media print, screen and (min-width: 40em) {
.feature-block.align-img-left .text-container {
order: 2;
padding-left: 2.25rem;
}
}
.feature-block.align-img-left .image-container {
order: 2;
}
@media print, screen and (min-width: 40em) {
.feature-block.align-img-left .image-container {
order: 1;
}
}
.featured-banner-block {
position: relative;
}
.featured-banner-block .grid-container {
border-radius: 4px;
max-width: 73.5rem;
}
.featured-banner-block .grid-container .block-wrapper {
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
height: 100%;
max-width: 90rem;
margin-inline: auto;
}
@media print, screen and (min-width: 40em) {
.featured-banner-block .grid-container .block-wrapper {
background-position: center right;
background-size: contain;
}
}
.featured-banner-block .grid-container .block-wrapper .grid-x {
position: relative;
height: 250px;
}
.featured-banner-block .grid-container .block-wrapper .align-center .button, .featured-banner-block .grid-container .block-wrapper .align-center .form-box .mktoForm button.mktoButton, .form-box .mktoForm .featured-banner-block .grid-container .block-wrapper .align-center button.mktoButton, .featured-banner-block .grid-container .block-wrapper .align-center .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .featured-banner-block .grid-container .block-wrapper .align-center a, .featured-banner-block .grid-container .block-wrapper .align-center #main-nav li.demo-btn a, #main-nav li.demo-btn .featured-banner-block .grid-container .block-wrapper .align-center a, .featured-banner-block .grid-container .block-wrapper .align-center span.edit-link a, span.edit-link .featured-banner-block .grid-container .block-wrapper .align-center a {
margin: 0 auto;
}
.featured-banner-block .grid-container .block-wrapper .cell {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
@media screen and (min-width: 90em) {
.featured-banner-block .grid-container .block-wrapper .cell {
width: 75%;
}
}
.featured-banner-block .grid-container .block-wrapper .cell .large-7 {
width: 61.333%;
}
.hero {
padding-top: 1.5rem;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.hero {
padding-top: 3rem;
}
}
@media print, screen and (min-width: 64em) {
.hero {
padding-top: 6rem;
}
}
@media print, screen and (min-width: 40em) {
.hero.half-hero .hero-text p, .hero.half-hero .hero-text h1, .hero.half-hero .hero-text h2 {
padding-right: 1.5rem;
}
}
.hero.stacked-hero p {
color: var(--text-alternative);
}
.hero.stacked-hero p.eyebrow, .hero.stacked-hero .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page p.supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .hero.stacked-hero p.supermenu-supertitle, .hero.stacked-hero .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post p.supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .hero.stacked-hero p.supermenu-supertitle, .hero.stacked-hero .featured-posts .post-card-block p.micro, .featured-posts .post-card-block .hero.stacked-hero p.micro, .hero.stacked-hero .featured-posts-main .post-card-block p.micro, .featured-posts-main .post-card-block .hero.stacked-hero p.micro {
color: var(--eyebrow-text-color);
text-transform: unset;
font-weight: 500;
}
@media print, screen and (min-width: 64em) {
.hero.stacked-hero .medium-12.text-center p,
.hero.stacked-hero .medium-10.text-center p {
padding: 0 8.3333333333%;
}
}
@media print, screen and (max-width: 63.99875em) {
.hero .button, .hero .form-box .mktoForm button.mktoButton, .form-box .mktoForm .hero button.mktoButton, .hero .leadership-block .nav-container ul li a, .leadership-block .nav-container ul li .hero a, .hero #main-nav li.demo-btn a, #main-nav li.demo-btn .hero a, .hero span.edit-link a, span.edit-link .hero a {
margin-bottom: 1.5rem;
}
}
.half-hero.form-hero p, .half-hero.form-hero h1, .half-hero.form-hero h2, .half-hero.form-hero ul {
padding-right: 2.5rem;
}
.half-hero.form-hero p:not(.eyebrow), .half-hero.form-hero ul {
color: var(--text-alternative);
}
.half-hero.form-hero p:not(.eyebrow) {
font-size: 1.25rem;
line-height: 130%;
letter-spacing: -0.2px;
}
.half-hero.form-hero ul {
line-height: 140%;
letter-spacing: -0.18px;
}
.half-hero.form-hero .anchor-scroll {
scroll-margin-top: 12.5rem;
}
.stat-block .grid-container {
padding-left: unset;
padding-right: unset;
}
.stat-block .title-block {
justify-content: center;
text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
.stat-block .title-block {
padding: 0 2rem;
}
}
.stat-block .title-block p {
margin-block-end: 1.5rem;
text-align: center;
}
@media print, screen and (min-width: 40em) {
.stat-block .title-block p {
padding: 0 8.3333333333%;
}
}
.stat-block .stat-wrapper {
text-align: center;
padding: 40px;
}
.stat-block .stat-wrapper p.stat {
font-size: 4rem;
font-weight: 700;
color: #222629;
margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
.stat-block .stat-wrapper p.stat {
font-size: 7.5rem;
}
}
.stat-block .stat-wrapper p.stat span {
color: #9CDC00;
}
.stat-block .cta-container {
text-align: center;
margin-top: 1.5rem;
}
.logo-slider .title-block {
margin-bottom: 6rem;
}
.logo-slider .title-block .supertitle {
font-size: 18px;
line-height: 28px;
}
.logo-slider .marquee-wrapper {
width: 100%;
overflow: hidden;
}
.logo-slider .marquee {
--gap: 1rem;
display: flex;
user-select: none;
gap: var(--gap);
animation: scroll 42s linear infinite;
}
.logo-slider ul.hex-wrapper {
flex-shrink: 0;
display: flex;
flex-flow: column wrap;
justify-content: space-evenly;
gap: var(--gap);
min-width: 93.75rem;
height: 304px;
margin: 0;
}
.logo-slider ul.hex-wrapper li {
background: #fcfcfc;
list-style: none;
height: 106px;
width: 92px;
display: inline-flex;
justify-content: center;
align-items: center;
list-style: none;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.logo-slider ul.hex-wrapper li img,
.logo-slider ul.hex-wrapper li svg {
max-height: 40px;
max-width: 90%;
}
.logo-slider ul.hex-wrapper li:nth-child(4n+1) {
margin-top: 54px;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.slider-title-block {
padding-top: 40px;
}
.logo-slider-wrapper {
position: relative;
overflow: hidden;
padding: 1.5rem 0 5rem;
}
.logo-slider-new {
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
width: 200%;
}
.logo-slide {
padding: 0 48px;
height: 6rem !important;
margin-block: 0.96875rem;
display: grid !important;
place-content: center;
}
.logo-slide img {
max-height: 3rem;
width: 100%;
display: block;
margin: 0 auto;
}
.logo-slider-wrapper::before,
.logo-slider-wrapper::after {
content: "";
position: absolute;
top: 0;
width: 50%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.logo-slider-wrapper::before {
width: 25%;
left: 0;
background: var(--slider-edge-left);
}
.logo-slider-wrapper::after {
width: 25%;
right: 0;
background: var(--slider-edge-right);
}
@media print, screen and (max-width: 39.99875em) {
.quote-block.grid-padding-x {
margin-left: 0;
margin-right: 0;
}
}
.quote-block .logo {
margin-bottom: 1.5rem;
}
.quote-block .logo img {
max-width: 6.25rem;
}
.quote-block .quote p {
font-size: 1.25rem;
margin-bottom: 1rem;
line-height: 1.3;
}
.quote-block .attr p {
color: var(--text-alternative);
}
.quote-block .attr p strong {
color: var(--text-default);
}
.quote-slider,
.quote-slider-on {
margin-bottom: 2.5rem;
}
.quote-slider .quote p,
.quote-slider-on .quote p {
margin-bottom: 1.5rem;
color: #222629;
letter-spacing: -0.2px;
line-height: 1.3;
}
.quote-slider .attr p,
.quote-slider-on .attr p {
color: #424548;
}
.quote-slider.slick-initialized .slick-slide,
.quote-slider-on.slick-initialized .slick-slide {
display: flex;
}
.quote-slider .slide-full img,
.quote-slider-on .slide-full img {
margin-bottom: 1.5rem;
}
.quote-slider .slide-full .quote p,
.quote-slider-on .slide-full .quote p {
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 2.5rem;
padding-right: 0;
}
@media print, screen and (min-width: 40em) {
.quote-slider .slide-full .quote p,
.quote-slider-on .slide-full .quote p {
font-size: 2rem;
padding-right: 2.5rem;
}
}
/*--------------------------------------------------------------
# Custom blocks
--------------------------------------------------------------*/
.info-tab-block ul.tabs, .info-tab-block ul.accordion {
border: 0;
margin-bottom: 1.5625rem;
background: transparent;
}
@media print, screen and (min-width: 40em) {
.info-tab-block ul.tabs, .info-tab-block ul.accordion {
display: flex;
}
}
.info-tab-block ul.tabs li, .info-tab-block ul.accordion li {
margin: 0;
flex-grow: 1;
width: calc(20% - 12px);
margin-right: 24px;
}
.info-tab-block ul.tabs li:last-child, .info-tab-block ul.accordion li:last-child {
margin-right: 0;
}
.info-tab-block ul.tabs li a, .info-tab-block ul.accordion li a {
padding: 1.5rem;
border: 1px solid #E2E3E3;
border-radius: 4px;
font-size: 1.5rem;
font-weight: 600;
text-align: center;
background: #fcfcfc;
color: #222629;
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.info-tab-block ul.tabs li a:hover, .info-tab-block ul.accordion li a:hover {
background: #9CDC00;
color: #222629;
border: 1px solid #9CDC00;
}
.info-tab-block ul.tabs li.is-active a, .info-tab-block ul.accordion li.is-active a {
background: #9CDC00;
color: #222629;
border: 1px solid #9CDC00;
}
.info-tab-block ul.accordion {
width: 100%;
}
.info-tab-block ul.accordion .accordion-item:last-child:not(.is-active) > .accordion-title {
border-bottom: 2px solid transparent;
}
.info-tab-block ul.accordion .accordion-item a {
color: #222629;
}
.info-tab-block .tabs-content,
.info-tab-block .accordion-content {
border: 0;
background: transparent;
color: var(--text-alternative);
padding: 1.5rem;
border: 1px solid #E2E3E3;
border-radius: 4px;
}
@media print, screen and (min-width: 40em) {
.info-tab-block .tabs-content,
.info-tab-block .accordion-content {
padding: 2.5rem;
}
}
.info-tab-block .tabs-content h1, .info-tab-block .tabs-content h2, .info-tab-block .tabs-content h3, .info-tab-block .tabs-content h4, .info-tab-block .tabs-content h5, .info-tab-block .tabs-content h6,
.info-tab-block .accordion-content h1,
.info-tab-block .accordion-content h2,
.info-tab-block .accordion-content h3,
.info-tab-block .accordion-content h4,
.info-tab-block .accordion-content h5,
.info-tab-block .accordion-content h6 {
color: #222629;
}
.info-tab-block .tabs-content .tabs-panel,
.info-tab-block .accordion-content .tabs-panel {
padding: 0;
}
.info-tab-block .tabs-content .info-container,
.info-tab-block .accordion-content .info-container {
margin-bottom: 2.5rem;
padding-right: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.info-tab-block .tabs-content .info-container,
.info-tab-block .accordion-content .info-container {
padding-right: 6rem;
}
}
@media print, screen and (min-width: 64em) {
.info-tab-block .tabs-content .info-container,
.info-tab-block .accordion-content .info-container {
padding-right: 12.5rem;
}
}
.info-tab-block .tabs-content .info-container .title-container,
.info-tab-block .accordion-content .info-container .title-container {
display: flex;
align-items: center;
column-gap: 24px;
margin-bottom: 1.5rem;
}
.info-tab-block .tabs-content .info-container .title-container h2,
.info-tab-block .accordion-content .info-container .title-container h2 {
margin-bottom: 0;
}
.info-tab-block .tabs-content .info-container p,
.info-tab-block .accordion-content .info-container p {
color: var(--text-alternative);
}
.info-tab-block .tabs-content .perks-container,
.info-tab-block .accordion-content .perks-container {
border: 1px solid #E2E3E3;
border-radius: 4px;
padding: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.info-tab-block .tabs-content .perks-container,
.info-tab-block .accordion-content .perks-container {
padding: 2.5rem;
}
}
.info-tab-block .tabs-content .perks-container ul,
.info-tab-block .accordion-content .perks-container ul {
margin-left: 1rem;
color: var(--text-alternative);
}
@media print, screen and (min-width: 40em) {
.info-tab-block .tabs-content .perks-container ul,
.info-tab-block .accordion-content .perks-container ul {
column-count: 2;
column-gap: 2.5rem;
}
}
.info-tab-block .accordion-content {
padding: 0;
}
.info-tab-block .accordion-content:last-child {
border-bottom: 0;
}
.flow-chart-grid-block .title-section {
margin-bottom: 1.5rem;
}
.flow-chart-grid-block .title-container {
position: relative;
}
.flow-chart-grid-block .pill-title {
font-size: 1.25rem;
font-weight: 700;
padding: 0.75rem 1.5rem;
background: #F1f1f1;
display: inline-block;
border-radius: 999px;
align-self: center;
}
.flow-chart-grid-block .pill-title p {
color: #222629;
}
.flow-chart-grid-block .chart-card {
margin-top: 1.5rem;
padding: 3rem 1.75rem;
background: #fcfcfc;
height: 100%;
margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 40em) {
.flow-chart-grid-block .chart-card {
margin-bottom: 6rem;
}
}
.flow-chart-grid-block .chart-card p {
color: #222629;
letter-spacing: -0.18px;
}
@media print, screen and (min-width: 64em) {
.flow-chart-grid-block .section-1 .chart-card,
.flow-chart-grid-block .section-4 .chart-card {
border-left: 1px solid #F1f1f1;
border-top: 1px solid #F1f1f1;
border-bottom: 1px solid #F1f1f1;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.flow-chart-grid-block .section-3 .chart-card {
border-right: 1px solid #F1f1f1;
border-top: 1px solid #F1f1f1;
border-bottom: 1px solid #F1f1f1;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.flow-chart-grid-block .section-5 .chart-card {
border-left: 1px solid #F1f1f1;
border-top: 1px solid #F1f1f1;
border-bottom: 1px solid #F1f1f1;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.flow-chart-grid-block .section-2 .chart-card {
border: 1px solid #F1f1f1;
}
.flow-chart-grid-block .section-6 .chart-card {
border: 1px solid #9CDC00;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.flow-chart-grid-block .section-1 .chart-card,
.flow-chart-grid-block .section-3 .chart-card,
.flow-chart-grid-block .section-5 .chart-card {
border-left: 1px solid #F1f1f1;
border-top: 1px solid #F1f1f1;
border-bottom: 1px solid #F1f1f1;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.flow-chart-grid-block .section-2 .chart-card,
.flow-chart-grid-block .section-4 .chart-card,
.flow-chart-grid-block .section-6 .chart-card {
border: 1px solid #F1f1f1;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
}
@media print, screen and (max-width: 39.99875em) {
.flow-chart-grid-block .chart-card {
border: 1px solid #F1f1f1;
border-radius: 4px;
}
}
@media print, screen and (min-width: 40em) {
.flow-chart-grid-block .section-1 .pill-title:after {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 40em) {
.flow-chart-grid-block .section-2 .pill-title:before {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 64em) {
.flow-chart-grid-block .section-2 .pill-title:after {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.flow-chart-grid-block .section-3 .pill-title:after {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 64em) {
.flow-chart-grid-block .section-3 .pill-title:before {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.flow-chart-grid-block .section-4 .pill-title:before {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 64em) {
.flow-chart-grid-block .section-4 .pill-title:after {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 64em) {
.flow-chart-grid-block .section-5 .pill-title:before {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 40em) {
.flow-chart-grid-block .section-5 .pill-title:after {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 50%;
}
}
@media print, screen and (min-width: 40em) {
.flow-chart-grid-block .section-6 .pill-title:before {
content: "";
height: 1px;
background: #9CDC00;
width: 50%;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
}
}
.flow-chart-grid-block .section-6 .pill-title {
background: #9CDC00;
}
.flow-chart-grid-block .section-6 .pill-title p {
color: #222629;
}
.flow-chart-grid-block .text-section .cell {
display: flex;
flex-direction: column;
}
.gradient-panel-card-block .title-block {
margin-bottom: 4rem;
text-align: center;
}
.gradient-panel-card-block .cta-container {
margin-top: 1.75rem;
text-align: center;
}
.gradient-panel-card-block .card-wrapper {
position: relative;
display: flex;
flex-direction: column;
border-radius: 4px;
border: var(--card-border);
height: 100%;
align-items: center;
padding: 2.5rem;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media print, screen and (min-width: 40em) {
.gradient-panel-card-block .card-wrapper {
flex-direction: row;
}
}
.gradient-panel-card-block .card-wrapper .text-container {
position: relative;
height: 100%;
}
.gradient-panel-card-block .cell {
margin-bottom: 1.5rem;
}
.gradient-panel-card-block a {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.gradient-panel-card-block a h3,
.gradient-panel-card-block a p {
color: #F8F8F8;
}
.gradient-panel-card-block a .arrow {
position: absolute;
top: 2.5rem;
right: 2.5rem;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.gradient-panel-card-block a:hover .card-wrapper {
box-shadow: var(--card-hover);
}
.gradient-panel-card-block a:hover .arrow {
right: 2rem;
}
.leadership-block .section-tab-content {
display: none;
}
.leadership-block .section-tab-content.active {
display: flex;
}
.leadership-block .section-tab-content.title-block {
min-height: 23.25rem;
flex-direction: column;
}
@media print, screen and (min-width: 40em) {
.leadership-block .section-tab-content[data-team=founders] .cell:nth-of-type(odd) .profile-block {
float: right;
}
}
.leadership-block .nav-container {
margin-bottom: 4rem;
}
@media print, screen and (min-width: 64em) {
.leadership-block .nav-container {
margin-bottom: 8rem;
}
}
.leadership-block .nav-container ul {
list-style: none;
display: flex;
flex-direction: row;
margin: 0;
column-gap: 24px;
}
.leadership-block .nav-container ul li {
width: calc(33% - 12px);
}
.leadership-block .nav-container ul li a {
width: 100%;
display: block;
background: transparent;
}
.leadership-block .nav-container ul li a:hover {
background: #9CDC00;
border: 1px solid #9CDC00;
color: #222629;
}
.leadership-block .nav-container ul li.active a {
background: var(--button-primary-background);
color: var(--button-primary-color);
border-color: var(--button-primary-background);
}
.leadership-block .nav-container ul li.active a:hover {
background: var(--button-primary-background);
color: var(--button-primary-color);
border-color: var(--button-primary-background);
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
.leadership-block .nav-container ul li.active a:hover:before {
opacity: 0;
}
.leadership-block .profile-container {
margin-top: 4rem;
}
@media print, screen and (min-width: 64em) {
.leadership-block .profile-container {
margin-top: 8rem;
}
}
.leadership-block .profile-container .cell {
margin-bottom: 1.5rem;
}
.leadership-block .profile-block {
text-align: center;
max-width: 23.5rem;
}
.leadership-block .profile-block.card {
padding: 1.5rem 1.5rem 2.5rem;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.leadership-block .profile-block.card:hover {
border: 1px solid #78B900;
}
.leadership-block .profile-block.card h3 {
color: #222629;
margin-bottom: 0.5rem;
}
.leadership-block .profile-block.card p {
color: #424548;
line-height: 140%; /* 25.2px */
letter-spacing: -0.18px;
}
.leadership-block .profile-block.card a {
text-decoration: none;
}
.leadership-block .profile-block .hex-container {
display: flex;
position: relative;
background: transparent;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
margin: 0 auto 1rem;
max-width: 16.25rem;
height: 100%;
max-height: 18.625rem;
filter: grayscale(0.95);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
position: relative;
}
.leadership-block .profile-block .hex-container:before {
display: block;
content: "";
width: 100%;
padding-top: 110.4166666667%;
}
.leadership-block .profile-block .hex-container .hex {
display: flex;
position: absolute;
top: 4px;
left: 4px;
margin-bottom: 24px;
width: 100%;
max-width: 260px;
height: 18.625rem;
background-color: #424242;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.leadership-block .profile-block .hex-container .hex img {
width: auto;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0;
}
.leadership-block .profile-block .hex-container .hex picture img {
width: auto;
height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0;
}
.leadership-block .profile-block:hover .hex-container {
filter: grayscale(0);
}
.profile-bio.reveal {
border-radius: 4px;
box-shadow: 0px 20px 40px 0px rgba(0, 7, 13, 0.2);
padding: 2.5rem;
color: #222629;
width: 85%;
margin: 2rem auto;
height: auto;
}
.profile-bio.reveal br {
display: none;
}
@media print, screen and (min-width: 64em) {
.profile-bio.reveal {
width: 56rem;
}
}
.profile-bio.reveal p:not(.supertitle) {
color: #424548;
margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 39.99875em) {
.profile-bio.reveal p:not(.supertitle) {
font-size: 1rem;
}
}
.profile-bio.reveal .close-button {
top: 24px;
right: 24px;
color: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.profile-bio.reveal .close-button:hover {
color: #78B900;
}
.profile-bio.reveal img,
.profile-bio.reveal picture img {
margin-top: 8px;
}
@media print, screen and (max-width: 39.99875em) {
.profile-bio.reveal img,
.profile-bio.reveal picture img {
width: 100%;
margin-bottom: 1rem;
}
}
.panel-block-w-nav.block-bg {
margin: 0 3.75rem;
padding: 4rem;
border-radius: 24px;
background-image: url(../../assets/images/panel-bg.svg), linear-gradient(0deg, #F8F8F8 0%, #F8F8F8 100%);
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
}
.panel-block-w-nav .title-block {
margin-bottom: 1.5rem;
}
.panel-block-w-nav .is-stuck .panel-nav-container {
background: #fcfcfc;
}
.panel-block-w-nav .is-stuck .tabs,
.panel-block-w-nav .is-stuck .accordion {
background: #fcfcfc;
}
.panel-block-w-nav h2.h5 {
margin-inline: auto;
}
.panel-block-w-nav h2.h5 span {
margin-bottom: 1.625rem;
text-align: center;
}
.panel-block-w-nav .tabs,
.panel-block-w-nav .accordion {
background: var(--body);
}
.panel-block-w-nav .tabs,
.panel-block-w-nav .accordion {
display: flex;
column-gap: 24px;
color: #F8F8F8;
}
@media print, screen and (max-width: 39.99875em) {
.panel-block-w-nav .tabs,
.panel-block-w-nav .accordion {
flex-direction: column;
}
}
.panel-block-w-nav .tabs,
.panel-block-w-nav .accordion {
width: 100%;
background: transparent;
border: 0;
padding: 1rem 1px;
justify-content: center;
}
.panel-block-w-nav .tabs li.tabs-title,
.panel-block-w-nav .tabs li.accordion-item,
.panel-block-w-nav .accordion li.tabs-title,
.panel-block-w-nav .accordion li.accordion-item {
width: 100%;
}
.panel-block-w-nav .tabs li.tabs-title.accordion-item,
.panel-block-w-nav .tabs li.accordion-item.accordion-item,
.panel-block-w-nav .accordion li.tabs-title.accordion-item,
.panel-block-w-nav .accordion li.accordion-item.accordion-item {
margin-bottom: 1.5rem;
}
.panel-block-w-nav .tabs li.tabs-title > a,
.panel-block-w-nav .tabs li.tabs-title > a:focus,
.panel-block-w-nav .tabs li.accordion-item > a,
.panel-block-w-nav .tabs li.accordion-item > a:focus,
.panel-block-w-nav .accordion li.tabs-title > a,
.panel-block-w-nav .accordion li.tabs-title > a:focus,
.panel-block-w-nav .accordion li.accordion-item > a,
.panel-block-w-nav .accordion li.accordion-item > a:focus {
width: 100%;
display: block;
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
border-radius: 4px;
background: #F1f1f1;
color: #222629;
line-height: 1;
padding: 1rem;
font-weight: 600;
font-size: 0.9rem;
text-align: center;
transition: all 0.3s ease-in-out;
text-decoration: none;
}
.panel-block-w-nav .tabs li.tabs-title > a:before,
.panel-block-w-nav .tabs li.tabs-title > a:focus:before,
.panel-block-w-nav .tabs li.accordion-item > a:before,
.panel-block-w-nav .tabs li.accordion-item > a:focus:before,
.panel-block-w-nav .accordion li.tabs-title > a:before,
.panel-block-w-nav .accordion li.tabs-title > a:focus:before,
.panel-block-w-nav .accordion li.accordion-item > a:before,
.panel-block-w-nav .accordion li.accordion-item > a:focus:before {
font-size: 1.25rem;
transform: translateY(-50%);
margin-top: 0;
background: transparent;
}
.panel-block-w-nav .tabs li.tabs-title > a:hover,
.panel-block-w-nav .tabs li.tabs-title > a:focus:hover,
.panel-block-w-nav .tabs li.accordion-item > a:hover,
.panel-block-w-nav .tabs li.accordion-item > a:focus:hover,
.panel-block-w-nav .accordion li.tabs-title > a:hover,
.panel-block-w-nav .accordion li.tabs-title > a:focus:hover,
.panel-block-w-nav .accordion li.accordion-item > a:hover,
.panel-block-w-nav .accordion li.accordion-item > a:focus:hover {
background: #9CDC00;
color: #222629;
}
.panel-block-w-nav .tabs li.tabs-title.is-active > a:hover,
.panel-block-w-nav .tabs li.accordion-item.is-active > a:hover,
.panel-block-w-nav .accordion li.tabs-title.is-active > a:hover,
.panel-block-w-nav .accordion li.accordion-item.is-active > a:hover {
background-color: #9CDC00;
color: #222629;
}
.panel-block-w-nav .tabs li.tabs-title.is-active > a,
.panel-block-w-nav .tabs li.accordion-item.is-active > a,
.panel-block-w-nav .accordion li.tabs-title.is-active > a,
.panel-block-w-nav .accordion li.accordion-item.is-active > a {
background-color: #9CDC00;
color: #222629;
}
.panel-block-w-nav .tabs li.tabs-title.is-active > a:before,
.panel-block-w-nav .tabs li.accordion-item.is-active > a:before,
.panel-block-w-nav .accordion li.tabs-title.is-active > a:before,
.panel-block-w-nav .accordion li.accordion-item.is-active > a:before {
background: transparent;
}
.panel-block-w-nav .tabs .accordion-item:last-child > :last-child,
.panel-block-w-nav .accordion .accordion-item:last-child > :last-child {
border-bottom: 0;
}
.panel-block-w-nav .tabs-content,
.panel-block-w-nav .accordion-content {
background: transparent;
border: 0;
color: inherit;
}
.panel-block-w-nav .tabs-content > .grid-container {
border-radius: 1rem;
max-width: calc(75rem - 24px);
}
.panel-block-w-nav ul.tabs:before, .panel-block-w-nav ul.tabs:after {
display: none;
}
.page-template-basic-page .is-stuck .panel-nav-container {
background: #F8F8F8;
}
.page-template-basic-page .is-stuck .tabs,
.page-template-basic-page .is-stuck .accordion {
background: #F8F8F8;
}
.page-template-basic-page .tabs li.tabs-title a:hover,
.page-template-basic-page .tabs li.accordion-item a:hover,
.page-template-basic-page .accordion li.tabs-title a:hover,
.page-template-basic-page .accordion li.accordion-item a:hover {
background-color: #9CDC00;
color: #222629;
border: 1px solid #9CDC00;
}
.pie-chart-block .title-section {
margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .title-section {
margin-bottom: 5rem;
}
}
.pie-chart-block .text-section {
position: relative;
}
.pie-chart-block .text-section p, .pie-chart-block .text-section ul, .pie-chart-block .text-section li {
font-size: 1rem;
margin-bottom: 0.5rem;
color: #424548;
}
.pie-chart-block .text-section p strong, .pie-chart-block .text-section ul strong, .pie-chart-block .text-section li strong {
font-size: 1.125rem;
color: #222629;
}
.pie-chart-block .text-section p:first-of-type {
margin-bottom: 1rem;
}
.pie-chart-block .text-section ul {
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
.pie-chart-block .text-section ul li {
padding-left: 2.375rem;
position: relative;
}
.pie-chart-block .text-section ul li:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
position: absolute;
left: 0;
top: 4px;
width: 22px;
height: 20px;
}
.pie-chart-block .text-section span[class^=tag-] {
display: inline-block;
margin-right: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
.pie-chart-block .text-section .section-1 {
order: 1;
}
.pie-chart-block .text-section .section-2 {
order: 2;
}
.pie-chart-block .text-section .section-3 {
order: 6;
}
.pie-chart-block .text-section .section-4 {
order: 3;
}
.pie-chart-block .text-section .section-5 {
order: 5;
}
.pie-chart-block .text-section .section-6 {
order: 4;
}
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .text-section .section-1,
.pie-chart-block .text-section .section-3,
.pie-chart-block .text-section .section-5 {
padding-right: 3rem;
}
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .text-section .section-2,
.pie-chart-block .text-section .section-4,
.pie-chart-block .text-section .section-6 {
padding-left: 4.5rem;
}
}
.pie-chart-block .text-section .section-1,
.pie-chart-block .text-section .section-2 {
margin-bottom: 2.125rem;
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .text-section .section-1,
.pie-chart-block .text-section .section-2 {
margin-bottom: 4rem;
}
}
.pie-chart-block .text-section .section-3,
.pie-chart-block .text-section .section-4 {
margin-bottom: 2.125rem;
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .text-section .section-3,
.pie-chart-block .text-section .section-4 {
margin-bottom: 3.5rem;
}
}
@media print, screen and (max-width: 70.49875em) {
.pie-chart-block .text-section .section-5,
.pie-chart-block .text-section .section-6 {
margin-bottom: 2.125rem;
}
}
.pie-chart-block .image-container {
position: absolute;
width: 50%;
left: 50%;
transform: translateX(-50%);
display: none;
}
@media screen and (max-width: 74.9375em) {
.pie-chart-block .image-container {
top: 50%;
transform: translate(-50%, -50%);
}
}
@media print, screen and (min-width: 64em) {
.pie-chart-block .image-container {
display: block;
}
}
@media screen and (min-width: 75em) {
.pie-chart-block .image-container {
top: 0;
transform: translateX(-50%);
}
}
.pie-chart-block [class^=tag-] {
padding: 4px 8px;
border-radius: 4px;
font-weight: 600;
background: #707372;
color: #fcfcfc;
}
.review-widget-block {
display: flex;
flex-direction: column;
align-items: center;
}
.gartner-pi-logo {
height: 0;
}
.gartner-pi-reviews {
margin-left: unset;
margin-bottom: unset;
display: flex;
transition: transform 0.5s ease-in-out;
}
.gartner-pi-reviews ul {
display: flex;
justify-content: center;
gap: 1.5rem;
}
.gartner-pi-reviews li {
flex-shrink: 0;
width: 344px;
box-sizing: border-box;
flex: 0 0 100%;
}
.reviews-list .slick-track {
display: flex;
justify-content: center;
gap: 1.5rem;
}
.heading-wrapper {
display: flex;
}
.gartner-heading {
max-width: 21.875rem;
margin-inline: auto;
text-align: center;
}
@media print, screen and (min-width: 40em) {
.gartner-heading {
max-width: 37.5rem;
margin-bottom: 1rem;
}
}
@media print, screen and (min-width: 64em) {
.gartner-heading {
max-width: 49.375rem;
}
}
.review-item {
min-width: 344px !important;
height: 434px !important;
border-radius: 4px;
background: #F8F8F8;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
padding: 1.5rem;
display: flex;
gap: 1.5rem;
margin: 24px 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
overflow: visible;
}
.review-item:hover {
cursor: pointer;
box-shadow: var(--card-hover);
}
.review-item:hover .tertiary:after {
margin-left: 8px;
margin-right: -8px;
animation: pseudoTransitionIn 0.5s forwards;
}
.review-item h3 {
color: #222629;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
/* line clamping isn't working so we are removing reviews with too long of headings for now, will revisit later */
}
.review-item .company-details {
display: flex;
flex-direction: column;
margin-block: 1.5rem;
gap: 8px;
}
.review-item .company-details p {
color: #222629;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
margin-bottom: unset;
}
.review-item .company-details p strong {
font-weight: 400;
color: #707372;
}
.star-rating {
display: flex;
gap: 4px;
margin-block: 1rem;
}
.review-widget-wrapper {
position: relative;
margin-block: 1.5rem;
}
.review-widget-wrapper h2 {
text-align: center;
padding-bottom: 1.5rem;
}
.review-widget-wrapper h2,
.review-widget-wrapper .asterisk {
font-size: 2rem;
font-weight: 600;
font-feature-settings: "ss02";
line-height: 1.2;
letter-spacing: -1.68px;
}
@media print, screen and (min-width: 40em) {
.review-widget-wrapper h2,
.review-widget-wrapper .asterisk {
font-size: 3.5rem;
}
}
.review-widget-heading-line2 {
position: relative;
}
.asterisk-link {
font-size: 3.5rem;
font-weight: 700;
line-height: 0;
}
.asterisk-link:hover {
opacity: 0.85;
}
.asterisk-svg {
translate: 6px -10px;
scale: 0.75;
}
@media print, screen and (min-width: 40em) {
.asterisk-svg {
translate: 6px -19px;
scale: 1.125;
}
}
.review-widget-wrapper::before,
.review-widget-wrapper::after {
content: "";
position: absolute;
top: 0;
width: 25%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.review-widget-wrapper::before {
left: 0;
background: linear-gradient(to right, rgb(252, 252, 252), rgba(252, 252, 252, 0));
}
.review-widget-wrapper::after {
right: 0;
background: linear-gradient(to left, rgb(252, 252, 252), rgba(252, 252, 252, 0));
}
.review-widget-disclaimer {
background: linear-gradient(0deg, rgba(112, 115, 114, 0.1) 0%, rgba(112, 115, 114, 0.1) 100%), #FFF;
}
.review-widget-disclaimer #disclaimer {
padding-block: 3rem;
border-block-start: 1px solid #E2E3E3;
width: 100%;
padding-inline: 1.5rem;
}
.review-widget-disclaimer #disclaimer p {
color: #707372;
margin-inline: auto;
max-width: 52.3125rem;
text-align: center;
font-feature-settings: "ss02" on;
font-size: 10px;
font-weight: 400;
line-height: 1.5;
}
.rotating-banner-container {
position: relative;
}
.rotating-banner-container .grid-container {
position: relative;
z-index: 5;
}
.rotating-banner-container .block-wrapper {
border-radius: 12px;
padding: 1.5rem;
background-color: #F1f1f1;
background-repeat: no-repeat;
display: flex !important;
}
@media print, screen and (min-width: 64em) {
.rotating-banner-container .block-wrapper {
padding: 4rem 6.375rem;
}
}
.rotating-banner-container .block-wrapper .text-container {
position: relative;
}
@media print, screen and (min-width: 40em) {
.rotating-banner-container .block-wrapper .text-container {
padding-right: 2.5rem;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.rotating-banner-container .block-wrapper .text-container h3.h4 {
font-size: 1.75rem;
}
}
@media print, screen and (min-width: 64em) {
.rotating-banner-container .block-wrapper img {
float: right;
padding-left: 1.5rem;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.rotating-banner-container .block-wrapper .has-bg .text-container {
padding-right: 2.5rem;
}
}
.rotating-banner-container .block-wrapper .grid-container {
position: relative;
z-index: 5;
}
.rotating-banner-container .block-wrapper .image-container {
z-index: 1;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: center right -180px;
background-size: cover;
height: 100%;
width: 100%;
max-width: 90rem;
margin-inline: auto;
}
@media print, screen and (max-width: 39.99875em) {
.rotating-banner-container .block-wrapper .image-container {
opacity: 0.7;
}
}
@media print, screen and (min-width: 40em) {
.rotating-banner-container .block-wrapper .image-container {
background-size: contain;
background-position: center right -50px;
}
}
@media print, screen and (min-width: 64em) {
.rotating-banner-container .block-wrapper .image-container {
background-size: 29.0625rem auto;
background-position: center right 64px;
}
}
@media screen and (min-width: 90em) {
.rotating-banner-container .block-wrapper .image-container {
background-position: center right 70px;
}
}
.rotating-banner-container .block-wrapper .bg-container {
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-repeat: repeat-x;
height: 100%;
background-size: auto 100%;
width: 52%;
}
@media screen and (min-width: 49.9375em) {
.rotating-banner-container .block-wrapper .bg-container {
width: 45%;
}
}
.rotating-banner-container .on .slick-track {
display: flex !important;
}
.rotating-banner-container .on .slick-slide {
height: inherit !important;
}
.rotating-banner-container .rotating-banner-nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 10.9375rem;
margin-top: 24px;
gap: 16px;
}
.rotating-banner-container .rotating-banner-nav .slick-dots ul {
display: flex;
gap: 24px;
list-style-type: none;
margin-left: unset;
margin-bottom: unset;
}
.rotating-banner-container .rotating-banner-nav .slick-dots ul li {
width: 12px;
height: 12px;
border-radius: 500px;
background: #F1f1f1;
cursor: pointer;
}
.rotating-banner-container .rotating-banner-nav .slick-dots ul li.slick-active, .rotating-banner-container .rotating-banner-nav .slick-dots ul li:hover {
background: #9CDC00;
}
.rotating-banner-container .rotating-banner-nav .slick-dots ul button {
display: none;
}
.rotating-banner-container .rotating-banner-nav .slick-controls {
display: flex;
align-items: center;
gap: 16px;
}
.rotating-banner-container .rotating-banner-nav .play-pause,
.rotating-banner-container .rotating-banner-nav .prevArrow,
.rotating-banner-container .rotating-banner-nav .nextArrow {
width: 40px;
height: 40px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 100px;
background: #F1f1f1;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rotating-banner-container .rotating-banner-nav .play-pause path,
.rotating-banner-container .rotating-banner-nav .prevArrow path,
.rotating-banner-container .rotating-banner-nav .nextArrow path {
fill: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rotating-banner-container .rotating-banner-nav .play-pause polygon,
.rotating-banner-container .rotating-banner-nav .prevArrow polygon,
.rotating-banner-container .rotating-banner-nav .nextArrow polygon {
stroke: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rotating-banner-container .rotating-banner-nav .play-pause:hover,
.rotating-banner-container .rotating-banner-nav .prevArrow:hover,
.rotating-banner-container .rotating-banner-nav .nextArrow:hover {
background: #222629;
}
.rotating-banner-container .rotating-banner-nav .play-pause:hover path,
.rotating-banner-container .rotating-banner-nav .prevArrow:hover path,
.rotating-banner-container .rotating-banner-nav .nextArrow:hover path {
fill: #F8F8F8;
}
.rotating-banner-container .rotating-banner-nav .play-pause:hover polygon,
.rotating-banner-container .rotating-banner-nav .prevArrow:hover polygon,
.rotating-banner-container .rotating-banner-nav .nextArrow:hover polygon {
stroke: #F8F8F8;
}
.rotating-banner-container .rotating-banner-nav .play-pause .play,
.rotating-banner-container .rotating-banner-nav .prevArrow .play,
.rotating-banner-container .rotating-banner-nav .nextArrow .play {
display: none;
scale: 1.2;
}
.rotating-banner-container .rotating-banner-nav .play-pause.paused .play,
.rotating-banner-container .rotating-banner-nav .prevArrow.paused .play,
.rotating-banner-container .rotating-banner-nav .nextArrow.paused .play {
display: block;
}
.rotating-banner-container .rotating-banner-nav .play-pause.paused .pause,
.rotating-banner-container .rotating-banner-nav .prevArrow.paused .pause,
.rotating-banner-container .rotating-banner-nav .nextArrow.paused .pause {
display: none;
}
.tabbed-module {
margin: 0 auto;
position: relative;
/* hover stuff */
}
@media screen and (max-width: 75em) {
.tabbed-module {
padding-left: 24px;
padding-right: 24px;
}
}
.tabbed-module .text-container {
display: flex;
flex-direction: column;
align-items: center;
}
.tabbed-module .text-container .text-section {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 64px;
text-align: center;
}
.tabbed-module .text-container .text-section h2 {
text-align: center;
font-feature-settings: "ss02" on;
font-weight: 700;
line-height: 120%; /* 67.2px */
letter-spacing: -1.68px;
}
.tabbed-module .text-container .text-section p {
width: 90%;
}
@media print, screen and (min-width: 40em) {
.tabbed-module .text-container .text-section p {
width: 90%;
}
}
.tabbed-module .interactive-featured-container {
width: 90%;
display: flex;
flex-direction: column;
gap: 24px;
flex-wrap: nowrap;
position: relative;
padding: 0;
padding-bottom: 64px;
}
@media print, screen and (max-width: 39.99875em) {
.tabbed-module .interactive-featured-container {
align-items: center;
}
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container {
width: 100%;
padding-bottom: 9.25rem;
flex-direction: row;
}
}
.tabbed-module .interactive-featured-container .grid-x {
position: relative;
width: 90%;
margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container .grid-x {
width: 100%;
}
}
.tabbed-module .interactive-featured-container .hover-container {
padding: 0;
margin-left: 0;
margin-right: 0;
width: calc(100% - 1.5rem);
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container .hover-container {
width: calc(41.6666666667% - 1.5rem);
}
}
@media print, screen and (min-width: 64em) {
.tabbed-module .interactive-featured-container .hover-container {
width: calc(33.3333333333% - 1.5rem);
min-width: 19.5rem;
}
}
@media print, screen and (max-width: 63.99875em) {
.tabbed-module .interactive-featured-container .hover-container {
padding: 0;
}
}
.tabbed-module .interactive-featured-container .hover-container ul {
padding: 0;
margin: 0;
}
.tabbed-module .interactive-featured-container .hover-container ul li {
position: relative;
list-style: none;
margin: 0 0 28px 0;
border-radius: 8px;
border: 1px solid #E2E3E3;
min-width: auto;
justify-content: center;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tabbed-module .interactive-featured-container .hover-container ul li:last-child {
margin-bottom: 0;
}
.tabbed-module .interactive-featured-container .hover-container ul li a {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
gap: 16px;
padding: 8px 16px;
color: #424548;
text-decoration: none;
font-weight: 400;
line-height: 150%; /* 27px */
font-size: 0.875rem;
}
@media print, screen and (max-width: 39.99875em) {
.tabbed-module .interactive-featured-container .hover-container ul li a {
text-align: center;
}
}
@media print, screen and (min-width: 64em) {
.tabbed-module .interactive-featured-container .hover-container ul li a {
font-size: 1rem;
}
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container .hover-container ul li a {
padding: 8px 16px;
justify-content: left;
}
}
.tabbed-module .interactive-featured-container .hover-container ul li .svg-container {
position: relative;
display: flex;
min-width: 1.5rem;
max-width: 1.5rem;
display: flex;
}
@media print, screen and (min-width: 64em) {
.tabbed-module .interactive-featured-container .hover-container ul li .svg-container {
min-width: 2.9375rem;
}
}
.tabbed-module .interactive-featured-container .hover-container ul li .svg-container svg {
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tabbed-module .interactive-featured-container .hover-container ul li .svg-container svg .bg {
fill: #424548;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tabbed-module .interactive-featured-container .hover-container ul li .svg-container svg .icon {
fill: #F8F8F8;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tabbed-module .interactive-featured-container .hover-container ul li:hover, .tabbed-module .interactive-featured-container .hover-container ul li.active {
opacity: 1;
background: #9CDC00;
border: 1px solid #9CDC00;
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-o-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
.tabbed-module .interactive-featured-container .hover-container ul li:hover a, .tabbed-module .interactive-featured-container .hover-container ul li.active a {
color: #222629;
font-weight: 600;
}
.tabbed-module .interactive-featured-container .hover-container ul li:hover svg .bg, .tabbed-module .interactive-featured-container .hover-container ul li.active svg .bg {
fill: #222629;
}
.tabbed-module .interactive-featured-container .hover-container ul li:hover svg .icon, .tabbed-module .interactive-featured-container .hover-container ul li.active svg .icon {
fill: #9CDC00;
}
.tabbed-module .interactive-featured-container .featured-frame {
height: 100%;
border-radius: 8px;
border: 1px solid #E2E3E3;
position: relative;
overflow: hidden;
background-color: #fcfcfc;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
width: 100%;
background-image: url(/wp-content/themes/conviva2025/assets/images/panel-bg.svg);
background-repeat: no-repeat;
background-position: right top;
width: calc(100% - 1.5rem);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container .featured-frame {
align-self: stretch;
}
}
@media print, screen and (max-width: 39.99875em) {
.tabbed-module .interactive-featured-container .featured-frame {
display: none;
}
}
.tabbed-module .interactive-featured-container .featured-frame:hover {
box-shadow: var(--card-hover);
}
.tabbed-module .interactive-featured-container .featured-frame .blue-background-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #04263E;
z-index: -1;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame {
height: 100%;
width: 100%;
z-index: 1;
display: none;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame.active {
display: block !important;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame > a {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: unset;
text-decoration: none;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame > a:hover .tertiary:after {
margin-left: 8px;
margin-right: -8px;
animation: pseudoTransitionIn 0.5s forwards;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame .content-container {
padding: 40px;
text-align: center;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame img {
margin: 0 auto;
display: block;
max-height: 21.875rem;
}
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame p.h3 {
color: #222629;
text-align: center;
font-feature-settings: "ss02" on;
margin: 24px auto 16px;
/* New Approach/Desktop/H4 */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 28.8px */
letter-spacing: -0.48px;
width: 90%;
}
@media print, screen and (min-width: 40em) {
.tabbed-module .interactive-featured-container .featured-frame .swappable-frame p.h3 {
width: 80%;
font-size: 24px;
}
}
.tabbed-module li.featured-title-hex:hover .svg-container .svgActive,
.tabbed-module li.featured-title-hex.active .svg-container .svgActive {
visibility: visible !important;
}
.versus-block .title-section {
position: relative;
z-index: 2;
margin-bottom: 4rem;
}
@media screen and (max-width: 56.1875em) {
.versus-block .title-section {
margin-bottom: 3rem;
}
}
.versus-block .left-text-wrapper,
.versus-block .right-text-wrapper {
display: flex;
flex-direction: column;
row-gap: 24px;
border-radius: 24px;
padding: 3.375rem 4.0625rem;
}
.versus-block .left-text-wrapper p,
.versus-block .right-text-wrapper p {
margin: 0;
}
.versus-block .left-text-wrapper p span[class^=tag-],
.versus-block .right-text-wrapper p span[class^=tag-] {
padding: 4px 18px;
}
.versus-block .left-text-wrapper {
background: #F8F8F8;
color: #222629;
}
.versus-block .left-text-wrapper p {
color: #222629;
}
.versus-block .right-text-wrapper {
background: linear-gradient(0deg, #707372 0%, #707372 100%), #FFF;
color: #fcfcfc;
position: relative;
z-index: 1;
}
.versus-block .right-text-wrapper p {
color: #fcfcfc;
}
.versus-block .right-text-wrapper .background-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 1.5rem;
background-image: url("./../../assets/images/versus-bg.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
z-index: -1;
}
.versus-block .divider img {
max-width: 4rem;
}
@media screen and (max-width: 56.1875em) {
.versus-block .divider img {
margin: 24px auto;
}
}
@media screen and (min-width: 56.25em) {
.versus-block .divider img {
max-width: 7.8125rem;
}
}
@media screen and (min-width: 56.25em) {
.versus-block .divider img {
margin-top: 2.5rem;
}
}
.versus-block .text-section {
position: relative;
z-index: 2;
}
@media screen and (min-width: 75em) {
.versus-block .text-section .cell {
padding-left: 4%;
padding-right: 4%;
}
}
@media print, screen and (min-width: 64em) {
.versus-block .text-section {
padding: 0 24px;
}
}
.versus-block .text-section .horizontal-bullets {
margin-left: 0;
flex-direction: column;
}
.versus-block .text-section .horizontal-bullets li {
margin-bottom: 16px;
}
@media screen and (min-width: 56.25em) {
.versus-block .text-section .horizontal-bullets {
flex-direction: row;
column-gap: 32px;
}
.versus-block .text-section .horizontal-bullets li {
width: 33%;
margin-bottom: 0;
}
}
.competitor-table .title-block {
margin-bottom: 24px;
}
@media print, screen and (min-width: 40em) {
.competitor-table .title-block {
margin-bottom: 4rem;
}
}
.competitor-table .table-wrapper {
border-radius: 16px;
overflow: hidden;
border: 1px solid #E2E3E3;
}
.competitor-table .table-wrapper table, .competitor-table .table-wrapper thead, .competitor-table .table-wrapper tbody {
border: 0;
}
.competitor-table .table-wrapper table {
margin-bottom: 0;
table-layout: fixed;
width: 100%;
font-size: 1rem;
}
.competitor-table .table-wrapper table thead tr {
background-color: #F8F8F8 !important;
border-bottom: 1px solid #E2E3E3;
}
.competitor-table .table-wrapper table thead th {
border-right: 1px solid #E2E3E3;
padding: 40px 24px;
}
.competitor-table .table-wrapper table thead th:last-of-type {
border-right: 0;
}
.competitor-table .table-wrapper table tbody tr {
border-bottom: 1px solid #E2E3E3;
}
.competitor-table .table-wrapper table tbody tr td {
border-right: 1px solid #E2E3E3;
vertical-align: top;
padding: 16px 24px;
}
.competitor-table .table-wrapper table tbody tr td svg {
min-width: 24px;
max-width: 24px;
}
.competitor-table .table-wrapper table tbody tr td:last-of-type {
border-right: 0;
}
.competitor-table .table-wrapper table tbody tr:nth-child(odd) {
background-color: #F1f1f1;
}
.competitor-table .table-wrapper table tbody tr:nth-child(even) {
background-color: #F8F8F8;
}
.competitor-table .table-wrapper table tbody tr:last-of-type {
border-bottom: 0;
}
.competitor-table .table-wrapper .cell-wrapper {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
@media print, screen and (min-width: 40em) {
.competitor-table .table-wrapper .cell-wrapper {
flex-direction: row;
}
}
.accordion-block .title-block {
margin-bottom: 3rem;
}
@media print, screen and (min-width: 64em) {
.accordion-block .title-block {
margin-bottom: 4rem;
}
}
.accordion-block .accordion-item {
background: #F8F8F8;
color: #222629;
margin-bottom: 1.5rem;
border-radius: 8px;
}
.accordion-block .accordion-item a {
font-size: 1.25rem;
font-weight: 600;
color: #222629;
padding: 1.25rem;
border: 0;
border-radius: 8px;
text-decoration: none;
}
.accordion-block .accordion-item a:hover, .accordion-block .accordion-item a:focus {
background: #F8F8F8;
}
.accordion-block .accordion-item .accordion-content {
background: #F8F8F8;
color: #424548;
border: 0;
border-radius: 8px;
padding: 1.25rem;
}
@media print, screen and (min-width: 64em) {
.accordion-block .accordion-item .accordion-content {
padding: 0.5rem 14.375rem 1.25rem 1.25rem;
}
}
.accordion-block .accordion-item .accordion-content p {
color: #424548;
}
.accordion-block .accordion-item:first-child > :first-child {
border-radius: 8px;
}
.accordion-block :last-child:not(.is-active) > .accordion-title {
border-radius: 8px;
}
.accordion-block .is-active > .accordion-title::before {
content: url('data:image/svg+xml;utf8,');
}
.accordion-block .accordion-title::before {
content: url('data:image/svg+xml;utf8,');
}
.rich-card-link-block .card {
background: transparent;
border-radius: 8px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rich-card-link-block .card img {
margin-bottom: 1.75rem;
}
.rich-card-link-block .card h1, .rich-card-link-block .card h2, .rich-card-link-block .card h3, .rich-card-link-block .card h4, .rich-card-link-block .card h5, .rich-card-link-block .card h6 {
margin-bottom: 1rem;
}
.rich-card-link-block .card a,
.rich-card-link-block .card a:visited {
color: var(--text-default);
text-decoration: none;
}
.rich-card-link-block .card.card-green .card-title {
position: relative;
}
.rich-card-link-block .card.card-green .card-title:after {
content: url('data:image/svg+xml;utf8,');
width: 2.5rem;
height: 2.5rem;
background-color: #9CDC00;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 12px 12px 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.rich-card-link-block .card.card-pink .card-title {
position: relative;
}
.rich-card-link-block .card.card-pink .card-title:after {
content: url('data:image/svg+xml;utf8,');
width: 2.5rem;
height: 2.5rem;
background-color: #942366;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 12px 12px 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.rich-card-link-block .card .card-title:after {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rich-card-link-block .card:hover .card-title:after {
right: -4px;
}
.operational-platform-graphic .title-block {
margin-bottom: 2.5rem;
}
.operational-platform-graphic .graphic-wrapper {
position: relative;
}
.operational-platform-graphic .product-container,
.operational-platform-graphic .platform-container {
border-radius: 24px;
border: 3px solid #9CDC00;
background: #F8F8F8;
position: relative;
min-height: 12.5rem;
display: flex;
flex-direction: column;
z-index: 1;
padding: 2.5rem;
gap: 24px;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .product-container,
.operational-platform-graphic .platform-container {
padding: 2.5rem 4.375rem 2.5rem 6.875rem;
flex-direction: row;
}
}
.operational-platform-graphic .product-container .card-wrapper,
.operational-platform-graphic .platform-container .card-wrapper {
border-radius: 12px;
border: 1px solid #9CDC00;
background: #F1f1f1;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
text-align: center;
}
.operational-platform-graphic .product-container .card-wrapper .h5,
.operational-platform-graphic .platform-container .card-wrapper .h5 {
color: var(--text-default);
letter-spacing: -0.75px;
margin-bottom: 0;
}
.operational-platform-graphic .product-container {
margin-bottom: 24px;
background-image: url(../../assets/images/product-bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: left center;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .product-container {
background-position: center center;
}
}
.operational-platform-graphic .platform-container {
display: flex;
flex-direction: column;
gap: 30px;
background-image: url(../../assets/images/platform-bg.svg);
background-size: 100%;
background-position: center center;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .platform-container {
background-repeat: no-repeat;
background-size: cover;
}
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .platform-container .container-label .eyebrow, .operational-platform-graphic .platform-container .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .operational-platform-graphic .platform-container .container-label .supermenu-supertitle, .operational-platform-graphic .platform-container .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu .operational-platform-graphic .platform-container .container-label li.menu-item-has-children > a, .operational-platform-graphic .platform-container .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .operational-platform-graphic .platform-container .container-label .supermenu-supertitle, .operational-platform-graphic .platform-container .container-label nav.breadcrumbs ol li span, nav.breadcrumbs ol li .operational-platform-graphic .platform-container .container-label span, .operational-platform-graphic .platform-container .container-label .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .platform-container .container-label h2.featured-header,
.operational-platform-graphic .platform-container .container-label .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .platform-container .container-label h2.featured-header,
.operational-platform-graphic .platform-container .container-label .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .platform-container .container-label h2.featured-header,
.operational-platform-graphic .platform-container .container-label .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .platform-container .container-label h2.featured-header, .operational-platform-graphic .platform-container .container-label .featured-posts .post-card-block .micro, .featured-posts .post-card-block .operational-platform-graphic .platform-container .container-label .micro, .operational-platform-graphic .platform-container .container-label .featured-posts-main .post-card-block .micro, .featured-posts-main .post-card-block .operational-platform-graphic .platform-container .container-label .micro {
height: 400px;
}
}
.operational-platform-graphic .platform-header {
position: relative;
display: flex;
flex-direction: column;
z-index: 1;
gap: 24px;
height: min-content;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .platform-header {
flex-direction: row;
}
}
.operational-platform-graphic .platform-header .card-wrapper {
height: min-content;
}
.operational-platform-graphic .platform-header .card-wrapper:last-of-type {
flex-grow: 1;
}
.operational-platform-graphic .platform-description {
display: flex;
flex-direction: column;
gap: 24px;
}
@media screen and (min-width: 47.9375em) and (max-width: 63.9375em) {
.operational-platform-graphic .platform-description {
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .platform-description {
flex-direction: row;
}
}
.operational-platform-graphic .platform-description .card-wrapper {
flex-direction: column;
justify-content: flex-start;
gap: 0.625rem;
padding: 1.875rem 1.25rem;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .platform-description .card-wrapper {
width: 20%;
}
}
.operational-platform-graphic .platform-description .card-wrapper p {
letter-spacing: -0.18px;
}
@media screen and (min-width: 47.9375em) and (max-width: 63.9375em) {
.operational-platform-graphic .platform-description .card-wrapper {
width: calc(50% - 12px);
}
}
.operational-platform-graphic .additional-text .card-wrapper {
flex-direction: column;
padding: 2.5rem;
}
@media screen and (min-width: 47.9375em) {
.operational-platform-graphic .container-label {
position: absolute;
top: 50%;
left: 32px;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
}
}
.operational-platform-graphic .container-label .eyebrow, .operational-platform-graphic .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .supermenu-feat-page .operational-platform-graphic .container-label .supermenu-supertitle, .operational-platform-graphic .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu li.menu-item-has-children > a, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-nav-panel .menu .operational-platform-graphic .container-label li.menu-item-has-children > a, .operational-platform-graphic .container-label .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .supermenu-supertitle, .dropdown-pane.supermenu .supermenu-wrapper .supermenu-feat-post .operational-platform-graphic .container-label .supermenu-supertitle, .operational-platform-graphic .container-label nav.breadcrumbs ol li span, nav.breadcrumbs ol li .operational-platform-graphic .container-label span, .operational-platform-graphic .container-label .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header, .blog #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .container-label h2.featured-header,
.operational-platform-graphic .container-label .archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.archive:not(.post-type-archive) #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .container-label h2.featured-header,
.operational-platform-graphic .container-label .search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.search-results #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .container-label h2.featured-header,
.operational-platform-graphic .container-label .post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell h2.featured-header,
.post-type-archive-newsroom #featuredContent .grid-container .grid-x.grid-padding-x div.cell .operational-platform-graphic .container-label h2.featured-header, .operational-platform-graphic .container-label .featured-posts .post-card-block .micro, .featured-posts .post-card-block .operational-platform-graphic .container-label .micro, .operational-platform-graphic .container-label .featured-posts-main .post-card-block .micro, .featured-posts-main .post-card-block .operational-platform-graphic .container-label .micro {
font-weight: 400;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 5.4px;
text-align: center;
}
.operational-platform-graphic .divider {
position: absolute;
width: calc(100% - 48px);
max-width: 45.3125rem;
height: 21rem;
top: 54px;
left: 50%;
transform: translateX(-50%);
background-image: url(../../assets/images/platform-divider.svg);
background-size: contain;
z-index: -1;
}
.color-swatches .title-block {
margin-bottom: 2.5rem;
}
.color-swatches .swatch-section {
width: 100%;
display: flex;
gap: 24px;
margin-bottom: 2.5rem;
flex-wrap: wrap;
}
.color-swatches .swatch-section .swatch {
flex-basis: calc(50% - 24px);
}
@media print, screen and (min-width: 40em) {
.color-swatches .swatch-section .swatch {
flex-basis: calc(20% - 24px);
}
}
.color-swatches .swatch-section .swatch .swatch-wrapper {
border-radius: 0.5rem;
aspect-ratio: 220/180;
margin-bottom: 1rem;
}
.color-swatches .swatch-section .swatch p {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.brand-icons .icon-container {
display: flex;
gap: 54px;
flex-wrap: wrap;
padding: 4.375rem 3.25rem;
color: #9CDC00;
}
/*--------------------------------------------------------------
# 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
--------------------------------------------- */
.form-box {
padding: 2rem 1.5rem;
background: #ffffff;
border-radius: 0.5rem;
border: 1px solid #E2E3E3;
}
.form-box h2,
.form-box h3 {
color: #222629;
text-align: center;
font-weight: 600;
padding-right: 0;
margin-bottom: 2.75rem !important;
}
.form-box .mktoForm {
overflow: hidden;
min-width: 100% !important;
max-width: 100% !important;
}
.form-box .mktoForm input[type=text], .form-box .mktoForm input[type=email], .form-box .mktoForm input[type=url], .form-box .mktoForm input[type=password], .form-box .mktoForm input[type=search], .form-box .mktoForm input[type=number], .form-box .mktoForm input[type=tel], .form-box .mktoForm input[type=range], .form-box .mktoForm input[type=date], .form-box .mktoForm input[type=month], .form-box .mktoForm input[type=week], .form-box .mktoForm input[type=time], .form-box .mktoForm input[type=datetime], .form-box .mktoForm input[type=datetime-local], .form-box .mktoForm input[type=color], .form-box .mktoForm textarea, .form-box .mktoForm select, .form-box .mktoForm select.mktoField {
background-color: #F8F8F8 !important;
border-radius: 4px !important;
border: 1px solid #F1f1f1 !important;
height: 48px;
box-shadow: none;
color: #222629 !important;
}
.form-box .mktoForm input[type=text]::-webkit-input-placeholder, .form-box .mktoForm input[type=email]::-webkit-input-placeholder, .form-box .mktoForm input[type=url]::-webkit-input-placeholder, .form-box .mktoForm input[type=password]::-webkit-input-placeholder, .form-box .mktoForm input[type=search]::-webkit-input-placeholder, .form-box .mktoForm input[type=number]::-webkit-input-placeholder, .form-box .mktoForm input[type=tel]::-webkit-input-placeholder, .form-box .mktoForm input[type=range]::-webkit-input-placeholder, .form-box .mktoForm input[type=date]::-webkit-input-placeholder, .form-box .mktoForm input[type=month]::-webkit-input-placeholder, .form-box .mktoForm input[type=week]::-webkit-input-placeholder, .form-box .mktoForm input[type=time]::-webkit-input-placeholder, .form-box .mktoForm input[type=datetime]::-webkit-input-placeholder, .form-box .mktoForm input[type=datetime-local]::-webkit-input-placeholder, .form-box .mktoForm input[type=color]::-webkit-input-placeholder, .form-box .mktoForm textarea::-webkit-input-placeholder, .form-box .mktoForm select::-webkit-input-placeholder, .form-box .mktoForm select.mktoField::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #F8F8F8 !important;
text-transform: none !important;
}
.form-box .mktoForm input[type=text]::-moz-placeholder, .form-box .mktoForm input[type=email]::-moz-placeholder, .form-box .mktoForm input[type=url]::-moz-placeholder, .form-box .mktoForm input[type=password]::-moz-placeholder, .form-box .mktoForm input[type=search]::-moz-placeholder, .form-box .mktoForm input[type=number]::-moz-placeholder, .form-box .mktoForm input[type=tel]::-moz-placeholder, .form-box .mktoForm input[type=range]::-moz-placeholder, .form-box .mktoForm input[type=date]::-moz-placeholder, .form-box .mktoForm input[type=month]::-moz-placeholder, .form-box .mktoForm input[type=week]::-moz-placeholder, .form-box .mktoForm input[type=time]::-moz-placeholder, .form-box .mktoForm input[type=datetime]::-moz-placeholder, .form-box .mktoForm input[type=datetime-local]::-moz-placeholder, .form-box .mktoForm input[type=color]::-moz-placeholder, .form-box .mktoForm textarea::-moz-placeholder, .form-box .mktoForm select::-moz-placeholder, .form-box .mktoForm select.mktoField::-moz-placeholder {
/* Firefox 19+ */
color: #F8F8F8 !important;
text-transform: none !important;
}
.form-box .mktoForm input[type=text]:-ms-input-placeholder, .form-box .mktoForm input[type=email]:-ms-input-placeholder, .form-box .mktoForm input[type=url]:-ms-input-placeholder, .form-box .mktoForm input[type=password]:-ms-input-placeholder, .form-box .mktoForm input[type=search]:-ms-input-placeholder, .form-box .mktoForm input[type=number]:-ms-input-placeholder, .form-box .mktoForm input[type=tel]:-ms-input-placeholder, .form-box .mktoForm input[type=range]:-ms-input-placeholder, .form-box .mktoForm input[type=date]:-ms-input-placeholder, .form-box .mktoForm input[type=month]:-ms-input-placeholder, .form-box .mktoForm input[type=week]:-ms-input-placeholder, .form-box .mktoForm input[type=time]:-ms-input-placeholder, .form-box .mktoForm input[type=datetime]:-ms-input-placeholder, .form-box .mktoForm input[type=datetime-local]:-ms-input-placeholder, .form-box .mktoForm input[type=color]:-ms-input-placeholder, .form-box .mktoForm textarea:-ms-input-placeholder, .form-box .mktoForm select:-ms-input-placeholder, .form-box .mktoForm select.mktoField:-ms-input-placeholder {
/* IE 10+ */
color: #F8F8F8 !important;
text-transform: none !important;
}
.form-box .mktoForm input[type=text]:-moz-placeholder, .form-box .mktoForm input[type=email]:-moz-placeholder, .form-box .mktoForm input[type=url]:-moz-placeholder, .form-box .mktoForm input[type=password]:-moz-placeholder, .form-box .mktoForm input[type=search]:-moz-placeholder, .form-box .mktoForm input[type=number]:-moz-placeholder, .form-box .mktoForm input[type=tel]:-moz-placeholder, .form-box .mktoForm input[type=range]:-moz-placeholder, .form-box .mktoForm input[type=date]:-moz-placeholder, .form-box .mktoForm input[type=month]:-moz-placeholder, .form-box .mktoForm input[type=week]:-moz-placeholder, .form-box .mktoForm input[type=time]:-moz-placeholder, .form-box .mktoForm input[type=datetime]:-moz-placeholder, .form-box .mktoForm input[type=datetime-local]:-moz-placeholder, .form-box .mktoForm input[type=color]:-moz-placeholder, .form-box .mktoForm textarea:-moz-placeholder, .form-box .mktoForm select:-moz-placeholder, .form-box .mktoForm select.mktoField:-moz-placeholder {
/* Firefox 18- */
color: #F8F8F8 !important;
text-transform: none !important;
}
.form-box .mktoForm input[type=text][style],
.form-box .mktoForm input[type=url][style],
.form-box .mktoForm input[type=email][style],
.form-box .mktoForm input[type=tel][style],
.form-box .mktoForm input[type=number][style],
.form-box .mktoForm input[type=date][style],
.form-box .mktoForm textarea.mktoField[style],
.form-box .mktoForm select.mktoField[style] {
box-shadow: none !important;
}
.form-box .mktoForm .mktoCheckboxList {
display: grid;
grid-template-columns: 20px 1fr;
gap: 8px;
}
.form-box .mktoForm .mktoCheckboxList input {
margin-top: 0 !important;
margin-bottom: 0;
}
.form-box .mktoForm .mktoFormRow[data-wrapper-for=FirstName], .form-box .mktoForm .mktoFormRow[data-wrapper-for=LastName] {
width: 50%;
}
.form-box .mktoForm .mktoFormRow[data-wrapper-for=FirstName] {
float: left;
padding-right: 12px;
}
.form-box .mktoForm .mktoFormRow[data-wrapper-for=LastName] {
float: right;
padding-left: 12px;
}
.form-box .mktoForm .mktoFormCol {
width: 100% !important;
}
.form-box .mktoForm .mktoHtmlText,
.form-box .mktoForm .mktoHtmlText span {
font-size: 0.875rem;
color: #424548;
}
.form-box .mktoForm .mktoHtmlText a,
.form-box .mktoForm .mktoHtmlText span a {
color: #9CDC00;
}
.form-box .mktoForm .mktoHtmlText a:hover,
.form-box .mktoForm .mktoHtmlText span a:hover {
color: #5A9B00;
}
.form-box .mktoForm button.mktoButton {
background: #9CDC00 !important;
color: #222629 !important;
border: 0 !important;
width: 100% !important;
}
.form-box .mktoForm .mktoError {
font-size: 0.8125rem;
color: #EF4040;
margin-top: -1rem;
}
.form-box .mktoForm .mktoRequiredField label:after {
content: " *";
color: #EF4040;
}
.form-box .mktoForm .mktoCaptchaDisclaimer {
color: #222629;
font-size: 0.8125rem;
}
.form-box .mktoForm .mktoCaptchaDisclaimer a {
color: #9CDC00;
font-size: 0.8125rem;
}
.form-box .mktoForm > .mktoFormRow:first-of-type .mktoHtmlText span,
.form-box .mktoForm > .mktoFormRow:first-of-type .mktoHtmlText h5 {
display: inline-block;
text-align: center;
color: #B7B9B8;
text-align: center;
font-weight: 600;
padding-right: 0;
width: 100%;
margin-bottom: 2.75rem;
font-size: 2rem;
}
.form-box .mktoForm > .mktoFormRow:first-of-type .mktoHtmlText {
margin-top: -20px;
}
/* Slick Slider
--------------------------------------------- */
.slick-nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 24px 40px;
gap: 16px;
}
.slick-nav .slick-dots ul {
display: flex;
gap: 24px;
list-style-type: none;
margin-left: unset;
margin-bottom: unset;
}
.slick-nav .slick-dots ul li {
width: 16px;
height: 16px;
border-radius: 500px;
background: #E2E3E3;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.slick-nav .slick-dots ul li.slick-active, .slick-nav .slick-dots ul li:hover {
background: #9CDC00;
}
.slick-nav .slick-dots ul button {
display: none;
}
.slick-nav .slick-controls {
display: flex;
align-items: center;
gap: 16px;
}
.slick-nav .play-pause,
.slick-nav .prevArrow,
.slick-nav .nextArrow {
width: 40px;
height: 40px;
overflow: hidden;
padding: 8px;
border-radius: 50%;
background: #E2E3E3;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.slick-nav .play-pause:before,
.slick-nav .prevArrow:before,
.slick-nav .nextArrow:before {
content: none;
}
.slick-nav .play-pause path,
.slick-nav .prevArrow path,
.slick-nav .nextArrow path {
fill: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.slick-nav .play-pause polygon,
.slick-nav .prevArrow polygon,
.slick-nav .nextArrow polygon {
stroke: #222629;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.slick-nav .play-pause:hover,
.slick-nav .prevArrow:hover,
.slick-nav .nextArrow:hover {
box-shadow: 0px 0px 12px 0px rgba(49, 204, 255, 0.15);
background: #222629;
}
.slick-nav .play-pause:hover path,
.slick-nav .prevArrow:hover path,
.slick-nav .nextArrow:hover path {
fill: #F8F8F8;
}
.slick-nav .play-pause:hover polygon,
.slick-nav .prevArrow:hover polygon,
.slick-nav .nextArrow:hover polygon {
stroke: #F8F8F8;
}
.slick-nav .play-pause .play,
.slick-nav .prevArrow .play,
.slick-nav .nextArrow .play {
display: none;
scale: 1.2;
}
.slick-nav .play-pause.paused .play,
.slick-nav .prevArrow.paused .play,
.slick-nav .nextArrow.paused .play {
display: block;
}
.slick-nav .play-pause.paused .pause,
.slick-nav .prevArrow.paused .pause,
.slick-nav .nextArrow.paused .pause {
display: none;
}
/* Misc Plugins
--------------------------------------------- */
.wistia_embed #wistia_chrome_23[style] {
border-radius: 4px !important;
}
/*--------------------------------------------------------------
# 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;
}
/* 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-light-gray,
.content-block.bg-color-light-gray {
background: #F8F8F8;
}
.bg-color-medium-gray,
.content-block.bg-color-medium-gray {
background: #F1f1f1;
}
.bg-color-medium-dark-gray,
.content-block.bg-color-medium-dark-gray {
background: #D4D5D5;
}
.bg-color-dark-gray,
.content-block.bg-color-dark-gray {
background: #707372;
color: #fcfcfc;
}
.bg-color-border,
.content-block.bg-color-border {
background: transparent;
border: 1px solid #E2E3E3;
}
.bg-color-gray-w-border,
.content-block.bg-color-gray-w-border {
background: #F8F8F8;
border: 1px solid #E2E3E3;
}
.bg-color-green-border,
.content-block.bg-color-green-border {
background-color: transparent;
border: 1px solid #9CDC00;
}
.content-block {
position: relative;
}
.content-block.has-overlay .grid-container {
position: relative;
z-index: 1;
}
.content-block .overlay {
background: #222629;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
/* Spacing
--------------------------------------------- */
.p_top__small {
padding-top: 1.5rem;
}
.p_top__medium {
padding-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_top__medium {
padding-top: 3rem;
}
}
.p_top__large {
padding-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_top__large {
padding-top: 5rem;
}
}
.p_top__xlarge {
padding-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_top__xlarge {
padding-top: 6rem;
}
}
.p_top__xxl {
padding-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_top__xxl {
padding-top: 8rem;
}
}
.p_btm__small {
padding-bottom: 1.5rem;
}
.p_btm__medium {
padding-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_btm__medium {
padding-bottom: 3rem;
}
}
.p_btm__large {
padding-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_btm__large {
padding-bottom: 5rem;
}
}
.p_btm__xlarge {
padding-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_btm__xlarge {
padding-bottom: 6rem;
}
}
.p_btm__xxl {
padding-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.p_btm__xxl {
padding-bottom: 8rem;
}
}
.p_left__xxxs {
padding-left: 4px;
}
.p_left__xxs {
padding-left: 8px;
}
.p_left__xs {
padding-left: 12px;
}
.p_left__sm {
padding-left: 16px;
}
.p_left__md {
padding-left: 16px;
}
@media print, screen and (min-width: 40em) {
.p_left__md {
padding-left: 24px;
}
}
@media print, screen and (min-width: 64em) {
.p_left__md {
padding-left: 24px;
}
}
.p_left__lg {
padding-left: 24px;
}
@media print, screen and (min-width: 40em) {
.p_left__lg {
padding-left: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.p_left__lg {
padding-left: 31.9992px;
}
}
.p_left__xl {
padding-left: 24px;
}
@media print, screen and (min-width: 40em) {
.p_left__xl {
padding-left: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.p_left__xl {
padding-left: 48px;
}
}
.p_left__2xl {
padding-left: 48px;
}
@media print, screen and (min-width: 40em) {
.p_left__2xl {
padding-left: 64.0008px;
}
}
@media print, screen and (min-width: 64em) {
.p_left__2xl {
padding-left: 72px;
}
}
.p_left__3xl {
padding-left: 55.9992px;
}
@media print, screen and (min-width: 40em) {
.p_left__3xl {
padding-left: 72px;
}
}
@media print, screen and (min-width: 64em) {
.p_left__3xl {
padding-left: 96px;
}
}
.p_right__xxxs {
padding-right: 4px;
}
.p_right__xxs {
padding-right: 8px;
}
.p_right__xs {
padding-right: 12px;
}
.p_right__sm {
padding-right: 16px;
}
.p_right__md {
padding-right: 16px;
}
@media print, screen and (min-width: 40em) {
.p_right__md {
padding-right: 24px;
}
}
@media print, screen and (min-width: 64em) {
.p_right__md {
padding-right: 24px;
}
}
.p_right__lg {
padding-right: 24px;
}
@media print, screen and (min-width: 40em) {
.p_right__lg {
padding-right: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.p_right__lg {
padding-right: 31.9992px;
}
}
.p_right__xl {
padding-right: 24px;
}
@media print, screen and (min-width: 40em) {
.p_right__xl {
padding-right: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.p_right__xl {
padding-right: 48px;
}
}
.p_right__2xl {
padding-right: 48px;
}
@media print, screen and (min-width: 40em) {
.p_right__2xl {
padding-right: 64.0008px;
}
}
@media print, screen and (min-width: 64em) {
.p_right__2xl {
padding-right: 72px;
}
}
.p_right__3xl {
padding-right: 55.9992px;
}
@media print, screen and (min-width: 40em) {
.p_right__3xl {
padding-right: 72px;
}
}
@media print, screen and (min-width: 64em) {
.p_right__3xl {
padding-right: 96px;
}
}
.m_top__small {
margin-top: 1.5rem;
}
.m_top__medium {
margin-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_top__medium {
margin-top: 3rem;
}
}
.m_top__large {
margin-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_top__large {
margin-top: 5rem;
}
}
.m_top__xlarge {
margin-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_top__xlarge {
margin-top: 6rem;
}
}
.m_btm__xs {
margin-bottom: 0.5rem;
}
.m_btm__sm {
margin-bottom: 1rem;
}
.m_btm__md {
margin-bottom: 1.5rem;
}
.m_btm__lg {
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_btm__lg {
margin-bottom: 2.5rem;
}
}
.m_btm__xl {
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_btm__xl {
margin-bottom: 4rem;
}
}
.m_btm__2xl {
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_btm__2xl {
margin-bottom: 5rem;
}
}
.m_btm__3xl {
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.m_btm__3xl {
margin-bottom: 6rem;
}
}
.m_left__xxxs {
margin-left: 4px;
}
.m_left__xxs {
margin-left: 8px;
}
.m_left__xs {
margin-left: 12px;
}
.m_left__sm {
margin-left: 16px;
}
.m_left__md {
margin-left: 16px;
}
@media print, screen and (min-width: 40em) {
.m_left__md {
margin-left: 24px;
}
}
@media print, screen and (min-width: 64em) {
.m_left__md {
margin-left: 24px;
}
}
.m_left__lg {
margin-left: 24px;
}
@media print, screen and (min-width: 40em) {
.m_left__lg {
margin-left: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.m_left__lg {
margin-left: 31.9992px;
}
}
.m_left__xl {
margin-left: 24px;
}
@media print, screen and (min-width: 40em) {
.m_left__xl {
margin-left: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.m_left__xl {
margin-left: 48px;
}
}
.m_left__2xl {
margin-left: 48px;
}
@media print, screen and (min-width: 40em) {
.m_left__2xl {
margin-left: 64.0008px;
}
}
@media print, screen and (min-width: 64em) {
.m_left__2xl {
margin-left: 72px;
}
}
.m_left__3xl {
margin-left: 55.9992px;
}
@media print, screen and (min-width: 40em) {
.m_left__3xl {
margin-left: 72px;
}
}
@media print, screen and (min-width: 64em) {
.m_left__3xl {
margin-left: 96px;
}
}
.m_right__xxxs {
margin-right: 4px;
}
.m_right__xxs {
margin-right: 8px;
}
.m_right__xs {
margin-right: 12px;
}
.m_right__sm {
margin-right: 16px;
}
.m_right__md {
margin-right: 16px;
}
@media print, screen and (min-width: 40em) {
.m_right__md {
margin-right: 24px;
}
}
@media print, screen and (min-width: 64em) {
.m_right__md {
margin-right: 24px;
}
}
.m_right__lg {
margin-right: 24px;
}
@media print, screen and (min-width: 40em) {
.m_right__lg {
margin-right: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.m_right__lg {
margin-right: 31.9992px;
}
}
.m_right__xl {
margin-right: 24px;
}
@media print, screen and (min-width: 40em) {
.m_right__xl {
margin-right: 31.9992px;
}
}
@media print, screen and (min-width: 64em) {
.m_right__xl {
margin-right: 48px;
}
}
.m_right__2xl {
margin-right: 48px;
}
@media print, screen and (min-width: 40em) {
.m_right__2xl {
margin-right: 64.0008px;
}
}
@media print, screen and (min-width: 64em) {
.m_right__2xl {
margin-right: 72px;
}
}
.m_right__3xl {
margin-right: 55.9992px;
}
@media print, screen and (min-width: 40em) {
.m_right__3xl {
margin-right: 72px;
}
}
@media print, screen and (min-width: 64em) {
.m_right__3xl {
margin-right: 96px;
}
}
.spacer.large {
height: 4rem;
}
.spacer.medium {
height: 3rem;
}
.spacer.small {
height: 1.5rem;
}
/* Overrides
--------------------------------------------- */
.page-id-3870 .column-block-grid .medium-12 .bg-color-gray-w-border {
padding-top: 5rem;
padding-bottom: 5rem;
}
.content-grid.global-services-cards .nested-grid .cell {
margin-bottom: 1.5rem;
}
.content-grid.global-services-cards .card {
padding: 4.375rem 2.5rem;
}
.page-template-brand-page {
--body: #FFFFFF;
--top-bar-bg: #ffffff;
}
.page-template-brand-page hr {
background-color: #F1f1f1;
}
.column-bg .grid-x {
background: #F8F8F8;
}
.column-bg.p-l .grid-x {
padding: 3.75rem 0;
margin-left: 0;
margin-right: 0;
}
.column-bg.p-m .grid-x {
padding: 2.5rem 0;
margin-left: 0;
margin-right: 0;
}
.column-bg.p-s .grid-x {
padding: 1.5rem 0;
margin-left: 0;
margin-right: 0;
}
.column-bg.p-xs .grid-x {
padding: 0.75rem 0;
margin-left: 0;
margin-right: 0;
}
.stacked-hero .ag-format-container {
margin: 0 auto;
}
.stacked-hero .ag-toggle_title {
line-height: 1.2;
text-align: center;
font-weight: 600;
font-size: 72px;
color: #222629;
}
.stacked-hero .ag-toggle_tagline {
margin: 0 0 20px;
text-align: center;
font-size: 20px;
color: #222629;
}
.stacked-hero .cd-words-wrapper {
color: #222629;
}
@media only screen and (max-width: 767px) {
.stacked-hero .ag-format-container {
width: 96%;
}
}
@media only screen and (max-width: 639px) {
.stacked-hero .ag-toggle_title {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.stacked-hero .ag-format-container {
width: 750px;
}
}
@media (min-width: 980px) and (max-width: 1161px) {
.stacked-hero .ag-format-container {
width: 960px;
}
}
.highlight-container {
height: 96px;
overflow: hidden;
position: relative;
display: block;
transform: translateY(10px);
}
@media print, screen and (min-width: 40em) {
.highlight-container {
height: 70px;
transform: translateY(4px);
}
}
@media print, screen and (min-width: 64em) {
.highlight-container {
height: 86px;
}
}
.rotating-text {
font-size: 2.25rem;
font-weight: 600;
line-height: 40px;
color: #222629;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
transform: translateY(20px);
animation: rotating-text 9s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
will-change: transform, opacity;
backface-visibility: hidden;
transform-style: preserve-3d;
}
.rotating-text.word-1 {
animation-delay: 0s;
}
.rotating-text.word-2 {
animation-delay: 2.99s;
}
.rotating-text.word-3 {
animation-delay: 5.99s;
}
@media print, screen and (min-width: 40em) {
.rotating-text {
font-size: 3.5rem;
line-height: 64px;
}
}
@media print, screen and (min-width: 64em) {
.rotating-text {
font-size: 4.5rem;
line-height: 5rem;
}
}
@keyframes rotating-text {
/* Start hidden and below */
0% {
opacity: 0;
transform: translateY(100%);
}
/* Fade in */
4% {
opacity: 1;
transform: translateY(0);
}
/* Stay fully visible */
31.5% {
opacity: 1;
transform: translateY(0);
}
/* Faster fade out */
35% {
opacity: 0;
transform: translateY(-100%);
}
/* Stay hidden until next cycle */
100% {
opacity: 0;
transform: translateY(-100%);
}
}
@media print, screen and (max-width: 39.99875em) {
span.h1.rotating {
font-size: 2.25rem;
}
}
@media print, screen and (max-width: 39.99875em) {
span.h1.rotating.mobile-small {
font-size: 1.25rem;
font-weight: 400;
}
}