@charset "UTF-8";
/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Based on Reboot from Bootstrap 4.2.1
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` in some cases
*/
/**
* general reset
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
color: inherit;
}
/**
* HTML5 display-role reset for older browsers
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
summary {
display: block;
}
/**
* inherit box model for all elements
*/
*,
*::before,
*::after {
box-sizing: inherit;
}
/**
* html root rules
* 1. set border-box for inheritance
* 2. avoid 300ms click delay on touch devices that support the `touch-action`
* CSS property
* 3. Prevent adjustments of font size after orientation changes in IE, on
* Windows Phone and iOS.
* 4. Setting @viewport causes scrollbars to overlap content in IE11 and Edge,
* so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
* 5. Change the default tap highlight to be completely transparent in iOS.
*/
html {
/* 1 */
box-sizing: border-box;
/* 2 */
touch-action: manipulation;
/* 3 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 4 */
-ms-overflow-style: scrollbar;
/* 5 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* body rules
* 1. reset line-height to 1
* 2. set base font-family to sans-serif
* 3. Set an explicit initial text-align value so that we can later use the
* `inherit` value on things like `| ` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Lists
*/
ol,
ul {
list-style: none;
}
/**
* Quotes
*/
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` | ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
*/
th {
/* 1 */
text-align: inherit;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: none;
/* 2 */
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=reset],
[type=submit],
[type=button] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type=radio],
input[type=checkbox] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ` `s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
[hidden] {
display: none;
}
@font-face {
font-family: "Nunito Sans";
src: url("../assets/fonts/NunitoSans-Bold.woff2") format("woff2"), url("../assets/fonts/NunitoSans-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Myriad Pro";
src: url("../assets/fonts/MyriadPro-Regular.woff2") format("woff2"), url("../assets/fonts/MyriadPro-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Makro XM";
src: url("../assets/fonts/MakroXM-ExtraBold.woff2") format("woff2"), url("../assets/fonts/MakroXM-ExtraBold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
src: url("../assets/fonts/NunitoSans-Regular.woff2") format("woff2"), url("../assets/fonts/NunitoSans-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito Sans";
src: url("../assets/fonts/NunitoSans-SemiBold.woff2") format("woff2"), url("../assets/fonts/NunitoSans-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
body {
font-family: "Nunito Sans", normal;
font-size: 16px;
line-height: 1.4;
color: #404e5a;
}
body .text-white {
color: #fff;
}
body .text-electric-blue {
color: #0099d2;
}
@media (min-width: 1024px) {
body {
font-size: 18px;
}
}
body a {
font-family: "Nunito Sans", normal;
font-size: 14px;
}
body:not(.wp-admin) ul li {
padding-left: 15px;
position: relative;
}
body:not(.wp-admin) ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #0099d2;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
p {
font-weight: 300;
margin-bottom: 15px;
color: #404e5a;
}
h1,
h2 {
margin-bottom: 25px;
}
h1 {
font-size: 20px;
line-height: 1.2;
font-family: "Makro XM", bold;
}
@media (min-width: 1024px) {
h1 {
font-size: 20px;
}
}
h2 {
font-size: 18px;
line-height: 1.3333333333;
font-family: "Makro XM", bold;
}
@media (min-width: 1024px) {
h2 {
font-size: 18px;
}
}
h3 {
font-size: 16px;
line-height: 1.375;
font-family: "Nunito Sans", bold;
}
@media (min-width: 1024px) {
h3 {
font-size: 16px;
}
}
h4 {
font-size: 20px;
line-height: 1.2;
font-family: "Nunito Sans", bold;
}
@media (min-width: 1024px) {
h4 {
font-size: 20px;
}
}
.h1 {
font-size: 20px;
line-height: 1.2;
font-family: "Makro XM", bold;
}
@media (min-width: 1024px) {
.h1 {
font-size: 20px;
}
}
.h2 {
font-size: 18px;
line-height: 1.3333333333;
font-family: "Makro XM", bold;
}
@media (min-width: 1024px) {
.h2 {
font-size: 18px;
}
}
.h3 {
font-size: 16px;
line-height: 1.375;
font-family: "Nunito Sans", bold;
}
@media (min-width: 1024px) {
.h3 {
font-size: 16px;
}
}
.h4 {
font-size: 20px;
line-height: 1.2;
font-family: "Nunito Sans", bold;
}
@media (min-width: 1024px) {
.h4 {
font-size: 20px;
}
}
.p-size-lg {
font-size: 16px;
line-height: 1.375;
}
@media (min-width: 1024px) {
.p-size-lg {
font-size: 16px;
}
}
.p-size-md {
font-size: 15px;
line-height: 1.4666666667;
}
@media (min-width: 1024px) {
.p-size-md {
font-size: 15px;
}
}
.p-size-sm {
font-size: 14px;
line-height: 1.5714285714;
}
@media (min-width: 1024px) {
.p-size-sm {
font-size: 14px;
}
}
strong {
font-weight: 800;
}
em {
font-style: italic;
}
.container {
width: 100%;
padding: 0 12px;
margin: 0 auto;
max-width: 1440px;
}
.columns {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0 -10px -20px;
}
.columns > * {
display: block;
flex: 0 0 auto;
width: 100%;
padding: 0 10px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.columns {
margin: 0 -15px -30px;
}
.columns > * {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
}
body.hide-header-footer .site-header,
body.hide-header-footer .site-footer {
display: none;
}
button {
cursor: pointer;
border: 0;
background-color: transparent;
}
.btn {
font-family: "Nunito Sans", bold;
text-transform: uppercase;
font-size: 11px;
color: #fff;
background-color: #0099d2;
text-align: center;
display: inline-block;
text-align: center;
padding: 2px 15px 1px 15px;
margin: 0 auto 10px auto;
text-decoration: none;
transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
cursor: pointer;
border: 1px solid transparent;
border-radius: 3px;
}
.btn:hover {
background-color: #fff;
color: #0099d2;
cursor: pointer;
border: 1px solid #C0C6D0;
}
.btn:focus {
outline: none;
}
.wysiwyg .color-dark-blue,
.mce-content-body .color-dark-blue {
color: #160f46;
}
.wysiwyg .color-royal-blue,
.mce-content-body .color-royal-blue {
color: #0e0fed;
}
.wysiwyg .color-cyan,
.mce-content-body .color-cyan {
color: #00a9e0;
}
.wysiwyg .color-magenta,
.mce-content-body .color-magenta {
color: #c529bb;
}
.wysiwyg > *:last-child,
.mce-content-body > *:last-child {
margin-bottom: 0;
}
.wysiwyg > *:last-child .btn,
.mce-content-body > *:last-child .btn {
margin-bottom: 0;
}
.wysiwyg *:first-child,
.mce-content-body *:first-child {
margin-top: 0;
}
.wysiwyg *:last-child,
.mce-content-body *:last-child {
margin-bottom: 0;
}
.wysiwyg ul,
.mce-content-body ul {
list-style: disc;
padding-left: 1em;
}
.wysiwyg ol,
.mce-content-body ol {
list-style: num;
padding-left: 1.2em;
}
.wysiwyg p,
.wysiwyg li,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.mce-content-body p,
.mce-content-body li,
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6 {
font-size: 18px;
line-height: 24px;
}
.wysiwyg p,
.wysiwyg li,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg ol,
.wysiwyg ul,
.wysiwyg blockquote,
.mce-content-body p,
.mce-content-body li,
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.mce-content-body ol,
.mce-content-body ul,
.mce-content-body blockquote {
margin-bottom: 12px;
}
.wysiwyg .h1:not(:first-child),
.wysiwyg .h2:not(:first-child),
.wysiwyg .h3:not(:first-child),
.wysiwyg .h4:not(:first-child),
.wysiwyg .h5:not(:first-child),
.wysiwyg .h6:not(:first-child),
.mce-content-body .h1:not(:first-child),
.mce-content-body .h2:not(:first-child),
.mce-content-body .h3:not(:first-child),
.mce-content-body .h4:not(:first-child),
.mce-content-body .h5:not(:first-child),
.mce-content-body .h6:not(:first-child) {
margin-top: 24px;
}
.wysiwyg p,
.wysiwyg li,
.mce-content-body p,
.mce-content-body li {
font-weight: 300;
}
.wysiwyg p:not(:first-child),
.wysiwyg li:not(:first-child),
.mce-content-body p:not(:first-child),
.mce-content-body li:not(:first-child) {
margin-top: 12px;
}
.wysiwyg .h1,
.mce-content-body .h1 {
font-size: 54.9px;
line-height: 72px;
}
.wysiwyg .h2,
.mce-content-body .h2 {
font-size: 43.92px;
line-height: 60px;
}
.wysiwyg .h3,
.mce-content-body .h3 {
font-size: 35.16px;
line-height: 48px;
}
.wysiwyg .h4,
.mce-content-body .h4 {
font-size: 28.2px;
line-height: 36px;
}
.wysiwyg .h5,
.mce-content-body .h5 {
font-size: 22.5px;
line-height: 24px;
}
.wysiwyg .h6,
.mce-content-body .h6 {
font-size: 18px;
line-height: 24px;
}
.site-header {
padding: 15px 12px;
position: fixed;
top: 0;
left: 0;
width: 100vw;
transition: all 500ms ease-in-out;
z-index: 200;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.site-header {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.site-header > .container {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
grid-column: col-start 1/span 4;
}
@media (min-width: 768px) {
.site-header > .container {
grid-column: col-start 2/span 10;
}
}
.site-header__nav {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
flex: 1;
}
.site-header__nav .logo svg {
height: 20px;
}
.site-header__nav .logo svg g path {
transition: all 500ms ease-in-out;
}
.site-header__nav .nav-items {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100vw;
padding: 50px;
background-color: #333;
color: #fff;
z-index: 11;
transition: 0.25s ease-in-out;
transform: translateX(100%);
}
.site-header__nav .nav-items li {
position: relative;
padding: 0px 20px;
margin-bottom: 15px;
}
@media (min-width: 1024px) {
.site-header__nav .nav-items li {
margin-bottom: 0;
}
}
.site-header__nav .nav-items li a {
text-decoration: none;
font-family: "Nunito Sans", normal;
color: #fff !important;
transition: all 200ms ease-in-out;
font-size: 20px;
}
@media (min-width: 1024px) {
.site-header__nav .nav-items li a {
font-size: 14px;
}
}
.site-header__nav .nav-items li:before {
display: none;
}
.site-header__nav .nav-items li:hover a {
color: #C0C6D0 !important;
}
.site-header__nav .nav-items li.active:after {
content: "";
position: absolute;
left: 0;
top: 53%;
overflow: hidden;
transform: translateY(-50%);
color: #0099d2;
transition: all 500ms ease-in-out;
background-image: url("../assets/images/arrow.svg");
background-repeat: no-repeat;
background-position: center;
width: 14px;
height: 14px;
}
.site-header__nav .nav-items li.active:before {
display: none;
}
@media (min-width: 1024px) {
.site-header__nav .nav-items {
display: flex;
flex-flow: row nowrap;
position: static;
width: auto;
padding: 0;
background-color: transparent;
color: inherit;
transform: none;
}
}
.mobile-nav-open .site-header__nav .nav-items {
transform: translateX(0);
}
.site-header__mobile-trigger {
width: 30px;
height: 25px;
position: relative;
margin: 0;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
border: 0;
background-color: transparent;
z-index: 12;
}
.site-header__mobile-trigger:focus {
outline: none;
}
@media (min-width: 1024px) {
.site-header__mobile-trigger {
display: none;
}
}
.site-header__mobile-trigger span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background-color: #fff;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.site-header__mobile-trigger span:nth-child(1) {
top: 0px;
}
.site-header__mobile-trigger span:nth-child(2), .site-header__mobile-trigger span:nth-child(3) {
top: 10px;
}
.site-header__mobile-trigger span:nth-child(4) {
top: 20px;
}
.site-header__mobile-trigger.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.site-header__mobile-trigger.open span:nth-child(2) {
transform: rotate(45deg);
background-color: #0099d2;
}
.site-header__mobile-trigger.open span:nth-child(3) {
transform: rotate(-45deg);
background-color: #0099d2;
}
.site-header__mobile-trigger.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
body.scrolled .site-header {
background-color: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #C0C6D0;
padding: 5px 12px;
}
body.scrolled .site-header__mobile-trigger span {
background-color: #000;
}
body.scrolled .site-header__nav .logo svg g path.accents {
fill: #68747f !important;
}
body.scrolled .site-header__nav .logo svg g path.text {
fill: #0099d2 !important;
}
body.scrolled .site-header__nav .nav-items li {
margin-bottom: 15px;
}
@media (min-width: 1024px) {
body.scrolled .site-header__nav .nav-items li {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
body.scrolled .site-header__nav .nav-items li a {
color: #404e5a !important;
}
}
body.scrolled .site-header__nav .nav-items li:hover a {
color: #68747f !important;
}
.site-footer {
padding: 0;
position: relative;
display: grid;
}
.site-footer p {
margin-bottom: 10px;
}
.site-footer a {
text-decoration: none;
}
.site-footer .footer__logo {
background-color: #003059;
display: grid;
gap: 24px;
grid-template-columns: repeat(4, [col-start] 1fr);
padding: 64px 0;
}
@media (min-width: 1024px) {
.site-footer .footer__logo {
padding: 64px 0px 64px 0;
}
}
.site-footer .footer__logo a {
grid-column: col-start 3/span 3;
}
@media (min-width: 1024px) {
.site-footer .footer__logo a svg {
width: 100%;
}
}
.site-footer .footer__content {
background-color: #0099d2;
display: grid;
gap: 24px;
padding: 64px 0;
position: relative;
}
.site-footer .footer__content:after {
content: "";
position: absolute;
width: 24px;
left: -24px;
background-color: #0099d2;
height: 100%;
display: none;
}
.site-footer .footer__content .col-1 svg {
width: 115px;
margin-bottom: 15px;
}
.site-footer .footer__content .col-1 svg:hover .cls-1,
.site-footer .footer__content .col-1 svg:hover .cls-2 {
fill: #000;
}
.site-footer .footer__content .col-1 svg:hover .cls-2 {
stroke: #000;
}
.site-footer {
grid-template-columns: repeat(1, [col-start] 1fr);
}
.site-footer .footer__content {
grid-template-columns: repeat(4, [col-start] 1fr);
}
.site-footer .footer__content .col-1 {
grid-column: col-start 2/span 2;
text-align: center;
}
.site-footer .footer__content .col-2 {
grid-column: col-start 2/span 2;
text-align: center;
}
@media (min-width: 768px) {
.site-footer {
grid-template-columns: repeat(2, [col-start] 1fr);
}
.site-footer .footer__logo {
grid-template-columns: repeat(6, [col-start] 1fr);
}
.site-footer .footer__content {
grid-template-columns: repeat(6, [col-start] 1fr);
}
.site-footer .footer__content:after {
display: block;
}
.site-footer .footer__content .col-1 {
grid-column: col-start 1/span 2;
text-align: left;
}
.site-footer .footer__content .col-2 {
grid-column: col-start 3/span 2;
text-align: left;
}
}
.block-editor .editor-styles-wrapper {
font-family: inherit;
}
.block-editor .editor-styles-wrapper .wp-block {
max-width: 100%;
}
.edit-post-sidebar {
width: auto;
}
@media (min-width: 768px) {
.edit-post-sidebar {
width: 30vw;
}
}
.block-badge {
background-color: #1a89c0;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
padding: 5px 10px;
line-height: 1;
letter-spacing: 0.03em;
}
.acf-block-component.acf-block-panel {
padding: 16px;
}
img {
max-width: 100%;
height: auto;
}
img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.skip_to_main_link {
display: block;
width: 1px;
height: 1px;
overflow: hidden;
position: fixed;
border-bottom: 1px solid #333;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 1000;
color: #000;
font-weight: bold;
font-size: 18px;
}
.skip_to_main_link:focus {
padding: 20px 40px;
width: 100%;
height: auto;
}
.cookie-banner {
color: #fff;
background-color: #333;
}
.cookie-banner > .container {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
.cookie-banner p {
margin: 0;
margin-right: 20px;
}
.pxblock {
padding: 63px 0;
}
.pxblock--banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 150px 0;
color: #ececec;
}
.pxblock--banner__headline {
font-size: 58px;
text-align: center;
}
.pxblock--columns {
position: relative;
z-index: 1;
padding: 63px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns {
padding: 63px 0;
}
}
.pxblock--columns .column {
padding: 0;
grid-column: col-start 1/span 4;
height: 100%;
}
.pxblock--columns .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.pxblock--columns .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--columns.padding__med {
padding: 70px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns.padding__med {
padding: 140px 12px;
}
}
.pxblock--columns.padding__large {
padding: 120px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns.padding__large {
padding: 240px 12px;
}
}
.pxblock--columns .container .columns {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--columns .container .columns {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--columns .container .columns {
align-items: center;
}
.pxblock--columns .container .columns .column {
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.pxblock--columns.full-width__half .columns .column {
grid-column: col-start 3/span 4;
}
.pxblock--columns.full-width__half .columns .column + .column {
grid-column: col-start 7/span 4;
}
}
@media (min-width: 768px) {
.pxblock--columns.full-width__thirds .columns .column {
grid-column: col-start 3/span 3;
}
.pxblock--columns.full-width__thirds .columns .column + .column {
grid-column: col-start 6/span 5;
}
}
@media (min-width: 768px) {
.pxblock--columns.narrow__thirds .column {
grid-column: col-start 4/span 2;
}
.pxblock--columns.narrow__thirds .column + .column {
grid-column: col-start 6/span 4;
}
}
.pxblock--columns.bg__white {
background-color: #fff;
}
.pxblock--columns.bg__electric_blue {
background-color: #0099d2;
}
.pxblock--columns.bg__midnight_blue {
background-color: #003059;
}
.pxblock--columns.bg__xlight_gray {
background-color: #C0C6D0;
}
.pxblock--columns.bg__light_gray {
background-color: #68747f;
}
.pxblock--columns.bg__med_gray {
background-color: #404e5a;
}
.pxblock--columns.bg__dark_gray {
background-color: #1b2127;
}
.pxblock--columns.bg__xdark_gray {
background-color: #fff;
}
.pxblock--columns .columns {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 768px) {
.pxblock--columns {
padding-left: 0;
padding-right: 0;
}
}
.pxblock--contact {
background-color: #404e5a;
padding: 92px 24px;
}
@media (min-width: 1024px) {
.pxblock--contact {
padding: 92px 0;
}
}
.pxblock--contact {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--contact {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--contact .contact {
grid-column: col-start 1/span 4;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--contact .contact {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--contact .contact .column {
width: 100%;
}
.pxblock--contact .contact .content {
grid-column: col-start 1/span 4;
}
.pxblock--contact .contact .content .contact__wysiwyg p,
.pxblock--contact .contact .content .contact__social p {
color: #fff;
margin-bottom: 0;
}
.pxblock--contact .contact .content .contact__wysiwyg h4 {
margin-bottom: 20px;
}
.pxblock--contact .contact .content .contact__social {
margin-top: 15px;
}
@media (min-width: 1024px) {
.pxblock--contact .contact .content .contact__social {
margin-top: 30px;
}
}
.pxblock--contact .contact .content .contact__social ul {
display: flex;
margin-top: 15px;
}
.pxblock--contact .contact .content .contact__social ul li {
font-size: 0;
height: 30px;
width: 30px;
position: relative;
display: inline-block;
list-style: none;
margin: 0 15px 0 0;
padding: 0;
}
.pxblock--contact .contact .content .contact__social ul li:before {
display: none;
visibility: hidden;
width: 0;
height: 0;
}
@media (min-width: 1024px) {
.pxblock--contact .contact .content .contact__social ul li {
height: 26px;
width: 26px;
margin: 0 20px 0 0;
}
}
.pxblock--contact .contact .content .contact__social ul li svg {
width: auto;
height: 100%;
fill: white;
}
.pxblock--contact .contact .content .contact__social ul li svg path,
.pxblock--contact .contact .content .contact__social ul li svg polygon {
transition: fill 500ms ease-in-out;
}
.pxblock--contact .contact .content .contact__social ul li svg:hover path,
.pxblock--contact .contact .content .contact__social ul li svg:hover polygon {
fill: #0099d2;
}
.pxblock--contact .contact .content .contact__social ul li a {
width: 100%;
height: 100%;
display: block;
position: relative;
font-size: 0;
}
.pxblock--contact .contact .form-holder {
grid-column: col-start 1/span 4;
padding: 0;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_title {
display: none;
}
.pxblock--contact .contact .form-holder .gform_wrapper input {
font-size: 16px;
color: #68747f;
padding: 2px 8px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gfield textarea.large {
height: 80px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_body .gform_fields {
row-gap: 22px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer {
text-align: left;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button {
font-family: "Nunito Sans", bold;
text-transform: uppercase;
font-size: 11px;
color: #fff;
background-color: #0099d2;
text-align: center;
display: inline-block;
text-align: center;
padding: 2px 15px 1px 15px;
margin: 0 auto 10px auto;
text-decoration: none;
transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
cursor: pointer;
border: 1px solid transparent;
border-radius: 3px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button:hover {
background-color: #fff;
color: #0099d2;
cursor: pointer;
border: 1px solid #C0C6D0;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button:focus {
outline: none;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button {
margin: 0;
}
@media (min-width: 768px) {
.pxblock--contact .contact {
grid-column: col-start 3/span 8;
}
.pxblock--contact .contact .content {
grid-column: col-start 1/span 6;
}
.pxblock--contact .contact .form-holder {
grid-column: col-start 7/span 6;
}
}
.pxblock--expander {
background: #E6E8EC;
padding: 46px 24px 0;
}
@media (min-width: 1024px) {
.pxblock--expander {
padding: 92px 12px 0 12px;
}
}
.pxblock--expander .container .expander__featured {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.pxblock--expander .container .expander__featured {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--expander .container .expander__featured .content {
margin: auto 0;
padding: 0;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured .content {
grid-column: col-start 3/span 4;
}
}
.pxblock--expander .container .expander__featured .content .btn {
margin-top: 20px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle {
position: relative;
padding-left: 26px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle:hover {
background-color: #0099d2;
color: #C0C6D0;
border: 1px solid #68747f;
}
.pxblock--expander .container .expander__featured .content .btn.toggle:before {
content: "‣";
line-height: 1;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
color: #fff;
font-size: 30px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle.clicked:before {
transform: translateY(-56%) rotate(-90deg) translateX(-2px);
}
.pxblock--expander .container .expander__featured .image {
margin-bottom: 0;
display: flex;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured .image {
grid-column: col-start 7/span 6;
padding: 0;
height: 100%;
}
}
.pxblock--expander .container .expander__featured .image img {
align-self: bottom;
}
.pxblock--expander .container .expander__featured .column {
width: 100%;
}
.pxblock--expander .container .expander__drawer {
background-color: #C0C6D0;
position: relative;
margin: 0 -32px;
padding: 40px;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer {
margin: 0 -12px;
padding: 0;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
row-gap: 0 !important;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.pxblock--expander .container .expander__drawer {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer .heading {
grid-column: col-start 3/span 4;
margin-top: 92px;
}
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer .column-holder {
grid-column: col-start 3/span 8;
margin-bottom: 92px;
}
}
.pxblock--expander .container .expander__drawer .column-holder .column a {
transition: color 500ms ease-in-out;
}
.pxblock--expander .container .expander__drawer .column-holder .column a:hover {
color: #68747f;
}
.pxblock--hero-banner {
padding: 0;
}
.pxblock--hero-banner .hero-section {
width: 100%;
height: auto;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section {
height: 100vh;
}
}
.pxblock--hero-banner .hero-section .hero {
height: 100%;
width: auto;
overflow: hidden;
}
.pxblock--hero-banner .hero-section .hero--mobile {
display: block;
visibility: visible;
margin-bottom: -7px;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section .hero--mobile {
display: none;
visibility: hidden;
}
}
.pxblock--hero-banner .hero-section .hero--desktop {
display: none;
visibility: hidden;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section .hero--desktop {
display: block;
visibility: visible;
}
}
.pxblock--hero-banner .hero-section img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--image-banner {
padding: 0;
}
.pxblock--image-banner .image-banner-holder {
display: block;
margin-bottom: -5px;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder {
height: 430px;
display: flex;
margin-bottom: 0;
}
}
.pxblock--image-banner .image-banner-holder .image--large {
height: 100%;
width: 100%;
margin-bottom: -6px;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder .image--large {
margin-bottom: 0;
width: 66.6666666667%;
}
}
.pxblock--image-banner .image-banner-holder .image--large img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--image-banner .image-banner-holder .image--small {
width: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder .image--small {
width: 33.3333333333%;
}
}
.pxblock--image-banner .image-banner-holder .image--small img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--tiles {
background-color: #E6E8EC;
padding: 63px 12px;
}
@media (min-width: 1024px) {
.pxblock--tiles {
padding: 64px 0;
}
}
.pxblock--tiles .container {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--tiles .container {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--tiles .container .heading {
grid-column: col-start 1/span 4;
}
@media (min-width: 768px) {
.pxblock--tiles .container .heading {
grid-column: col-start 3/span 3;
}
}
.pxblock--tiles .container .heading {
margin-bottom: 0px;
}
.pxblock--tiles .container .heading h2 {
margin-bottom: 0;
}
.pxblock--tiles .container .tile-holder {
grid-column: col-start 1/span 4;
}
@media (min-width: 768px) {
.pxblock--tiles .container .tile-holder {
grid-column: col-start 3/span 8;
}
}
.pxblock--tiles .container .tile-holder {
display: grid;
grid-template-columns: repeat(1, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--tiles .container .tile-holder {
grid-template-columns: repeat(2, [col-start] 1fr);
}
}
@media (min-width: 1024px) {
.pxblock--tiles .container .tile-holder {
grid-template-columns: repeat(4, [col-start] 1fr);
}
}
.pxblock--tiles .container .tile-holder .tile {
margin-bottom: 25px;
}
.pxblock--tiles .container .tile-holder .tile .image {
width: 100%;
}
.pxblock--tiles .container .tile-holder .tile .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--tiles .container .tile-holder .tile .copy p {
font-size: 16px;
}
@media (min-width: 768px) {
.animate-in:not(.animate-children), .animate-in.animate-children > * {
opacity: 0;
transition: opacity 500ms ease-in-out;
transform: translate3d(-25px, 0, 0);
}
.animate-in.animate-children > *:nth-child(1) {
transition-delay: 0ms;
}
.animate-in.animate-children > *:nth-child(2) {
transition-delay: 250ms;
}
.animate-in.animate-children > *:nth-child(3) {
transition-delay: 500ms;
}
.animate-in.animate-children > *:nth-child(4) {
transition-delay: 750ms;
}
.animate-in.animate-children > *:nth-child(5) {
transition-delay: 1000ms;
}
.animate-in.animate-children > *:nth-child(6) {
transition-delay: 1250ms;
}
.animate-in.animate-children > *:nth-child(7) {
transition-delay: 1500ms;
}
.animate-in.animate-children > *:nth-child(8) {
transition-delay: 1750ms;
}
.animate-in.animate-children > *:nth-child(9) {
transition-delay: 2000ms;
}
.animate-in.animate-children > *:nth-child(10) {
transition-delay: 2250ms;
}
.animate-in.animate-children > *:nth-child(11) {
transition-delay: 2500ms;
}
.animate-in.animate-children > *:nth-child(12) {
transition-delay: 2750ms;
}
.animate-in.animate-children > *:nth-child(13) {
transition-delay: 3000ms;
}
.animate-in.animate-children > *:nth-child(14) {
transition-delay: 3250ms;
}
.animate-in.animate-children > *:nth-child(15) {
transition-delay: 3500ms;
}
.animate-in.animated:not(.animate-children) {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.animate-in.animated.animate-children > * {
opacity: 1;
transform: translate3d(0, 0, 0);
}
body.wp-admin .animate-in:not(.animate-children), body.wp-admin .animate-in.animate-children > * {
opacity: 1;
}
}
.pxblock.fpo {
border: 5px solid #666;
background: #ccc !important;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 30px;
min-height: 300px;
}
.pxblock.fpo *:not(.fpo-title) {
display: none !important;
}
.pxblock.fpo .fpo-title {
text-transform: uppercase;
font-size: 30px;
color: #666;
}
body.wp-admin .ui-sortable > tr:nth-child(odd) .acf-field,
body.wp-admin .ui-sortable > tr:nth-child(odd) .acf-row-handle {
background: #f9f9f9;
}
body.wp-admin .ui-sortable > tr:nth-child(even) .acf-field,
body.wp-admin .ui-sortable > tr:nth-child(even) .acf-row-handle {
background: #fff !important;
}
body.wp-admin #wp-link-wrap #link-selector {
font-size: 14px;
}
body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle,
body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
display: block;
height: auto;
margin: 0px auto;
flex: 0 0 auto;
width: 100%;
}
body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle svg,
body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon svg {
width: 32px;
height: 32px;
background-color: #007cba;
border-radius: 2px;
}
body.wp-admin .block-editor-button-block-appender.block-list-appender__toggle:hover svg,
body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover svg {
background-color: #006ba1;
}
body.wp-admin .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
margin-left: -5px;
}
body.wp-admin .interface-complementary-area .components-panel {
font-size: 14px;
}
body#tinymce {
padding: 20px;
}
body#tinymce .text-white {
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}
.acf-block-preview a:active {
pointer-events: none;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.modal {
display: none;
}
.modal.is-open {
display: block;
}
.modal[aria-hidden=false] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=false] .modal__dialog {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=true] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=true] .modal__dialog {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal__overlay, .modal__dialog {
will-change: transform;
}
.modal__overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.85);
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.modal__dialog {
padding: 50px 30px;
background: #fff;
position: relative;
}
.modal__dialog button[data-micromodal-close] {
position: absolute;
top: 10px;
right: 10px;
}
.iframe {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.dev-documentation {
width: 100%;
height: auto;
padding: 100px 0;
}
.dev-documentation .section {
margin-bottom: 100px;
padding-bottom: 30px;
border-bottom: 2px solid #fff;
}
.dev-documentation code {
padding: 20px;
background: #181818;
margin: 20px 0;
display: block;
width: 100%;
}
.pxblock--banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 150px 0;
color: #ececec;
}
.pxblock--banner__headline {
font-size: 58px;
text-align: center;
}
.pxblock--columns {
position: relative;
z-index: 1;
padding: 63px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns {
padding: 63px 0;
}
}
.pxblock--columns .column {
padding: 0;
grid-column: col-start 1/span 4;
height: 100%;
}
.pxblock--columns .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.pxblock--columns .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--columns.padding__med {
padding: 70px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns.padding__med {
padding: 140px 12px;
}
}
.pxblock--columns.padding__large {
padding: 120px 12px;
}
@media (min-width: 1024px) {
.pxblock--columns.padding__large {
padding: 240px 12px;
}
}
.pxblock--columns .container .columns {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--columns .container .columns {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--columns .container .columns {
align-items: center;
}
.pxblock--columns .container .columns .column {
width: 100%;
margin: 0;
}
@media (min-width: 768px) {
.pxblock--columns.full-width__half .columns .column {
grid-column: col-start 3/span 4;
}
.pxblock--columns.full-width__half .columns .column + .column {
grid-column: col-start 7/span 4;
}
}
@media (min-width: 768px) {
.pxblock--columns.full-width__thirds .columns .column {
grid-column: col-start 3/span 3;
}
.pxblock--columns.full-width__thirds .columns .column + .column {
grid-column: col-start 6/span 5;
}
}
@media (min-width: 768px) {
.pxblock--columns.narrow__thirds .column {
grid-column: col-start 4/span 2;
}
.pxblock--columns.narrow__thirds .column + .column {
grid-column: col-start 6/span 4;
}
}
.pxblock--columns.bg__white {
background-color: #fff;
}
.pxblock--columns.bg__electric_blue {
background-color: #0099d2;
}
.pxblock--columns.bg__midnight_blue {
background-color: #003059;
}
.pxblock--columns.bg__xlight_gray {
background-color: #C0C6D0;
}
.pxblock--columns.bg__light_gray {
background-color: #68747f;
}
.pxblock--columns.bg__med_gray {
background-color: #404e5a;
}
.pxblock--columns.bg__dark_gray {
background-color: #1b2127;
}
.pxblock--columns.bg__xdark_gray {
background-color: #fff;
}
.pxblock--columns .columns {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 768px) {
.pxblock--columns {
padding-left: 0;
padding-right: 0;
}
}
.pxblock--contact {
background-color: #404e5a;
padding: 92px 24px;
}
@media (min-width: 1024px) {
.pxblock--contact {
padding: 92px 0;
}
}
.pxblock--contact {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--contact {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--contact .contact {
grid-column: col-start 1/span 4;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--contact .contact {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--contact .contact .column {
width: 100%;
}
.pxblock--contact .contact .content {
grid-column: col-start 1/span 4;
}
.pxblock--contact .contact .content .contact__wysiwyg p,
.pxblock--contact .contact .content .contact__social p {
color: #fff;
margin-bottom: 0;
}
.pxblock--contact .contact .content .contact__wysiwyg h4 {
margin-bottom: 20px;
}
.pxblock--contact .contact .content .contact__social {
margin-top: 15px;
}
@media (min-width: 1024px) {
.pxblock--contact .contact .content .contact__social {
margin-top: 30px;
}
}
.pxblock--contact .contact .content .contact__social ul {
display: flex;
margin-top: 15px;
}
.pxblock--contact .contact .content .contact__social ul li {
font-size: 0;
height: 30px;
width: 30px;
position: relative;
display: inline-block;
list-style: none;
margin: 0 15px 0 0;
padding: 0;
}
.pxblock--contact .contact .content .contact__social ul li:before {
display: none;
visibility: hidden;
width: 0;
height: 0;
}
@media (min-width: 1024px) {
.pxblock--contact .contact .content .contact__social ul li {
height: 26px;
width: 26px;
margin: 0 20px 0 0;
}
}
.pxblock--contact .contact .content .contact__social ul li svg {
width: auto;
height: 100%;
fill: white;
}
.pxblock--contact .contact .content .contact__social ul li svg path,
.pxblock--contact .contact .content .contact__social ul li svg polygon {
transition: fill 500ms ease-in-out;
}
.pxblock--contact .contact .content .contact__social ul li svg:hover path,
.pxblock--contact .contact .content .contact__social ul li svg:hover polygon {
fill: #0099d2;
}
.pxblock--contact .contact .content .contact__social ul li a {
width: 100%;
height: 100%;
display: block;
position: relative;
font-size: 0;
}
.pxblock--contact .contact .form-holder {
grid-column: col-start 1/span 4;
padding: 0;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_title {
display: none;
}
.pxblock--contact .contact .form-holder .gform_wrapper input {
font-size: 16px;
color: #68747f;
padding: 2px 8px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gfield textarea.large {
height: 80px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_body .gform_fields {
row-gap: 22px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer {
text-align: left;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button {
font-family: "Nunito Sans", bold;
text-transform: uppercase;
font-size: 11px;
color: #fff;
background-color: #0099d2;
text-align: center;
display: inline-block;
text-align: center;
padding: 2px 15px 1px 15px;
margin: 0 auto 10px auto;
text-decoration: none;
transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
cursor: pointer;
border: 1px solid transparent;
border-radius: 3px;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button:hover {
background-color: #fff;
color: #0099d2;
cursor: pointer;
border: 1px solid #C0C6D0;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button:focus {
outline: none;
}
.pxblock--contact .contact .form-holder .gform_wrapper .gform_footer .gform_button {
margin: 0;
}
@media (min-width: 768px) {
.pxblock--contact .contact {
grid-column: col-start 3/span 8;
}
.pxblock--contact .contact .content {
grid-column: col-start 1/span 6;
}
.pxblock--contact .contact .form-holder {
grid-column: col-start 7/span 6;
}
}
.pxblock--expander {
background: #E6E8EC;
padding: 46px 24px 0;
}
@media (min-width: 1024px) {
.pxblock--expander {
padding: 92px 12px 0 12px;
}
}
.pxblock--expander .container .expander__featured {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.pxblock--expander .container .expander__featured {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--expander .container .expander__featured .content {
margin: auto 0;
padding: 0;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured .content {
grid-column: col-start 3/span 4;
}
}
.pxblock--expander .container .expander__featured .content .btn {
margin-top: 20px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle {
position: relative;
padding-left: 26px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle:hover {
background-color: #0099d2;
color: #C0C6D0;
border: 1px solid #68747f;
}
.pxblock--expander .container .expander__featured .content .btn.toggle:before {
content: "‣";
line-height: 1;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
color: #fff;
font-size: 30px;
}
.pxblock--expander .container .expander__featured .content .btn.toggle.clicked:before {
transform: translateY(-56%) rotate(-90deg) translateX(-2px);
}
.pxblock--expander .container .expander__featured .image {
margin-bottom: 0;
display: flex;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__featured .image {
grid-column: col-start 7/span 6;
padding: 0;
height: 100%;
}
}
.pxblock--expander .container .expander__featured .image img {
align-self: bottom;
}
.pxblock--expander .container .expander__featured .column {
width: 100%;
}
.pxblock--expander .container .expander__drawer {
background-color: #C0C6D0;
position: relative;
margin: 0 -32px;
padding: 40px;
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer {
margin: 0 -12px;
padding: 0;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
row-gap: 0 !important;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.pxblock--expander .container .expander__drawer {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer .heading {
grid-column: col-start 3/span 4;
margin-top: 92px;
}
}
@media (min-width: 1024px) {
.pxblock--expander .container .expander__drawer .column-holder {
grid-column: col-start 3/span 8;
margin-bottom: 92px;
}
}
.pxblock--expander .container .expander__drawer .column-holder .column a {
transition: color 500ms ease-in-out;
}
.pxblock--expander .container .expander__drawer .column-holder .column a:hover {
color: #68747f;
}
.pxblock--hero-banner {
padding: 0;
}
.pxblock--hero-banner .hero-section {
width: 100%;
height: auto;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section {
height: 100vh;
}
}
.pxblock--hero-banner .hero-section .hero {
height: 100%;
width: auto;
overflow: hidden;
}
.pxblock--hero-banner .hero-section .hero--mobile {
display: block;
visibility: visible;
margin-bottom: -7px;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section .hero--mobile {
display: none;
visibility: hidden;
}
}
.pxblock--hero-banner .hero-section .hero--desktop {
display: none;
visibility: hidden;
}
@media (min-width: 1024px) {
.pxblock--hero-banner .hero-section .hero--desktop {
display: block;
visibility: visible;
}
}
.pxblock--hero-banner .hero-section img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--image-banner {
padding: 0;
}
.pxblock--image-banner .image-banner-holder {
display: block;
margin-bottom: -5px;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder {
height: 430px;
display: flex;
margin-bottom: 0;
}
}
.pxblock--image-banner .image-banner-holder .image--large {
height: 100%;
width: 100%;
margin-bottom: -6px;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder .image--large {
margin-bottom: 0;
width: 66.6666666667%;
}
}
.pxblock--image-banner .image-banner-holder .image--large img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--image-banner .image-banner-holder .image--small {
width: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.pxblock--image-banner .image-banner-holder .image--small {
width: 33.3333333333%;
}
}
.pxblock--image-banner .image-banner-holder .image--small img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--tiles {
background-color: #E6E8EC;
padding: 63px 12px;
}
@media (min-width: 1024px) {
.pxblock--tiles {
padding: 64px 0;
}
}
.pxblock--tiles .container {
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--tiles .container {
gap: 24px;
grid-template-columns: repeat(12, [col-start] 1fr);
}
}
.pxblock--tiles .container .heading {
grid-column: col-start 1/span 4;
}
@media (min-width: 768px) {
.pxblock--tiles .container .heading {
grid-column: col-start 3/span 3;
}
}
.pxblock--tiles .container .heading {
margin-bottom: 0px;
}
.pxblock--tiles .container .heading h2 {
margin-bottom: 0;
}
.pxblock--tiles .container .tile-holder {
grid-column: col-start 1/span 4;
}
@media (min-width: 768px) {
.pxblock--tiles .container .tile-holder {
grid-column: col-start 3/span 8;
}
}
.pxblock--tiles .container .tile-holder {
display: grid;
grid-template-columns: repeat(1, [col-start] 1fr);
gap: 24px;
}
@media (min-width: 768px) {
.pxblock--tiles .container .tile-holder {
grid-template-columns: repeat(2, [col-start] 1fr);
}
}
@media (min-width: 1024px) {
.pxblock--tiles .container .tile-holder {
grid-template-columns: repeat(4, [col-start] 1fr);
}
}
.pxblock--tiles .container .tile-holder .tile {
margin-bottom: 25px;
}
.pxblock--tiles .container .tile-holder .tile .image {
width: 100%;
}
.pxblock--tiles .container .tile-holder .tile .image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.pxblock--tiles .container .tile-holder .tile .copy p {
font-size: 16px;
}
/*# sourceMappingURL=app.css.map*/ |