/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-6xl: 72rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--blur-sm: 8px;
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-primary: #ef7d00;
--color-primary-dark: #d77000;
--color-secondary: #0091d3;
--color-secondary-dark: #0083be;
--color-body: #fbf8f2;
--color-body-dark: #eeecdb;
--color-body-alt: #f9f4eb;
--color-body-light: #fdfcf9;
--color-border: #ebebeb;
--color-border-alt: #dbd5cd;
--color-dark: #272725;
--color-dark-muted: rgba(39, 39, 37, 0.8);
--color-success: #00c950;
--color-error: #f54900;
--font-display: 'Roboto Slab', sans-serif;
--font-body: 'DM Sans', sans-serif;
--font-button: 'DM Sans', sans-serif;
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.block {
display: block;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.w-auto {
width: auto;
}
.items-start {
align-items: flex-start;
}
.text-left {
text-align: left;
}
.text-primary {
color: var(--color-primary);
}
.outline-primary {
outline-color: var(--color-primary);
}
.outline-secondary {
outline-color: var(--color-secondary);
}
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.md\:items-center {
@media (width >= 48rem) {
align-items: center;
}
}
.md\:items-end {
@media (width >= 48rem) {
align-items: flex-end;
}
}
.md\:text-center {
@media (width >= 48rem) {
text-align: center;
}
}
.md\:text-right {
@media (width >= 48rem) {
text-align: right;
}
}
}
main {
width: 100%;
background-color: var(--color-body);
}
body {
background-color: var(--color-white);
}
section {
&.section-bg--body {
background-color: var(--color-body);
color: var(--color-dark);
}
&.section-bg--body-alt {
background-color: var(--color-body-alt);
color: var(--color-dark);
}
&.section-bg--body-dark {
background-color: var(--color-body-dark);
color: var(--color-dark);
}
&.section-bg--white {
background-color: var(--color-white);
color: var(--color-dark);
.card {
border-color: var(--color-border-alt);
background-color: var(--color-body-light);
}
}
&.section-bg--primary {
background-color: var(--color-primary);
color: var(--color-white);
.btn--primary:not(.card .btn--primary) {
background-color: var(--color-white);
color: var(--color-dark);
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
&.section-bg--secondary {
background-color: var(--color-secondary);
color: var(--color-white);
.btn--secondary:not(.card .btn--secondary) {
background-color: var(--color-white);
color: var(--color-dark);
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
}
.otgs-development-site-front-end {
display: none;
}
footer {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
.footer--menu {
padding-block: calc(var(--spacing) * 8);
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 12);
}
.container {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 8);
@media (width >= 40rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (width >= 64rem) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.column {
display: flex;
width: 100%;
flex-direction: column;
gap: calc(var(--spacing) * 8);
ul {
li {
a {
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
}
.logo {
display: flex;
width: fit-content;
img {
max-width: 200px;
flex-shrink: 0;
}
}
.column--inner {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
.column--inner-group {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
}
}
}
}
}
.footer--copyright {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-border);
padding-block: calc(var(--spacing) * 4);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 8);
}
.container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: calc(var(--spacing) * 4);
}
.copyright-text {
flex-shrink: 0;
}
.copyright-text a, .privacy-menu a {
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
}
.btn {
display: flex;
width: max-content;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
padding-inline: calc(var(--spacing) * 6);
padding-block: calc(var(--spacing) * 2);
text-align: center;
font-family: var(--font-button);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:disabled {
cursor: not-allowed;
}
&:disabled {
opacity: 50%;
}
&.btn--primary {
background-color: var(--color-primary);
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color: var(--color-primary-dark);
}
}
}
&.btn--primary-outline {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-primary);
background-color: transparent;
color: var(--color-primary);
&:hover {
@media (hover: hover) {
background-color: var(--color-primary);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
&.btn--secondary {
background-color: var(--color-secondary);
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color: var(--color-secondary-dark);
}
}
}
&.btn--secondary-outline {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-secondary);
background-color: transparent;
color: var(--color-secondary);
&:hover {
@media (hover: hover) {
background-color: var(--color-secondary);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
&.btn--white {
background-color: var(--color-white);
color: var(--color-dark);
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
&.btn--white-outline {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-white);
background-color: transparent;
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color: var(--color-white);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-dark);
}
}
}
&.btn--dark {
background-color: var(--color-dark);
color: var(--color-white);
&:hover {
@media (hover: hover) {
background-color: var(--color-dark-muted);
}
}
}
&.btn--dark-outline {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-dark);
background-color: transparent;
color: var(--color-dark);
&:hover {
@media (hover: hover) {
background-color: var(--color-dark);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
}
}
.btn-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 4);
}
body {
font-family: var(--font-body);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-dark);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display);
}
h1 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@media (width >= 64rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
h2 {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
@media (width >= 64rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
h3 {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
@media (width >= 64rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
h4 {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@media (width >= 64rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
h5 {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@media (width >= 64rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
h6 {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
@media (width >= 64rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
@media (width >= 80rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
p {
max-width: var(--container-2xl);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
a {
text-decoration-line: underline;
}
}
.wysiwyg {
p {
margin-bottom: calc(var(--spacing) * 4);
&:last-of-type {
margin-bottom: calc(var(--spacing) * 0);
}
&:has(+ ul) {
margin-bottom: calc(var(--spacing) * 1);
}
strong {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
&:has(> strong:only-child) {
margin-bottom: calc(var(--spacing) * 1);
> strong {
display: inline-block;
font-family: var(--font-display);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
}
}
ul {
max-width: var(--container-2xl);
list-style-position: inside;
list-style-type: disc;
padding-left: calc(var(--spacing) * 4);
&:has(+ p) {
margin-bottom: calc(var(--spacing) * 4);
}
li {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: calc(var(--spacing) * 2);
}
}
.container {
margin-inline: auto;
max-width: 1400px;
padding-inline: calc(var(--spacing) * 4);
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 12);
}
}
section {
padding-block: calc(var(--spacing) * 16);
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 24);
}
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 30);
}
}
@layer utilities {
.only-mobile {
display: block;
@media (width >= 48rem) {
display: none;
}
}
.only-mobile--flex {
display: flex;
@media (width >= 48rem) {
display: none;
}
}
.only-desktop {
display: none;
@media (width >= 64rem) {
display: block;
}
}
.only-desktop--flex {
display: none;
@media (width >= 64rem) {
display: flex;
}
}
.hide-mobile {
display: none;
@media (width >= 48rem) {
display: block;
}
}
.hide-mobile--flex {
display: none;
@media (width >= 48rem) {
display: flex;
}
}
.hide-desktop {
display: block;
@media (width >= 64rem) {
display: none;
}
}
.hide-desktop--flex {
display: flex;
@media (width >= 64rem) {
display: none;
}
}
}
.gform_wrapper .gform_required_legend {
display: none;
}
.gform_wrapper {
.gform_body {
width: 100%;
}
.gform_fields {
margin: calc(var(--spacing) * 0);
list-style-type: none;
padding: calc(var(--spacing) * 0);
}
.gfield {
margin-bottom: calc(var(--spacing) * 4);
}
.gfield_label {
margin-bottom: calc(var(--spacing) * 2);
display: block;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-dark);
}
input:not([type='submit'], [type='checkbox'], [type='radio']), textarea, select {
width: 100%;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
color: var(--color-dark);
&:focus {
border-color: transparent;
}
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: var(--color-primary);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
}
}
textarea {
min-height: 120px;
resize: vertical;
}
input[type='checkbox'], input[type='radio'] {
margin-right: calc(var(--spacing) * 2);
}
.gchoice {
margin-bottom: calc(var(--spacing) * 2);
display: flex;
align-items: flex-start;
}
.gchoice label {
display: inline-flex;
cursor: pointer;
align-items: center;
}
.ginput_left, .ginput_right {
width: 100%;
}
.ginput_complex span {
width: 100%;
}
.gfield_required {
margin-left: calc(var(--spacing) * 1);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-error);
}
.gform_validation_errors {
margin-bottom: calc(var(--spacing) * 4);
ol {
display: none;
}
}
.gform_submission_error {
margin-bottom: calc(var(--spacing) * 2);
}
.gfield_error {
border-radius: var(--radius-md);
border-left-style: var(--tw-border-style);
border-left-width: 4px;
border-color: var(--color-error);
background-color: color-mix(in srgb, #f54900 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-error) 5%, transparent);
}
padding: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 6);
.gfield_label {
position: relative;
top: calc(var(--spacing) * 6);
}
&.gfield--type-textarea {
.gfield_label {
top: calc(var(--spacing) * 0);
}
}
}
.gfield_error input:not([type='submit'], [type='checkbox'], [type='radio']), .gfield_error textarea, .gfield_error select {
border-color: var(--color-error);
}
.validation_message {
margin-top: calc(var(--spacing) * 1.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-error);
}
.gform_footer {
margin-top: calc(var(--spacing) * 6);
}
}
.gform_wrapper {
input:not([type='submit']), select, textarea {
border-color: var(--color-border) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
input:not([type='submit'], [type='checkbox'], [type='radio']), textarea, select {
border-radius: var(--radius-md) !important;
color: var(--color-dark) !important;
}
label {
color: var(--color-dark) !important;
}
input[type='submit'] {
cursor: pointer !important;
border-radius: var(--radius-xl) !important;
--tw-border-style: none !important;
border-style: none !important;
background-color: var(--color-primary) !important;
padding-inline: calc(var(--spacing) * 6) !important;
padding-block: calc(var(--spacing) * 2) !important;
font-family: var(--font-button) !important;
font-size: var(--text-base) !important;
line-height: var(--tw-leading, var(--text-base--line-height)) !important;
--tw-font-weight: var(--font-weight-normal) !important;
font-weight: var(--font-weight-normal) !important;
color: var(--color-white) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
background-color: var(--color-primary-dark) !important;
}
}
&:disabled {
cursor: not-allowed !important;
}
&:disabled {
opacity: 50% !important;
}
}
.gform_confirmation_message {
display: flex;
align-items: flex-start;
gap: calc(var(--spacing) * 3);
border-radius: var(--radius-md);
border-left-style: var(--tw-border-style);
border-left-width: 4px;
border-color: var(--color-success);
background-color: color-mix(in srgb, #00c950 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-success) 5%, transparent);
}
padding: calc(var(--spacing) * 4);
}
.gform_confirmation_message::before {
margin-top: calc(var(--spacing) * 1);
display: inline-block;
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: '';
flex: 0 0 1.25rem;
background-image: url("data:image/svg+xml;utf8,");
}
}
.recaptcha-text {
margin-top: calc(var(--spacing) * 1);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-dark-muted);
a {
color: var(--color-secondary);
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
}
.page-404 {
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: calc(var(--spacing) * 8);
text-align: center;
}
}
.navbar {
--navbar-height: 80px;
position: relative;
z-index: 50;
display: flex;
height: var(--navbar-height);
width: 100%;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
.container {
display: flex;
align-items: center;
justify-content: space-between;
padding-block: calc(var(--spacing) * 4);
}
.logo {
flex-shrink: 0;
}
.desktop-menu--list {
display: none;
align-items: center;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
}
@media (width >= 64rem) {
display: flex;
}
.desktop-menu--list-item {
position: relative;
a {
font-family: var(--font-display);
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
&.is-current {
color: var(--color-primary);
}
i {
margin-left: calc(var(--spacing) * 0.5);
display: inline;
cursor: pointer;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
&:hover {
.desktop-menu--list-item-children {
display: block;
}
}
.desktop-menu--list-item-children {
position: absolute;
top: 100%;
left: calc(var(--spacing) * 0);
z-index: 50;
margin: calc(var(--spacing) * -1);
display: none;
min-width: fit-content;
padding: calc(var(--spacing) * 1);
padding-top: calc(var(--spacing) * 5);
&:not(.desktop-menu--activities-mega) {
ul {
overflow: hidden;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
white-space: nowrap;
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
li {
a {
display: block;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
}
}
&.desktop-menu--activities-mega {
left: calc(1/2 * 100%);
width: max-content;
max-width: var(--container-6xl);
min-width: max-content;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
.activities-mega-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: calc(var(--spacing) * 8);
row-gap: calc(var(--spacing) * 6);
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
padding: calc(var(--spacing) * 6);
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
.activities-mega-menu--pool {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 2);
.activities-mega-menu--pool-title {
margin-bottom: calc(var(--spacing) * 1);
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-border);
padding-bottom: calc(var(--spacing) * 2);
color: var(--color-dark);
}
.activities-mega-menu--activities {
display: flex;
flex-direction: column;
li {
a {
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
}
}
}
}
}
&:last-child {
.desktop-menu--list-item-children {
right: calc(var(--spacing) * 0);
left: auto;
&.desktop-menu--activities-mega {
right: calc(var(--spacing) * 0);
left: auto;
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
}
}
.mobile-menu {
display: block;
@media (width >= 64rem) {
display: none;
}
.mobile-menu--icon {
cursor: pointer;
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
color: var(--color-dark);
.icon-bars {
display: block;
}
.icon-times {
display: none;
}
&.active {
.icon-bars {
display: none;
}
.icon-times {
display: block;
}
}
}
.mobile-menu--overlay {
pointer-events: none;
position: fixed;
inset: calc(var(--spacing) * 0);
top: var(--navbar-height);
z-index: 40;
background-color: color-mix(in srgb, #000 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
opacity: 0%;
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
&.active {
pointer-events: auto;
opacity: 100%;
}
}
.mobile-menu--list {
position: fixed;
top: var(--navbar-height);
right: calc(var(--spacing) * 0);
z-index: 50;
height: calc(100dvh - var(--navbar-height));
width: calc(4/5 * 100%);
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
flex-direction: column;
overflow-y: auto;
border-left-style: var(--tw-border-style);
border-left-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 300ms;
transition-duration: 300ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&.active {
display: flex;
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
&.hidden {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.mobile-menu--list-item {
position: relative;
.mobile-menu--list-item-link {
display: block;
padding: calc(var(--spacing) * 4);
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
.mobile-dropdown-icon {
position: absolute;
top: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 1);
z-index: 20;
margin: calc(var(--spacing) * 1);
display: flex;
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
padding: calc(var(--spacing) * 4);
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
i {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
}
&.rotated {
i {
rotate: 180deg;
}
}
}
.mobile-submenu {
display: none;
background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent);
}
&.show {
display: block;
}
li {
a {
display: block;
padding: calc(var(--spacing) * 4);
padding-left: calc(var(--spacing) * 8);
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
&.mobile-submenu--activities {
.mobile-submenu--pool-group {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, #ebebeb 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
}
&:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.mobile-submenu--pool-title {
display: block;
background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
}
padding: calc(var(--spacing) * 3);
padding-left: calc(var(--spacing) * 8);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-dark);
}
.mobile-submenu--activities {
background-color: transparent;
li {
a {
display: block;
padding: calc(var(--spacing) * 3);
padding-left: calc(var(--spacing) * 12);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-dark);
}
}
}
}
}
}
}
.mobile-menu--list-item-btn {
padding: calc(var(--spacing) * 4);
}
}
}
}
.card {
overflow: hidden;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
padding: calc(var(--spacing) * 4);
}
.badge {
display: flex;
width: fit-content;
align-items: center;
gap: calc(var(--spacing) * 1);
border-radius: var(--radius-lg);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
&.badge--primary {
background-color: var(--color-primary);
color: var(--color-white);
}
&.badge--secondary {
background-color: var(--color-secondary);
color: var(--color-white);
}
&.badge--dark {
background-color: var(--color-dark);
color: var(--color-white);
}
&.badge--white {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
color: var(--color-dark);
}
&.badge--body {
background-color: var(--color-body);
color: var(--color-dark);
}
}
.badge-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 2);
}
.single-vacancy {
> .container {
padding-block: calc(var(--spacing) * 16);
@media (width >= 64rem) {
padding-block: calc(var(--spacing) * 24);
}
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 30);
}
}
.single-vacancy--breadcrumb {
margin-bottom: calc(var(--spacing) * 8);
display: flex;
align-items: center;
gap: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
a {
color: var(--color-primary);
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
color: var(--color-primary-dark);
}
}
}
}
.single-vacancy--header {
margin-bottom: calc(var(--spacing) * 12);
}
.single-vacancy--meta-grid {
margin-bottom: calc(var(--spacing) * 8);
display: grid;
gap: calc(var(--spacing) * 6);
@media (width >= 48rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
.meta-item {
display: flex;
align-items: flex-start;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-lg);
background-color: var(--color-body-light);
padding: calc(var(--spacing) * 5);
i, svg {
margin-top: calc(var(--spacing) * 1);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
color: var(--color-primary);
}
> div {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 1);
.meta-label {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
}
.meta-value {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
}
}
}
.single-vacancy--apply-cta {
margin-top: calc(var(--spacing) * 8);
border-radius: var(--radius-lg);
padding: calc(var(--spacing) * 8);
text-align: center;
background: linear-gradient( 135deg, var(--color-primary, #007bff) 0%, var(--color-primary-dark, #0056b3) 100% );
.btn {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
}
}
.single-vacancy--layout {
display: grid;
align-items: flex-start;
gap: calc(var(--spacing) * 12);
@media (width >= 64rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
grid-template-columns: 1fr 350px;
}
.single-vacancy--main {
max-width: var(--container-3xl);
.single-vacancy--content {
margin-bottom: calc(var(--spacing) * 12);
.btn {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
}
}
.single-vacancy--apply-bottom {
border-radius: var(--radius-lg);
background-color: var(--color-body-light);
padding: calc(var(--spacing) * 8);
text-align: center;
}
}
.single-vacancy--sidebar {
position: sticky;
top: calc(var(--spacing) * 8);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 6);
.sidebar-widget {
padding: calc(var(--spacing) * 6);
h3 {
margin-bottom: calc(var(--spacing) * 5);
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
border-color: var(--color-primary);
padding-bottom: calc(var(--spacing) * 3);
}
.contact-person {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
.contact-item {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
i {
width: calc(var(--spacing) * 6);
text-align: center;
color: var(--color-primary);
}
a {
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
}
.share-buttons {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
.share-button {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 3);
border-radius: var(--radius-md);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 3);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-white);
text-decoration-line: none;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
&:hover {
@media (hover: hover) {
opacity: 90%;
}
}
&.facebook {
background-color: #1877f2;
}
&.linkedin {
background-color: #0077b5;
}
&.twitter {
background-color: #1da1f2;
}
i {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
}
}
}
}
.block-hero {
--wave-color: white;
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--color-primary);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: calc(var(--spacing) * 16);
padding-bottom: calc(var(--spacing) * 28);
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 24);
}
@media (width >= 48rem) {
padding-bottom: calc(var(--spacing) * 36);
}
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 32);
}
@media (width >= 64rem) {
padding-bottom: calc(var(--spacing) * 44);
}
.container {
position: relative;
z-index: 10;
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
gap: calc(var(--spacing) * 4);
@media (width >= 48rem) {
gap: calc(var(--spacing) * 8);
}
}
.block-hero--overlay {
position: absolute;
inset: calc(var(--spacing) * 0);
background-color: color-mix(in srgb, #000 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
&::before {
position: absolute;
right: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 5;
height: calc(var(--spacing) * 16);
background-position: bottom;
background-repeat: no-repeat;
@media (width >= 48rem) {
height: calc(var(--spacing) * 20);
}
@media (width >= 64rem) {
height: calc(var(--spacing) * 24);
}
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C150,80 350,80 600,50 C850,20 1050,20 1200,50 L1200,120 L0,120 Z' fill='white' fill-opacity='0.15'/%3E%3C/svg%3E");
background-size: 100% 100%;
}
&::after {
position: absolute;
right: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 4;
height: calc(var(--spacing) * 14);
background-color: var(--wave-color);
@media (width >= 48rem) {
height: calc(var(--spacing) * 16);
}
@media (width >= 64rem) {
height: calc(var(--spacing) * 20);
}
content: '';
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C200,80 400,80 600,60 C800,40 1000,40 1200,60 L1200,120 L0,120 Z' fill='white'/%3E%3C/svg%3E");
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: bottom;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C200,80 400,80 600,60 C800,40 1000,40 1200,60 L1200,120 L0,120 Z' fill='white'/%3E%3C/svg%3E");
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: bottom;
}
.block-hero--title {
max-width: var(--container-3xl);
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
text-wrap: pretty;
color: var(--color-white);
@media (width >= 48rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
@media (width >= 64rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.block-hero--subtitle {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-white);
@media (width >= 64rem) {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
.block-hero--buttons {
margin-top: calc(var(--spacing) * 4);
}
}
.block-card-group {
&.even {
.container {
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 40rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (width >= 64rem) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.block-card-group--title {
@media (width >= 40rem) {
grid-column: span 2 / span 2;
}
@media (width >= 64rem) {
grid-column: span 4 / span 4;
}
}
}
&.odd {
.container {
@media (width >= 48rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.block-card-group--title {
@media (width >= 48rem) {
grid-column: span 3 / span 3;
}
}
}
&.section-bg--white {
.block-card-group--card {
background-color: var(--color-body);
}
}
.container {
display: grid;
gap: calc(var(--spacing) * 8);
}
.block-card-group--title {
text-align: center;
text-wrap: pretty;
}
.block-card-group--card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: calc(var(--spacing) * 0);
text-align: center;
&.card-type--image, &.card-type--activity {
.block-card-group--card-image {
height: calc(var(--spacing) * 48);
width: 100%;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-border);
background-color: var(--color-primary);
img {
aspect-ratio: var(--aspect-video);
height: 100%;
width: 100%;
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
object-fit: cover;
}
}
}
&.card-type--icon {
padding-top: calc(var(--spacing) * 6);
.block-card-group--card-icon {
display: flex;
width: calc(var(--spacing) * 16);
height: calc(var(--spacing) * 16);
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
background-color: color-mix(in srgb, #0091d3 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
}
i, svg {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
color: var(--color-secondary);
}
}
}
.block-card-group--card-content {
margin-top: auto;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 6);
text-align: center;
.block-card-group--card-text {
margin-bottom: calc(var(--spacing) * 2);
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
.block-card-group--card-title {
color: var(--color-dark);
}
.block-card-group--card-description {
color: var(--color-dark-muted);
}
}
.btn {
margin-top: auto;
width: 100%;
}
}
}
}
.block-text-with-image {
.container {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 8);
@media (width >= 48rem) {
justify-content: center;
}
@media (width >= 48rem) {
gap: calc(var(--spacing) * 16);
}
&.layout-image-text {
@media (width >= 48rem) {
flex-direction: row;
}
}
&.layout-text-image {
@media (width >= 48rem) {
flex-direction: row-reverse;
}
}
}
.block-text-with-image--image {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
@media (width >= 64rem) {
width: calc(1/2 * 100%);
}
img {
height: auto;
max-height: 300px;
width: 100%;
border-radius: var(--radius-lg);
object-fit: cover;
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem) {
max-height: 100%;
}
}
}
.block-text-with-image--text {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
gap: calc(var(--spacing) * 4);
@media (width >= 64rem) {
width: calc(1/2 * 100%);
}
}
}
.block-text-with-buttons {
.container {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
}
}
.block-accordion {
&.section-bg--white {
.block-accordion--item {
background-color: var(--color-body);
}
}
.container {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
@media (width >= 64rem) {
gap: calc(var(--spacing) * 8);
}
}
.block-accordion--list {
display: flex;
width: 100%;
flex-direction: column;
gap: calc(var(--spacing) * 2);
@media (width >= 64rem) {
width: fit-content;
}
@media (width >= 64rem) {
min-width: var(--container-3xl);
}
.block-accordion--item {
overflow: hidden;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
.block-accordion--header {
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
justify-content: space-between;
gap: calc(var(--spacing) * 4);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
}
.block-accordion--answer {
padding: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 0);
ul {
list-style-position: inside;
list-style-type: disc;
}
a {
color: var(--color-primary);
}
}
.block-accordion--icon {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
}
}
.block-contact {
.container {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 8);
@media (width >= 64rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (width >= 64rem) {
gap: calc(var(--spacing) * 12);
}
}
.block-contact--content {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 6);
.block-contact--description {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
}
.block-contact--form {
height: fit-content;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-body-dark);
background-color: var(--color-body-alt);
padding: calc(var(--spacing) * 6);
@media (width >= 64rem) {
padding: calc(var(--spacing) * 8);
}
input:not([type='submit']) {
height: calc(var(--spacing) * 12) !important;
padding-inline: calc(var(--spacing) * 4) !important;
padding-block: calc(var(--spacing) * 3) !important;
}
textarea {
padding-inline: calc(var(--spacing) * 4) !important;
padding-block: calc(var(--spacing) * 3) !important;
}
input:not([type='submit']), textarea {
border-radius: var(--radius-xl) !important;
background-color: color-mix(in srgb, #fff 40%, transparent) !important;
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
}
font-family: var(--font-body) !important;
font-size: var(--text-base) !important;
line-height: var(--tw-leading, var(--text-base--line-height)) !important;
--tw-font-weight: var(--font-weight-normal) !important;
font-weight: var(--font-weight-normal) !important;
}
input:not([type='submit']):focus, textarea:focus {
background-color: color-mix(in srgb, #fff 80%, transparent) !important;
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
}
}
.gfield_label {
font-family: var(--font-display);
font-size: var(--text-lg) !important;
line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.gform-field-label--type-sub {
font-family: var(--font-display);
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.ginput_complex {
display: flex !important;
gap: calc(var(--spacing) * 4);
.gf_clear_complex {
display: none !important;
}
}
.gform_fields {
display: flex !important;
flex-direction: column;
gap: calc(var(--spacing) * 6);
}
&:has(.gform_confirmation_wrapper) {
.recaptcha-wrapper {
display: none;
}
}
}
}
.block-vacancies-overview--wrapper {
display: grid;
align-items: flex-start;
gap: calc(var(--spacing) * 8);
grid-template-columns: 1fr;
@media (min-width: 1024px) {
grid-template-columns: 280px 1fr;
}
.block-vacancies-overview--sidebar {
@media (width >= 64rem) {
position: sticky;
}
@media (width >= 64rem) {
top: calc(var(--spacing) * 8);
}
.sidebar-filter {
padding: calc(var(--spacing) * 0);
@media (width >= 64rem) {
padding: calc(var(--spacing) * 6);
}
h3 {
margin-bottom: calc(var(--spacing) * 4);
display: none;
@media (width >= 64rem) {
margin-bottom: calc(var(--spacing) * 6);
}
@media (width >= 64rem) {
display: block;
}
}
}
.filter-form {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
&--mobile {
display: block;
@media (width >= 64rem) {
display: none;
}
}
}
.filter-group {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 2);
select {
cursor: pointer;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 3);
padding-block: calc(var(--spacing) * 2.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-outline-style: none;
outline-style: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
border-color: var(--color-primary);
}
}
&:focus {
border-color: var(--color-primary);
}
}
}
.filter-buttons {
display: none;
flex-direction: column;
gap: calc(var(--spacing) * 2);
@media (width >= 48rem) {
display: flex;
}
}
.filter-button {
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-decoration-line: none;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
border-color: var(--color-primary);
}
}
&:hover {
@media (hover: hover) {
background-color: var(--color-primary);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
&.active {
border-color: var(--color-primary);
background-color: var(--color-primary);
color: var(--color-white);
}
}
.reset-filter {
margin-top: calc(var(--spacing) * 4);
width: 100%;
justify-content: center;
i {
margin-right: calc(var(--spacing) * 2);
}
}
}
.block-vacancies-overview--content {
.block-vacancies-overview--grid {
margin-bottom: calc(var(--spacing) * 12);
display: grid;
gap: calc(var(--spacing) * 8);
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
.vacancy-card {
display: flex;
height: 100%;
flex-direction: column;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.vacancy-card--content {
display: flex;
height: 100%;
flex-direction: column;
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 6);
.vacancy-card--title {
margin: calc(var(--spacing) * 0);
a {
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
.vacancy-card--meta {
margin-top: auto;
margin-bottom: calc(var(--spacing) * 4);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
.vacancy-meta-item {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
i {
width: calc(var(--spacing) * 5);
text-align: center;
color: var(--color-primary);
}
}
}
.btn {
margin-top: auto;
width: 100%;
justify-content: center;
}
}
}
}
.block-vacancies-overview--pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--spacing) * 2);
.pagination-link {
display: inline-flex;
height: calc(var(--spacing) * 10);
min-width: 40px;
align-items: center;
justify-content: center;
padding-inline: calc(var(--spacing) * 3);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
text-decoration-line: none;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
border-color: var(--color-primary);
}
}
&:hover {
@media (hover: hover) {
background-color: var(--color-primary);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-white);
}
}
&.current {
pointer-events: none;
border-color: var(--color-primary);
background-color: var(--color-primary);
color: var(--color-white);
}
}
}
.no-vacancies {
padding: calc(var(--spacing) * 12);
text-align: center;
color: var(--color-secondary);
}
}
}
.block-form-with-text {
padding-block: calc(var(--spacing) * 16);
}
.block-form-with-text--description {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 12);
max-width: var(--container-3xl);
text-align: center;
}
.block-form-with-text--form {
margin-inline: auto;
max-width: var(--container-3xl);
}
.block-form-with-text .selected-vacancy {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 8);
max-width: var(--container-3xl);
border-left-style: var(--tw-border-style);
border-left-width: 4px;
border-color: var(--color-primary);
padding: calc(var(--spacing) * 8);
background: linear-gradient( 135deg, var(--color-primary-light, #e3f2fd) 0%, var(--color-body-light, #f8f9fa) 100% );
h3 {
margin-bottom: calc(var(--spacing) * 4);
text-transform: uppercase;
}
}
.block-form-with-text .vacancy-details {
h4 {
margin-bottom: calc(var(--spacing) * 4);
color: var(--color-primary);
}
p {
margin-block: calc(var(--spacing) * 2);
}
}
.social-icons {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
.socials {
display: flex;
flex-wrap: wrap;
gap: calc(var(--spacing) * 4);
a {
display: flex;
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
}
.simple-contact-info {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
.simple-contact-info--container {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
.simple-contact-info--list {
display: flex;
flex-wrap: wrap;
gap: calc(var(--spacing) * 4);
a {
display: flex;
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-white);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-dark);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-50);
}
}
}
}
}
}
.detailed-contact-info {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
.detailed-contact-info--grid {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
}
.detailed-contact-info--item {
display: flex;
gap: calc(var(--spacing) * 3);
.item-icon {
display: flex;
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
background-color: var(--color-primary);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-white);
}
.item-content {
display: flex;
min-width: calc(var(--spacing) * 0);
flex: 1;
flex-direction: column;
gap: calc(var(--spacing) * 1);
}
.item-label {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
color: var(--color-dark-muted);
text-transform: uppercase;
}
.item-value {
font-size: 15px;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
overflow-wrap: break-word;
color: var(--color-dark);
}
a.item-value {
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
--tw-duration: 200ms;
transition-duration: 200ms;
&:hover {
@media (hover: hover) {
color: var(--color-primary);
}
}
}
}
.detailed-contact-info--contacts {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
.contacts-grid {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
@media (width >= 48rem) {
flex-direction: row;
}
@media (width >= 48rem) {
flex-wrap: wrap;
}
}
}
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-border-style: solid;
--tw-space-y-reverse: 0;
--tw-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-leading: initial;
--tw-space-x-reverse: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-ease: initial;
--tw-tracking: initial;
}
}
}