.min-height-100vh {
min-height: 100vh;
min-height: var(--viewport-height);
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
.padding-top {
padding-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.padding-bottom {
padding-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.inner-padding-top {
padding-top: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 120px);
}
.inner-padding-right {
padding-right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 120px);
}
.inner-padding-bottom {
padding-bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 120px);
}
.inner-padding-left {
padding-left: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 120px);
}
.min-height-100vh.padding-bottom + .min-height-100vh.padding-top {
margin-top: calc(-1 * clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px));
}
@media only screen and (max-width: 768px) {
.smartphone-hide {
display: none;
}
} p.small {
font-size: 12px;
}
.italic {
font-style: italic;
}
.slashed {
position: relative;
}
h1 .slashed::before {
content: '';
position: absolute;
display: block;
height: 0;
width: 0;
top: 37.5%;
left: 50%;
border-left: clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px) solid var(--e-global-color-primary);
border-radius: calc(clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px) / 2);
transform: rotate(-35deg);
animation-name: h1-slash;
animation-duration: .8s;
animation-fill-mode: forwards;
}
h2 .slashed::before {
content: '';
position: absolute;
display: block;
height: 0;
width: 0;
top: 37.5%;
left: 50%;
border-left: clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px) solid var(--e-global-color-primary);
border-radius: calc(clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px) / 2);
transform: rotate(-35deg);
animation-name: h2-slash;
animation-duration: .8s;
animation-fill-mode: forwards;
}
h2 .slashed.small::before {
animation-name: h2-slash-small;
}
p.emphasis,
.emphasis p {
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
} .animated {
animation-duration: .8s;
}
@keyframes h1-slash {
from {
height: 0;
top: calc(37.5% + clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
left: calc(50% - 17% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
} to {
height: 40%;
top: 37.5%;
left: calc(50% + 17% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
}
}
@keyframes h2-slash {
from {
height: 0;
top: calc(20% + clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
left: calc(50% - 21% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
} to {
height: 60%;
top: 21%;
left: calc(50% + 7% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
}
}
@keyframes h2-slash-small {
from {
height: 0;
top: calc(38% + clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
left: calc(50% - 17% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
} to {
height: 40%;
top: 38%;
left: calc(50% + 12% - clamp(3px, calc(calc(100 / 1152) * (100vw - 768px) + 3px), 5px));
}
}
@keyframes draw-to-right {
from {
width: 0;
} to {
width: 30px;
}
} .elementor-popup-modal {
background-image: url(//www.onism.be/wp-content/uploads/2024/07/Onism-Website-AchtergrondTextuur.jpg);
background-repeat: repeat;
background-position: center;
background-size: 480px;
}
.elementor-popup-modal .dialog-close-button {
width: 30px;
height: 28px;
top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.elementor-popup-modal .dialog-close-button::before,
.elementor-popup-modal .dialog-close-button::after {
content: '';
background-color: var(--e-global-color-primary);
position: absolute;
width: 30px;
height: 1px;
left: 0;
}
.elementor-popup-modal .dialog-close-button::before {
bottom: calc(50% - .5px);
transform: rotate(35deg);
}
.elementor-popup-modal .dialog-close-button::after {
top: calc(50% - .5px);
transform: rotate(-35deg);
}
.elementor-popup-modal .dialog-close-button svg {
display: none;
}
.elementor-popup-modal .dialog-widget-content {
background-color: var(--e-global-color-secondary);
width: calc(100vw - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
box-shadow: none !important;
}
.elementor-popup-modal .section-half-half > .e-con-inner {
flex-flow: row nowrap;
align-items: center;
gap: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
}
@media only screen and (max-width: 768px) {
.elementor-popup-modal .section-half-half > .e-con-inner {
flex-flow: column nowrap;
}
}
.elementor-popup-modal .dialog-widget-content .dialog-message {
width: 100% !important;
}
.elementor-popup-modal .dialog-widget-content .elementor-widget-image img {
width: auto;
min-height: 480px;
height: calc(100vh - clamp(40px, calc(calc(100 / 1152)*(100vw - 768px) + 40px), 80px));
height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152)*(100vw - 768px) + 40px), 80px));
object-fit: contain;
} .contact-popup,
.holiday-popup {
min-height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
min-height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
}
.contact-popup .elementor-widget-text-editor p {
max-width: 40ch;
}  .elementor-widget-button,
body .gform_wrapper .gform_page_footer .button,
body .gform_wrapper .gform_footer .button,
body .gform_wrapper .gform_button_select_files {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.elementor-widget-button .elementor-button,
.elementor-widget-button.primary .elementor-button {
cursor: pointer;
color: var(--e-global-color-primary);
background-color: var(--e-global-color-secondary);
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
height: clamp(70px, calc(calc(100 / 1152) * (100vw - 768px) + 70px), 80px);
padding-top: 0;
padding-right: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
padding-bottom: clamp(4px, calc(calc(100 / 1152) * (100vw - 768px) + 4px), 6px);
padding-left: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px);
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
border-radius: 20px;
transition: color .4s cubic-bezier(0.19, 1, 0.22, 1), background-color .4s cubic-bezier(0.19, 1, 0.22, 1);
box-shadow: none;
user-select: none;  
}
body .gform_wrapper .gform_page_footer .button,
body .gform_wrapper .gform_footer .button,
body .gform_wrapper .gform_button_select_files {
color: var(--e-global-color-secondary) !important;
background-color: var(--e-global-color-primary) !important;
display: flex !important;
flex-flow: row wrap !important;
justify-content: center !important;
align-items: center !important;
height: clamp(70px, calc(calc(100 / 1152) * (100vw - 768px) + 70px), 80px) !important;
padding-top: 0 !important;
padding-right: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px) !important;
padding-bottom: clamp(4px, calc(calc(100 / 1152) * (100vw - 768px) + 4px), 6px) !important;
padding-left: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 40px) !important;
font-family: 'minion-pro', serif !important;
font-weight: 600 !important;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px) !important;
letter-spacing: 0 !important;
line-height: 1.5 !important;
border-radius: 20px !important;
transition: color .4s cubic-bezier(0.19, 1, 0.22, 1), background-color .4s cubic-bezier(0.19, 1, 0.22, 1) !important;
box-shadow: none !important;
user-select: none !important;
}
.elementor-widget-button.secondary .elementor-button {
color: var(--e-global-color-primary);
background-color: transparent;
background-image: url(//www.onism.be/wp-content/uploads/2024/07/Onism-Website-AchtergrondTextuur.jpg);
background-repeat: repeat;
background-position: center;
background-size: 480px;
} .gform_wrapper {
max-width: 480px;
}
.gform_wrapper .gform_heading {
display: none;
}
.gform_wrapper .gform-loader {
display: none !important;
}
.gform_wrapper .gform_confirmation_message {
color: var(--e-global-color-primary);
line-height: 1.8;
text-align: left;
} body .gform_wrapper .gform_fields {
gap: 20px;
}
body .gform_wrapper .gfield_label {
display: none;
} body .cky-btn-revisit-wrapper {
display: none;
}
body .cky-consent-container.cky-box-bottom-left {
bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
left: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
@media only screen and (max-width: 768px) {
body .cky-consent-container.cky-box-bottom-left {
max-width: calc(100% - 40px);
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-title,
body .cky-consent-container .cky-consent-bar .cky-notice-des,
body .cky-consent-container .cky-consent-bar .cky-notice-btn-wrapper {
padding: 0;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper {
margin-left: 0 !important;
}
}
body .cky-consent-container .cky-consent-bar {
background-color: var(--e-global-color-secondary) !important;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border: 0;
border-radius: 0;
box-shadow: none;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-title {
color: var(--e-global-color-primary) !important;
margin-bottom: 10px;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-des p {
color: var(--e-global-color-primary);
font-size: clamp(12px, calc(calc(100 / 1152) * (100vw - 768px) + 12px), 14px);
letter-spacing: 0;
line-height: 1.8;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper {
margin-top: 20px;
margin-left: 20px;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-customize,
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-reject,
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-accept {
color: var(--e-global-color-primary) !important;
background-color: transparent !important;
height: auto;
padding: 0;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
border: 0 !important;
border-radius: 0;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-customize,
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-reject {
opacity: .5;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn-accept {
opacity: 1;
} .cky-audit-table-element {
margin-top: 20px;
}
#opgemerkt .cky-audit-table-element h3 + div,
#opgemerkt .cky-audit-table-element div + h3,
#opgemerkt .cky-audit-table-element div + div {
margin-top: 20px !important;
}
#opgemerkt .cky-audit-table-element h3 {
color: var(--e-global-color-primary);
margin: 0;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: 18px;
letter-spacing: 0;
line-height: 1.5;
}
#opgemerkt .cky-audit-table-element .cky-table-wrapper {
margin: 0;
}
.cky-audit-table-element .cky-cookie-audit-table th,
.cky-audit-table-element .cky-cookie-audit-table td {
color: var(--e-global-color-primary);
background-color: transparent;
padding: 10px;
font-size: clamp(14px, calc(calc(100 / 1152) * (100vw - 768px) + 14px), 16px);
letter-spacing: 0;
line-height: 1.8;
border: 1px solid var(--e-global-color-primary);
}
.cky-audit-table-element .cky-cookie-audit-table th {
font-weight: 400;
}
.cky-audit-table-element .cky-cookie-audit-table td {
background-color: transparent !important;
font-weight: 400;
} .responsive-menu-open {
position: fixed;
width: 100%;
}
.elementor-location-header {
z-index: 998;
position: absolute;
width: 100%;
margin-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.responsive-menu-open .elementor-location-header,
.resengo-reservation-open .elementor-location-header,
.resengo-gift-card-open .elementor-location-header {
margin-top: 0;
}
.elementor-location-header .header {
width: calc(100% - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
margin-left: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
margin-right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.elementor-location-header .header > .e-con-inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
} .header .elementor-widget-nav-menu .elementor-nav-menu {
gap: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
}
.header .elementor-widget-nav-menu .elementor-item {
color: var(--e-global-color-secondary);
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: 18px;
letter-spacing: 0;
line-height: 1.5;
}
@media only screen and (max-width: 768px) {
.header .elementor-widget-nav-menu {
display: none;
}
} .elementor-location-header .header .elementor-widget-opgemerkt_burger {
display: none;
}
.resengo-reservation-open .elementor-location-header .elementor-widget-opgemerkt_burger,
.resengo-gift-card-open .elementor-location-header .elementor-widget-opgemerkt_burger {
display: none !important;
}
.responsive-menu-open .elementor-location-header .header .elementor-widget-opgemerkt_burger {
margin-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.responsive-menu-open .elementor-location-header .header > .e-con-inner {
justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
.elementor-location-header .header > .e-con-inner {
justify-content: flex-end;
}
.elementor-location-header .header .elementor-widget-opgemerkt_burger {
display: block;
}
}
.burger-wrapper::after,
.burger-wrapper::before {
animation: draw-to-right;
animation-delay: .4s;
animation-duration: .8s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
} .responsive-menu,
.resengo-reservation-open,
.resengo-gift-card-open {
position: fixed;
width: 100%;
}
.elementor-location-header .responsive-menu,
.elementor-location-header .resengo-reservation-popup,
.elementor-location-header .resengo-gift-card-popup {
display: none;
background-image: url(//www.onism.be/wp-content/uploads/2024/07/Onism-Website-AchtergrondTextuur.jpg);
background-repeat: repeat;
background-position: center;
background-size: 480px;
min-height: 100vh;
min-height: var(--viewport-height);
padding-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
padding-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.responsive-menu-open .elementor-location-header .responsive-menu,
.resengo-reservation-open .elementor-location-header .resengo-reservation-popup,
.resengo-gift-card-open .elementor-location-header .resengo-gift-card-popup {
z-index: 997;
position: absolute;
display: block;
top: 0;
}
.responsive-menu-open .elementor-location-header .header .elementor-widget-opgemerkt_burger {
display: block;
}
.elementor-location-header .responsive-menu__content,
.elementor-location-header .resengo-reservation-popup__content,
.elementor-location-header .resengo-gift-card-popup__content {
background-color: var(--e-global-color-secondary);
justify-content: center;
min-height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
min-height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu .elementor-nav-menu {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
gap: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px) !important;
}
.elementor-location-header .responsive-menu .elementor-widget-nav-menu .elementor-item {
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 60px);
letter-spacing: 0;
line-height: 1.3;
} .book-a-table {
z-index: 998;
position: fixed;
width: auto;
bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
left: calc(50% - 86px);
transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
}
.book-a-table.bottom {
bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px) !important;
}
.resengo-reservation-open .book-a-table,
.resengo-gift-card-open .book-a-table {
transition: all 0s cubic-bezier(0.19, 1, 0.22, 1);
}
.book-a-table .elementor-button {
cursor: pointer;
}
.responsive-menu-open .book-a-table .elementor-button {
color: var(--e-global-color-secondary);
background-color: var(--e-global-color-primary);
}
@media only screen and (max-width: 768px) {
.book-a-table {
bottom: 130px;
left: calc(50% - 71px);
}
.responsive-menu-open .book-a-table {
bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
}
} .elementor-location-header .resengo-reservation-popup,
.elementor-location-header .resengo-gift-card-popup {
height: 100vh;
height: var(--viewport-height);
}
.resengo-reservation-popup .resengo-reservation-popup__content,
.resengo-gift-card-popup .resengo-gift-card-popup__content {
overflow: scroll;
}
.resengo-reservation-open .elementor-location-header .resengo-reservation-popup,
.resengo-gift-card-open .elementor-location-header .resengo-gift-card-popup {
z-index: 998;
}
.resengo-reservation-popup .button-close,
.resengo-gift-card-popup .button-close {
z-index: 998;
cursor: pointer;
position: absolute;
width: 30px !important;
height: 28px;
top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.resengo-reservation-popup .button-close::before,
.resengo-reservation-popup .button-close::after,
.resengo-gift-card-popup .button-close::before,
.resengo-gift-card-popup .button-close::after {
content: '';
background-color: var(--e-global-color-primary);
position: absolute;
width: 30px;
height: 1px;
left: 0;
}
.resengo-reservation-popup .button-close::before,
.resengo-gift-card-popup .button-close::before {
bottom: calc(50% - .5px);
transform: rotate(35deg);
}
.resengo-reservation-popup .button-close::after,
.resengo-gift-card-popup .button-close::after {
top: calc(50% - .5px);
transform: rotate(-35deg);
}
.resengo-reservation-popup .button-close .elementor-widget-container,
.resengo-gift-card-popup .button-close .elementor-widget-container {
width: 30px;
}
.resengo-reservation-popup .button-close .elementor-button,
.resengo-gift-card-popup .button-close .elementor-button {
height: auto;
padding: 0;
}
.resengo-reservation-popup .button-close .elementor-button-text,
.resengo-gift-card-popup .button-close .elementor-button-text {
display: none;
}
.resengo-reservation-popup .resengo-reservation-popup__content,
.resengo-gift-card-popup .resengo-gift-card-popup__content {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
padding-top: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
padding-bottom: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px); 
}
.resengo-reservation-popup .resengo-reservation-popup__content > .elementor-element,
.resengo-gift-card-popup .resengo-gift-card-popup__content > .elementor-element {
width: calc(50% - clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px));
}
@media only screen and (max-width: 768px) {
.resengo-reservation-popup .resengo-reservation-popup__content,
.resengo-gift-card-popup .resengo-gift-card-popup__content {
flex-flow: column nowrap;
justify-content: flex-start;
}
.resengo-reservation-popup .resengo-reservation-popup__content > .elementor-element,
.resengo-gift-card-popup .resengo-gift-card-popup__content > .elementor-element {
width: 100%;
}
}
.resengo-reservation-popup .resengo-reservation-popup__content .elementor-widget-heading h2 {
max-width: 16ch;
}
.resengo-reservation-popup .resengo-reservation-popup__content .elementor-widget-text-editor p,
.resengo-gift-card-popup .resengo-gift-card-popup__content .elementor-widget-text-editor p {
max-width: 40ch;
}
.ZC_sdk__position-center_AFA9q,
.ZC_sdk__position-right_HkYTz {
z-index: 998 !important;
max-height: calc(100vh - clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px)) !important;
max-height: calc(var(--viewport-height) - clamp(80px, calc(calc(100 / 1152) * (100vw - 768px) + 80px), 120px)) !important;
}
.ZC_sdk__position-center_AFA9q {
margin-bottom: clamp(24px, calc(calc(100 / 1152) * (100vw - 768px) + 24px), 64px);
}
.ZC_sdk__position-right_HkYTz {
max-width: calc(100vw - 48px) !important;
margin-right: clamp(24px, calc(calc(100 / 1152) * (100vw - 768px) + 24px), 64px);
margin-bottom: clamp(24px, calc(calc(100 / 1152) * (100vw - 768px) + 24px), 64px);
} .resengo-gift-card-popup .resengo-gift-card-popup__content .elementor-widget-heading h2 {
max-width: 12ch;
}
.resengo-gift-card-popup .resengo-gift-card-popup__content iframe {
height: 1130px !important;
} #opgemerkt .center-vertical > .e-con-inner {
justify-content: center;
}
#opgemerkt .section-half-half > .e-con-inner {
display: flex;
flex-flow: row wrap;
justify-content: stretch;
align-items: center;
}
.section-half-half > .e-con-inner > .elementor-element {
width: calc(50% - clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px));
}
@media only screen and (max-width: 768px) {
#opgemerkt .section-half-half > .e-con-inner {
justify-content: center;
}
#opgemerkt .section-half-half:not(.smartphone-switch-order) > .e-con-inner {
flex-flow: column-reverse wrap;
}
.section-half-half > .e-con-inner > .elementor-element {
width: 100%;
}
#opgemerkt .section-half-half .container-image {
height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
align-self: initial;
}
#opgemerkt .section-half-half .container-content {
min-height: auto;
height: auto;
}
}
.section-half-half .container-image {
align-self: stretch;
}
.section-half-half .container-content {
min-height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
min-height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: 100%;
}
.section-half-half .container-content {
background-color: var(--e-global-color-secondary);
justify-content: flex-end;
}
.section-half-half .container-content .elementor-widget-heading h2 {
max-width: 16ch;
}
.section-half-half .container-content .elementor-widget-text-editor p {
max-width: 40ch;
}  .hero > .e-con-inner {
height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
}
.hero > .e-con-inner > .elementor-element {
height: 100%;
}
.hero .hero-container {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
}
.hero .hero-container-center {
gap: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 60px);
}
.hero .hero-container-bottom {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: 20px clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
min-height: calc(clamp(70px, calc(calc(100 / 1152) * (100vw - 768px) + 70px), 80px) + clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
}
@media only screen and (max-width: 768px) {
.hero .hero-container-bottom {
margin-bottom: 60px;
}
}
.hero .hero-container-bottom .container {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
width: auto;
padding: 0;
}
.hero .hero-container-bottom .container > .e-con-inner {
gap: 10px;
} .hero .elementor-widget-theme-site-logo img {
width: clamp(200px, calc(calc(100 / 1152) * (100vw - 768px) + 200px), 400px) !important;
} .gault-millau-reward svg {
width: clamp(50px, calc(calc(100 / 1152) * (100vw - 768px) + 50px), 70px);
height: auto;
} .notification-opening-hours {
color: var(--e-global-color-secondary);
}
.notification-opening-hours .elementor-icon-list-item,
.notification-opening-hours .elementor-icon-list-item a {
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
.notification-opening-hours .elementor-icon-list-item .elementor-icon-list-icon svg {
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
margin: 0;
}
.notification-opening-hours .elementor-icon-list-item .elementor-icon-list-text {
color: var(--e-global-color-secondary);
max-width: 16ch;
padding-left: 0 !important;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
}
.notification-opening-hours .elementor-icon-list-item .elementor-icon-list-text a {
color: var(--e-global-color-secondary);
white-space: nowrap;
} #opgemerkt .elementor-widget-social-icons .elementor-social-icons-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
#opgemerkt .elementor-widget-social-icons .elementor-social-icons-wrapper .elementor-grid-item {
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
}
#opgemerkt .elementor-widget-social-icons .elementor-social-icon {
background-color: transparent;
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
font-size: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
line-height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
border-radius: 0;
} #concept .container-content {
align-items: center;
}
#concept .elementor-widget-heading h1 {
max-width: 24ch;
text-align: center;
}
#concept .elementor-widget-text-editor p {
max-width: 55ch;
text-align: center;
}
#concept .gault-millau-container {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
#concept .gault-millau-container .elementor-widget-text-editor p {
text-align: left;
} #menu .container-content {
background: var(--e-global-color-secondary);
}
#menu .elementor-widget-heading h2 {
max-width: 10ch;
}
#menu .elementor-widget-text-editor p.small,
#opening-hours .elementor-widget-text-editor p.small {
max-width: 96ch;
}
#menu .elementor-widget-icon-list {
color: var(--e-global-color-primary);
}
#menu .elementor-widget-icon-list .elementor-icon-list-items {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
#menu .elementor-widget-icon-list .elementor-icon-list-item,
#menu .elementor-widget-icon-list .elementor-icon-list-item > a {
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
#menu .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon svg {
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
margin: 0;
}
#menu .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text {
padding-left: 0 !important;
}
#menu .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text table {
border-collapse: collapse;
}
#menu .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text table tbody tr td:first-child {
width: 140px;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
}
#menu .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text table tbody tr td {
width: 100px;
padding: 0;
font-size: clamp(14px, calc(calc(100 / 1152) * (100vw - 768px) + 14px), 16px);
} #opgemerkt .opening-hours {
flex-basis: auto;
}
.opening-hours .jet-listing-not-found {
color: var(--e-global-color-primary);
text-align: left;
}
.opening-hours .jet-listing-grid__items {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
width: 100%;
margin: 0;
}
.opening-hours .jet-listing-grid__items .jet-listing-grid__item {
padding: 0;
}
#opgemerkt .opening-hour > .e-con-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
}
.opening-hour > .e-con-inner > .elementor-element {
width: auto;
}
#opgemerkt .opening-hour .day {
width: calc(100px + clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px) + clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px));
}
.opening-hour .day .jet-listing-dynamic-field__content {
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
}
.opening-hour .container-opening-hour {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
.opening-hour .container-opening-hour .container-morning,
.opening-hour .container-opening-hour .container-afternoon {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
}
.opening-hour .container-opening-hour .container-morning,
.opening-hour .container-opening-hour .container-afternoon {
font-size: clamp(14px, calc(calc(100 / 1152) * (100vw - 768px) + 14px), 16px);
}
.opening-hour .container-opening-hour .container-morning > .elementor-element:last-child::before,
.opening-hour .container-opening-hour .container-afternoon > .elementor-element:last-child::before {
content: '';
position: relative;
display: inline-block;
background-image: url(//www.onism.be/wp-content/uploads/2024/08/Onism-Website-Icons-Arrow-Right.svg);
background-repeat: repeat;
background-position: center;
background-size: cover;
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
margin-right: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
}
.opening-hour .container-opening-hour .container-morning > .elementor-element:last-child,
.opening-hour .container-opening-hour .container-afternoon > .elementor-element:last-child {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}  #contact .elementor-widget-heading h2 {
text-align: center;
}
#contact .contact-information .elementor-icon-list-items {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px);
}
@media only screen and (max-width: 768px) {
#contact .contact-information .elementor-icon-list-items {
flex-flow: column wrap;
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
}
#contact .contact-information .elementor-icon-list-items .elementor-icon-list-item {
margin: 0;
}
#contact .contact-information .elementor-icon-list-items .elementor-icon-list-item a {
gap: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
#contact .contact-information .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg {
width: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
height: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
margin: 0;
}
#contact .contact-information .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
margin-top: -2px;
padding-left: 0 !important;
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(16px, calc(calc(100 / 1152) * (100vw - 768px) + 16px), 18px);
letter-spacing: 0;
line-height: 1.5;
}
#contact .elementor-widget-button {
justify-content: center;
} .slider {
overflow: hidden;
}
.slider .jet-listing-not-found {
color: var(--e-global-color-primary);
text-align: left;
}
.slider .jet-listing-grid__items {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
gap: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
width: calc(100% + clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px));
margin: 0 calc(-1 * clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px));
}
.slider .jet-listing-grid__items .jet-listing-grid__item {
height: calc(100vh - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
height: calc(var(--viewport-height) - clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 80px));
padding: 0 clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
#opgemerkt .slider > .e-con-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
} .page-id-557 .burger-wrapper::after,
.page-id-557 .burger-wrapper::before,
.page-id-559 .burger-wrapper::after,
.page-id-559 .burger-wrapper::before {
background-color: var(--e-global-color-primary);
}
.page-id-557 .header .elementor-widget-nav-menu .elementor-item,
.page-id-559 .header .elementor-widget-nav-menu .elementor-item {
color: var(--e-global-color-primary);
}
.page-id-557 .center-vertical,
.page-id-559 .center-vertical {
padding-top: calc(var(--header-height) + clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px));
padding-bottom: clamp(40px, calc(calc(100 / 1152) * (100vw - 768px) + 40px), 120px);
}
.page-id-557 .container-content,
.page-id-559 .container-content {
max-width: 960px;
margin: 0 auto;
}
.page-id-557 .elementor-widget-heading.h2 h1,
.page-id-559 .elementor-widget-heading.h2 h1 {
font-size: clamp(30px, calc(calc(100 / 1152) * (100vw - 768px) + 30px), 60px);
}
.page-id-557 .elementor-widget-text-editor h4 + p,
.page-id-557 .elementor-widget-text-editor p + h4,
.page-id-557 .elementor-widget-text-editor h4 + ul,
.page-id-557 .elementor-widget-text-editor ul + h4,
.page-id-557 .elementor-widget-text-editor p + p,
.page-id-557 .elementor-widget-text-editor p + ul,
.page-id-557 .elementor-widget-text-editor ul + p,
.page-id-559 .elementor-widget-text-editor h4 + p,
.page-id-559 .elementor-widget-text-editor p + h4,
.page-id-559 .elementor-widget-text-editor h4 + ul,
.page-id-559 .elementor-widget-text-editor ul + h4,
.page-id-559 .elementor-widget-text-editor p + p,
.page-id-559 .elementor-widget-text-editor p + ul,
.page-id-559 .elementor-widget-text-editor ul + p,
.page-id-559 .elementor-widget-text-editor .cky-audit-table-element + h4 {
margin-top: 20px;
}
.page-id-557 .elementor-widget-text-editor h4,
.page-id-559 .elementor-widget-text-editor h4 {
color: var(--e-global-color-primary);
font-family: 'minion-pro', serif;
font-weight: 600;
font-size: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 30px);
letter-spacing: 0;
line-height: 1.5;
}
.page-id-557 .elementor-widget-text-editor h4,
.page-id-557 .elementor-widget-text-editor p,
.page-id-557 .elementor-widget-text-editor ul,
.page-id-559 .elementor-widget-text-editor h4,
.page-id-559 .elementor-widget-text-editor p,
.page-id-559 .elementor-widget-text-editor ul {
margin-bottom: 0;
}
.page-id-557 .elementor-widget-text-editor ul,
.page-id-559 .elementor-widget-text-editor ul {
padding-left: 0;
}
.page-id-557 .elementor-widget-text-editor ul li::before,
.page-id-559 .elementor-widget-text-editor ul li::before {
content: '—';
position: relative;
display: inline-block;
margin-right: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 20px);
}
.page-id-557 .elementor-widget-text-editor ul li,
.page-id-559 .elementor-widget-text-editor ul li {
color: var(--e-global-color-primary);
line-height: 1.8;
list-style: none;
} .elementor-location-footer {
margin-top: calc(-1 * clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px));
font-size: clamp(12px, calc(calc(100 / 1152) * (100vw - 768px) + 12px), 14px);
}
.elementor-location-footer .footer > .e-con-inner,
.footer .container-left,
.footer .container-right,
.footer .elementor-widget-nav-menu .elementor-nav-menu {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
gap: clamp(20px, calc(calc(100 / 1152) * (100vw - 768px) + 20px), 40px);
}
.footer .container-left,
.footer .container-right {
width: auto;
}
@media only screen and (max-width: 480px) {
.elementor-location-footer .footer > .e-con-inner {
justify-content: space-between;
align-items: flex-start;
}
.footer .container-left {
flex-flow: column wrap;
align-items: flex-start;
gap: 10px;
}
} .elementor-widget-opgemerkt-made-by .made-by-wrapper {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.elementor-widget-opgemerkt-made-by .made-by-wrapper svg {
width: clamp(10px, calc(calc(100 / 1152) * (100vw - 768px) + 10px), 14px);
height: auto;
margin-top: 2px;
}
.elementor-widget-opgemerkt-made-by .made-by-wrapper svg * {
fill: var(--e-global-color-primary);
} .otgs-development-site-front-end {
display: none;
} .elementor-widget-wpml-language-switcher {
width: 48px;
}
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click a,
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click a:hover,
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click a:focus,
.elementor-widget-wpml-language-switcher .wpml-ls-legacy-dropdown-click a:active {
color: var(--e-global-color-secondary) !important;
background-color: transparent !important;
display: flex;
padding: 6px 0;
border: none;
user-select: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
border-top: none;
}
#wpml-ls-submenu-click-default {
background-color: transparent !important;
}