@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
.is-jobs-archive,.is-job-detail{display:block;margin:0 auto;max-width:100%}.is-jobs-archive .main-inner,.is-job-detail .main-inner{display:flex;flex-flow:row wrap}.is-job-detail{max-width:768px;max-width:var(--wp--style--global--content-size, 768px)}.jobs-filter--wrap{flex:1 0 calc(25% - 15px);flex:1 0 calc(25% - var(--gap, 30px) / 2);min-width:240px}.jobs-list--wrap{flex:1 0 calc(75% - 15px);flex:1 0 calc(75% - var(--gap, 30px) / 2)}.jobs-filter--wrap .filter-trigger{border:2px solid #04ffa2;border:2px solid var(--color-main, #04ffa2);border-radius:.25em;border-radius:var(--global-radius, .25em);color:#04ffa2;color:var(--color-main, #04ffa2);cursor:pointer;display:inline-block;font-weight:700;margin-bottom:15px;margin-bottom:calc(var(--gap, 30px) / 2);outline:none;padding:.7em 1em .6em}.jobs-filter--wrap .filter-trigger h2{font-size:1rem;line-height:1;margin:0}.jobs-filter--wrap .filter-trigger:focus{outline:2px solid #04ffa2;outline:2px solid var(--color-main, #04ffa2)}.jobs-filter--wrap .filter-checkbox,.jobs-filter--wrap .filter-content{display:none}.jobs-filter--wrap .filter-checkbox:checked+.filter-content{display:block}@media only screen and (min-width: 1000px){.jobs-filter--wrap .filter-trigger{border:none;cursor:default;padding:0}.jobs-filter--wrap .filter-trigger h2{font-size:1.25rem;font-size:var(--fs-600, 1.25rem);margin:inherit}.jobs-filter--wrap .filter-content{display:block!important}}.jobs-filter h3{margin:0}.jobs-filter>ul,.jobs-filter li>ul{list-style:none;margin:0 0 30px;margin:0 0 var(--gap, 30px);padding-left:0}.jobs-filter>ul li:not(.has-children) a,.jobs-filter li>ul li:not(.has-children) a{color:#222;color:var(--color-text, #222);padding-left:1.5rem;position:relative}.jobs-filter>ul li:not(.has-children) a:before,.jobs-filter li>ul li:not(.has-children) a:before{color:#222;color:var(--clr-text, #222);content:"×";display:block;font-size:1.25em;position:absolute;height:auto;width:1rem;left:.075em;top:-.1em;transform:rotate(45deg)}.jobs-filter>ul li:not(.has-children) a:hover,.jobs-filter>ul li:not(.has-children) a:hover:before,.jobs-filter li>ul li:not(.has-children) a:hover,.jobs-filter li>ul li:not(.has-children) a:hover:before{color:#04ffa2;color:var(--color-main, #04ffa2)}.jobs-filter>ul li:not(.has-children) a.active,.jobs-filter>ul li:not(.has-children) a.active:before,.jobs-filter li>ul li:not(.has-children) a.active,.jobs-filter li>ul li:not(.has-children) a.active:before{color:#04ffa2;color:var(--color-main, #04ffa2)}.jobs-filter>ul li:not(.has-children) a.active:before,.jobs-filter li>ul li:not(.has-children) a.active:before{left:.1em;top:-.2em;transform:rotate(0)}.jobs-filter a{-webkit-text-decoration:none;text-decoration:none}.job-item .job-meta,.job-item .is-catgeory,.job-detail--meta .job-meta,.job-detail--meta .is-catgeory{display:flex;flex-flow:row wrap;gap:30px;gap:var(--gap, 30px)}.job-item .is-field,.job-detail--meta .is-field{display:flex;flex-flow:row wrap}.job-item .is-field .label,.job-detail--meta .is-field .label{font-weight:700;margin:0}.job-item ul,.job-detail--meta ul{display:block-inline;list-style:none;margin:0 0 0 .5em;padding-left:0}.job-item ul li,.job-detail--meta ul li{display:inline-block}.job-item ul li:not(:first-child):before,.job-detail--meta ul li:not(:first-child):before{content:",";display:inline-block;margin:0 0 0 -.2em}.job-item{margin-bottom:30px;margin-bottom:var(--gap, 30px)}.job-item h2{border-bottom:2px solid #04ffa2;border-bottom:2px solid var(--color-main, #04ffa2);margin-bottom:.5rem;padding-bottom:.5rem;width:100%}.job-item .job-excerpt{margin-top:.25rem;margin-bottom:.25rem}.job-item .is-button{background-color:#04ffa2;background-color:var(--color-main, #04ffa2);border-radius:.25em;border-radius:var(--global-radius, .25em);color:#fff;color:var(--clr-white, #fff);display:inline-block;font-weight:700;margin-top:.25em;padding:.6em 1em .7em;-webkit-text-decoration:none;text-decoration:none}.job-detail-header{margin-bottom:30px;margin-bottom:var(--gap, 30px)}.job-detail--meta{border-bottom:2px solid #04ffa2;border-bottom:2px solid var(--color-main, #04ffa2);margin-bottom:30px;margin-bottom:var(--gap, 30px);padding-bottom:30px;padding-bottom:var(--gap, 30px)}
    html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure {
display: block;
} figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; } main {
display: block;
} pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; }  abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button {
overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; }
button,
[type=button],
[type=reset],
[type=submit] {  }
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} input {
overflow: visible;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px;  }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
}  details {
display: block;
} summary {
display: list-item;
} menu {
display: block;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} @keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
:root {
--gap: 30px;
--viewport-phone: 400px;
--viewport-phone-wide: 480px;
--viewport-phablet: 560px;
--viewport-tablet-small: 640px;
--viewport-tablet: 768px;
--viewport-tablet-wide: 1000px;
--viewport-desktop: 1200px;
--viewport-desktop-wide: 1440px;
--fs-300: 11.25px;
--fs-300: 0.75rem;
--fs-400: 13.125px;
--fs-400: 0.875rem;
--fs-500: 15px;
--fs-500: 1rem;
--fs-600: 18.75px;
--fs-600: 1.25rem;
--fs-700: 22.5px;
--fs-700: 1.5rem;
--fs-800: 25.005px;
--fs-800: 1.667rem;
--fs-900: 28.125px;
--fs-900: 1.875rem;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.screen-reader-text:focus {
background-color: var(--color-main);
border-radius: 0.25rem;
clip: auto !important;
color: var(--color-text);
display: block;
font-size: 13.125px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.clear::before, .clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
content: "";
display: table;
table-layout: fixed;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
clear: both;
}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}
.slider-navigation {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: center;
position: absolute;
top: 0;
width: 100%;
}
.slider-navigation button {
background: transparent;
border: 0;
border-radius: 0;
font-size: 0;
display: flex;
height: 15px;
margin: 0;
padding: 0;
width: 15px;
}
.slider-navigation button:hover, .slider-navigation button:hover:enabled {
background: transparent;
box-shadow: none;
transform: unset;
}
.slider-navigation button.slick-arrow span {
background: var(--color-text);
display: inline-flex;
height: 2px;
position: absolute;
top: 50%;
width: 15px;
}
.slider-navigation button.slick-arrow span::after, .slider-navigation button.slick-arrow span::before {
background: var(--color-text);
border-radius: 1px;
content: "";
display: block;
height: 2px;
position: absolute;
width: 8px;
}
.slider-navigation button.slick-arrow span:hover {
background-color: var(--color-main);
}
.slider-navigation button.slick-arrow span:hover::after, .slider-navigation button.slick-arrow span:hover::before {
background-color: var(--color-main);
}
.slider-navigation button.arrow-prev {
order: 1;
}
.slider-navigation button.arrow-prev span {
transform: translateY(-50%);
}
.slider-navigation button.arrow-prev span::before {
left: -2px;
top: -2px;
transform: rotate(-45deg);
}
.slider-navigation button.arrow-prev span::after {
left: -2px;
top: 2px;
transform: rotate(45deg);
}
.slider-navigation button.arrow-next {
order: 3;
}
.slider-navigation button.arrow-next span {
transform: translateY(-50%);
}
.slider-navigation button.arrow-next span::before {
right: -2.5px;
top: -2px;
transform: rotate(45deg);
}
.slider-navigation button.arrow-next span::after {
right: -2.5px;
top: 2px;
transform: rotate(-45deg);
}
.slider-navigation ul.slider-navigation__dots {
display: inline-flex;
margin: 0 7.5px;
order: 2;
padding: 0;
}
.slider-navigation ul.slider-navigation__dots li {
display: inline-block;
}
.slider-navigation ul.slider-navigation__dots li.slick-active button {
background-color: var(--color-main);
border-color: var(--color-main);
}
.slider-navigation ul.slider-navigation__dots button {
background: transparent;
border: 2px solid var(--color-text-light);
border-radius: 50%;
display: block;
font-size: 0;
line-height: 1;
margin: 0 7.5px;
display: block;
height: 14px;
width: 14px;
}
.content-preview .entry-title {
margin-bottom: 9.96px;
}
.content-preview .post-meta {
display: inline-flex;
font-size: 12.375px;
font-size: 0.825rem;
margin-bottom: 9.96px;
}
.content-preview .post-meta > span {
margin-right: 9.96px;
}
.image-preview-post.column.is-4 {
flex-basis: 100%;
}
@media only screen and (min-width: 560px) {
.image-preview-post.column.is-4 {
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 1000px) {
.image-preview-post.column.is-4 {
flex-basis: 33.332%;
max-width: 33.332%;
}
}
.image-preview-post a {
text-decoration: none;
}
.image-preview-post .inline-link::after {
top: -1px;
}
.image-preview-post h3 {
color: var(--color-main);
margin: 15px 15px 4.98px;
}
@media only screen and (min-width: 1200px) {
.image-preview-post h3 {
margin: 30px 30px 9.96px;
}
}
.image-preview-post span {
color: var(--color-main);
display: inline-block;
font-family: "roboto-b", sans-serif;
font-weight: normal;
margin-left: 15px;
text-decoration: none;
transition: color 0.125s 0s ease-in;
}
@media only screen and (min-width: 1200px) {
.image-preview-post span {
margin-left: 30px;
}
}
.image-preview-post span:hover {
color: var(--color-secondary);
}
.image-preview-post dl.post-cat {
display: block;
font-size: 13.125px;
font-size: 0.875rem;
line-height: 1.334;
list-style: none;
margin: 0 7.5px 7.5px;
padding: 0;
}
@media only screen and (min-width: 1200px) {
.image-preview-post dl.post-cat {
margin: 0 calc(30px * 5 / 6) 7.5px;
}
}
.image-preview-post dl.post-cat dt,
.image-preview-post dl.post-cat dd {
display: inline-flex;
line-height: 1.5;
}
.image-preview-post dl.post-cat dt {
font-weight: normal;
margin: 0 7.5px;
}
@media only screen and (min-width: 1200px) {
.image-preview-post dl.post-cat dt {
margin: 0 4.98px;
}
}
.image-preview-post dl.post-cat dd::after {
content: ", ";
margin-right: 4px;
}
.image-preview-post dl.post-cat dd:last-child::after {
content: "";
}
.image-preview-post dl.post-cat dd a:hover {
text-decoration: underline;
}
.image-preview-post dl.post-cat a {
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
word-wrap: break-word;
}
.archive-header .page-title {
margin-bottom: 15px;
}
.archive-header a {
text-decoration: none;
}
.archive-header a:hover {
text-decoration: underline;
}
.blog-content .columns {
display: flex;
}
.post-category-navigation dl {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.post-category-navigation dl dt {
display: block;
margin: 0 0 7.5px;
width: 100%;
}
@media only screen and (min-width: 1000px) {
.post-category-navigation dl dt {
display: inline;
margin: 0 7.5px 0 0;
width: auto;
}
}
.post-category-navigation dl dd {
display: inline-block;
margin: 0 7.5px 7.5px 0;
}
.post-category-navigation dl dd::after {
content: ", ";
}
.post-category-navigation dl dd:last-child::after {
content: "";
}
.post-category-navigation dl a {
text-decoration: none;
}
.post-category-navigation dl a:hover {
text-decoration: underline;
}
@keyframes active {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
.entry-content .cgs-faq-item {
border-bottom: 1px solid var(--color-text-lighter);
display: block;
margin-bottom: 30px;
}
.entry-content .cgs-faq-item:last-child {
border-bottom: 0;
}
.entry-content .cgs-faq-item h2,
.entry-content .cgs-faq-item h3,
.entry-content .cgs-faq-item h4,
.entry-content .cgs-faq-item p,
.entry-content .cgs-faq-item ul,
.entry-content .cgs-faq-item ol {
margin-bottom: 9.96px;
}
.entry-content .faq-item-title {
cursor: pointer;
display: inline-block;
font-size: 22.5px;
font-size: 1.5rem;
margin-bottom: 30px;
padding-right: 22.5px;
padding-right: 1.5rem;
position: relative;
transition: color 0.125s 0s ease-in;
}
.entry-content .faq-item-title::after {
content: "+";
line-height: 1;
transform: translateY(-50%) scale(1) rotate(0deg);
position: absolute;
top: 50%;
right: 0;
transition: transform 0.125s 0s ease-in;
}
.entry-content .faq-item-title.is-active {
color: var(--color-main);
}
.entry-content .faq-item-title.is-active::after {
transform: translateX(-10%) translateY(-70%) scale(1.5) rotate(135deg);
}
.entry-content .faq-item-content {
padding-bottom: 30px;
}
.entry-content .faq-item-content.is-active {
animation: active 500ms ease both;
}
.old-browser-notice {
display: none;
visibility: hidden;
width: 0;
z-index: -10;
}
@media screen and (min-width: 0\0 ) {
.old-browser-notice {
background-color: #ffd701;
bottom: 0;
box-shadow: 0 -6px 10px -2px rgba(var(--color-text-rgb), 0.4);
color: var(--color-text);
display: block;
left: 0;
padding: 30px;
position: fixed;
right: 0;
text-align: center;
visibility: visible;
width: 100%;
z-index: 9999;
}
.old-browser-notice > * {
line-height: 1.2;
margin: 0;
}
.old-browser-notice .is-h3 {
font-size: 1.5rem;
margin-bottom: 9.96px;
}
}
.section {
padding: 60px 0;
}
@media only screen and (min-width: 1000px) {
.section.is-medium {
padding: 120px 0;
}
.section.is-large {
padding: 240px 0;
}
}
.container {
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
position: relative;
width: 100%;
}
@media only screen and (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media only screen and (min-width: 1000px) {
.container {
max-width: 1000px;
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media only screen and (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
.container.is-fluid {
max-width: none;
}
.columns {
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
}
.columns:last-child {
margin-bottom: -30px;
}
.columns:not(:last-child) {
margin-bottom: 30px;
}
.columns.is-condensed {
margin: -30px auto 0;
max-width: 100%;
}
@media only screen and (min-width: 1000px) {
.columns.is-condensed {
margin-left: 16.6666666667%;
max-width: 66.6666666667%;
}
}
.columns.is-centered {
justify-content: center;
}
.columns.is-full {
margin-left: -30px;
width: calc(100% + 30px * 2);
}
.columns.is-full > .column {
padding: 0 0 30px;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 22.5px;
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: flex;
}
.columns.is-multiline {
flex-wrap: wrap;
}
.columns.is-row {
display: flex;
flex-wrap: nowrap;
}
.columns.is-vcentered {
align-items: center;
}
@media only screen and (min-width: 768px) {
.columns:not(.is-desktop) {
display: flex;
}
}
@media only screen and (min-width: 1200px) {
.columns.is-desktop {
display: flex;
}
}
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 30px;
}
.column.is-narrow {
margin: auto;
max-width: 1000px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-narrow {
width: calc(100% + 30px * 2);
}
}
.column.is-nested {
padding-left: 0;
padding-right: 0;
}
.column.is-centered {
text-align: center;
}
.column.is-1 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-1 {
width: 8.3333333333%;
}
.column.is-offset-1 {
margin-left: 8.3333333333%;
}
}
.column.is-2 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-2 {
width: 16.6666666667%;
}
.column.is-offset-2 {
margin-left: 16.6666666667%;
}
}
.column.is-3 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-3 {
width: 25%;
}
.column.is-offset-3 {
margin-left: 25%;
}
}
.column.is-4 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-4 {
width: 33.3333333333%;
}
.column.is-offset-4 {
margin-left: 33.3333333333%;
}
}
.column.is-5 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-5 {
width: 41.6666666667%;
}
.column.is-offset-5 {
margin-left: 41.6666666667%;
}
}
.column.is-6 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-6 {
width: 50%;
}
.column.is-offset-6 {
margin-left: 50%;
}
}
.column.is-7 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-7 {
width: 58.3333333333%;
}
.column.is-offset-7 {
margin-left: 58.3333333333%;
}
}
.column.is-8 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-8 {
width: 66.6666666667%;
}
.column.is-offset-8 {
margin-left: 66.6666666667%;
}
}
.column.is-9 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-9 {
width: 75%;
}
.column.is-offset-9 {
margin-left: 75%;
}
}
.column.is-10 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-10 {
width: 83.3333333333%;
}
.column.is-offset-10 {
margin-left: 83.3333333333%;
}
}
.column.is-11 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-11 {
width: 91.6666666667%;
}
.column.is-offset-11 {
margin-left: 91.6666666667%;
}
}
.column.is-12 {
flex: none;
width: 100%;
}
@media only screen and (min-width: 768px) {
.column.is-12 {
width: 100%;
}
.column.is-offset-12 {
margin-left: 100%;
}
}
* {
box-sizing: border-box;
}
body.disable-scrolling {
overflow: hidden;
}
.site-content {
transition: all 0.667s 0s cubic-bezier(0.1, 0.52, 0.41, 0.93);
display: block;
min-height: 60vh;
position: relative;
}
.blog-content {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.blog-content {
margin-bottom: 60px;
}
}
.has-hero .blog-content,
.has-hero .entry-content {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.has-hero .blog-content,
.has-hero .entry-content {
margin-top: 60px;
}
}
.no-hero .blog-content,
.no-hero .entry-content {
margin-top: 10.02px;
}
@media only screen and (min-width: 768px) {
.no-hero .blog-content,
.no-hero .entry-content {
margin-top: 30px;
}
}
html {
font-size: 15px;
}
@media only screen and (min-width: 768px) {
html {
font-size: 18px;
}
}
@font-face {
font-family: "copenhagen-l";
font-style: normal;
font-weight: normal;
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/CopenhagenGrotesk/CopenhagenGroteskNova-Light.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "copenhagen-b";
font-style: normal;
font-weight: normal;
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/CopenhagenGrotesk/CopenhagenGroteskNova-Bold.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Merriweather";
font-style: normal;
font-weight: "400";
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/Merriweather/merriweather-v30-latin-ext_latin-regular.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Merriweather-Bold";
font-style: normal;
font-weight: "700";
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/Merriweather/merriweather-v30-latin-ext_latin-700.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "roboto";
font-style: normal;
font-weight: normal;
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/Roboto/Roboto-Regular.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "roboto-b";
font-style: normal;
font-weight: normal;
src: local(""), url(https://www.seni-jobs.de/wp-content/themes/cgs/assets/fonts/Roboto/Roboto-Bold.woff) format("woff");
font-display: swap;
}
body {
font-smooth: always;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
body,
button,
input,
select,
textarea {
color: var(--color-text);
font-family: "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: normal;
line-height: 24px;
line-height: 1.6rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.is-heading {
clear: both;
font-family: var(--font-title), var(--font-fallback);
font-weight: normal;
line-height: 1.2;
margin-bottom: 30px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.is-heading a {
text-decoration: none;
}
.entry-content h2,
.entry-content .is-h2 {
font-size: 28.125px;
font-size: 1.875rem;
}
.entry-content h2 em,
.entry-content h2 i,
.entry-content .is-h2 em,
.entry-content .is-h2 i {
font-family: var(--font-title-alt), var(--font-fallback);
font-style: normal;
font-weight: 300;
}
.entry-content h3,
.entry-content .is-h3 {
font-family: var(--font-title-alt), var(--font-fallback);
font-size: 25.005px;
font-size: 1.667rem;
font-weight: 300;
}
p {
margin-bottom: 30px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 30px;
}
address {
margin: 0 0 30px;
}
pre {
font-family: "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 14.062px;
font-size: 0.9375rem;
line-height: 24px;
line-height: 1.6rem;
margin-bottom: 30px;
max-width: 100%;
overflow: auto;
padding: 30px;
}
code,
kbd,
tt,
var {
font-family: "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 14.062px;
font-size: 0.9375rem;
}
abbr,
acronym {
cursor: help;
}
mark,
ins {
background: var(--color-main);
text-decoration: none;
}
big {
font-size: 125%;
}
html {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: inherit;
}
body {
background: var(--color-bg);
}
audio,
canvas,
iframe,
img,
svg,
video,
object,
input,
textarea {
max-width: 100%;
vertical-align: middle;
}
img {
height: auto;
}
blockquote,
q {
quotes: '" "';
}
blockquote::before, blockquote::after,
q::before,
q::after {
content: "";
}
hr {
background-color: var(--color-text-light);
border: 0;
height: 1px;
margin-bottom: 15px;
margin-bottom: 1rem;
}
img {
height: auto;
max-width: 100%;
}
ul,
ol {
margin: 0 0 15px;
margin: 0 0 1rem;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
margin-left: 1rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 15px;
margin: 0 0 1rem;
}
table {
margin: 0 0 15px;
margin: 0 0 1rem;
width: 100%;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--color-border);
border-radius: 0.25rem;
color: var(--color-text);
display: inline-block;
height: 33.75px;
height: 2.25rem;
outline: 0;
padding: 3px 15px;
width: 100%;
transition: all 0.125s 0s ease-in;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
border-color: var(--color-text-light);
color: var(--color-text);
}
input[type=text].is-auto-width,
input[type=email].is-auto-width,
input[type=url].is-auto-width,
input[type=password].is-auto-width,
input[type=search].is-auto-width,
input[type=number].is-auto-width,
input[type=tel].is-auto-width,
input[type=range].is-auto-width,
input[type=date].is-auto-width,
input[type=month].is-auto-width,
input[type=week].is-auto-width,
input[type=time].is-auto-width,
input[type=datetime].is-auto-width,
input[type=datetime-local].is-auto-width,
input[type=color].is-auto-width,
textarea.is-auto-width {
width: auto;
}
select {
transition: all 0.125s 0s ease-in;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 1px solid var(--color-border);
border-radius: 0.25rem;
color: var(--color-text);
cursor: pointer;
display: inline-block;
height: 33.75px;
height: 2.25rem;
outline: 0;
padding: 3px 45px 3px 15px;
position: relative;
width: 100%;
}
select:focus {
border-color: var(--color-text-light);
}
.is-select {
position: relative;
z-index: 1;
}
.is-select::after {
position: absolute;
top: 50%;
right: 18px;
border: 6px solid transparent;
border-bottom: 0;
border-top-color: var(--color-border);
border-top-width: 9px;
content: "";
display: block;
transform: translateY(-40%);
z-index: 0;
}
input[type=radio],
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--color-border);
border-radius: 0.125rem;
display: block;
height: 16px;
width: 16px;
display: inline-flex;
margin-bottom: 0;
outline: none;
position: relative;
}
input[type=radio] {
border-radius: 50%;
transition: border 0.125s 0s ease-in;
}
input[type=radio]:checked {
border: 5px solid var(--color-main);
}
input[type=checkbox] {
transition: border 0.125s 0s ease-in;
}
input[type=checkbox]:checked {
border: 8px solid var(--color-main);
}
input[type=checkbox]:checked::before, input[type=checkbox]:checked::after {
background-color: #fff;
content: "";
display: block;
height: 1px;
}
input[type=checkbox]:checked::before {
transform: rotate(45deg);
width: 4px;
position: absolute;
top: 1px;
right: 1px;
}
input[type=checkbox]:checked::after {
transform: rotate(-45deg);
width: 9px;
position: absolute;
top: 0px;
right: -6px;
}
textarea {
height: unset;
resize: vertical;
width: 100%;
}
button,
.button,
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-button__link,
.df-popup-button {
cursor: pointer;
display: inline-block;
line-height: 1;
outline: 0;
text-decoration: none;
text-transform: uppercase;
}
button:first-of-type,
.button:first-of-type,
input[type=button]:first-of-type,
input[type=reset]:first-of-type,
input[type=submit]:first-of-type,
.wp-block-button__link:first-of-type,
.df-popup-button:first-of-type {
margin-left: 0;
}
button:last-of-type,
.button:last-of-type,
input[type=button]:last-of-type,
input[type=reset]:last-of-type,
input[type=submit]:last-of-type,
.wp-block-button__link:last-of-type,
.df-popup-button:last-of-type {
margin-right: 0;
}
.header-cta button,
.header-cta .button,
.header-cta input[type=button],
.header-cta input[type=reset],
.header-cta input[type=submit],
.header-cta .wp-block-button__link,
.header-cta .df-popup-button,
.header-cta__modal button,
.header-cta__modal .button,
.header-cta__modal input[type=button],
.header-cta__modal input[type=reset],
.header-cta__modal input[type=submit],
.header-cta__modal .wp-block-button__link,
.header-cta__modal .df-popup-button,
.custom-hero button,
.custom-hero .button,
.custom-hero input[type=button],
.custom-hero input[type=reset],
.custom-hero input[type=submit],
.custom-hero .wp-block-button__link,
.custom-hero .df-popup-button,
.hero-wrap button,
.hero-wrap .button,
.hero-wrap input[type=button],
.hero-wrap input[type=reset],
.hero-wrap input[type=submit],
.hero-wrap .wp-block-button__link,
.hero-wrap .df-popup-button,
main button,
main .button,
main input[type=button],
main input[type=reset],
main input[type=submit],
main .wp-block-button__link,
main .df-popup-button {
transition: all 0.125s 0s ease-in;
border: 1px solid;
border-color: var(--color-main);
border-radius: 0.25rem;
background: var(--color-main);
box-shadow: none;
color: var(--color-white);
font-family: "roboto-b", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: normal;
margin: 0 15px;
opacity: 1;
padding: 1em 1.5em;
will-change: transform;
backface-visibility: hidden;
transform: translateY(0) translateZ(0);
}
.header-cta button:disabled,
.header-cta .button:disabled,
.header-cta input[type=button]:disabled,
.header-cta input[type=reset]:disabled,
.header-cta input[type=submit]:disabled,
.header-cta .wp-block-button__link:disabled,
.header-cta .df-popup-button:disabled,
.header-cta__modal button:disabled,
.header-cta__modal .button:disabled,
.header-cta__modal input[type=button]:disabled,
.header-cta__modal input[type=reset]:disabled,
.header-cta__modal input[type=submit]:disabled,
.header-cta__modal .wp-block-button__link:disabled,
.header-cta__modal .df-popup-button:disabled,
.custom-hero button:disabled,
.custom-hero .button:disabled,
.custom-hero input[type=button]:disabled,
.custom-hero input[type=reset]:disabled,
.custom-hero input[type=submit]:disabled,
.custom-hero .wp-block-button__link:disabled,
.custom-hero .df-popup-button:disabled,
.hero-wrap button:disabled,
.hero-wrap .button:disabled,
.hero-wrap input[type=button]:disabled,
.hero-wrap input[type=reset]:disabled,
.hero-wrap input[type=submit]:disabled,
.hero-wrap .wp-block-button__link:disabled,
.hero-wrap .df-popup-button:disabled,
main button:disabled,
main .button:disabled,
main input[type=button]:disabled,
main input[type=reset]:disabled,
main input[type=submit]:disabled,
main .wp-block-button__link:disabled,
main .df-popup-button:disabled {
opacity: 0.667;
}
.header-cta button:disabled:hover,
.header-cta .button:disabled:hover,
.header-cta input[type=button]:disabled:hover,
.header-cta input[type=reset]:disabled:hover,
.header-cta input[type=submit]:disabled:hover,
.header-cta .wp-block-button__link:disabled:hover,
.header-cta .df-popup-button:disabled:hover,
.header-cta__modal button:disabled:hover,
.header-cta__modal .button:disabled:hover,
.header-cta__modal input[type=button]:disabled:hover,
.header-cta__modal input[type=reset]:disabled:hover,
.header-cta__modal input[type=submit]:disabled:hover,
.header-cta__modal .wp-block-button__link:disabled:hover,
.header-cta__modal .df-popup-button:disabled:hover,
.custom-hero button:disabled:hover,
.custom-hero .button:disabled:hover,
.custom-hero input[type=button]:disabled:hover,
.custom-hero input[type=reset]:disabled:hover,
.custom-hero input[type=submit]:disabled:hover,
.custom-hero .wp-block-button__link:disabled:hover,
.custom-hero .df-popup-button:disabled:hover,
.hero-wrap button:disabled:hover,
.hero-wrap .button:disabled:hover,
.hero-wrap input[type=button]:disabled:hover,
.hero-wrap input[type=reset]:disabled:hover,
.hero-wrap input[type=submit]:disabled:hover,
.hero-wrap .wp-block-button__link:disabled:hover,
.hero-wrap .df-popup-button:disabled:hover,
main button:disabled:hover,
main .button:disabled:hover,
main input[type=button]:disabled:hover,
main input[type=reset]:disabled:hover,
main input[type=submit]:disabled:hover,
main .wp-block-button__link:disabled:hover,
main .df-popup-button:disabled:hover {
box-shadow: 0;
transform: 0;
}
.header-cta button:hover:enabled,
.header-cta .button:hover:enabled,
.header-cta input[type=button]:hover:enabled,
.header-cta input[type=reset]:hover:enabled,
.header-cta input[type=submit]:hover:enabled,
.header-cta .wp-block-button__link:hover:enabled,
.header-cta .df-popup-button:hover:enabled,
.header-cta__modal button:hover:enabled,
.header-cta__modal .button:hover:enabled,
.header-cta__modal input[type=button]:hover:enabled,
.header-cta__modal input[type=reset]:hover:enabled,
.header-cta__modal input[type=submit]:hover:enabled,
.header-cta__modal .wp-block-button__link:hover:enabled,
.header-cta__modal .df-popup-button:hover:enabled,
.custom-hero button:hover:enabled,
.custom-hero .button:hover:enabled,
.custom-hero input[type=button]:hover:enabled,
.custom-hero input[type=reset]:hover:enabled,
.custom-hero input[type=submit]:hover:enabled,
.custom-hero .wp-block-button__link:hover:enabled,
.custom-hero .df-popup-button:hover:enabled,
.hero-wrap button:hover:enabled,
.hero-wrap .button:hover:enabled,
.hero-wrap input[type=button]:hover:enabled,
.hero-wrap input[type=reset]:hover:enabled,
.hero-wrap input[type=submit]:hover:enabled,
.hero-wrap .wp-block-button__link:hover:enabled,
.hero-wrap .df-popup-button:hover:enabled,
main button:hover:enabled,
main .button:hover:enabled,
main input[type=button]:hover:enabled,
main input[type=reset]:hover:enabled,
main input[type=submit]:hover:enabled,
main .wp-block-button__link:hover:enabled,
main .df-popup-button:hover:enabled {
background-color: rgba(var(--color-main-rgb), 0.94);
border-color: rgba(var(--color-main-rgb), 0.94);
box-shadow: 0 4px 6px -2px rgba(var(--color-text-rgb), 0.3);
color: var(--color-white);
transform: scale(1.025);
transform: translateY(-1px);
}
.header-cta button:active, .header-cta button:focus,
.header-cta .button:active,
.header-cta .button:focus,
.header-cta input[type=button]:active,
.header-cta input[type=button]:focus,
.header-cta input[type=reset]:active,
.header-cta input[type=reset]:focus,
.header-cta input[type=submit]:active,
.header-cta input[type=submit]:focus,
.header-cta .wp-block-button__link:active,
.header-cta .wp-block-button__link:focus,
.header-cta .df-popup-button:active,
.header-cta .df-popup-button:focus,
.header-cta__modal button:active,
.header-cta__modal button:focus,
.header-cta__modal .button:active,
.header-cta__modal .button:focus,
.header-cta__modal input[type=button]:active,
.header-cta__modal input[type=button]:focus,
.header-cta__modal input[type=reset]:active,
.header-cta__modal input[type=reset]:focus,
.header-cta__modal input[type=submit]:active,
.header-cta__modal input[type=submit]:focus,
.header-cta__modal .wp-block-button__link:active,
.header-cta__modal .wp-block-button__link:focus,
.header-cta__modal .df-popup-button:active,
.header-cta__modal .df-popup-button:focus,
.custom-hero button:active,
.custom-hero button:focus,
.custom-hero .button:active,
.custom-hero .button:focus,
.custom-hero input[type=button]:active,
.custom-hero input[type=button]:focus,
.custom-hero input[type=reset]:active,
.custom-hero input[type=reset]:focus,
.custom-hero input[type=submit]:active,
.custom-hero input[type=submit]:focus,
.custom-hero .wp-block-button__link:active,
.custom-hero .wp-block-button__link:focus,
.custom-hero .df-popup-button:active,
.custom-hero .df-popup-button:focus,
.hero-wrap button:active,
.hero-wrap button:focus,
.hero-wrap .button:active,
.hero-wrap .button:focus,
.hero-wrap input[type=button]:active,
.hero-wrap input[type=button]:focus,
.hero-wrap input[type=reset]:active,
.hero-wrap input[type=reset]:focus,
.hero-wrap input[type=submit]:active,
.hero-wrap input[type=submit]:focus,
.hero-wrap .wp-block-button__link:active,
.hero-wrap .wp-block-button__link:focus,
.hero-wrap .df-popup-button:active,
.hero-wrap .df-popup-button:focus,
main button:active,
main button:focus,
main .button:active,
main .button:focus,
main input[type=button]:active,
main input[type=button]:focus,
main input[type=reset]:active,
main input[type=reset]:focus,
main input[type=submit]:active,
main input[type=submit]:focus,
main .wp-block-button__link:active,
main .wp-block-button__link:focus,
main .df-popup-button:active,
main .df-popup-button:focus {
border-color: var(--color-secondary);
}
.header-cta button.is-outlined,
.header-cta .button.is-outlined,
.header-cta input[type=button].is-outlined,
.header-cta input[type=reset].is-outlined,
.header-cta input[type=submit].is-outlined,
.header-cta .wp-block-button__link.is-outlined,
.header-cta .df-popup-button.is-outlined,
.header-cta__modal button.is-outlined,
.header-cta__modal .button.is-outlined,
.header-cta__modal input[type=button].is-outlined,
.header-cta__modal input[type=reset].is-outlined,
.header-cta__modal input[type=submit].is-outlined,
.header-cta__modal .wp-block-button__link.is-outlined,
.header-cta__modal .df-popup-button.is-outlined,
.custom-hero button.is-outlined,
.custom-hero .button.is-outlined,
.custom-hero input[type=button].is-outlined,
.custom-hero input[type=reset].is-outlined,
.custom-hero input[type=submit].is-outlined,
.custom-hero .wp-block-button__link.is-outlined,
.custom-hero .df-popup-button.is-outlined,
.hero-wrap button.is-outlined,
.hero-wrap .button.is-outlined,
.hero-wrap input[type=button].is-outlined,
.hero-wrap input[type=reset].is-outlined,
.hero-wrap input[type=submit].is-outlined,
.hero-wrap .wp-block-button__link.is-outlined,
.hero-wrap .df-popup-button.is-outlined,
main button.is-outlined,
main .button.is-outlined,
main input[type=button].is-outlined,
main input[type=reset].is-outlined,
main input[type=submit].is-outlined,
main .wp-block-button__link.is-outlined,
main .df-popup-button.is-outlined {
background: transparent;
border-color: var(--color-main);
border-width: 2px;
color: var(--color-main);
}
.header-cta button.is-outlined:hover,
.header-cta .button.is-outlined:hover,
.header-cta input[type=button].is-outlined:hover,
.header-cta input[type=reset].is-outlined:hover,
.header-cta input[type=submit].is-outlined:hover,
.header-cta .wp-block-button__link.is-outlined:hover,
.header-cta .df-popup-button.is-outlined:hover,
.header-cta__modal button.is-outlined:hover,
.header-cta__modal .button.is-outlined:hover,
.header-cta__modal input[type=button].is-outlined:hover,
.header-cta__modal input[type=reset].is-outlined:hover,
.header-cta__modal input[type=submit].is-outlined:hover,
.header-cta__modal .wp-block-button__link.is-outlined:hover,
.header-cta__modal .df-popup-button.is-outlined:hover,
.custom-hero button.is-outlined:hover,
.custom-hero .button.is-outlined:hover,
.custom-hero input[type=button].is-outlined:hover,
.custom-hero input[type=reset].is-outlined:hover,
.custom-hero input[type=submit].is-outlined:hover,
.custom-hero .wp-block-button__link.is-outlined:hover,
.custom-hero .df-popup-button.is-outlined:hover,
.hero-wrap button.is-outlined:hover,
.hero-wrap .button.is-outlined:hover,
.hero-wrap input[type=button].is-outlined:hover,
.hero-wrap input[type=reset].is-outlined:hover,
.hero-wrap input[type=submit].is-outlined:hover,
.hero-wrap .wp-block-button__link.is-outlined:hover,
.hero-wrap .df-popup-button.is-outlined:hover,
main button.is-outlined:hover,
main .button.is-outlined:hover,
main input[type=button].is-outlined:hover,
main input[type=reset].is-outlined:hover,
main input[type=submit].is-outlined:hover,
main .wp-block-button__link.is-outlined:hover,
main .df-popup-button.is-outlined:hover {
border-color: rgba(var(--color-main-rgb), 0.94);
color: rgba(var(--color-main-rgb), 0.94);
}
.header-cta button.is-dark,
.header-cta .button.is-dark,
.header-cta input[type=button].is-dark,
.header-cta input[type=reset].is-dark,
.header-cta input[type=submit].is-dark,
.header-cta .wp-block-button__link.is-dark,
.header-cta .df-popup-button.is-dark,
.header-cta__modal button.is-dark,
.header-cta__modal .button.is-dark,
.header-cta__modal input[type=button].is-dark,
.header-cta__modal input[type=reset].is-dark,
.header-cta__modal input[type=submit].is-dark,
.header-cta__modal .wp-block-button__link.is-dark,
.header-cta__modal .df-popup-button.is-dark,
.custom-hero button.is-dark,
.custom-hero .button.is-dark,
.custom-hero input[type=button].is-dark,
.custom-hero input[type=reset].is-dark,
.custom-hero input[type=submit].is-dark,
.custom-hero .wp-block-button__link.is-dark,
.custom-hero .df-popup-button.is-dark,
.hero-wrap button.is-dark,
.hero-wrap .button.is-dark,
.hero-wrap input[type=button].is-dark,
.hero-wrap input[type=reset].is-dark,
.hero-wrap input[type=submit].is-dark,
.hero-wrap .wp-block-button__link.is-dark,
.hero-wrap .df-popup-button.is-dark,
main button.is-dark,
main .button.is-dark,
main input[type=button].is-dark,
main input[type=reset].is-dark,
main input[type=submit].is-dark,
main .wp-block-button__link.is-dark,
main .df-popup-button.is-dark {
border-color: var(--color-text);
color: var(--color-text);
}
.header-cta button.is-dark:hover,
.header-cta .button.is-dark:hover,
.header-cta input[type=button].is-dark:hover,
.header-cta input[type=reset].is-dark:hover,
.header-cta input[type=submit].is-dark:hover,
.header-cta .wp-block-button__link.is-dark:hover,
.header-cta .df-popup-button.is-dark:hover,
.header-cta__modal button.is-dark:hover,
.header-cta__modal .button.is-dark:hover,
.header-cta__modal input[type=button].is-dark:hover,
.header-cta__modal input[type=reset].is-dark:hover,
.header-cta__modal input[type=submit].is-dark:hover,
.header-cta__modal .wp-block-button__link.is-dark:hover,
.header-cta__modal .df-popup-button.is-dark:hover,
.custom-hero button.is-dark:hover,
.custom-hero .button.is-dark:hover,
.custom-hero input[type=button].is-dark:hover,
.custom-hero input[type=reset].is-dark:hover,
.custom-hero input[type=submit].is-dark:hover,
.custom-hero .wp-block-button__link.is-dark:hover,
.custom-hero .df-popup-button.is-dark:hover,
.hero-wrap button.is-dark:hover,
.hero-wrap .button.is-dark:hover,
.hero-wrap input[type=button].is-dark:hover,
.hero-wrap input[type=reset].is-dark:hover,
.hero-wrap input[type=submit].is-dark:hover,
.hero-wrap .wp-block-button__link.is-dark:hover,
.hero-wrap .df-popup-button.is-dark:hover,
main button.is-dark:hover,
main .button.is-dark:hover,
main input[type=button].is-dark:hover,
main input[type=reset].is-dark:hover,
main input[type=submit].is-dark:hover,
main .wp-block-button__link.is-dark:hover,
main .df-popup-button.is-dark:hover {
border-color: rgba(var(--color-text), 0.94);
color: rgba(var(--color-text), 0.94);
}
.header-cta button.is-light,
.header-cta .button.is-light,
.header-cta input[type=button].is-light,
.header-cta input[type=reset].is-light,
.header-cta input[type=submit].is-light,
.header-cta .wp-block-button__link.is-light,
.header-cta .df-popup-button.is-light,
.header-cta__modal button.is-light,
.header-cta__modal .button.is-light,
.header-cta__modal input[type=button].is-light,
.header-cta__modal input[type=reset].is-light,
.header-cta__modal input[type=submit].is-light,
.header-cta__modal .wp-block-button__link.is-light,
.header-cta__modal .df-popup-button.is-light,
.custom-hero button.is-light,
.custom-hero .button.is-light,
.custom-hero input[type=button].is-light,
.custom-hero input[type=reset].is-light,
.custom-hero input[type=submit].is-light,
.custom-hero .wp-block-button__link.is-light,
.custom-hero .df-popup-button.is-light,
.hero-wrap button.is-light,
.hero-wrap .button.is-light,
.hero-wrap input[type=button].is-light,
.hero-wrap input[type=reset].is-light,
.hero-wrap input[type=submit].is-light,
.hero-wrap .wp-block-button__link.is-light,
.hero-wrap .df-popup-button.is-light,
main button.is-light,
main .button.is-light,
main input[type=button].is-light,
main input[type=reset].is-light,
main input[type=submit].is-light,
main .wp-block-button__link.is-light,
main .df-popup-button.is-light {
background-color: var(--color-white);
border-color: var(--color-white);
color: var(--color-main);
}
.header-cta button.is-light:hover,
.header-cta .button.is-light:hover,
.header-cta input[type=button].is-light:hover,
.header-cta input[type=reset].is-light:hover,
.header-cta input[type=submit].is-light:hover,
.header-cta .wp-block-button__link.is-light:hover,
.header-cta .df-popup-button.is-light:hover,
.header-cta__modal button.is-light:hover,
.header-cta__modal .button.is-light:hover,
.header-cta__modal input[type=button].is-light:hover,
.header-cta__modal input[type=reset].is-light:hover,
.header-cta__modal input[type=submit].is-light:hover,
.header-cta__modal .wp-block-button__link.is-light:hover,
.header-cta__modal .df-popup-button.is-light:hover,
.custom-hero button.is-light:hover,
.custom-hero .button.is-light:hover,
.custom-hero input[type=button].is-light:hover,
.custom-hero input[type=reset].is-light:hover,
.custom-hero input[type=submit].is-light:hover,
.custom-hero .wp-block-button__link.is-light:hover,
.custom-hero .df-popup-button.is-light:hover,
.hero-wrap button.is-light:hover,
.hero-wrap .button.is-light:hover,
.hero-wrap input[type=button].is-light:hover,
.hero-wrap input[type=reset].is-light:hover,
.hero-wrap input[type=submit].is-light:hover,
.hero-wrap .wp-block-button__link.is-light:hover,
.hero-wrap .df-popup-button.is-light:hover,
main button.is-light:hover,
main .button.is-light:hover,
main input[type=button].is-light:hover,
main input[type=reset].is-light:hover,
main input[type=submit].is-light:hover,
main .wp-block-button__link.is-light:hover,
main .df-popup-button.is-light:hover {
color: rgba(var(--color-main-rgb), 0.94);
}
.df-popup-button {
margin: 0 0 45px;
}
@media only screen and (min-width: 768px) {
.df-popup-button {
margin-bottom: 90px;
}
}
form label {
font-family: "roboto-b", sans-serif;
font-size: 11.25px;
font-size: 0.75rem;
font-weight: normal;
margin-bottom: 15px;
text-transform: uppercase;
}
form label input {
margin-bottom: 0;
}
form input {
margin-bottom: 15px;
}
.column form {
margin: 0 0 15px;
}
@media only screen and (min-width: 768px) {
.column form {
margin-bottom: 30px;
}
}
.column form p,
.column form .is-select {
margin-bottom: 15px;
}
.column form .wpcf7-list-item {
margin-left: 30px;
}
.column form .wpcf7-list-item.first {
margin-left: 0;
}
.column form .wpcf7-list-item input {
margin-right: 5px;
transform: translateY(-2px);
}
.disable-scrolling .site-header__inner {
background-color: var(--color-bg);
}
.site-header {
background-color: var(--color-bg);
display: flex;
flex-flow: column wrap;
position: relative;
width: 100%;
z-index: 10;
}
.site-header.scroll-up-nav {
position: fixed;
top: 0;
transition: all 0.125s 0s linear;
}
.site-header.scroll-up-nav.nav-down {
box-shadow: 0 -2px 12px rgba(var(--color-text), 0.25);
}
@media only screen and (max-width: 767px) {
.site-header .columns {
align-items: center;
display: flex;
}
.site-header .column {
align-self: stretch;
width: auto;
}
}
.site-header__inner .columns {
margin-bottom: 0;
margin-top: 0;
}
.site-header__inner .column {
padding-bottom: 0;
padding-top: 0;
}
.site-title {
margin: 24.75px auto 20.01px;
}
@media only screen and (min-width: 768px) {
.site-title {
margin: 30px auto;
}
}
.site-logo {
display: block;
max-width: 160px;
position: relative;
transition: all 0.125s 0s linear;
width: auto;
z-index: 10;
}
@media only screen and (min-width: 768px) {
.site-logo {
max-width: unset;
}
}
.header-cta {
display: none;
}
@media only screen and (min-width: 640px) {
.header-cta {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
}
}
@media only screen and (max-width: 1199px) {
.header-cta {
margin-right: 74px;
}
}
.header-cta__inner {
align-items: center;
display: flex;
flex-flow: row nowrap;
}
.header-cta__phone {
color: var(--color-text);
line-height: 1;
margin: 0 30px;
position: relative;
text-decoration: none;
}
.header-cta__phone::before {
background-color: var(--color-main);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,22.621l-3.521-6.795c-.008,0-1.974.97-2.064,1.011-2.24,1.086-6.8-7.82-4.609-8.994l2.083-1.026L8.4,0,6.29,1.039c-7.2,3.755,4.233,25.982,11.6,22.615C18.011,23.6,19.992,22.625,20,22.621Z" /></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,22.621l-3.521-6.795c-.008,0-1.974.97-2.064,1.011-2.24,1.086-6.8-7.82-4.609-8.994l2.083-1.026L8.4,0,6.29,1.039c-7.2,3.755,4.233,25.982,11.6,22.615C18.011,23.6,19.992,22.625,20,22.621Z" /></svg>');
content: "";
left: -30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
height: 24px;
width: 24px;
}
.header-cta__button.button {
margin-right: 0;
padding: 0.75em 1.25em;
}
.disable-scrolling .header-topline {
display: none;
}
.nav-down .header-topline {
padding: 7.5px 0;
transition: all 0.125s 0s ease-in;
}
.header-topline {
background-color: var(--color-text-lighter);
display: block;
font-size: 13.125px;
font-size: 0.875rem;
height: auto;
line-height: 1;
opacity: 1;
overflow: hidden;
padding: 15px 0;
z-index: 11;
}
.header-topline__inner {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.header-topline .topline-navigation {
margin: 0 30px 0 0;
}
@media only screen and (min-width: 768px) {
.header-topline .topline-navigation {
margin-right: 60px;
}
}
.header-topline .header-topline-menu {
display: none;
}
@media only screen and (min-width: 768px) {
.header-topline .header-topline-menu {
display: flex;
flex-flow: row nowrap;
list-style: none;
margin: 0;
max-width: 100%;
padding: 0;
}
.header-topline .header-topline-menu li {
margin-left: 30px;
}
.header-topline .header-topline-menu li:first-child {
margin-left: 0;
}
.header-topline .header-topline-menu a {
color: var(--color-text);
text-decoration: none;
word-break: none;
transition: color 0.125s 0s ease-in;
}
.header-topline .header-topline-menu a:hover {
color: var(--color-main);
}
}
.header-topline .header-cta__phone {
margin-left: 20.01px;
margin-right: 0;
}
.header-topline .header-cta__phone::before {
left: -20.01px;
display: block;
height: 18px;
width: 18px;
}
.site-patches {
display: none;
}
@media only screen and (min-width: 1000px) {
.site-patches {
display: block;
transition: top 0.25s linear;
z-index: 4;
position: absolute;
top: 0;
right: 30px;
}
}
.site-patches ul {
list-style: none;
margin: 30px 0;
padding: 0;
}
.site-patches li {
margin-top: 30px;
width: 100%;
}
.site-patches li:first-item {
margin-top: 0;
}
.site-patches .patch-image {
display: block;
height: auto;
margin: 0 auto;
max-width: 112px;
}
.header-menu {
align-items: stretch;
display: flex;
text-align: right;
}
.main-navigation {
display: block;
width: 100%;
}
@media only screen and (min-width: 1200px) {
.main-navigation {
display: flex;
justify-content: flex-end;
}
}
.disable-scrolling .mobile-header-blender {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: var(--color-text-lighter);
box-shadow: 0 0 20px var(--color-text-lighter);
display: block;
width: 100vw;
z-index: 4;
}
@media only screen and (min-width: 1200px) {
.disable-scrolling .mobile-header-blender {
display: none;
height: 0;
z-index: unset;
}
}
.primary-menu {
display: block;
list-style: none;
margin: 0;
}
@media only screen and (max-width: 1199px) {
.primary-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.1s 0s linear;
background-color: var(--color-bg);
display: block;
height: auto;
min-height: 100vh;
opacity: 1;
overflow: auto;
padding: 90px 30px;
width: 100vw;
}
}
@media only screen and (min-width: 1200px) {
.primary-menu {
z-index: 5;
}
}
.primary-menu[hidden=hidden] {
background-color: transparent;
opacity: 0;
height: 0;
min-height: 0;
visibility: hidden;
z-index: -1;
}
@media only screen and (min-width: 1200px) {
.primary-menu[hidden=hidden] {
display: block;
padding-top: 0;
}
}
@media only screen and (min-width: 1200px) {
.primary-menu {
align-items: center;
display: flex;
padding: 0;
}
}
.primary-menu ul {
margin: 0;
padding: 15px 0 0;
z-index: 1;
}
@media only screen and (min-width: 1200px) {
.primary-menu ul {
background-color: var(--color-bg);
border-radius: 0 0 0.25rem 0.25rem;
box-shadow: 0 4px 6px -2px rgba(var(--color-text-rgb), 0.2);
display: none;
min-width: 18em;
left: -15px;
padding: 15px 15px 7.5px;
position: absolute;
top: 86.25px;
}
.primary-menu ul ul {
box-shadow: none;
position: relative;
top: 0;
width: 100%;
}
.primary-menu ul ul > li {
line-height: 1.25;
}
.primary-menu ul .is-submenu-title > a[href="#"] {
cursor: default;
}
.primary-menu ul .is-submenu-title ul {
min-width: unset;
}
.primary-menu ul .is-submenu-title li {
text-align: left;
}
}
.primary-menu ul li {
display: block;
line-height: 1.2;
text-align: center;
}
@media only screen and (min-width: 1200px) {
.primary-menu ul li {
line-height: 1.5625rem;
margin: 19.98px 0;
text-align: left;
}
}
.primary-menu ul li::before {
display: none;
}
@media only screen and (max-width: 1200px) {
.primary-menu ul li:last-child {
padding-bottom: 0;
}
}
.primary-menu ul a {
color: var(--color-text);
font-family: "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: normal;
}
@media only screen and (max-width: 1200px) {
.primary-menu ul a {
font-size: 1rem;
}
}
@media only screen and (min-width: 1200px) {
.primary-menu ul a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.primary-menu ul a:hover {
color: var(--color-main);
}
@media only screen and (min-width: 1200px) {
.primary-menu > li {
border-top: 4px solid transparent;
}
.primary-menu > li:hover {
border-color: var(--color-main);
}
}
.primary-menu li {
padding: 15px 0;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.primary-menu li {
position: relative;
}
}
@media only screen and (min-width: 1200px) {
.primary-menu li {
align-self: stretch;
align-items: center;
display: inline-flex;
margin: 0 15px;
padding: 0;
text-align: unset;
}
.primary-menu li.has-menu-cols:hover > ul {
display: flex;
flex-flow: row wrap;
gap: 30px;
justify-content: center;
align-items: flex-start;
box-shadow: none;
margin-left: auto;
margin-right: auto;
left: 0;
padding-left: 30px;
padding-right: 30px;
width: 100%;
z-index: 1;
}
.primary-menu li.has-menu-cols:hover > ul::before {
background: var(--color-bg);
box-shadow: 0 4px 6px -2px rgba(var(--color-text-rgb), 0.2);
content: "";
display: block;
position: absolute;
top: 0;
left: calc((100vw - 1200px) / -2);
width: 100vw;
height: 100%;
}
.primary-menu li.has-menu-cols:hover > ul > li {
display: block;
max-width: 16rem;
width: 100%;
}
.primary-menu li.has-menu-cols:hover > ul ul {
display: block;
-webkit-hyphens: auto;
hyphens: auto;
overflow: hidden;
width: 100%;
}
.primary-menu li.has-menu-cols:hover > ul .sub-menu {
background-color: transparent;
}
.primary-menu li:not(.has-menu-cols) {
position: relative;
}
.primary-menu li:first-child {
margin-left: 0;
}
.primary-menu li:last-child {
margin-right: 0;
}
.primary-menu li:hover {
color: var(--color-main);
}
.primary-menu li:hover ul {
display: block;
}
}
@media only screen and (min-width: 1440px) {
.primary-menu li.has-menu-cols:hover > ul::before {
left: calc((100vw - 1440px) / -2);
}
}
.primary-menu li.is-submenu-title > a {
color: var(--color-text);
font-family: var(--font-title), var(--font-fallback), sans-serif;
font-size: 16.875px;
font-size: 1.125rem;
}
.primary-menu li.is-submenu-title > a:hover {
color: var(--color-main);
}
.primary-menu li.is-submenu-title > a[href="#"]:hover {
color: var(--color-text);
}
.primary-menu li.is-submenu-title > ul {
padding-top: 0;
}
.primary-menu a {
color: var(--color-front);
font-family: var(--font-title), var(--font-fallback);
font-size: 18.75px;
font-size: 1.25rem;
text-decoration: none;
}
@media only screen and (min-width: 1200px) {
.primary-menu a {
font-size: 1.125rem;
}
}
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
a {
color: var(--color-main);
}
a:hover, a:focus, a:active {
color: var(--color-secondary);
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
}
a.inline-link,
span.inline-link,
.inline-link {
align-items: center;
display: inline-flex;
position: relative;
}
a.inline-link::after,
span.inline-link::after,
.inline-link::after {
background-color: var(--color-main);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.71,7.29l-4-4a1,1,0,0,0-1.42,1.42L12.59,7H0V9H12.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4A1,1,0,0,0,15.71,7.29Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.71,7.29l-4-4a1,1,0,0,0-1.42,1.42L12.59,7H0V9H12.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4A1,1,0,0,0,15.71,7.29Z"/></svg>');
content: "";
display: inline-block;
height: 16px;
margin-left: 9.96px;
position: relative;
top: 1px;
width: 16px;
transition: all 0.125s 0s ease-in;
}
a.inline-link:hover::after,
span.inline-link:hover::after,
.inline-link:hover::after {
margin-left: 12.96px;
}
.menu-burger {
position: absolute;
top: 33.75px;
right: 30px;
background: transparent !important;
border: none;
display: block;
width: 32px;
height: 22.5px;
margin-left: auto;
padding: 0;
-webkit-tap-highlight-color: transparent;
transition: 0.2s;
transition-delay: 0.15s;
z-index: 10;
}
@media only screen and (min-width: 400px) {
.menu-burger {
top: 50%;
margin-top: -12.75px;
}
}
@media only screen and (min-width: 1200px) {
.menu-burger {
display: none;
}
}
.menu-burger:hover, .menu-burger:focus, .menu-burger:visited {
background: transparent;
}
.menu-burger i {
display: block;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
height: 3px;
background-color: var(--color-text);
width: 100%;
position: absolute;
top: 50%;
transition: 0.3s;
transition-delay: 0.2s;
}
.menu-burger:before, .menu-burger:after {
background-color: var(--color-text);
content: "";
position: absolute;
top: 0;
border-bottom: 3px solid var(--color-text);
width: 100%;
left: 0;
right: 0;
transition: 0.5s cubic-bezier(0.78, 0.77, 0.19, 0.9);
transform-origin: right bottom;
}
.menu-burger:after {
top: 100%;
transform-origin: right bottom;
}
.menu-burger.is-active {
transform: translate3d(0, 0, 0);
transition-delay: 0.2s;
transform: scale(0.8);
}
.menu-burger.is-active i {
opacity: 0;
transition-delay: 0;
}
.menu-burger.is-active:after {
transform: rotate3d(0, 0, 1.5, 45deg) translate3d(-1.5px, 1.5px, 0);
}
.menu-burger.is-active:before {
transform: rotate3d(0, 0, 1.5, -45deg) translate3d(0, 0, 0);
}
.page .hero-wrap {
background-color: var(--color-text);
background-image: linear-gradient(0deg, rgba(var(--color-main-rgb), 0.75) 0%, var(--color-main) 60%, var(--color-secondary) 100%);
color: var(--color-text-lighter);
}
.hero-wrap {
background-color: #f0f0f4;
display: block;
margin: 30px 0 90px;
height: 60vh;
max-height: 640px;
min-height: 240px;
position: relative;
}
@media only screen and (max-width: 479px) {
.hero-wrap {
max-height: 320px;
}
}
@media only screen and (min-width: 1000px) {
.hero-wrap {
min-height: 380px;
}
}
.hero-wrap > .container {
height: 100%;
position: relative;
}
.hero-wrap.no-image {
margin: 0;
}
.hero-wrap.no-image .hero-wrap__text {
align-items: center;
justify-content: center;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 767px) {
.hero-wrap.no-image .hero-wrap__text {
max-width: 75%;
}
}
@media only screen and (min-width: 1000px) {
.hero-wrap.has-title .hero-wrap__image-wrap {
width: 50%;
}
}
@media only screen and (max-width: 999px) {
.hero-wrap__inner {
height: calc(100% + 30px * 2);
position: relative;
transform: translateY(-30px);
}
}
@media only screen and (min-width: 1000px) {
.hero-wrap__inner {
display: flex;
flex-flow: row wrap;
height: 100%;
}
}
@media only screen and (max-width: 999px) {
.hero-wrap__inner .hero-wrap__text {
align-items: center;
background: linear-gradient(0deg, rgba(var(--color-text-rgb), 0.8) 0%, rgba(var(--color-text-rgb), 0.4) 40%, rgba(var(--color-text-rgb), 0) 66%);
justify-content: flex-end;
max-width: 100%;
padding: 0 15px 30px;
position: absolute;
text-align: center;
width: 100%;
z-index: 4;
}
}
@media only screen and (min-width: 1000px) {
.hero-wrap__inner .hero-wrap__text {
max-width: 50%;
padding-right: 60px;
position: relative;
width: 100%;
}
}
@media only screen and (max-width: 999px) {
.hero-wrap__inner .hero-wrap__image-wrap {
height: 100%;
top: 0;
}
}
.hero-wrap__image-wrap {
box-shadow: 0 5px 15px -5px rgba(var(--color-text-rgb), 0.25);
height: calc(60vh + 30px * 2);
max-height: calc((320px + 30px) * 2);
overflow: hidden;
position: relative;
top: -30px;
width: 100%;
}
@media only screen and (max-width: 479px) {
.hero-wrap__image-wrap {
max-height: calc(320px + 30px * 2);
}
}
@media only screen and (min-width: 1000px) {
.hero-wrap__image-wrap {
min-height: 440px;
}
}
.hero-wrap__image-wrap::before {
content: "";
padding-top: 100%;
}
.hero-wrap__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
height: auto;
width: 100%;
}
.hero-wrap__image img {
display: block;
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 0;
}
.hero-wrap__image .image-credit {
bottom: 0;
transform: none;
}
.hero-wrap__text {
align-items: flex-start;
display: flex;
flex-flow: column nowrap;
justify-content: center;
height: 100%;
}
.hero-wrap__text h1 {
font-size: 22.5px;
font-size: 1.5rem;
line-height: 23.437px;
line-height: 1.5625rem;
margin: 0 0 15px;
}
@media only screen and (min-width: 480px) {
.hero-wrap__text h1 {
font-size: 1.875rem;
line-height: 2.08375rem;
}
}
@media only screen and (min-width: 768px) {
.hero-wrap__text h1 {
font-size: 2.25rem;
line-height: 2.8125rem;
margin-bottom: 30px;
}
}
.hero-wrap__text p {
display: none;
margin: 0 0 15px;
}
@media only screen and (min-width: 768px) {
.hero-wrap__text p {
display: block;
font-size: 1.25rem;
margin-bottom: 30px;
}
}
.hero-wrap__text a.button {
margin: 0;
}
.embedded-hero-cf7 {
align-items: center;
display: flex;
justify-content: center;
margin: auto;
max-width: 100%;
width: 100%;
}
.embedded-hero-cf7 .wpcf7 {
background-color: var(--color-white);
border-radius: 0.25rem;
box-shadow: 0 6px 8px -4px rgba(var(--color-text), 0.4);
overflow: hidden;
padding: 15px 30px 30px;
position: relative;
width: 100%;
}
@media only screen and (min-width: 640px) {
.embedded-hero-cf7.form-width-fluid {
max-width: 100%;
}
.embedded-hero-cf7.form-width-md, .embedded-hero-cf7.form-width-sm, .embedded-hero-cf7.form-width-xs {
max-width: 80%;
}
}
@media only screen and (min-width: 1200px) {
.embedded-hero-cf7.form-width-fluid {
max-width: 100%;
}
.embedded-hero-cf7.form-width-md {
max-width: 80%;
}
.embedded-hero-cf7.form-width-sm {
max-width: 60%;
}
.embedded-hero-cf7.form-width-xs {
max-width: 40%;
}
}
.custom-hero {
background-color: var(--color-text-lighter);
display: flex;
position: relative;
}
.custom-hero.full-height {
min-height: 100vh;
}
.custom-hero.col-grey {
background-color: var(--color-text-lighter);
}
.custom-hero.col-blue {
background-color: var(--color-main);
}
.custom-hero.flip-sides .custom-hero__teaser {
order: 2;
text-align: center;
}
@media only screen and (min-width: 1000px) {
.custom-hero.flip-sides .custom-hero__teaser {
align-items: flex-start;
text-align: left;
}
}
.custom-hero.flip-sides .custom-hero__html {
order: 1;
}
@media only screen and (min-width: 1000px) {
.custom-hero.flip-sides .custom-hero__html {
margin-left: 0;
margin-right: 30px;
}
}
.custom-hero__image-wrap {
background-color: var(--color-text-lighter);
display: block;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.custom-hero__image-wrap::before {
content: "";
padding-top: 100%;
}
.custom-hero__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
filter: blur(15px);
height: auto;
opacity: 0.667;
transform: scale(1.125);
width: 100%;
}
.custom-hero__image.no-blur {
filter: none;
opacity: 1;
transform: none;
}
@media only screen and (min-width: 1000px) {
.custom-hero__image {
filter: blur(0px);
opacity: 1;
transform: scale(1);
}
}
.custom-hero__image img {
display: block;
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 0;
}
.custom-hero__image .image-credit {
bottom: 0;
transform: none;
}
.custom-hero__inner {
align-items: center;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
margin: auto;
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
}
.custom-hero__inner > div {
width: 100%;
}
@media only screen and (min-width: 1000px) {
.custom-hero__inner {
flex-flow: row nowrap;
padding-bottom: 30px;
padding-top: 30px;
}
}
.custom-hero__teaser {
display: block;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
}
@media only screen and (min-width: 1000px) {
.custom-hero__teaser {
align-items: flex-end;
display: flex;
flex: 0 1 40%;
flex-flow: column nowrap;
justify-content: center;
height: 100%;
text-align: right;
}
}
.custom-hero__teaser.is-light {
color: var(--color-text-lighter);
}
.custom-hero__teaser h1 {
font-size: 22.5px;
font-size: 1.5rem;
line-height: 23.437px;
line-height: 1.5625rem;
margin: 0 0 15px;
}
@media only screen and (min-width: 480px) {
.custom-hero__teaser h1 {
font-size: 1.875rem;
line-height: 2.08375rem;
}
}
@media only screen and (min-width: 1000px) {
.custom-hero__teaser h1 {
font-size: 2.25rem;
line-height: 2.8125rem;
margin-bottom: 30px;
}
}
.custom-hero__teaser p {
display: none;
margin: 0 0 15px;
}
@media only screen and (min-width: 1000px) {
.custom-hero__teaser p {
display: block;
font-size: 1.25rem;
margin-bottom: 30px;
}
}
.custom-hero__teaser a.button {
margin: 0;
}
.custom-hero__html {
flex: 1 0 100%;
}
@media only screen and (min-width: 1000px) {
.custom-hero__html {
flex: 1 0 calc(60% - 30px);
margin-left: 30px;
}
}
.socket-posts {
margin-bottom: 45px;
}
@media only screen and (min-width: 768px) {
.socket-posts {
margin-bottom: 90px;
}
}
.socket-posts .columns {
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) {
.socket-posts .columns {
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 999px) {
.socket-posts .columns article.image-preview-post:nth-child(3) {
display: none;
height: 0;
visibility: hidden;
}
}
.socket-posts__title {
font-size: 25.005px;
font-size: 1.667rem;
margin-bottom: -30px;
}
.site-footer {
border-top: 3px solid var(--color-text-lighter);
font-size: 13.125px;
font-size: 0.875rem;
padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.site-footer {
padding-top: 60px;
}
}
.site-footer h3,
.site-footer .widget-title {
color: var(--color-text-light);
font-family: "roboto-b", sans-serif;
font-size: 13.125px;
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
}
.site-footer p,
.site-footer li,
.site-footer a {
color: var(--color-text-light);
}
.site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer ul ul {
margin-left: 9.96px;
margin-top: 4.98px;
}
.site-footer ul ul li:last-child {
padding-bottom: 0;
}
.site-footer ul li {
padding: 4.98px 0;
}
.site-footer ul a {
text-decoration: none;
}
.site-footer ul a:hover {
color: var(--color-main);
}
@media only screen and (max-width: 999px) {
.footer-widgets.columns {
display: flex;
flex-wrap: wrap;
}
.footer-widgets .column {
padding-bottom: 0;
width: 50%;
}
}
.foot-banner-widget {
width: 100%;
}
@media only screen and (max-width: 999px) {
.foot-banner-widget.columns {
display: flex;
flex-wrap: wrap;
}
}
.site-info {
text-align: center;
width: 100%;
}
.provenexpert-wrap {
text-align: center;
}
.provenexpert-wrap #pe_rating {
color: var(--color-text-light);
}
.provenexpert-wrap #pe_rating #pe_stars > span::before {
color: var(--color-text-light);
}
.provenexpert-wrap #pe_rating.pe_g.pe_l > span > span {
top: 2px;
}
.posts-pagination {
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-top: 30px;
width: 100%;
}
.posts-pagination ul {
list-style: none;
}
.posts-pagination li {
border-top: 3px solid transparent;
display: inline-flex;
margin: 0;
padding: 7.5px 9.96px 0;
transition: all 0.125s 0s ease-in;
}
@media only screen and (min-width: 1000px) {
.posts-pagination li {
padding: 7.5px 15px 0;
}
}
.posts-pagination li:hover {
border-top-color: var(--color-main);
}
.posts-pagination li.pagination-fill:hover {
border-top-color: transparent;
}
.posts-pagination li.active a {
color: var(--color-main);
}
.posts-pagination a {
color: var(--color-text);
text-decoration: none;
}
.breadcrumbs {
margin-top: 30px;
}
.breadcrumbs .breadcrumbs-list {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs .breadcrumbs-list li,
.breadcrumbs .breadcrumbs-list a {
color: var(--color-light);
font-size: 13.125px;
font-size: 0.875rem;
}
.breadcrumbs .separator {
margin-left: 7.5px;
margin-right: 7.5px;
}
.entry-header .post-meta {
color: var(--color-text-light);
font-size: 13.125px;
font-size: 0.875rem;
margin-bottom: 30px;
}
.entry-header .post-meta a {
color: var(--color-text-light);
}
.entry-header .post-meta > * {
margin-right: 4px;
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.post-thumbnail {
margin: 0;
}
.post-thumbnail.no-image {
background-color: rgba(var(--color-text-light-rgb), 0.2);
}
.post-thumbnail.ratio-16-9 {
margin: 0;
overflow: hidden;
width: 100%;
}
.post-thumbnail.ratio-16-9::before {
content: "";
display: block;
padding-top: 56.25%;
position: relative;
}
.post-thumbnail.ratio-16-9 > img {
height: auto;
margin-bottom: 0;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateY(-50%);
width: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content iframe,
.wp-block-group,
.wp-block-quote,
.wp-block-image,
.wp-block-media-text,
.wp-block-button,
.wp-block-buttons,
.wp-block-separator,
.wp-block-list,
.block-cta-banner,
.block-cta-banner-short,
.block-embed-video-wrap,
.block-staff,
.block-posts,
.block-faqs,
.block-patch-banner {
margin: 0 0 45px;
}
@media only screen and (min-width: 768px) {
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content iframe,
.wp-block-group,
.wp-block-quote,
.wp-block-image,
.wp-block-media-text,
.wp-block-button,
.wp-block-buttons,
.wp-block-separator,
.wp-block-list,
.block-cta-banner,
.block-cta-banner-short,
.block-embed-video-wrap,
.block-staff,
.block-posts,
.block-faqs,
.block-patch-banner {
margin-bottom: 90px;
}
}
.wp-block-group .wp-block-quote,
.wp-block-group .wp-block-image,
.wp-block-group .wp-block-media-text,
.wp-block-group .wp-block-button,
.wp-block-group .wp-block-buttons,
.wp-block-group .wp-block-separator,
.wp-block-group .wp-block-list,
.wp-block-group .block-cta-banner,
.wp-block-group .block-embed-video-wrap,
.wp-block-group .block-staff,
.wp-block-group .block-posts,
.wp-block-group .block-faqs,
.wp-block-group .block-patch-banner,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4,
.wp-block-group p,
.wp-block-group ul,
.wp-block-group ol {
margin: 0 0 15px;
}
@media only screen and (min-width: 768px) {
.wp-block-group .wp-block-quote,
.wp-block-group .wp-block-image,
.wp-block-group .wp-block-media-text,
.wp-block-group .wp-block-button,
.wp-block-group .wp-block-buttons,
.wp-block-group .wp-block-separator,
.wp-block-group .wp-block-list,
.wp-block-group .block-cta-banner,
.wp-block-group .block-embed-video-wrap,
.wp-block-group .block-staff,
.wp-block-group .block-posts,
.wp-block-group .block-faqs,
.wp-block-group .block-patch-banner,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4,
.wp-block-group p,
.wp-block-group ul,
.wp-block-group ol {
margin-bottom: 30px;
}
}
.wp-block-group,
.wp-block-gallery,
.block-patch-banner {
position: relative;
}
.wp-block-group.alignwide,
.wp-block-gallery.alignwide,
.block-patch-banner.alignwide {
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.wp-block-group.alignwide,
.wp-block-gallery.alignwide,
.block-patch-banner.alignwide {
margin-left: calc(-25% - 30px * 0.5);
margin-right: calc(-25% - 30px * 0.5);
}
}
.wp-block-group.is-style-carousel {
padding-top: 30px;
}
.wp-block-group.is-style-carousel .slick-slide > div {
display: flex;
}
.wp-block-group.is-style-carousel blockquote {
margin-bottom: 0;
}
.wp-block-group .wp-block-group__inner-container > *:nth-last-child(1) {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.wp-block-group .wp-block-quote {
margin-left: 0;
margin-right: 0;
}
}
figure {
position: relative;
}
.image-credit {
transition: opacity 0.125s 0s ease-in;
background-color: rgba(var(--color-text-lighter-rgb), 0.8);
color: var(--color-text-light);
font-size: 9px;
font-size: 0.6rem;
line-height: 1;
opacity: 0.5;
padding: 0.3em 0.4em 0.35em;
position: absolute;
right: 0;
transform: translateY(-100%);
z-index: 4;
}
.hero-wrap__image img:hover .image-credit,
.blocks-gallery-item img:hover .image-credit,
.blocks-gallery-item a:hover .image-credit,
.wp-block-image img:hover .image-credit,
.wp-block-image a:hover .image-credit {
opacity: 1;
}
.wp-block-media-text__media:hover .image-credit {
opacity: 1;
}
a.more-articles {
color: var(--color-main);
display: block;
font-family: "roboto-b", sans-serif;
font-weight: normal;
margin-top: 30px;
text-decoration: none;
text-transform: uppercase;
transition: color 0.125s 0s ease-in;
}
a.more-articles:hover {
color: var(--color-secondary);
}
.wp-block-media-text {
grid-auto-columns: 1fr;
grid-auto-flow: column;
grid-gap: 0;
grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
.wp-block-media-text {
margin-left: calc(-25% - 30px * 0.5);
margin-right: calc(-25% - 30px * 0.5);
}
}
@media only screen and (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-gap: 0;
}
.wp-block-media-text.is-stacked-on-mobile.is-image-fill .wp-block-media-text__content,
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding: 30px;
}
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
justify-self: flex-end;
padding: 30px 30px 30px 0;
}
@media only screen and (min-width: 1000px) {
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 60px;
}
}
.wp-block-media-text .wp-block-media-text__content {
padding: 30px;
}
@media only screen and (min-width: 1000px) {
.wp-block-media-text .wp-block-media-text__content {
padding: 60px;
}
}
.wp-block-media-text .wp-block-media-text__content > *:nth-last-child(1) {
margin-bottom: 0;
}
.wp-block-media-text .wp-block-media-text__content h2 {
line-height: 31.256px;
line-height: 2.08375rem;
}
.wp-block-media-text.is-image-fill.has-media-on-the-right .wp-block-media-text__content {
justify-self: flex-end;
padding: 120px 30px 120px 0;
}
@media only screen and (min-width: 1000px) {
.wp-block-media-text.is-image-fill.has-media-on-the-right .wp-block-media-text__content {
padding: 180px 60px;
}
}
.wp-block-media-text.is-image-fill .wp-block-media-text__content {
padding: 120px 30px;
}
@media only screen and (min-width: 1000px) {
.wp-block-media-text.is-image-fill .wp-block-media-text__content {
padding: 180px 60px;
}
}
.wp-block-media-text.alignfull {
margin-left: -30px;
margin-right: 0;
width: 100vw;
}
@media only screen and (min-width: 768px) {
.wp-block-media-text.alignfull {
grid-template-columns: auto calc(50% - 30px * 1);
margin-left: calc(-1 * (100vw - (768px * 0.667 - 30px * 2)) * 0.5);
}
.wp-block-media-text.alignfull.has-media-on-the-right {
grid-template-columns: calc(50% - 30px * 1) auto;
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
width: calc(768px * 0.5 - 30px * 1 - 30px);
}
}
@media only screen and (min-width: 1000px) {
.wp-block-media-text.alignfull {
grid-template-columns: auto calc(50% - 30px * 2);
margin-left: calc(-1 * (100vw - (1000px * 0.667 - 30px * 2)) * 0.5);
}
.wp-block-media-text.alignfull.has-media-on-the-right {
grid-template-columns: calc(50% - 30px * 2) auto;
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
width: calc(1000px * 0.5 - 30px * 2 - 30px);
}
}
@media only screen and (min-width: 1200px) {
.wp-block-media-text.alignfull {
grid-template-columns: auto calc(50% - 30px * 3);
margin-left: calc(-1 * (100vw - (1200px * 0.667 - 30px * 2)) * 0.5);
}
.wp-block-media-text.alignfull.has-media-on-the-right {
grid-template-columns: calc(50% - 30px * 3) auto;
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
width: calc(1200px * 0.5 - 30px * 3 - 30px);
}
}
@media only screen and (min-width: 1440px) {
.wp-block-media-text.alignfull {
grid-template-columns: auto calc(50% - 30px * 4);
margin-left: calc(-1 * (100vw - (1440px * 0.667 - 30px * 2)) * 0.5);
}
.wp-block-media-text.alignfull.has-media-on-the-right {
grid-template-columns: calc(50% - 30px * 4) auto;
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
width: calc(1440px * 0.5 - 30px * 4 - 30px);
}
}
@media only screen and (max-width: 767px) {
.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
padding-left: 30px;
}
}
@media only screen and (max-width: 767px) {
.wp-block-media-text.alignfull .wp-block-media-text__content {
padding-right: 60px;
}
}
ul {
list-style: none;
}
.wp-block-list {
position: relative;
}
.wp-block-list ul {
list-style: none;
margin: 0;
padding: 0 0 0 calc(30px * 2.25);
}
.wp-block-list ul li {
margin-top: 15px;
position: relative;
}
.wp-block-list ul li:first-child {
margin-top: 0;
}
.wp-block-list ul li::before {
background-color: var(--color-text);
content: "";
display: inline-block;
height: 2px;
left: -45px;
position: absolute;
top: calc(1.6rem / 2.125);
width: 22.5px;
}
.wp-block-list ol {
counter-reset: counter;
list-style: none;
}
.wp-block-list ol li {
counter-increment: counter;
position: relative;
}
.wp-block-list ol li::before {
content: counter(counter) ". ";
font-family: var(--font-title), var(--font-fallback);
font-size: 13.125px;
font-size: 0.875rem;
left: -37.5px;
position: absolute;
top: 1px;
}
.wp-block-list ol.is-style-checkmarks li::before, .wp-block-list ol.is-style-checkmarks li::after,
.wp-block-list ul.is-style-checkmarks li::before,
.wp-block-list ul.is-style-checkmarks li::after {
background-color: var(--color-text);
content: "";
display: inline-block;
height: 2px;
position: absolute;
top: calc(1.6rem / 2.125);
transform: rotate(50deg);
}
.wp-block-list ol.is-style-checkmarks li::before,
.wp-block-list ul.is-style-checkmarks li::before {
border-radius: 0 2px 2px 0;
left: -43.2px;
transform: rotate(40deg);
top: calc(1.6rem / 1.7);
width: 9px;
}
.wp-block-list ol.is-style-checkmarks li::after,
.wp-block-list ul.is-style-checkmarks li::after {
border-radius: 2px 0 0 2px;
left: -40.02px;
transform: rotate(-55deg);
top: calc(1.6rem / 2.55);
width: 20.01px;
}
.wp-block-list ol.is-green li::before, .wp-block-list ol.is-green li::after,
.wp-block-list ul.is-green li::before,
.wp-block-list ul.is-green li::after {
background-color: var(--color-green);
content: "";
}
figure figcaption {
font-size: 13.125px;
font-size: 0.875rem;
text-align: center;
}
.wp-block-image a {
display: block;
}
@media only screen and (min-width: 768px) {
.wp-block-image .image-credit {
right: -30px;
}
}
@media only screen and (min-width: 768px) {
.wp-block-image img {
margin-left: -30px;
margin-right: -30px;
max-width: calc(100% + 30px * 2);
}
}
.wp-block-image.is-style-rounded img {
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
margin: auto;
max-width: 100%;
}
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image),
.wp-block-gallery .wp-block-image {
margin-top: auto;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img,
.wp-block-gallery .wp-block-image img {
margin-left: auto;
margin-right: auto;
}
.wp-block-gallery:not(.is-style-brand-roll) img, .wp-block-gallery:not(.is-style-brand-roll-maxsized) img, .wp-block-gallery.is-cropped img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.wp-block-gallery.is-style-brand-roll.is-cropped img, .wp-block-gallery.is-style-brand-roll-maxsized.is-cropped img {
-o-object-fit: unset;
object-fit: unset;
}
.wp-block-gallery.is-style-brand-roll .blocks-gallery-grid, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-grid {
justify-content: center;
width: 100%;
}
@media only screen and (max-width: 999px) {
.wp-block-gallery.is-style-brand-roll .blocks-gallery-grid figure, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-grid figure {
text-align: center;
}
}
.wp-block-gallery.is-style-brand-roll .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-item {
align-self: center;
flex-grow: 0;
margin: 15px;
}
@media only screen and (max-width: 1199px) {
.wp-block-gallery.is-style-brand-roll .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-item {
max-width: 10rem;
}
}
.wp-block-gallery.is-style-brand-roll .blocks-gallery-item figure, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-item figure {
justify-content: center;
min-height: unset;
}
.wp-block-gallery.is-style-brand-roll .blocks-gallery-item figcaption, .wp-block-gallery.is-style-brand-roll-maxsized .blocks-gallery-item figcaption {
display: none;
}
.wp-block-gallery.is-style-brand-roll a,
.wp-block-gallery.is-style-brand-roll img, .wp-block-gallery.is-style-brand-roll-maxsized a,
.wp-block-gallery.is-style-brand-roll-maxsized img {
display: block;
height: 100%;
flex: 1;
max-width: 100%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.wp-block-gallery.is-style-brand-roll a,
.wp-block-gallery.is-style-brand-roll img, .wp-block-gallery.is-style-brand-roll-maxsized a,
.wp-block-gallery.is-style-brand-roll-maxsized img {
min-height: 40px;
max-width: 200px;
}
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-1 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-1 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-2 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-2 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-3 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-3 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-4 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-4 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-5 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-5 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-6 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-6 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-7 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-7 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-brand-roll-maxsized.columns-8 a,
.wp-block-gallery.is-style-brand-roll-maxsized.columns-8 img {
flex-grow: 0;
height: auto;
max-height: 75px;
max-height: 5rem;
max-width: 150px;
max-width: 10rem;
width: auto;
}
.wp-block-gallery.is-style-bagdes {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.wp-block-gallery.is-style-bagdes img {
max-height: 10em;
}
.wp-block-gallery .blocks-gallery-grid {
margin-bottom: 0;
}
.wp-block-gallery .blocks-gallery-item {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
margin: 0 0 30px;
width: 100%;
}
@media only screen and (min-width: 400px) {
.wp-block-gallery .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px) * 0.5);
}
}
.wp-block-gallery .blocks-gallery-item::before {
display: none;
}
.wp-block-gallery .blocks-gallery-item:nth-child(2n), .wp-block-gallery .blocks-gallery-item:last-of-type {
margin-right: 0;
}
.wp-block-gallery .blocks-gallery-item figure {
align-items: flex-end;
display: flex;
height: 100%;
justify-content: flex-start;
margin: 0;
min-height: 200px;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-child(n) {
margin-right: 30px;
width: calc((100% - 30px) * 0.5);
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:nth-child(2n), .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item:last-of-type {
margin-right: 0;
}
}
.wp-block-gallery .image-credit {
right: 0;
top: 0;
transform: translateY(0%);
}
.blocks-gallery-caption {
margin-bottom: 30px;
text-align: center;
width: 100%;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background-image: linear-gradient(0deg, rgba(var(--color-text), 0.95), rgba(var(--color-text), 0.4) 60%, rgba(var(--color-text), 0));
background-blend-mode: hard-light;
padding-top: 90px;
}
@media only screen and (min-width: 1000px) {
.wp-block-gallery.columns-1 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (1 - 1)) / 1);
}
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-2 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (2 - 1)) / 2);
}
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-3 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (3 - 1)) / 3);
}
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-4 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (4 - 1)) / 4);
}
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-5 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (5 - 1)) / 5);
}
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-6 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (6 - 1)) / 6);
}
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-7 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (7 - 1)) / 7);
}
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.columns-8 .blocks-gallery-item {
margin: 0 30px 30px 0;
width: calc((100% - 30px * (8 - 1)) / 8);
}
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-1 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-1 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (1 - 1)) / 1);
}
.wp-block-gallery.is-style-brand-roll.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.is-style-brand-roll.columns-1 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-1 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-2 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-2 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (2 - 1)) / 2);
}
.wp-block-gallery.is-style-brand-roll.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.is-style-brand-roll.columns-2 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-2 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-3 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-3 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (3 - 1)) / 3);
}
.wp-block-gallery.is-style-brand-roll.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.is-style-brand-roll.columns-3 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-3 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-4 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-4 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (4 - 1)) / 4);
}
.wp-block-gallery.is-style-brand-roll.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.is-style-brand-roll.columns-4 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-4 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-5 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-5 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (5 - 1)) / 5);
}
.wp-block-gallery.is-style-brand-roll.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.is-style-brand-roll.columns-5 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-5 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-6 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-6 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (6 - 1)) / 6);
}
.wp-block-gallery.is-style-brand-roll.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.is-style-brand-roll.columns-6 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-6 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-7 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-7 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (7 - 1)) / 7);
}
.wp-block-gallery.is-style-brand-roll.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.is-style-brand-roll.columns-7 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-7 .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.is-style-brand-roll.columns-8 .blocks-gallery-item, .wp-block-gallery.is-style-brand-roll-maxsized.columns-8 .blocks-gallery-item {
align-self: center;
margin: 0;
padding: 30px 30px 0;
width: calc((100% - 30px * 2 * (8 - 1)) / 8);
}
.wp-block-gallery.is-style-brand-roll.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.is-style-brand-roll.columns-8 .blocks-gallery-item:last-child, .wp-block-gallery.is-style-brand-roll-maxsized.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.is-style-brand-roll-maxsized.columns-8 .blocks-gallery-item:last-child {
margin-right: 0;
}
}
.wp-block-group .wp-block-gallery.is-style-brand-roll li.blocks-gallery-item, .wp-block-group .wp-block-gallery.is-style-brand-roll-maxsized li.blocks-gallery-item {
margin-bottom: 30px;
}
.wp-block-columns {
margin-bottom: 0;
}
@media only screen and (min-width: 782px) {
.wp-block-columns {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1200px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 782px) {
.wp-block-columns.is-style-vertical-centered {
align-items: center !important;
}
}
.wp-block-columns .wp-block-column {
flex-basis: 100%;
}
@media (min-width: 600px) and (max-width: 1199px) {
.wp-block-columns .wp-block-column:not(:only-child) {
flex-basis: 100% !important;
flex-grow: 1;
}
.wp-block-columns .wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: calc(50% - 30px);
}
.wp-block-separator {
background-color: var(--color-text-lighter);
border: 0;
height: 3px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 120px;
width: 8rem;
}
.wp-block-separator.is-style-wide {
width: 100%;
}
.wp-block-separator.is-style-dots {
color: rgba(var(--color-text-light), 0.4);
width: unset;
}
.wp-block-button a,
.wp-block-buttons a {
transition: all 0.125s 0s ease-in;
background-color: var(--color-main);
border-radius: 0.25rem;
color: rgba(255, 255, 255, 0.96);
}
.wp-block-button a:hover,
.wp-block-buttons a:hover {
background-color: rgba(var(--color-main-rgb), 0.94);
}
.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-buttons.is-style-outline a.wp-block-button__link {
background: transparent;
border-color: var(--color-main);
color: var(--color-main);
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover,
.wp-block-buttons.is-style-outline a.wp-block-button__link:hover {
border-color: rgba(var(--color-main-rgb), 0.94);
color: rgba(var(--color-main-rgb), 0.94);
}
.wp-block-button .no-border-radius,
.wp-block-buttons .no-border-radius {
border-radius: 0.25rem !important;
}
.wp-block-quote {
background-color: var(--color-text-lighter);
overflow: hidden;
position: relative;
z-index: 0;
}
@media only screen and (min-width: 768px) {
.wp-block-quote {
margin-left: calc(-25% - 30px * 0.5);
margin-right: calc(-25% - 30px * 0.5);
}
}
.wp-block-quote::before {
content: "“";
color: var(--color-bg);
display: block;
font-family: "roboto-b", Georgia, serif;
font-size: 150px;
font-size: 10rem;
left: 30px;
position: absolute;
top: -40.02px;
transform: rotate(180deg);
z-index: 100;
}
@media only screen and (min-width: 768px) {
.wp-block-quote::before {
font-size: 18rem;
left: 60px;
top: -75px;
}
}
.wp-block-quote > *:nth-last-child(1) {
margin-bottom: 0;
}
.wp-block-quote p {
font-family: var(--font-title-alt), var(--font-fallback);
font-size: 24px;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 30px;
line-height: 2rem;
margin-bottom: 15px;
padding: 60px 30px 30px;
text-align: center;
}
@media only screen and (min-width: 480px) {
.wp-block-quote p {
padding: 60px;
}
}
@media only screen and (min-width: 768px) {
.wp-block-quote p {
font-size: 2rem;
line-height: 2.6rem;
padding: 90px 16.66667%;
}
}
.wp-block-quote cite {
color: var(--color-text-light);
display: block;
font-family: var(--font-title), var(--font-fallback);
font-size: 15px;
font-size: 1rem;
font-style: normal;
margin-top: -22.5px;
padding-bottom: 30px;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 480px) {
.wp-block-quote cite {
margin-top: -45px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.wp-block-quote cite {
margin-top: -75px;
padding-bottom: 60px;
}
}
.wp-block-quote cite::before {
background-color: rgba(var(--color-text-light-rgb), 0.4);
content: "";
display: block;
height: 3px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 120px;
width: 8rem;
}
.block-cta-banner__text,
.block-cta-banner-short__text {
padding: 30px;
}
.block-cta-banner__text.no-link,
.block-cta-banner-short__text.no-link {
margin: auto;
text-align: center;
}
.block-cta-banner__text h3,
.block-cta-banner__text p,
.block-cta-banner-short__text h3,
.block-cta-banner-short__text p {
margin: 0;
}
.block-cta-banner__text h3,
.block-cta-banner-short__text h3 {
font-family: var(--font-title), var(--font-fallback);
font-size: 22.5px;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.3;
}
.block-cta-banner__text p,
.block-cta-banner-short__text p {
margin-top: 15px;
}
.block-cta-banner__link a,
.block-cta-banner-short__link a {
z-index: 4;
}
.block-cta-banner-short {
background-color: var(--color-main);
color: var(--color-text-lighter);
}
.block-cta-banner-short__inner {
text-align: center;
}
@media only screen and (min-width: 1200px) {
.block-cta-banner-short__inner {
align-items: stretch;
align-content: stretch;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
position: relative;
text-align: left;
}
}
.block-cta-banner-short__text {
flex: 2 1 0;
padding-bottom: 0;
}
@media only screen and (min-width: 1200px) {
.block-cta-banner-short__text {
padding-bottom: 30px;
}
}
.block-cta-banner-short__link {
align-items: center;
display: flex;
flex: 1 1 0;
padding: 30px;
}
.block-cta-banner-short__link > a {
display: block;
text-align: center;
width: 100%;
}
.block-cta-banner {
position: relative;
}
.block-cta-banner .column {
padding-bottom: 0;
padding-top: 0;
}
.block-cta-banner__inner {
text-align: center;
}
@media only screen and (min-width: 768px) {
.block-cta-banner__inner {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: stretch;
text-align: left;
}
}
.block-cta-banner__text {
background-color: var(--color-text-lighter);
width: 100%;
}
.block-cta-banner__link {
align-items: center;
background-color: var(--color-main);
display: inline-flex;
height: 100%;
justify-content: center;
overflow: hidden;
padding: 30px;
width: 100%;
}
.block-cta-banner__link.has-background {
background-position: center;
background-size: cover;
position: relative;
}
.block-cta-banner__link.has-background::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--color-text-rgb), 0.125);
content: "";
mix-blend-mode: multiply;
}
.site-content .block-staff {
margin-left: -15px;
margin-right: -15px;
margin-top: -30px;
}
@media only screen and (min-width: 768px) {
.site-content .block-staff {
margin-left: calc(-25% - 30px);
margin-right: calc(-25% - 30px);
}
}
.site-content .block-staff__inner {
align-items: stretch;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.site-content .block-staff__inner::after {
content: "";
flex: auto;
}
.site-content .block-staff__item {
background-color: var(--color-text-lighter);
margin: 30px 15px 0;
padding: 15px;
width: 100%;
}
@media only screen and (min-width: 560px) {
.site-content .block-staff__item {
max-width: calc(50% - 30px);
}
}
@media only screen and (min-width: 768px) {
.site-content .block-staff__item {
max-width: calc(50% - 30px);
padding: 30px;
}
}
@media only screen and (min-width: 1200px) {
.site-content .block-staff__item {
max-width: calc(33.332% - 30px);
}
}
.site-content .block-staff__meta {
align-items: center;
display: flex;
flex-flow: row nowrap;
margin-bottom: 15px;
}
.site-content .block-staff__avatar {
border-radius: 2rem;
margin-right: 15px;
display: block;
height: 60px;
height: 4rem;
width: 60px;
width: 4rem;
}
.site-content .block-staff__avatar.no-image {
background-color: rgba(var(--color-text-light-rgb), 0.4);
}
.site-content .block-staff__meta-name h3 {
font-family: var(--font-title), var(--font-fallback);
font-size: 18.75px;
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
margin-top: 5px;
}
.site-content .block-staff__meta-name p {
font-size: 13.125px;
font-size: 0.875rem;
text-transform: uppercase;
}
.site-content .block-staff__meta-name > * {
margin-bottom: 0;
}
.site-content .block-staff__desc {
margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
.block-posts__inner.post-count-1 {
display: flex;
}
.block-posts__inner.post-count-1 .block-posts__post-item {
flex-flow: row nowrap;
}
.block-posts__inner.post-count-1 .block-posts__post-item__text {
flex-basis: 100%;
}
}
@media only screen and (min-width: 640px) and (min-width: 768px) {
.block-posts__inner.post-count-1 .block-posts__post-item {
flex-flow: column wrap;
}
.block-posts__inner.post-count-1 .block-posts__post-item__text {
flex-basis: auto;
}
}
@media only screen and (min-width: 640px) and (min-width: 1000px) {
.block-posts__inner.post-count-1 .block-posts__post-item {
flex-flow: row nowrap;
}
.block-posts__inner.post-count-1 .block-posts__post-item__text {
flex-basis: 100%;
}
}
@media only screen and (min-width: 640px) {
.block-posts__inner.post-count-3 {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.block-posts__inner.post-count-3 .index-0 {
grid-column: 1;
grid-row: 1/span2;
margin-bottom: 30px;
}
.block-posts__inner.post-count-5 {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-auto-rows: 1fr;
}
.block-posts__inner.post-count-5 .block-posts__post-item {
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
}
.block-posts__inner.post-count-5 .index-0 {
grid-column: 1;
grid-row: 1/span 2;
}
}
@media only screen and (min-width: 768px) {
.block-posts .post-count-3,
.block-posts .post-count-5 {
margin-left: calc(-25% - 30px * 0.5);
margin-right: calc(-25% - 30px * 0.5);
}
}
@media only screen and (min-width: 1200px) {
.block-posts .post-count-3,
.block-posts .post-count-5 {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.block-posts__post-item {
border: 3px solid var(--color-text-lighter);
display: flex;
flex-flow: column nowrap;
width: 100%;
}
@media only screen and (max-width: 639px) {
.block-posts__post-item {
margin-bottom: 30px;
}
.block-posts__post-item:last-child {
margin-bottom: 0;
}
}
.block-posts__post-item__text {
display: flex;
flex-flow: column wrap;
flex-grow: 1;
justify-content: space-between;
}
.block-posts__post-item h3,
.block-posts__post-item a,
.block-posts__post-item p {
margin: 0;
padding: 30px;
width: 100%;
}
.block-posts__post-item h3 {
font-family: var(--font-title), var(--font-fallback);
font-size: 18.75px;
font-size: 1.25rem;
}
@media only screen and (max-width: 639px) {
.block-posts__post-item h3,
.block-posts__post-item p {
padding-bottom: 0;
}
}
.block-posts__post-item a,
.block-posts__post-item p {
padding-top: 0;
}
.block-posts__post-item a {
color: var(--color-main);
display: block;
font-family: "roboto-b", sans-serif;
text-decoration: none;
transition: color 0.125s 0s ease-in;
}
.block-posts__post-item a:hover {
color: var(--color-secondary);
}
.block-posts__post-item__thumbnail {
margin: 0;
overflow: hidden;
width: 100%;
}
.block-posts__post-item__thumbnail::before {
content: "";
display: block;
padding-top: 40%;
position: relative;
}
@media only screen and (min-width: 640px) {
.block-posts__post-item__thumbnail::before {
padding-top: 56.25%;
}
}
@media only screen and (min-width: 1200px) {
.block-posts__post-item__thumbnail::before {
padding-top: 60%;
}
}
.block-posts__post-item__thumbnail > img {
height: auto;
margin-bottom: 0;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateY(-50%);
width: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
.block-posts__more-wrap {
display: block;
text-align: center;
width: 100%;
}
h2.block-faqs__title {
margin-bottom: 9.96px;
}
p.block-faqs__subline {
margin-bottom: 60px;
}
.block-patch-banner .block-patch-banner__title {
margin-bottom: 30px;
}
.block-patch-banner .block-patch-banner__title,
.block-patch-banner .block-patch-banner__subline {
text-align: center;
}
.block-patch-banner .block-patch-banner__subline.column {
padding-top: 0;
}
.block-patch-banner .banner-patches {
display: block;
width: 100%;
}
.block-patch-banner .banner-patches.is-greyscaled img {
filter: grayscale(1);
transition: filter, 0.2s, ease-in 0.125s 0s ease-in;
}
.block-patch-banner .banner-patches.is-greyscaled img:hover {
filter: grayscale(0);
}
.block-patch-banner .banner-patches ul {
align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.block-patch-banner .banner-patches li {
flex: 1 1 auto;
min-width: 100px;
margin: 15px;
max-width: 38%;
text-align: center;
}
@media only screen and (min-width: 480px) {
.block-patch-banner .banner-patches li {
min-width: 180px;
max-width: 30%;
}
}
@media only screen and (min-width: 600px) {
.block-patch-banner .banner-patches li {
min-width: 200px;
max-width: 30%;
}
}
@media only screen and (min-width: 640px) {
.block-patch-banner .banner-patches li {
min-width: 160px;
max-width: 25%;
}
}
@media only screen and (min-width: 768px) {
.block-patch-banner .banner-patches li {
min-width: 200px;
max-width: 25%;
}
}
@media only screen and (min-width: 1000px) {
.block-patch-banner .banner-patches li {
min-width: 160px;
max-width: 18%;
}
}
@media only screen and (min-width: 1200px) {
.block-patch-banner .banner-patches li {
min-width: 160px;
max-width: 16%;
}
}
@media only screen and (min-width: 1440px) {
.block-patch-banner .banner-patches li {
min-width: 180px;
max-width: 14%;
}
}
.block-patch-banner .banner-patches a {
display: contents;
}
.block-patch-banner .banner-patches img {
-o-object-fit: contain;
object-fit: contain;
padding: 0 3.75px;
width: 100%;
}
@media only screen and (min-width: 375px) {
.block-patch-banner .banner-patches img {
padding: 0 15px;
}
}
@media only screen and (min-width: 640px) {
.block-patch-banner .banner-patches img {
padding: 0 30px;
}
}
@media only screen and (min-width: tablet-large) {
.block-patch-banner .banner-patches img {
padding: 0 37.5px;
}
}
@media only screen and (min-width: desktop-large) {
.block-patch-banner .banner-patches img {
padding: 0 45px;
}
}
.is-style-modal-content {
align-items: center;
background-color: rgba(var(--color-bg-rgb), 0.8);
display: none;
justify-content: center;
margin: 0;
padding: 60px 15px;
position: fixed;
inset: 0 0 0 0;
visibility: hidden;
z-index: 0;
}
.is-style-modal-content.show {
display: flex;
visibility: visible;
z-index: 1000;
}
.is-style-modal-content .wp-block-group__inner-container {
background-color: var(--color-bg);
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.125);
display: block;
max-height: calc(100vh - 30px * 4);
max-width: 768px;
overflow-y: scroll;
padding: 30px;
position: relative;
width: 90%;
}
.is-style-modal-content button.close-modal {
background: transparent;
border: 0;
display: block;
height: 30px;
height: 2rem;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
right: 30px;
width: 30px;
width: 2rem;
z-index: 1001;
}
.is-style-modal-content button.close-modal:hover {
background: transparent;
box-shadow: none;
}
.is-style-modal-content button.close-modal:hover::before, .is-style-modal-content button.close-modal:hover::after {
background-color: var(--color-main);
}
.is-style-modal-content button.close-modal::before, .is-style-modal-content button.close-modal::after {
background-color: var(--color-text);
content: "";
display: block;
height: 3px;
position: absolute;
inset: 15px 0 0 0;
inset: 1rem 0 0 0;
width: 30px;
width: 2rem;
}
.is-style-modal-content button.close-modal::before {
transform: rotate(45deg);
transform-origin: center;
}
.is-style-modal-content button.close-modal::after {
transform: rotate(-45deg);
transform-origin: center;
}
.is-style-modal-content form p,
.is-style-modal-content form .is-select {
margin-bottom: 15px;
}
.chart-canvas {
display: block;
margin: 0 auto;
max-height: 100%;
max-width: 560px;
width: 100%;
}
.embed-video__wrapper {
display: flex;
margin: 0 -30px;
}
.block-embed-video-wrap {
align-items: center;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid var(--color-text);
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
height: 0;
justify-content: center;
overflow: hidden;
padding-bottom: calc(56.25% - 1px);
padding-top: 0;
position: relative;
width: 100%;
z-index: 1;
}
.block-embed-video-wrap:hover .embed-video-play,
.block-embed-video-wrap:hover .embed-video-replay {
transition: all 0.125s 0s ease-in;
opacity: 0.95;
transform: scale(1);
}
.block-embed-video-wrap:hover .embed-video-play:hover,
.block-embed-video-wrap:hover .embed-video-replay:hover {
transform: scale(1.1);
}
.block-embed-video-wrap iframe {
background-color: transparent;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.embed-video-play {
transition: opacity 0.125s 0s ease-in;
background-color: transparent;
cursor: pointer;
font-size: 0;
height: 144px;
opacity: 0;
position: absolute;
top: calc(50% - 48px * 3 * 0.5);
width: 144px;
z-index: 5;
}
.embed-video-play::before {
border: calc(48px * 3 / 4.5) solid transparent;
border-left-color: var(--color-white);
border-left-width: 59.808px;
border-right: 0;
content: "";
filter: drop-shadow(0px 0px 5px var(--color-text));
display: block;
height: 0;
left: 51.408px;
opacity: 1;
position: absolute;
top: calc(48px * 3 / 4.5);
width: 0;
}
.embed-video-play.video-running::before, .embed-video-play.video-running::after {
background-color: var(--color-bg);
border: 0;
content: "";
display: block;
filter: drop-shadow(0px 0px 5px rgba(var(--color-text-rgb), 0.4));
height: 144px;
opacity: 1;
position: absolute;
top: 72px;
width: 36px;
}
.embed-video-play.video-running::before {
left: calc(48px * 3 / 1.6);
}
.embed-video-play.video-running::after {
right: calc(48px * 3 / 1.6);
}
.embed-video-play:hover {
cursor: pointer;
opacity: 0.9;
}
.embed-video-play.init-play {
opacity: 1;
}
.status-info {
background-color: rgba(var(--color-text-rgb), 0.85);
bottom: 0;
color: var(--color-bg);
font-size: 13.125px;
font-size: 0.875rem;
line-height: 1.2;
margin: 0;
min-height: 60px;
padding: 3.75px;
padding: 0.25rem;
position: absolute;
text-align: center;
width: 100%;
}
.status-info p {
margin: 0;
}
.status-info a {
color: var(--color-bg);
}
@media only screen and (min-width: 1000px) {
.embed-video-play {
height: 288px;
top: calc(50% - 48px * 6 * 0.5);
width: 288px;
}
.embed-video-play::before {
border: calc(48px * 6 / 4) solid transparent;
border-left-color: var(--color-bg);
border-left-width: calc(48px * (6 / 2.5 + 0.25));
border-right: 0;
content: "";
left: calc(48px * (6 / 3.25 + 0.125));
top: calc(48px * 6 / 4);
}
.status-info {
font-size: 0.875rem;
line-height: 1.4;
min-height: auto;
padding: 0.5rem;
}
}
​​.wpcf7 .progress-form h3,
.wpcf7 .progress-form .trx_mscf_step h3 {
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 960px) {
.wpcf7 .progress-form h3,
.wpcf7 .progress-form .trx_mscf_step h3 {
margin: 0 auto 30px;
max-width: 80%;
}
}
.wpcf7 {
overflow: hidden;
position: relative;
}
.wpcf7 .wpcf7-not-valid-tip {
font-size: 13.125px;
font-size: 0.875rem;
margin-top: -12px;
margin-bottom: 15px;
}
.wpcf7 .progress-form input[type=text],
.wpcf7 .progress-form input[type=email],
.wpcf7 .progress-form input[type=url],
.wpcf7 .progress-form input[type=password],
.wpcf7 .progress-form input[type=search],
.wpcf7 .progress-form input[type=number],
.wpcf7 .progress-form input[type=tel],
.wpcf7 .progress-form input[type=range],
.wpcf7 .progress-form input[type=date],
.wpcf7 .progress-form input[type=month],
.wpcf7 .progress-form input[type=week],
.wpcf7 .progress-form input[type=time],
.wpcf7 .progress-form input[type=datetime],
.wpcf7 .progress-form input[type=datetime-local],
.wpcf7 .progress-form input[type=color],
.wpcf7 .progress-form textarea {
margin-bottom: 7.5px;
margin-bottom: 0.5rem;
}
.wpcf7 .progress-form .trx_mscf_progressbar {
display: flex;
flex-flow: row nowrap;
justify-content: center;
margin: 16px auto 20px;
padding-left: 0;
}
.wpcf7 .progress-form .trx_mscf_progressbar li.trx_mscf_line {
font-size: 0;
height: 0;
}
.wpcf7 .progress-form .trx_mscf_progressbar li.trx_mscf_line:after {
background: #e2e2e2;
content: "";
}
.wpcf7 .progress-form .trx_mscf_progressbar li.trx_mscf_line.active {
color: #2c2c2b;
}
.wpcf7 .progress-form .trx_mscf_progressbar li.trx_mscf_line.active:after {
background: #2c2c2b;
}
.wpcf7 .progress-form .trx_mscf_progressbar li:first-child:after {
background: transparent !important;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 15px;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
width: 100%;
}
.wpcf7 .wpcf7-form-control.wpcf7-radio > span {
width: 100%;
}
.wpcf7 .wpcf7-radio label {
cursor: pointer;
display: block;
font-size: 15px;
font-size: 1rem;
width: 100%;
}
.wpcf7 .wpcf7-radio label input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
display: none;
}
.wpcf7 .wpcf7-radio label input[type=radio]:checked ~ * {
background-color: transparent !important;
border-color: var(--color-main);
color: var(--color-main);
display: block;
}
.wpcf7 .wpcf7-radio label .wpcf7-list-item-label {
border: 1px solid var(--color-border);
border-radius: 0.25rem;
color: var(--color-text);
display: block;
padding: 0.75em 0.5em;
text-align: center;
}
.wpcf7 .wpcf7-radio label .wpcf7-list-item-label:hover {
background-color: var(--color-border);
display: block;
}
.wpcf7 .wpcf7-radio .wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7 .next-step {
display: inline-flex;
flex-flow: column wrap;
justify-content: space-between;
margin-top: 1.5em;
position: relative;
width: 100%;
}
.wpcf7 .next-step.first {
justify-content: flex-end;
}
.wpcf7 .next-step > button,
.wpcf7 .wpcf7-form-control.wpcf7-submit {
margin: 0;
width: 100%;
}
.wpcf7 .trx_mscf_prev,
.wpcf7 .next-step .trx_mscf_prev {
background-color: transparent;
box-shadow: none !important;
border: transparent;
color: #a2a2a2;
display: block;
margin: 15px auto 0;
padding: 0;
transform: none !important;
width: auto;
}
.wpcf7 .trx_mscf_prev:hover,
.wpcf7 .next-step .trx_mscf_prev:hover {
background-color: transparent;
color: var(--color-text);
}
.wpcf7 .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-list-item label {
font-family: "roboto", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: normal;
margin: 0;
text-transform: none;
}
.wpcf7 .user-consent .wpcf7-list-item {
margin: 0 0 15px;
}
.wpcf7 .user-consent .wpcf7-list-item label {
font-size: 13.125px;
font-size: 0.875rem;
}
.wpcf7 h3.init-title {
background-color: var(--color-bg);
font-size: 22.5px;
font-size: 1.5rem;
max-width: 100%;
padding-top: 5px;
padding: 0 10%;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.wpcf7 h3.init-title {
margin-top: -33.75px;
}
}
.wpcf7 .banner {
background-color: #009ce6;
color: var(--color-bg);
display: block;
font-size: 13.125px;
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 30px;
margin-top: -30px;
padding: 7.5px;
padding: 0.5rem;
position: relative;
text-align: center;
z-index: 3;
}
@media only screen and (min-width: 768px) {
.wpcf7 .banner {
margin-top: 0;
position: absolute;
top: 35px;
right: -75px;
padding: 0.45rem 3rem 0.375rem 3rem;
transform: rotate(45deg);
transform-origin: top center;
}
}
.wpcf7 .banner ul li {
margin-top: calc(30px / 6);
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
border: 0 !important;
padding: 0;
text-align: center;
}
.wpcf7 form.wpcf7-form .ajax-loader {
display: none;
height: 0;
position: absolute;
}