.umdk,.umdk *{box-sizing:border-box}
.umdk{--bg:#fff;--panel:#fff;--ink:#998457;--ink-soft:#7d6b46;--ink-mute:#a08e68;--line:#e9e4d8;--line-strong:#d9d3c4;--hot:#998457;--cold:#3b82f6;--shadow:0 2px 0 rgba(30,58,82,.04),0 8px 24px rgba(30,58,82,.06);width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:28px;background:#fff;color:var(--ink);font-family:'Nunito',system-ui,sans-serif}
.umdk-grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;align-items:start}.umdk-col{display:flex;flex-direction:column;gap:22px;min-width:0}.umdk-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;position:relative}.umdk-hero{padding:26px 28px 22px;overflow:hidden}.umdk-hero-inner{display:grid;grid-template-columns:140px 1fr 160px;align-items:center;gap:20px}.umdk-title{font-family:'Caveat',cursive;font-weight:700;font-size:64px;line-height:1;text-align:center;margin:0;color:var(--ink);letter-spacing:.5px}.umdk-title span{display:inline-block;vertical-align:middle;margin:0 6px;font-size:38px}.umdk-sub{text-align:center;font-size:17px;color:var(--ink-soft);margin:6px 0 0;font-weight:500}.umdk-info{display:flex;gap:36px;justify-content:center;margin-top:22px;flex-wrap:wrap}.umdk-info div{display:flex;flex-direction:column;gap:1px}.umdk-info b{font-weight:800;font-size:15px}.umdk-info small{font-size:13px;color:var(--ink-mute)}.umdk-hero-slot,.umdk-detail-slot,.umdk-wide-slot,.umdk-image-slot{border:2px dashed var(--line-strong);background:#fff;border-radius:16px}.umdk-hero-slot{width:140px;height:165px}.umdk-hero-slot.right{width:160px;height:170px}.umdk-main-card{padding:24px}.umdk-controls{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:16px}.umdk-controls label,.umdk-form label{display:block}.umdk-controls span,.umdk-label{display:block;font-size:11px;letter-spacing:.12em;color:var(--ink-mute);font-weight:800;text-transform:uppercase;margin-bottom:8px}.umdk-controls select,.umdk-controls input,.umdk-form input,.umdk-form select,.umdk-form textarea{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;padding:0 14px;font-family:'Nunito',system-ui,sans-serif;font-size:15px;color:var(--ink);font-weight:700;outline:none}.umdk-form textarea{padding:12px 14px;min-height:105px;resize:vertical}.umdk-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;height:44px}.umdk-toggle button{border:0;border-radius:9px;background:transparent;font-family:'Nunito',system-ui,sans-serif;font-size:13px;color:var(--ink-soft);font-weight:800;cursor:pointer}.umdk-toggle button.active{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.umdk-date-wrap{display:none!important}.umdk[data-mode=date] .umdk-days-wrap{display:none!important}.umdk[data-mode=date] .umdk-date-wrap{display:block!important}.umdk-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.umdk-add,.umdk-submit{border:0;border-radius:12px;background:var(--ink);color:#fff;min-height:42px;padding:0 18px;font-family:'Nunito',system-ui,sans-serif;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(153,132,87,.18)}.umdk-status{color:var(--ink-mute);font-weight:800;margin:10px 0}.umdk-forecast{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;padding:4px;overflow-x:auto;scroll-snap-type:x mandatory}.umdk-day{text-align:center;padding:14px 8px 12px;border-radius:14px;cursor:pointer;transition:background .15s ease,transform .15s ease;min-width:0;scroll-snap-align:start;background:#fff}.umdk-day:hover{background:#fff}.umdk-day.active{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}.umdk-day.is-single{max-width:360px;width:100%;justify-self:center;grid-column:1/-1;padding:22px 18px}.umdk-dname{font-weight:900;font-size:15px;color:var(--ink)}.umdk-ddate{font-size:12px;color:var(--ink-mute);margin-top:1px;font-weight:700}.umdk-weather-icon{margin:10px auto 6px;height:52px;display:grid;place-items:center;font-size:42px}.umdk-image-slot{height:110px;margin:0 auto 10px;width:100%;max-width:110px}.umdk-temps{display:flex;align-items:baseline;gap:10px;justify-content:center;margin-top:4px}.umdk-thi{font-size:22px;font-weight:900;color:var(--hot)}.umdk-tlo{font-size:15px;font-weight:800;color:#1e3a52;color:var(--ink-soft);margin-top:6px;font-weight:700}.umdk-rain{font-size:11px;color:var(--ink-mute);font-weight:700;margin-top:2px}.umdk-card-button{margin-top:10px;width:100%;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);padding:9px 8px;font-weight:900;font-size:13px;cursor:pointer}.umdk-card-button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.umdk-range-foot{margin-top:14px;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;color:var(--ink-mute);font-size:13px;font-weight:800}.umdk-detail h2,.umdk-how h2,.umdk-form h2,.umdk-modal-content h2{margin:0;font-family:'Caveat',cursive;font-size:32px;font-weight:700;color:var(--ink);line-height:1}.umdk-detail-date{text-align:center;font-family:'Caveat',cursive;font-size:30px;font-weight:700;color:var(--ink);margin:14px 0 10px;line-height:1}.umdk-detail-body{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:center}.umdk-detail-slot{aspect-ratio:1/1.05;width:100%}.umdk-detail-weather{display:flex;align-items:center;gap:16px}.umdk-detail-icon{font-size:64px}.umdk-hi{font-size:64px;line-height:.9;color:var(--hot);font-weight:900;letter-spacing:-.04em}.umdk-lo{font-size:30px;color:var(--cold);font-weight:900}.umdk-stat-list{margin-top:18px}.umdk-stat-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.umdk-stat-list span{color:var(--ink-mute);font-weight:700}.umdk-stat-list b{color:var(--ink);font-weight:900}.umdk-how{text-align:center}.umdk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;margin:18px 0 14px}.umdk-steps i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(153,132,87,.12);color:var(--ink);font-style:normal;font-weight:900;margin:0 auto 8px}.umdk-steps b{display:block;font-size:13px}.umdk-steps span{display:block;color:var(--ink-mute);font-size:12px;margin-top:2px}.umdk-wide-slot{margin-top:8px;height:110px;border-radius:12px}.umdk-modal{width:min(760px,calc(100vw - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(30,58,82,.25)}.umdk-modal::backdrop{background:rgba(30,58,82,.35);backdrop-filter:blur(4px)}.umdk-form,.umdk-modal-content{padding:28px;position:relative;background:#fff;color:var(--ink)}.umdk-form p{margin:6px 0 20px;color:var(--ink-soft);font-weight:700}.umdk-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-size:26px;cursor:pointer}.umdk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.umdk-form label{font-weight:800;color:var(--ink-soft);margin-bottom:14px}.umdk-weather-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0 18px}.umdk-weather-options legend{padding:0 8px;font-weight:900}.umdk-weather-options label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 10px;margin:0}.umdk-weather-options input{width:auto}.umdk-message{font-weight:900;margin-bottom:12px}.umdk-message.is-success{color:#2f8f7c}.umdk-message.is-error{color:#b91c1c}.umdk-outing{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}.umdk-outing h3{margin:0 0 6px}.umdk-outing small,.umdk-outing p{color:var(--ink-soft);font-weight:700}.umdk-outing .button{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:900}
@media(max-width:1100px){.umdk-grid{grid-template-columns:1fr}.umdk-hero-inner{grid-template-columns:1fr}.umdk-hero-slot{display:none}}@media(max-width:760px){.umdk{padding:14px}.umdk-card{border-radius:16px;padding:18px}.umdk-title{font-size:52px}.umdk-title span{font-size:28px}.umdk-sub{font-size:16px}.umdk-info{gap:14px;margin-top:18px}.umdk-controls{grid-template-columns:1fr;gap:16px}.umdk-toggle{grid-template-columns:1fr;height:auto}.umdk-toggle button{min-height:40px}.umdk-actions{justify-content:stretch}.umdk-add{width:100%}.umdk-forecast{display:flex;gap:12px;padding:4px 2px 8px}.umdk-day,.umdk-day.is-single{min-width:82vw;border:1px solid var(--line);background:#fff}.umdk-detail-body{grid-template-columns:1fr}.umdk-detail-slot{min-height:220px}.umdk-steps{grid-template-columns:1fr}.umdk-form-grid{grid-template-columns:1fr}} .umdk-admin .umdk-admin-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px;margin:18px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}.umdk-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px 18px}.umdk-admin-grid label{font-weight:700}.umdk-admin-grid input,.umdk-admin-grid select{width:100%;margin-top:6px}.umdk-admin-weather{border:1px solid #dcdcde;border-radius:10px;padding:14px;margin-top:14px}.umdk-admin-weather label{display:inline-block;margin:0 16px 10px 0}@media(max-width:800px){.umdk-admin-grid{grid-template-columns:1fr}}
.umdk-price-field[hidden]{display:none!important;}
.umdk-popup-temp-slider {
border: 1px solid var(--umdk-line);
border-radius: 14px;
padding: 16px;
margin: 10px 0 18px;
background: #fff;
}
.umdk-popup-temp-slider h3 {
margin: 0 0 12px;
color: var(--umdk-brand);
font-family: "Caveat", cursive;
font-size: 28px;
line-height: 1;
}
.umdk-popup-temp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.umdk-popup-temp-grid label {
margin: 0;
}
.umdk-popup-temp-grid input[type="range"] {
width: 100%;
accent-color: var(--umdk-brand);
min-height: auto;
padding: 0;
border: 0;
}
.umdk-popup-temp-grid strong {
display: block;
margin-top: 6px;
color: var(--umdk-brand);
}
@media(max-width: 760px) {
.umdk-popup-temp-grid {
grid-template-columns: 1fr;
}
} .umdk-outings-modal,
.umdk-add-modal {
overflow: hidden;
}
.umdk-outings-modal .umdk-modal-content,
.umdk-add-modal .umdk-form {
max-height: min(86vh, 820px);
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.umdk-outings-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-add-modal .umdk-form::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.umdk-close {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
line-height: 1 !important;
text-align: center;
font-size: 26px !important;
font-weight: 800;
border-radius: 50% !important;
aspect-ratio: 1 / 1;
}
.umdk-close:hover {
background: var(--umdk-brand);
border-color: var(--umdk-brand);
color: #fff;
} .umdk-weather-portrait {
width: 100%;
max-width: 112px;
height: 132px;
margin: 8px auto 10px;
display: grid;
place-items: center;
overflow: hidden;
border-radius: 16px;
background: transparent;
}
.umdk-weather-portrait img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.umdk-weather-portrait span {
font-size: 48px;
line-height: 1;
}
.umdk-detail-slot {
display: grid;
place-items: center;
overflow: hidden;
}
.umdk-detail-image {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
@media(max-width: 760px) {
.umdk-weather-portrait {
max-width: 148px;
height: 170px;
}
} .umdk-weather-portrait {
width: 100%;
max-width: 132px;
height: 188px;
margin: 8px auto 12px;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
border-radius: 0;
background: transparent;
}
.umdk-weather-portrait img {
width: 100%;
height: 100%;
object-fit: contain !important;
object-position: center center;
display: block;
}
.umdk-day {
overflow: visible;
}
.umdk-detail-slot {
overflow: visible;
min-height: 260px;
}
.umdk-detail-image {
width: 100%;
height: 100%;
object-fit: contain !important;
object-position: center center;
}
@media(max-width: 760px) {
.umdk-weather-portrait {
max-width: 175px;
height: 230px;
}
} .umdk-title,
.umdk-sub,
.umdk-info,
.umdk-info b,
.umdk-info small,
.umdk-controls span,
.umdk-label,
.umdk-controls label,
.umdk-controls select,
.umdk-controls option,
.umdk-toggle button,
.umdk-toggle button.active,
.umdk-select,
.umdk-select select {
color: #1e3a52 !important;
}
.umdk-toggle {
background: #f5efe1;
}
.umdk-toggle button.active {
background: #ffffff !important;
border: 1px solid #d9d3c4 !important;
box-shadow: none !important;
} .umdk-date-note,
.umdk-how h2,
.umdk-how-title,
.umdk-date-title,
.umdk-controls-title {
color: #1e3a52 !important;
} .umdk-toggle-wrap {
display: flex;
flex-direction: column;
gap: 8px;
}
.umdk-toggle-label {
font-size: 11px;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 900;
color: #1e3a52;
}
.umdk-toggle {
position: relative;
display: flex;
align-items: center;
background: #eef2f5;
border: 1px solid #d9dfe6;
border-radius: 999px;
padding: 4px;
height: 54px;
overflow: hidden;
}
.umdk-toggle::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: calc(50% - 4px);
height: calc(100% - 8px);
border-radius: 999px;
background: #1e3a52;
transition: transform .22s ease;
z-index: 1;
}
.umdk[data-mode="date"] .umdk-toggle::before {
transform: translateX(100%);
}
.umdk-toggle button {
position: relative;
z-index: 2;
flex: 1;
height: 100%;
border: 0;
background: transparent !important;
color: #1e3a52 !important;
font-size: 15px;
font-weight: 900;
border-radius: 999px;
transition: color .2s ease;
}
.umdk-toggle button.active {
color: #ffffff !important;
border: 0 !important;
}
.umdk-toggle button span {
opacity: .75;
font-size: 13px;
font-weight: 700;
margin-left: 6px;
} .umdk-days-wrap {
display: flex;
flex-direction: column;
gap: 10px;
}
.umdk-days-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.umdk-days-value {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
height: 32px;
border-radius: 999px;
background: #1e3a52;
color: #fff;
font-size: 14px;
font-weight: 900;
}
.umdk-days-slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 8px;
border-radius: 999px;
background: linear-gradient(90deg,#998457 0%,#1e3a52 100%);
outline: none;
}
.umdk-days-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 26px;
height: 26px;
border-radius: 50%;
background: #ffffff;
border: 4px solid #1e3a52;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0,0,0,.18);
}
.umdk-days-slider::-moz-range-thumb {
width: 26px;
height: 26px;
border-radius: 50%;
background: #ffffff;
border: 4px solid #1e3a52;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0,0,0,.18);
}
@media(max-width:760px) {
.umdk-toggle {
height: 50px;
}
.umdk-toggle button {
font-size: 14px;
}
.umdk-toggle button span {
display: none;
}
.umdk-days-top {
align-items: flex-start;
flex-direction: column;
}
.umdk-days-value {
min-width: 58px;
}
} .umdk-toggle-wrap {
display: flex;
flex-direction: column;
gap: 9px;
}
.umdk-toggle-label {
color: #1e3a52 !important;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
}
.umdk-real-switch {
--switch-bg: #edf2f4;
--switch-on: #1e3a52;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
min-height: 62px;
padding: 6px;
border-radius: 999px;
background:
inset 0 2px 6px rgba(30,58,82,.08),
var(--switch-bg);
border: 1px solid #d9e0e6;
box-shadow: inset 0 2px 8px rgba(30,58,82,.08), 0 5px 16px rgba(30,58,82,.06);
overflow: hidden;
}
.umdk-real-switch::before {
content: "";
position: absolute;
top: 6px;
left: 6px;
width: calc(50% - 6px);
height: calc(100% - 12px);
border-radius: 999px;
background: var(--switch-on);
box-shadow: 0 8px 18px rgba(30,58,82,.25);
transform: translateX(0);
transition: transform .24s ease;
z-index: 1;
}
.umdk[data-mode="date"] .umdk-real-switch::before {
transform: translateX(100%);
}
.umdk-real-switch button {
position: relative;
z-index: 2;
border: 0;
background: transparent !important;
color: #1e3a52 !important;
border-radius: 999px;
cursor: pointer;
min-height: 50px;
padding: 6px 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
font-family: inherit;
line-height: 1.05;
box-shadow: none !important;
}
.umdk-real-switch button.active {
color: #fff !important;
}
.umdk-switch-title {
font-size: 14px;
font-weight: 950;
}
.umdk-switch-sub {
font-size: 11px;
font-weight: 800;
opacity: .8;
}
.umdk-days-wrap {
display: flex;
flex-direction: column;
gap: 12px;
}
.umdk-days-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.umdk-days-value {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 78px;
height: 34px;
padding: 0 13px;
border-radius: 999px;
color: #fff;
background: #1e3a52;
font-size: 14px;
font-weight: 950;
box-shadow: 0 6px 14px rgba(30,58,82,.18);
}
.umdk-slicer {
display: grid;
gap: 8px;
}
.umdk-days-slider {
--umdk-slicer-pct: 46%;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 34px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
cursor: pointer;
}
.umdk-days-slider::-webkit-slider-runnable-track {
height: 12px;
border-radius: 999px;
background: linear-gradient(90deg, #1e3a52 0 var(--umdk-slicer-pct), #e5e9ee var(--umdk-slicer-pct) 100%);
box-shadow: inset 0 1px 3px rgba(30,58,82,.12);
}
.umdk-days-slider::-moz-range-track {
height: 12px;
border-radius: 999px;
background: #e5e9ee;
}
.umdk-days-slider::-moz-range-progress {
height: 12px;
border-radius: 999px;
background: #1e3a52;
}
.umdk-days-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 30px;
height: 30px;
margin-top: -9px;
border-radius: 50%;
background: #fff;
border: 5px solid #1e3a52;
box-shadow: 0 6px 16px rgba(30,58,82,.28);
}
.umdk-days-slider::-moz-range-thumb {
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
border: 5px solid #1e3a52;
box-shadow: 0 6px 16px rgba(30,58,82,.28);
}
.umdk-slicer-scale {
display: flex;
justify-content: space-between;
color: #1e3a52;
opacity: .65;
font-size: 12px;
font-weight: 900;
padding: 0 4px;
}
@media(max-width:760px) {
.umdk-real-switch {
min-height: 58px;
}
.umdk-real-switch button {
padding: 6px 8px;
}
.umdk-switch-title {
font-size: 13px;
}
.umdk-switch-sub {
display: none;
}
} .umdk-toggle-wrap {
display: flex !important;
flex-direction: column;
gap: 8px;
}
.umdk-toggle-label,
.umdk-switch-help,
.umdk-days-head .umdk-label {
color: #1e3a52 !important;
}
.umdk-toggle-label {
font-size: 11px;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.umdk-switch-help {
display: block;
font-size: 12px;
font-weight: 700;
opacity: .75;
} .umdk-switch-control {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
width: 100%;
min-height: 58px;
padding: 6px;
border-radius: 999px;
background: #e8eef2;
border: 1px solid #cfd9e2;
box-shadow: inset 0 3px 8px rgba(30,58,82,.14), 0 8px 18px rgba(30,58,82,.06);
}
.umdk-switch-handle {
position: absolute;
z-index: 1;
left: 6px;
top: 6px;
width: calc(50% - 6px);
height: calc(100% - 12px);
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(30,58,82,.12);
box-shadow: 0 8px 18px rgba(30,58,82,.22);
transition: transform .24s cubic-bezier(.2,.8,.2,1);
}
.umdk[data-mode="date"] .umdk-switch-handle {
transform: translateX(100%);
}
.umdk-switch-control button {
position: relative;
z-index: 2;
height: 46px;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 999px;
color: #1e3a52 !important;
font-family: inherit;
font-size: 14px;
font-weight: 950;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 12px;
min-width: 0;
}
.umdk-switch-control button.active {
color: #1e3a52 !important;
}
.umdk-switch-dot {
width: 12px;
height: 12px;
border-radius: 999px;
background: #b9c6d0;
box-shadow: inset 0 1px 2px rgba(30,58,82,.18);
}
.umdk-switch-control button.active .umdk-switch-dot {
background: #1e3a52;
} .umdk-days-wrap {
display: flex !important;
flex-direction: column;
gap: 12px;
}
.umdk-days-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.umdk-days-bubble {
min-width: 76px;
height: 34px;
padding: 0 12px;
border-radius: 999px;
background: #1e3a52;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.2);
}
.umdk-days-slicer {
display: grid;
gap: 9px;
}
.umdk-days-range {
--fill: 46%;
-webkit-appearance: none !important;
appearance: none !important;
width: 100% !important;
height: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
outline: none !important;
cursor: pointer;
}
.umdk-days-range::-webkit-slider-runnable-track {
height: 12px;
border-radius: 999px;
background: linear-gradient(90deg, #1e3a52 0 var(--fill), #e4e9ee var(--fill) 100%);
box-shadow: inset 0 2px 4px rgba(30,58,82,.12);
}
.umdk-days-range::-webkit-slider-thumb {
-webkit-appearance: none !important;
appearance: none !important;
width: 30px;
height: 30px;
margin-top: -9px;
border-radius: 50%;
background: #fff;
border: 5px solid #1e3a52;
box-shadow: 0 8px 18px rgba(30,58,82,.28);
}
.umdk-days-range::-moz-range-track {
height: 12px;
border-radius: 999px;
background: #e4e9ee;
}
.umdk-days-range::-moz-range-progress {
height: 12px;
border-radius: 999px;
background: #1e3a52;
}
.umdk-days-range::-moz-range-thumb {
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
border: 5px solid #1e3a52;
box-shadow: 0 8px 18px rgba(30,58,82,.28);
}
.umdk-days-ticks {
display: flex;
justify-content: space-between;
color: #1e3a52;
opacity: .68;
font-size: 12px;
font-weight: 900;
padding: 0 4px;
}
@media(max-width: 760px) {
.umdk-switch-control {
min-height: 56px;
}
.umdk-switch-control button {
font-size: 13px;
padding: 0 8px;
gap: 6px;
}
.umdk-switch-dot {
width: 10px;
height: 10px;
}
} .umdk-top-actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
margin: 0 0 18px;
}
.umdk-filter-open,
.umdk-card-button {
min-height: 44px;
border: 0 !important;
border-radius: 12px;
background: var(--umdk-brand, #998457) !important;
color: #ffffff !important;
padding: 0 20px;
font-size: 15px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 14px 28px rgba(153,132,87,.18);
}
.umdk-card-button {
width: 100%;
margin-top: 14px;
}
.umdk-filter-modal {
width: min(760px, calc(100vw - 28px));
}
.umdk-filter-intro {
margin: 10px 0 20px;
color: #1e3a52;
font-weight: 700;
text-align: center;
}
.umdk-controls-popup {
display: grid !important;
grid-template-columns: 1fr;
gap: 22px;
padding: 0;
margin: 0;
border: 0;
}
.umdk-controls-popup > label,
.umdk-controls-popup > div,
.umdk-controls-popup .umdk-date-wrap {
width: 100%;
}
.umdk-filter-modal .umdk-modal-content {
max-height: min(88vh, 760px);
} .umdk-forecast {
display: grid !important;
grid-auto-flow: row !important;
grid-auto-columns: initial !important;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0;
overflow-x: visible !important;
overflow-y: visible;
padding-bottom: 18px;
}
.umdk-day {
min-width: 0 !important;
width: auto !important;
}
.umdk-count-1 { grid-template-columns: minmax(240px, 440px) !important; justify-content: center; }
.umdk-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.umdk-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.umdk-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.umdk-count-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.umdk-count-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.umdk-count-7,
.umdk-count-8,
.umdk-count-9,
.umdk-count-10,
.umdk-count-11,
.umdk-count-12,
.umdk-count-13,
.umdk-count-14 {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
@media(max-width: 760px) {
.umdk-top-actions {
justify-content: stretch;
display: grid;
grid-template-columns: 1fr;
}
.umdk-filter-open,
.umdk-add {
width: 100%;
}
.umdk-forecast,
.umdk-count-1,
.umdk-count-2,
.umdk-count-3,
.umdk-count-4,
.umdk-count-5,
.umdk-count-6,
.umdk-count-7,
.umdk-count-8,
.umdk-count-9,
.umdk-count-10,
.umdk-count-11,
.umdk-count-12,
.umdk-count-13,
.umdk-count-14 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px;
}
.umdk-day,
.umdk-day.is-single {
min-width: 0 !important;
width: auto !important;
}
.umdk-weather-portrait {
max-width: 120px;
height: 168px;
}
} html,
body {
overflow-x: hidden;
}
.umdk,
.umdk *,
.umdk *::before,
.umdk *::after {
box-sizing: border-box;
}
@media(max-width: 760px) {
.umdk {
width: 100%;
max-width: 100vw;
padding-left: 10px !important;
padding-right: 10px !important;
margin: 0 auto;
overflow-x: hidden;
}
.umdk-grid,
.umdk-col,
.umdk-card,
.umdk-main-card,
.umdk-forecast,
.umdk-day,
.umdk-day.is-single,
.umdk-modal,
.umdk-modal-content {
max-width: 100%;
}
.umdk-grid {
overflow-x: hidden;
}
.umdk-card {
margin-left: 0 !important;
margin-right: 0 !important;
}
.umdk-forecast {
width: 100%;
}
.umdk-day {
overflow: hidden;
}
} .umdk-filter-open {
color: #ffffff !important;
}
.umdk-days-bubble {
background: var(--umdk-brand, #998457) !important;
color: #ffffff !important;
}
.umdk-switch-control button.active .umdk-switch-dot,
.umdk-switch-dot {
background: var(--umdk-brand, #998457) !important;
}
.umdk-free-filter {
display: flex !important;
align-items: center;
gap: 12px;
padding: 14px 16px;
border: 1px solid var(--umdk-line, #e9e4d8);
border-radius: 14px;
background: #fff;
color: #1e3a52 !important;
font-weight: 900;
cursor: pointer;
}
.umdk-free-filter input {
width: 22px !important;
height: 22px !important;
min-height: 22px !important;
accent-color: var(--umdk-brand, #998457);
padding: 0 !important;
cursor: pointer;
}
.umdk-free-filter span {
color: #1e3a52 !important;
margin: 0 !important;
font-size: 15px !important;
letter-spacing: 0 !important;
text-transform: none !important;
} .umdk-filter-open {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 9px;
color: #ffffff !important;
}
.umdk-filter-icon {
width: 19px;
height: 19px;
color: #ffffff !important;
stroke: #ffffff !important;
flex: 0 0 auto;
}
.umdk-detail h2,
.umdk-detail-title {
color: #1e3a52 !important;
} .umdk {
position: relative;
}
.umdk-menu-open {
position: absolute;
top: 18px;
right: 18px;
z-index: 20;
width: 46px;
height: 46px;
border: 0;
border-radius: 999px;
background: #1e3a52;
color: #fff;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
cursor: pointer;
box-shadow: 0 10px 24px rgba(30,58,82,.22);
}
.umdk-menu-open span {
width: 19px;
height: 2px;
border-radius: 999px;
background: #fff;
display: block;
}
.umdk-menu-modal {
width: min(420px, calc(100vw - 28px));
}
.umdk-popup-menu {
display: grid;
gap: 10px;
margin-top: 18px;
}
.umdk-menu-item {
min-height: 46px;
border: 1px solid var(--umdk-line, #e9e4d8);
border-radius: 14px;
background: #fff;
color: #1e3a52;
font-family: inherit;
font-size: 16px;
font-weight: 900;
cursor: pointer;
text-align: left;
padding: 0 16px;
}
.umdk-menu-item:hover {
background: #fdfaf3;
}
.umdk-cond {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
margin: 8px auto 0;
padding: 3px 9px !important;
border-radius: 999px;
background: #1e3a52 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
}
@media(max-width: 760px) {
.umdk-menu-open {
top: 10px;
right: 10px;
width: 42px;
height: 42px;
}
.umdk-title-cloud {
display: none !important;
}
.umdk-title {
white-space: nowrap;
font-size: clamp(38px, 10vw, 48px) !important;
}
} .umdk-form-grid label:nth-child(1),
.umdk-form-grid label:nth-child(2) {
color: #1e3a52;
} .umdk-form-grid label:nth-child(1),
.umdk-form-grid label:nth-child(2) {
color: #7d6b46 !important;
}
.umdk-menu-open {
top: 5px !important;
right: 26px !important;
}
@media(max-width: 760px) {
.umdk-menu-open {
top: 5px !important;
right: 18px !important;
}
.umdk-top-actions {
display: flex !important;
flex-direction: column;
}
.umdk-top-actions .umdk-filter-open {
order: 1;
}
.umdk-top-actions .umdk-add {
order: 99;
margin-top: 12px;
}
} .umdk-add-modal h2,
.umdk-form h2 {
color: #1e3a52 !important;
}
.umdk-mobile-add {
display: none;
}
@media(max-width: 760px) {
.umdk-top-actions .umdk-add {
display: none !important;
}
.umdk-mobile-add {
display: flex !important;
align-items: center;
justify-content: center;
width: calc(100% - 20px);
min-height: 48px;
margin: 18px auto 0;
border: 0;
border-radius: 12px;
background: var(--umdk-brand, #998457);
color: #fff;
font-size: 15px;
font-weight: 900;
box-shadow: 0 14px 28px rgba(153,132,87,.18);
}
} @media(max-width: 760px) {
.umdk-mobile-add {
position: fixed !important;
left: 10px;
right: 10px;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
z-index: 9999;
display: flex !important;
align-items: center;
justify-content: center;
width: auto !important;
min-height: 50px;
margin: 0 !important;
border: 0;
border-radius: 14px;
background: var(--umdk-brand, #998457) !important;
color: #fff !important;
font-size: 16px;
font-weight: 900;
box-shadow: 0 18px 38px rgba(0,0,0,.22);
}
.umdk {
padding-bottom: 92px !important;
}
} .umdk-mobile-add {
display: none;
}
@media screen and (max-width: 760px) {
.umdk-mobile-add {
display: flex !important;
position: fixed !important;
left: 12px !important;
right: 12px !important;
bottom: 12px !important;
width: calc(100vw - 24px) !important;
height: 52px !important;
z-index: 999999 !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 14px !important;
background: #998457 !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 900 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
box-shadow: 0 16px 36px rgba(0,0,0,.24) !important;
}
.umdk-top-actions .umdk-add {
display: none !important;
}
body .umdk {
padding-bottom: 90px !important;
}
} .umdk .umdk-mobile-add {
display: none !important;
}
@media screen and (max-width: 760px) {
.umdk .umdk-top-actions .umdk-add {
display: none !important;
}
.umdk .umdk-mobile-add {
display: flex !important;
position: sticky !important;
bottom: 12px !important;
left: 0 !important;
right: 0 !important;
z-index: 99999 !important;
width: 100% !important;
min-height: 52px !important;
margin: 22px 0 0 !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 14px !important;
background: #998457 !important;
color: #ffffff !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
box-shadow: 0 16px 36px rgba(0,0,0,.24) !important;
}
} .umdk-outings-more-wrap {
display: flex;
justify-content: center;
margin: 16px 0 4px;
}
.umdk-load-more {
min-height: 42px;
border: 0;
border-radius: 12px;
background: var(--umdk-brand, #998457);
color: #fff;
padding: 0 18px;
font-family: inherit;
font-size: 14px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 12px 24px rgba(153,132,87,.18);
}
.umdk-loading-more {
color: #1e3a52;
font-weight: 900;
} .umdk-hero-slot {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.umdk-hero-slot img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center center;
} @media screen and (max-width: 760px) {
.umdk-hero-slot,
.umdk-hero-slot.right {
display: none !important;
}
} .umdk-infinite-loader,
.umdk-loading-more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 44px;
padding: 0 16px;
border-radius: 999px;
background: #fdfaf3;
color: #1e3a52;
font-weight: 900;
border: 1px solid var(--umdk-line, #e9e4d8);
}
.umdk-binoculars {
display: inline-block;
font-size: 21px;
line-height: 1;
animation: umdkBinocularSearch 1.05s ease-in-out infinite;
transform-origin: 50% 60%;
}
@keyframes umdkBinocularSearch {
0%, 100% { transform: translateY(0) rotate(-4deg) scale(1); }
35% { transform: translateY(-3px) rotate(5deg) scale(1.06); }
65% { transform: translateY(1px) rotate(-2deg) scale(1); }
} .umdk-load-more {
display: none;
} .umdk-outings-modal .umdk-modal-content {
padding-top: 0 !important;
}
.umdk-outings-sticky-head {
position: sticky;
top: 0;
z-index: 8;
display: flex;
align-items: center;
justify-content: center;
min-height: 76px;
margin: 0 -28px 18px;
padding: 16px 70px 14px 28px;
background: #fff;
border-bottom: 1px solid var(--umdk-line, #e9e4d8);
box-shadow: 0 8px 22px rgba(30,58,82,.06);
}
.umdk-outings-sticky-head h2 {
color: #1e3a52 !important;
margin: 0;
}
.umdk-outings-sticky-head .umdk-close {
top: 16px !important;
right: 18px !important;
}
.umdk-outing-category-pills {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin: 0 0 18px;
}
.umdk-outing-category-pill {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 6px 10px 6px 13px;
border-radius: 999px;
background: #fdfaf3;
color: #1e3a52;
border: 1px solid var(--umdk-line, #e9e4d8);
font-weight: 900;
font-size: 13px;
}
.umdk-outing-category-pill b {
display: inline-grid;
place-items: center;
min-width: 25px;
height: 25px;
padding: 0 7px;
border-radius: 999px;
background: #998457;
color: #fff;
font-size: 12px;
line-height: 1;
}
.umdk-outing {
position: relative;
padding: 16px 96px 16px 16px !important;
overflow: hidden;
}
.umdk-outing-image {
width: 100%;
max-height: 180px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 10px;
display: block;
}
.umdk-outing-main h3 {
padding-right: 4px;
}
.umdk-outing-description,
.umdk-outing p:not(:has(.button)) {
color: #333333 !important;
font-weight: 400 !important;
}
.umdk-outing-meta-pills {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 9px 0 10px;
}
.umdk-outing-meta-pills span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 5px 9px;
border-radius: 999px;
background: #f5efe1;
color: #1e3a52;
font-size: 12px;
font-weight: 800;
}
.umdk-outing-price-badge {
position: absolute;
right: 16px;
bottom: 16px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #998457;
color: #fff;
display: grid;
place-items: center;
text-align: center;
padding: 8px;
font-size: 13px;
font-weight: 950;
line-height: 1.05;
box-shadow: 0 12px 24px rgba(153,132,87,.22);
word-break: break-word;
}
@media(max-width: 760px) {
.umdk-outings-sticky-head {
margin-left: -18px;
margin-right: -18px;
min-height: 68px;
padding-left: 18px;
}
.umdk-outing {
padding-right: 16px !important;
padding-bottom: 88px !important;
}
.umdk-outing-price-badge {
right: 16px;
bottom: 14px;
}
} .umdk-outing-category-pill {
border: 1px solid var(--umdk-line, #e9e4d8);
cursor: pointer;
font-family: inherit;
transition: transform .15s ease, background .15s ease, color .15s ease;
}
.umdk-outing-category-pill:hover,
.umdk-outing-category-pill.is-active {
background: #1e3a52;
color: #fff;
transform: translateY(-1px);
}
.umdk-outing-category-pill:hover b,
.umdk-outing-category-pill.is-active b {
background: #fff;
color: #1e3a52;
}
.umdk-outing-price-badge {
background: #eaf4dc;
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle"],
.umdk-popup-menu .umdk-menu-item[href*="alle-uitjes"] {
--umdk-menu-icon: "🌍";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "☀️";
}
.umdk-popup-menu button.umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "🎈");
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "Privacy  –  Disclaimer  –  Voorwaarden  –  Sitemap  –  Contact";
display: block;
color: #8b98a8;
text-align: center;
font-size: 12px;
font-weight: 700;
padding-top: 16px;
}
@media(max-width: 680px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
padding: 30px 26px 24px !important;
}
.umdk-popup-menu {
grid-template-columns: 1fr !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 42px !important;
}
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
background: #eaf4dc;
}
.umdk-holidaypark-block::after {
content: "🏡";
position: absolute;
right: 22px;
top: 16px;
font-size: 54px;
opacity: .18;
pointer-events: none;
}
.umdk-holidaypark-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-holidaypark-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-holidaypark-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-holidaypark-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
background: #1e3a52;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
box-shadow: 0 12px 28px rgba(30,58,82,.16);
}
.umdk-holidaypark-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(30,58,82,.22);
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px;
border-radius: 22px;
}
.umdk-holidaypark-block h2 {
font-size: 25px;
}
.umdk-holidaypark-button {
width: 100%;
text-align: center;
}
} .umdk-add-outing-promo-block {
position: relative;
overflow: hidden;
margin: 24px 0;
padding: 24px;
border-radius: 26px;
border: 1px solid #eadcc2;
background: #fff1d7;
box-shadow: 0 16px 38px rgba(30,58,82,.07);
}
.umdk-add-outing-promo-block::after {
content: "✨";
position: absolute;
right: 22px;
top: 16px;
font-size: 52px;
opacity: .18;
pointer-events: none;
}
.umdk-add-outing-promo-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-add-outing-promo-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-add-outing-promo-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-add-outing-promo-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-add-outing-promo-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: #998457;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
cursor: pointer;
box-shadow: 0 12px 28px rgba(153,132,87,.16);
}
.umdk-add-outing-promo-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(153,132,87,.22);
}
@media(max-width: 760px) {
.umdk-add-outing-promo-block {
padding: 20px;
border-radius: 22px;
}
.umdk-add-outing-promo-block h2 {
font-size: 25px;
}
.umdk-add-outing-promo-button {
width: 100%;
text-align: center;
}
} .umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "🏠";
}
.umdk-popup-menu .umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] {
--umdk-menu-icon: "🎟️";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
}
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href*="privacyverklaring"] {
--umdk-menu-icon: "🔐";
}
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] {
--umdk-menu-icon: "⚠️";
}
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] {
--umdk-menu-icon: "📄";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🧭";
}
.umdk-popup-menu .umdk-menu-item[href*="contact"] {
--umdk-menu-icon: "✉️";
}
.umdk-popup-menu .umdk-menu-item[href*="vakantie"] {
--umdk-menu-icon: "🏡";
} .umdk-popup-menu .umdk-menu-item::before {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
font-size: 22px !important;
} .umdk-map-day-slicer button.is-active,
.umdk-map-day-slicer button.active,
.umdk-map-day-slicer button[aria-pressed="true"] {
background: #1e3a52 !important;
color: #fff !important;
border-color: #1e3a52 !important;
box-shadow: 0 14px 30px rgba(30,58,82,.24) !important;
transform: translateY(-1px);
}
.umdk-map-day-slicer button.is-active strong,
.umdk-map-day-slicer button.active strong,
.umdk-map-day-slicer button[aria-pressed="true"] strong,
.umdk-map-day-slicer button.is-active span,
.umdk-map-day-slicer button.active span,
.umdk-map-day-slicer button[aria-pressed="true"] span {
color: #fff !important;
}
.umdk-map-day-slicer button.is-active small,
.umdk-map-day-slicer button.active small,
.umdk-map-day-slicer button[aria-pressed="true"] small {
color: rgba(255,255,255,.82) !important;
} @media(max-width: 760px) {
.umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-map-page a,
.umdk-map-page a:hover,
.umdk-map-page a:focus,
.umdk-map-page a:active,
.umdk-menu-item,
.umdk-menu-item:hover,
.umdk-menu-item:focus,
.umdk-menu-item:active {
text-decoration: none !important;
text-underline-offset: 0 !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
}
}
.umdk-outing-image-frame,
.umdk-card-image,
.umdk-search-card-image,
.umdk-all-card-image {
padding: 6px !important;
border-radius: 20px !important;
}
} .umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-popup-menu .umdk-menu-item,
.umdk-popup-menu .umdk-menu-item:hover,
.umdk-popup-menu .umdk-menu-item:focus,
.umdk-popup-menu .umdk-menu-item:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-all * {
text-decoration: none !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
}
.umdk-popup-menu .umdk-menu-item {
border-bottom: 0 !important;
}
.umdk-popup-menu .umdk-menu-item span,
.umdk-popup-menu .umdk-menu-item strong,
.umdk-popup-menu .umdk-menu-item b {
text-decoration: none !important;
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(620px, calc(100vw - 34px)) !important;
max-width: 620px !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
overflow: hidden !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "";
position: absolute;
right: -34px;
top: -48px;
width: 150px;
height: 150px;
border-radius: 50%;
background: #f8edd2;
opacity: .9;
pointer-events: none;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
position: relative;
z-index: 1;
font-family: 'Caveat', cursive !important;
color: #1e3a52 !important;
font-size: 44px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 0 20px !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
position: absolute !important;
z-index: 3 !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
background: #fff !important;
color: #1e3a52 !important;
border: 1px solid #e7dac4 !important;
box-shadow: 0 10px 24px rgba(30,58,82,.10) !important;
font-size: 26px !important;
line-height: 1 !important;
}
.umdk-popup-menu {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 22px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
text-decoration: none !important;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.umdk-popup-menu .umdk-menu-item:hover {
transform: translateY(-1px) !important;
border-color: #d8c28e !important;
box-shadow: 0 14px 28px rgba(30,58,82,.08) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer,
.umdk-menu-footer {
position: relative;
z-index: 1;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding-top: 16px !important;
border-top: 1px solid #eadcc2 !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 850 !important;
}
.umdk-menu-footer a,
.umdk-menu-footer a:hover,
.umdk-menu-footer a:focus,
.umdk-menu-footer a:active {
color: #7d6b46 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 40px !important;
margin-bottom: 18px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.15 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 9px !important;
}
} .umdk-modal.umdk-menu-modal,
.umdk-modal.umdk-all-menu-modal,
dialog.umdk-menu-modal,
dialog.umdk-all-menu-modal {
padding: 0 !important;
overflow: visible !important;
max-width: none !important;
width: auto !important;
background: transparent !important;
border: 0 !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
box-sizing: border-box !important;
width: min(620px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
}
.umdk-menu-modal .umdk-modal-content *,
.umdk-all-menu-modal .umdk-modal-content * {
box-sizing: border-box !important;
}
.umdk-popup-menu {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.umdk-popup-menu .umdk-menu-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-grid !important;
place-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-family: 'Caveat', cursive !important;
font-size: 44px !important;
line-height: 1 !important;
margin: 0 0 20px !important;
color: #1e3a52 !important;
font-weight: 700 !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
top: 18px !important;
right: 18px !important;
}
.umdk-menu-footer,
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
max-width: calc(100vw - 28px) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.16 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
flex-basis: 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
padding: 28px 20px 20px !important;
}
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 8px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px !important;
margin: 0 auto 18px !important;
border: 2px dashed #dfd2bd !important;
border-radius: 22px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 22px rgba(30,58,82,.05) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.umdk-all-logo::before,
.umdk-all-logo::after {
display: none !important;
content: none !important;
}
.umdk-all-logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
height: auto !important;
border-radius: 14px !important;
margin: 0 auto !important;
}
.umdk-all-header .umdk-all-logo,
.umdk-all-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
}
@media(max-width: 760px) {
.umdk-all-logo {
padding: 8px !important;
border-radius: 18px !important;
margin-bottom: 16px !important;
}
.umdk-all-logo img {
max-width: 150px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
max-width: none !important;
padding: 10px !important;
margin: 0 auto 20px !important;
}
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
height: auto !important;
object-fit: contain !important;
}
@media(max-width: 760px) {
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
}
} .umdk-holidaypark-block {
position: relative !important;
overflow: hidden !important;
display: block !important;
margin: 24px 0 !important;
padding: 24px !important;
border-radius: 26px !important;
border: 1px solid #dce7cf !important;
background: #eaf4dc !important;
box-shadow: 0 16px 38px rgba(30,58,82,.07) !important;
}
.umdk-holidaypark-block::after {
content: "🏡" !important;
position: absolute !important;
right: 22px !important;
top: 16px !important;
font-size: 54px !important;
opacity: .18 !important;
pointer-events: none !important;
}
.umdk-holidaypark-content {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
}
.umdk-holidaypark-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #fff !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 8px 18px rgba(30,58,82,.06) !important;
margin-bottom: 10px !important;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px !important;
color: #1e3a52 !important;
font-size: 30px !important;
line-height: 1.12 !important;
font-weight: 950 !important;
}
.umdk-holidaypark-block p {
margin: 0 0 16px !important;
color: #333 !important;
line-height: 1.7 !important;
font-size: 16px !important;
max-width: 850px !important;
}
.umdk-holidaypark-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: #1e3a52 !important;
color: #fff !important;
text-decoration: none !important;
font-weight: 950 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.16) !important;
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px !important;
border-radius: 22px !important;
}
.umdk-holidaypark-block h2 {
font-size: 25px !important;
}
.umdk-holidaypark-button {
width: 100% !important;
text-align: center !important;
}
}  .umdk-detail-slot {
overflow: hidden;
padding: 10px !important;
box-sizing: border-box;
}
.umdk-detail-outing-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center center;
border-radius: 13px;
}
.umdk-detail-image-loader {
width: 100%;
height: 100%;
display: grid;
place-items: center;
color: #1e3a52;
font-size: 34px;
animation: umdkBinocularSearch 1.05s ease-in-out infinite;
} .umdk-lo,
.umdk-day .umdk-lo,
.umdk-detail .umdk-lo {
color: #1e3a52 !important;
}
.umdk-detail-slot {
position: relative;
}
.umdk-detail-weather .umdk-detail-icon {
min-width: 92px;
display: flex;
align-items: center;
justify-content: center;
}
.umdk-detail-weather-character {
width: 82px;
height: 112px;
object-fit: contain;
object-position: center bottom;
display: block;
}
.umdk-detail-popular-pill {
position: absolute;
top: 20px;
left: 20px;
z-index: 4;
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: linear-gradient(135deg, #fff3df 0%, #ffcf7a 100%);
color: #7d4a00;
font-size: 13px;
font-weight: 950;
box-shadow: 0 10px 24px rgba(255,144,0,.20);
}
.umdk-detail-price-pill {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 4;
color: #ffffff;
font-size: 22px;
font-weight: 950;
line-height: 1;
text-shadow: 0 2px 8px rgba(0,0,0,.50);
letter-spacing: -0.02em;
}
.umdk-detail-slot::after {
content: "";
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
height: 42%;
border-radius: 0 0 13px 13px;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.38) 100%);
pointer-events: none;
z-index: 2;
}
.umdk-detail-outing-image,
.umdk-detail-popular-pill,
.umdk-detail-price-pill {
position: relative;
}
.umdk-detail-popular-pill,
.umdk-detail-price-pill {
position: absolute;
}
@media(max-width: 760px) {
.umdk-detail-weather-character {
width: 68px;
height: 94px;
}
.umdk-detail-popular-pill {
top: 18px;
left: 18px;
font-size: 12px;
min-height: 28px;
padding: 0 10px;
}
.umdk-detail-price-pill {
right: 18px;
bottom: 18px;
font-size: 19px;
}
} .umdk-detail-title-on-image {
position: absolute;
right: 20px;
bottom: 48px;
z-index: 4;
max-width: calc(100% - 40px);
color: #ffffff;
font-size: 12px;
font-weight: 850;
line-height: 1.15;
text-align: right;
text-shadow: 0 2px 8px rgba(0,0,0,.55);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.umdk-detail-price-pill {
bottom: 20px !important;
}
@media(max-width: 760px) {
.umdk-detail-title-on-image {
right: 18px;
bottom: 44px;
font-size: 11px;
}
.umdk-detail-price-pill {
bottom: 18px !important;
}
} @media(max-width:760px) {
.umdk-how .umdk-wide-slot {
position: relative !important;
left: auto !important;
right: auto !important;
width: calc(100% - 36px) !important;
margin: 18px auto 0 !important;
height: 140px !important;
overflow: hidden !important;
}
.umdk-how-image {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 220px !important;
max-width: 78% !important;
max-height: 112px !important;
bottom: 16px !important;
}
}
.umdk-detail-price-pill:empty {
display: none !important;
} .umdk-detail-price-pill {
display: block !important;
z-index: 6 !important;
right: 20px !important;
bottom: 18px !important;
color: #ffffff !important;
font-size: 22px !important;
font-weight: 950 !important;
line-height: 1 !important;
text-shadow: 0 2px 9px rgba(0,0,0,.65) !important;
}
.umdk-detail-title-on-image {
z-index: 6 !important;
right: 20px !important;
bottom: 46px !important;
}
.umdk-detail-slot::after {
z-index: 2 !important;
}
.umdk-detail-outing-image {
z-index: 1 !important;
}
@media(max-width:760px) {
.umdk-how .umdk-wide-slot {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 36px) !important;
height: 140px !important;
margin: 18px auto 0 !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
overflow: hidden !important;
}
.umdk-how-image {
position: absolute !important;
left: 50% !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%) !important;
width: 230px !important;
max-width: 78% !important;
max-height: 112px !important;
object-fit: contain !important;
object-position: center center !important;
margin: 0 !important;
}
.umdk-detail-price-pill {
right: 18px !important;
bottom: 16px !important;
font-size: 19px !important;
}
.umdk-detail-title-on-image {
right: 18px !important;
bottom: 41px !important;
}
} .umdk-detail-slot {
position: relative !important;
overflow: hidden !important;
padding: 10px !important;
box-sizing: border-box !important;
}
.umdk-detail-outing-image {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
height: 100% !important;
min-height: 220px !important;
display: block !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 13px !important;
}
.umdk-detail-slot::after {
content: "" !important;
position: absolute !important;
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
height: 46% !important;
border-radius: 0 0 13px 13px !important;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.48) 100%) !important;
pointer-events: none !important;
z-index: 2 !important;
}
.umdk-detail-popular-pill {
position: absolute !important;
top: 20px !important;
left: 20px !important;
z-index: 6 !important;
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fff3df 0%, #ffcf7a 100%) !important;
color: #7d4a00 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 10px 24px rgba(255,144,0,.20) !important;
}
.umdk-detail-title-on-image {
position: absolute !important;
right: 20px !important;
bottom: 46px !important;
z-index: 6 !important;
max-width: calc(100% - 40px) !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1.15 !important;
text-align: right !important;
text-shadow: 0 2px 8px rgba(0,0,0,.55) !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.umdk-detail-price-pill {
position: absolute !important;
right: 20px !important;
bottom: 18px !important;
z-index: 6 !important;
display: block !important;
color: #ffffff !important;
font-size: 22px !important;
font-weight: 950 !important;
line-height: 1 !important;
text-shadow: 0 2px 9px rgba(0,0,0,.65) !important;
letter-spacing: -0.02em !important;
}
.umdk-detail-price-pill:empty {
display: none !important;
}
@media(max-width:760px) {
.umdk-detail-outing-image {
min-height: 220px !important;
}
.umdk-detail-popular-pill {
top: 18px !important;
left: 18px !important;
font-size: 12px !important;
min-height: 28px !important;
padding: 0 10px !important;
}
.umdk-detail-title-on-image {
right: 18px !important;
bottom: 41px !important;
font-size: 11px !important;
}
.umdk-detail-price-pill {
right: 18px !important;
bottom: 16px !important;
font-size: 19px !important;
}
}  .umdk-outings-modal .umdk-outing-description,
.umdk-outings-modal .umdk-outing-main p.umdk-outing-description {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-height: 4.8em !important;
line-height: 1.6 !important;
} .umdk-add-outing-promo-button,
.umdk-all-submit-button,
a.umdk-menu-add,
.umdk-menu-add {
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
}
.umdk-add-outing-promo-button:hover,
.umdk-all-submit-button:hover,
a.umdk-menu-add:hover,
.umdk-menu-add:hover {
text-decoration: none !important;
} .umdk-outing .umdk-price-corner {
position: absolute !important;
right: 18px !important;
bottom: 18px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: flex-end !important;
justify-content: flex-end !important;
gap: 8px !important;
color: #1e3a52 !important;
line-height: 1 !important;
text-align: right !important;
pointer-events: none !important;
}
.umdk-outing .umdk-price-new {
color: #1e3a52 !important;
font-size: clamp(26px, 3vw, 38px) !important;
font-weight: 950 !important;
letter-spacing: -0.03em !important;
line-height: .9 !important;
white-space: nowrap !important;
}
.umdk-outing .umdk-price-old {
color: #1e3a52 !important;
font-size: 13px !important;
font-weight: 850 !important;
opacity: .72 !important;
text-decoration: line-through !important;
text-decoration-thickness: 2px !important;
white-space: nowrap !important;
margin-bottom: 4px !important;
}
.umdk-outing {
padding-right: 150px !important;
padding-bottom: 74px !important;
}
@media(max-width: 760px) {
.umdk-outing {
padding-right: 16px !important;
padding-bottom: 92px !important;
}
.umdk-outing .umdk-price-corner {
right: 16px !important;
bottom: 16px !important;
}
.umdk-outing .umdk-price-new {
font-size: 32px !important;
}
} .umdk-more-info-button{ text-decoration:none!important; }
.umdk-more-info-button:hover,.umdk-more-info-button:focus{ text-decoration:none!important; } .umdk-how {
overflow: hidden !important;
}
.umdk-how .umdk-wide-slot {
position: relative !important;
width: 100% !important;
height: 132px !important;
margin: 16px auto 0 !important;
overflow: hidden !important;
display: block !important;
}
.umdk-how-image {
position: relative !important;
display: block !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
width: min(260px, 72%) !important;
max-width: 72% !important;
max-height: 102px !important;
height: auto !important;
object-fit: contain !important;
object-position: center center !important;
margin: -118px auto 20px !important;
z-index: 3 !important;
pointer-events: none !important;
}
@media(min-width: 761px) {
.umdk-how .umdk-wide-slot {
height: 120px !important;
}
.umdk-how-image {
width: min(270px, 70%) !important;
max-width: 70% !important;
max-height: 98px !important;
margin-top: -108px !important;
margin-bottom: 18px !important;
}
}
@media(max-width: 760px) {
.umdk-how .umdk-wide-slot {
width: calc(100% - 36px) !important;
height: 140px !important;
margin: 18px auto 0 !important;
}
.umdk-how-image {
width: min(230px, 76%) !important;
max-width: 76% !important;
max-height: 104px !important;
margin-top: -124px !important;
margin-bottom: 22px !important;
}
} .umdk-menu-modal .umdk-menu-grid a[href*="/uitje-toevoegen"],
.umdk-menu-modal .umdk-menu-grid a[href*="uitje-toevoegen"],
.umdk-menu-modal a[href*="/uitje-toevoegen"],
.umdk-menu-modal a[href*="uitje-toevoegen"] {
justify-content: flex-start !important;
text-align: left !important;
}
.umdk-menu-modal .umdk-menu-grid a[href*="/uitje-toevoegen"] > *,
.umdk-menu-modal .umdk-menu-grid a[href*="uitje-toevoegen"] > *,
.umdk-menu-modal a[href*="/uitje-toevoegen"] > *,
.umdk-menu-modal a[href*="uitje-toevoegen"] > * {
margin-left: 0 !important;
text-indent: 0 !important;
} .umdk-menu-modal .umdk-menu-grid > a:first-child {
justify-content: flex-start !important;
text-align: left !important;
} .umdk-rainproof-pill{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
background:#6f88a0;
color:#fff;
font-size:13px;
font-weight:600;
line-height:1;
box-shadow:0 4px 12px rgba(0,0,0,.12);
white-space:nowrap;
}
.umdk-card-image-wrap,
.umdk-uitje-image-wrap,
.umdk-image-wrap{
position:relative;
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-price-alert-button {
position: absolute;
left: 16px;
bottom: 16px;
z-index: 5;
border: 0;
border-radius: 999px;
min-height: 36px;
padding: 0 12px;
background: linear-gradient(135deg, #fff3df 0%, #ffcf7a 100%);
color: #7d4a00;
font-weight: 950;
font-size: 13px;
cursor: pointer;
box-shadow: 0 10px 24px rgba(255,144,0,.20);
}
.umdk-price-alert-modal .umdk-modal-content {
max-width: 520px;
}
.umdk-price-alert-form {
display: grid;
gap: 14px;
margin-top: 16px;
}
.umdk-price-alert-form label {
display: grid;
gap: 6px;
color: #7d6b46;
font-weight: 900;
}
.umdk-price-alert-form input {
width: 100%;
min-height: 44px;
border: 1px solid #e9e4d8;
border-radius: 12px;
padding: 0 12px;
font: inherit;
}
.umdk-price-alert-submit {
min-height: 46px;
border: 0;
border-radius: 14px;
background: #998457;
color: #fff;
font-weight: 950;
cursor: pointer;
}
.umdk-price-alert-message {
color: #1e3a52;
font-weight: 800;
}
@media(max-width:760px) {
.umdk-price-alert-button {
left: 14px;
bottom: 14px;
}
} .umdk-price-alert-button {
pointer-events: auto !important;
user-select: none;
}
.umdk-price-alert-modal[open] {
display: block;
} .umdk-price-alert-modal {
width: min(420px, calc(100vw - 28px)) !important;
}
.umdk-price-alert-modal .umdk-modal-content {
width: 100% !important;
max-width: 420px !important;
padding: 24px !important;
}
.umdk-price-alert-modal h2 {
color: #1e3a52 !important;
margin-bottom: 8px !important;
}
.umdk-price-alert-modal p {
margin-top: 0 !important;
}
@media(max-width: 760px) {
.umdk-price-alert-modal {
width: calc(100vw - 24px) !important;
}
.umdk-price-alert-modal .umdk-modal-content {
max-width: none !important;
padding: 22px !important;
}
} @media(max-width: 760px) {
.umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-map-page a,
.umdk-map-page a:hover,
.umdk-map-page a:focus,
.umdk-map-page a:active,
.umdk-menu-item,
.umdk-menu-item:hover,
.umdk-menu-item:focus,
.umdk-menu-item:active {
text-decoration: none !important;
text-underline-offset: 0 !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
}
}
.umdk-outing-image-frame,
.umdk-card-image,
.umdk-search-card-image,
.umdk-all-card-image {
padding: 6px !important;
border-radius: 20px !important;
}
} .umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-popup-menu .umdk-menu-item,
.umdk-popup-menu .umdk-menu-item:hover,
.umdk-popup-menu .umdk-menu-item:focus,
.umdk-popup-menu .umdk-menu-item:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-all * {
text-decoration: none !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
}
.umdk-popup-menu .umdk-menu-item {
border-bottom: 0 !important;
}
.umdk-popup-menu .umdk-menu-item span,
.umdk-popup-menu .umdk-menu-item strong,
.umdk-popup-menu .umdk-menu-item b {
text-decoration: none !important;
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(620px, calc(100vw - 34px)) !important;
max-width: 620px !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
overflow: hidden !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "";
position: absolute;
right: -34px;
top: -48px;
width: 150px;
height: 150px;
border-radius: 50%;
background: #f8edd2;
opacity: .9;
pointer-events: none;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
position: relative;
z-index: 1;
font-family: 'Caveat', cursive !important;
color: #1e3a52 !important;
font-size: 44px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 0 20px !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
position: absolute !important;
z-index: 3 !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
background: #fff !important;
color: #1e3a52 !important;
border: 1px solid #e7dac4 !important;
box-shadow: 0 10px 24px rgba(30,58,82,.10) !important;
font-size: 26px !important;
line-height: 1 !important;
}
.umdk-popup-menu {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 22px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
text-decoration: none !important;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.umdk-popup-menu .umdk-menu-item:hover {
transform: translateY(-1px) !important;
border-color: #d8c28e !important;
box-shadow: 0 14px 28px rgba(30,58,82,.08) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer,
.umdk-menu-footer {
position: relative;
z-index: 1;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding-top: 16px !important;
border-top: 1px solid #eadcc2 !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 850 !important;
}
.umdk-menu-footer a,
.umdk-menu-footer a:hover,
.umdk-menu-footer a:focus,
.umdk-menu-footer a:active {
color: #7d6b46 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 40px !important;
margin-bottom: 18px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.15 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 9px !important;
}
} .umdk-modal.umdk-menu-modal,
.umdk-modal.umdk-all-menu-modal,
dialog.umdk-menu-modal,
dialog.umdk-all-menu-modal {
padding: 0 !important;
overflow: visible !important;
max-width: none !important;
width: auto !important;
background: transparent !important;
border: 0 !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
box-sizing: border-box !important;
width: min(620px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
}
.umdk-menu-modal .umdk-modal-content *,
.umdk-all-menu-modal .umdk-modal-content * {
box-sizing: border-box !important;
}
.umdk-popup-menu {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.umdk-popup-menu .umdk-menu-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-grid !important;
place-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-family: 'Caveat', cursive !important;
font-size: 44px !important;
line-height: 1 !important;
margin: 0 0 20px !important;
color: #1e3a52 !important;
font-weight: 700 !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
top: 18px !important;
right: 18px !important;
}
.umdk-menu-footer,
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
max-width: calc(100vw - 28px) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.16 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
flex-basis: 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
padding: 28px 20px 20px !important;
}
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 8px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px !important;
margin: 0 auto 18px !important;
border: 2px dashed #dfd2bd !important;
border-radius: 22px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 22px rgba(30,58,82,.05) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.umdk-all-logo::before,
.umdk-all-logo::after {
display: none !important;
content: none !important;
}
.umdk-all-logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
height: auto !important;
border-radius: 14px !important;
margin: 0 auto !important;
}
.umdk-all-header .umdk-all-logo,
.umdk-all-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
}
@media(max-width: 760px) {
.umdk-all-logo {
padding: 8px !important;
border-radius: 18px !important;
margin-bottom: 16px !important;
}
.umdk-all-logo img {
max-width: 150px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
max-width: none !important;
padding: 10px !important;
margin: 0 auto 20px !important;
}
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
height: auto !important;
object-fit: contain !important;
}
@media(max-width: 760px) {
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
}
} .umdk-holidaypark-block {
position: relative !important;
overflow: hidden !important;
display: block !important;
margin: 24px 0 !important;
padding: 24px !important;
border-radius: 26px !important;
border: 1px solid #dce7cf !important;
background: #eaf4dc !important;
box-shadow: 0 16px 38px rgba(30,58,82,.07) !important;
}
.umdk-holidaypark-block::after {
content: "🏡" !important;
position: absolute !important;
right: 22px !important;
top: 16px !important;
font-size: 54px !important;
opacity: .18 !important;
pointer-events: none !important;
}
.umdk-holidaypark-content {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
}
.umdk-holidaypark-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #fff !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 8px 18px rgba(30,58,82,.06) !important;
margin-bottom: 10px !important;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px !important;
color: #1e3a52 !important;
font-size: 30px !important;
line-height: 1.12 !important;
font-weight: 950 !important;
}
.umdk-holidaypark-block p {
margin: 0 0 16px !important;
color: #333 !important;
line-height: 1.7 !important;
font-size: 16px !important;
max-width: 850px !important;
}
.umdk-holidaypark-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: #1e3a52 !important;
color: #fff !important;
text-decoration: none !important;
font-weight: 950 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.16) !important;
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px !important;
border-radius: 22px !important;
}
.umdk-holidaypark-block h2 {
font-size: 25px !important;
}
.umdk-holidaypark-button {
width: 100% !important;
text-align: center !important;
}
} .umdk-popup-description,
.umdk-outing-popup-description,
.umdk-map-popup-description,
.umdk-home-popup-description,
.umdk-popup-card p,
.umdk-popup-content p,
.umdk-outing-popup p {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .umdk-rainproof-pill{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
background:#6f88a0;
color:#fff;
font-size:13px;
font-weight:600;
line-height:1;
box-shadow:0 4px 12px rgba(0,0,0,.12);
white-space:nowrap;
}
.umdk-card-image-wrap,
.umdk-uitje-image-wrap,
.umdk-image-wrap{
position:relative;
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-image-actions {
position: absolute;
left: 16px;
bottom: 16px;
z-index: 7;
display: flex;
align-items: center;
gap: 8px;
}
.umdk-outing-image-frame .umdk-image-actions {
bottom: 20px;
left: 20px;
}
.umdk-whatsapp-btn,
.umdk-favorite-btn,
.umdk-fav-counter {
width: 36px;
height: 36px;
border: 0;
border-radius: 50%;
background: #fff;
color: #1e3a52;
display: inline-grid;
place-items: center;
cursor: pointer;
font-size: 18px;
font-weight: 950;
box-shadow: 0 10px 24px rgba(30,58,82,.16);
text-decoration: none !important;
}
.umdk-whatsapp-btn svg {
width: 19px;
height: 19px;
display: block;
}
.umdk-favorite-btn {
color: #d92c2c;
}
.umdk-favorite-btn.active {
background: #fff0f0;
color: #d92c2c;
}
.umdk-image-actions .umdk-price-alert-button {
position: static !important;
min-height: 36px !important;
height: 36px !important;
left: auto !important;
bottom: auto !important;
box-shadow: 0 10px 24px rgba(255,144,0,.20);
}
.umdk-fav-counter {
position: fixed;
top: 14px;
right: 64px;
z-index: 1000;
width: auto;
min-width: 44px;
padding: 0 10px;
border-radius: 999px;
gap: 4px;
color: #d92c2c;
}
.umdk-fav-count {
color: #1e3a52;
font-size: 13px;
}
.umdk-favorites-modal {
width: min(640px, calc(100vw - 28px));
}
.umdk-favorites-modal .umdk-modal-content {
max-width: 640px !important;
}
.umdk-favorites-modal h2 {
color: #1e3a52;
}
.umdk-favorites-intro {
color: #333;
margin-top: 0;
}
.umdk-favorites-list {
display: grid;
gap: 12px;
max-height: 52vh;
overflow: auto;
padding-right: 4px;
}
.umdk-favorite-item {
position: relative;
display: grid;
grid-template-columns: 96px minmax(0,1fr) 32px;
gap: 12px;
align-items: center;
border: 1px solid #e9e4d8;
border-radius: 18px;
padding: 10px;
background: #fffaf0;
}
.umdk-favorite-item img {
width: 96px;
height: 76px;
object-fit: cover;
border-radius: 14px;
}
.umdk-favorite-item h3 {
margin: 0 0 4px;
color: #1e3a52;
font-size: 16px;
line-height: 1.15;
}
.umdk-favorite-item p {
margin: 0 0 4px;
color: #7d6b46;
font-weight: 800;
font-size: 13px;
}
.umdk-favorite-item strong {
display: block;
color: #1e3a52;
font-size: 17px;
margin-bottom: 6px;
}
.umdk-favorite-item a {
color: #998457;
font-weight: 950;
text-decoration: none !important;
}
.umdk-favorite-remove {
width: 30px;
height: 30px;
border: 1px solid #e9e4d8;
border-radius: 50%;
background: #fff;
color: #1e3a52;
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.umdk-favorites-mail-form {
display: grid;
gap: 12px;
margin-top: 16px;
background: #fdf4df;
border: 1px solid #eadcc2;
border-radius: 18px;
padding: 16px;
}
.umdk-favorites-mail-form label {
display: grid;
gap: 6px;
color: #7d6b46;
font-weight: 900;
}
.umdk-favorites-mail-form input {
min-height: 44px;
border: 1px solid #e9e4d8;
border-radius: 12px;
padding: 0 12px;
font: inherit;
}
.umdk-favorites-mail-form button {
min-height: 44px;
border: 0;
border-radius: 12px;
background: #998457;
color: #fff;
font-weight: 950;
cursor: pointer;
}
.umdk-favorites-message,
.umdk-favorites-empty {
color: #1e3a52;
font-weight: 850;
}
@media(max-width:760px) {
.umdk-favorite-item {
grid-template-columns: 76px minmax(0,1fr) 30px;
}
.umdk-favorite-item img {
width: 76px;
height: 64px;
}
.umdk-fav-counter {
right: 62px;
top: 12px;
}
} .umdk-image-actions {
align-items: center !important;
gap: 9px !important;
}
.umdk-whatsapp-btn,
.umdk-favorite-btn {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
padding: 0 !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(30,58,82,.18) !important;
}
.umdk-whatsapp-btn svg {
width: 24px !important;
height: 24px !important;
display: block !important;
flex: 0 0 auto !important;
}
.umdk-favorite-btn {
font-size: 25px !important;
color: #d92c2c !important;
text-align: center !important;
}
.umdk-image-actions .umdk-price-alert-button {
min-height: 38px !important;
height: 38px !important;
border-radius: 999px !important;
padding: 0 13px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.umdk-fav-counter {
right: 78px !important;
top: 14px !important;
height: 42px !important;
min-width: 58px !important;
padding: 0 13px !important;
border: 1px solid #eadcc2 !important;
background: #fffaf0 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.18) !important;
font-size: 19px !important;
}
.umdk-favorites-modal {
overflow: visible !important;
}
.umdk-favorites-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
}
.umdk-favorites-list {
max-height: none !important;
overflow: visible !important;
padding-right: 0 !important;
}
.umdk-favorite-remove {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
padding: 0 !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
font-size: 22px !important;
font-weight: 800 !important;
}
@media(max-width: 760px) {
.umdk-fav-counter {
right: 74px !important;
top: 12px !important;
}
.umdk-whatsapp-btn,
.umdk-favorite-btn {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
}
.umdk-whatsapp-btn svg {
width: 22px !important;
height: 22px !important;
}
.umdk-favorite-btn {
font-size: 23px !important;
}
} .umdk-image-actions .umdk-price-alert-button {
gap: 5px !important;
color: #7d4a00 !important;
background: linear-gradient(135deg, #fff3df 0%, #ffcf7a 100%) !important;
line-height: 1 !important;
white-space: nowrap !important;
border: 0 !important;
}
.umdk-price-alert-flame {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
font-size: 15px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.umdk-image-actions .umdk-price-alert-button::before,
.umdk-image-actions .umdk-price-alert-button::after {
display: none !important;
content: none !important;
}
.umdk-outing-image,
.umdk-image-slot,
.umdk-all-image-slot,
.umdk-outing figure {
position: relative;
} .umdk-image-actions .umdk-price-alert-button,
.umdk-outing-image-frame .umdk-price-alert-button {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: hidden !important;
}
.umdk-image-actions .umdk-price-alert-button > span,
.umdk-outing-image-frame .umdk-price-alert-button > span {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
transform: none !important;
line-height: 1 !important;
}
.umdk-image-actions .umdk-price-alert-button .umdk-price-alert-flame,
.umdk-outing-image-frame .umdk-price-alert-button .umdk-price-alert-flame {
font-size: 15px !important;
inline-size: auto !important;
block-size: auto !important;
aspect-ratio: auto !important;
object-fit: contain !important;
background: transparent !important;
} .umdk-image-actions .umdk-price-alert-button span:first-child,
.umdk-outing-image-frame .umdk-price-alert-button span:first-child {
min-width: auto !important;
width: auto !important;
} .umdk-image-actions .umdk-price-alert-button {
position: relative !important;
}
.umdk-image-actions .umdk-price-alert-button .umdk-price-alert-flame {
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
font-size: 16px !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 16px !important;
min-width: 16px !important;
height: 16px !important;
min-height: 16px !important;
overflow: visible !important;
color: initial !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
}
.umdk-image-actions .umdk-price-alert-button .umdk-price-alert-flame::before,
.umdk-image-actions .umdk-price-alert-button .umdk-price-alert-flame::after {
display: none !important;
content: none !important;
}
.umdk-image-actions .umdk-price-alert-button > span:first-child {
background: none !important;
border-left: 0 !important;
box-shadow: none !important;
} .umdk-menu-open,
.umdk-all-menu-open {
position: fixed !important;
top: 20px !important;
right: 20px !important;
z-index: 1001 !important;
}
.umdk-fav-counter {
position: fixed !important;
top: 20px !important;
right: 78px !important;
z-index: 1000 !important;
}
@media(max-width: 760px) {
.umdk-menu-open,
.umdk-all-menu-open {
top: 20px !important;
right: 20px !important;
}
.umdk-fav-counter {
top: 20px !important;
right: 76px !important;
}
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
background:
radial-gradient(circle at 100% 0%, rgba(253,244,223,.95) 0 92px, transparent 93px),
linear-gradient(135deg, #ffffff 0%, #fffaf0 100%) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
background: #fdf4df !important;
color: #998457 !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
display: none !important;
content: none !important;
}
.umdk-menu-footer-links {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
color: #8b7a55;
text-align: center;
font-size: 12px;
font-weight: 800;
padding-top: 16px;
}
.umdk-menu-footer-links a {
color: #8b7a55 !important;
text-decoration: none !important;
}
.umdk-menu-footer-links a:hover {
color: #1e3a52 !important;
text-decoration: underline !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
} .umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
} .umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
} .umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
} .umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
}
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
} .umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] {
--umdk-menu-icon: "🗺️";
} .umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "🏠";
}
.umdk-popup-menu .umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] {
--umdk-menu-icon: "🎟️";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
}
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href*="privacyverklaring"] {
--umdk-menu-icon: "🔐";
}
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] {
--umdk-menu-icon: "⚠️";
}
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] {
--umdk-menu-icon: "📄";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🧭";
}
.umdk-popup-menu .umdk-menu-item[href*="contact"] {
--umdk-menu-icon: "✉️";
}
.umdk-popup-menu .umdk-menu-item[href*="vakantie"] {
--umdk-menu-icon: "🏡";
} .umdk-popup-menu .umdk-menu-item::before {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
font-size: 22px !important;
} .umdk-map-day-slicer button.is-active,
.umdk-map-day-slicer button.active,
.umdk-map-day-slicer button[aria-pressed="true"] {
background: #1e3a52 !important;
color: #fff !important;
border-color: #1e3a52 !important;
box-shadow: 0 14px 30px rgba(30,58,82,.24) !important;
transform: translateY(-1px);
}
.umdk-map-day-slicer button.is-active strong,
.umdk-map-day-slicer button.active strong,
.umdk-map-day-slicer button[aria-pressed="true"] strong,
.umdk-map-day-slicer button.is-active span,
.umdk-map-day-slicer button.active span,
.umdk-map-day-slicer button[aria-pressed="true"] span {
color: #fff !important;
}
.umdk-map-day-slicer button.is-active small,
.umdk-map-day-slicer button.active small,
.umdk-map-day-slicer button[aria-pressed="true"] small {
color: rgba(255,255,255,.82) !important;
} @media(max-width: 760px) {
.umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-map-page a,
.umdk-map-page a:hover,
.umdk-map-page a:focus,
.umdk-map-page a:active,
.umdk-menu-item,
.umdk-menu-item:hover,
.umdk-menu-item:focus,
.umdk-menu-item:active {
text-decoration: none !important;
text-underline-offset: 0 !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
}
}
.umdk-outing-image-frame,
.umdk-card-image,
.umdk-search-card-image,
.umdk-all-card-image {
padding: 6px !important;
border-radius: 20px !important;
}
} .umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-popup-menu .umdk-menu-item,
.umdk-popup-menu .umdk-menu-item:hover,
.umdk-popup-menu .umdk-menu-item:focus,
.umdk-popup-menu .umdk-menu-item:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-all * {
text-decoration: none !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
}
.umdk-popup-menu .umdk-menu-item {
border-bottom: 0 !important;
}
.umdk-popup-menu .umdk-menu-item span,
.umdk-popup-menu .umdk-menu-item strong,
.umdk-popup-menu .umdk-menu-item b {
text-decoration: none !important;
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(620px, calc(100vw - 34px)) !important;
max-width: 620px !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
overflow: hidden !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "";
position: absolute;
right: -34px;
top: -48px;
width: 150px;
height: 150px;
border-radius: 50%;
background: #f8edd2;
opacity: .9;
pointer-events: none;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
position: relative;
z-index: 1;
font-family: 'Caveat', cursive !important;
color: #1e3a52 !important;
font-size: 44px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 0 20px !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
position: absolute !important;
z-index: 3 !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
background: #fff !important;
color: #1e3a52 !important;
border: 1px solid #e7dac4 !important;
box-shadow: 0 10px 24px rgba(30,58,82,.10) !important;
font-size: 26px !important;
line-height: 1 !important;
}
.umdk-popup-menu {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 22px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
text-decoration: none !important;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.umdk-popup-menu .umdk-menu-item:hover {
transform: translateY(-1px) !important;
border-color: #d8c28e !important;
box-shadow: 0 14px 28px rgba(30,58,82,.08) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer,
.umdk-menu-footer {
position: relative;
z-index: 1;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding-top: 16px !important;
border-top: 1px solid #eadcc2 !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 850 !important;
}
.umdk-menu-footer a,
.umdk-menu-footer a:hover,
.umdk-menu-footer a:focus,
.umdk-menu-footer a:active {
color: #7d6b46 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 40px !important;
margin-bottom: 18px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.15 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 9px !important;
}
} .umdk-modal.umdk-menu-modal,
.umdk-modal.umdk-all-menu-modal,
dialog.umdk-menu-modal,
dialog.umdk-all-menu-modal {
padding: 0 !important;
overflow: visible !important;
max-width: none !important;
width: auto !important;
background: transparent !important;
border: 0 !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
box-sizing: border-box !important;
width: min(620px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
}
.umdk-menu-modal .umdk-modal-content *,
.umdk-all-menu-modal .umdk-modal-content * {
box-sizing: border-box !important;
}
.umdk-popup-menu {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.umdk-popup-menu .umdk-menu-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-grid !important;
place-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-family: 'Caveat', cursive !important;
font-size: 44px !important;
line-height: 1 !important;
margin: 0 0 20px !important;
color: #1e3a52 !important;
font-weight: 700 !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
top: 18px !important;
right: 18px !important;
}
.umdk-menu-footer,
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
max-width: calc(100vw - 28px) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.16 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
flex-basis: 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
padding: 28px 20px 20px !important;
}
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 8px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px !important;
margin: 0 auto 18px !important;
border: 2px dashed #dfd2bd !important;
border-radius: 22px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 22px rgba(30,58,82,.05) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.umdk-all-logo::before,
.umdk-all-logo::after {
display: none !important;
content: none !important;
}
.umdk-all-logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
height: auto !important;
border-radius: 14px !important;
margin: 0 auto !important;
}
.umdk-all-header .umdk-all-logo,
.umdk-all-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
}
@media(max-width: 760px) {
.umdk-all-logo {
padding: 8px !important;
border-radius: 18px !important;
margin-bottom: 16px !important;
}
.umdk-all-logo img {
max-width: 150px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
max-width: none !important;
padding: 10px !important;
margin: 0 auto 20px !important;
}
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
height: auto !important;
object-fit: contain !important;
}
@media(max-width: 760px) {
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
}
} .umdk-holidaypark-block {
position: relative !important;
overflow: hidden !important;
display: block !important;
margin: 24px 0 !important;
padding: 24px !important;
border-radius: 26px !important;
border: 1px solid #dce7cf !important;
background: #eaf4dc !important;
box-shadow: 0 16px 38px rgba(30,58,82,.07) !important;
}
.umdk-holidaypark-block::after {
content: "🏡" !important;
position: absolute !important;
right: 22px !important;
top: 16px !important;
font-size: 54px !important;
opacity: .18 !important;
pointer-events: none !important;
}
.umdk-holidaypark-content {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
}
.umdk-holidaypark-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #fff !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 8px 18px rgba(30,58,82,.06) !important;
margin-bottom: 10px !important;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px !important;
color: #1e3a52 !important;
font-size: 30px !important;
line-height: 1.12 !important;
font-weight: 950 !important;
}
.umdk-holidaypark-block p {
margin: 0 0 16px !important;
color: #333 !important;
line-height: 1.7 !important;
font-size: 16px !important;
max-width: 850px !important;
}
.umdk-holidaypark-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: #1e3a52 !important;
color: #fff !important;
text-decoration: none !important;
font-weight: 950 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.16) !important;
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px !important;
border-radius: 22px !important;
}
.umdk-holidaypark-block h2 {
font-size: 25px !important;
}
.umdk-holidaypark-button {
width: 100% !important;
text-align: center !important;
}
} .umdk-popup-description,
.umdk-outing-popup-description,
.umdk-map-popup-description,
.umdk-home-popup-description,
.umdk-popup-card p,
.umdk-popup-content p,
.umdk-outing-popup p {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .umdk-rainproof-pill{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
background:#6f88a0;
color:#fff;
font-size:13px;
font-weight:600;
line-height:1;
box-shadow:0 4px 12px rgba(0,0,0,.12);
white-space:nowrap;
}
.umdk-card-image-wrap,
.umdk-uitje-image-wrap,
.umdk-image-wrap{
position:relative;
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-newsletter-block {
max-width: 1180px;
margin: -82px auto 16px;
padding: 0 18px;
box-sizing: border-box;
}
.umdk-newsletter-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
border: 1px solid #d8e5ef;
border-radius: 28px;
background: linear-gradient(135deg, #edf7fb 0%, #e3f0f8 100%);
padding: 24px 34px;
box-shadow: 0 18px 44px rgba(30,58,82,.08);
}
.umdk-newsletter-pill {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 14px;
border-radius: 999px;
background: #ffffff;
color: #7d6b46;
font-size: 13px;
font-weight: 850;
box-shadow: 0 8px 20px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-newsletter-copy h2 {
margin: 0;
color: #1e3a52;
font-size: clamp(30px, 3vw, 40px);
line-height: 1.02;
font-family: "Caveat", "Comic Sans MS", cursive;
font-weight: 700;
}
.umdk-newsletter-copy p {
margin: 10px 0 0;
color: #1e3a52;
font-size: 16px;
line-height: 1.55;
}
.umdk-newsletter-open,
.umdk-newsletter-form button {
border: 0;
border-radius: 999px;
background: #1e3a52;
color: #fff;
min-height: 48px;
padding: 0 24px;
font: inherit;
font-weight: 850;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 14px 30px rgba(30,58,82,.18);
}
.umdk-newsletter-open:hover,
.umdk-newsletter-form button:hover {
transform: translateY(-1px);
}
.umdk-newsletter-modal {
width: min(560px, calc(100vw - 34px));
border: 1px solid #eadcc2;
border-radius: 28px;
background: #fffdf9;
padding: 0;
box-shadow: 0 28px 80px rgba(30,58,82,.28);
}
.umdk-newsletter-modal::backdrop {
background: rgba(30,58,82,.42);
backdrop-filter: blur(3px);
}
.umdk-newsletter-modal-content {
position: relative;
padding: 34px;
}
.umdk-newsletter-close {
position: absolute;
top: 18px;
right: 18px;
width: 44px;
height: 44px;
border-radius: 999px;
border: 1px solid #eadcc2;
background: #fff;
color: #1e3a52;
font-size: 28px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.umdk-newsletter-modal h2 {
margin: 0;
color: #1e3a52;
font-size: 30px;
line-height: 1.15;
}
.umdk-newsletter-modal p {
margin: 10px 0 22px;
color: #1e3a52;
line-height: 1.55;
}
.umdk-newsletter-form {
display: grid;
gap: 14px;
}
.umdk-newsletter-form label {
display: grid;
gap: 7px;
color: #7d6b46;
font-weight: 850;
}
.umdk-newsletter-form input {
min-height: 48px;
border: 1px solid #eadcc2;
border-radius: 16px;
background: #fffaf0;
padding: 0 14px;
color: #1e3a52;
font: inherit;
}
.umdk-newsletter-message {
min-height: 20px;
color: #1e3a52;
font-weight: 800;
}
.umdk-newsletter-message.is-error {
color: #b95d58;
}
@media(max-width: 760px) {
.umdk-newsletter-block {
margin: -62px auto 16px;
padding: 0 14px;
}
.umdk-newsletter-inner {
display: grid;
padding: 24px 20px;
border-radius: 24px;
}
.umdk-newsletter-open {
width: 100%;
}
.umdk-newsletter-modal-content {
padding: 28px 22px 24px;
}
.umdk-newsletter-modal h2 {
font-size: 26px;
padding-right: 44px;
}
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-onboarding-highlight {
position: relative !important;
z-index: 2147482500 !important;
box-shadow: 0 0 0 4px rgba(255,255,255,.95), 0 0 0 8px rgba(153,132,87,.38), 0 18px 44px rgba(30,58,82,.18) !important;
border-radius: 18px !important;
}
.umdk-onboarding-bubble {
position: fixed;
z-index: 2147483000;
width: min(310px, calc(100vw - 32px));
border: 1px solid #FFF2CF;
border-radius: 20px;
background: #fffdf9;
color: #1e3a52;
padding: 17px 18px 16px;
box-shadow: 0 18px 46px rgba(30,58,82,.22);
box-sizing: border-box;
font-family: inherit;
}
.umdk-onboarding-bubble::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
background: #fffdf9;
border-left: 1px solid #FFF2CF;
border-top: 1px solid #FFF2CF;
transform: rotate(45deg);
left: 34px;
top: -8px;
}
.umdk-onboarding-bubble[data-placement="top"]::before {
top: auto;
bottom: -8px;
border: 0;
border-right: 1px solid #FFF2CF;
border-bottom: 1px solid #FFF2CF;
}
.umdk-onboarding-bubble[data-placement="center"]::before {
display: none;
}
.umdk-onboarding-close {
position: absolute;
top: 10px;
right: 11px;
width: 24px;
height: 24px;
border: 0;
border-radius: 999px;
background: transparent;
color: #9a9aa3;
font-size: 22px;
line-height: 1;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.umdk-onboarding-close:hover {
color: #1e3a52;
background: #f7efe0;
}
.umdk-onboarding-title {
margin: 0 28px 4px 0;
color: #1e3a52;
font-size: 17px !important;
line-height: 1.2;
font-weight: 700 !important;
}
.umdk-onboarding-text {
margin: 0 0 14px;
color: #667085;
font-size: 14px;
line-height: 1.45;
font-weight: 700;
}
.umdk-onboarding-next {
min-height: 36px;
border: 1px solid #d7dce5;
border-radius: 999px;
background: #fff;
color: #667085;
padding: 0 18px;
font: inherit;
font-size: 14px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 6px 14px rgba(30,58,82,.08);
float: right;
}
.umdk-onboarding-next:hover {
color: #1e3a52;
transform: translateY(-1px);
}
@media(max-width: 760px) {
.umdk-onboarding-bubble {
width: min(300px, calc(100vw - 28px));
padding: 16px 17px 15px;
border-radius: 18px;
}
.umdk-onboarding-title {
font-size: 16px;
}
.umdk-onboarding-text {
font-size: 13px;
}
.umdk-onboarding-highlight {
box-shadow: 0 0 0 3px rgba(255,255,255,.95), 0 0 0 6px rgba(153,132,87,.36), 0 14px 34px rgba(30,58,82,.16) !important;
}
} .umdk-onboarding-bubble {
z-index: 2147483646 !important;
}
.umdk-menu-modal[open],
.umdk-all-menu-modal[open] {
z-index: 2147482600 !important;
}
.umdk-onboarding-bubble[data-placement="menu-right"]::before {
left: -8px;
top: calc(50% - 7px);
}
.umdk-onboarding-bubble[data-placement="top-right"]::before {
left: auto;
right: 34px;
}
.umdk-onboarding-bubble[data-placement="top"]::before {
right: 34px;
left: auto;
} .umdk-onboarding-in-menu {
position: fixed !important;
z-index: 2147483647 !important;
pointer-events: auto !important;
}
.umdk-menu-modal[open] .umdk-onboarding-bubble,
.umdk-all-menu-modal[open] .umdk-onboarding-bubble {
position: fixed !important;
z-index: 2147483647 !important;
}
.umdk-menu-modal[open] .umdk-onboarding-highlight,
.umdk-all-menu-modal[open] .umdk-onboarding-highlight {
position: relative !important;
z-index: 2147483000 !important;
}
.umdk-onboarding-bubble[data-placement="menu-right"] {
z-index: 2147483647 !important;
} .umdk-onboarding-title {
font-size: 17px !important;
font-weight: 700 !important;
} .umdk-onboarding-bubble .umdk-onboarding-title,
.umdk-onboarding-title,
.umdk-onboarding-bubble h3.umdk-onboarding-title {
font-family: inherit !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #1e3a52 !important;
margin: 0 26px 6px 0 !important;
padding: 0 !important;
} @media(max-width: 760px) {
.umdk-onboarding-bubble {
max-width: calc(100vw - 28px) !important;
width: min(300px, calc(100vw - 28px)) !important;
z-index: 2147483647 !important;
}
.umdk-onboarding-bubble.umdk-onboarding-mobile::before {
left: 30px !important;
right: auto !important;
}
.umdk-onboarding-bubble[data-placement="menu-right"].umdk-onboarding-mobile::before,
.umdk-onboarding-bubble[data-placement="top-right"].umdk-onboarding-mobile::before {
left: 30px !important;
right: auto !important;
top: -8px !important;
bottom: auto !important;
border-left: 1px solid #FFF2CF !important;
border-top: 1px solid #FFF2CF !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
.umdk-menu-modal[open] .umdk-onboarding-bubble,
.umdk-all-menu-modal[open] .umdk-onboarding-bubble {
max-width: calc(100vw - 28px) !important;
width: min(300px, calc(100vw - 28px)) !important;
}
} .umdk-onboarding-bubble {
background: #FFF2CF !important;
border-color: #d8c7a8 !important;
}
.umdk-onboarding-bubble::before {
background: #FFF2CF !important;
border-color: #d8c7a8 !important;
}
.umdk-onboarding-next {
background: #fffdf9 !important;
}
@media(max-width: 760px) {
.umdk-onboarding-bubble[data-placement="menu-right"].umdk-onboarding-mobile::before {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) rotate(45deg) !important;
top: -8px !important;
bottom: auto !important;
}
.umdk-onboarding-bubble[data-placement="top"].umdk-onboarding-mobile::before,
.umdk-onboarding-bubble[data-placement="top-right"].umdk-onboarding-mobile::before {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) rotate(45deg) !important;
}
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-all,.umdk-all *{box-sizing:border-box}.umdk-all{--umdk-blue:#1e3a52;--umdk-brand:#998457;--umdk-soft:#f7f1e5;--umdk-line:#e9e4d8;max-width:1180px;margin:0 auto;padding:24px 16px 40px;font-family:Nunito,system-ui,sans-serif;color:var(--umdk-blue);position:relative}.umdk-all-menu-open{position:fixed;top:14px;right:14px;z-index:999}.umdk-all-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.umdk-all-logo img{width:86px;height:auto;display:block}.umdk-all-intro{background:#fff;border:1px solid var(--umdk-line);border-radius:28px;padding:28px;box-shadow:0 18px 44px rgba(30,58,82,.08);margin-bottom:18px}.umdk-all-kicker{display:inline-flex;border-radius:999px;background:#fdfaf3;color:#7d6b46;padding:7px 12px;font-weight:950;margin:0 0 12px}.umdk-all h1{margin:0 0 10px;font-size:clamp(38px,5vw,68px);line-height:.95;color:var(--umdk-blue);font-weight:950}.umdk-all-intro p{max-width:840px;margin:0;color:#333;font-size:17px;line-height:1.6}.umdk-all-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--umdk-soft);border:1px solid var(--umdk-line);border-radius:22px;padding:16px;margin-bottom:20px}.umdk-all-filters label{display:grid;gap:6px;color:#7d6b46;font-weight:900}.umdk-all-filters select{min-height:44px;border:1px solid var(--umdk-line);border-radius:12px;padding:0 12px;font:inherit;background:#fff;color:var(--umdk-blue)}.umdk-all-filters button{align-self:end;min-height:44px;border:0;border-radius:12px;background:var(--umdk-brand);color:#fff;font-weight:950;cursor:pointer}.umdk-all-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.umdk-all-card{position:relative;background:#fff;border:1px solid var(--umdk-line);border-radius:24px;padding:14px 14px 70px;box-shadow:0 14px 34px rgba(30,58,82,.07);overflow:hidden}.umdk-all-image-slot{position:relative;border:2px dashed var(--umdk-line);border-radius:18px;padding:10px;height:190px;margin-bottom:12px;overflow:hidden}.umdk-all-image-slot img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block}.umdk-all-discount-badge{position:absolute;top:18px;left:18px;z-index:4;min-height:32px;padding:0 11px;border-radius:999px;background:#d92c2c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;box-shadow:0 10px 24px rgba(217,44,44,.26)}.umdk-all-card h2{margin:0 0 8px;font-size:20px;line-height:1.15;color:var(--umdk-blue)}.umdk-all-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.umdk-all-meta span{background:#f5efe1;color:var(--umdk-blue);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.umdk-all-card p{color:#333;font-weight:400;line-height:1.45}.umdk-all-card .button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;background:var(--umdk-brand);color:#fff;border-radius:12px;padding:0 14px;text-decoration:none;font-weight:950}.umdk-all-price{position:absolute;right:18px;bottom:16px;display:flex;align-items:flex-end;gap:8px;color:var(--umdk-blue)}.umdk-all-price span{color:#888;text-decoration:line-through;font-size:13px;font-weight:800;margin-bottom:4px}.umdk-all-price strong{color:var(--umdk-blue);font-size:30px;font-weight:950;line-height:1}.umdk-all .umdk-price-alert-button{left:16px;bottom:18px}.umdk-all-loading,.umdk-all-empty{grid-column:1/-1;background:#fff;border:1px solid var(--umdk-line);border-radius:18px;padding:22px;font-weight:900;color:var(--umdk-blue)}.umdk-all-more{display:flex;justify-content:center;margin:22px 0}.umdk-all-load-more{border:0;border-radius:999px;min-height:44px;padding:0 18px;background:var(--umdk-blue);color:#fff;font-weight:950;cursor:pointer}.umdk-all-content-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.umdk-all-text-card,.umdk-all-faq{background:#fff;border:1px solid var(--umdk-line);border-radius:24px;padding:26px;box-shadow:0 14px 34px rgba(30,58,82,.06)}.umdk-all-text-card h2,.umdk-all-faq h2{margin-top:0;color:var(--umdk-blue)}.umdk-all-text-card p,.umdk-all-faq p{color:#333;line-height:1.65}.umdk-all-faq{margin-top:18px}.umdk-all-faq details{border-top:1px solid var(--umdk-line);padding:14px 0}.umdk-all-faq summary{cursor:pointer;font-weight:950;color:var(--umdk-blue)}.umdk-menu-modal a.umdk-menu-item{display:flex;align-items:center;text-decoration:none!important}@media(max-width:900px){.umdk-all{padding-top:20px}.umdk-all-filters,.umdk-all-results,.umdk-all-content-blocks{grid-template-columns:1fr}.umdk-all-intro{padding:24px}.umdk-all-logo img{width:74px}} .page-template-default:has(.umdk-all) .site-header,
.page-template-default:has(.umdk-all) .site-footer,
.page-template-default:has(.umdk-all) .entry-header,
.page-template-default:has(.umdk-all) .ast-page-header-wrap,
.page-template-default:has(.umdk-all) .page-header {
display: none !important;
}
.page-template-default:has(.umdk-all) .site-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
.page-template-default:has(.umdk-all) .entry-content {
margin-top: 0 !important;
} .umdk-all h1 {
font-family: 'Caveat', cursive !important;
font-weight: 700 !important;
font-size: 64px !important;
line-height: 1 !important;
text-align: center !important;
margin: 0 !important;
color: #1e3a52 !important;
letter-spacing: .5px !important;
}
.umdk-all-topbar {
margin-top: 5px !important;
}
.umdk-all {
padding-top: 0 !important;
}
.umdk-all-card .button,
.umdk-all-card .button:hover,
.umdk-all-card .button:focus,
.umdk-all-card .button:visited {
text-decoration: none !important;
}
@media(max-width: 760px) {
.umdk-all h1 {
font-size: 52px !important;
}
} .umdk-all {
padding-top: 5px !important;
}
.umdk-all-topbar {
margin-top: 0 !important;
margin-bottom: 10px !important;
align-items: flex-start !important;
}
.umdk-all-logo {
display: inline-flex;
align-items: flex-start;
margin-top: 0 !important;
}
.umdk-all-logo img {
display: block;
margin-top: 0 !important;
}
.umdk-all-intro {
text-align: center;
}
.umdk-all-intro p {
margin-left: auto !important;
margin-right: auto !important;
max-width: 860px !important;
text-align: center !important;
}
.umdk-all-submit-block {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
margin-top: 28px;
background: #fdf4df;
border: 1px solid #eadcc2;
border-radius: 24px;
padding: 24px;
box-shadow: 0 14px 34px rgba(153,132,87,.08);
}
.umdk-all-submit-block h2 {
margin: 0 0 8px;
color: #1e3a52;
font-family: 'Caveat', cursive;
font-size: 38px;
line-height: 1;
}
.umdk-all-submit-block p {
margin: 0;
color: #333;
line-height: 1.6;
}
.umdk-all-submit-button {
min-height: 46px;
border: 0;
border-radius: 14px;
background: #998457;
color: #fff;
padding: 0 18px;
font-family: inherit;
font-weight: 950;
cursor: pointer;
box-shadow: 0 12px 26px rgba(153,132,87,.18);
white-space: nowrap;
}
.umdk-all-faq details p {
max-width: 920px;
line-height: 1.75;
}
.umdk-all-faq details {
padding: 18px 0;
}
@media(max-width: 760px) {
.umdk-all-submit-block {
grid-template-columns: 1fr;
}
.umdk-all-submit-button {
width: 100%;
}
.umdk-all-logo img {
width: 68px !important;
}
} .umdk-all-topbar,
.umdk-all-kicker {
display: none !important;
}
.umdk-all-intro .umdk-all-logo {
display: flex !important;
justify-content: center;
margin: 0 auto 10px !important;
}
.umdk-all-intro .umdk-all-logo img {
width: 92px !important;
height: auto !important;
margin: 0 !important;
}
.umdk-all-filters {
grid-template-columns: 1.2fr 1.2fr .75fr 1fr 1fr !important;
}
.umdk-all-free-filter select {
max-width: 100%;
}
@media(max-width: 900px) {
.umdk-all-filters {
grid-template-columns: 1fr !important;
}
} .umdk-all-filters select {
color: #1e3a52 !important;
background-color: #61428F !important;
accent-color: #998457 !important;
border-color: #e9e4d8 !important;
}
.umdk-all-filters select:focus {
outline: 3px solid rgba(153,132,87,.24) !important;
border-color: #998457 !important;
box-shadow: 0 0 0 4px rgba(153,132,87,.10) !important;
}
.umdk-all-filters select option {
color: #1e3a52 !important;
background: #fffaf0 !important;
}
.umdk-all-filters select option:checked {
background: #998457 !important;
color: #61428F !important;
}
.umdk-all-filters select option:hover {
background: #f5efe1 !important;
color: #1e3a52 !important;
}
.umdk-all-menu-modal[open] {
display: block !important;
} .umdk-all-filters select {
-webkit-appearance: none !important;
appearance: none !important;
}
.umdk-all-filters select,
.umdk-all-filters option {
background-color: #fffaf0 !important;
color: #1e3a52 !important;
}
.umdk-all-filters option:checked,
.umdk-all-filters option:hover,
.umdk-all-filters option:focus,
.umdk-all-filters option:active {
background: linear-gradient(#998457, #998457) !important;
background-color: #998457 !important;
color: #61428F !important;
} .umdk-all-breadcrumbs {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
color: #7d6b46;
font-size: 13px;
font-weight: 850;
}
.umdk-all-breadcrumbs a {
color: #1e3a52;
text-decoration: none !important;
}
.umdk-all-link-blocks {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 18px 0;
}
.umdk-all-link-blocks a {
display: grid;
gap: 4px;
min-height: 82px;
align-content: center;
background: #fff;
border: 1px solid #e9e4d8;
border-radius: 20px;
padding: 16px;
text-decoration: none !important;
box-shadow: 0 12px 28px rgba(30,58,82,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.umdk-all-link-blocks a:hover {
transform: translateY(-3px);
box-shadow: 0 18px 38px rgba(30,58,82,.10);
border-color: rgba(153,132,87,.45);
}
.umdk-all-link-blocks b {
color: #1e3a52;
font-size: 16px;
font-weight: 950;
}
.umdk-all-link-blocks span {
color: #7d6b46;
font-size: 13px;
font-weight: 750;
line-height: 1.35;
}
.umdk-all-highlight-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0 0 18px;
}
.umdk-all-highlight-strip > div {
background: linear-gradient(135deg, #fdf4df 0%, #fff 100%);
border: 1px solid #eadcc2;
border-radius: 18px;
padding: 14px 16px;
box-shadow: 0 10px 24px rgba(153,132,87,.07);
}
.umdk-all-highlight-strip strong {
display: block;
color: #1e3a52;
font-weight: 950;
margin-bottom: 4px;
}
.umdk-all-highlight-strip span {
color: #333;
font-size: 13px;
line-height: 1.4;
}
.umdk-all-card {
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.umdk-all-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 48px rgba(30,58,82,.12);
border-color: rgba(153,132,87,.45);
}
.umdk-all-image-slot img {
transition: transform .35s ease;
}
.umdk-all-card:hover .umdk-all-image-slot img {
transform: scale(1.035);
}
.umdk-all-card .button {
transition: transform .15s ease, box-shadow .15s ease;
}
.umdk-all-card .button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 20px rgba(153,132,87,.18);
}
.umdk-all-empty h3 {
margin: 0 0 8px;
color: #1e3a52;
font-size: 22px;
}
.umdk-all-empty p {
margin: 0 0 14px;
color: #333;
line-height: 1.55;
}
.umdk-empty-actions button {
min-height: 40px;
border: 0;
border-radius: 12px;
background: #998457;
color: #fff;
padding: 0 14px;
font-weight: 950;
cursor: pointer;
}
@media(max-width: 900px) {
.umdk-all-filters {
position: sticky;
top: 8px;
z-index: 20;
box-shadow: 0 12px 28px rgba(30,58,82,.10);
}
.umdk-all-link-blocks,
.umdk-all-highlight-strip {
grid-template-columns: 1fr;
}
.umdk-all-link-blocks a {
min-height: 68px;
}
.umdk-all-breadcrumbs {
justify-content: center;
}
} .umdk-all-weather-links {
margin: 28px 0;
background: #fff;
border: 1px solid #e9e4d8;
border-radius: 24px;
padding: 24px;
box-shadow: 0 14px 34px rgba(30,58,82,.06);
}
.umdk-all-weather-links h2 {
margin: 0 0 14px;
color: #1e3a52;
font-family: 'Caveat', cursive;
font-size: 42px;
line-height: 1;
text-align: center;
}
.umdk-all-weather-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 12px;
}
.umdk-all-weather-link-grid a {
display: grid;
gap: 4px;
align-content: center;
min-height: 76px;
padding: 14px 16px;
border: 1px solid #e9e4d8;
border-radius: 20px;
background: linear-gradient(135deg, #fdf4df 0%, #fff 100%);
text-decoration: none !important;
box-shadow: 0 12px 28px rgba(30,58,82,.06);
transition: transform .18s ease, box-shadow .18s ease;
}
.umdk-all-weather-link-grid a:hover {
transform: translateY(-3px);
box-shadow: 0 18px 38px rgba(30,58,82,.10);
}
.umdk-all-weather-link-grid b {
color: #1e3a52;
font-weight: 950;
}
.umdk-all-weather-link-grid span {
color: #7d6b46;
font-size: 13px;
font-weight: 750;
line-height: 1.35;
}
@media(max-width: 900px) {
.umdk-all-weather-link-grid {
grid-template-columns: 1fr;
}
} .umdk-menu-modal,
.umdk-all-menu-modal {
width: min(620px, calc(100vw - 32px)) !important;
border: 0 !important;
border-radius: 28px !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.umdk-menu-modal::backdrop,
.umdk-all-menu-modal::backdrop {
background: rgba(30,58,82,.34) !important;
backdrop-filter: blur(5px) !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
position: relative !important;
max-width: none !important;
width: 100% !important;
padding: 34px 34px 28px !important;
border-radius: 28px !important;
border: 1px solid #e9e4d8 !important;
background: #eaf4dc;
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle"],
.umdk-popup-menu .umdk-menu-item[href*="alle-uitjes"] {
--umdk-menu-icon: "🌍";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "☀️";
}
.umdk-popup-menu button.umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "🎈");
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "Privacy  –  Disclaimer  –  Voorwaarden  –  Sitemap  –  Contact";
display: block;
color: #8b98a8;
text-align: center;
font-size: 12px;
font-weight: 700;
padding-top: 16px;
}
@media(max-width: 680px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
padding: 30px 26px 24px !important;
}
.umdk-popup-menu {
grid-template-columns: 1fr !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 42px !important;
}
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
background: #eaf4dc;
}
.umdk-holidaypark-block::after {
content: "🏡";
position: absolute;
right: 22px;
top: 16px;
font-size: 54px;
opacity: .18;
pointer-events: none;
}
.umdk-holidaypark-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-holidaypark-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-holidaypark-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-holidaypark-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
background: #1e3a52;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
box-shadow: 0 12px 28px rgba(30,58,82,.16);
}
.umdk-holidaypark-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(30,58,82,.22);
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px;
border-radius: 22px;
}
.umdk-holidaypark-block h2 {
font-size: 25px;
}
.umdk-holidaypark-button {
width: 100%;
text-align: center;
}
} .umdk-add-outing-promo-block {
position: relative;
overflow: hidden;
margin: 24px 0;
padding: 24px;
border-radius: 26px;
border: 1px solid #eadcc2;
background: #fff1d7;
box-shadow: 0 16px 38px rgba(30,58,82,.07);
}
.umdk-add-outing-promo-block::after {
content: "✨";
position: absolute;
right: 22px;
top: 16px;
font-size: 52px;
opacity: .18;
pointer-events: none;
}
.umdk-add-outing-promo-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-add-outing-promo-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-add-outing-promo-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-add-outing-promo-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-add-outing-promo-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: #998457;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
cursor: pointer;
box-shadow: 0 12px 28px rgba(153,132,87,.16);
}
.umdk-add-outing-promo-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(153,132,87,.22);
}
@media(max-width: 760px) {
.umdk-add-outing-promo-block {
padding: 20px;
border-radius: 22px;
}
.umdk-add-outing-promo-block h2 {
font-size: 25px;
}
.umdk-add-outing-promo-button {
width: 100%;
text-align: center;
}
} .umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "🏠";
}
.umdk-popup-menu .umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] {
--umdk-menu-icon: "🎟️";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
}
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href*="privacyverklaring"] {
--umdk-menu-icon: "🔐";
}
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] {
--umdk-menu-icon: "⚠️";
}
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] {
--umdk-menu-icon: "📄";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🧭";
}
.umdk-popup-menu .umdk-menu-item[href*="contact"] {
--umdk-menu-icon: "✉️";
}
.umdk-popup-menu .umdk-menu-item[href*="vakantie"] {
--umdk-menu-icon: "🏡";
} .umdk-popup-menu .umdk-menu-item::before {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
font-size: 22px !important;
} .umdk-map-day-slicer button.is-active,
.umdk-map-day-slicer button.active,
.umdk-map-day-slicer button[aria-pressed="true"] {
background: #1e3a52 !important;
color: #fff !important;
border-color: #1e3a52 !important;
box-shadow: 0 14px 30px rgba(30,58,82,.24) !important;
transform: translateY(-1px);
}
.umdk-map-day-slicer button.is-active strong,
.umdk-map-day-slicer button.active strong,
.umdk-map-day-slicer button[aria-pressed="true"] strong,
.umdk-map-day-slicer button.is-active span,
.umdk-map-day-slicer button.active span,
.umdk-map-day-slicer button[aria-pressed="true"] span {
color: #fff !important;
}
.umdk-map-day-slicer button.is-active small,
.umdk-map-day-slicer button.active small,
.umdk-map-day-slicer button[aria-pressed="true"] small {
color: rgba(255,255,255,.82) !important;
} @media(max-width: 760px) {
.umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-map-page a,
.umdk-map-page a:hover,
.umdk-map-page a:focus,
.umdk-map-page a:active,
.umdk-menu-item,
.umdk-menu-item:hover,
.umdk-menu-item:focus,
.umdk-menu-item:active {
text-decoration: none !important;
text-underline-offset: 0 !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
}
}
.umdk-outing-image-frame,
.umdk-card-image,
.umdk-search-card-image,
.umdk-all-card-image {
padding: 6px !important;
border-radius: 20px !important;
}
} .umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-popup-menu .umdk-menu-item,
.umdk-popup-menu .umdk-menu-item:hover,
.umdk-popup-menu .umdk-menu-item:focus,
.umdk-popup-menu .umdk-menu-item:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-all * {
text-decoration: none !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
}
.umdk-popup-menu .umdk-menu-item {
border-bottom: 0 !important;
}
.umdk-popup-menu .umdk-menu-item span,
.umdk-popup-menu .umdk-menu-item strong,
.umdk-popup-menu .umdk-menu-item b {
text-decoration: none !important;
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(620px, calc(100vw - 34px)) !important;
max-width: 620px !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
overflow: hidden !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "";
position: absolute;
right: -34px;
top: -48px;
width: 150px;
height: 150px;
border-radius: 50%;
background: #f8edd2;
opacity: .9;
pointer-events: none;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
position: relative;
z-index: 1;
font-family: 'Caveat', cursive !important;
color: #1e3a52 !important;
font-size: 44px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 0 20px !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
position: absolute !important;
z-index: 3 !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
background: #fff !important;
color: #1e3a52 !important;
border: 1px solid #e7dac4 !important;
box-shadow: 0 10px 24px rgba(30,58,82,.10) !important;
font-size: 26px !important;
line-height: 1 !important;
}
.umdk-popup-menu {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 22px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
text-decoration: none !important;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.umdk-popup-menu .umdk-menu-item:hover {
transform: translateY(-1px) !important;
border-color: #d8c28e !important;
box-shadow: 0 14px 28px rgba(30,58,82,.08) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer,
.umdk-menu-footer {
position: relative;
z-index: 1;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding-top: 16px !important;
border-top: 1px solid #eadcc2 !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 850 !important;
}
.umdk-menu-footer a,
.umdk-menu-footer a:hover,
.umdk-menu-footer a:focus,
.umdk-menu-footer a:active {
color: #7d6b46 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 40px !important;
margin-bottom: 18px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.15 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 9px !important;
}
} .umdk-modal.umdk-menu-modal,
.umdk-modal.umdk-all-menu-modal,
dialog.umdk-menu-modal,
dialog.umdk-all-menu-modal {
padding: 0 !important;
overflow: visible !important;
max-width: none !important;
width: auto !important;
background: transparent !important;
border: 0 !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
box-sizing: border-box !important;
width: min(620px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
}
.umdk-menu-modal .umdk-modal-content *,
.umdk-all-menu-modal .umdk-modal-content * {
box-sizing: border-box !important;
}
.umdk-popup-menu {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.umdk-popup-menu .umdk-menu-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-grid !important;
place-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-family: 'Caveat', cursive !important;
font-size: 44px !important;
line-height: 1 !important;
margin: 0 0 20px !important;
color: #1e3a52 !important;
font-weight: 700 !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
top: 18px !important;
right: 18px !important;
}
.umdk-menu-footer,
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
max-width: calc(100vw - 28px) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.16 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
flex-basis: 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
padding: 28px 20px 20px !important;
}
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 8px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px !important;
margin: 0 auto 18px !important;
border: 2px dashed #dfd2bd !important;
border-radius: 22px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 22px rgba(30,58,82,.05) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.umdk-all-logo::before,
.umdk-all-logo::after {
display: none !important;
content: none !important;
}
.umdk-all-logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
height: auto !important;
border-radius: 14px !important;
margin: 0 auto !important;
}
.umdk-all-header .umdk-all-logo,
.umdk-all-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
}
@media(max-width: 760px) {
.umdk-all-logo {
padding: 8px !important;
border-radius: 18px !important;
margin-bottom: 16px !important;
}
.umdk-all-logo img {
max-width: 150px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
max-width: none !important;
padding: 10px !important;
margin: 0 auto 20px !important;
}
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
height: auto !important;
object-fit: contain !important;
}
@media(max-width: 760px) {
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
}
} .umdk-holidaypark-block {
position: relative !important;
overflow: hidden !important;
display: block !important;
margin: 24px 0 !important;
padding: 24px !important;
border-radius: 26px !important;
border: 1px solid #dce7cf !important;
background: #eaf4dc !important;
box-shadow: 0 16px 38px rgba(30,58,82,.07) !important;
}
.umdk-holidaypark-block::after {
content: "🏡" !important;
position: absolute !important;
right: 22px !important;
top: 16px !important;
font-size: 54px !important;
opacity: .18 !important;
pointer-events: none !important;
}
.umdk-holidaypark-content {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
}
.umdk-holidaypark-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #fff !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 8px 18px rgba(30,58,82,.06) !important;
margin-bottom: 10px !important;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px !important;
color: #1e3a52 !important;
font-size: 30px !important;
line-height: 1.12 !important;
font-weight: 950 !important;
}
.umdk-holidaypark-block p {
margin: 0 0 16px !important;
color: #333 !important;
line-height: 1.7 !important;
font-size: 16px !important;
max-width: 850px !important;
}
.umdk-holidaypark-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: #1e3a52 !important;
color: #fff !important;
text-decoration: none !important;
font-weight: 950 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.16) !important;
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px !important;
border-radius: 22px !important;
}
.umdk-holidaypark-block h2 {
font-size: 25px !important;
}
.umdk-holidaypark-button {
width: 100% !important;
text-align: center !important;
}
} .umdk-popup-description,
.umdk-outing-popup-description,
.umdk-map-popup-description,
.umdk-home-popup-description,
.umdk-popup-card p,
.umdk-popup-content p,
.umdk-outing-popup p {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .umdk-outings-modal .umdk-outing-description,
.umdk-outings-modal .umdk-outing-main p.umdk-outing-description {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-height: 4.8em !important;
line-height: 1.6 !important;
} .umdk-add-outing-promo-button,
.umdk-all-submit-button,
a.umdk-menu-add,
.umdk-menu-add {
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
}
.umdk-add-outing-promo-button:hover,
.umdk-all-submit-button:hover,
a.umdk-menu-add:hover,
.umdk-menu-add:hover {
text-decoration: none !important;
} .umdk-rainproof-pill{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
background:#6f88a0;
color:#fff;
font-size:13px;
font-weight:600;
line-height:1;
box-shadow:0 4px 12px rgba(0,0,0,.12);
white-space:nowrap;
}
.umdk-card-image-wrap,
.umdk-uitje-image-wrap,
.umdk-image-wrap{
position:relative;
} .umdk-all-image-slot,
.umdk-outing-image-frame,
.umdk-map-mini-image-wrap {
position: relative !important;
}
.umdk-rainproof-pill {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 8 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #D5E2EB !important;
color: #61428F !important;
border: 1px solid rgba(97,66,143,.12) !important;
box-shadow: 0 8px 18px rgba(30,58,82,.14) !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1 !important;
white-space: nowrap !important;
letter-spacing: .01em !important;
text-shadow: none !important;
pointer-events: none !important;
}
.umdk-map-mini-image-wrap {
display: block !important;
overflow: hidden !important;
border-radius: 16px !important;
}
.umdk-map-mini-image-wrap > img {
display: block !important;
width: 100% !important;
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}.umdk-legal-page {
padding-top: 5px !important;
}
.umdk-legal-hero {
background: #fff;
border: 1px solid #e9e4d8;
border-radius: 28px;
padding: 26px;
box-shadow: 0 18px 44px rgba(30,58,82,.08);
text-align: center;
margin-bottom: 18px;
}
.umdk-legal-hero .umdk-all-logo {
display: flex;
justify-content: center;
margin-bottom: 10px;
text-decoration: none !important;
}
.umdk-legal-hero .umdk-all-logo img {
width: 92px;
height: auto;
}
.umdk-legal-hero h1 {
font-family: 'Caveat', cursive !important;
font-weight: 700 !important;
font-size: 64px !important;
line-height: 1 !important;
color: #1e3a52 !important;
letter-spacing: .5px !important;
margin: 0 0 10px !important;
}
.umdk-legal-hero > p {
max-width: 840px;
margin: 0 auto 12px;
color: #333;
line-height: 1.65;
font-size: 17px;
}
.umdk-legal-hero small {
color: #7d6b46;
font-weight: 850;
}
.umdk-legal-layout {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.umdk-legal-toc {
position: sticky;
top: 18px;
background: #fffaf0;
border: 1px solid #eadcc2;
border-radius: 22px;
padding: 16px;
box-shadow: 0 12px 30px rgba(30,58,82,.06);
}
.umdk-legal-toc strong {
display: block;
color: #1e3a52;
margin-bottom: 10px;
font-weight: 950;
}
.umdk-legal-toc a {
display: block;
color: #7d6b46 !important;
text-decoration: none !important;
font-weight: 850;
padding: 8px 0;
border-top: 1px solid rgba(153,132,87,.14);
}
.umdk-legal-toc a:hover {
color: #1e3a52 !important;
}
.umdk-legal-content {
display: grid;
gap: 16px;
}
.umdk-legal-card {
background: #fff;
border: 1px solid #e9e4d8;
border-radius: 24px;
padding: 22px;
box-shadow: 0 14px 34px rgba(30,58,82,.06);
}
.umdk-legal-card h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 25px;
line-height: 1.15;
}
.umdk-legal-card p {
margin: 0 0 12px;
color: #333;
line-height: 1.75;
}
.umdk-legal-card p:last-child {
margin-bottom: 0;
}
@media(max-width: 900px) {
.umdk-legal-hero h1 {
font-size: 52px !important;
}
.umdk-legal-layout {
grid-template-columns: 1fr;
}
.umdk-legal-toc {
position: static;
}
} .umdk-holidaypark-block {
position: relative;
overflow: hidden;
margin: 28px 0;
padding: 24px;
border-radius: 26px;
border: 1px solid #dce7cf;
background: #eaf4dc;
box-shadow: 0 16px 38px rgba(30,58,82,.07);
}
.umdk-holidaypark-block::after {
content: "🏡";
position: absolute;
right: 22px;
top: 16px;
font-size: 54px;
opacity: .18;
pointer-events: none;
}
.umdk-holidaypark-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-holidaypark-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-holidaypark-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-holidaypark-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
background: #1e3a52;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
box-shadow: 0 12px 28px rgba(30,58,82,.16);
}
.umdk-holidaypark-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(30,58,82,.22);
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px;
border-radius: 22px;
}
.umdk-holidaypark-block h2 {
font-size: 25px;
}
.umdk-holidaypark-button {
width: 100%;
text-align: center;
}
} .umdk-add-outing-promo-block {
position: relative;
overflow: hidden;
margin: 24px 0;
padding: 24px;
border-radius: 26px;
border: 1px solid #eadcc2;
background: #fff1d7;
box-shadow: 0 16px 38px rgba(30,58,82,.07);
}
.umdk-add-outing-promo-block::after {
content: "✨";
position: absolute;
right: 22px;
top: 16px;
font-size: 52px;
opacity: .18;
pointer-events: none;
}
.umdk-add-outing-promo-content {
position: relative;
z-index: 1;
max-width: 920px;
}
.umdk-add-outing-promo-kicker {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #7d6b46;
font-size: 13px;
font-weight: 950;
box-shadow: 0 8px 18px rgba(30,58,82,.06);
margin-bottom: 10px;
}
.umdk-add-outing-promo-block h2 {
margin: 0 0 10px;
color: #1e3a52;
font-size: 30px;
line-height: 1.12;
font-weight: 950;
}
.umdk-add-outing-promo-block p {
margin: 0 0 16px;
color: #333;
line-height: 1.7;
font-size: 16px;
max-width: 850px;
}
.umdk-add-outing-promo-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: #998457;
color: #fff !important;
text-decoration: none !important;
font-weight: 950;
cursor: pointer;
box-shadow: 0 12px 28px rgba(153,132,87,.16);
}
.umdk-add-outing-promo-button:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(153,132,87,.22);
}
@media(max-width: 760px) {
.umdk-add-outing-promo-block {
padding: 20px;
border-radius: 22px;
}
.umdk-add-outing-promo-block h2 {
font-size: 25px;
}
.umdk-add-outing-promo-button {
width: 100%;
text-align: center;
}
} .umdk-popup-menu .umdk-menu-item[href="/"],
.umdk-popup-menu .umdk-menu-item[href$="/"] {
--umdk-menu-icon: "🏠";
}
.umdk-popup-menu .umdk-menu-add {
--umdk-menu-icon: "✨";
}
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] {
--umdk-menu-icon: "🎟️";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] {
--umdk-menu-icon: "🔎";
}
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] {
--umdk-menu-icon: "💚";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10-euro"] {
--umdk-menu-icon: "💸";
}
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] {
--umdk-menu-icon: "🗺️";
}
.umdk-popup-menu .umdk-menu-item[href*="privacyverklaring"] {
--umdk-menu-icon: "🔐";
}
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] {
--umdk-menu-icon: "⚠️";
}
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] {
--umdk-menu-icon: "📄";
}
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] {
--umdk-menu-icon: "🧭";
}
.umdk-popup-menu .umdk-menu-item[href*="contact"] {
--umdk-menu-icon: "✉️";
}
.umdk-popup-menu .umdk-menu-item[href*="vakantie"] {
--umdk-menu-icon: "🏡";
} .umdk-popup-menu .umdk-menu-item::before {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
font-size: 22px !important;
} .umdk-map-day-slicer button.is-active,
.umdk-map-day-slicer button.active,
.umdk-map-day-slicer button[aria-pressed="true"] {
background: #1e3a52 !important;
color: #fff !important;
border-color: #1e3a52 !important;
box-shadow: 0 14px 30px rgba(30,58,82,.24) !important;
transform: translateY(-1px);
}
.umdk-map-day-slicer button.is-active strong,
.umdk-map-day-slicer button.active strong,
.umdk-map-day-slicer button[aria-pressed="true"] strong,
.umdk-map-day-slicer button.is-active span,
.umdk-map-day-slicer button.active span,
.umdk-map-day-slicer button[aria-pressed="true"] span {
color: #fff !important;
}
.umdk-map-day-slicer button.is-active small,
.umdk-map-day-slicer button.active small,
.umdk-map-day-slicer button[aria-pressed="true"] small {
color: rgba(255,255,255,.82) !important;
} @media(max-width: 760px) {
.umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-map-page a,
.umdk-map-page a:hover,
.umdk-map-page a:focus,
.umdk-map-page a:active,
.umdk-menu-item,
.umdk-menu-item:hover,
.umdk-menu-item:focus,
.umdk-menu-item:active {
text-decoration: none !important;
text-underline-offset: 0 !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
}
}
.umdk-outing-image-frame,
.umdk-card-image,
.umdk-search-card-image,
.umdk-all-card-image {
padding: 6px !important;
border-radius: 20px !important;
}
} .umdk-all a,
.umdk-all a:hover,
.umdk-all a:focus,
.umdk-all a:active,
.umdk-popup-menu a,
.umdk-popup-menu a:hover,
.umdk-popup-menu a:focus,
.umdk-popup-menu a:active,
.umdk-popup-menu .umdk-menu-item,
.umdk-popup-menu .umdk-menu-item:hover,
.umdk-popup-menu .umdk-menu-item:focus,
.umdk-popup-menu .umdk-menu-item:active,
.umdk-modal a,
.umdk-modal a:hover,
.umdk-modal a:focus,
.umdk-modal a:active,
.umdk-all * {
text-decoration: none !important;
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
}
.umdk-popup-menu .umdk-menu-item {
border-bottom: 0 !important;
}
.umdk-popup-menu .umdk-menu-item span,
.umdk-popup-menu .umdk-menu-item strong,
.umdk-popup-menu .umdk-menu-item b {
text-decoration: none !important;
} .umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(620px, calc(100vw - 34px)) !important;
max-width: 620px !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
overflow: hidden !important;
}
.umdk-menu-modal .umdk-modal-content::after,
.umdk-all-menu-modal .umdk-modal-content::after {
content: "";
position: absolute;
right: -34px;
top: -48px;
width: 150px;
height: 150px;
border-radius: 50%;
background: #f8edd2;
opacity: .9;
pointer-events: none;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
position: relative;
z-index: 1;
font-family: 'Caveat', cursive !important;
color: #1e3a52 !important;
font-size: 44px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 0 20px !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
position: absolute !important;
z-index: 3 !important;
top: 18px !important;
right: 18px !important;
width: 44px !important;
height: 44px !important;
border-radius: 16px !important;
display: grid !important;
place-items: center !important;
background: #fff !important;
color: #1e3a52 !important;
border: 1px solid #e7dac4 !important;
box-shadow: 0 10px 24px rgba(30,58,82,.10) !important;
font-size: 26px !important;
line-height: 1 !important;
}
.umdk-popup-menu {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 22px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
text-decoration: none !important;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.umdk-popup-menu .umdk-menu-item:hover {
transform: translateY(-1px) !important;
border-color: #d8c28e !important;
box-shadow: 0 14px 28px rgba(30,58,82,.08) !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 28px !important;
height: 28px !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer,
.umdk-menu-footer {
position: relative;
z-index: 1;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding-top: 16px !important;
border-top: 1px solid #eadcc2 !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 850 !important;
}
.umdk-menu-footer a,
.umdk-menu-footer a:hover,
.umdk-menu-footer a:focus,
.umdk-menu-footer a:active {
color: #7d6b46 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-size: 40px !important;
margin-bottom: 18px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.15 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 9px !important;
}
} .umdk-modal.umdk-menu-modal,
.umdk-modal.umdk-all-menu-modal,
dialog.umdk-menu-modal,
dialog.umdk-all-menu-modal {
padding: 0 !important;
overflow: visible !important;
max-width: none !important;
width: auto !important;
background: transparent !important;
border: 0 !important;
}
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
box-sizing: border-box !important;
width: min(620px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 28px !important;
padding: 34px 34px 24px !important;
background: #fffdf8 !important;
border: 1px solid #eadcc2 !important;
box-shadow: 0 24px 70px rgba(30,58,82,.24) !important;
}
.umdk-menu-modal .umdk-modal-content *,
.umdk-all-menu-modal .umdk-modal-content * {
box-sizing: border-box !important;
}
.umdk-popup-menu {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
overflow: visible !important;
}
.umdk-popup-menu .umdk-menu-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 66px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid #eadcc2 !important;
color: #1e3a52 !important;
box-shadow: 0 10px 22px rgba(30,58,82,.045) !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.18 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-decoration: none !important;
}
.umdk-popup-menu .umdk-menu-item::before {
content: var(--umdk-menu-icon, "✨") !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-grid !important;
place-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
}
.umdk-menu-modal h2,
.umdk-all-menu-modal h2 {
font-family: 'Caveat', cursive !important;
font-size: 44px !important;
line-height: 1 !important;
margin: 0 0 20px !important;
color: #1e3a52 !important;
font-weight: 700 !important;
}
.umdk-menu-modal .umdk-close,
.umdk-all-menu-modal .umdk-close {
top: 18px !important;
right: 18px !important;
}
.umdk-menu-footer,
.umdk-menu-modal .umdk-menu-footer,
.umdk-all-menu-modal .umdk-menu-footer {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
line-height: 1.2 !important;
}
@media(max-width: 640px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: min(430px, calc(100vw - 28px)) !important;
max-width: calc(100vw - 28px) !important;
padding: 30px 24px 22px !important;
border-radius: 24px !important;
}
.umdk-popup-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.umdk-popup-menu .umdk-menu-item {
min-height: 64px !important;
padding: 10px 12px !important;
font-size: 15px !important;
line-height: 1.16 !important;
}
.umdk-popup-menu .umdk-menu-item::before {
flex-basis: 24px !important;
width: 24px !important;
height: 24px !important;
font-size: 22px !important;
}
}
@media(max-width: 390px) {
.umdk-menu-modal .umdk-modal-content,
.umdk-all-menu-modal .umdk-modal-content {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
padding: 28px 20px 20px !important;
}
.umdk-popup-menu .umdk-menu-item {
font-size: 14px !important;
padding: 10px !important;
gap: 8px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px !important;
margin: 0 auto 18px !important;
border: 2px dashed #dfd2bd !important;
border-radius: 22px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 22px rgba(30,58,82,.05) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.umdk-all-logo::before,
.umdk-all-logo::after {
display: none !important;
content: none !important;
}
.umdk-all-logo img {
display: block !important;
width: auto !important;
max-width: 180px !important;
height: auto !important;
border-radius: 14px !important;
margin: 0 auto !important;
}
.umdk-all-header .umdk-all-logo,
.umdk-all-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
}
@media(max-width: 760px) {
.umdk-all-logo {
padding: 8px !important;
border-radius: 18px !important;
margin-bottom: 16px !important;
}
.umdk-all-logo img {
max-width: 150px !important;
}
} .umdk-all-logo,
.umdk-all .umdk-all-logo,
.umdk-search-page .umdk-all-logo,
.umdk-map-page .umdk-all-logo,
.umdk-free-page .umdk-all-logo,
.umdk-budget-page .umdk-all-logo,
.umdk-weather-page .umdk-all-logo,
.umdk-legal-page .umdk-all-logo,
.umdk-all-hero .umdk-all-logo,
.umdk-search-hero .umdk-all-logo,
.umdk-map-hero .umdk-all-logo {
width: fit-content !important;
min-width: 0 !important;
max-width: none !important;
padding: 10px !important;
margin: 0 auto 20px !important;
}
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
height: auto !important;
object-fit: contain !important;
}
@media(max-width: 760px) {
.umdk-all-logo img,
.umdk-all .umdk-all-logo img,
.umdk-search-page .umdk-all-logo img,
.umdk-map-page .umdk-all-logo img,
.umdk-free-page .umdk-all-logo img,
.umdk-budget-page .umdk-all-logo img,
.umdk-weather-page .umdk-all-logo img,
.umdk-legal-page .umdk-all-logo img,
.umdk-all-hero .umdk-all-logo img,
.umdk-search-hero .umdk-all-logo img,
.umdk-map-hero .umdk-all-logo img {
width: 120px !important;
max-width: 120px !important;
min-width: 120px !important;
}
} .umdk-holidaypark-block {
position: relative !important;
overflow: hidden !important;
display: block !important;
margin: 24px 0 !important;
padding: 24px !important;
border-radius: 26px !important;
border: 1px solid #dce7cf !important;
background: #eaf4dc !important;
box-shadow: 0 16px 38px rgba(30,58,82,.07) !important;
}
.umdk-holidaypark-block::after {
content: "🏡" !important;
position: absolute !important;
right: 22px !important;
top: 16px !important;
font-size: 54px !important;
opacity: .18 !important;
pointer-events: none !important;
}
.umdk-holidaypark-content {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
}
.umdk-holidaypark-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #fff !important;
color: #7d6b46 !important;
font-size: 13px !important;
font-weight: 950 !important;
box-shadow: 0 8px 18px rgba(30,58,82,.06) !important;
margin-bottom: 10px !important;
}
.umdk-holidaypark-block h2 {
margin: 0 0 10px !important;
color: #1e3a52 !important;
font-size: 30px !important;
line-height: 1.12 !important;
font-weight: 950 !important;
}
.umdk-holidaypark-block p {
margin: 0 0 16px !important;
color: #333 !important;
line-height: 1.7 !important;
font-size: 16px !important;
max-width: 850px !important;
}
.umdk-holidaypark-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: #1e3a52 !important;
color: #fff !important;
text-decoration: none !important;
font-weight: 950 !important;
box-shadow: 0 12px 28px rgba(30,58,82,.16) !important;
}
@media(max-width: 760px) {
.umdk-holidaypark-block {
padding: 20px !important;
border-radius: 22px !important;
}
.umdk-holidaypark-block h2 {
font-size: 25px !important;
}
.umdk-holidaypark-button {
width: 100% !important;
text-align: center !important;
}
} .umdk-popup-description,
.umdk-outing-popup-description,
.umdk-map-popup-description,
.umdk-home-popup-description,
.umdk-popup-card p,
.umdk-popup-content p,
.umdk-outing-popup p {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .umdk-add-outing-promo-button,
.umdk-all-submit-button,
a.umdk-menu-add,
.umdk-menu-add {
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
}
.umdk-add-outing-promo-button:hover,
.umdk-all-submit-button:hover,
a.umdk-menu-add:hover,
.umdk-menu-add:hover {
text-decoration: none !important;
} .umdk-rainproof-pill{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
background:#6f88a0;
color:#fff;
font-size:13px;
font-weight:600;
line-height:1;
box-shadow:0 4px 12px rgba(0,0,0,.12);
white-space:nowrap;
}
.umdk-card-image-wrap,
.umdk-uitje-image-wrap,
.umdk-image-wrap{
position:relative;
}
.umdk-about-section,
.umdk-outing-description-section {
margin-top:20px !important;
}
.umdk-tlo {
color:#1e3a52 !important;
} .umdk-review-modal,
.umdk-review-popup,
.umdk-tip-modal,
.umdk-tip-popup,
.umdk-parent-review-modal,
.umdk-parent-tip-modal {
overflow: visible !important;
}
.umdk-review-modal .umdk-modal-content,
.umdk-review-popup .umdk-modal-content,
.umdk-tip-modal .umdk-modal-content,
.umdk-tip-popup .umdk-modal-content,
.umdk-parent-review-modal .umdk-modal-content,
.umdk-parent-tip-modal .umdk-modal-content {
overflow: visible !important;
max-height: none !important;
scrollbar-width: none !important;
}
.umdk-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-review-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-tip-popup .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-review-modal .umdk-modal-content::-webkit-scrollbar,
.umdk-parent-tip-modal .umdk-modal-content::-webkit-scrollbar {
display: none !important;
}