html {
--color-default: #ff5636;
--color-gray-dark: #222;
--color-gray: #555;
--color-gray-light: #ccc;
--color-brand: var(--color-default);
--color-highlight: var(--color-brand);
--color-page-background: #fff;
--color-text: var(--color-gray-dark);
--color-text--inverted: var(--color-page-background);
--color-links: var(--color-highlight);
--color-btn: var(--color-links);
--color-btn-text: var(--color-text--inverted);
--base-font-size--xs: 0.875rem;
--base-font-size: 1rem;
--base-font-size--xl: 1.125rem;
--base-line-height: 1.625;
--base-font-weight: 400;
--base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
--base-spacing-unit: 1rem;
--base-spacing-unit--xs: calc(var(--base-spacing-unit) / 4);
--base-spacing-unit--sm: calc(var(--base-spacing-unit) / 2);
--base-spacing-unit--lg: calc(var(--base-spacing-unit) * 2);
--base-spacing-unit--xl: calc(var(--base-spacing-unit) * 4);
--base-border-radius: 4px;
--base-border-width: 1px;
--base-border-color: var(--color-gray-light);
--base-border: var(--base-border-width) solid var(--base-border-color)
}
:root {
--color-gray-dark: #233D63;
--color-gray: #46465D;
--color-gray-light: #CFD8DC;
--color-gray-lighter: #FAFCFF;
--color-purple-dark: #9041FF;
--color-purple: #529aca;
--color-purple-light: #95c6e8;
--color-purple-lighter: rgba(191, 108, 255, 0.075);
--color-teal-dark: hsl(42, 67%, 55%);
--color-teal: #95c6e8;
--color-orange: #FF5408;
--color-tint: var(--color-purple-lighter);
--color-brand-primary: var(--color-purple);
--color-brand-primary-dark: var(--color-purple-dark);
--color-brand-secondary: var(--color-teal);
--color-brand-secondary-dark: var(--color-teal-dark);
--color-brand: var(--color-brand-primary);
--color-highlight: var(--color-brand);
--color-page-background: #FFFFFF;
--color-text: var(--color-gray-dark);
--color-text--light: var(--color-gray-light);
--color-links: var(--color-brand-secondary);
--color-links-hover: var(--color-brand-secondary-dark);
--color-btn: var(--color-brand-primary);
--color-btn-text: #FFFFFF;
--base-font-size: 1rem;
--base-line-height: 1.625;
--base-font-size--xs: 0.875rem;
--base-font-size--lg: 1.125rem;
--base-font-size--xl: 1.25rem;
--base-font-family-1: 'Titillium Web', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;
--base-font-family: var(--base-font-family-1);
--base-spacing-unit: 1rem;
--base-border-radius: 8px;
--base-border-width: 1px;
--base-border-color: #CFD8DC;
--base-box-shadow: 0 10px 40px 0 rgba(50, 50, 50, 0.25);
--color-band-highlight-background: linear-gradient(-165deg, var(--color-purple-light), var(--color-purple));
--color-band-highlight-text: var(--color-text--inverted);
--color-band-tint-background: var(--color-tint);
--color-band-dark-text: var(--color-text--inverted);
--color-band-dark-background: var(--color-gray-dark)
} /* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
template, [hidden] {
display: none
}
a {
background-color: transparent
}
a:active, a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b, strong {
font-weight: inherit
}
b, strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background-color: #ff0;
color: #000
}
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
}
svg:not(:root) {
overflow: hidden
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button, input, select, textarea {
font: inherit
}
optgroup {
font-weight: bold
}
button, input, select {
overflow: visible
}
button, input, select, textarea {
margin: 0
}
button, select {
text-transform: none
}
button, [type="button"], [type="reset"], [type="submit"] {
cursor: pointer
}
[disabled] {
cursor: default
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
button:-moz-focusring, input:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
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
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
.float_left {
float: left
}
.float_right {
float: right
}
.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline
}
html {
box-sizing: border-box
}
*, *:before, *:after {
box-sizing: inherit
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: var(--base-spacing-unit--sm)
}
ul, ol, dl, blockquote, p, address, hr, fieldset, figure, pre {
margin-bottom: var(--base-spacing-unit)
}
ul, ol, dd {
margin-left: var(--base-spacing-unit)
}
.clearfix:after {
content: "";
display: table;
clear: both
}
a {
color: var(--color-links)
}
:not(p) a {
text-decoration: none
}
figure {
margin: 0
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto
}
html {
font-family: var(--base-font-family, sans-serif);
font-size: var(--base-font-size);
line-height: var(--base-line-height);
font-weight: var(--base-font-weight);
background-color: var(--color-page-background);
color: var(--color-text);
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
@media screen and (max-width:34.3125em) {
html {
font-size: var(--base-font-size--xs)
}
}
@media screen and (min-width:68.75em) {
html {
font-size: var(--base-font-size--xl)
}
}
html {
scroll-behavior: smooth
}
html {
--headings__font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
--headings__font-weight: 700;
--headings__color: 'currentColor';
--paragraph__link-color: var(--color-links);
--code__color: var(--color-highlight);
--selection-background: var(--color-brand);
--pre__color-background: var(--color-gray);
--pre__color: var(--color-text--inverted);
--selection-color: var(--color-text--inverted);
--hr-border: var(--base-border);
--paragraph__link-decoration: underline;
--paragraph__link-decoration--hover: none
}
h1, h2, h3, h4, h5, h6 {
font-weight: var(--headings__font-weight);
font-family: var(--headings__font-family);
color: var(--headings__color)
}
h1, .heading--1.ce_headline, .heading--1 h1:first-child, .heading--1 h2:first-child, .heading--1 h3:first-child, .heading--1 h4:first-child, .heading--1 h5:first-child, .heading--1 h6:first-child {
font-size: 1.75rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 1.5rem
}
@media screen and (min-width:34.375em) {
h1, .heading--1.ce_headline, .heading--1 h1:first-child, .heading--1 h2:first-child, .heading--1 h3:first-child, .heading--1 h4:first-child, .heading--1 h5:first-child, .heading--1 h6:first-child {
font-size: 1.75rem
}
}
@media screen and (min-width:48em) {
h1, .heading--1.ce_headline, .heading--1 h1:first-child, .heading--1 h2:first-child, .heading--1 h3:first-child, .heading--1 h4:first-child, .heading--1 h5:first-child, .heading--1 h6:first-child {
font-size: 2.125rem
}
}
@media screen and (min-width:58.75em) {
h1, .heading--1.ce_headline, .heading--1 h1:first-child, .heading--1 h2:first-child, .heading--1 h3:first-child, .heading--1 h4:first-child, .heading--1 h5:first-child, .heading--1 h6:first-child {
font-size: 2.125rem
}
}
@media screen and (min-width:68.75em) {
h1, .heading--1.ce_headline, .heading--1 h1:first-child, .heading--1 h2:first-child, .heading--1 h3:first-child, .heading--1 h4:first-child, .heading--1 h5:first-child, .heading--1 h6:first-child {
font-size: 2.25rem
}
}
p + h1, ul + h1, ol + h1 {
margin-top: 2rem
}
.ce_text + .ce_text h1:first-child {
margin-top: 2rem
}
h1 + h2 {
margin-top: -1.5rem
}
h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
font-size: 1.625rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 1.5rem
}
@media screen and (min-width:34.375em) {
h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
font-size: 1.625rem
}
}
@media screen and (min-width:48em) {
h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
font-size: 1.75rem
}
}
@media screen and (min-width:58.75em) {
h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
font-size: 1.75rem
}
}
@media screen and (min-width:68.75em) {
h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
font-size: 1.875rem
}
}
p + h2, ul + h2, ol + h2 {
margin-top: 2rem
}
.ce_text + .ce_text h2:first-child {
margin-top: 2rem
}
h2 + h3 {
margin-top: -1.5rem
}
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child {
font-size: 1.375rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 1rem
}
@media screen and (min-width:34.375em) {
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child {
font-size: 1.375rem
}
}
@media screen and (min-width:48em) {
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child {
font-size: 1.5rem
}
}
@media screen and (min-width:58.75em) {
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child {
font-size: 1.5rem
}
}
@media screen and (min-width:68.75em) {
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child {
font-size: 1.5rem
}
}
p + h3, ul + h3, ol + h3 {
margin-top: 2rem
}
.ce_text + .ce_text h3:first-child {
margin-top: 2rem
}
h3 + h4 {
margin-top: -1rem
}
h4, .heading--4.ce_headline, .heading--4 h1:first-child, .heading--4 h2:first-child, .heading--4 h3:first-child, .heading--4 h4:first-child, .heading--4 h5:first-child, .heading--4 h6:first-child, .text--alert h1, .text--alert h2, .text--alert h3, .text--alert h4, .text--alert h5, .text--alert h6, .news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6, .news-list .layout_simple a, .news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6, .news-grid .layout_simple a, .events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6, .events-list .layout_upcoming a, .events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6, .events-grid .layout_upcoming a, .ce_form h1, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6, .faq-list > h1, .faq-list h2, .faq-list h3, .faq-list h4, .faq-list h5, .faq-list h6, .faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6, .ce_contact h1, .ce_contact h2, .ce_contact h3, .ce_contact h4, .ce_contact h5, .ce_contact h6, .ce_contact .contact__name, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
font-size: 1.125rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 0.5rem
}
@media screen and (min-width:34.375em) {
h4, .heading--4.ce_headline, .heading--4 h1:first-child, .heading--4 h2:first-child, .heading--4 h3:first-child, .heading--4 h4:first-child, .heading--4 h5:first-child, .heading--4 h6:first-child, .text--alert h1, .text--alert h2, .text--alert h3, .text--alert h4, .text--alert h5, .text--alert h6, .news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6, .news-list .layout_simple a, .news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6, .news-grid .layout_simple a, .events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6, .events-list .layout_upcoming a, .events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6, .events-grid .layout_upcoming a, .ce_form h1, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6, .faq-list > h1, .faq-list h2, .faq-list h3, .faq-list h4, .faq-list h5, .faq-list h6, .faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6, .ce_contact h1, .ce_contact h2, .ce_contact h3, .ce_contact h4, .ce_contact h5, .ce_contact h6, .ce_contact .contact__name, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
font-size: 1.125rem
}
}
@media screen and (min-width:48em) {
h4, .heading--4.ce_headline, .heading--4 h1:first-child, .heading--4 h2:first-child, .heading--4 h3:first-child, .heading--4 h4:first-child, .heading--4 h5:first-child, .heading--4 h6:first-child, .text--alert h1, .text--alert h2, .text--alert h3, .text--alert h4, .text--alert h5, .text--alert h6, .news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6, .news-list .layout_simple a, .news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6, .news-grid .layout_simple a, .events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6, .events-list .layout_upcoming a, .events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6, .events-grid .layout_upcoming a, .ce_form h1, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6, .faq-list > h1, .faq-list h2, .faq-list h3, .faq-list h4, .faq-list h5, .faq-list h6, .faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6, .ce_contact h1, .ce_contact h2, .ce_contact h3, .ce_contact h4, .ce_contact h5, .ce_contact h6, .ce_contact .contact__name, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
font-size: 1.25rem
}
}
@media screen and (min-width:58.75em) {
h4, .heading--4.ce_headline, .heading--4 h1:first-child, .heading--4 h2:first-child, .heading--4 h3:first-child, .heading--4 h4:first-child, .heading--4 h5:first-child, .heading--4 h6:first-child, .text--alert h1, .text--alert h2, .text--alert h3, .text--alert h4, .text--alert h5, .text--alert h6, .news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6, .news-list .layout_simple a, .news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6, .news-grid .layout_simple a, .events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6, .events-list .layout_upcoming a, .events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6, .events-grid .layout_upcoming a, .ce_form h1, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6, .faq-list > h1, .faq-list h2, .faq-list h3, .faq-list h4, .faq-list h5, .faq-list h6, .faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6, .ce_contact h1, .ce_contact h2, .ce_contact h3, .ce_contact h4, .ce_contact h5, .ce_contact h6, .ce_contact .contact__name, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
font-size: 1.25rem
}
}
@media screen and (min-width:68.75em) {
h4, .heading--4.ce_headline, .heading--4 h1:first-child, .heading--4 h2:first-child, .heading--4 h3:first-child, .heading--4 h4:first-child, .heading--4 h5:first-child, .heading--4 h6:first-child, .text--alert h1, .text--alert h2, .text--alert h3, .text--alert h4, .text--alert h5, .text--alert h6, .news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6, .news-list .layout_simple a, .news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6, .news-grid .layout_simple a, .events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6, .events-list .layout_upcoming a, .events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6, .events-grid .layout_upcoming a, .ce_form h1, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5, .ce_form h6, .faq-list > h1, .faq-list h2, .faq-list h3, .faq-list h4, .faq-list h5, .faq-list h6, .faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6, .ce_contact h1, .ce_contact h2, .ce_contact h3, .ce_contact h4, .ce_contact h5, .ce_contact h6, .ce_contact .contact__name, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
font-size: 1.25rem
}
}
p + h4, ul + h4, ol + h4 {
margin-top: 1.5rem
}
.ce_text + .ce_text h4:first-child {
margin-top: 1.5rem
}
h4 + h5 {
margin-top: -0.5rem
}
h5, .heading--5.ce_headline, .heading--5 h1:first-child, .heading--5 h2:first-child, .heading--5 h3:first-child, .heading--5 h4:first-child, .heading--5 h5:first-child, .heading--5 h6:first-child, .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6, .news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6, .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6, .events-list .header, .events-menu > h1, .events-menu > h2, .events-menu > h3, .events-menu > h4, .events-menu > h5, .events-menu > h6, .events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6, .fact h1, .fact h2, .fact h3, .fact h4, .fact h5, .fact h6, .job__item h1, .job__item h2, .job__item h3, .job__item h4, .job__item h5, .job__item h6 {
font-size: 1rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 0.5rem
}
@media screen and (min-width:34.375em) {
h5, .heading--5.ce_headline, .heading--5 h1:first-child, .heading--5 h2:first-child, .heading--5 h3:first-child, .heading--5 h4:first-child, .heading--5 h5:first-child, .heading--5 h6:first-child, .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6, .news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6, .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6, .events-list .header, .events-menu > h1, .events-menu > h2, .events-menu > h3, .events-menu > h4, .events-menu > h5, .events-menu > h6, .events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6, .fact h1, .fact h2, .fact h3, .fact h4, .fact h5, .fact h6, .job__item h1, .job__item h2, .job__item h3, .job__item h4, .job__item h5, .job__item h6 {
font-size: 1rem
}
}
@media screen and (min-width:48em) {
h5, .heading--5.ce_headline, .heading--5 h1:first-child, .heading--5 h2:first-child, .heading--5 h3:first-child, .heading--5 h4:first-child, .heading--5 h5:first-child, .heading--5 h6:first-child, .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6, .news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6, .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6, .events-list .header, .events-menu > h1, .events-menu > h2, .events-menu > h3, .events-menu > h4, .events-menu > h5, .events-menu > h6, .events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6, .fact h1, .fact h2, .fact h3, .fact h4, .fact h5, .fact h6, .job__item h1, .job__item h2, .job__item h3, .job__item h4, .job__item h5, .job__item h6 {
font-size: 1rem
}
}
@media screen and (min-width:58.75em) {
h5, .heading--5.ce_headline, .heading--5 h1:first-child, .heading--5 h2:first-child, .heading--5 h3:first-child, .heading--5 h4:first-child, .heading--5 h5:first-child, .heading--5 h6:first-child, .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6, .news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6, .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6, .events-list .header, .events-menu > h1, .events-menu > h2, .events-menu > h3, .events-menu > h4, .events-menu > h5, .events-menu > h6, .events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6, .fact h1, .fact h2, .fact h3, .fact h4, .fact h5, .fact h6, .job__item h1, .job__item h2, .job__item h3, .job__item h4, .job__item h5, .job__item h6 {
font-size: 1rem
}
}
@media screen and (min-width:68.75em) {
h5, .heading--5.ce_headline, .heading--5 h1:first-child, .heading--5 h2:first-child, .heading--5 h3:first-child, .heading--5 h4:first-child, .heading--5 h5:first-child, .heading--5 h6:first-child, .news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6, .news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6, .events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6, .events-list .header, .events-menu > h1, .events-menu > h2, .events-menu > h3, .events-menu > h4, .events-menu > h5, .events-menu > h6, .events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6, .fact h1, .fact h2, .fact h3, .fact h4, .fact h5, .fact h6, .job__item h1, .job__item h2, .job__item h3, .job__item h4, .job__item h5, .job__item h6 {
font-size: 1rem
}
}
p + h5, ul + h5, ol + h5 {
margin-top: 1.5rem
}
.ce_text + .ce_text h5:first-child {
margin-top: 1.5rem
}
h5 + h6 {
margin-top: -0.5rem
}
h6, .heading--6.ce_headline, .heading--6 h1:first-child, .heading--6 h2:first-child, .heading--6 h3:first-child, .heading--6 h4:first-child, .heading--6 h5:first-child, .heading--6 h6:first-child {
font-size: 0.875rem;
font-family: var(--headings__font-family);
font-weight: var(--headings__font-weight);
line-height: 1.25;
margin-bottom: 0
}
@media screen and (min-width:34.375em) {
h6, .heading--6.ce_headline, .heading--6 h1:first-child, .heading--6 h2:first-child, .heading--6 h3:first-child, .heading--6 h4:first-child, .heading--6 h5:first-child, .heading--6 h6:first-child {
font-size: 0.875rem
}
}
@media screen and (min-width:48em) {
h6, .heading--6.ce_headline, .heading--6 h1:first-child, .heading--6 h2:first-child, .heading--6 h3:first-child, .heading--6 h4:first-child, .heading--6 h5:first-child, .heading--6 h6:first-child {
font-size: 0.875rem
}
}
@media screen and (min-width:58.75em) {
h6, .heading--6.ce_headline, .heading--6 h1:first-child, .heading--6 h2:first-child, .heading--6 h3:first-child, .heading--6 h4:first-child, .heading--6 h5:first-child, .heading--6 h6:first-child {
font-size: 0.875rem
}
}
@media screen and (min-width:68.75em) {
h6, .heading--6.ce_headline, .heading--6 h1:first-child, .heading--6 h2:first-child, .heading--6 h3:first-child, .heading--6 h4:first-child, .heading--6 h5:first-child, .heading--6 h6:first-child {
font-size: 0.875rem
}
}
p + h6, ul + h6, ol + h6 {
margin-top: 1.5rem
}
.ce_text + .ce_text h6:first-child {
margin-top: 1.5rem
}
p, ul, ol {
margin-top: 0
}
p a, ul a, ol a {
text-decoration: var(--paragraph__link-decoration)
}
p a:hover, ul a:hover, ol a:hover {
--paragraph__link-decoration: var(--paragraph__link-decoration--hover)
}
p:last-child, ul:last-child, ol:last-child {
margin-bottom: 0
}
code {
color: var(--code__color)
}
pre {
padding: 1rem;
background: var(--pre__color-background);
color: var(--pre__color);
overflow-x: scroll
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: var(--hr-border)
}
.li--block {
margin-bottom: 1rem
}
.ce_text {
margin-bottom: var(--base-spacing-unit)
}
::selection {
background: var(--selection-background);
color: var(--selection-color);
opacity: 1
}
:root {
--color-alert: var(--color-brand-primary);
--color-alert-border: var(--color-brand-primary);
--color-code-bg: var(--color-gray-light);
--headings__font-family: var(--base-font-family-1);
--headings__font-weight: 600;
--paragraph__link-color: var(--color-links);
--paragraph__link-decoration: underline;
--paragraph__link-decoration--hover: none;
--code__color: var(--color-highlight);
--pre__color-background: var(--color-gray-light);
--pre__color: var(--color-text)
}
.heading--left {
text-align: left
}
.heading--center {
text-align: center
}
.heading--right {
text-align: right
}
.text--left {
text-align: left
}
.text--center {
text-align: center
}
.text--right {
text-align: right
}
.text--attention {
font-size: 1.125rem;
line-height: 1.5;
opacity: 0.75
}
@media screen and (min-width:48em) {
.text--attention {
font-size: 1.25rem;
line-height: 1.3;
margin-bottom: var(--base-spacing-unit--lg)
}
}
.text--alert {
padding: var(--base-spacing-unit);
border-radius: var(--base-border-radius);
border: 2px solid var(--color-alert-border);
color: var(--color-alert)
}
.ce_text + .text--alert h1:first-child, .ce_text + .text--alert h2:first-child, .ce_text + .text--alert h3:first-child, .ce_text + .text--alert h4:first-child, .ce_text + .text--alert h5:first-child, .ce_text + .text--alert h6:first-child {
margin-top: 0
}
@media screen and (min-width:48em) {
.text--narrow {
max-width: 75%;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width:58.75em) {
.text--narrow {
max-width: 58.3333333333%
}
}
p a:hover, ul a:hover, ol a:hover {
--paragraph__link-color: var(--color-links-hover)
}
ul, ol {
padding: 0;
margin-top: 0;
margin-left: var(--base-spacing-unit--lg)
}
.checklist ul {
margin-left: 0;
list-style-type: none
}
.checklist li {
margin-left: 2rem;
text-indent: -2rem;
margin-bottom: var(--base-spacing-unit)
}
.checklist li::before {
content: '✔︎';
text-indent: -9999rem;
display: inline-block;
width: 2rem;
height: calc(var(--base-line-height) * 1rem);
line-height: var(--base-line-height);
background: url('/files/theme/img/icons/checkmark.svg') left center / 24px 24px no-repeat;
vertical-align: bottom
}
blockquote {
margin: var(--base-spacing-unit) 0
}
code {
background: var(--color-code-bg);
display: inline-block;
padding-left: 4px;
padding-right: 4px;
border-radius: var(--base-border-radius);
color: var(--color-text)
}
pre code {
background: none;
color: inherit
}
html {
--grid__columns: 12;
--grid__gutter: 1.875rem;
--grid__gutter--half: calc(var(--grid__gutter) / 2)
}
.row {
display: grid;
grid-template-columns: repeat(var(--grid__columns), 1fr);
grid-column-gap: var(--grid__gutter);
grid-auto-columns: 1fr
}
@supports not (display: grid) {
.row {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.ie .row {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .ce_gallery > ul li, .article-xs-1 .inside, .article-xs-2 .inside, .article-xs-3 .inside, .article-xs-4 .inside, .article-xs-5 .inside, .article-xs-6 .inside, .article-xs-7 .inside, .article-xs-8 .inside, .article-xs-9 .inside, .article-xs-10 .inside, .article-xs-11 .inside, .article-xs-12 .inside, .article-sm-1 .inside, .article-sm-2 .inside, .article-sm-3 .inside, .article-sm-4 .inside, .article-sm-5 .inside, .article-sm-6 .inside, .article-sm-7 .inside, .article-sm-8 .inside, .article-sm-9 .inside, .article-sm-10 .inside, .article-sm-11 .inside, .article-sm-12 .inside, .article-md-1 .inside, .article-md-2 .inside, .article-md-3 .inside, .article-md-4 .inside, .article-md-5 .inside, .article-md-6 .inside, .article-md-7 .inside, .article-md-8 .inside, .article-md-9 .inside, .article-md-10 .inside, .article-md-11 .inside, .article-md-12 .inside, .article-lg-1 .inside, .article-lg-2 .inside, .article-lg-3 .inside, .article-lg-4 .inside, .article-lg-5 .inside, .article-lg-6 .inside, .article-lg-7 .inside, .article-lg-8 .inside, .article-lg-9 .inside, .article-lg-10 .inside, .article-lg-11 .inside, .article-lg-12 .inside, .article-xl-1 .inside, .article-xl-2 .inside, .article-xl-3 .inside, .article-xl-4 .inside, .article-xl-5 .inside, .article-xl-6 .inside, .article-xl-7 .inside, .article-xl-8 .inside, .article-xl-9 .inside, .article-xl-10 .inside, .article-xl-11 .inside, .article-xl-12 .inside {
grid-column: 1 / -1
}
@supports not (display: grid) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .ce_gallery > ul li, .article-xs-1 .inside, .article-xs-2 .inside, .article-xs-3 .inside, .article-xs-4 .inside, .article-xs-5 .inside, .article-xs-6 .inside, .article-xs-7 .inside, .article-xs-8 .inside, .article-xs-9 .inside, .article-xs-10 .inside, .article-xs-11 .inside, .article-xs-12 .inside, .article-sm-1 .inside, .article-sm-2 .inside, .article-sm-3 .inside, .article-sm-4 .inside, .article-sm-5 .inside, .article-sm-6 .inside, .article-sm-7 .inside, .article-sm-8 .inside, .article-sm-9 .inside, .article-sm-10 .inside, .article-sm-11 .inside, .article-sm-12 .inside, .article-md-1 .inside, .article-md-2 .inside, .article-md-3 .inside, .article-md-4 .inside, .article-md-5 .inside, .article-md-6 .inside, .article-md-7 .inside, .article-md-8 .inside, .article-md-9 .inside, .article-md-10 .inside, .article-md-11 .inside, .article-md-12 .inside, .article-lg-1 .inside, .article-lg-2 .inside, .article-lg-3 .inside, .article-lg-4 .inside, .article-lg-5 .inside, .article-lg-6 .inside, .article-lg-7 .inside, .article-lg-8 .inside, .article-lg-9 .inside, .article-lg-10 .inside, .article-lg-11 .inside, .article-lg-12 .inside, .article-xl-1 .inside, .article-xl-2 .inside, .article-xl-3 .inside, .article-xl-4 .inside, .article-xl-5 .inside, .article-xl-6 .inside, .article-xl-7 .inside, .article-xl-8 .inside, .article-xl-9 .inside, .article-xl-10 .inside, .article-xl-11 .inside, .article-xl-12 .inside {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .col-xs-1, .ie .col-xs-2, .ie .col-xs-3, .ie .col-xs-4, .ie .col-xs-5, .ie .col-xs-6, .ie .col-xs-7, .ie .col-xs-8, .ie .col-xs-9, .ie .col-xs-10, .ie .col-xs-11, .ie .col-xs-12, .ie .col-sm-1, .ie .col-sm-2, .ie .col-sm-3, .ie .col-sm-4, .ie .col-sm-5, .ie .col-sm-6, .ie .col-sm-7, .ie .col-sm-8, .ie .col-sm-9, .ie .col-sm-10, .ie .col-sm-11, .ie .col-sm-12, .ie .col-md-1, .ie .col-md-2, .ie .col-md-3, .ie .col-md-4, .ie .col-md-5, .ie .col-md-6, .ie .col-md-7, .ie .col-md-8, .ie .col-md-9, .ie .col-md-10, .ie .col-md-11, .ie .col-md-12, .ie .col-lg-1, .ie .col-lg-2, .ie .col-lg-3, .ie .col-lg-4, .ie .col-lg-5, .ie .col-lg-6, .ie .col-lg-7, .ie .col-lg-8, .ie .col-lg-9, .ie .col-lg-10, .ie .col-lg-11, .ie .col-lg-12, .ie .col-xl-1, .ie .col-xl-2, .ie .col-xl-3, .ie .col-xl-4, .ie .col-xl-5, .ie .col-xl-6, .ie .col-xl-7, .ie .col-xl-8, .ie .col-xl-9, .ie .col-xl-10, .ie .col-xl-11, .ie .col-xl-12, .ie .ce_gallery > ul li, .ce_gallery > ul .ie li, .ie .article-xs-1 .inside, .article-xs-1 .ie .inside, .ie .article-xs-2 .inside, .article-xs-2 .ie .inside, .ie .article-xs-3 .inside, .article-xs-3 .ie .inside, .ie .article-xs-4 .inside, .article-xs-4 .ie .inside, .ie .article-xs-5 .inside, .article-xs-5 .ie .inside, .ie .article-xs-6 .inside, .article-xs-6 .ie .inside, .ie .article-xs-7 .inside, .article-xs-7 .ie .inside, .ie .article-xs-8 .inside, .article-xs-8 .ie .inside, .ie .article-xs-9 .inside, .article-xs-9 .ie .inside, .ie .article-xs-10 .inside, .article-xs-10 .ie .inside, .ie .article-xs-11 .inside, .article-xs-11 .ie .inside, .ie .article-xs-12 .inside, .article-xs-12 .ie .inside, .ie .article-sm-1 .inside, .article-sm-1 .ie .inside, .ie .article-sm-2 .inside, .article-sm-2 .ie .inside, .ie .article-sm-3 .inside, .article-sm-3 .ie .inside, .ie .article-sm-4 .inside, .article-sm-4 .ie .inside, .ie .article-sm-5 .inside, .article-sm-5 .ie .inside, .ie .article-sm-6 .inside, .article-sm-6 .ie .inside, .ie .article-sm-7 .inside, .article-sm-7 .ie .inside, .ie .article-sm-8 .inside, .article-sm-8 .ie .inside, .ie .article-sm-9 .inside, .article-sm-9 .ie .inside, .ie .article-sm-10 .inside, .article-sm-10 .ie .inside, .ie .article-sm-11 .inside, .article-sm-11 .ie .inside, .ie .article-sm-12 .inside, .article-sm-12 .ie .inside, .ie .article-md-1 .inside, .article-md-1 .ie .inside, .ie .article-md-2 .inside, .article-md-2 .ie .inside, .ie .article-md-3 .inside, .article-md-3 .ie .inside, .ie .article-md-4 .inside, .article-md-4 .ie .inside, .ie .article-md-5 .inside, .article-md-5 .ie .inside, .ie .article-md-6 .inside, .article-md-6 .ie .inside, .ie .article-md-7 .inside, .article-md-7 .ie .inside, .ie .article-md-8 .inside, .article-md-8 .ie .inside, .ie .article-md-9 .inside, .article-md-9 .ie .inside, .ie .article-md-10 .inside, .article-md-10 .ie .inside, .ie .article-md-11 .inside, .article-md-11 .ie .inside, .ie .article-md-12 .inside, .article-md-12 .ie .inside, .ie .article-lg-1 .inside, .article-lg-1 .ie .inside, .ie .article-lg-2 .inside, .article-lg-2 .ie .inside, .ie .article-lg-3 .inside, .article-lg-3 .ie .inside, .ie .article-lg-4 .inside, .article-lg-4 .ie .inside, .ie .article-lg-5 .inside, .article-lg-5 .ie .inside, .ie .article-lg-6 .inside, .article-lg-6 .ie .inside, .ie .article-lg-7 .inside, .article-lg-7 .ie .inside, .ie .article-lg-8 .inside, .article-lg-8 .ie .inside, .ie .article-lg-9 .inside, .article-lg-9 .ie .inside, .ie .article-lg-10 .inside, .article-lg-10 .ie .inside, .ie .article-lg-11 .inside, .article-lg-11 .ie .inside, .ie .article-lg-12 .inside, .article-lg-12 .ie .inside, .ie .article-xl-1 .inside, .article-xl-1 .ie .inside, .ie .article-xl-2 .inside, .article-xl-2 .ie .inside, .ie .article-xl-3 .inside, .article-xl-3 .ie .inside, .ie .article-xl-4 .inside, .article-xl-4 .ie .inside, .ie .article-xl-5 .inside, .article-xl-5 .ie .inside, .ie .article-xl-6 .inside, .article-xl-6 .ie .inside, .ie .article-xl-7 .inside, .article-xl-7 .ie .inside, .ie .article-xl-8 .inside, .article-xl-8 .ie .inside, .ie .article-xl-9 .inside, .article-xl-9 .ie .inside, .ie .article-xl-10 .inside, .article-xl-10 .ie .inside, .ie .article-xl-11 .inside, .article-xl-11 .ie .inside, .ie .article-xl-12 .inside, .article-xl-12 .ie .inside {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@media screen and (min-width:0) {
.col-xs-1 {
grid-column: span 1 / span 1
}
@supports not (display: grid) {
.col-xs-1 {
width: 8.3333333333%
}
}
.ie .col-xs-1 {
width: 8.3333333333%
}
.col-xs-2 {
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.col-xs-2 {
width: 16.6666666667%
}
}
.ie .col-xs-2 {
width: 16.6666666667%
}
.col-xs-3 {
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.col-xs-3 {
width: 25%
}
}
.ie .col-xs-3 {
width: 25%
}
.col-xs-4 {
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.col-xs-4 {
width: 33.3333333333%
}
}
.ie .col-xs-4 {
width: 33.3333333333%
}
.col-xs-5 {
grid-column: span 5 / span 5
}
@supports not (display: grid) {
.col-xs-5 {
width: 41.6666666667%
}
}
.ie .col-xs-5 {
width: 41.6666666667%
}
.col-xs-6 {
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.col-xs-6 {
width: 50%
}
}
.ie .col-xs-6 {
width: 50%
}
.col-xs-7 {
grid-column: span 7 / span 7
}
@supports not (display: grid) {
.col-xs-7 {
width: 58.3333333333%
}
}
.ie .col-xs-7 {
width: 58.3333333333%
}
.col-xs-8 {
grid-column: span 8 / span 8
}
@supports not (display: grid) {
.col-xs-8 {
width: 66.6666666667%
}
}
.ie .col-xs-8 {
width: 66.6666666667%
}
.col-xs-9 {
grid-column: span 9 / span 9
}
@supports not (display: grid) {
.col-xs-9 {
width: 75%
}
}
.ie .col-xs-9 {
width: 75%
}
.col-xs-10 {
grid-column: span 10 / span 10
}
@supports not (display: grid) {
.col-xs-10 {
width: 83.3333333333%
}
}
.ie .col-xs-10 {
width: 83.3333333333%
}
.col-xs-11 {
grid-column: span 11 / span 11
}
@supports not (display: grid) {
.col-xs-11 {
width: 91.6666666667%
}
}
.ie .col-xs-11 {
width: 91.6666666667%
}
.col-xs-12 {
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.col-xs-12 {
width: 100%
}
}
.ie .col-xs-12 {
width: 100%
}
}
@media screen and (min-width:0) {
.row-span-xs-1 {
grid-row: span 1 / span 1
}
.row-span-xs-2 {
grid-row: span 2 / span 2
}
.row-span-xs-3 {
grid-row: span 3 / span 3
}
.row-span-xs-4 {
grid-row: span 4 / span 4
}
.row-span-xs-5 {
grid-row: span 5 / span 5
}
.row-span-xs-6 {
grid-row: span 6 / span 6
}
.row-span-xs-7 {
grid-row: span 7 / span 7
}
.row-span-xs-8 {
grid-row: span 8 / span 8
}
.row-span-xs-9 {
grid-row: span 9 / span 9
}
.row-span-xs-10 {
grid-row: span 10 / span 10
}
.row-span-xs-11 {
grid-row: span 11 / span 11
}
.row-span-xs-12 {
grid-row: span 12 / span 12
}
}
@media screen and (min-width:0) {
.col-start-xs-1 {
grid-column-start: 1
}
.row-start-xs-1 {
grid-row-start: 1
}
.col-start-xs-2 {
grid-column-start: 2
}
.row-start-xs-2 {
grid-row-start: 2
}
.col-start-xs-3 {
grid-column-start: 3
}
.row-start-xs-3 {
grid-row-start: 3
}
.col-start-xs-4 {
grid-column-start: 4
}
.row-start-xs-4 {
grid-row-start: 4
}
.col-start-xs-5 {
grid-column-start: 5
}
.row-start-xs-5 {
grid-row-start: 5
}
.col-start-xs-6 {
grid-column-start: 6
}
.row-start-xs-6 {
grid-row-start: 6
}
.col-start-xs-7 {
grid-column-start: 7
}
.row-start-xs-7 {
grid-row-start: 7
}
.col-start-xs-8 {
grid-column-start: 8
}
.row-start-xs-8 {
grid-row-start: 8
}
.col-start-xs-9 {
grid-column-start: 9
}
.row-start-xs-9 {
grid-row-start: 9
}
.col-start-xs-10 {
grid-column-start: 10
}
.row-start-xs-10 {
grid-row-start: 10
}
.col-start-xs-11 {
grid-column-start: 11
}
.row-start-xs-11 {
grid-row-start: 11
}
.col-start-xs-12 {
grid-column-start: 12
}
.row-start-xs-12 {
grid-row-start: 12
}
}
@media screen and (min-width:0) {
.pull-right-xs {
grid-column-end: -1
}
.pull-left-xs {
grid-row-start: 1;
grid-column-end: inherit
}
}
@media screen and (min-width:34.375em) {
.col-sm-1 {
grid-column: span 1 / span 1
}
@supports not (display: grid) {
.col-sm-1 {
width: 8.3333333333%
}
}
.ie .col-sm-1 {
width: 8.3333333333%
}
.col-sm-2 {
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.col-sm-2 {
width: 16.6666666667%
}
}
.ie .col-sm-2 {
width: 16.6666666667%
}
.col-sm-3 {
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.col-sm-3 {
width: 25%
}
}
.ie .col-sm-3 {
width: 25%
}
.col-sm-4 {
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.col-sm-4 {
width: 33.3333333333%
}
}
.ie .col-sm-4 {
width: 33.3333333333%
}
.col-sm-5 {
grid-column: span 5 / span 5
}
@supports not (display: grid) {
.col-sm-5 {
width: 41.6666666667%
}
}
.ie .col-sm-5 {
width: 41.6666666667%
}
.col-sm-6 {
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.col-sm-6 {
width: 50%
}
}
.ie .col-sm-6 {
width: 50%
}
.col-sm-7 {
grid-column: span 7 / span 7
}
@supports not (display: grid) {
.col-sm-7 {
width: 58.3333333333%
}
}
.ie .col-sm-7 {
width: 58.3333333333%
}
.col-sm-8 {
grid-column: span 8 / span 8
}
@supports not (display: grid) {
.col-sm-8 {
width: 66.6666666667%
}
}
.ie .col-sm-8 {
width: 66.6666666667%
}
.col-sm-9 {
grid-column: span 9 / span 9
}
@supports not (display: grid) {
.col-sm-9 {
width: 75%
}
}
.ie .col-sm-9 {
width: 75%
}
.col-sm-10 {
grid-column: span 10 / span 10
}
@supports not (display: grid) {
.col-sm-10 {
width: 83.3333333333%
}
}
.ie .col-sm-10 {
width: 83.3333333333%
}
.col-sm-11 {
grid-column: span 11 / span 11
}
@supports not (display: grid) {
.col-sm-11 {
width: 91.6666666667%
}
}
.ie .col-sm-11 {
width: 91.6666666667%
}
.col-sm-12 {
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.col-sm-12 {
width: 100%
}
}
.ie .col-sm-12 {
width: 100%
}
}
@media screen and (min-width:34.375em) {
.row-span-sm-1 {
grid-row: span 1 / span 1
}
.row-span-sm-2 {
grid-row: span 2 / span 2
}
.row-span-sm-3 {
grid-row: span 3 / span 3
}
.row-span-sm-4 {
grid-row: span 4 / span 4
}
.row-span-sm-5 {
grid-row: span 5 / span 5
}
.row-span-sm-6 {
grid-row: span 6 / span 6
}
.row-span-sm-7 {
grid-row: span 7 / span 7
}
.row-span-sm-8 {
grid-row: span 8 / span 8
}
.row-span-sm-9 {
grid-row: span 9 / span 9
}
.row-span-sm-10 {
grid-row: span 10 / span 10
}
.row-span-sm-11 {
grid-row: span 11 / span 11
}
.row-span-sm-12 {
grid-row: span 12 / span 12
}
}
@media screen and (min-width:34.375em) {
.col-start-sm-1 {
grid-column-start: 1
}
.row-start-sm-1 {
grid-row-start: 1
}
.col-start-sm-2 {
grid-column-start: 2
}
.row-start-sm-2 {
grid-row-start: 2
}
.col-start-sm-3 {
grid-column-start: 3
}
.row-start-sm-3 {
grid-row-start: 3
}
.col-start-sm-4 {
grid-column-start: 4
}
.row-start-sm-4 {
grid-row-start: 4
}
.col-start-sm-5 {
grid-column-start: 5
}
.row-start-sm-5 {
grid-row-start: 5
}
.col-start-sm-6 {
grid-column-start: 6
}
.row-start-sm-6 {
grid-row-start: 6
}
.col-start-sm-7 {
grid-column-start: 7
}
.row-start-sm-7 {
grid-row-start: 7
}
.col-start-sm-8 {
grid-column-start: 8
}
.row-start-sm-8 {
grid-row-start: 8
}
.col-start-sm-9 {
grid-column-start: 9
}
.row-start-sm-9 {
grid-row-start: 9
}
.col-start-sm-10 {
grid-column-start: 10
}
.row-start-sm-10 {
grid-row-start: 10
}
.col-start-sm-11 {
grid-column-start: 11
}
.row-start-sm-11 {
grid-row-start: 11
}
.col-start-sm-12 {
grid-column-start: 12
}
.row-start-sm-12 {
grid-row-start: 12
}
}
@media screen and (min-width:34.375em) {
.pull-right-sm {
grid-column-end: -1
}
.pull-left-sm {
grid-row-start: 1;
grid-column-end: inherit
}
}
@media screen and (min-width:48em) {
.col-md-1 {
grid-column: span 1 / span 1
}
@supports not (display: grid) {
.col-md-1 {
width: 8.3333333333%
}
}
.ie .col-md-1 {
width: 8.3333333333%
}
.col-md-2 {
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.col-md-2 {
width: 16.6666666667%
}
}
.ie .col-md-2 {
width: 16.6666666667%
}
.col-md-3 {
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.col-md-3 {
width: 25%
}
}
.ie .col-md-3 {
width: 25%
}
.col-md-4 {
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.col-md-4 {
width: 33.3333333333%
}
}
.ie .col-md-4 {
width: 33.3333333333%
}
.col-md-5 {
grid-column: span 5 / span 5
}
@supports not (display: grid) {
.col-md-5 {
width: 41.6666666667%
}
}
.ie .col-md-5 {
width: 41.6666666667%
}
.col-md-6 {
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.col-md-6 {
width: 50%
}
}
.ie .col-md-6 {
width: 50%
}
.col-md-7 {
grid-column: span 7 / span 7
}
@supports not (display: grid) {
.col-md-7 {
width: 58.3333333333%
}
}
.ie .col-md-7 {
width: 58.3333333333%
}
.col-md-8 {
grid-column: span 8 / span 8
}
@supports not (display: grid) {
.col-md-8 {
width: 66.6666666667%
}
}
.ie .col-md-8 {
width: 66.6666666667%
}
.col-md-9 {
grid-column: span 9 / span 9
}
@supports not (display: grid) {
.col-md-9 {
width: 75%
}
}
.ie .col-md-9 {
width: 75%
}
.col-md-10 {
grid-column: span 10 / span 10
}
@supports not (display: grid) {
.col-md-10 {
width: 83.3333333333%
}
}
.ie .col-md-10 {
width: 83.3333333333%
}
.col-md-11 {
grid-column: span 11 / span 11
}
@supports not (display: grid) {
.col-md-11 {
width: 91.6666666667%
}
}
.ie .col-md-11 {
width: 91.6666666667%
}
.col-md-12 {
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.col-md-12 {
width: 100%
}
}
.ie .col-md-12 {
width: 100%
}
}
@media screen and (min-width:48em) {
.row-span-md-1 {
grid-row: span 1 / span 1
}
.row-span-md-2 {
grid-row: span 2 / span 2
}
.row-span-md-3 {
grid-row: span 3 / span 3
}
.row-span-md-4 {
grid-row: span 4 / span 4
}
.row-span-md-5 {
grid-row: span 5 / span 5
}
.row-span-md-6 {
grid-row: span 6 / span 6
}
.row-span-md-7 {
grid-row: span 7 / span 7
}
.row-span-md-8 {
grid-row: span 8 / span 8
}
.row-span-md-9 {
grid-row: span 9 / span 9
}
.row-span-md-10 {
grid-row: span 10 / span 10
}
.row-span-md-11 {
grid-row: span 11 / span 11
}
.row-span-md-12 {
grid-row: span 12 / span 12
}
}
@media screen and (min-width:48em) {
.col-start-md-1 {
grid-column-start: 1
}
.row-start-md-1 {
grid-row-start: 1
}
.col-start-md-2 {
grid-column-start: 2
}
.row-start-md-2 {
grid-row-start: 2
}
.col-start-md-3 {
grid-column-start: 3
}
.row-start-md-3 {
grid-row-start: 3
}
.col-start-md-4 {
grid-column-start: 4
}
.row-start-md-4 {
grid-row-start: 4
}
.col-start-md-5 {
grid-column-start: 5
}
.row-start-md-5 {
grid-row-start: 5
}
.col-start-md-6 {
grid-column-start: 6
}
.row-start-md-6 {
grid-row-start: 6
}
.col-start-md-7 {
grid-column-start: 7
}
.row-start-md-7 {
grid-row-start: 7
}
.col-start-md-8 {
grid-column-start: 8
}
.row-start-md-8 {
grid-row-start: 8
}
.col-start-md-9 {
grid-column-start: 9
}
.row-start-md-9 {
grid-row-start: 9
}
.col-start-md-10 {
grid-column-start: 10
}
.row-start-md-10 {
grid-row-start: 10
}
.col-start-md-11 {
grid-column-start: 11
}
.row-start-md-11 {
grid-row-start: 11
}
.col-start-md-12 {
grid-column-start: 12
}
.row-start-md-12 {
grid-row-start: 12
}
}
@media screen and (min-width:48em) {
.pull-right-md {
grid-column-end: -1
}
.pull-left-md {
grid-row-start: 1;
grid-column-end: inherit
}
}
@media screen and (min-width:58.75em) {
.col-lg-1 {
grid-column: span 1 / span 1
}
@supports not (display: grid) {
.col-lg-1 {
width: 8.3333333333%
}
}
.ie .col-lg-1 {
width: 8.3333333333%
}
.col-lg-2 {
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.col-lg-2 {
width: 16.6666666667%
}
}
.ie .col-lg-2 {
width: 16.6666666667%
}
.col-lg-3 {
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.col-lg-3 {
width: 25%
}
}
.ie .col-lg-3 {
width: 25%
}
.col-lg-4 {
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.col-lg-4 {
width: 33.3333333333%
}
}
.ie .col-lg-4 {
width: 33.3333333333%
}
.col-lg-5 {
grid-column: span 5 / span 5
}
@supports not (display: grid) {
.col-lg-5 {
width: 41.6666666667%
}
}
.ie .col-lg-5 {
width: 41.6666666667%
}
.col-lg-6 {
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.col-lg-6 {
width: 50%
}
}
.ie .col-lg-6 {
width: 50%
}
.col-lg-7 {
grid-column: span 7 / span 7
}
@supports not (display: grid) {
.col-lg-7 {
width: 58.3333333333%
}
}
.ie .col-lg-7 {
width: 58.3333333333%
}
.col-lg-8 {
grid-column: span 8 / span 8
}
@supports not (display: grid) {
.col-lg-8 {
width: 66.6666666667%
}
}
.ie .col-lg-8 {
width: 66.6666666667%
}
.col-lg-9 {
grid-column: span 9 / span 9
}
@supports not (display: grid) {
.col-lg-9 {
width: 75%
}
}
.ie .col-lg-9 {
width: 75%
}
.col-lg-10 {
grid-column: span 10 / span 10
}
@supports not (display: grid) {
.col-lg-10 {
width: 83.3333333333%
}
}
.ie .col-lg-10 {
width: 83.3333333333%
}
.col-lg-11 {
grid-column: span 11 / span 11
}
@supports not (display: grid) {
.col-lg-11 {
width: 91.6666666667%
}
}
.ie .col-lg-11 {
width: 91.6666666667%
}
.col-lg-12 {
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.col-lg-12 {
width: 100%
}
}
.ie .col-lg-12 {
width: 100%
}
}
@media screen and (min-width:58.75em) {
.row-span-lg-1 {
grid-row: span 1 / span 1
}
.row-span-lg-2 {
grid-row: span 2 / span 2
}
.row-span-lg-3 {
grid-row: span 3 / span 3
}
.row-span-lg-4 {
grid-row: span 4 / span 4
}
.row-span-lg-5 {
grid-row: span 5 / span 5
}
.row-span-lg-6 {
grid-row: span 6 / span 6
}
.row-span-lg-7 {
grid-row: span 7 / span 7
}
.row-span-lg-8 {
grid-row: span 8 / span 8
}
.row-span-lg-9 {
grid-row: span 9 / span 9
}
.row-span-lg-10 {
grid-row: span 10 / span 10
}
.row-span-lg-11 {
grid-row: span 11 / span 11
}
.row-span-lg-12 {
grid-row: span 12 / span 12
}
}
@media screen and (min-width:58.75em) {
.col-start-lg-1 {
grid-column-start: 1
}
.row-start-lg-1 {
grid-row-start: 1
}
.col-start-lg-2 {
grid-column-start: 2
}
.row-start-lg-2 {
grid-row-start: 2
}
.col-start-lg-3 {
grid-column-start: 3
}
.row-start-lg-3 {
grid-row-start: 3
}
.col-start-lg-4 {
grid-column-start: 4
}
.row-start-lg-4 {
grid-row-start: 4
}
.col-start-lg-5 {
grid-column-start: 5
}
.row-start-lg-5 {
grid-row-start: 5
}
.col-start-lg-6 {
grid-column-start: 6
}
.row-start-lg-6 {
grid-row-start: 6
}
.col-start-lg-7 {
grid-column-start: 7
}
.row-start-lg-7 {
grid-row-start: 7
}
.col-start-lg-8 {
grid-column-start: 8
}
.row-start-lg-8 {
grid-row-start: 8
}
.col-start-lg-9 {
grid-column-start: 9
}
.row-start-lg-9 {
grid-row-start: 9
}
.col-start-lg-10 {
grid-column-start: 10
}
.row-start-lg-10 {
grid-row-start: 10
}
.col-start-lg-11 {
grid-column-start: 11
}
.row-start-lg-11 {
grid-row-start: 11
}
.col-start-lg-12 {
grid-column-start: 12
}
.row-start-lg-12 {
grid-row-start: 12
}
}
@media screen and (min-width:58.75em) {
.pull-right-lg {
grid-column-end: -1
}
.pull-left-lg {
grid-row-start: 1;
grid-column-end: inherit
}
}
@media screen and (min-width:68.75em) {
.col-xl-1 {
grid-column: span 1 / span 1
}
@supports not (display: grid) {
.col-xl-1 {
width: 8.3333333333%
}
}
.ie .col-xl-1 {
width: 8.3333333333%
}
.col-xl-2 {
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.col-xl-2 {
width: 16.6666666667%
}
}
.ie .col-xl-2 {
width: 16.6666666667%
}
.col-xl-3 {
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.col-xl-3 {
width: 25%
}
}
.ie .col-xl-3 {
width: 25%
}
.col-xl-4 {
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.col-xl-4 {
width: 33.3333333333%
}
}
.ie .col-xl-4 {
width: 33.3333333333%
}
.col-xl-5 {
grid-column: span 5 / span 5
}
@supports not (display: grid) {
.col-xl-5 {
width: 41.6666666667%
}
}
.ie .col-xl-5 {
width: 41.6666666667%
}
.col-xl-6 {
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.col-xl-6 {
width: 50%
}
}
.ie .col-xl-6 {
width: 50%
}
.col-xl-7 {
grid-column: span 7 / span 7
}
@supports not (display: grid) {
.col-xl-7 {
width: 58.3333333333%
}
}
.ie .col-xl-7 {
width: 58.3333333333%
}
.col-xl-8 {
grid-column: span 8 / span 8
}
@supports not (display: grid) {
.col-xl-8 {
width: 66.6666666667%
}
}
.ie .col-xl-8 {
width: 66.6666666667%
}
.col-xl-9 {
grid-column: span 9 / span 9
}
@supports not (display: grid) {
.col-xl-9 {
width: 75%
}
}
.ie .col-xl-9 {
width: 75%
}
.col-xl-10 {
grid-column: span 10 / span 10
}
@supports not (display: grid) {
.col-xl-10 {
width: 83.3333333333%
}
}
.ie .col-xl-10 {
width: 83.3333333333%
}
.col-xl-11 {
grid-column: span 11 / span 11
}
@supports not (display: grid) {
.col-xl-11 {
width: 91.6666666667%
}
}
.ie .col-xl-11 {
width: 91.6666666667%
}
.col-xl-12 {
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.col-xl-12 {
width: 100%
}
}
.ie .col-xl-12 {
width: 100%
}
}
@media screen and (min-width:68.75em) {
.row-span-xl-1 {
grid-row: span 1 / span 1
}
.row-span-xl-2 {
grid-row: span 2 / span 2
}
.row-span-xl-3 {
grid-row: span 3 / span 3
}
.row-span-xl-4 {
grid-row: span 4 / span 4
}
.row-span-xl-5 {
grid-row: span 5 / span 5
}
.row-span-xl-6 {
grid-row: span 6 / span 6
}
.row-span-xl-7 {
grid-row: span 7 / span 7
}
.row-span-xl-8 {
grid-row: span 8 / span 8
}
.row-span-xl-9 {
grid-row: span 9 / span 9
}
.row-span-xl-10 {
grid-row: span 10 / span 10
}
.row-span-xl-11 {
grid-row: span 11 / span 11
}
.row-span-xl-12 {
grid-row: span 12 / span 12
}
}
@media screen and (min-width:68.75em) {
.col-start-xl-1 {
grid-column-start: 1
}
.row-start-xl-1 {
grid-row-start: 1
}
.col-start-xl-2 {
grid-column-start: 2
}
.row-start-xl-2 {
grid-row-start: 2
}
.col-start-xl-3 {
grid-column-start: 3
}
.row-start-xl-3 {
grid-row-start: 3
}
.col-start-xl-4 {
grid-column-start: 4
}
.row-start-xl-4 {
grid-row-start: 4
}
.col-start-xl-5 {
grid-column-start: 5
}
.row-start-xl-5 {
grid-row-start: 5
}
.col-start-xl-6 {
grid-column-start: 6
}
.row-start-xl-6 {
grid-row-start: 6
}
.col-start-xl-7 {
grid-column-start: 7
}
.row-start-xl-7 {
grid-row-start: 7
}
.col-start-xl-8 {
grid-column-start: 8
}
.row-start-xl-8 {
grid-row-start: 8
}
.col-start-xl-9 {
grid-column-start: 9
}
.row-start-xl-9 {
grid-row-start: 9
}
.col-start-xl-10 {
grid-column-start: 10
}
.row-start-xl-10 {
grid-row-start: 10
}
.col-start-xl-11 {
grid-column-start: 11
}
.row-start-xl-11 {
grid-row-start: 11
}
.col-start-xl-12 {
grid-column-start: 12
}
.row-start-xl-12 {
grid-row-start: 12
}
}
@media screen and (min-width:68.75em) {
.pull-right-xl {
grid-column-end: -1
}
.pull-left-xl {
grid-row-start: 1;
grid-column-end: inherit
}
}
.justify-start {
justify-self: start;
text-align: left
}
.justify-center {
justify-self: center;
text-align: center
}
.justify-end {
justify-self: end;
text-align: right
}
@media screen and (min-width:0) {
.justify-xs-start {
justify-self: start;
text-align: left
}
.justify-xs-center {
justify-self: center;
text-align: center
}
.justify-xs-end {
justify-self: end;
text-align: right
}
}
@media screen and (min-width:34.375em) {
.justify-sm-start {
justify-self: start;
text-align: left
}
.justify-sm-center {
justify-self: center;
text-align: center
}
.justify-sm-end {
justify-self: end;
text-align: right
}
}
@media screen and (min-width:48em) {
.justify-md-start {
justify-self: start;
text-align: left
}
.justify-md-center {
justify-self: center;
text-align: center
}
.justify-md-end {
justify-self: end;
text-align: right
}
}
@media screen and (min-width:58.75em) {
.justify-lg-start {
justify-self: start;
text-align: left
}
.justify-lg-center {
justify-self: center;
text-align: center
}
.justify-lg-end {
justify-self: end;
text-align: right
}
}
@media screen and (min-width:68.75em) {
.justify-xl-start {
justify-self: start;
text-align: left
}
.justify-xl-center {
justify-self: center;
text-align: center
}
.justify-xl-end {
justify-self: end;
text-align: right
}
}
.align-start {
align-self: start
}
.align-center {
align-self: center
}
.align-end {
align-self: end
}
@media screen and (min-width:0) {
.align-xs-start {
align-self: start
}
.align-xs-center {
align-self: center
}
.align-xs-end {
align-self: end
}
}
@media screen and (min-width:34.375em) {
.align-sm-start {
align-self: start
}
.align-sm-center {
align-self: center
}
.align-sm-end {
align-self: end
}
}
@media screen and (min-width:48em) {
.align-md-start {
align-self: start
}
.align-md-center {
align-self: center
}
.align-md-end {
align-self: end
}
}
@media screen and (min-width:58.75em) {
.align-lg-start {
align-self: start
}
.align-lg-center {
align-self: center
}
.align-lg-end {
align-self: end
}
}
@media screen and (min-width:68.75em) {
.align-xl-start {
align-self: start
}
.align-xl-center {
align-self: center
}
.align-xl-end {
align-self: end
}
}
.row-start-1 {
grid-row-start: 1
}
.row-span-1 {
grid-row: span 1 / span 1
}
.row-start-2 {
grid-row-start: 2
}
.row-span-2 {
grid-row: span 2 / span 2
}
.row-start-3 {
grid-row-start: 3
}
.row-span-3 {
grid-row: span 3 / span 3
}
.row-start-4 {
grid-row-start: 4
}
.row-span-4 {
grid-row: span 4 / span 4
}
.row-start-5 {
grid-row-start: 5
}
.row-span-5 {
grid-row: span 5 / span 5
}
.row-start-6 {
grid-row-start: 6
}
.row-span-6 {
grid-row: span 6 / span 6
}
.row-start-7 {
grid-row-start: 7
}
.row-span-7 {
grid-row: span 7 / span 7
}
.row-start-8 {
grid-row-start: 8
}
.row-span-8 {
grid-row: span 8 / span 8
}
.row-start-9 {
grid-row-start: 9
}
.row-span-9 {
grid-row: span 9 / span 9
}
.row-start-10 {
grid-row-start: 10
}
.row-span-10 {
grid-row: span 10 / span 10
}
.row-start-11 {
grid-row-start: 11
}
.row-span-11 {
grid-row: span 11 / span 11
}
.row-start-12 {
grid-row-start: 12
}
.row-span-12 {
grid-row: span 12 / span 12
}
:root {
--grid__columns: 12;
--grid__gutter: 1rem;
--grid__gutter--half: calc(var(--grid__gutter) / 2)
}
@media screen and (min-width:34.375em) {
:root {
--grid__gutter: 1.875rem
}
}
.row-gap {
grid-row-gap: var(--grid__gutter)
}
.row-gap [class*='col'] [class*='ce_'], .row-gap [class*='col'] [class*='mod_'] {
display: grid;
height: 100%
}
.row-start {
-ms-flex-item-align: start;
align-self: start
}
.row-center {
-ms-flex-line-pack: center;
align-content: center
}
html {
--header-color-background: var(--color-page-background);
--header-color-text: var(--color-text)
}
[id="header"] {
background: var(--header-color-background);
color: var(--header-color-text)
}
[id="header"] > .inside {
max-width: 72em;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
.mod_article {
max-width: 72em;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half);
padding-top: var(--base-spacing-unit--lg);
padding-bottom: var(--base-spacing-unit--lg);
position: relative
}
.article--full {
max-width: none;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0
}
[id="footer"] > .inside {
max-width: 72em;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
:root {
--wrapper-background: #FFFFFF;
--header-color-background: #FFFFFF;
--header-color-background--inverted: var(--color-band-dark-background);
--header-color-text--invert: #FFFFFF
}
@media screen and (max-width:51.9375em) {
.html--fixed {
overflow: hidden;
position: fixed;
height: 100%;
width: 100%
}
}
[id='wrapper'] {
min-height: 100vh;
display: grid;
grid-template-rows: -webkit-min-content auto -webkit-min-content;
grid-template-rows: min-content auto min-content;
margin-left: auto;
margin-right: auto;
background: var(--wrapper-background)
}
[id='header'] {
padding-left: var(--grid__gutter);
padding-right: var(--grid__gutter);
z-index: 1001;
left: 0;
right: 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
color: var(--header-color-text)
}
[id='header'] .inside {
padding-left: 0;
padding-right: 0;
padding-top: var(--base-spacing-unit);
display: grid;
grid-template-columns: auto auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
position: relative
}
@supports not (display: grid) {
[id='header'] .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.ie [id='header'] .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
[id='header'] html.html--fixed [id='header'] html {
pointer-events: none
}
[id='container'] {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
[id='footer'] {
padding-left: var(--grid__gutter);
padding-right: var(--grid__gutter);
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
border-top: var(--base-border)
}
[id='footer'] .inside {
padding-left: 0;
padding-right: 0;
display: grid;
grid-template-columns: auto auto;
padding-top: var(--base-spacing-unit);
padding-bottom: var(--base-spacing-unit--xs)
}
@supports not (display: grid) {
[id='footer'] .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media screen and (min-width:68.75em) {
[id='footer'] .inside {
padding-top: var(--base-spacing-unit--lg);
padding-bottom: var(--base-spacing-unit--sm)
}
}
.mod_article {
max-width: none;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--grid__gutter);
padding-right: var(--grid__gutter);
position: relative;
padding-top: var(--base-spacing-unit--lg);
padding-bottom: var(--base-spacing-unit--lg)
}
@media screen and (min-width:58.75em) {
.mod_article {
padding-top: var(--base-spacing-unit--xl);
padding-bottom: var(--base-spacing-unit--xl)
}
}
.mod_article .inside {
max-width: 72em;
width: 100%;
margin-left: auto;
margin-right: auto
}
.mod_article .inside > .last {
margin-bottom: 0
}
.article--highlight {
background: var(--color-band-highlight-background);
color: var(--color-band-highlight-text)
}
.article--highlight a {
color: inherit
}
.article--bubble-left {
xbackground-image: url('/files/theme/img/background-bubble-left.svg');
background-repeat: no-repeat;
background-position: -1% 0
}
.article--bubble-right {
xbackground-image: url('/files/theme/img/background-bubble-right.svg');
background-repeat: no-repeat;
background-position: 100% 0
}
.article--tint {
background-color: var(--color-band-tint-background);
background-repeat: no-repeat;
background-position: 50% 101%;
padding-top: var(--base-spacing-unit--lg);
padding-bottom: var(--base-spacing-unit--lg)
}
@media screen and (min-width:48em) {
.article--tint {
padding-top: calc(2 * var(--base-spacing-unit--xl));
padding-bottom: calc(2 * var(--base-spacing-unit--xl))
}
}
.article--tint::before, .article--tint::after {
content: '';
display: block;
position: absolute;
z-index: 1;
left: 0;
right: 0;
height: calc(1.5 * var(--base-spacing-unit--xl));
background-repeat: no-repeat;
background-position-x: 50%
}
.article--tint::before {
top: 0;
background-image: url('/files/theme/img/background-bubble-bottom.svg');
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-position-y: 0
}
.article--tint::after {
background-image: url('/files/theme/img/background-bubble-bottom.svg');
bottom: 0
}
.article--tint .inside {
position: relative;
z-index: 1001
}
.article--dark {
background: var(--color-band-dark-background);
color: var(--color-band-dark-text)
}
:root {
--image-border: var(--base-border);
--image-caption-padding: var(--base-spacing-unit)
}
html {
--gallery__gutter: var(--grid__gutter);
--gallery__gutter--half: calc(var(--gallery__gutter) / 2)
}
.image--left img {
text-align: left;
margin-left: 0
}
.image--right img {
text-align: right;
margin-right: 0
}
.image--center img {
text-align: center;
margin-left: auto;
margin-right: auto
}
.ce_gallery {
margin-bottom: var(--base-spacing-unit)
}
.ce_gallery > ul {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--grid__gutter);
grid-auto-columns: 1fr;
grid-row-gap: var(--grid__gutter);
padding: 0;
margin: 0;
list-style-type: none
}
@supports not (display: grid) {
.ce_gallery > ul {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.ie .ce_gallery > ul {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
.ce_gallery .cols_2 li {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.ce_gallery .cols_2 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_2 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_2 li {
width: 50%
}
}
.ie .ce_gallery .cols_2 li {
width: 50%
}
.ce_gallery .cols_3 li {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.ce_gallery .cols_3 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_3 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_3 li {
width: 50%
}
}
.ie .ce_gallery .cols_3 li {
width: 50%
}
@media screen and (min-width:48em) {
.ce_gallery .cols_3 li {
grid-column: 1 / -1;
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.ce_gallery .cols_3 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_3 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_3 li {
width: 33.3333333333%
}
}
.ie .ce_gallery .cols_3 li {
width: 33.3333333333%
}
}
.ce_gallery .cols_4 li {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.ce_gallery .cols_4 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_4 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_4 li {
width: 50%
}
}
.ie .ce_gallery .cols_4 li {
width: 50%
}
@media screen and (min-width:48em) {
.ce_gallery .cols_4 li {
grid-column: 1 / -1;
grid-column: span 3 / span 3
}
@supports not (display: grid) {
.ce_gallery .cols_4 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_4 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_4 li {
width: 25%
}
}
.ie .ce_gallery .cols_4 li {
width: 25%
}
}
.ce_gallery .cols_5 li {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.ce_gallery .cols_5 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_5 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_5 li {
width: 50%
}
}
.ie .ce_gallery .cols_5 li {
width: 50%
}
@media screen and (min-width:48em) {
.ce_gallery .cols_5 li {
grid-column: 1 / -1;
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.ce_gallery .cols_5 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_5 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_5 li {
width: 16.6666666667%
}
}
.ie .ce_gallery .cols_5 li {
width: 16.6666666667%
}
}
.ce_gallery .cols_6 li {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.ce_gallery .cols_6 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_6 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_6 li {
width: 50%
}
}
.ie .ce_gallery .cols_6 li {
width: 50%
}
@media screen and (min-width:48em) {
.ce_gallery .cols_6 li {
grid-column: 1 / -1;
grid-column: span 2 / span 2
}
@supports not (display: grid) {
.ce_gallery .cols_6 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .ce_gallery .cols_6 li {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.ce_gallery .cols_6 li {
width: 16.6666666667%
}
}
.ie .ce_gallery .cols_6 li {
width: 16.6666666667%
}
}
.ce_gallery img {
display: block
}
.ce_player .inside, .ce_youtube .inside, .ce_player .mejs-video, .ce_youtube .mejs-video, .ce_player .mejs__video, .ce_youtube .mejs__video {
margin-left: auto;
margin-right: auto
}
.ce_player .mejs-video, .ce_youtube .mejs-video, .ce_player .mejs__video, .ce_youtube .mejs__video {
width: 100% !important;
height: auto !important;
padding-top: 56.25%
}
.ce_player .mejs-audio, .ce_youtube .mejs-audio, .ce_player .mejs__audio, .ce_youtube .mejs__audio {
margin-top: 30px
}
.ce_player .mejs-audio audio, .ce_youtube .mejs-audio audio, .ce_player .mejs__audio audio, .ce_youtube .mejs__audio audio {
height: auto
}
.ce_player .mejs-overlay, .ce_youtube .mejs-overlay, .ce_player .mejs-poster, .ce_youtube .mejs-poster, .ce_player .mejs__overlay, .ce_youtube .mejs__overlay, .ce_player .mejs__poster, .ce_youtube .mejs__poster {
width: 100% !important;
height: 100% !important
}
.ce_player .mejs-video .mejs-mediaelement video, .ce_youtube .mejs-video .mejs-mediaelement video, .ce_player .mejs-video .mejs-mediaelement .me-plugin, .ce_youtube .mejs-video .mejs-mediaelement .me-plugin, .ce_player .mejs-video .mejs-mediaelement embed, .ce_youtube .mejs-video .mejs-mediaelement embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important
}
.ce_player .mejs__video .mejs__mediaelement video, .ce_youtube .mejs__video .mejs__mediaelement video, .ce_player .mejs__video .mejs__mediaelement .me__plugin, .ce_youtube .mejs__video .mejs__mediaelement .me__plugin, .ce_player .mejs__video .mejs__mediaelement embed, .ce_youtube .mejs__video .mejs__mediaelement embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important
}
.ce_youtube {
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: auto
}
.ce_youtube iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important
}
@supports not (display: grid) {
.ce_image {
margin-bottom: var(--grid__gutter)
}
}
.ce_image a {
display: grid;
height: 100%;
grid-auto-rows: auto 1fr
}
.ce_image img {
margin-bottom: 0;
justify-self: center
}
.ce_image .caption {
width: 100%;
padding: var(--image-caption-padding);
margin-top: 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border: var(--image-border);
border-top: none
}
.image--border img {
border: var(--image-border)
}
.ce_text {
overflow: visible
}
.ce_text .float_left, .ce_text .float_right {
position: relative;
margin-bottom: var(--grid__gutter)
}
@media screen and (min-width:34.375em) {
.ce_text .float_left, .ce_text .float_right {
max-width: 50%;
margin-bottom: 0
}
}
@media screen and (min-width:34.375em) {
.ce_text .float_left {
margin-right: var(--grid__gutter)
}
}
@media screen and (min-width:34.375em) {
.ce_text .float_right {
margin-left: var(--grid__gutter)
}
}
.ce_text .caption {
font-size: var(--base-font-size--xs);
font-style: italic
}
.image--object-fit .image_container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
.image--object-fit img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.compat-object-fit {
background-size: cover;
background-position: center center
}
.compat-object-fit img {
opacity: 0
}
.ce_youtube h1, .ce_youtube h2, .ce_youtube h3, .ce_youtube h4, .ce_youtube h5, .ce_youtube h6 {
position: absolute;
z-index: 1001;
background: var(--color-alert-bg)
}
.ce_youtube h1::after, .ce_youtube h2::after, .ce_youtube h3::after, .ce_youtube h4::after, .ce_youtube h5::after, .ce_youtube h6::after {
content: ' +++ Warning: do not use headlines inside ce_youtube, see _media.scss +++'
}
html {
--button-bg: var(--color-btn);
--button-bg-hover: var(--color-btn);
--button-spacing: var(--base-spacing-unit--sm) var(--base-spacing-unit);
--button-border-radius: var(--base-border-radius);
--button-border-width: var(--base-border-width);
--button-font-family: var(--base-font-family);
--button-font-weight: 400;
--button-line-height: var(--base-line-height)
}
a.btn, span.btn, button.btn, div.btn > a, .ce_toplink > a, .toplink > a, div.btn > button, .ce_toplink > button, .toplink > button, .back a, .news-list .layout_latest .more a, .news-list .layout_short .more a, .news-grid .more a, .events-list .layout_list .more a, .events-list .layout_teaser .more a, .events-grid .more a, input.submit, button.submit, .ce_comments .submit {
border-radius: var(--button-border-radius);
padding: var(--button-spacing);
display: inline-block;
border: var(--button-border-width) solid transparent;
font-family: var(--button-font-family);
font-weight: var(--button-font-weight);
line-height: var(--button-line-height);
text-align: center;
background: transparent;
background-image: none;
white-space: nowrap;
text-decoration: none
}
a.btn, span.btn, button.btn {
margin-bottom: var(--base-spacing-unit)
}
a.btn--primary, span.btn--primary, button.btn--primary, button.submit, .ce_comments .submit {
background: var(--button-bg);
color: var(--color-btn-text)
}
a.btn--primary:hover, span.btn--primary:hover, button.btn--primary:hover, button.submit:hover, .ce_comments .submit:hover {
background: var(--button-bg-hover)
}
div.btn:not(:last-child), .ce_toplink:not(:last-child), .toplink:not(:last-child) {
margin-bottom: var(--base-spacing-unit)
}
div.btn--primary > a, .ce_toplink > a, .toplink > a, div.btn--primary > button, .ce_toplink > button, .toplink > button {
background: var(--button-bg);
color: var(--color-btn-text)
}
div.btn--primary > a:hover, .ce_toplink > a:hover, .toplink > a:hover, div.btn--primary > button:hover, .ce_toplink > button:hover, .toplink > button:hover {
background: var(--button-bg-hover)
}
.div.btn--left {
text-align: left
}
div.btn--center {
text-align: center
}
div.btn--right {
text-align: right
}
.btn--floated {
float: left;
margin-right: var(--base-spacing-unit--xs)
}
.ce_toplink a, .toplink a {
text-decoration: none
}
.back {
border-top: var(--base-border);
margin-top: var(--base-spacing-unit);
padding-top: var(--base-spacing-unit--sm)
}
.back a {
text-decoration: none
}
:root {
--button-bg: linear-gradient(45deg, var(--color-purple) 0, var(--color-purple-light) 100%);
--button-border-radius: 0.4rem;
--btn-font-family: var(--base-font-family-1);
--btn-font-weight: 700;
--button-spacing: var(--base-spacing-unit--xs) var(--base-spacing-unit);
--button-bg-hover: linear-gradient(-135deg, var(--color-purple) 0, var(--color-purple-dark) 100%);
--button-primary-shadow: 0 10px 40px 0 rgba(50, 50, 50, 0.25);
--btn--secondary-color: var(--color-brand-secondary);
--btn--secondary-color--dark: var(--color-brand-secondary-dark);
--btn--primary-highlight-bg: var(--color-text);
--btn--primary-highlight-text: var(--color-text--inverted);
--btn--secondary-highlight-text: var(--color-text--inverted)
}
a {
color: var(--color-links)
}
a:hover {
--color-links: var(--color-links-hover)
}
a.btn, span.btn, button.btn, div.btn > a, .ce_toplink > a, .toplink > a, div.btn > button, .ce_toplink > button, .toplink > button, .back a, .news-list .layout_latest .more a, .news-list .layout_short .more a, .news-grid .more a, .events-list .layout_list .more a, .events-list .layout_teaser .more a, .events-grid .more a, input.submit, button.submit, .ce_comments .submit {
border: none
}
a.btn--primary, span.btn--primary, button.btn--primary, button.submit, .ce_comments .submit {
text-decoration: none;
-webkit-transition: background 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, -webkit-box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s
}
a.btn--primary:hover, span.btn--primary:hover, button.btn--primary:hover, button.submit:hover, .ce_comments .submit:hover {
--button-bg: var(--button-bg-hover);
--button-text: var(--color-text--inverted);
-webkit-box-shadow: var(--button-primary-shadow);
box-shadow: var(--button-primary-shadow)
}
p a.btn--primary, p span.btn--primary, p button.btn--primary, p button.submit, p .ce_comments .submit, .ce_comments p .submit {
margin-bottom: 0;
text-decoration: none
}
a.btn--secondary, .back a, .events-list .layout_list .more a, .events-list .layout_teaser .more a, .news-list .layout_latest .more a, .news-list .layout_short .more a, .news-grid .more a, .events-grid .more a, span.btn--secondary, button.btn--secondary, .newsletter-subscribe button.submit, .newsletter-unsubscribe button.submit {
border-radius: var(--button-border-radius);
color: var(--color-text--inverted);
border: var(--base-border-width) solid var(--btn--secondary-color);
background: var(--btn--secondary-color);
-webkit-transition: background 0.3s;
transition: background 0.3s
}
a.btn--secondary:hover, .back a:hover, .events-list .layout_list .more a:hover, .events-list .layout_teaser .more a:hover, .news-list .layout_latest .more a:hover, .news-list .layout_short .more a:hover, .news-grid .more a:hover, .events-grid .more a:hover, span.btn--secondary:hover, button.btn--secondary:hover, .newsletter-subscribe button.submit:hover, .newsletter-unsubscribe button.submit:hover {
--btn--secondary-color: var(--btn--secondary-color--dark)
}
p a.btn--secondary, p .back a, .back p a, p .events-list .layout_list .more a, .events-list .layout_list .more p a, p .events-list .layout_teaser .more a, .events-list .layout_teaser .more p a, p .news-list .layout_latest .more a, .news-list .layout_latest .more p a, p .news-list .layout_short .more a, .news-list .layout_short .more p a, p .news-grid .more a, .news-grid .more p a, p .events-grid .more a, .events-grid .more p a, p span.btn--secondary, p button.btn--secondary, p .newsletter-subscribe button.submit, .newsletter-subscribe p button.submit, p .newsletter-unsubscribe button.submit, .newsletter-unsubscribe p button.submit {
margin-bottom: 0;
text-decoration: none
}
div.btn--primary a {
-webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
transition: background-color 0.3s, -webkit-box-shadow 0.3s;
transition: background-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s
}
div.btn--primary a:hover {
-webkit-box-shadow: var(--button-primary-shadow);
box-shadow: var(--button-primary-shadow)
}
.band--highlight div.btn--primary a {
background-color: var(--btn--primary-highlight-bg);
color: var(--btn--primary-highlight-text)
}
div.btn--secondary a {
border-radius: var(--button-border-radius);
color: var(--color-text--inverted);
border: var(--base-border-width) solid var(--btn--secondary-color);
background: var(--btn--secondary-color);
-webkit-transition: background 0.3s;
transition: background 0.3s
}
div.btn--secondary a:hover {
--btn--secondary-color: var(--btn--secondary-color--dark)
}
html {
--nav--main__item-padding: var(--base-spacing-unit);
--nav-toggler-top-space: var(--base-spacing-unit--sm);
--nav-toggler-right-space: var(--base-spacing-unit--sm);
--nav-toggler-border: var(--base-border-width) solid currentColor
}
.nav ul {
list-style-type: none;
margin: 0;
padding: 0
}
.nav a {
text-decoration: none
}
.nav--horizontal ul {
display: flex;
flex-direction: column
}
@media screen and (min-width:52em) {
.nav--horizontal ul {
flex-direction: row
}
}
.nav--horizontal a, .nav--horizontal strong.active, .nav--horizontal strong.trail {
display: block;
padding: calc(var(--nav--main__item-padding) / 2) var(--nav--main__item-padding)
}
.nav--vertical a, .nav--vertical strong.active, .nav--vertical strong.trail {
display: block;
padding: calc(var(--nav--main__item-padding) / 2) var(--nav--main__item-padding)
}
.nav--border {
border: var(--base-border)
}
.nav--border a, .nav--border strong.active, .nav--border strong.trail {
padding: var(--nav--main__item-padding) var(--nav--main__item-padding);
border-bottom: 1px solid var(--base-border-color)
}
.nav--border a.last, .nav--border strong.active.last, .nav--border strong.trail.last {
border-bottom: 0
}
.nav--breadcrumb {
border: var(--base-border);
padding: var(--base-spacing-unit--sm) var(--base-spacing-unit);
display: flex
}
@media screen and (min-width:52em) {
.nav--breadcrumb {
flex-direction: column
}
}
@media screen and (min-width:52em) {
.nav--breadcrumb li {
padding-right: var(--base-spacing-unit)
}
}
.nav--breadcrumb a:after {
font-size: 0.75rem;
display: inline-block;
content: "►";
vertical-align: middle;
padding-left: var(--base-spacing-unit)
}
.nav--select select {
-webkit-appearance: none;
background: transparent;
border: var(--base-border);
padding: var(--base-spacing-unit--xs) var(--base-spacing-unit--sm)
}
.nav--select .submit {
vertical-align: middle;
padding: var(--base-spacing-unit--xs) var(--base-spacing-unit--sm)
}
.nav--pager ul {
text-align: center
}
.nav--pager li {
display: inline-block
}
.nav--pager .empty {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline
}
.nav--pager a {
padding: var(--base-spacing-unit--sm)
}
.pagination {
display: grid;
grid-column: 1 / -1;
margin-top: var(--base-spacing-unit);
text-align: center;
line-height: 1
}
.pagination ul {
list-style-type: none;
margin: 0;
padding: 0
}
.pagination a {
text-decoration: none
}
@supports not (display: grid) {
.pagination {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
justify-content: space-between
}
}
@media screen and (min-width:34.375em) {
.pagination {
grid-template-columns: 1fr 1fr
}
}
.pagination p {
padding: var(--base-spacing-unit--xs);
padding-left: 0;
margin: var(--base-spacing-unit--xs);
margin-left: 0;
border-top: var(--base-border-width) solid transparent
}
.pagination li {
display: inline
}
.pagination a, .pagination strong {
display: inline-block;
padding: var(--base-spacing-unit--xs);
margin: var(--base-spacing-unit--xs)
}
.pagination strong {
border: var(--base-border)
}
.pagination a.next {
margin-right: 0;
padding-right: 0
}
@media screen and (min-width:34.375em) {
.pagination p {
justify-self: start
}
.pagination p + ul {
justify-self: end
}
}
:root {
--color-navigation-main--active: var(--color-brand);
--nav--main__item-padding: 0.5rem;
--nav--main__item-padding--sm: 0.25rem;
--nav--main-font-size: 0.875rem;
--nav--main-font-weight: 600;
--submenu-background: var(--color-page-background);
--nav-mobile-color-background: var(--color-page-background);
--nav-mobile-color-text: var(--color-text);
--menu-icon-width: 1.75rem;
--menu-icon-stroke: 3px;
--nav--sub__item-padding: var(--base-spacing-unit--sm)
}
.nav--right {
justify-self: end
}
.nav--main {
line-height: 1em;
font-size: var(--nav--main-font-size);
color: var(--color-text);
position: relative
}
.nav--main a, .nav--main a.trail, .nav--main strong.active, .nav--main strong.trail, .nav--main strong.forward {
padding: var(--nav--main__item-padding);
text-decoration: none;
font-weight: var(--nav--main-font-weight);
color: var(--color-navigation-main--active)
}
@media screen and (min-width:52em) {
.nav--main a, .nav--main a.trail, .nav--main strong.active, .nav--main strong.trail, .nav--main strong.forward {
padding: var(--nav--main__item-padding);
margin: var(--nav--main__item-padding)
}
}
.nav--main a {
color: inherit
}
.nav--main a:hover {
color: var(--color-navigation-main--active)
}
.nav--main .level_1 > li > a, .nav--main .level_1 > li > strong {
white-space: nowrap
}
.nav--main .level_2 {
position: absolute;
right: 0;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.nav--main .level_2 a, .nav--main .level_2 a.trail, .nav--main .level_2 strong.active, .nav--main .level_2 strong.trail, .nav--main .level_2 strong.forward {
display: block;
margin-top: 0;
margin-bottom: 0
}
.nav--main .level_2 a {
opacity: 0.75
}
.nav--main .level_2 a:hover {
opacity: 1
}
.nav--main .level_3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:51.9375em) {
.nav--mobile {
z-index: -1;
visibility: hidden;
font-size: var(--base-font-size--xl);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
border-top: var(--base-border);
background: var(--nav-mobile-color-background);
padding: var(--grid__gutter);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-touch-action: touch;
-ms-overflow-style: none;
-webkit-transition: opacity 0.9s, visibility 0.3s 0.3s;
transition: opacity 0.9s, visibility 0.3s 0.3s
}
.nav--mobile .level_1 a, .nav--mobile .level_1 strong {
color: var(--nav-mobile-color-text);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block
}
.nav--mobile .level_1 strong {
color: var(--color-navigation-main--active)
}
.nav--mobile .level_2 {
position: relative
}
.nav--mobile .level_2 a::before, .nav--mobile .level_2 strong::before {
content: '→';
margin-right: var(--base-spacing-unit--xs)
}
}
@media screen and (max-width:51.9375em) {
.nav--mobile--active {
z-index: 1004;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.9s;
transition: opacity 0.9s
}
}
.nav-toggler {
justify-self: end;
z-index: 1002;
pointer-events: auto;
color: var(--color-links);
padding-bottom: var(--base-spacing-unit)
}
@media screen and (min-width:52em) {
.nav-toggler {
display: none
}
}
.nav-toggler__button {
background: none;
border: none;
outline: none;
display: inline-block;
white-space: nowrap;
margin: 0;
cursor: pointer;
color: currentColor;
padding: calc(var(--base-spacing-unit--xs)/2) var(--base-spacing-unit--xs);
line-height: 1.5
}
.nav-toggler__button .menu-icon {
position: relative;
width: var(--menu-icon-width);
height: 1.5rem;
display: inline-block;
vertical-align: middle
}
.nav-toggler__button .menu-icon__inner {
width: 100%;
background-color: currentcolor;
position: absolute;
left: 0;
top: 40%;
margin-top: calc(var(--menu-icon-stroke) / -2);
height: var(--menu-icon-stroke);
-webkit-transition: -webkit-transform 0.15s ease;
transition: -webkit-transform 0.15s ease;
transition: transform 0.15s ease;
transition: transform 0.15s ease, -webkit-transform 0.15s ease
}
.nav-toggler__button .menu-icon__inner::after, .nav-toggler__button .menu-icon__inner::before {
background-color: currentcolor;
position: absolute;
display: block;
content: '';
width: 100%;
height: var(--menu-icon-stroke);
-webkit-transition: opacity 0.15s, -webkit-transform 0.15s ease;
transition: opacity 0.15s, -webkit-transform 0.15s ease;
transition: transform 0.15s ease, opacity 0.15s;
transition: transform 0.15s ease, opacity 0.15s, -webkit-transform 0.15s ease
}
.nav-toggler__button .menu-icon__inner::before {
top: -6px
}
.nav-toggler__button .menu-icon__inner::after {
bottom: -6px
}
.html--fixed .nav-toggler__button .menu-icon__inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.html--fixed .nav-toggler__button .menu-icon__inner::before {
opacity: 0
}
.html--fixed .nav-toggler__button .menu-icon__inner::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
bottom: 0
}
.nav-toggler__button .menu-label {
display: inline-block;
margin-left: var(--base-spacing-unit--xs);
font-size: var(--base-font-size--xl)
}
.nav--sub {
margin-bottom: var(--base-spacing-unit--lg);
font-size: var(--base-font-size--xs);
position: relative;
z-index: 1000
}
.nav--sub::after {
content: '';
border-bottom: var(--base-border);
display: block;
left: 0;
right: 0;
position: absolute;
z-index: -1;
bottom: 0
}
.nav--sub ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
-ms-overflow-style: none
}
.nav--sub li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
white-space: nowrap;
position: relative;
z-index: 1001;
text-align: center
}
.nav--sub li.active, .nav--sub li.trail {
border-bottom: var(--base-border-width) solid currentcolor
}
.nav--sub li:hover {
border-bottom: var(--base-border-width) solid var(--color-links-hover)
}
.nav--sub a, .nav--sub strong.active, .nav--sub strong.trail {
color: inherit;
padding: var(--nav--sub__item-padding)
}
.nav--sub a:hover {
color: var(--color-links-hover)
}
.nav--meta {
justify-self: start;
font-family: var(--nav--main-font);
font-weight: var(--nav--main-font-weight);
font-size: var(--base-font-size--xs)
}
.nav--meta ul {
display: grid;
grid-column-gap: var(--grid__gutter--half)
}
@media screen and (min-width:48em) {
.nav--meta ul {
grid-template-columns: repeat(2, 1fr)
}
}
.nav--meta .level_1 > li > a, .nav--meta .level_1 > li > strong.active, .nav--meta .level_1 > li > strong.trail {
font-weight: 600;
display: block
}
.nav--meta a, .nav--meta strong.active, .nav--meta strong.trail {
padding: 0 var(--base-spacing-unit--sm);
text-decoration: none;
color: inherit;
font-weight: normal;
padding-left: 0
}
.nav--meta + .nav--meta {
justify-self: end
}
html {
--arrow-color: inherit;
--arrow-size: 2rem;
--arrow-font-family: 'Arial';
--menu-point-size: 2rem;
--menu-point-color: inherit;
--menu-point-color--active: var(--color-brand)
}
.slider {
position: relative
}
.slider .slider-control {
position: static;
height: 0
}
.slider .slider-control a {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: var(--arrow-size);
line-height: 1;
position: absolute;
display: block;
color: var(--arrow-color);
font-family: var(--arrow-font-family)
}
.slider .slider-control a:before {
padding: var(--base-spacing-unit--sm);
display: block
}
.slider .slider-control a:hover {
opacity: 0.5
}
.slider .slider-prev:before {
content: "◄"
}
.slider .slider-next:before {
content: "►"
}
.slider .slider-menu {
font-size: var(--menu-point-size);
line-height: 1;
top: auto;
bottom: 0
}
.slider .slider-menu b {
color: var(--menu-point-color)
}
.slider .slider-menu b.active {
color: var(--menu-point-color--active)
}
.slider .slider-menu b:hover {
opacity: 0.5
}
:root {
--arrow-color: var(--color-brand);
--arrow-size: 2rem;
--menu-point-size: 2rem;
--menu-point-color: inherit;
--menu-point-color--active: var(--color-brand);
--arrow-padding: var(--base-spacing-unit--sm)
}
.slider .slider-wrapper > * {
margin-bottom: 0
}
.slider .slider-control a {
width: calc(var(--arrow-size) + var(--arrow-padding) * 2);
height: calc(var(--arrow-size) + var(--arrow-padding) * 2);
overflow: hidden;
font-family: var(--base-font-family)
}
.slider .slider-prev:before {
content: '←'
}
.slider .slider-next:before {
content: '→'
}
.slider .slider-menu {
font-size: var(--menu-point-size)
}
html {
--news-border: var(--base-border)
}
.news-list {
margin-bottom: var(--base-spacing-unit)
}
.news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6 {
margin-bottom: 0
}
.news-list .info {
margin-bottom: 0
}
.news-list .float_left {
margin-right: var(--base-spacing-unit)
}
.news-list .float_right {
margin-left: var(--base-spacing-unit)
}
.news-list .layout_short > h1, .news-list .layout_latest > h1, .news-list .layout_simple > h1, .news-list .layout_short > h2, .news-list .layout_latest > h2, .news-list .layout_simple > h2, .news-list .layout_short > h3, .news-list .layout_latest > h3, .news-list .layout_simple > h3, .news-list .layout_short > h4, .news-list .layout_latest > h4, .news-list .layout_simple > h4, .news-list .layout_short > h5, .news-list .layout_latest > h5, .news-list .layout_simple > h5, .news-list .layout_short > h6, .news-list .layout_latest > h6, .news-list .layout_simple > h6 {
margin-top: var(--base-spacing-unit)
}
.news-list .layout_simple time, .news-list .layout_upcoming time, .news-list .layout_simple a, .news-list .layout_upcoming a {
padding-top: var(--base-spacing-unit);
display: inline-block
}
.news-list .header {
margin-top: var(--base-spacing-unit)
}
.news-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--grid__gutter);
grid-auto-columns: 1fr;
margin-bottom: var(--base-spacing-unit)
}
@supports not (display: grid) {
.news-grid {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.ie .news-grid {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
grid-column: 1 / -1;
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-grid > h1, .ie .news-grid > h2, .ie .news-grid > h3, .ie .news-grid > h4, .ie .news-grid > h5, .ie .news-grid > h6 {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
width: 100%
}
}
.ie .news-grid > h1, .ie .news-grid > h2, .ie .news-grid > h3, .ie .news-grid > h4, .ie .news-grid > h5, .ie .news-grid > h6 {
width: 100%
}
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
grid-column: 1 / -1
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@media screen and (min-width:34.375em) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
grid-column: 1 / -1;
grid-column: span 12 / span 12
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
width: 100%
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
width: 100%
}
}
@media screen and (min-width:48em) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
width: 50%
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
width: 50%
}
}
@media screen and (min-width:58.75em) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
grid-column: 1 / -1;
grid-column: span 4 / span 4
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
width: 33.3333333333%
}
}
.ie .news-grid .layout_short, .ie .news-grid .layout_latest, .ie .news-grid .layout_simple {
width: 33.3333333333%
}
}
.news-grid .layout_simple time {
display: block
}
.news-menu ul {
list-style-type: none;
margin: 0;
padding: 0
}
.news-menu a {
text-decoration: none
}
.news-menu .year {
margin-bottom: var(--base-spacing-unit--sm)
}
.news-menu .year > a, .news-menu .year > .active {
color: inherit;
font-weight: var(--headings__font-weight);
font-family: var(--headings__font-family)
}
.news-menu .level_2 li {
margin-bottom: var(--base-spacing-unit--xs)
}
.news-list {
display: grid;
grid-row-gap: var(--grid__gutter);
margin-bottom: var(--grid__gutter)
}
.news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6 {
margin-bottom: var(--base-spacing-unit--sm)
}
.news-list .layout_latest {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
display: grid
}
.news-list .layout_latest:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
@media screen and (min-width:48em) {
.news-list .layout_latest {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--grid__gutter);
grid-auto-columns: 1fr;
grid-template-rows: -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
grid-template-rows: min-content min-content 1fr min-content
}
@supports not (display: grid) {
.news-list .layout_latest {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.ie .news-list .layout_latest {
display: flex;
flex-wrap: wrap;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.news-list .layout_latest .image_container {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
@media screen and (min-width:48em) {
.news-list .layout_latest .image_container {
grid-column: 1 / -1;
grid-column: span 6 / span 6;
grid-row: span 4
}
@supports not (display: grid) {
.news-list .layout_latest .image_container {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-list .layout_latest .image_container {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-list .layout_latest .image_container {
width: 50%
}
}
.ie .news-list .layout_latest .image_container {
width: 50%
}
}
.news-list .layout_latest .image_container img {
-o-object-fit: cover;
object-fit: cover;
max-width: none;
width: 100%;
height: 100%
}
.news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_latest .info, .news-list .layout_latest .ce_text, .news-list .layout_latest .more {
grid-column: 1 / -1;
grid-column: span 6 / span 6
}
@supports not (display: grid) {
.news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_latest .info, .news-list .layout_latest .ce_text, .news-list .layout_latest .more {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .news-list .layout_latest h1, .ie .news-list .layout_latest h2, .ie .news-list .layout_latest h3, .ie .news-list .layout_latest h4, .ie .news-list .layout_latest h5, .ie .news-list .layout_latest h6, .ie .news-list .layout_latest .info, .ie .news-list .layout_latest .ce_text, .ie .news-list .layout_latest .more {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
@supports not (display: grid) {
.news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6, .news-list .layout_latest .info, .news-list .layout_latest .ce_text, .news-list .layout_latest .more {
width: 50%
}
}
.ie .news-list .layout_latest h1, .ie .news-list .layout_latest h2, .ie .news-list .layout_latest h3, .ie .news-list .layout_latest h4, .ie .news-list .layout_latest h5, .ie .news-list .layout_latest h6, .ie .news-list .layout_latest .info, .ie .news-list .layout_latest .ce_text, .ie .news-list .layout_latest .more {
width: 50%
}
.news-list .layout_latest h1, .news-list .layout_latest h2, .news-list .layout_latest h3, .news-list .layout_latest h4, .news-list .layout_latest h5, .news-list .layout_latest h6 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.news-list .layout_latest h1 a, .news-list .layout_latest h2 a, .news-list .layout_latest h3 a, .news-list .layout_latest h4 a, .news-list .layout_latest h5 a, .news-list .layout_latest h6 a {
color: inherit
}
.news-list .layout_latest .info {
color: var(--color-gray);
font-size: var(--base-font-size--xs);
margin-bottom: var(--base-spacing-unit)
}
.news-list .layout_latest .ce_text {
margin-bottom: var(--base-spacing-unit)
}
.news-list .layout_short {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.news-list .layout_short:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.news-list .layout_short .info {
font-size: var(--base-font-size--xs);
margin-bottom: var(--base-spacing-unit)
}
.news-list .layout_short h1, .news-list .layout_short h2, .news-list .layout_short h3, .news-list .layout_short h4, .news-list .layout_short h5, .news-list .layout_short h6 {
margin-top: 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.news-list .layout_short h1 a, .news-list .layout_short h2 a, .news-list .layout_short h3 a, .news-list .layout_short h4 a, .news-list .layout_short h5 a, .news-list .layout_short h6 a {
color: inherit
}
.news-list .layout_short .more {
font-size: var(--base-font-size--xs);
margin-bottom: 0
}
.news-list .layout_simple {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
margin-bottom: 0
}
.news-list .layout_simple:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.news-list .layout_simple time {
display: block;
font-size: var(--base-font-size--xs);
padding-top: 0
}
.news-list .layout_simple a {
padding-top: 0;
margin-bottom: 0;
display: block;
color: inherit
}
.news-grid {
grid-row-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.news-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.news-grid .layout_short:hover, .news-grid .layout_latest:hover, .news-grid .layout_simple:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
@supports not (display: grid) {
.news-grid .layout_short, .news-grid .layout_latest, .news-grid .layout_simple {
border: none
}
}
.news-grid .image_container {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
margin-bottom: var(--base-spacing-unit)
}
.news-grid h1, .news-grid h2, .news-grid h3, .news-grid h4, .news-grid h5, .news-grid h6 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-top: 0
}
.news-grid h1 a, .news-grid h2 a, .news-grid h3 a, .news-grid h4 a, .news-grid h5 a, .news-grid h6 a {
color: inherit
}
.news-grid .info {
font-size: var(--base-font-size--xs)
}
.news-grid .ce_text {
margin-bottom: var(--base-spacing-unit)
}
.news-grid .more {
margin-bottom: 0;
margin-top: auto
}
@supports not (display: grid) {
.news-grid .pagination {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.news-grid .layout_simple time {
font-size: var(--base-font-size--xs)
}
.news-grid .layout_simple a {
margin-bottom: 0;
color: inherit
}
.news-menu {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s
}
.news-menu:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.news-menu > h1, .news-menu > h2, .news-menu > h3, .news-menu > h4, .news-menu > h5, .news-menu > h6 {
margin-bottom: var(--base-spacing-unit--sm)
}
.news-menu a, .news-menu .active {
text-decoration: none;
color: inherit;
font-family: var(--hl__font-family)
}
.news-menu .level_2 a, .news-menu .level_2 span.active {
vertical-align: middle;
text-decoration: none
}
.news-menu .level_2 a::before, .news-menu .level_2 span.active::before {
content: '»';
margin-right: calc(var(--base-spacing-unit--xs) / 2)
}
.news-menu .year > a, .news-menu .year > .active {
font-weight: var(--headings__font-weight)
}
html {
--event-border: var(--base-border)
}
.events-list {
margin-bottom: var(--base-spacing-unit)
}
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
margin-bottom: 0
}
.events-list .image_container {
margin-top: var(--base-spacing-unit);
margin-bottom: var(--base-spacing-unit)
}
.events-list .float_left {
margin-right: var(--base-spacing-unit)
}
.events-list .float_right {
margin-left: var(--base-spacing-unit)
}
.events-list .event > h1, .events-list .event > h2, .events-list .event > h3, .events-list .event > h4, .events-list .event > h5, .events-list .event > h6 {
margin-top: var(--base-spacing-unit)
}
.events-list .layout_upcoming time, .events-list .layout_upcoming a {
padding-top: var(--base-spacing-unit);
display: inline-block
}
.events-list .header {
margin-top: var(--base-spacing-unit)
}
.events-menu ul {
list-style-type: none;
margin: 0;
padding: 0
}
.events-menu a {
text-decoration: none
}
.events-menu .year {
margin-bottom: var(--base-spacing-unit--sm)
}
.events-menu .year > a, .events-menu .year > .active {
color: inherit;
font-weight: var(--headings__font-weight);
font-family: var(--headings__font-family)
}
.events-menu .level_2 li {
margin-bottom: var(--base-spacing-unit--xs)
}
:root {
--events-grid-columns--sm: 1;
--events-grid-columns--md: 2;
--events-grid-columns--lg: 3;
--events-shadow: var(--base-box-shadow);
--events-border-radius: 5px
}
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
padding-bottom: var(--base-spacing-unit--sm)
}
@media screen and (min-width:34.375em) {
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
grid-column: 3 / 10 span
}
}
@media screen and (min-width:48em) {
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
grid-column: 3 / 10 span
}
}
@media screen and (min-width:58.75em) {
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
grid-column: 3 / 8 span
}
}
.events-list .header {
margin-top: 0
}
.events-list .header:not(.first) {
margin-top: var(--base-spacing-unit--lg)
}
.events-list .layout_list, .events-list .layout_teaser {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
margin-bottom: var(--base-spacing-unit)
}
.events-list .layout_list:hover, .events-list .layout_teaser:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.events-list .layout_list:last-child, .events-list .layout_teaser:last-child {
padding-bottom: var(--grid__gutter);
border-bottom: var(--base-border)
}
.events-list .layout_list:hover, .events-list .layout_teaser:hover {
-webkit-transform: none;
transform: none
}
.events-list .layout_list h1, .events-list .layout_teaser h1, .events-list .layout_list h2, .events-list .layout_teaser h2, .events-list .layout_list h3, .events-list .layout_teaser h3, .events-list .layout_list h4, .events-list .layout_teaser h4, .events-list .layout_list h5, .events-list .layout_teaser h5, .events-list .layout_list h6, .events-list .layout_teaser h6 {
margin-top: 0
}
.events-list .layout_list h1 a, .events-list .layout_teaser h1 a, .events-list .layout_list h2 a, .events-list .layout_teaser h2 a, .events-list .layout_list h3 a, .events-list .layout_teaser h3 a, .events-list .layout_list h4 a, .events-list .layout_teaser h4 a, .events-list .layout_list h5 a, .events-list .layout_teaser h5 a, .events-list .layout_list h6 a, .events-list .layout_teaser h6 a {
color: inherit
}
.events-list .layout_list .time, .events-list .layout_teaser .time {
line-height: 1.25;
margin-bottom: var(--base-spacing-unit--sm)
}
.events-list .layout_upcoming {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
margin-bottom: var(--base-spacing-unit)
}
.events-list .layout_upcoming:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.events-list .layout_upcoming time, .events-list .layout_upcoming a {
display: block;
padding-top: 0
}
.events-list .layout_upcoming a {
margin-bottom: 0;
color: inherit
}
.events-list .ce_text:last-child {
margin-bottom: 0
}
.events-list .more a {
--paragraph__link-decoration: none
}
.events-list .empty {
margin-top: var(--base-spacing-unit--sm);
margin-bottom: var(--base-spacing-unit--sm)
}
.events-grid {
display: grid;
grid-gap: var(--grid__gutter);
margin-bottom: var(--base-spacing-unit)
}
@media screen and (min-width:34.375em) {
.events-grid {
grid-template-columns: repeat(var(--events-grid-columns--sm), 1fr)
}
}
@media screen and (min-width:48em) {
.events-grid {
grid-template-columns: repeat(var(--events-grid-columns--md), 1fr)
}
}
@media screen and (min-width:58.75em) {
.events-grid {
grid-template-columns: repeat(var(--events-grid-columns--lg), 1fr)
}
}
@supports not (display: grid) {
.events-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(-1 * var(--grid__gutter) / 2);
margin-right: calc(-1 * var(--grid__gutter) / 2)
}
}
.events-grid > .header {
display: none
}
.events-grid .layout_short, .events-grid .layout_list, .events-grid .layout_teaser {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
display: grid;
grid-template-rows: -webkit-min-content -webkit-min-content auto -webkit-min-content;
grid-template-rows: min-content min-content auto min-content;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
-webkit-column-gap: var(--grid__gutter--half);
-moz-column-gap: var(--grid__gutter--half);
column-gap: var(--grid__gutter--half);
overflow: hidden
}
.events-grid .layout_short:hover, .events-grid .layout_list:hover, .events-grid .layout_teaser:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
@supports not (display: grid) {
.events-grid .layout_short, .events-grid .layout_list, .events-grid .layout_teaser {
border: none
}
}
.events-grid .layout_teaser .date, .events-grid .layout_teaser .time {
grid-row: 2;
color: var(--color-gray);
font-size: var(--base-font-size--xs);
white-space: nowrap
}
.events-grid .image_container {
overflow: hidden;
padding: var(--base-spacing-unit) var(--base-spacing-unit) 0
}
.events-grid h1, .events-grid h2, .events-grid h3, .events-grid h4, .events-grid h5, .events-grid h6 {
margin-top: 0;
grid-row: 1;
grid-column: span 2
}
.events-grid h1 a, .events-grid h2 a, .events-grid h3 a, .events-grid h4 a, .events-grid h5 a, .events-grid h6 a {
color: inherit
}
.events-grid .location {
grid-row: 2;
color: var(--color-gray);
font-size: var(--base-font-size--xs);
white-space: nowrap
}
.events-grid .ce_text {
grid-column: span 2;
margin-bottom: var(--base-spacing-unit)
}
.events-grid .more {
grid-column: span 2
}
@supports not (display: grid) {
.events-grid .pagination {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
}
.ie .events-grid .pagination {
padding-left: var(--grid__gutter--half);
padding-right: var(--grid__gutter--half)
}
.events-grid .layout_upcoming {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s
}
.events-grid .layout_upcoming:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.events-grid .layout_upcoming time, .events-grid .layout_upcoming a {
display: block;
padding-top: 0
}
.events-grid .layout_upcoming a {
margin-bottom: 0;
color: inherit
}
.events-reader .info {
font-weight: 700;
margin-bottom: var(--base-spacing-unit--sm)
}
.events-reader .ce_text:first-of-type {
font-size: var(--base-font-size--lg);
line-height: 1.6
}
.events-menu {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s
}
.events-menu:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.events-menu a, .events-menu .active {
text-decoration: none;
color: inherit;
font-family: var(--headings__font-family)
}
.events-menu .level_2 a, .events-menu .level_2 span.active {
vertical-align: middle;
text-decoration: none
}
.events-menu .level_2 a::before, .events-menu .level_2 span.active::before {
content: '»';
margin-right: calc(var(--base-spacing-unit--xs) / 2)
}
.events-menu .year > a, .events-menu .year > .active {
font-weight: var(--headings__font-weight)
}
.events-calendar {
font-size: var(--base-font-size--xs)
}
@media screen and (max-width:47.9375em) {
.events-calendar {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
-ms-overflow-style: none
}
}
.events-calendar > h1, .events-calendar > h2, .events-calendar > h3, .events-calendar > h4, .events-calendar > h5, .events-calendar > h6 {
padding-bottom: var(--base-spacing-unit--sm);
margin-bottom: 0
}
.events-calendar th, .events-calendar td {
padding: calc(var(--base-spacing-unit--xs) / 2);
text-align: center
}
.events-calendar .days {
width: 14.2857142857%
}
html {
--input-border-width: var(--base-border-width);
--input-border-radius: var(--base-border-radius);
--input-border-color: rgba(0, 0, 0, 0.25)
}
.ce_form {
overflow: visible
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: var(--base-spacing-unit--xs)
}
input.text, input.captcha, textarea {
display: block;
width: 100%;
padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit);
border-radius: var(--input-border-radius);
border: var(--input-border-width) solid var(--input-border-color);
background-clip: padding-box;
background-image: none
}
textarea.textarea {
height: auto
}
.widget-text, .widget-textarea {
margin-bottom: var(--base-spacing-unit)
}
input[type="search"] {
-webkit-appearance: none
}
input[type="file"] {
display: block;
vertical-align: middle;
line-height: 1
}
input.radio, input.checkbox {
margin-left: 1px;
margin-right: var(--base-spacing-unit--xs);
line-height: var(--base-line-height);
vertical-align: middle
}
input.radio + label, input.checkbox + label {
margin-right: var(--base-spacing-unit--xs);
margin-bottom: 0;
font-weight: normal
}
select.select {
margin-left: var(--base-spacing-unit--xs)
}
.widget-radio, .widget-checkbox, .widget-select, .widget-upload {
margin-bottom: var(--base-spacing-unit)
}
.widget-radio legend, .widget-checkbox legend, .widget-select legend, .widget-upload legend {
font-weight: 700
}
.radio_container > span, .checkbox_container > span {
display: inline-flex;
align-items: center
}
span.mandatory {
color: var(--color-brand)
}
p.error {
margin-bottom: 0
}
.ce_form {
--card-border: none;
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
-webkit-box-shadow: var(--base-box-shadow);
box-shadow: var(--base-box-shadow);
margin-bottom: var(--base-spacing-unit)
}
.ce_form:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
@media screen and (min-width:58.75em) {
.ce_form {
--card-padding: var(--base-spacing-unit--lg)
}
}
.form--sticky {
position: -webkit-sticky;
position: sticky;
top: var(--base-spacing-unit)
}
input.text, input.captcha, textarea {
padding: var(--base-spacing-unit--xs) var(--base-spacing-unit--sm)
}
input.radio, input.checkbox {
vertical-align: middle
}
.widget-select select {
width: 100%;
margin-left: 0;
height: calc((1rem * var(--base-line-height)) + var(--base-spacing-unit--sm))
}
.widget-radio--list .radio_container > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.widget-checkbox--list .checkbox_container > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html {
--accordion-padding: var(--base-spacing-unit--sm);
--accordion-background: var(--color-gray-light);
--toggler-font-size: 1.5rem;
--toggler-background: var(--color-highlight);
--toggler-color: var(--color-text--inverted);
--toggler-color-hover: var(--color-brand-primary);
--toggler-spacing: var(--base-spacing-unit--xs);
--toggler-border: 2px solid transparent
}
.ce_accordion {
margin-bottom: var(--toggler-spacing)
}
.ce_accordion .toggler {
font-size: var(--toggler-font-size);
cursor: pointer;
background: var(--toggler-background);
color: var(--toggler-color);
padding: var(--accordion-padding);
border: var(--toggler-border)
}
.ce_accordion .toggler:hover {
color: var(--toggler-color-hover)
}
.ce_accordion .toggler:focus {
outline: 0
}
.ce_accordion .accordion {
padding: var(--accordion-padding);
background: var(--accordion-background);
overflow: hidden
}
:root {
--accordion-padding: 0 var(--base-spacing-unit) var(--base-spacing-unit);
--accordion-background: var(--color-page-background);
--accordion-border-radius: var(--base-border-radius);
--accordion-border: var(--base-border);
--toggler-font-size: var(--base-font-size);
--toggler-background: transparent;
--toggler-color: inherit;
--toggler-border: var(--base-border);
--toggler-padding: var(--base-spacing-unit--sm) var(--base-spacing-unit--sm);
--toggler-icon-size: 1;
--toggler-font-weight: 700
}
.ce_accordion {
display: grid;
align-self: start
}
.ce_accordion .toggler {
--card-padding: var(--toggler-padding);
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
font-weight: var(--toggler-font-weight);
vertical-align: middle;
-webkit-transition: border-radius 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: border-radius 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: border-radius 0.3s, box-shadow 0.3s, transform 0.3s;
transition: border-radius 0.3s, box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s
}
.ce_accordion .toggler:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.ce_accordion .toggler:hover.ui-accordion-header-active {
-webkit-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none
}
.ce_accordion .ui-accordion-header-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none
}
.ce_accordion .ui-accordion-header-icon {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
display: inline-block
}
.ce_accordion .ui-accordion-header-icon::before {
content: '→'
}
.ce_accordion .ui-icon-triangle-1-s {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.ce_accordion .accordion {
border: var(--accordion-border);
border-top: none
}
.ce_accordion .ce_text:last-child {
margin-bottom: 0
}
html {
--download-link-color: inherit;
--download-link-decoration: none
}
.ce_download, .ce_downloads {
margin-bottom: 1rem
}
.ce_download .mime_icon, .ce_downloads .mime_icon {
display: inline-block;
vertical-align: middle
}
.ce_download a, .ce_downloads a {
display: inline-block;
color: var(--download-link-color);
text-decoration: var(--download-link-decoration)
}
.ce_downloads ul {
list-style-type: none;
margin: 0;
padding: 0
}
.ce_downloads a {
text-decoration: none
}
html {
--table-border-width: 1px;
--table-border-style: solid;
--table-border-color: #ccc;
--table-background-light: #eee
}
table {
margin-bottom: var(--base-spacing-unit);
width: 100%;
padding: 0;
border-spacing: 0;
border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color);
border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color)
}
table th, table td {
border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color);
border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
padding: 10px
}
thead {
text-align: left;
background: var(--table-background-light)
}
tfoot {
font-style: italic
}
.table--striped .even {
background: var(--table-background-light)
}
.table--overflow {
overflow-x: scroll;
-ms-overflow-x: auto
}
html {
--newsletter-list-border: var(--base-border);
--newsletter-reader-width: 600px;
--newsletter-reader-border: var(--base-border)
}
.newsletter-subscribe, .newsletter-unsubscribe {
margin-bottom: var(--base-spacing-unit)
}
.newsletter-subscribe .formbody, .newsletter-unsubscribe .formbody {
display: flex;
flex-flow: row wrap
}
.newsletter-subscribe .text, .newsletter-unsubscribe .text, .newsletter-subscribe .widget-text, .newsletter-unsubscribe .widget-text {
margin-bottom: 0;
display: inline-block;
flex: 1
}
.newsletter-subscribe .error, .newsletter-unsubscribe .error {
margin-bottom: 0;
flex: 1 100%;
font-weight: 700
}
.newsletter-subscribe .submit, .newsletter-unsubscribe .submit {
margin-left: var(--base-spacing-unit--xs)
}
.newsletter-list ul {
list-style-type: none;
margin: 0;
padding: 0
}
.newsletter-list a {
text-decoration: none
}
.newsletter-list li {
border-bottom: var(--newsletter-list-border);
padding-top: var(--base-spacing-unit);
padding-bottom: var(--base-spacing-unit);
display: block
}
.newsletter-list li:first-of-type {
border-top: var(--newsletter-list-border)
}
@media screen and (min-width:34.375em) {
.newsletter-list li {
font-size: var(--heading-4__size);
line-height: var(--heading-4__line-height)
}
}
@media screen and (min-width:48em) {
.newsletter-list li {
font-size: var(--heading-3__size);
line-height: var(--heading-3__line-height)
}
}
.newsletter-list li a:hover {
opacity: 0.5
}
.newsletter-reader {
max-width: var(--newsletter-reader-width);
margin-left: auto;
margin-right: auto;
border: var(--newsletter-reader-border);
padding: 0 var(--base-spacing-unit)
}
:root {
--newsletter-list-font-family: var(--headings__font-family);
--newsletter-list-font-weight: var(--headings__font-weight)
}
.newsletter-subscribe {
margin-bottom: 0
}
.newsletter-subscribe .widget-text, .newsletter-subscribe .widget-submit {
margin-bottom: var(--base-spacing-unit);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.newsletter-subscribe button.submit {
margin-left: var(--base-spacing-unit--sm)
}
.newsletter-unsubscribe .widget-text, .newsletter-unsubscribe .widget-submit {
margin-bottom: var(--base-spacing-unit)
}
.newsletter-unsubscribe button.submit {
margin-left: var(--base-spacing-unit--sm)
}
.newsletter-list li {
font-family: var(--newsletter-list-font-family);
font-weight: var(--newsletter-list-font-weight);
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.newsletter-reader {
padding-top: var(--base-spacing-unit);
padding-bottom: var(--base-spacing-unit--sm)
}
html {
--faq-border: var(--base-border)
}
.faq-list ul {
list-style-type: none;
margin: 0;
padding: 0
}
.faq-list a {
text-decoration: none
}
.faq-list > ul {
margin-top: 2rem
}
.faq-list li {
margin-bottom: var(--base-spacing-unit--sm)
}
.faq-list li a {
display: inline-block
}
.faq-list > h1, .faq-list > h2, .faq-list > h3, .faq-list > h4, .faq-list > h5, .faq-list > h6 {
margin-bottom: 0
}
.faq-list > h1:after, .faq-list > h2:after, .faq-list > h3:after, .faq-list > h4:after, .faq-list > h5:after, .faq-list > h6:after {
border-top: var(--faq-border);
content: "";
display: block
}
.faq-list article > h1, .faq-list article > h2, .faq-list article > h3, .faq-list article > h4, .faq-list article > h5, .faq-list article > h6 {
margin-bottom: 0
}
.faq-list article > h1:after, .faq-list article > h2:after, .faq-list article > h3:after, .faq-list article > h4:after, .faq-list article > h5:after, .faq-list article > h6:after {
border-top: var(--faq-border);
content: "";
display: block
}
.faq-page > h1, .faq-page > h2, .faq-page > h3, .faq-page > h4, .faq-page > h5, .faq-page > h6 {
margin-bottom: 0
}
.faq-page > h1:after, .faq-page > h2:after, .faq-page > h3:after, .faq-page > h4:after, .faq-page > h5:after, .faq-page > h6:after {
border-top: var(--faq-border);
content: "";
display: block
}
.faq-page article > h1, .faq-page article > h2, .faq-page article > h3, .faq-page article > h4, .faq-page article > h5, .faq-page article > h6 {
margin-bottom: 0
}
.faq-page article > h1:after, .faq-page article > h2:after, .faq-page article > h3:after, .faq-page article > h4:after, .faq-page article > h5:after, .faq-page article > h6:after {
border-top: var(--faq-border);
content: "";
display: block
}
.faq-page .info {
font-size: 0.875rem;
margin-top: var(--base-spacing-unit);
opacity: 0.5
}
.faq-page section {
padding: var(--base-spacing-unit) 0;
border-bottom: var(--faq-border)
}
.faq-page section.last {
margin-bottom: var(--base-spacing-unit)
}
.faq-reader .info {
font-size: 0.875rem;
margin-top: var(--base-spacing-unit);
opacity: 0.5
}
:root {
--faq-border: none
}
.faq-list > ul {
margin-top: var(--base-spacing-unit)
}
.faq-list li {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
font-weight: 700;
color: var(--color-text)
}
.faq-list li:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.faq-list li a::before {
content: '→';
margin-right: var(--base-spacing-unit--xs)
}
.faq-list li a:hover {
color: var(--color-links-hover)
}
.faq-page article > h1, .faq-page article h2, .faq-page article h3, .faq-page article h4, .faq-page article h5, .faq-page article h6 {
margin-bottom: var(--base-spacing-unit)
}
.faq-page section {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
margin-bottom: var(--base-spacing-unit)
}
.faq-page section:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
html {
--color-error: rgba(255, 0, 0, 1);
--color-error-light: rgba(255, 0, 0, 0.5)
}
.ce_comments {
overflow: visible
}
.ce_comments .widget {
margin-bottom: var(--base-spacing-unit)
}
.ce_comments p.error {
margin-bottom: 0;
color: var(--color-error)
}
.ce_comments .error {
border-color: var(--color-error-light)
}
.comment_default {
padding: var(--base-spacing-unit);
margin-bottom: var(--base-spacing-unit);
border: var(--base-border)
}
.comment_default .info {
padding-bottom: var(--base-spacing-unit);
border-bottom: var(--base-border)
}
.comment_default.last {
margin-bottom: var(--base-spacing-unit--lg)
}
:root {
--reply-background: var(--color-gray-light);
--form-background: var(--color-gray-light)
}
.ce_comments {
margin-bottom: var(--base-spacing-unit)
}
.ce_comments .form {
border: var(--base-border);
padding: var(--base-spacing-unit)
}
@media screen and (min-width:48em) {
.ce_comments .form {
padding: var(--base-spacing-unit--lg)
}
}
.ce_comments .widget-submit {
margin-bottom: 0
}
.comment_default .info {
padding-bottom: var(--base-spacing-unit--sm);
margin-bottom: var(--base-spacing-unit--sm)
}
.comment_default .reply {
margin-top: var(--base-spacing-unit)
}
@media screen and (min-width:34.375em) {
.comment_default .reply {
padding: var(--base-spacing-unit);
background-color: var(--reply-background);
border-radius: var(--base-border-radius)
}
}
.comment_default .reply .info {
font-style: italic
}
html {
--search-color-relevance: var(--color-gray);
--search-color-url: var(--color-gray)
}
.search .formbody {
display: flex;
flex-flow: row wrap
}
.search .text, .search .widget-text {
margin-bottom: var(--base-spacing-unit--sm);
display: inline-block;
flex: 1
}
.search .widget-text label {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline
}
.search .submit, .search .submit_container, .search .widget-submit {
margin-bottom: var(--base-spacing-unit--sm);
margin-left: var(--base-spacing-unit--xs);
align-self: flex-end
}
.search .submit_container .submit, .search .widget-submit .submit {
margin-left: 0
}
.search .relevance {
color: var(--search-color-relevance)
}
.search .context {
margin-bottom: var(--base-spacing-unit--xs)
}
.search .highlight {
font-weight: bold
}
.search .url {
color: var(--search-color-url)
}
.search .text, .search .widget-text, .search .submit, .search .widget-submit {
margin-bottom: 0
}
.search .even, .search .odd {
padding-bottom: var(--base-spacing-unit);
margin-bottom: var(--base-spacing-unit);
border-bottom: var(--base-border)
}
.search .first {
border-top: var(--base-border);
padding-top: var(--base-spacing-unit)
}
.logo {
pointer-events: auto;
padding-bottom: var(--base-spacing-unit)
}
.logo img {
margin-left: 0;
width: 300px
}
:root {
--hero__color-background: #FFFFFF;
--hero__color-text: var(--color-text);
--hero__font-family: var(--base-font-family);
--hero__font-weight: 700
}
.mod_article.hero {
max-width: none;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 0;
z-index: 0
}
.mod_article.hero > .inside {
margin-left: auto;
margin-right: auto;
position: static;
min-height: inherit
}
@supports not (display: grid) {
.mod_article.hero > .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
.ie .mod_article.hero > .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ce_hero {
width: 100%;
display: grid;
grid-template-columns: calc(5% - var(--grid__gutter)) repeat(12, 1fr) calc(5% - var(--grid__gutter));
grid-column-gap: var(--grid__gutter)
}
.ce_hero .image_container {
grid-column: 1 / span 14;
position: relative
}
.ce_hero .image_container img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.ce_hero .image_container.float_left, .ce_hero .image_container.float_right {
grid-row: 1
}
@supports not (display: grid) {
.ce_hero .image_container.float_left, .ce_hero .image_container.float_right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
}
.ie .ce_hero .image_container.float_left, .ie .ce_hero .image_container.float_right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
.ce_hero .content_container {
grid-column: 2 / span 12;
position: relative;
z-index: 1000;
text-align: left;
align-self: center;
margin-top: var(--base-spacing-unit);
margin-bottom: var(--base-spacing-unit);
background: var(--hero__color-background)
}
@supports not (display: grid) {
.ce_hero .content_container {
margin-left: 5%;
margin-right: 5%
}
}
.ie .ce_hero .content_container {
margin-left: 5%;
margin-right: 5%
}
@media screen and (min-width:48em) {
.ce_hero .content_container {
grid-column: 2 / span 10
}
}
@media screen and (min-width:58.75em) {
.ce_hero .content_container {
margin-top: var(--base-spacing-unit--lg);
margin-bottom: var(--base-spacing-unit--lg)
}
}
@media screen and (min-width:68.75em) {
.ce_hero .content_container {
grid-column: 2 / span 9;
margin-top: var(--base-spacing-unit--xl);
margin-bottom: var(--base-spacing-unit--xl)
}
}
.ce_hero .float_above + .content_container {
grid-row: 2
}
.ce_hero .float_left + .content_container, .ce_hero .float_right + .content_container {
padding: var(--base-spacing-unit);
grid-row: 1 / -1
}
@media screen and (max-width:47.9375em) {
.ce_hero .float_left + .content_container, .ce_hero .float_right + .content_container {
margin-top: 50%
}
}
@media screen and (min-width:58.75em) {
.ce_hero .float_left + .content_container, .ce_hero .float_right + .content_container {
padding: var(--base-spacing-unit--lg)
}
}
@supports not (display: grid) {
.ce_hero .float_left + .content_container {
margin-left: 5%;
margin-right: 50%
}
}
.ie .ce_hero .float_left + .content_container {
margin-left: 5%;
margin-right: 50%
}
@media screen and (min-width:48em) {
.ce_hero .float_left + .content_container {
grid-column: 2 / span 7
}
}
@media screen and (min-width:58.75em) {
.ce_hero .float_left + .content_container {
grid-column: 2 / span 6
}
}
@supports not (display: grid) {
.ce_hero .float_right + .content_container {
margin-left: 50%;
margin-right: 5%
}
}
.ie .ce_hero .float_right + .content_container {
margin-left: 50%;
margin-right: 5%
}
@media screen and (min-width:48em) {
.ce_hero .float_right + .content_container {
grid-column: 7 / span 7
}
}
@media screen and (min-width:58.75em) {
.ce_hero .float_right + .content_container {
grid-column: 8 / span 6
}
}
.ce_hero .btn {
margin-top: var(--base-spacing-unit);
margin-bottom: 0;
display: inline-block
}
.ce_contact {
display: grid;
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
height: 100%
}
.ce_contact .contact__email a {
color: inherit;
text-decoration: underline
}
.ce_contact .image_container {
position: relative
}
.ce_contact .text_container {
height: auto;
padding: var(--base-spacing-unit) var(--base-spacing-unit) var(--base-spacing-unit--lg);
border: var(--base-border)
}
.fact {
margin-bottom: 0;
display: grid;
grid-template-rows: -webkit-min-content -webkit-min-content;
grid-template-rows: min-content min-content;
height: 100%
}
@supports not (display: grid) {
.fact {
margin-bottom: var(--base-spacing-unit)
}
}
.fact .image_container {
align-self: start;
margin-bottom: var(--base-spacing-unit);
grid-row: 1
}
.fact .image_container img {
margin-left: 0
}
.job__item {
border: var(--base-border);
padding: var(--base-spacing-unit) var(--base-spacing-unit) 0;
position: relative;
display: grid;
grid-template-rows: 1fr -webkit-min-content;
grid-template-rows: 1fr min-content;
margin-bottom: 0;
height: 100%
}
@supports not (display: grid) {
.job__item {
margin-bottom: var(--base-spacing-unit)
}
}
.job__item p {
color: var(--color-text--light);
font-size: var(--base-font-size--xs)
}
.job__item p:last-child {
margin-top: var(--base-spacing-unit);
margin-bottom: 0
}
.job__item p:last-child::before {
content: '';
border-top: var(--base-border);
display: block;
left: 0;
right: 0;
position: absolute
}
.job__item p:last-child a {
padding-top: var(--base-spacing-unit--sm);
padding-bottom: var(--base-spacing-unit--sm);
display: block;
text-decoration: none
}
.footer__note {
margin-top: var(--base-spacing-unit);
font-size: var(--base-font-size--xs)
}
@supports not (display: grid) {
.footer__note {
width: 100%
}
}
@media screen and (min-width:58.75em) {
.footer__note {
margin-top: var(--base-spacing-unit--lg)
}
}
.footer__note a {
color: inherit
}
:root {
--card-border: var(--base-border);
--card-shadow: var(--base-box-shadow);
--card-border-radius: var(--base-border-radius);
--card-background: var(--color-page-background);
--card-padding: var(--base-spacing-unit)
}
.card {
border: var(--card-border);
border-radius: var(--card-border-radius);
background: var(--card-background);
padding: var(--card-padding);
-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s;
transition: box-shadow 0.3s, transform 0.6s, -webkit-box-shadow 0.3s, -webkit-transform 0.6s;
color: var(--color-text);
display: grid;
grid-template-rows: -webkit-min-content -webkit-min-content 1fr -webkit-min-content;
grid-template-rows: min-content min-content 1fr min-content;
height: 100%;
margin-bottom: 0
}
.card:hover {
-webkit-box-shadow: var(--card-shadow);
box-shadow: var(--card-shadow);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
.card .image_container {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: var(--base-spacing-unit)
}
.card .image_container img {
margin-left: 0
}
.text--inverted, .text--inverted * {
color: var(--color-text--inverted)
}
.border-top {
border-top: var(--base-border)
}
.border-bottom {
border-bottom: var(--base-border)
}
.block--center {
margin-left: auto;
margin-right: auto
}
.m-t-0, .mod_article.m-t-0 {
margin-top: calc(0 * var(--base-spacing-unit))
}
.m-b-0, .mod_article.m-b-0 {
margin-bottom: calc(0 * var(--base-spacing-unit))
}
.p-t-0, .mod_article.p-t-0 {
padding-top: calc(0i * var(--base-spacing-unit))
}
.p-b-0, .mod_article.p-b-0 {
padding-bottom: calc(0 * var(--base-spacing-unit))
}
.m-t-1, .mod_article.m-t-1 {
margin-top: calc(1 * var(--base-spacing-unit))
}
.m-b-1, .mod_article.m-b-1 {
margin-bottom: calc(1 * var(--base-spacing-unit))
}
.p-t-1, .mod_article.p-t-1 {
padding-top: calc(1i * var(--base-spacing-unit))
}
.p-b-1, .mod_article.p-b-1 {
padding-bottom: calc(1 * var(--base-spacing-unit))
}
.m-t-2, .mod_article.m-t-2 {
margin-top: calc(2 * var(--base-spacing-unit))
}
.m-b-2, .mod_article.m-b-2 {
margin-bottom: calc(2 * var(--base-spacing-unit))
}
.p-t-2, .mod_article.p-t-2 {
padding-top: calc(2i * var(--base-spacing-unit))
}
.p-b-2, .mod_article.p-b-2 {
padding-bottom: calc(2 * var(--base-spacing-unit))
}
.m-t-3, .mod_article.m-t-3 {
margin-top: calc(3 * var(--base-spacing-unit))
}
.m-b-3, .mod_article.m-b-3 {
margin-bottom: calc(3 * var(--base-spacing-unit))
}
.p-t-3, .mod_article.p-t-3 {
padding-top: calc(3i * var(--base-spacing-unit))
}
.p-b-3, .mod_article.p-b-3 {
padding-bottom: calc(3 * var(--base-spacing-unit))
}
.m-t-4, .mod_article.m-t-4 {
margin-top: calc(4 * var(--base-spacing-unit))
}
.m-b-4, .mod_article.m-b-4 {
margin-bottom: calc(4 * var(--base-spacing-unit))
}
.p-t-4, .mod_article.p-t-4 {
padding-top: calc(4i * var(--base-spacing-unit))
}
.p-b-4, .mod_article.p-b-4 {
padding-bottom: calc(4 * var(--base-spacing-unit))
}
.m-t-5, .mod_article.m-t-5 {
margin-top: calc(5 * var(--base-spacing-unit))
}
.m-b-5, .mod_article.m-b-5 {
margin-bottom: calc(5 * var(--base-spacing-unit))
}
.p-t-5, .mod_article.p-t-5 {
padding-top: calc(5i * var(--base-spacing-unit))
}
.p-b-5, .mod_article.p-b-5 {
padding-bottom: calc(5 * var(--base-spacing-unit))
}
.article-xs-1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-1 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-2 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-3 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-3 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-4 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-5 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-5 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-6 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-7 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-7 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-8 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-9 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-10 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-10 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-11 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-11 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xs-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xs-12 .inside {
padding-left: 0;
padding-right: 0
}
}
@media screen and (min-width:0) {
.article-xs-1 .inside {
grid-column-end: span 1
}
@supports not (display: grid) {
.article-xs-1 .inside {
width: 8.3333333333%
}
}
.article-start-xs-1 .inside {
grid-column-start: 1
}
.article-xs-2 .inside {
grid-column-end: span 2
}
@supports not (display: grid) {
.article-xs-2 .inside {
width: 16.6666666667%
}
}
.article-start-xs-2 .inside {
grid-column-start: 2
}
.article-xs-3 .inside {
grid-column-end: span 3
}
@supports not (display: grid) {
.article-xs-3 .inside {
width: 25%
}
}
.article-start-xs-3 .inside {
grid-column-start: 3
}
.article-xs-4 .inside {
grid-column-end: span 4
}
@supports not (display: grid) {
.article-xs-4 .inside {
width: 33.3333333333%
}
}
.article-start-xs-4 .inside {
grid-column-start: 4
}
.article-xs-5 .inside {
grid-column-end: span 5
}
@supports not (display: grid) {
.article-xs-5 .inside {
width: 41.6666666667%
}
}
.article-start-xs-5 .inside {
grid-column-start: 5
}
.article-xs-6 .inside {
grid-column-end: span 6
}
@supports not (display: grid) {
.article-xs-6 .inside {
width: 50%
}
}
.article-start-xs-6 .inside {
grid-column-start: 6
}
.article-xs-7 .inside {
grid-column-end: span 7
}
@supports not (display: grid) {
.article-xs-7 .inside {
width: 58.3333333333%
}
}
.article-start-xs-7 .inside {
grid-column-start: 7
}
.article-xs-8 .inside {
grid-column-end: span 8
}
@supports not (display: grid) {
.article-xs-8 .inside {
width: 66.6666666667%
}
}
.article-start-xs-8 .inside {
grid-column-start: 8
}
.article-xs-9 .inside {
grid-column-end: span 9
}
@supports not (display: grid) {
.article-xs-9 .inside {
width: 75%
}
}
.article-start-xs-9 .inside {
grid-column-start: 9
}
.article-xs-10 .inside {
grid-column-end: span 10
}
@supports not (display: grid) {
.article-xs-10 .inside {
width: 83.3333333333%
}
}
.article-start-xs-10 .inside {
grid-column-start: 10
}
.article-xs-11 .inside {
grid-column-end: span 11
}
@supports not (display: grid) {
.article-xs-11 .inside {
width: 91.6666666667%
}
}
.article-start-xs-11 .inside {
grid-column-start: 11
}
.article-xs-12 .inside {
grid-column-end: span 12
}
@supports not (display: grid) {
.article-xs-12 .inside {
width: 100%
}
}
.article-start-xs-12 .inside {
grid-column-start: 12
}
}
.article-sm-1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-1 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-2 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-3 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-3 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-4 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-5 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-5 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-6 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-7 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-7 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-8 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-9 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-10 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-10 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-11 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-11 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-sm-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-sm-12 .inside {
padding-left: 0;
padding-right: 0
}
}
@media screen and (min-width:34.375em) {
.article-sm-1 .inside {
grid-column-end: span 1
}
@supports not (display: grid) {
.article-sm-1 .inside {
width: 8.3333333333%
}
}
.article-start-sm-1 .inside {
grid-column-start: 1
}
.article-sm-2 .inside {
grid-column-end: span 2
}
@supports not (display: grid) {
.article-sm-2 .inside {
width: 16.6666666667%
}
}
.article-start-sm-2 .inside {
grid-column-start: 2
}
.article-sm-3 .inside {
grid-column-end: span 3
}
@supports not (display: grid) {
.article-sm-3 .inside {
width: 25%
}
}
.article-start-sm-3 .inside {
grid-column-start: 3
}
.article-sm-4 .inside {
grid-column-end: span 4
}
@supports not (display: grid) {
.article-sm-4 .inside {
width: 33.3333333333%
}
}
.article-start-sm-4 .inside {
grid-column-start: 4
}
.article-sm-5 .inside {
grid-column-end: span 5
}
@supports not (display: grid) {
.article-sm-5 .inside {
width: 41.6666666667%
}
}
.article-start-sm-5 .inside {
grid-column-start: 5
}
.article-sm-6 .inside {
grid-column-end: span 6
}
@supports not (display: grid) {
.article-sm-6 .inside {
width: 50%
}
}
.article-start-sm-6 .inside {
grid-column-start: 6
}
.article-sm-7 .inside {
grid-column-end: span 7
}
@supports not (display: grid) {
.article-sm-7 .inside {
width: 58.3333333333%
}
}
.article-start-sm-7 .inside {
grid-column-start: 7
}
.article-sm-8 .inside {
grid-column-end: span 8
}
@supports not (display: grid) {
.article-sm-8 .inside {
width: 66.6666666667%
}
}
.article-start-sm-8 .inside {
grid-column-start: 8
}
.article-sm-9 .inside {
grid-column-end: span 9
}
@supports not (display: grid) {
.article-sm-9 .inside {
width: 75%
}
}
.article-start-sm-9 .inside {
grid-column-start: 9
}
.article-sm-10 .inside {
grid-column-end: span 10
}
@supports not (display: grid) {
.article-sm-10 .inside {
width: 83.3333333333%
}
}
.article-start-sm-10 .inside {
grid-column-start: 10
}
.article-sm-11 .inside {
grid-column-end: span 11
}
@supports not (display: grid) {
.article-sm-11 .inside {
width: 91.6666666667%
}
}
.article-start-sm-11 .inside {
grid-column-start: 11
}
.article-sm-12 .inside {
grid-column-end: span 12
}
@supports not (display: grid) {
.article-sm-12 .inside {
width: 100%
}
}
.article-start-sm-12 .inside {
grid-column-start: 12
}
}
.article-md-1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-1 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-2 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-3 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-3 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-4 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-5 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-5 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-6 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-7 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-7 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-8 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-9 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-10 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-10 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-11 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-11 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-md-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-md-12 .inside {
padding-left: 0;
padding-right: 0
}
}
@media screen and (min-width:48em) {
.article-md-1 .inside {
grid-column-end: span 1
}
@supports not (display: grid) {
.article-md-1 .inside {
width: 8.3333333333%
}
}
.article-start-md-1 .inside {
grid-column-start: 1
}
.article-md-2 .inside {
grid-column-end: span 2
}
@supports not (display: grid) {
.article-md-2 .inside {
width: 16.6666666667%
}
}
.article-start-md-2 .inside {
grid-column-start: 2
}
.article-md-3 .inside {
grid-column-end: span 3
}
@supports not (display: grid) {
.article-md-3 .inside {
width: 25%
}
}
.article-start-md-3 .inside {
grid-column-start: 3
}
.article-md-4 .inside {
grid-column-end: span 4
}
@supports not (display: grid) {
.article-md-4 .inside {
width: 33.3333333333%
}
}
.article-start-md-4 .inside {
grid-column-start: 4
}
.article-md-5 .inside {
grid-column-end: span 5
}
@supports not (display: grid) {
.article-md-5 .inside {
width: 41.6666666667%
}
}
.article-start-md-5 .inside {
grid-column-start: 5
}
.article-md-6 .inside {
grid-column-end: span 6
}
@supports not (display: grid) {
.article-md-6 .inside {
width: 50%
}
}
.article-start-md-6 .inside {
grid-column-start: 6
}
.article-md-7 .inside {
grid-column-end: span 7
}
@supports not (display: grid) {
.article-md-7 .inside {
width: 58.3333333333%
}
}
.article-start-md-7 .inside {
grid-column-start: 7
}
.article-md-8 .inside {
grid-column-end: span 8
}
@supports not (display: grid) {
.article-md-8 .inside {
width: 66.6666666667%
}
}
.article-start-md-8 .inside {
grid-column-start: 8
}
.article-md-9 .inside {
grid-column-end: span 9
}
@supports not (display: grid) {
.article-md-9 .inside {
width: 75%
}
}
.article-start-md-9 .inside {
grid-column-start: 9
}
.article-md-10 .inside {
grid-column-end: span 10
}
@supports not (display: grid) {
.article-md-10 .inside {
width: 83.3333333333%
}
}
.article-start-md-10 .inside {
grid-column-start: 10
}
.article-md-11 .inside {
grid-column-end: span 11
}
@supports not (display: grid) {
.article-md-11 .inside {
width: 91.6666666667%
}
}
.article-start-md-11 .inside {
grid-column-start: 11
}
.article-md-12 .inside {
grid-column-end: span 12
}
@supports not (display: grid) {
.article-md-12 .inside {
width: 100%
}
}
.article-start-md-12 .inside {
grid-column-start: 12
}
}
.article-lg-1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-1 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-2 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-3 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-3 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-4 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-5 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-5 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-6 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-7 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-7 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-8 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-9 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-10 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-10 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-11 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-11 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-lg-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-lg-12 .inside {
padding-left: 0;
padding-right: 0
}
}
@media screen and (min-width:58.75em) {
.article-lg-1 .inside {
grid-column-end: span 1
}
@supports not (display: grid) {
.article-lg-1 .inside {
width: 8.3333333333%
}
}
.article-start-lg-1 .inside {
grid-column-start: 1
}
.article-lg-2 .inside {
grid-column-end: span 2
}
@supports not (display: grid) {
.article-lg-2 .inside {
width: 16.6666666667%
}
}
.article-start-lg-2 .inside {
grid-column-start: 2
}
.article-lg-3 .inside {
grid-column-end: span 3
}
@supports not (display: grid) {
.article-lg-3 .inside {
width: 25%
}
}
.article-start-lg-3 .inside {
grid-column-start: 3
}
.article-lg-4 .inside {
grid-column-end: span 4
}
@supports not (display: grid) {
.article-lg-4 .inside {
width: 33.3333333333%
}
}
.article-start-lg-4 .inside {
grid-column-start: 4
}
.article-lg-5 .inside {
grid-column-end: span 5
}
@supports not (display: grid) {
.article-lg-5 .inside {
width: 41.6666666667%
}
}
.article-start-lg-5 .inside {
grid-column-start: 5
}
.article-lg-6 .inside {
grid-column-end: span 6
}
@supports not (display: grid) {
.article-lg-6 .inside {
width: 50%
}
}
.article-start-lg-6 .inside {
grid-column-start: 6
}
.article-lg-7 .inside {
grid-column-end: span 7
}
@supports not (display: grid) {
.article-lg-7 .inside {
width: 58.3333333333%
}
}
.article-start-lg-7 .inside {
grid-column-start: 7
}
.article-lg-8 .inside {
grid-column-end: span 8
}
@supports not (display: grid) {
.article-lg-8 .inside {
width: 66.6666666667%
}
}
.article-start-lg-8 .inside {
grid-column-start: 8
}
.article-lg-9 .inside {
grid-column-end: span 9
}
@supports not (display: grid) {
.article-lg-9 .inside {
width: 75%
}
}
.article-start-lg-9 .inside {
grid-column-start: 9
}
.article-lg-10 .inside {
grid-column-end: span 10
}
@supports not (display: grid) {
.article-lg-10 .inside {
width: 83.3333333333%
}
}
.article-start-lg-10 .inside {
grid-column-start: 10
}
.article-lg-11 .inside {
grid-column-end: span 11
}
@supports not (display: grid) {
.article-lg-11 .inside {
width: 91.6666666667%
}
}
.article-start-lg-11 .inside {
grid-column-start: 11
}
.article-lg-12 .inside {
grid-column-end: span 12
}
@supports not (display: grid) {
.article-lg-12 .inside {
width: 100%
}
}
.article-start-lg-12 .inside {
grid-column-start: 12
}
}
.article-xl-1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-1 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-2 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-3 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-3 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-4 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-5 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-5 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-6 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-7 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-7 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-8 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-9 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-10 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-10 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-11 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-11 .inside {
padding-left: 0;
padding-right: 0
}
}
.article-xl-12 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid__gutter)
}
@supports not (display: grid) {
.article-xl-12 .inside {
padding-left: 0;
padding-right: 0
}
}
@media screen and (min-width:68.75em) {
.article-xl-1 .inside {
grid-column-end: span 1
}
@supports not (display: grid) {
.article-xl-1 .inside {
width: 8.3333333333%
}
}
.article-start-xl-1 .inside {
grid-column-start: 1
}
.article-xl-2 .inside {
grid-column-end: span 2
}
@supports not (display: grid) {
.article-xl-2 .inside {
width: 16.6666666667%
}
}
.article-start-xl-2 .inside {
grid-column-start: 2
}
.article-xl-3 .inside {
grid-column-end: span 3
}
@supports not (display: grid) {
.article-xl-3 .inside {
width: 25%
}
}
.article-start-xl-3 .inside {
grid-column-start: 3
}
.article-xl-4 .inside {
grid-column-end: span 4
}
@supports not (display: grid) {
.article-xl-4 .inside {
width: 33.3333333333%
}
}
.article-start-xl-4 .inside {
grid-column-start: 4
}
.article-xl-5 .inside {
grid-column-end: span 5
}
@supports not (display: grid) {
.article-xl-5 .inside {
width: 41.6666666667%
}
}
.article-start-xl-5 .inside {
grid-column-start: 5
}
.article-xl-6 .inside {
grid-column-end: span 6
}
@supports not (display: grid) {
.article-xl-6 .inside {
width: 50%
}
}
.article-start-xl-6 .inside {
grid-column-start: 6
}
.article-xl-7 .inside {
grid-column-end: span 7
}
@supports not (display: grid) {
.article-xl-7 .inside {
width: 58.3333333333%
}
}
.article-start-xl-7 .inside {
grid-column-start: 7
}
.article-xl-8 .inside {
grid-column-end: span 8
}
@supports not (display: grid) {
.article-xl-8 .inside {
width: 66.6666666667%
}
}
.article-start-xl-8 .inside {
grid-column-start: 8
}
.article-xl-9 .inside {
grid-column-end: span 9
}
@supports not (display: grid) {
.article-xl-9 .inside {
width: 75%
}
}
.article-start-xl-9 .inside {
grid-column-start: 9
}
.article-xl-10 .inside {
grid-column-end: span 10
}
@supports not (display: grid) {
.article-xl-10 .inside {
width: 83.3333333333%
}
}
.article-start-xl-10 .inside {
grid-column-start: 10
}
.article-xl-11 .inside {
grid-column-end: span 11
}
@supports not (display: grid) {
.article-xl-11 .inside {
width: 91.6666666667%
}
}
.article-start-xl-11 .inside {
grid-column-start: 11
}
.article-xl-12 .inside {
grid-column-end: span 12
}
@supports not (display: grid) {
.article-xl-12 .inside {
width: 100%
}
}
.article-start-xl-12 .inside {
grid-column-start: 12
}
}
@media print {
*, *:before, *:after, p:first-letter, div:first-letter, blockquote:first-letter, li:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " ("attr(href) ")";
font-size: var(--base-font-size);
font-weight: normal;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
abbr[title]:after {
content: " ("attr(title) ")";
font-size: var(--base-font-size);
font-weight: normal
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""
}
div.btn a, a.btn, input.submit {
color: #000 !important;
border-color: #000 !important
}
pre {
white-space: pre-wrap !important
}
pre, blockquote {
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.logo a[href]:after, .ce_gallery a[href]:after {
content: ""
}
.nav, .nav-toggler, .hero__image, .ce_comments .form {
display: none
}
.hero, .mod_article.hero, .news-full--hero .hero {
min-height: 0
}
.band {
margin-top: calc(-1 * var(--base-border-width));
border-top: var(--base-border-width) solid var(--color-gray-light);
border-bottom: var(--base-border-width) solid var(--color-gray-light)
}
.news-grid > div {
grid-column: span 6 !important
}
.news-grid > div .image_container a:after {
content: ""
}
.news-full--hero .text_container, .ce_comments {
max-width: 72em;
max-width: calc(72em - var(--grid__gutter));
margin-left: auto;
margin-right: auto
}
.ce_accordion .accordion {
display: block !important
}
.ce_accordion .ui-accordion-header-icon {
display: none
}
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6 {
grid-column: span 6
}
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4 {
grid-column: span 4
}
}
.browser-support {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 0.875rem
}
.browser-support > .inside {
max-width: 72em;
width: 100%;
margin-left: auto;
margin-right: auto;
background: #FFF8EA;
border: 2px solid #E25600;
padding: 1rem;
margin-left: 5%;
margin-right: 5%;
width: auto
}
#header {
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
position: fixed;
background-color: transparent
}
#header.scrolled {
xposition: fixed;
xtop: 0;
xwidth: 100%;
background-color: #fff;
xheight: 55px;
xfont-size: 0.8rem;
xmargin-bottom: 22vh;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777
}
#header.scrolled .inside {
padding-top: 0
}
#header.scrolled .logo {
xwidth: 165px
}
#header.scrolled .nav--main {
xfont-size: 0.9rem
}
#header.scrolled .nav-toggler {
xmin-width: 40px
}
.nav-toggler__button {
color: #000
}
.nav-toggler__button .menu-icon__inner {
xwidth: 30px
}
#container {
position: relative;
top: 430px;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s
}
#container .mod_article.first {
position: relative;
top: 100px
}
@media only screen and (max-width:600px) {
#container {
position: relative;
top: 250px;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s
}
#container .mod_article.first {
position: relative;
top: 0
}
}
@media only screen and (max-width:768px) {
#container {
position: relative;
top: 280px;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s
}
#container .mod_article.first {
position: relative;
top: 0px
}
}
@media only screen and (max-width:1024px) {
#container {
position: relative;
top: 300px;
-webkit-transition: all 0.7s linear 0s;
-moz-transition: all 0.7s linear 0s;
-ms-transition: all 0.7s linear 0s;
-o-transition: all 0.7s linear 0s;
transition: all 0.7s linear 0s
}
#container .mod_article.first {
position: relative;
top: 0;
padding-bottom: 0;
margin-top: 1rem
}
}
#footer {
position: relative;
top: 400px;
padding: 1rem;
border-top: none
}
@media only screen and (max-width:600px) {
#footer {
top: 280px
}
}
.fab, .far, .fas {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-whatsapp {
font: normal normal normal 14px/1 FontAwesome
}
.shariff .orientation-horizontal li {
height: 43px;
width: 43px;
border-radius: 8px;
padding-left: 0px
}
@media only screen and (min-width:1024px) {
.shariff li, .shariff li a {
height: 43px
}
}
span.fab, span.fas, span.far {
position: relative;
left: -20px;
font-size: 14px
}
.shariff-button span {
position: absolute;
left: 5px
}
@media only screen and (max-width:480px) {
.shariff li .fab, .shariff li .far, .shariff li .fas {
width: 43px;
line-height: 43px;
text-align: center;
vertical-align: top;
top: -5px;
left: -2px
}
}
.nav--main {
text-transform: uppercase
}
.card.card--hero {
padding: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px
}
.card.card--hero .inside {
padding: 1rem
}
.layout_latest.featured .image_container:before {
content: "huba!";
display: block;
content: ' ';
background-image: url('/files/theme/img/verkauft_45.svg');
background-size: 140px;
background-repeat: no-repeat;
height: 140px;
width: 140px;
position: absolute
}
.layout_full.featured .mod_rocksolid_slider:before {
display: block;
content: ' ';
background-image: url('/files/theme/img/verkauft_45.svg');
background-size: 140px;
background-repeat: no-repeat;
height: 140px;
width: 140px;
position: absolute;
z-index: 999
}
.form--sticky {
z-index: 800
}
.rsts-skin-default-content .rsts-nav-thumbs {
padding-top: 1rem
}
@media screen and (min-width:48em) {
.text--attention {
font-size: 1.1rem;
line-height: 1.3;
margin-bottom: var(--base-spacing-unit--lg)
}
}
.rsts-skin-liquid .rsts-prev, .rsts-skin-liquid .rsts-next, .rsts-skin-liquid .rsts-video-stop, .rsts-skin-liquid .rsts-nav-numbers a, .rsts-skin-liquid .rsts-nav-tabs a, .rsts-skin-liquid .rsts-thumbs-prev, .rsts-skin-liquid .rsts-thumbs-next {
bottom: 0
}
.cc-color-override--1762072787 .cc-btn {
background-color: var(--color-brand) !important;
-webkit-transition: background 0.3s;
transition: background 0.3s
}
.cc-color-override--1762072787 .cc-btn:hover {
background-color: var(--btn--secondary-color--dark) !important;
-webkit-transition: background 0.3s;
transition: background 0.3s
}
.nopadding {
padding: 0 !important
}
.nomargin {
margin: 0 !important
}