html {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
font-size: 100%;
line-height: 1;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*,
*:before,
*:after {
box-sizing: inherit;
margin: 0;
padding: 0;
border: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
background: transparent;
}body {
overflow-x: hidden;
font-size: 0;
line-height: 0;
}img {
max-width: 100%;
height: auto;
border-style: none;
vertical-align: middle;
}a {
color: currentColor;
text-decoration: none;
}ol,
ul {
list-style: none;
}[type='button'],
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='file'],
[type='month'],
[type='number'],
[type='password'],
[type='range'],
[type='reset'],
[type='search'],
[type='submit'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select,
textarea,
button {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}::-webkit-input-placeholder {color: currentColor; opacity: .5;}
:-moz-placeholder           {color: currentColor; opacity: .5;}
::-moz-placeholder          {color: currentColor; opacity: .5;}
:-ms-input-placeholder      {color: currentColor; opacity: .5;}table,
tr,
th,
td {
border-collapse: collapse;
border-spacing: 0;
}/* Row
============================================================= */.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}.row.xs {
max-width: 32rem;
margin-left: auto;
margin-right: auto;
}.row.sm {
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}.row.md {
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}.row.lg {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}.row.xl {
max-width: 96rem;
margin-left: auto;
margin-right: auto;
}/* Column
============================================================= */.col {
display: block;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: auto;
}/* Extra-Small (>= 0px)
----------------------------- */.row > .col.xs-0 {
display: none;
}.row > .col.xs-1 {
display: block;
width: 8.3333%;
}.row > .col.xs-2 {
display: block;
width: 16.6667%;
}.row > .col.xs-3 {
display: block;
width: 25%;
}.row > .col.xs-4 {
display: block;
width: 33.3333%;
}.row > .col.xs-5 {
display: block;
width: 41.6667%;
}.row > .col.xs-6 {
display: block;
width: 50%;
}.row > .col.xs-7 {
display: block;
width: 58.3333%;
}.row > .col.xs-8 {
display: block;
width: 66.6667%;
}.row > .col.xs-9 {
display: block;
width: 75%;
}.row > .col.xs-10 {
display: block;
width: 83.3333%;
}.row > .col.xs-11 {
display: block;
width: 91.6667%;
}.row > .col.xs-12 {
display: block;
width: 100%;
}.row > .col.xs-fixed {
display: block;
width: auto;
}.row > .col.xs-auto {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0.00000001px; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
-ms-flex: 1 1 0.00000001px;
flex: 1 1 0.00000001px;
width: auto;
}/* Small (>= 512px)
----------------------------- */.row[min-width~='32rem'] > .col.sm-0 {
display: none;
}.row[min-width~='32rem'] > .col.sm-1 {
display: block;
width: 8.3333%;
}.row[min-width~='32rem'] > .col.sm-2 {
display: block;
width: 16.6667%;
}.row[min-width~='32rem'] > .col.sm-3 {
display: block;
width: 25%;
}.row[min-width~='32rem'] > .col.sm-4 {
display: block;
width: 33.3333%;
}.row[min-width~='32rem'] > .col.sm-5 {
display: block;
width: 41.6667%;
}.row[min-width~='32rem'] > .col.sm-6 {
display: block;
width: 50%;
}.row[min-width~='32rem'] > .col.sm-7 {
display: block;
width: 58.3333%;
}.row[min-width~='32rem'] > .col.sm-8 {
display: block;
width: 66.6667%;
}.row[min-width~='32rem'] > .col.sm-9 {
display: block;
width: 75%;
}.row[min-width~='32rem'] > .col.sm-10 {
display: block;
width: 83.3333%;
}.row[min-width~='32rem'] > .col.sm-11 {
display: block;
width: 91.6667%;
}.row[min-width~='32rem'] > .col.sm-12 {
display: block;
width: 100%;
}.row[min-width~='32rem'] > .col.sm-fixed {
display: block;
width: auto;
}.row[min-width~='32rem'] > .col.sm-auto {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0.00000001px; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
-ms-flex: 1 1 0.00000001px;
flex: 1 1 0.00000001px;
width: auto;
}/* Medium (>= 768px)
----------------------------- */.row[min-width~='48rem'] > .col.md-0 {
display: none;
}.row[min-width~='48rem'] > .col.md-1 {
display: block;
width: 8.3333%;
}.row[min-width~='48rem'] > .col.md-2 {
display: block;
width: 16.6667%;
}.row[min-width~='48rem'] > .col.md-3 {
display: block;
width: 25%;
}.row[min-width~='48rem'] > .col.md-4 {
display: block;
width: 33.3333%;
}.row[min-width~='48rem'] > .col.md-5 {
display: block;
width: 41.6667%;
}.row[min-width~='48rem'] > .col.md-6 {
display: block;
width: 50%;
}.row[min-width~='48rem'] > .col.md-7 {
display: block;
width: 58.3333%;
}.row[min-width~='48rem'] > .col.md-8 {
display: block;
width: 66.6667%;
}.row[min-width~='48rem'] > .col.md-9 {
display: block;
width: 75%;
}.row[min-width~='48rem'] > .col.md-10 {
display: block;
width: 83.3333%;
}.row[min-width~='48rem'] > .col.md-11 {
display: block;
width: 91.6667%;
}.row[min-width~='48rem'] > .col.md-12 {
display: block;
width: 100%;
}.row[min-width~='48rem'] > .col.md-fixed {
display: block;
width: auto;
}.row[min-width~='48rem'] > .col.md-auto {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0.00000001px; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
-ms-flex: 1 1 0.00000001px;
flex: 1 1 0.00000001px;
width: auto;
}/* Large (>= 1024px)
----------------------------- */.row[min-width~='64rem'] > .col.lg-0 {
display: none;
}.row[min-width~='64rem'] > .col.lg-1 {
display: block;
width: 8.3333%;
}.row[min-width~='64rem'] > .col.lg-2 {
display: block;
width: 16.6667%;
}.row[min-width~='64rem'] > .col.lg-3 {
display: block;
width: 25%;
}.row[min-width~='64rem'] > .col.lg-4 {
display: block;
width: 33.3333%;
}.row[min-width~='64rem'] > .col.lg-5 {
display: block;
width: 41.6667%;
}.row[min-width~='64rem'] > .col.lg-6 {
display: block;
width: 50%;
}.row[min-width~='64rem'] > .col.lg-7 {
display: block;
width: 58.3333%;
}.row[min-width~='64rem'] > .col.lg-8 {
display: block;
width: 66.6667%;
}.row[min-width~='64rem'] > .col.lg-9 {
display: block;
width: 75%;
}.row[min-width~='64rem'] > .col.lg-10 {
display: block;
width: 83.3333%;
}.row[min-width~='64rem'] > .col.lg-11 {
display: block;
width: 91.6667%;
}.row[min-width~='64rem'] > .col.lg-12 {
display: block;
width: 100%;
}.row[min-width~='64rem'] > .col.lg-fixed {
display: block;
width: auto;
}.row[min-width~='64rem'] > .col.lg-auto {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0.00000001px; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
-ms-flex: 1 1 0.00000001px;
flex: 1 1 0.00000001px;
width: auto;
}/* Extra-Large (>= 1280px)
----------------------------- */.row[min-width~='80rem'] > .col.xl-0 {
display: none;
}.row[min-width~='80rem'] > .col.xl-1 {
display: block;
width: 8.3333%;
}.row[min-width~='80rem'] > .col.xl-2 {
display: block;
width: 16.6667%;
}.row[min-width~='80rem'] > .col.xl-3 {
display: block;
width: 25%;
}.row[min-width~='80rem'] > .col.xl-4 {
display: block;
width: 33.3333%;
}.row[min-width~='80rem'] > .col.xl-5 {
display: block;
width: 41.6667%;
}.row[min-width~='80rem'] > .col.xl-6 {
display: block;
width: 50%;
}.row[min-width~='80rem'] > .col.xl-7 {
display: block;
width: 58.3333%;
}.row[min-width~='80rem'] > .col.xl-8 {
display: block;
width: 66.6667%;
}.row[min-width~='80rem'] > .col.xl-9 {
display: block;
width: 75%;
}.row[min-width~='80rem'] > .col.xl-10 {
display: block;
width: 83.3333%;
}.row[min-width~='80rem'] > .col.xl-11 {
display: block;
width: 91.6667%;
}.row[min-width~='80rem'] > .col.xl-12 {
display: block;
width: 100%;
}.row[min-width~='80rem'] > .col.xl-fixed {
display: block;
width: auto;
}.row[min-width~='80rem'] > .col.xl-auto {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0.00000001px; /* IE Flex bug, cannot use 0 as flex-shrink, but minification removes unit. */
-ms-flex: 1 1 0.00000001px;
flex: 1 1 0.00000001px;
width: auto;
}/* Gutter
============================================================= */.row.gutter {
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-bottom: -3rem;
}.row.gutter > .col {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 3rem;
}
/* Fonts
============================================================= *//*
Only one typeface loaded in through Google fonts.
https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat:400,400i,600,600iFont usage
font-family: 'Montserrat', sans-serif;
*//* Base
============================================================= */.h-type {
font-family: 'Montserrat', sans-serif;
color: #ff0000; /* If you see this color, you haven't specified a color scheme */
}.h-type *:last-child{
margin-bottom: 0;
}/* Themes
----------------------------- */.h-type.light-type {color: #ffffff;}
.h-type.dark-type {color: #576573;}/* Alignment
----------------------------- */.h-type.align-left {text-align: left;}
.h-type.align-center {text-align: center;}/* Headings
============================================================= */.h-type h1,
.h-type .h1{
font-weight: 600;
font-style: normal;
font-size: 2.3rem;
line-height: 2.8rem;
letter-spacing: normal;
text-transform: none;
color: currentColor;
}@media screen and (min-width: 48em) {
.h-type h1,
.h-type .h1 {
font-size: 2.875rem;
line-height: 3.5rem;
}
}.h-type.dark-type h1,
.h-type.dark-type .h1{
color: #3e4349;
}.h-type.light-type h1,
.h-type.light-type .h1{
color: #ffffff;
}.h-type h2,
.h-type .h2{
font-weight: 600;
font-style: normal;
font-size: 2rem;
line-height: 2.2rem;
letter-spacing: normal;
text-transform: none;
color: currentColor;
}@media screen and (min-width: 48em) {
.h-type h2,
.h-type .h2 {
font-size: 2.5rem;
line-height: 2.75rem;
}
}.h-type.dark-type h2,
.h-type.dark-type .h2{
color: #3e4349;
}.h-type.light-type h2,
.h-type.light-type .h2{
color: #ffffff;
}.h-type h3,
.h-type .h3{
font-weight: 600;
font-style: normal;
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: normal;
text-transform: none;
color: currentColor;
}@media screen and (min-width: 48em) {
.h-type h3,
.h-type .h3 {
font-size: 1.75rem;
line-height: 2.5rem;
}
}.h-type.dark-type h3,
.h-type.dark-type .h3{
color: #576573;
}.h-type.light-type h3,
.h-type.light-type .h3{
color: #ffffff;
}.h-type h4,
.h-type .h4{
font-weight: 400;
font-style: normal;
font-size: 1.1rem;
line-height: 1.4rem;
letter-spacing: normal;
text-transform: none;
color: currentColor;
}@media screen and (min-width: 48em) {
.h-type h4,
.h-type .h4 {
font-size: 1.375rem;
line-height: 1.75rem;
}
}.h-type.dark-type h4,
.h-type.dark-type .h4{
color: #576573;
}.h-type.light-type h4,
.h-type.light-type .h4{
color: #ffffff;
}/* Paragraphs
============================================================= */.h-type p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.125rem;
line-height: 2.375rem;
letter-spacing: normal;
text-transform: none;
}.h-type.dark-type p {color: #7C7F82;}
.h-type.light-type p {color: #ffffff;}/* Bold / Italic
============================================================= */.h-type b,
.h-type strong {
font-weight: 600;
}.h-type i,
.h-type em {
font-style: italic;
}/* Lists
============================================================= */.h-type ol,
.h-type ul {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
list-style-type: none;
margin-bottom: 1.875rem;
}.h-type.dark-type ol {color: #7C7F82}
.h-type.dark-type ul {color: #7C7F82}.h-type.light-type ol {color: #ffffff}
.h-type.light-type ul {color: #ffffff}.h-type ul ul,
.h-type ol ul,
.h-type ul ol,
.h-type ol ol {
margin-bottom: 0;
}.h-type ol {
counter-reset: item;
}.h-type li {
display: table;
font-weight: 400;
font-style: normal;
font-size: 1.125rem;
line-height: 2.375rem;
letter-spacing: normal;
text-transform: none;
color: currentColor;
max-width: 56.25rem;
}.h-type li:not(:last-child) {
margin-bottom: .5rem;
}.h-type li::before {
display: table-cell;
padding: 0 1rem;
}.h-type ol > li {
counter-increment: item;
}.h-type ul > li::before {
content: "\2022";
font-size: 1.125rem;
}.h-type ul > li > ul > li::before {
content: "\25E6";
font-size: .875rem;
}.h-type ul > li > ul > li > ul > li::before {
content: "\25AA";
font-size: 1.125rem;
}.h-type ul > li > ul > li > ul > li > ul > li::before {
content: "\25AB";
font-size: 1.125rem;
}.h-type ol > li::before {
content: counters(item, ".") ". ";
}.h-type li ol > li::before {
content: counters(item, ".") " ";
}.h-type.dark-type li {color: #9197a0}
.h-type.light-type li {color: #ffffff}/* Unique Elements
============================================================= */.h-type p.featured,
.h-type.featured p {
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
line-height: 2.25rem;
letter-spacing: normal;
text-transform: none;
}.h-type.dark-type p.featured,
.h-type.dark-type.featured p {
color: #7c7f82;
}.h-type.light-type p.featured,
.h-type.light-type.featured p {
color: #ffffff;
}.h-type p.small,
.h-type.small p{
font-weight: 400;
font-style: normal;
font-size: .875rem;
line-height: 1rem;
letter-spacing: -.01875rem;
text-transform: none;
}.h-type.dark-type p.small,
.h-type.dark-type.small p {
color: #7c7f82;
}.h-type.light-type p.small,
.h-type.light-type.small p {
color: #ffffff;
}.h-type .category {
color: #00a7cf;
font-weight: 600;
font-style: normal;
font-size: 1rem;
line-height: 1.25rem;
letter-spacing: .0625rem;
text-transform: uppercase;
}.h-type .breadcrumb-link {
font-size: 1rem;
font-weight: 400;
line-height: 2rem;
letter-spacing: .0125rem;
color: #00a7cf;
}.h-type .breadcrumb-link:hover {
color: #00809f;
background-color: #e8fafe;
}/* Anchors
============================================================= */.h-type a {}.h-type h1 a,
.h-type .h1 a,
.h-type a h1,
.h-type a .h1 {
text-decoration: none;
}.h-type h1 a:hover,
.h-type .h1 a:hover,
.h-type a:hover h1,
.h-type a:hover .h1 {}.h-type.dark-type h1 a,
.h-type.dark-type .h1 a,
.h-type.dark-type a h1,
.h-type.dark-type a .h1 {
color: #00a7cf;
}.h-type.dark-type h1 a:hover,
.h-type.dark-type .h1 a:hover,
.h-type.dark-type a:hover h1,
.h-type.dark-type a:hover .h1 {
color: #00809f;
text-decoration: dotted;
}.h-type.light-type h1 a,
.h-type.light-type .h1 a,
.h-type.light-type a h1,
.h-type.light-type a .h1{
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type h1 a:hover,
.h-type.light-type .h1 a:hover,
.h-type.light-type a:hover h1,
.h-type.light-type a:hover .h1 {
color: #ffffff;
text-decoration: dotted;
}.h-type h2 a,
.h-type .h2 a,
.h-type a h2,
.h-type a .h2{
text-decoration: none;
}.h-type h2 a:hover,
.h-type .h2 a:hover,
.h-type a:hover h2,
.h-type a:hover .h2 {}.h-type.dark-type h2 a,
.h-type.dark-type .h2 a,
.h-type.dark-type a h2,
.h-type.dark-type a .h2 {
color: #00a7cf;
}.h-type.dark-type h2 a:hover,
.h-type.dark-type .h2 a:hover,
.h-type.dark-type a:hover h2,
.h-type.dark-type a:hover .h2 {
color: #00809f;
text-decoration: dotted;
}.h-type.light-type h2 a,
.h-type.light-type .h2 a,
.h-type.light-type a h2,
.h-type.light-type a .h2 {
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type h2 a:hover,
.h-type.light-type .h2 a:hover,
.h-type.light-type a:hover h2,
.h-type.light-type a:hover .h2 {
color: #ffffff;
text-decoration: dotted;
}.h-type h3 a,
.h-type .h3 a,
.h-type a h3,
.h-type a .h3 {
text-decoration: none;
}.h-type h3 a:hover,
.h-type .h3 a:hover,
.h-type a:hover h3,
.h-type a:hover .h3 {}.h-type.dark-type h3 a,
.h-type.dark-type .h3 a,
.h-type.dark-type a h3,
.h-type.dark-type a .h3 {
color: #00a7cf;
}.h-type.dark-type h3 a:hover,
.h-type.dark-type .h3 a:hover,
.h-type.dark-type a:hover h3,
.h-type.dark-type a:hover .h3 {
color: #00809f;
text-decoration: dotted;
}.h-type.light-type h3 a,
.h-type.light-type .h3 a,
.h-type.light-type a h3,
.h-type.light-type a .h3 {
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type h3 a:hover,
.h-type.light-type .h3 a:hover,
.h-type.light-type a:hover h3,
.h-type.light-type a:hover .h3 {
color: #ffffff;
text-decoration: dotted;
}.h-type h4 a,
.h-type .h4 a,
.h-type a h4,
.h-type a .h4{
text-decoration: none;
}.h-type h4 a:hover,
.h-type .h4 a:hover,
.h-type a:hover h4,
.h-type a:hover .h4 {}.h-type.dark-type h4 a,
.h-type.dark-type .h4 a,
.h-type.dark-type a h4,
.h-type.dark-type a .h4 {
color: #00a7cf;
}.h-type.dark-type h4 a:hover,
.h-type.dark-type .h4 a:hover,
.h-type.dark-type a:hover h4,
.h-type.dark-type a:hover .h4 {
color: #00809f;
text-decoration: dotted;
}.h-type.light-type h4 a,
.h-type.light-type .h4 a,
.h-type.light-type a h4,
.h-type.light-type a .h4 {
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type h4 a:hover,
.h-type.light-type .h4 a:hover,
.h-type.light-type a:hover h4,
.h-type.light-type a:hover .h4 {
color: #ffffff;
text-decoration: dotted;
}.h-type p a {
text-decoration: none;
}.h-type p a:hover {}.h-type.dark-type p a {
color: #00a7cf;
}.h-type.dark-type p a:hover {
color: #00809f;
background-color: #e8fafe;
text-decoration: dotted;
}.h-type.light-type p a {
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type p a:hover {
color: #ffffff;
background-color: #e8fafe;
text-decoration: dotted;
}.h-type li a {
text-decoration: none;
}.h-type li a:hover {}.h-type.dark-type li a {
color: #00a7cf;
text-decoration: none;
}.h-type.dark-type li a:hover {
color: #00809f;
background-color: #e8fafe;
text-decoration: dotted;
}.h-type.light-type li a {
color: #ffffff;
text-decoration: dotted;
}.h-type.light-type li a:hover {
color: #ffffff;
text-decoration: dotted;
}.h-type.dark-type a.category
.h-type.dark-type .category a {
color: #00a7cf;
text-decoration: none;
}.h-type.dark-type a.category:hover
.h-type.dark-type .category a:hover {
color: #00809f;
text-decoration: none;
}.h-type.light-type a.category
.h-type.light-type .category a {
color: #ffffff;
text-decoration: none;
}.h-type.light-type a.category:hover
.h-type.light-type .category a:hover {
color: #ffffff;
text-decoration: none;
}/*
Featured Type is not included here because
it follows same rules as paragraph
*/.h-type.dark-type a.small
.h-type.dark-type.small a {
color: #00a7cf;
text-decoration: none;
}.h-type.dark-type a.small:hover
.h-type.dark-type.small a:hover {
color: #00809f;
text-decoration: none;
}.h-type.light-type a.small
.h-type.light-type.small a {
color: #ffffff;
text-decoration: none;
}.h-type.light-type a.small:hover
.h-type.light-type.small a:hover {
color: #ffffff;
text-decoration: none;
}/* Horizontal Rules
============================================================= *//* Sizes
----------------------------- */.h-type hr {
width: 100%;
height: .625rem;
}.h-type.light-type hr {background-color: #ffffff;}
.h-type.dark-type hr {background-color: #7c7f82;}/* Spacing
============================================================= */.h-type h1 + h1 {}
.h-type h1 + h2 {}
.h-type h1 + h3 {}
.h-type h1 + h4 {}
.h-type h1 + p {}
.h-type h1 + p.featured {margin-top: .625rem}
.h-type.featured h1 + p {margin-top: .625rem}
.h-type h1 + p.small {}
.h-type h1 + hr {}
.h-type h1 + ul {}
.h-type h1 + ol {}.h-type h2 + h1 {}
.h-type h2 + h2 {}
.h-type h2 + h3 {}
.h-type h2 + h4 {}
.h-type h2 + p {}
.h-type h2 + p.featured {margin-top: 1.125rem}
.h-type.featured h2 + p {margin-top: 1.125rem}
.h-type h2 + p.small {}
.h-type h2 + hr {}
.h-type h2 + ul {}
.h-type h2 + ol {}.h-type h3 + h1 {}
.h-type h3 + h2 {}
.h-type h3 + h3 {}
.h-type h3 + h4 {}
.h-type h3 + p {margin-top: .3rem}
.h-type h3 + p.featured {margin-top: 1.125rem}
.h-type.featured h3 + p {margin-top: 1.125rem}
.h-type h3 + p.small {}
.h-type h3 + hr {}
.h-type h3 + ul {margin-top: .625rem}
.h-type h3 + ol {margin-top: .625rem}.h-type h4 + h1 {}
.h-type h4 + h2 {}
.h-type h4 + h3 {}
.h-type h4 + h4 {}
.h-type h4 + p {}
.h-type h4 + p.featured {}
.h-type.featured h4 + p {}
.h-type h4 + p.small {}
.h-type h4 + hr {}
.h-type h4 + ul {}
.h-type h4 + ol {}.h-type p + h1 {}
.h-type p + h2 {}
.h-type p + h3 {}
.h-type p + h4 {}
.h-type p + p {margin-top: 2.25rem}
.h-type p + p.featured {}
.h-type.featured p + p {}
.h-type p + p.small {}
.h-type.small p + p {margin-top: .625rem}
.h-type p.small + p.small {margin-top: .625rem}
.h-type p + hr {}
.h-type p + ul {}
.h-type p + ol {}.h-type p.featured + h1 {}
.h-type p.featured + h2 {}
.h-type p.featured + h3 {}
.h-type p.featured + h4 {}
.h-type p.featured + p {}
.h-type p.featured + p.featured {}
.h-type p.featured + p.small {}
.h-type p.featured + hr {}
.h-type p.featured + ul {}
.h-type p.featured + ol {}.h-type p.small + h1 {}
.h-type p.small + h2 {}
.h-type p.small + h3 {}
.h-type p.small + h4 {}
.h-type p.small + p {}
.h-type p.small + p.featured {}
.h-type p.small + p.small {}
.h-type p.small + hr {}
.h-type p.small + ul {}
.h-type p.small + ol {}.h-type hr + h1 {}
.h-type hr + h2 {}
.h-type hr + h3 {}
.h-type hr + h4 {}
.h-type hr + p {}
.h-type hr + p.featured {}
.h-type hr + p.small {}
.h-type hr + hr {}
.h-type hr + ul {}
.h-type hr + ol {}.h-type ul + h1 {}
.h-type ul + h2 {}
.h-type ul + h3 {}
.h-type ul + h4 {}
.h-type ul + p {}
.h-type ul + p.featured {}
.h-type ul + p.small {}
.h-type ul + hr {}
.h-type ul + ul {}
.h-type ul + ol {}.h-type ol + h1 {}
.h-type ol + h2 {}
.h-type ol + h3 {}
.h-type ol + h4 {}
.h-type ol + p {}
.h-type ol + p.featured {}
.h-type ol + p.small {}
.h-type ol + hr {}
.h-type ol + ul {}
.h-type ol + ol {}/* Global
============================================================= */html {
overflow-x: hidden;
}/* Container
============================================================= */.site--container {
margin: 0 auto;
}@media (min-width: 32em) {.site--container {max-width: calc(100% - 3rem)}}
@media (min-width: 48em) {.site--container {max-width: calc(100% - 6rem)}}
@media (min-width: 64em) {.site--container {max-width: calc(100% - 9rem)}}
@media (min-width: 80em) {.site--container {max-width: calc(100% - 12rem)}}
@media (min-width: 92em) {.site--container {max-width: 80rem}}/* Header
============================================================= *//* Navigation
----------------------------- *//* Top Navigation Only on Desktop */
.site--top-nav {}@media screen and (min-width: 68em) {
.site--top-nav {
background-color: #00a7cf;
}
}.site--top-nav .top-nav {}@media screen and (min-width: 68em) {
.site--top-nav .top-nav {
height: 2rem;
}
}.site--top-nav .top-nav .top-wrapper {}@media screen and (min-width: 68em) {
.site--top-nav .top-nav .top-wrapper {
float: right;
text-align: right;
display: flex;
}
}.site--top-nav .top-nav .top-wrapper a {}@media screen and (min-width: 68em) {
.site--top-nav .top-nav .top-wrapper a {
text-transform: uppercase;
font-size: .75rem;
line-height: 1.5rem;
font-weight: 600;
letter-spacing: 0.0125rem;
color: #ffffff;
}
}.site--top-nav .top-nav .top-wrapper a:last-child {
padding: .375rem 0 0 1rem;
}.site--top-nav .top-nav .top-wrapper a:not(:last-child) {
padding: .375rem 1rem 0 1rem;
}/* Main Nav Wrapper for Desktop and Mobile */.site--main-nav {
font-family: xxxxxxx, futura, sans-serif;
background-color: #ffffff;
border-bottom: solid .0625rem #dbdbdb;
}/* Desktop Navbar */.site--main-nav .desktop-nav {
display: none;
}@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav {
display: block;
height: 7.5rem;
background-color: #ffffff;
}
}.site--main-nav .desktop-nav .main-wrapper {}
@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper {
width: 100%;
}
}.site--main-nav .desktop-nav .main-wrapper .links-wrapper {}
@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper .links-wrapper {
float: right;
text-align: right;
display: flex;
}
}.site--main-nav .desktop-nav .main-wrapper .links-wrapper:last-child {}
@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper .links-wrapper:last-child {
margin-right: -1.5rem;
}
}.site--main-nav .desktop-nav .main-wrapper .image-wrapper {}
@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper .image-wrapper {
float: left;
padding: .75rem .75rem .75rem 1.5rem;
}
}.site--main-nav .desktop-nav .main-wrapper .image-wrapper .logo-link {
padding: 0;
}.site--main-nav .desktop-nav .main-wrapper .image {
}
@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper .image {
height: 6rem;
width: 6.375rem;
}
}.site--main-nav .desktop-nav .main-wrapper a {}@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper a {
font-weight: 600;
color: #3e4349;
font-size: 1.125rem;
padding: 3.75rem 1.5rem;
}
}.site--main-nav .desktop-nav .main-wrapper a.active {
color: #00a7cf;
}.site--main-nav .desktop-nav .main-wrapper a:hover {
}@media screen and (min-width: 68em) {
.site--main-nav .desktop-nav .main-wrapper a:hover {
color: #00a7cf;
}
}/* Mobile Nav */.site--main-nav .mobile-nav-container {}@media screen and (min-width: 68em) {
.site--main-nav .mobile-nav-container {
display: none;
}
}.site--main-nav .mobile-nav {
height: 4.4375rem;
display: block;
}.site--main-nav .mobile-nav .mobile-wrapper {
width: 100%;
}.site--main-nav .mobile-nav .mobile-wrapper a.active {
color: #00a7cf;
}.site--main-nav .mobile-nav .mobile-image-wrapper {
display: flex;
align-items: center;
}.site--main-nav .mobile-nav .mobile-image-wrapper {
float: left;
padding: .4375rem .625rem .4375rem .625rem;
}.site--main-nav .mobile-nav .mobile-image-wrapper .mobile-image {
height: 3.4375rem;
width: 3.625rem;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-wrapper {
float: right;
display: flex;
padding: .70rem;
}.site--main-nav .mobile-nav-bottom .mobile-nav-bottom-item {
width: 100%;
padding: 1.25rem;
background-color: #00a7cf;
border: solid .0625rem #ffffff;
font-size: .75rem;
text-transform: uppercase;
color: #ffffff;
display: block;
text-align: center;
}/* Mobile Navbar button (Hamburger) */.site--main-nav .mobile-nav .mobile-wrapper .toggle-wrapper .toggle-nav {
display: block;
position: relative;
width: 3rem;
height: 3rem;
border-radius: .3125rem;
cursor: pointer;
outline: none;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav span {
position: absolute;
left: .625rem;
top: 1.40625rem;
width: 1.75rem;
height: .1875rem;
background-color: #00a7cf;
transition: transform 125ms ease;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav.active {}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav span:nth-child(1) {
top: .875rem;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav span:nth-child(2) {
top: 2rem;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav span:nth-child(3) {}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav.active span:nth-child(1) {
transform: rotate(45deg);
top: 1.40625rem;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav.active span:nth-child(2) {
display: none;
}.site--main-nav .mobile-nav .mobile-wrapper .toggle-nav.active span:nth-child(3){
transform: rotate(-45deg);
}.site--main-nav .mobile-links-wrapper {
display: none;
margin-top: .5rem;
}.site--main-nav .mobile-links-wrapper .menu-item {
display: block;
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
}.site--main-nav .mobile-links-wrapper .menu-item:last-child {
font-size: 3.125rem;
}.site--main-nav .mobile-links-wrapper .menu-item .link {
display: block;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.325rem;
color: #242d39;
padding: .875rem 1.375rem .875rem 1.375rem;
}.site--main-nav .mobile-links-wrapper .cli-menu-item-wrapper {
display: none;
padding-bottom: .5rem;
}.site--main-nav .mobile-links-wrapper .cli-menu-item {
display: block;
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
}.site--main-nav .mobile-links-wrapper .cli-menu-item .cli-link {
display: block;
font-size: .75rem;
font-weight: 600;
line-height: 1.5rem;
color: #7c7f82;
padding: .50rem 2.75rem .50rem 2.75rem;
text-transform: uppercase;
}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper {
display: flex;
padding-bottom: 1rem;
}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav {
display: block;
position: relative;
border-radius: .3125rem;
cursor: pointer;
padding-right: 3rem;
outline: none
}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav span {
position: absolute;
height: .1875rem;
background-color: #424c58;
transition: transform 125ms ease;
padding-right: 1.5rem;
}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav span:nth-child(1) {}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav span:nth-child(2) {
transform: rotate(90deg);
}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav.active span:nth-child(1) {}.site--main-nav .mobile-links-wrapper .toggle-sub-nav-wrapper .toggle-sub-nav.active span:nth-child(2) {
transform: rotate(0deg);
}/* CLI Nav Desktop */.site--cli-nav {
display: none;
}@media screen and (min-width: 68em) {
.site--cli-nav {
display: block;
}
}.site--cli-nav .cli-nav {
height: 2rem;
}.site--cli-nav .cli-nav .cli-wrapper {
float: right;
text-align: right;
display: flex;
}.site--cli-nav .cli-nav .cli-wrapper a {
text-transform: uppercase;
font-size: .75rem;
line-height: 1.5rem;
font-weight: 600;
letter-spacing: 0.0125rem;
color: #7c7f82;
}.site--cli-nav .cli-nav .cli-wrapper a.active {
color: #00a7cf;
}.site--cli-nav .cli-nav .cli-wrapper a:last-child {
padding: .375rem 0 0 1rem;
}.site--cli-nav .cli-nav .cli-wrapper a:not(:last-child) {
padding: .375rem 1rem 0 1rem;
}.site--cli-nav .cli-nav .cli-wrapper a:hover {
color: #00a7cf;
}/* Breadcrumb
============================================================= */.site--breadcrumb {}/* Footer
============================================================= */.site--footer, .site--partners {
background-color: #00a7cf;
}.site--footer .top-footer {
padding: 1.5rem .75rem 1.5rem .75rem;
}.site--footer h4 {
font-weight: 600;
}@media screen and (min-width: 68em) {
.site--footer .top-footer {
padding: 3.125rem .75rem 3.125rem .75rem;
}
}.site--footer .top-footer .contact-wrapper p {
line-height: 1.3rem;
}.site--footer .top-footer .contact-link {
text-decoration: underline;
}.site--footer .top-footer .contact-link:hover {
background-color: #00a7cf;
text-decoration: underline;
}.site--footer .top-footer .email {
}@media screen and (min-width: 68em) {
.site--footer .top-footer .email {
border-left: solid .0625rem rgba(21, 128, 157, .3);
}
}.site--footer .top-footer .email .email-input {
padding: .75rem;
width: calc(100% - 2rem);
background-color: #00809f;
margin: 0 auto;
font-size: 1rem;
line-height: 1.25rem;
color: #ffffff;
}@media screen and (min-width: 68em) {
.site--footer .top-footer .email-input {
width: 20.875rem;
}
}.site--footer .top-footer .email .email-submit {
background-image: url("/assets/images/arrow-white.svg");
background-position: right .5rem center;
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
width: 2rem;
height: 2.75rem;
background-color: #00809f;
font-size: 1rem;
vertical-align: top;
}@media screen and (min-width: 68em) {
.site--footer .top-footer .email-submit {
width: 2rem;
}
}.site--footer .bottom-footer {
border-top: solid .0625rem rgba(21, 128, 157, .3);
}.site--footer .bottom-footer .address {
text-align: center;
}@media screen and (min-width: 68em) {
.site--footer .bottom-footer .address {
text-align: right;
}
}.site--footer .bottom-footer .copyright {
text-align: center;
}@media screen and (min-width: 68em) {
.site--footer .bottom-footer .copyright {
text-align: left;
}
}.site--partners .partners-footer {
padding: 1.5rem .75rem 1.5rem .75rem;
border-bottom: solid .0625rem rgba(21, 128, 157, .3);
}@media screen and (min-width: 68em) {
.site--partners .partners-footer {
padding: 3.125rem .75rem 3.125rem .75rem;
}
}.site--partners .partners-footer.partners-head ing {
padding-top: .5rem;
}@media screen and (min-width: 68em) {
.site--partners .partners-footer .partners-heading {
text-align: left;
}
}.site--partners .partners-footer .arts-partners {
text-decoration: underline;
}.site--partners .partners-footer .arts-partners .partners-link {
text-decoration: underline;
background-color: #00a7cf;
}.site--partners .partners-footer .images img {
display: block;
margin: 0 auto;
width: 100%;
max-width: 7.1875rem;
}/* Padding
============================================================= */.p-full {padding: 1.5rem}
.p-full-x {padding-left: 1.5rem; padding-right: 1.5rem}
.p-full-y {padding-top: 1.5rem; padding-bottom: 1.5rem}.p-half {padding: .75rem}
.p-half-x {padding-left: .75rem; padding-right: .75rem}
.p-half-y {padding-top: .75rem; padding-bottom: .75rem}/* Global Tweaks
============================================================= *//* Hide images until document ready
----------------------------- */body.content-loading .site--main img,
body.content-loading .site--main [role="img"] {
display: none;
}/* Focus Style
----------------------------- *//* Replace the default focus indicator with a stylized one */
.js-focus-visible :focus {
outline: 0;
box-shadow: 0 0 0 .1875rem rgba(131,192,253,.75);
}/* Hide focus indicator if focused via mouse, but not via keyboard */
.js-focus-visible :focus:not(.focus-visible) {
box-shadow: none;
}/* 1 Column
============================================================= */.layout--1column .layout {}/* Medium
============================================================= */.layout--medium .layout {
margin: 0 auto;
max-width: 64rem;
}/* Narrow
============================================================= */.layout--narrow .layout {
margin: 0 auto;
max-width: 48rem;
}/* Home
============================================================= */.page--home {}.page--home .site--breadcrumb {
display: none;
}.page--home .home-banner::before {
display: none;
}@media screen and (min-width: 68em) {
.page--home .home-banner::before {
display: block;
content: "";
position: absolute;
background-size: .9375rem;
width: .9375rem;
height: 70vmin;
background-image: url("/assets/images/decoration-left.png");
left: 0;
}
}.page--home .home-banner .wrapper {
display: flex;
justify-content: left;
min-height: 70vmin;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
margin: 0 calc(-50vw + 50%);
padding: 0 calc(50vw - 50%);
}.page--home .home-banner .wrapper .text {
padding-left: 1.5rem;
padding-top: 1.5rem;
}@media screen and (min-width: 68em) {
.page--home .home-banner .wrapper .text {
padding-left: 6.875rem;
}
}.page--home .home-banner .wrapper .text h1 {}@media screen and (min-width: 68em) {
.page--home .home-banner .wrapper .text h1 {
font-size: 3.75rem;
max-width: 40rem;
line-height: 1.17;
}
}.page--home .home-banner .wrapper .text p {
padding-top: .75rem;
}@media screen and (min-width: 68em) {
.page--home .home-banner .wrapper .text p {
max-width: 52rem;
padding-top: 2.875rem;
}
}/* CLI page
============================================================= */.page--cli figure {
text-align: center;
}/* Contact
============================================================= */.page--contact {
background-color: #fafafa;
}.page--contact .index-heading {
margin-bottom: 4.5rem;
}.page--contact .contact-form {
margin-bottom: 4.5rem;
}.page--contact .contact-success {
display: none;
margin-bottom: 4.5rem;
}.page--contact .contact-failure {
display: none;
margin-bottom: 4.5rem;
}/* Blog Index
============================================================= */.page--blog-index {
background-color: #fafafa;
}/* Events Index
============================================================= */.page--events-index {
background-color: #fafafa;
}/* Impact Index
============================================================= */.page--impact-index {
background-color: #fafafa;
}/* News Index
============================================================= */.page--news-index {
background-color: #fafafa;
}/* Blog Entry
============================================================= */.page--blog-entry {}.page--blog-entry .blog-entry-wrapper .category {
margin-top: 5.3125rem;
margin-bottom: 1rem;
}.page--blog-entry .blog-entry-wrapper hr {
border-bottom: solid .0625rem #dbdbdb;
margin-bottom: 4.25rem;
margin-top: 4.25rem;
}/* Events Entry
============================================================= *//* Impact Entry
============================================================= */.page--impact-entry {}.page--impact-entry .impact-entry-wrapper {}.page--impact-entry .impact-entry-wrapper hr {
border-bottom: solid .0625rem #dbdbdb;
margin-bottom: 4.25rem;
margin-top: 4.25rem;
}.page--impact-entry .impact-image {
border-radius: 100%;
height: 9.5rem;
width: 9.5rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: .5rem solid #ffffff;
box-shadow: 0px 6px 5px -3px #888;
margin: 0 auto;
margin-top: -3rem;
position: relative;
}.page--impact-entry .author-name {
text-align: center;
}.page--impact-entry .impact-title {
padding-top: 3rem;
}/* News Entry
============================================================= */.page--news-entry {}.page--news-entry .news-entry-wrapper .category {
margin-top: 5.3125rem;
margin-bottom: 1rem;
}.page--news-entry .news-entry-wrapper hr {
border-bottom: solid .0625rem #dbdbdb;
margin-bottom: 4.25rem;
margin-top: 4.25rem;
}/* Generic Entry
============================================================= */.page--generic-entry {}/* CLI Modular Signup
============================================================= */.page--cli-modular-signup {}.page--cli-modular-signup .network-form {
margin-bottom: 4.5rem;
}.page--cli-modular-signup .network-success {
display: none;
margin-bottom: 4.5rem;
}.page--cli-modular-signup .network-failure {
display: none;
margin-bottom: 4.5rem;
}/* Error 404
============================================================= */.page--error-404 {}/* Module
============================================================= */.module {}/* Module Meta
============================================================= */.module-meta {
display: none;
justify-content: space-between;
background-color: #f1f5f8;
border: .0625rem solid #e3e5e8;
padding: 1.5rem;
}.module-meta[data-block-id="null"] {
display: none !important;
}.module-meta.visible {
display: flex;
}.module-meta .block-title {
font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #29323d;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 300;
text-align: center;
}.module-meta .block-link {
font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: .875rem;
line-height: 1.125rem;
font-weight: 500;
color: #ffffff;
background-image: linear-gradient(#da5a47, #cc5643);
height: 2rem;
display: block;
border-radius: .125rem;
padding: .375rem .75rem;
border: none;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: inset 0 0 0 .0625rem transparent, 0 0 0 .0625rem rgba(0,0,0,.025), 0 .0625rem .0625rem rgba(0,0,0,.1);
}.module-meta .block-link:hover {
background-image: linear-gradient(#bf503f, #b34b3b);
}.module-meta .block-link:active {
background-image: linear-gradient(#8c3b2e, #994032);
}/* Module Outer Wrapper
============================================================= */.module-outer-wrapper[data-top="0"] {padding-top: 0rem}
.module-outer-wrapper[data-top="1"] {padding-top: .75rem}
.module-outer-wrapper[data-top="2"] {padding-top: 1.5rem}
.module-outer-wrapper[data-top="3"] {padding-top: 3rem}
.module-outer-wrapper[data-top="4"] {padding-top: 4.5rem}
.module-outer-wrapper[data-top="5"] {padding-top: 6rem}
.module-outer-wrapper[data-top="6"] {padding-top: 7.5rem}
.module-outer-wrapper[data-top="7"] {padding-top: 9rem}
.module-outer-wrapper[data-top="8"] {padding-top: 10.5rem}
.module-outer-wrapper[data-top="9"] {padding-top: 12rem}.module-outer-wrapper[data-bottom="0"] {padding-bottom: 0rem}
.module-outer-wrapper[data-bottom="1"] {padding-bottom: .75rem}
.module-outer-wrapper[data-bottom="2"] {padding-bottom: 1.5rem}
.module-outer-wrapper[data-bottom="3"] {padding-bottom: 3rem}
.module-outer-wrapper[data-bottom="4"] {padding-bottom: 4.5rem}
.module-outer-wrapper[data-bottom="5"] {padding-bottom: 6rem}
.module-outer-wrapper[data-bottom="6"] {padding-bottom: 7.5rem}
.module-outer-wrapper[data-bottom="7"] {padding-bottom: 9rem}
.module-outer-wrapper[data-bottom="8"] {padding-bottom: 10.5rem}
.module-outer-wrapper[data-bottom="9"] {padding-bottom: 12rem}/* Module Inner Wrapper
============================================================= */.module-inner-wrapper[data-top="0"] {padding-top: 0rem}
.module-inner-wrapper[data-top="1"] {padding-top: .75rem}
.module-inner-wrapper[data-top="2"] {padding-top: 1.5rem}
.module-inner-wrapper[data-top="3"] {padding-top: 3rem}
.module-inner-wrapper[data-top="4"] {padding-top: 4.5rem}
.module-inner-wrapper[data-top="5"] {padding-top: 6rem}
.module-inner-wrapper[data-top="6"] {padding-top: 7.5rem}
.module-inner-wrapper[data-top="7"] {padding-top: 9rem}
.module-inner-wrapper[data-top="8"] {padding-top: 10.5rem}
.module-inner-wrapper[data-top="9"] {padding-top: 12rem}.module-inner-wrapper[data-bottom="0"] {padding-bottom: 0rem}
.module-inner-wrapper[data-bottom="1"] {padding-bottom: .75rem}
.module-inner-wrapper[data-bottom="2"] {padding-bottom: 1.5rem}
.module-inner-wrapper[data-bottom="3"] {padding-bottom: 3rem}
.module-inner-wrapper[data-bottom="4"] {padding-bottom: 4.5rem}
.module-inner-wrapper[data-bottom="5"] {padding-bottom: 6rem}
.module-inner-wrapper[data-bottom="6"] {padding-bottom: 7.5rem}
.module-inner-wrapper[data-bottom="7"] {padding-bottom: 9rem}
.module-inner-wrapper[data-bottom="8"] {padding-bottom: 10.5rem}
.module-inner-wrapper[data-bottom="9"] {padding-bottom: 12rem}/* Module Container
============================================================= */.module-container {
position: relative;
}.module-container[data-width="auto"] {
margin: 0;
padding: 0;
}.module-container[data-width="autoExtended"] {
margin: 0 calc(-50vw + 50%);
padding: 0 calc(50vw - 50%);
}.module-container[data-width="wide"] {
margin: 0;
}@media (min-width: 32em) {.module-container[data-width="wide"] {margin: 0 -1.5rem}}
@media (min-width: 48em) {.module-container[data-width="wide"] {margin: 0 -3rem}}
@media (min-width: 64em) {.module-container[data-width="wide"] {margin: 0 -4.5rem}}
@media (min-width: 80em) {.module-container[data-width="wide"] {margin: 0 -6rem}}.module-container[data-width="wideExtended"] {
margin: 0 calc(-50vw + 50%);
padding: 0 calc(50vw - 50% - 6rem);
}.module-container[data-width="slim"] {
margin: 0;
}@media (min-width: 32em) {.module-container[data-width="slim"] {margin: 0 1.5rem}}
@media (min-width: 48em) {.module-container[data-width="slim"] {margin: 0 3rem}}
@media (min-width: 64em) {.module-container[data-width="slim"] {margin: 0 4.5rem}}
@media (min-width: 80em) {.module-container[data-width="slim"] {margin: 0 6rem}}.module-container[data-width="slimExtended"] {
margin: 0 calc(-50vw + 50%);
padding: 0 calc(50vw - 50%);
}@media (min-width: 32em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 1.5rem)}}
@media (min-width: 48em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 3rem)}}
@media (min-width: 64em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 4.5rem)}}
@media (min-width: 80em) {.module-container[data-width="slimExtended"] {padding: 0 calc(50vw - 50% + 6rem)}}.module-container[data-width="full"] {
margin: 0 calc(-50vw + 50%);
}/* Module Background
============================================================= */.module-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
}.module-background[data-bg-color="none"] {background-color: transparent}
.module-background[data-bg-color="red"] {background-color: #ea002a}
.module-background[data-bg-color="green"] {background-color: #a5bd44}
.module-background[data-bg-color="blue"] {background-color: #00a7cf}
.module-background[data-bg-color="gray"] {background-color: #f8f8f8}/* Module Overlay
============================================================= */.module-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}/* Module Content
============================================================= */.module-content {
position: relative;
}/* Button
============================================================= */.c--button {
position: relative;
display: inline-block;
text-align: center;
padding: 1rem 2rem;
cursor: pointer;
min-width: 14.125rem;
}.c--button.primary {
font-family: 'Montserrat', sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
color: #ffffff;
border-radius: 3.125rem;
background-color: #00a7cf;
transition: all 0.3s ease;
}.c--button.primary:hover {
background-color: #00809f;
}/* CTA-Link
============================================================= */.c--cta-link {
font-family: 'Montserrat', sans-serif;
font-size: 1.25rem;
font-weight: 600;
font-style: normal;
line-height: 1.5rem;
letter-spacing: -0.0125rem;
color: #00a7cf;
transition: all 0.3s ease;
}.c--cta-link:hover {
color: #00809f;
}.c--cta-link .text {
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
}.c--cta-link .icon {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: middle;
}.c--cta-link .polygon {
fill: #00a7cf;
}.c--cta-link:hover .polygon {
fill: #00809f;
}/* Index Page
============================================================= */.c--index-page {}.c--index-page .index-heading {
margin-bottom: 6rem;
}.c--index-page .card {
margin-bottom: 8rem;
}/* Index Filter
============================================================= */.c--index-filter {}.c--index-filter .filter {
border-top: solid .0625rem #dbdbdb;
border-bottom: solid .0625rem #dbdbdb;
}/* Card (Common Styles)
============================================================= */.card {
background-color: #ffffff;
border: .0625rem solid #dbdbdb;
}.card:not(:last-child) {
margin-bottom: 2.5rem;
}/* Event
============================================================= */.card--event {}.card--event .container {
min-height: 13.5rem;
}.card--event .image-col {
background-color: #00a7cf;
text-align:center;
position: relative;
min-height: 6rem;
}.card--event[min-width~= "48rem"] .image-col {
background-color: #00a7cf;
text-align: center;
height: auto;
}.card--event .image-col::before {
content: "";
position: absolute;
background-repeat: repeat-x;
width: 100%;
height: 2.875rem;
background-image: url(/assets/images/decoration-top.png);
background-size: 6.25rem 2.875rem;
left: 0;
}.card--event .image-col::after {
display: none;
}.card--event[min-width~= "48rem"] .image-col::after {
display: block;
content: "";
position: absolute;
background-repeat: repeat-x;
width: 100%;
height: 2.875rem;
background-image: url(/assets/images/decoration-bottom.png);
background-size: 6.25rem 2.875rem;
left: 0;
bottom: 0;
}.card--event .image-col .date-wrapper {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
}.card--event .image-col .date-wrapper p {
margin: 0;
}.card--event .image-col .date-wrapper .date-separator {
margin: 0 1rem;
}.card--event .image-col .desktop-inline {
font-weight: 600;
}.card--event .image-col .desktop-inline .day {
display: inline;
}.card--event[min-width~= "48rem"] .image-col .desktop-inline .day {
display: none;
}.card--event .image-col .mobile-inline {
display: none;
}.card--event[min-width~= "48rem"] .image-col .mobile-inline {
display: block;
}.card--event .text-col .content-wrapper {
padding: 1rem 3.375rem 1.25rem 1.125rem;
}.card--event[min-width~= "48rem"] .text-col .content-wrapper {
padding: 2.125rem 2.75rem 2.125rem 2.75rem;
}.card--event .text-col .content-wrapper .event-title {
font-size: 1.5rem;
}.card--event[min-width~= "48rem"] .text-col .content-wrapper .event-title {
font-size: 1.75rem;
}.card--event .text-col .content-wrapper .location {
font-size: .875rem;
margin-top: 0;
}.card--event[min-width~= "48rem"] .text-col .content-wrapper .location {
font-size: 1.125rem;
margin-top: 1.125rem;
}/* Impact
============================================================= */.card--impact {}/* @media screen and (min-width: 48em) {
.card--impact {
min-height: 32rem;
}
} */.card--impact .blue-block {
padding-right: 0rem;
padding-top: 9.5rem;
background-size:contain;
background-position: left center;
}.card--impact[min-width~= "34rem"] .blue-block {
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
height: 32rem;
width: 100%;
display: flex;
align-items: flex-end;
}.card--impact .blue-block .white-block {
background: #ffffff;
width: 100%;
max-width: 40rem;
}.card--impact .blue-block .white-block .bottom-container {
display: none;
}.card--impact[min-width~= "34rem"] .blue-block .white-block .bottom-container {
display: flex;
justify-content: space-between;
align-items: center;
}.card--impact .category {
margin-top: 1rem;
}.card--impact[min-width~= "34rem"] .category {
margin-top: 2rem;
}.card--impact .study {
float: right;
margin-top: 2rem;
}.card--impact .blue-block .white-block .white-block-inner p {
font-size: .875rem;
margin-top: 0rem;
line-height: 2;
}.card--impact[min-width~= "34rem"] .blue-block .white-block .white-block-inner p {
font-size: 1.125rem;
margin-top: 1rem;
}.card--impact .blue-block .white-block .white-block-inner {
padding: 1rem 3.375rem 1.25rem 1.125rem;
}.card--impact[min-width~= "34rem"] .blue-block .white-block .white-block-inner {
padding: 2.25rem 1.625rem 1.5rem 1.625rem;
}/* Blog
============================================================= */.card--blog {
min-height: 100%;
}/* @media screen and (min-width: 48em) {
.card--blog {
min-height: 32rem;
}
}@media screen and (min-width: 64em) {
.card--blog {
min-height: 100%;
}
} */.card--blog .image-col {}.card--blog[min-width~= "64rem"] .image-col {
order: 2;
}.card--blog .text-col {}.card--blog[min-width~= "34rem"] .text-col {
order: 1;
}.card--blog .content-wrapper {
padding: 1.1875rem .75rem 1.1875rem .75rem;
}.card--blog[min-width~= "34rem"] .content-wrapper {
padding: 1.75rem;
}.card--blog .content-wrapper .category {
line-height: 0;
}.card--blog[min-width~= "34rem"] .content-wrapper .category {
line-height: 1.25rem;
}.card--blog .content-wrapper p {
margin-top: 0rem;
font-size: .875rem;
line-height: 2;
}.card--blog[min-width~= "34rem"] .content-wrapper p {
margin-top: 1.125rem;
font-size: 1.125rem;
margin-bottom: 5.375rem;
}.card--blog .image-wrapper {}.card--blog[min-width~= "34rem"] .image-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
overflow:hidden;
height: 100%;
}.card--blog .image-wrapper .image {
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
min-height: 6rem;
width: 100%;
}.card--blog[min-width~= "34rem"] .image-wrapper .image {
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}/* News
============================================================= */.card--news {}.card--news .image-col {}.card--news[min-width~= "48rem"] .image-col {
order: 2;
}.card--news .text-col {}.card--news[min-width~= "48rem"] .text-col {
order: 1;
}.card--news .content-wrapper {
padding: 1.1875rem .75rem 1.1875rem .75rem;
}.card--news[min-width~= "48rem"] .content-wrapper {
padding: 1.75rem;
}.card--news .content-wrapper .category {
line-height: 0;
}.card--news[min-width~= "48rem"] .content-wrapper .category {
line-height: 1.25rem;
}.card--news .content-wrapper p {
margin-top: 0rem;
font-size: .875rem;
line-height: 2;
}.card--news[min-width~= "48rem"] .content-wrapper p {
margin-top: 1.125rem;
font-size: 1.125rem;
margin-bottom: 5.375rem;
}.card--news .image-wrapper {}.card--news[min-width~= "48rem"] .image-wrapper {
height: 100%
}.card--news .image-wrapper .image {
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
min-height: 6rem;
width: 100%;
}.card--news[min-width~= "48rem"] .image-wrapper .image {
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}/* Generic
============================================================= */.card--generic {}/* =============================================================
Bitte UI Theme
============================================================= *//* Bitte Field
============================================================= */.bitte-field {
position: relative;
display: inline-block;
vertical-align: bottom;
width: 100%;
margin-bottom: 1.5rem;
}* > .bitte-field:last-child {
margin-bottom: 0;
}/* Bitte Label (h-type h3)
============================================================= */.bitte-field .bitte-label {
display: block;
margin: 0 0 .25rem 0;
}.bitte-field .bitte-label:empty {
display: none;
}.bitte-field .bitte-label .label {
font-family: 'Montserrat', sans-serif;
font-size: 1.125rem;
color: #7c7f82;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.11;
letter-spacing: normal;
}.bitte-field .bitte-label .required-indicator {}.bitte-field .bitte-label .instructions {}/* Bitte UI
============================================================= */.bitte-field .bitte-ui {
position: relative;
display: inline-block;
width: 100%;
}/* Bitte Message
============================================================= */.bitte-field .bitte-message {
position: relative;
border-radius: 1rem;
padding: 1rem 1.5rem;
font-size: 1.125rem;
line-height: 1.625rem;
margin-bottom: 1rem;
}.bitte-field.invalid .bitte-message {
background-color: #FFF6F6;
border: .0625rem solid #B70A09;
color: #B70A09;
}.bitte-field .bitte-message:empty {
display: none;
}/* Button
============================================================= */.bitte-ui-button .button {
position: relative;
display: inline-block;
min-width: auto;
text-align: center;
white-space: nowrap;
border-radius: .3125rem;
padding: .75rem 2.25rem;
font-family: 'Montserrat', sans-serif;
font-size: 1.125rem;
line-height: 1.625rem;
font-weight: normal;
letter-spacing: .046875rem;
text-transform: capitialize;
text-decoration: none;
border: .0625rem solid #00a7cf;
background-color: #00a7cf;
color: #ffffff;
overflow: visible;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}.bitte-ui-button .button:hover {
background-color: #00809f;
}.bitte-ui-button .button:active {
background-color: #00809f;
}.bitte-ui-button.fullwidth .button {
width: 100%;
border-radius: 6.25rem;
}/* Input & Textarea
============================================================= */.bitte-field input,
.bitte-field textarea {
font-size: 1.125rem;
line-height: 1.625rem;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
background-color: #ffffff;
padding: .8125rem 1.25rem;
border-radius: .3125rem;
display: inline-block;
width: 100%;
color: #333f48;
border: .0625rem solid #d5d5d5;
}.bitte-field input {
height: 3.25rem;
}.bitte-field ::-webkit-input-placeholder {color: #696969; opacity: 1;}
.bitte-field :-moz-placeholder {color: #696969; opacity: 1;}
.bitte-field ::-moz-placeholder {color: #696969; opacity: 1;}
.bitte-field :-ms-input-placeholder {color: #696969; opacity: 1;}/* Dropdown
============================================================= */.bitte-ui-dropdown .dropdown-button {
font-size: 1.125rem;
line-height: 1.625rem;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #626d75;
background-color: #ffffff;
padding: .8125rem 2.25rem .8125rem 1.25rem;
border-radius: .3125rem;
border: .0625rem solid #d5d5d5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
min-width: 12rem;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}.bitte-ui-dropdown .dropdown-button:after {
content: '';
position: absolute;
top: 1.125rem;
right: 1rem;
width: 1rem;
height: 1rem;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjYgNiAxMiAxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjMzMzZjQ4IiBkPSJNMTUuNTE3OCw5LjgxMjVhLjY2ODEuNjY4MSwwLDAsMC0xLDBoMGwtMi41LDIuNi0yLjUtMi41YS43MDcxLjcwNzEsMCwwLDAtMSwxbDMuNSwzLjUsMy41LTMuNWEuOS45LDAsMCwwLDAtMS4xWiI+PC9wYXRoPjwvc3ZnPg==');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}.bitte-ui-dropdown .dropdown-button.has-value {
color: #333f48;
}.bitte-ui-dropdown .dropdown-menu {
background-color: #ffffff;
border-radius: .3125rem;
box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.1875);
position: absolute;
width: 100%;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem 0;
max-height: 22rem;
overflow: auto;
display: none;
}.bitte-ui-dropdown .dropdown-menu.is-active {
display: block;
}.bitte-ui-dropdown .dropdown-menu .dropdown-label {
background-color: #ffffff;
color: #777777;
padding: .25rem 1.5rem;
font-size: 1.125rem;
line-height: 1.625rem;
font-family: 'Montserrat', sans-serif;
}.bitte-ui-dropdown .dropdown-menu .dropdown-item {
font-size: 1.125rem;
line-height: 1.625rem;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #626d75;
width: 100%;
text-align: left;
padding: .25rem 2.5rem;
cursor: default;
}.bitte-ui-dropdown .dropdown-menu .dropdown-item:hover {
background-color: #00809f;
color: #ffffff;
}.bitte-ui-dropdown .dropdown-menu .dropdown-item:focus {
background-color: #00809f;
color: #ffffff;
box-shadow: none;
}.bitte-ui-dropdown .dropdown-menu .dropdown-item.checked:before {
content: '\2713';
display: inline-block;
width: 1rem;
margin-left: -1.5rem;
margin-right: .5rem;
}/* Dropdown - Index Filter
----------------------------- */.bitte-ui-dropdown.index-filter {}@media screen and (min-width: 48rem) {
.bitte-ui-dropdown.index-filter {
display: flex;
align-items: center;
}
}.bitte-ui-dropdown.index-filter .bitte-label {
margin-right: 1.5rem;
white-space: nowrap;
}.bitte-ui-dropdown.index-filter .bitte-label .label {
font-size: 1.125rem;
font-weight: 400;
line-height: 2.25;
letter-spacing: -.0125rem;
color: #424c58;
}.bitte-ui-dropdown.index-filter .bitte-ui {
max-width: 24rem;
}/* Combobox
============================================================= */.bitte-ui-combobox .listbox {
position: absolute;
width: 100%;
z-index: 1;
background-color: #616d7a;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .5rem 0;
max-height: 22rem;
overflow: auto;
display: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}.bitte-ui-combobox .listbox.is-active {
display: block;
}.bitte-ui-combobox .listbox .option {
width: 100%;
text-align: left;
font-size: 1.125rem;
line-height: 2.125rem;
color: #ffffff;
padding: .25rem 2.5rem;
cursor: default;
display: none;
}.bitte-ui-combobox .listbox .option:hover {
background-color: #444e58;
}.bitte-ui-combobox .listbox .option:focus {
background-color: #252E38;
box-shadow: none;
}.bitte-ui-combobox .listbox .option.match {
display: block;
}/* Uberselect
============================================================= */.bitte-ui-uberselect .uberselect {
position: relative;
}.bitte-ui-uberselect .uberselect-button {
width: 100%;
text-align: left;
cursor: default;
min-height: 3.25rem;
background-color: #ffffff;
border-radius: .3125rem;
}.bitte-ui-uberselect .button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: .0625rem solid #d5d5d5;
background-color: #ffffff;
padding: .25rem 3.125rem .25rem .25rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
color: #242d39;
border-radius: .3125rem;
}.bitte-ui-uberselect .button-wrapper:after {
content: '';
position: absolute;
top: 1.125rem;
right: 1rem;
width: 1rem;
height: 1rem;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjYgNiAxMiAxMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjMzMzZjQ4IiBkPSJNMTUuNTE3OCw5LjgxMjVhLjY2ODEuNjY4MSwwLDAsMC0xLDBoMGwtMi41LDIuNi0yLjUtMi41YS43MDcxLjcwNzEsMCwwLDAtMSwxbDMuNSwzLjUsMy41LTMuNWEuOS45LDAsMCwwLDAtMS4xWiI+PC9wYXRoPjwvc3ZnPg==');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}.bitte-ui-uberselect .button-wrapper .placeholder {
display: inline-block;
margin: .25rem;
padding: .3125rem .5rem;
line-height: 1.5rem;
color: #696969;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}.bitte-ui-uberselect .button-wrapper .selection-tag {
position: relative;
display: inline-block;
color: #ffffff;
background-color: #00809f;
padding: .3125rem 1.875rem .3125rem .75rem;
margin: .25rem;
border-radius: .3125rem;
line-height: 1.5rem;
text-align: left;
}.bitte-ui-uberselect .button-wrapper .selection-tag:after {
position: absolute;
content: '\00d7';
top: 0;
right: 0;
width: 2rem;
height: 100%;
font-size: 1.5rem;
line-height: 2rem;
text-align: center;
}.bitte-ui-uberselect .dropdown-container {
display: none;
position: absolute;
width: 100%;
z-index: 1;
background-color: #ffffff;
border-radius: .3125rem;
box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.1875);
}.bitte-ui-uberselect .dropdown-container .input-container {
position: relative;
padding: .75rem .75rem .375rem .75rem;
}.bitte-ui-uberselect .dropdown-container .input-container:after {
content: '';
position: absolute;
width: 1.5rem;
height: 1.5rem;
top: 1.5rem;
right: 1.5rem;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSIjNjI2ZDc1IiBkPSJNMTguNzA3LDE3LjI5M2wtMy44Mi0zLjgyYTYuMDEyMiw2LjAxMjIsMCwxLDAtMS40MTQxLDEuNDE0MWwzLjgyLDMuODJBMSwxLDAsMCwwLDE4LjcwNywxNy4yOTNaTTYsMTBhNCw0LDAsMSwxLDQsNEE0LDQsMCwwLDEsNiwxMFoiPjwvcGF0aD48L3N2Zz4=');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}.bitte-ui-uberselect .dropdown-container .input-container .input {
height: 3.125rem;
font-size: 1rem;
line-height: 2rem;
padding: .75rem 1rem;
padding-right: 3.125rem;
width: 100%;
border: .0625rem solid #d5d5d5;
}.bitte-ui-uberselect .listbox {
background-color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: auto;
padding: .375rem 0;
max-height: 15.5rem;
border-radius: 0 0 .3125rem .3125rem;
}.bitte-ui-uberselect .listbox.is-active {
display: block;
}.bitte-ui-uberselect .listbox .option {
width: 100%;
text-align: left;
color: #626d75;
font-size: 1rem;
line-height: 1.5rem;
padding: .25rem 2.25rem;
cursor: default;
display: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}.bitte-ui-uberselect .listbox .option:hover {
background-color: #00809f;
color: #ffffff;
}.bitte-ui-uberselect .listbox .option:focus {
background-color: #00809f;
color: #ffffff;
box-shadow: none;
}.bitte-ui-uberselect .listbox .option.match {
display: block;
}.bitte-ui-uberselect .listbox .option.checked:before {
content: '\2713';
display: inline-block;
width: 1rem;
margin-left: -1.375rem;
margin-right: .375rem;
}.bitte-ui-uberselect .listbox .no-results {
width: 100%;
text-align: left;
color: #696969;
cursor: default;
font-style: italic;
display: none;
font-size: 1rem;
line-height: 1.5rem;
padding: .25rem 2.25rem;
}/* Radio
============================================================= */.bitte-ui-radio {
margin-bottom: 1rem;
}.bitte-ui-radio .radiogroup {
margin-bottom: 2rem;
}.bitte-ui-radio .radiogroup .radio-container {
display: block;
margin-bottom: 1rem;
}.bitte-ui-radio .radiogroup .radio {
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #242d39;
cursor: default;
overflow: visible;
}.bitte-ui-radio .radiogroup .radio:before {
content: '';
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
border: .0625rem solid #626d75;
background-color: #ffffff;
display: inline-block;
vertical-align: middle;
overflow: visible;
margin: .1875rem;
margin-right: 1rem;
}.bitte-ui-radio .radiogroup .radio.checked:before {
background-color: #004c77;
border: .0625rem solid #626d75;
box-shadow: 0 0 0 .25rem #ffffff inset;
}/* Inline
----------------------------- */.bitte-ui-radio.inline {
margin-bottom: 0;
}.bitte-ui-radio.inline .radiogroup {
margin-bottom: 0;
}.bitte-ui-radio.inline .radiogroup .radio-container {
display: inline-block;
margin: 0;
margin-right: 2rem;
}/* Checkbox
============================================================= */.bitte-ui-checkbox .bitte-ui .group {
display: inline-block;
width: 100%;
}.bitte-ui-checkbox .bitte-ui .group .checkbox-button {
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #242d39;
cursor: default;
white-space: nowrap;
}.bitte-ui-checkbox .bitte-ui .group .checkbox-button:before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 6px;
width: 14px;
height: 14px;
border: 1px solid #999999;
background-color: #ffffff;
border-radius: 2px;
}.bitte-ui-checkbox .bitte-ui .group .checkbox-button.active:before {
content: "\2713";
color: #ffffff;
border: 0;
background-color: #1976D2;
font-size: .875rem;
line-height: 1rem;
font-weight: 600;
}.bitte-ui-checkbox .bitte-ui .group .checkbox-button > span {
vertical-align: middle;
}.module--animated-title {}.module--animated-title .wrapper {
text-align: center;
}
.module--banner {}.module--banner .banner {}.module--banner .banner .wrapper {
display: flex;
align-items: center;
justify-content: center;
min-height: 25vmin;
}.module--banner .banner .wrapper .container {
width: 100%;
max-width: 48rem;
text-align: center;
}.module--button {}.module--button .button-container.left {text-align: left}
.module--button .button-container.center {text-align: center}
.module--button .button-container.right {text-align: right}.module--callout {}.module--callout .module-overlay::before,
.module--callout .module-overlay::after {
content: "";
position: absolute;
top: 0;
background-size: 1.2rem;
background-repeat: repeat-y;
width: 1.2rem;
height: 100%;
}.module--callout .module-overlay::before {
left: 0;
background-image: url("/assets/images/decoration-left.png");
}.module--callout .module-overlay::after {
right: 0;
background-image: url("/assets/images/decoration-right.png");
}.module--callout .wrapper {
margin: 0 auto;
max-width: 64rem;
}.module--feature-block .feature-block {
margin: 0 auto;
}.module--feature-block .blue-block {
padding-right: 0rem;
padding-top: 9rem;
background-size: contain;
background-position: center center;
}@media screen and (min-width: 68rem) {
.module--feature-block .blue-block {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
min-height: 20.25rem;
display: flex;
align-items: flex-end;
height: 100%;
padding-right: 4.875rem;
}
}.module--feature-block .white-block {
background-color: #ffffff;
position: relative;
}.module--feature-block .white-block .white-block-inner {
padding-top: 1rem;
padding-left: 1.6875rem;
padding-bottom: .75rem;
padding-right: 1.6875rem;
}@media screen and (min-width: 68em) {
.module--feature-block .white-block .white-block-inner {
padding-top: 2.5rem;
padding-left: 1.6875rem;
padding-right: 1.6875rem;
}
}.module--feature-block .white-block .white-block-inner p {
font-size: .875rem;
line-height: 2rem;
}@media screen and (min-width: 68em) {
.module--feature-block .white-block .white-block-inner p {
font-size: 1.125rem;
line-height: 2.11;
}
}.module--feature-block .white-block .white-block-sub {
display: none;
}@media screen and (min-width: 68em) {
.module--feature-block .white-block .white-block-sub {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 3.375rem;
}
}.module--feature-block .green-block {
background-color: #a5bd44;
position: relative;
min-height: 9.25rem;
}@media screen and (min-width: 68em) {
.module--feature-block .green-block {
min-height: 20.25rem;
position: relative;
background-color: #a5bd44;
}
}.module--feature-block .green-block::before {
content: "";
position: absolute;
background-repeat: repeat-x;
width: 100%;
height: 2.875rem;
background-image: url("/assets/images/decoration-top.png");
background-position: bottom center;
background-size: 12.4375rem 5.75rem;
}.module--feature-block .green-block::after {
display: none;
}@media screen and (min-width: 68em) {
.module--feature-block .green-block::after {
display: block;
background-image: url("/assets/images/arrow-white.svg");
background-position: right bottom;
background-size: 2rem 2rem;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
content: "";
position: absolute;
bottom: 1rem;
right: 1.25rem;
}
}.module--feature-block .red-block {
background-color: #ea002a;
min-height: 9.25rem;
position: relative;
}@media screen and (min-width: 68em) {
.module--feature-block .red-block {
background-color: #ea002a;
min-height: 20.25rem;
position: relative;
}
}.module--feature-block .red-block::before {
content: "";
position: absolute;
background-repeat: repeat-x;
width: 100%;
height: 2.875rem;
background-image: url('/assets/images/decoration-top.png');
background-position: bottom center;
background-size: 12.4375rem 5.75rem;
}.module--feature-block .red-block::after {
display: none;
}@media screen and (min-width: 68em) {
.module--feature-block .red-block::after {
display: block;
background-image: url("/assets/images/arrow-white.svg");
background-position: center center;
background-size: 2rem 2rem;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
content: "";
position: absolute;
bottom: 1rem;
right: 1.25rem;
}
}.module--feature-block .block-text-inner {
padding-top: 3rem;
padding-bottom: 2.25rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
text-align: center;
}@media screen and (min-width: 68em) {
.module--feature-block .block-text-inner {
padding-top: 3rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
text-align: left;
}
}.module--feature-block .block-text-inner h3 {
font-size: 1.5rem;
}@media screen and (min-width: 68em) {
.module--feature-block .block-text-inner h3 {
font-size: 1.75rem;
font-weight: 600;
}
}.block--header {}
.module--image {}.module--image .image {}.module--image .image .link {
display: block;
}.module--image .image .caption {}.module--image-with-text {}.module--image-with-text .image-with-text {}.module--image-with-text .image-with-text .wrapper {
display: flex;
height: 100%;
}.module--image-with-text .image-with-text .wrapper.align-top {
align-items: flex-start;
}.module--image-with-text .image-with-text .wrapper.align-center {
align-items: center;
}.module--image-with-text .image-with-text .wrapper .container {}.module--image-with-text .image-with-text .image {}.module--image-with-text .image-with-text .image .link {
display: block;
}.module--image-with-text .image-with-text .first {
order: 1;
}.module--image-with-text .image-with-text .second {
order: 2;
}.module--intro {}.module--intro-centered {}.module--intro-centered .intro-centered {
margin: 0 auto;
max-width: 48rem;
}
.module--list-with-arrows {}.module--list-with-arrows .list {
padding-left: 4.25rem;
}.module--list-with-arrows .list-item:not(:last-child) {
padding-bottom: 1.5rem;
border-bottom: solid 1px rgba(200, 203, 207, 0.5);
}.module--list-with-arrows .list-item:not(:first-child) {
margin-top: 1.5rem;
}.module--list-with-arrows .link {
position: relative;
font-weight: 600;
}.module--list-with-arrows .link::before {
display: block;
background-image: url("/assets/images/arrow.svg");
background-position: center center;
background-size: 2rem 2rem;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
content: "";
position: absolute;
top: 0;
left: -3.5rem;
}@media screen and (min-width: 48em ) {
.module--list-with-arrows .link::before {
display: none;
}.module--list-with-arrows .link:hover::before {
display: block;
}
}.module--related-entries {}.module--related-entries .heading-wrapper {
margin-bottom: 1.5rem;
}@media screen and (min-width: 48em) {
.module--related-entries .heading-wrapper {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
}.module--related-entries .heading-wrapper h2 {
font-size: 1.5rem;
}@media screen and (min-width: 48em) {
.module--related-entries .heading-wrapper h2 {
font-size: 2.5rem;
}
}.module--related-entries .arrow {
font-size: 1.25rem;
font-weight: 600;
font-style: normal;
line-height: 1.5rem;
letter-spacing: -0.0125rem;
color: #00a7cf;
transition: all 0.3s ease;
flex: none;
}@media screen and (min-width: 48em) {
.module--related-entries .arrow {
margin-left: 1.5rem;
}
}.module--related-entries .arrow:hover {
color: #00809f;
}.module--related-entries .arrow .text {
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
}.module--related-entries .arrow .icon {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: middle;
}.module--related-entries .arrow .polygon {
fill: #00a7cf;
}.module--related-entries .arrow:hover polygon {
fill: #00809f;
}.module--sorting-columns {}.module--sorting-columns .wrapper {
-webkit-columns: 20rem 4;
-moz-columns: 20rem 4;
columns: 20rem 4;
column-gap: 1.5rem;
}.module--sorting-columns .wrapper.columns-one {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}.module--sorting-columns .wrapper.columns-two {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}.module--sorting-columns .wrapper.columns-three {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}.module--sorting-columns .wrapper.columns-four {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}.module--sorting-columns .wrapper p + p {
margin-top: 1.25rem;
}
.module--team-members {}.module--team-members .wrapper {}.module--team-members .image-container {
margin: 0 auto;
max-width: 16rem;
}.module--team-members .image {
border-radius: 50%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 1rem;
padding-top: 100%;
}.module--team-members .text h4 {
font-weight: 600;
}.module--team-members .text p {
line-height: 2rem;
}.module--text {}.module--text-three-column {}.module--text-two-column {}.module--video {}.module--video .video {}.module--video .video .video-container {}.module--video .video .video-container .embed {
width: 100%;
padding-top: 56.25%;
position: relative;
background-color: #000000;
}.module--video .video .video-container .embed iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}