[class*=elementor-kit] {
--color-primary: var(--e-global-color-primary);
--color-primary-hover: var(--e-global-color-primary);
--color-secondary: var(--e-global-color-secondary);
--color-secondary-hover: var(--e-global-color-secondary);
--color-text: var(--e-global-color-primary);
--color-accent: var(--e-global-color-primary);
--color-error: var(--e-global-color, #FF3C73);
--color-error-muted: var(--e-global-color, #FFEBF1);
--color-valid: var(--e-global-color-primary);
--color-valid-muted: var(--e-global-color, #E5F0EC);
--404-page-bg: url(//www.onism.be/wp-content/uploads/2024/07/Onism-Website-AchtergrondTextuur.jpg) repeat contain;
--404-page-text: var(--color-text);
}          *,
*::before,
*::after {
outline: unset;
box-sizing: border-box;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: "Arkit", sans-serif;
font-size: 16px;
}
::-moz-selection {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-primary);
}
::selection {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-primary);
}
::moz-selection {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-primary);
} input,
button,
textarea,
select {
font: inherit;
}
p {
color: var(--e-global-color-primary);
margin-top: 0;
margin-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
line-height: 1.8;
overflow-wrap: break-word;
}
p:last-of-type {
margin-bottom: 0;
} .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding: 0;
}
.e-con-full,
section.elementor-section-boxed > .e-con-inner,
.e-con > .e-con-inner {
--gap: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
padding-top: 0;
padding-bottom: 0;
padding-block-start: 0;
padding-block-end: 0;
}  a {
cursor: pointer;
color: var(--e-global-color-primary);
transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
a:hover, a:focus, a:active {
color: var(--e-global-color-primary);
transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
a:not([href]) {
cursor: default;
} h1,
h2,
h1.elementor-heading-title,
h2.elementor-heading-title {
color: var(--e-global-color-primary);
margin: 0;
font-family: "minion-pro", serif;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
text-transform: initial;
}
h1 {
font-size: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
}
h2 {
font-size: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 60px);
}   section.elementor-section-boxed,
section.elementor-section-full_width {
position: relative;
margin-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) !important;
scroll-margin-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
section.elementor-section-boxed,
.e-con {
padding-left: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
padding-right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
section.elementor-section-boxed section.elementor-section-boxed,
section.elementor-section-full_width section.elementor-section-full_width {
margin-bottom: 0 !important;
padding-left: 0;
padding-right: 0;
} .dialog-close-button {
text-decoration: none;
}  .elementor-widget-nav-menu ul.elementor-nav-menu::after {
display: none;
}
.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item a {
padding: 0;
}
.elementor-widget-nav-menu.elementor-nav-menu--layout-horizontal ul.elementor-nav-menu li.menu-item:not(:last-child) a {
margin-inline-end: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
} body .gform_footer {
margin: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px) 0 0 0 !important;
padding: 0 !important;
}
.gform_wrapper .gfield_required {
display: none;
}
body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
display: none;
background: transparent;
margin: 0;
padding: 0;
border: 0;
}
body .gform_wrapper .gform_validation_errors {
color: var(--color-error);
background-color: transparent;
margin: 0;
padding: 0;
font-weight: normal;
font-size: 16px;
line-height: 1.8;
border: 0;
box-shadow: unset;
}
body .gform_wrapper .validation_error {
padding: 0;
text-align: left;
border: 0;
}
body .gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
body .gform_fileupload_rules {
display: none;
}     .burger {
--burger-bar-color: var(--e-global-color-secondary);
z-index: 999;
cursor: pointer;
background-color: transparent;
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-self: center;
width: 30px;
height: calc(30px - 1px * 2);
padding: 0;
border: 0;
border-radius: unset;
box-shadow: unset;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.burger-wrapper {
pointer-events: none;
position: absolute;
width: 30px;
height: 10px;
margin: 0;
padding: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.burger-wrapper::after,
.burger-wrapper::before {
content: '';
background-color: var(--burger-bar-color);
position: absolute;
width: 30px;
height: 1px;
left: 0;
}
.burger-wrapper::after {
top: 0;
transition: top .2s .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1);
}
.burger-wrapper::before {
bottom: 0;
transition: bottom .2s .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1);
}
.responsive-menu-open .burger-wrapper {
background-color: transparent;
transition: background-color .2s cubic-bezier(0.19, 1, 0.22, 1) calc(.2s / 1.5);
}
.responsive-menu-open .burger-wrapper::before {
background-color: var(--e-global-color-primary);
bottom: calc(50% - .5px);
transform: rotate(35deg);
transition: bottom .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1) .2s;
}
.responsive-menu-open .burger-wrapper::after {
background-color: var(--e-global-color-primary);
top: calc(50% - .5px);
transform: rotate(-35deg);
transition: top .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1) .2s;
} footer {
padding-left: 20px;
padding-right: 20px;
padding-bottom: calc(20px / 2);
}
footer section.elementor-section-boxed {
margin-bottom: 20px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}   body select,
body textarea,
body input[type=tel],
body input[type=date],
body input[type=text],
body input[type=email],
body input[type=number] {
color: var(--e-global-color-primary) !important;
background-color: transparent !important;
position: relative  !important;
font-family: "minion-pro", serif !important;
font-weight: 600 !important;
font-size: 18px !important;
font-style: italic !important;
width: 100%  !important;
height: clamp(70px, calc(calc(100 / 1152) * (100vw - 768px) + 70px), 80px) !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border: unset !important;
border-bottom: 1px solid var(--e-global-color-primary) !important;
border-radius: 0 !important;
box-shadow: unset !important;
transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.4s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
body select:hover,
body select:focus,
body textarea:hover,
body textarea:focus,
body input[type=tel]:hover,
body input[type=tel]:focus,
body input[type=date]:hover,
body input[type=date]:focus,
body input[type=text]:hover,
body input[type=text]:focus,
body input[type=email]:hover,
body input[type=email]:focus,
body input[type=number]:hover,
body input[type=number]:focus {
border-color: var(--e-global-color-primary);
outline: unset;
transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
body select:focus-visible,
body textarea:focus-visible,
body input[type=tel]:focus-visible,
body input[type=date]:focus-visible,
body input[type=text]:focus-visible,
body input[type=email]:focus-visible,
body input[type=number]:focus-visible {
transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
body select::-webkit-input-placeholder,
body select::placeholder,
body textarea::-webkit-input-placeholder,
body textarea::placeholder,
body input[type=tel]::-webkit-input-placeholder,
body input[type=tel]::placeholder,
body input[type=date]::-webkit-input-placeholder,
body input[type=date]::placeholder,
body input[type=text]::-webkit-input-placeholder,
body input[type=text]::placeholder,
body input[type=email]::-webkit-input-placeholder,
body input[type=email]::placeholder,
body input[type=number]::-webkit-input-placeholder,
body input[type=number]::placeholder {
color: rgba(0, 104, 69, 0.5) !important;
}
body select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
body textarea {
min-width: 100% !important;
max-width: 100% !important;
min-height: 160px !important;
padding-top: 26px !important;
padding-bottom: 26px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media only screen and (max-width: calc(768 * 1px)) {
body textarea {
height: calc(clamp(70px, calc(calc(100 / 1152) * (100vw - 768px) + 70px), 80px) * 4 / 1.2);
}
}
body input[type=checkbox] {
z-index: 1;
cursor: pointer;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
position: relative;
display: inline-block;
min-width: 1.25rem;
width: 1.25rem;
min-height: 1.25rem;
height: 1.25rem;
margin: 0;
padding: 0;
vertical-align: middle;
isolation: isolate;
}
body input[type=checkbox]::before,
body input[type=checkbox]::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.2s cubic-bezier(0.19, 1, 0.22, 1);
visibility: visible;
}
body input[type=checkbox]::before {
z-index: 2;
background-color: transparent;
border: 1px solid var(--e-global-color-primary);
border-radius: calc(0 / 2);
}
body input[type=checkbox]::after {
z-index: 3;
background-color: var(--e-global-color-primary);
transform-origin: center center;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.585.158c.114-.115.236-.115.365 0l.602.623c.129.115.129.236 0 .365L4.106 7.592c-.114.114-.236.114-.365 0L.884 4.712c-.13-.114-.13-.236 0-.365l.601-.601c.13-.13.25-.13.365 0L3.934 5.83z' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.585.158c.114-.115.236-.115.365 0l.602.623c.129.115.129.236 0 .365L4.106 7.592c-.114.114-.236.114-.365 0L.884 4.712c-.13-.114-.13-.236 0-.365l.601-.601c.13-.13.25-.13.365 0L3.934 5.83z' /%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
border-radius: calc(0 / 2);
transform: translate(-50%, -50%) scale(0);
}
body input[type=checkbox]:hover::before,
body input[type=checkbox]:focus-visible::before {
border-color: var(--e-global-color-primary);
}
body input[type=checkbox]:hover,
body input[type=checkbox]:focus {
outline: unset;
}
body input[type=checkbox]:active::before {
border-color: var(--e-global-color-primary);
}
body input[type=checkbox]:active::after {
transform: translate(-50%, -50%) scale(0.66);
}
body input[type=checkbox]:checked:active::before {
border-color: var(--e-global-color-primary);
}
body input[type=checkbox]:checked:active::after {
transform: translate(-50%, -50%) scale(0.6);
}
body input[type=checkbox]:checked::before {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
body input[type=checkbox]:checked::after {
transform: translate(-50%, -50%) scale(0.7);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
body input[type=checkbox] ~ label {
margin: 0;
}
body input[type=radio] {
z-index: 1;
cursor: pointer;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
position: relative;
display: inline-block;
min-width: 1.25rem;
width: 1.25rem;
min-height: 1.25rem;
height: 1.25rem;
margin: 0;
padding: 0;
vertical-align: middle;
isolation: isolate;
}
body input[type=radio]::before,
body input[type=radio]::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 1.25rem;
transform: translate(-50%, -50%);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.2s cubic-bezier(0.19, 1, 0.22, 1);
visibility: visible;
}
body input[type=radio]::before {
z-index: 2;
background-color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-primary);
border-radius: 1.25rem;
}
body input[type=radio]::after {
z-index: 3;
background-color: var(--e-global-color-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.585.158c.114-.115.236-.115.365 0l.602.623c.129.115.129.236 0 .365L4.106 7.592c-.114.114-.236.114-.365 0L.884 4.712c-.13-.114-.13-.236 0-.365l.601-.601c.13-.13.25-.13.365 0L3.934 5.83z' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.585.158c.114-.115.236-.115.365 0l.602.623c.129.115.129.236 0 .365L4.106 7.592c-.114.114-.236.114-.365 0L.884 4.712c-.13-.114-.13-.236 0-.365l.601-.601c.13-.13.25-.13.365 0L3.934 5.83z' /%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transform: translate(-50%, -50%) scale(0);
transform-origin: center center;
}
body input[type=radio]:hover::before,
body input[type=radio]:focus-visible::before {
border-color: var(--e-global-color-primary);
}
body input[type=radio]:hover,
body input[type=radio]:focus {
outline: unset;
}
body input[type=radio]:active::before {
border-color: var(--e-global-color-primary);
}
body input[type=radio]:active::after {
transform: translate(-50%, -50%) scale(0.45);
}
body input[type=radio]:checked::before {
background-color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
body input[type=radio]:checked::after {
transform: translate(-50%, -50%) scale(0.55);
transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
body input[type=radio] ~ label {
margin: 0;
}
body input[type=file] {
font-size: 16px;
text-transform: uppercase;
}
body input[type=file]::-webkit-file-upload-button {
color: var(--color-secondary);
background-color: var(--color-text);
margin-right: 36px;
padding: 1.2rem 2.4rem;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
border: unset;
border-radius: unset;
box-shadow: unset;
-webkit-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
body input[type=file]::-webkit-file-upload-button:hover,
body input[type=file]::-webkit-file-upload-button:focus-visible {
background-color: var(--color-primary);
-webkit-transition: background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
} body .gfield_error textarea,
body .gfield_error input[type=tel],
body .gfield_error input[type=date],
body .gfield_error input[type=text],
body .gfield_error input[type=email],
body .gfield_error input[type=number] {
border-color: var(--color-error) !important;
}
body .gfield_error textarea::-webkit-input-placeholder,
body .gfield_error textarea::placeholder,
body .gfield_error input[type=tel]::-webkit-input-placeholder,
body .gfield_error input[type=tel]::placeholder,
body .gfield_error input[type=date]::-webkit-input-placeholder,
body .gfield_error input[type=date]::placeholder,
body .gfield_error input[type=text]::-webkit-input-placeholder,
body .gfield_error input[type=text]::placeholder,
body .gfield_error input[type=email]::-webkit-input-placeholder,
body .gfield_error input[type=email]::placeholder,
body .gfield_error input[type=number]::-webkit-input-placeholder,
body .gfield_error input[type=number]::placeholder {
color: rgba(255, 60, 115, .5) !important;
}   .u-gutter-top-0 {
margin-top: 0 !important;
}
.u-gutter-top-1 {
margin-top: 20px !important;
}
.u-gutter-top-1-5 {
margin-top: calc(20px / 1.5) !important;
}
.u-gutter-top-2 {
margin-top: calc(20px / 2) !important;
}
.u-gutter-top-3 {
margin-top: calc(20px / 3) !important;
} .u-gutter-bottom-0 {
margin-bottom: 0 !important;
}
.u-gutter-bottom-1 {
margin-bottom: 20px !important;
}
.u-gutter-bottom-1-5 {
margin-bottom: calc(20px / 1.5) !important;
}
.u-gutter-bottom-2 {
margin-bottom: calc(20px / 2) !important;
}
.u-gutter-bottom-3 {
margin-bottom: calc(20px / 3) !important;
}  .u-baseline-top-12 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 0.75) !important;
}
.u-baseline-top-16 {
margin-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) !important;
}
.u-baseline-top-24 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 1.5) !important;
}
.u-baseline-top-30 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 1.875) !important;
}
.u-baseline-top-36 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 2.25) !important;
}
.u-baseline-top-42 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 2.625) !important;
}
.u-baseline-top-54 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 3.375) !important;
}
.u-baseline-top-60 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 3.75) !important;
}
.u-baseline-top-72 {
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 4.5);
} .u-baseline-bottom-12 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 0.75) !important;
}
.u-baseline-bottom-16 {
margin-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) !important;
}
.u-baseline-bottom-24 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 1.5) !important;
}
.u-baseline-bottom-30 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 1.875) !important;
}
.u-baseline-bottom-36 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 2.25) !important;
}
.u-baseline-bottom-42 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 2.625) !important;
}
.u-baseline-bottom-54 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 3.375) !important;
}
.u-baseline-bottom-60 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 3.75) !important;
}
.u-baseline-bottom-72 {
margin-bottom: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 4.5) !important;
}  section.error-404 {
color: var(--404-page-text);
background-color: var(--404-page-bg);
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
min-height: calc(100vh - var(--header-height, 0) - var(--footer-height, 0));
padding: 20px 0;
}
section.error-404 .container {
position: relative;
display: block;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
section.error-404 * {
text-align: center;
}
section.error-404 p {
max-width: 60ch;
margin-left: auto;
margin-right: auto;
margin-top: calc(clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) * 1.5);
margin-bottom: 0;
}