.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:700;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:700;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:700;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:700;cursor:pointer;box-shadow:0 8px 18px rgba(153,132,87,.18)}.umdk-status{color:var(--ink-mute);font-weight:700;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:700;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:700;color:var(--hot)}.umdk-tlo{font-size:15px;font-weight:700;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:700;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:700}.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:700;letter-spacing:-.04em}.umdk-lo{font-size:30px;color:var(--cold);font-weight:700}.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:700}.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:700;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:700;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:700}.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:700;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:700}
@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-outings-modal .umdk-outings-list .umdk-outing .umdk-outing-main .umdk-outing-description {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
max-height: calc(1.55em * 3) !important;
line-height: 1.55 !important;
margin-bottom: 12px !important;
} .umdk-popup-menu {
display: grid;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { order: -1000 !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { order: -999 !important; }
.umdk-popup-menu .umdk-menu-item::before {
content: attr(data-umdk-icon) !important;
display: inline-block !important;
width: 24px !important;
min-width: 24px !important;
margin-right: 10px !important;
text-align: center !important;
font-size: 22px !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.umdk-popup-menu .umdk-menu-item:not([data-umdk-icon])::before { content: "🎈" !important; } .umdk-popup-menu .umdk-menu-item::before,
.umdk-popup-menu a.umdk-menu-item::before,
.umdk-popup-menu li.umdk-menu-item::before {
content: var(--umdk-menu-icon, attr(data-umdk-icon)) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
margin: 0 12px 0 0 !important;
font-size: 22px !important;
line-height: 1 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { --umdk-menu-icon: "🏠" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-add { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-all-outings { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-search { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-free { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-under-ten { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-map { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-tips { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-restaurants { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-privacy { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-disclaimer { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-terms { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-sitemap { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-contact { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="budgetplanner"] { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitje-toevoegen"] { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10"] { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="tips-voor-ouders"] { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item[href*="restaurants"] { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="privacy"] { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item[href*="contact"] { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-home[href$="/"] { --umdk-menu-icon: "🏠" !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-popup-menu {
display: grid;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { order: -1000 !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { order: -999 !important; }
.umdk-popup-menu .umdk-menu-item::before {
content: attr(data-umdk-icon) !important;
display: inline-block !important;
width: 24px !important;
min-width: 24px !important;
margin-right: 10px !important;
text-align: center !important;
font-size: 22px !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.umdk-popup-menu .umdk-menu-item:not([data-umdk-icon])::before { content: "🎈" !important; } .umdk-popup-menu .umdk-menu-item::before,
.umdk-popup-menu a.umdk-menu-item::before,
.umdk-popup-menu li.umdk-menu-item::before {
content: var(--umdk-menu-icon, attr(data-umdk-icon)) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
margin: 0 12px 0 0 !important;
font-size: 22px !important;
line-height: 1 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { --umdk-menu-icon: "🏠" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-add { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-all-outings { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-search { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-free { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-under-ten { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-map { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-tips { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-restaurants { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-privacy { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-disclaimer { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-terms { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-sitemap { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-contact { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="budgetplanner"] { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitje-toevoegen"] { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10"] { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="tips-voor-ouders"] { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item[href*="restaurants"] { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="privacy"] { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item[href*="contact"] { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-home[href$="/"] { --umdk-menu-icon: "🏠" !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-popup-menu {
display: grid;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { order: -1000 !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { order: -999 !important; }
.umdk-popup-menu .umdk-menu-item::before {
content: attr(data-umdk-icon) !important;
display: inline-block !important;
width: 24px !important;
min-width: 24px !important;
margin-right: 10px !important;
text-align: center !important;
font-size: 22px !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.umdk-popup-menu .umdk-menu-item:not([data-umdk-icon])::before { content: "🎈" !important; } .umdk-popup-menu .umdk-menu-item::before,
.umdk-popup-menu a.umdk-menu-item::before,
.umdk-popup-menu li.umdk-menu-item::before {
content: var(--umdk-menu-icon, attr(data-umdk-icon)) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
margin: 0 12px 0 0 !important;
font-size: 22px !important;
line-height: 1 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { --umdk-menu-icon: "🏠" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-add { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-all-outings { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-search { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-free { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-under-ten { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-map { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-tips { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-restaurants { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-privacy { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-disclaimer { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-terms { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-sitemap { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-contact { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="budgetplanner"] { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitje-toevoegen"] { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10"] { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="tips-voor-ouders"] { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item[href*="restaurants"] { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="privacy"] { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item[href*="contact"] { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-home[href$="/"] { --umdk-menu-icon: "🏠" !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 14px !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: #123250 !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-onboarding-bubble .umdk-onboarding-text {
white-space: normal !important;
}
.umdk-onboarding-bubble .umdk-onboarding-text p {
margin: 0 0 12px 0 !important;
color: inherit;
}
.umdk-onboarding-bubble .umdk-onboarding-text p:last-child {
margin-bottom: 0 !important;
}
.umdk-onboarding-bubble .umdk-onboarding-actions {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
flex-wrap: nowrap !important;
margin-top: 8px !important;
}
.umdk-onboarding-bubble .umdk-onboarding-next,
.umdk-onboarding-bubble .umdk-onboarding-budget {
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
margin: 0 !important;
padding: 0 14px !important;
border-radius: 18px !important;
font-family: inherit !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
white-space: nowrap !important;
float: none !important;
text-decoration: none !important;
cursor: pointer !important;
box-shadow: 0 6px 14px rgba(30,58,82,.08) !important;
transform: none !important;
}
.umdk-onboarding-bubble .umdk-onboarding-budget {
background: #dca548 !important;
border: 1px solid #dca548 !important;
color: #fff !important;
}
.umdk-onboarding-bubble .umdk-onboarding-next {
background: #123250 !important;
border: 1px solid #123250 !important;
color: #fff !important;
}
.umdk-onboarding-bubble .umdk-onboarding-budget:hover,
.umdk-onboarding-bubble .umdk-onboarding-budget:focus,
.umdk-onboarding-bubble .umdk-onboarding-next:hover,
.umdk-onboarding-bubble .umdk-onboarding-next:focus {
transform: none !important;
} .umdk-popup-menu {
display: grid;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { order: -1000 !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { order: -999 !important; }
.umdk-popup-menu .umdk-menu-item::before {
content: attr(data-umdk-icon) !important;
display: inline-block !important;
width: 24px !important;
min-width: 24px !important;
margin-right: 10px !important;
text-align: center !important;
font-size: 22px !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.umdk-popup-menu .umdk-menu-item:not([data-umdk-icon])::before { content: "🎈" !important; } .umdk-popup-menu .umdk-menu-item::before,
.umdk-popup-menu a.umdk-menu-item::before,
.umdk-popup-menu li.umdk-menu-item::before {
content: var(--umdk-menu-icon, attr(data-umdk-icon)) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
margin: 0 12px 0 0 !important;
font-size: 22px !important;
line-height: 1 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
}
.umdk-popup-menu .umdk-menu-item.umdk-menu-home { --umdk-menu-icon: "🏠" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-budgetplanner { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-add { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-all-outings { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-search { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-free { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-under-ten { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-map { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-tips { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-restaurants { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-privacy { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-disclaimer { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-terms { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-sitemap { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-contact { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="budgetplanner"] { --umdk-menu-icon: "💰" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitje-toevoegen"] { --umdk-menu-icon: "➕" !important; }
.umdk-popup-menu .umdk-menu-item[href*="toon-alle-uitjes"] { --umdk-menu-icon: "🎟️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-zoeken"] { --umdk-menu-icon: "🔎" !important; }
.umdk-popup-menu .umdk-menu-item[href*="gratis-uitjes"] { --umdk-menu-icon: "💚" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-onder-10"] { --umdk-menu-icon: "💸" !important; }
.umdk-popup-menu .umdk-menu-item[href*="uitjes-op-de-kaart"] { --umdk-menu-icon: "🗺️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="tips-voor-ouders"] { --umdk-menu-icon: "💡" !important; }
.umdk-popup-menu .umdk-menu-item[href*="restaurants"] { --umdk-menu-icon: "🍽️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="privacy"] { --umdk-menu-icon: "🔒" !important; }
.umdk-popup-menu .umdk-menu-item[href*="disclaimer"] { --umdk-menu-icon: "⚖️" !important; }
.umdk-popup-menu .umdk-menu-item[href*="voorwaarden"] { --umdk-menu-icon: "📄" !important; }
.umdk-popup-menu .umdk-menu-item[href*="sitemap"] { --umdk-menu-icon: "🧭" !important; }
.umdk-popup-menu .umdk-menu-item[href*="contact"] { --umdk-menu-icon: "✉️" !important; }
.umdk-popup-menu .umdk-menu-item.umdk-menu-home[href$="/"] { --umdk-menu-icon: "🏠" !important; } .umdk-onboarding-bubble[data-placement="center"] {
width: min(340px, calc(100vw - 28px)) !important;
}
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-actions {
justify-content: center !important;
}
@media (max-width: 380px) {
.umdk-onboarding-bubble[data-placement="center"] {
width: min(340px, calc(100vw - 16px)) !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
} .umdk-onboarding-bubble[data-placement="center"] {
width: min(360px, calc(100vw - 24px)) !important;
}
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-actions {
display: flex !important;
flex-direction: row-reverse !important;
justify-content: center !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
width: 100% !important;
box-sizing: border-box !important;
}
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-next,
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-budget {
width: 136px !important;
min-width: 136px !important;
max-width: 136px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
@media (max-width: 340px) {
.umdk-onboarding-bubble[data-placement="center"] {
width: calc(100vw - 16px) !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-next,
.umdk-onboarding-bubble[data-placement="center"] .umdk-onboarding-budget {
width: 128px !important;
min-width: 128px !important;
max-width: 128px !important;
font-size: 12px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}.umdk-cover-popup,
.umdk-cover-popup * {
box-sizing: border-box;
}
.umdk-cover-popup[hidden] {
display: none !important;
}
.umdk-cover-popup {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
font-family: 'Nunito', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.umdk-cover-popup__backdrop {
position: absolute;
inset: 0;
background: rgba(13, 22, 36, .54);
backdrop-filter: blur(2px);
}
.umdk-cover-popup__dialog {
position: relative;
z-index: 1;
width: min(440px, calc(100vw - 40px));
max-height: calc(100vh - 40px);
display: flex;
align-items: center;
justify-content: center;
}
.umdk-cover-popup__close {
position: absolute;
top: -14px;
right: -14px;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
background: #fff;
color: #122033;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 26px;
line-height: 1;
font-weight: 500;
cursor: pointer;
box-shadow: 0 14px 34px rgba(18, 32, 51, .22);
z-index: 3;
}
.umdk-cover-popup__cover {
position: relative;
width: min(420px, calc(100vw - 40px));
aspect-ratio: 210 / 297;
overflow: hidden;
border-radius: 0;
background:
linear-gradient(135deg, #4aa3c7 0%, #f4c437 100%);
background-size: cover;
background-position: center center;
box-shadow: 0 32px 78px rgba(18, 32, 51, .38);
isolation: isolate;
}
.umdk-cover-popup__shade {
position: absolute;
inset: 0;
z-index: 0;
border: solid 10px #ffffff;
background:
linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.06) 46%, rgba(0,0,0,.50) 100%),
radial-gradient(circle at 75% 16%, rgba(255,255,255,.40) 0 0, transparent 34%),
radial-gradient(circle at 20% 76%, rgba(231,84,128,.22) 0 0, transparent 32%);
}
.umdk-cover-popup__content {
position: absolute;
left: 34px;
right: 34px;
top: 46px;
color: #fff;
z-index: 1;
text-shadow: 0 3px 18px rgba(0,0,0,.24);
}
.umdk-cover-popup__label {
font-size: 32px;
line-height: 1;
font-weight: 600;
margin-bottom: 8px;
}
.umdk-cover-popup__title {
font-family: 'Caveat', cursive;
font-size: 70px;
line-height: .76;
font-weight: 700;
max-width: 86%;
}
.umdk-cover-popup__subtitle {
margin-top: 20px;
max-width: 260px;
font-size: 21px;
line-height: 1.18;
font-weight: 600;
}
.umdk-cover-popup__heart {
position: absolute;
right: 34px;
top: 68px;
z-index: 1;
color: #e65382;
font-size: 58px;
line-height: 1;
font-family: 'Caveat', cursive;
text-shadow: 0 2px 14px rgba(255,255,255,.45);
}
.umdk-cover-popup__button {
position: absolute;
left: 50%;
right: auto;
bottom: 34px;
width: calc(100% - 68px);
max-width: 195px;
min-height: 40px;
transform: translateX(-50%);
border: 0;
border-radius: 12px;
background: #998457;
color: #fff;
font-size: 18px;
line-height: 1;
font-weight: 600;
cursor: pointer;
z-index: 2;
box-shadow: 0 16px 34px rgba(18, 32, 51, .22);
transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.umdk-cover-popup__button:hover,
.umdk-cover-popup__button:focus {
background: #8c784f;
transform: translateX(-50%) translateY(-1px);
box-shadow: 0 20px 42px rgba(18, 32, 51, .28);
}
body.umdk-cover-popup-open {
overflow: hidden;
}
@media (max-width: 640px) {
.umdk-cover-popup {
padding: 20px;
}
.umdk-cover-popup__dialog,
.umdk-cover-popup__cover {
width: min(calc(100vw - 40px), calc((100vh - 40px) * .707));
max-height: calc(100vh - 40px);
}
.umdk-cover-popup__content {
left: 26px;
right: 26px;
top: 36px;
}
.umdk-cover-popup__label {
font-size: 26px;
}
.umdk-cover-popup__title {
font-size: clamp(58px, 17vw, 88px);
}
.umdk-cover-popup__subtitle {
font-size: 17px;
max-width: 230px;
}
.umdk-cover-popup__heart {
right: 26px;
top: 54px;
font-size: 46px;
}
.umdk-cover-popup__button {
left: 50%;
right: auto;
bottom: 26px;
width: calc(100% - 52px);
max-width: 195px;
min-height: 52px;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 16px;
}
}.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary{display:inline-block;text-decoration:none;font-size:13px;font-weight:500;line-height:2.92307692;min-height:40px;margin:0;padding:0 16px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:2px;white-space:nowrap;box-sizing:border-box}.wp-core-ui button::-moz-focus-inner,.wp-core-ui input[type=button]::-moz-focus-inner,.wp-core-ui input[type=reset]::-moz-focus-inner,.wp-core-ui input[type=submit]::-moz-focus-inner{border-width:0;border-style:none;padding:0}.wp-core-ui .button-group.button-compact .button,.wp-core-ui .button.button-compact{line-height:2.30769231;min-height:32px;padding:0 12px}.wp-core-ui .button-group.button-small .button,.wp-core-ui .button.button-small{line-height:2;min-height:24px;padding:0 8px;font-size:11px}.wp-core-ui .button-group.button-large .button,.wp-core-ui .button.button-large{line-height:2.92307692;min-height:40px;padding:0 16px}.wp-core-ui .button-group.button-hero .button,.wp-core-ui .button.button-hero{font-size:14px;line-height:3.28571429;min-height:48px;padding:0 36px}.wp-core-ui .button.hidden{display:none}.wp-core-ui .button .dashicons,.wp-core-ui .button-primary .dashicons,.wp-core-ui .button-secondary .dashicons{line-height:1.9;vertical-align:top}.wp-core-ui .button.button-compact .dashicons{line-height:1.5}.wp-core-ui .button.button-small .dashicons{line-height:1.1}.wp-core-ui .button.button-hero .dashicons{line-height:2.3}.wp-core-ui input[type=reset],.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:focus,.wp-core-ui input[type=reset]:hover{background:0 0;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.wp-core-ui .button,.wp-core-ui .button-secondary{color:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);background:0 0;vertical-align:top}.wp-core-ui p .button{vertical-align:baseline}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{background:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.04);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);color:var(--wp-admin-theme-color-darker-20,#183ad6)}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{background:0 0;border-color:var(--wp-admin-theme-color,#3858e9);color:var(--wp-admin-theme-color,#3858e9);box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:1px solid transparent;outline-offset:0}.wp-core-ui .button-secondary:active,.wp-core-ui .button:active{background:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.08);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:hover{background-color:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.08);color:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color,#3858e9);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20)}.wp-core-ui .button.active:focus{background-color:rgba(var(--wp-admin-theme-color--rgb),.08);color:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20),0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{color:#8a8a8a!important;border-color:#d8d8d8!important;background:0 0!important;box-shadow:none!important;cursor:default;transform:none!important}.wp-core-ui .button-secondary[aria-disabled=true],.wp-core-ui .button[aria-disabled=true]{cursor:default}.wp-core-ui .button-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:0 0;cursor:pointer;text-align:left;color:var(--wp-admin-theme-color,#3858e9);text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.wp-core-ui .button-link:active,.wp-core-ui .button-link:hover{color:var(--wp-admin-theme-color-darker-20,#183ad6)}.wp-core-ui .button-link:focus{color:var(--wp-admin-theme-color,#3858e9);box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);border-radius:2px;outline:1px solid transparent}.wp-core-ui .button-link-delete{color:#d63638}.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#d63638;background:0 0}.wp-core-ui .button-link-delete:disabled{background:0 0!important}.wp-core-ui .button-primary{background:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);color:#fff;text-decoration:none;text-shadow:none}.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover{background:var(--wp-admin-theme-color-darker-10,#2145e6);border-color:var(--wp-admin-theme-color-darker-10,#2145e6);color:#fff}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{background:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);color:#fff;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9),inset 0 0 0 1px #fff;outline:1px solid transparent}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary:active{background:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:none;color:#fff}.wp-core-ui .button-primary-disabled,.wp-core-ui .button-primary.disabled,.wp-core-ui .button-primary:disabled,.wp-core-ui .button-primary[disabled]{color:#8a8a8a!important;background:#e2e2e2!important;border-color:#e2e2e2!important;box-shadow:none!important;text-shadow:none!important;cursor:default}.wp-core-ui .button-primary[aria-disabled=true]{cursor:default}.wp-core-ui .button-group{position:relative;display:inline-block;white-space:nowrap;font-size:0;vertical-align:middle}.wp-core-ui .button-group>.button{display:inline-block;border-radius:0;margin-right:-1px}.wp-core-ui .button-group>.button:first-child{border-radius:2px 0 0 2px}.wp-core-ui .button-group>.button:last-child{border-radius:0 2px 2px 0}.wp-core-ui .button-group>.button-primary+.button{border-left:0}.wp-core-ui .button-group>.button:focus{position:relative;z-index:1}.wp-core-ui .button-group>.button.active{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20)}.wp-core-ui .button-group>.button.active:focus{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20),0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color)}@media screen and (max-width:782px){.wp-core-ui .button,.wp-core-ui .button.button-compact,.wp-core-ui .button.button-large,.wp-core-ui .button.button-small,a.preview,input#publish,input#save-post{padding:0 14px;line-height:2.71428571;font-size:14px;vertical-align:middle;min-height:40px;margin-bottom:4px}.wp-core-ui .button .dashicons,.wp-core-ui .button-primary .dashicons,.wp-core-ui .button-secondary .dashicons{line-height:1.9}.wp-core-ui .copy-to-clipboard-container .copy-attachment-url{margin-bottom:0}#media-upload.wp-core-ui .button{padding:0 10px;line-height:1.69230769;min-height:24px;font-size:13px}.media-frame.mode-grid .bulk-select .button{margin-bottom:0}.wp-core-ui .save-post-status.button{position:relative;margin:0 14px 0 10px}.wp-core-ui.wp-customizer .button{font-size:13px;line-height:2.30769231;min-height:32px;margin:0;vertical-align:inherit}.wp-customizer .theme-overlay .theme-actions .button{margin-bottom:5px}.media-modal-content .media-toolbar-primary .media-button{margin-top:10px;margin-left:5px}.interim-login .button.button-large{min-height:32px;line-height:2.30769231;padding:0 12px}}.mce-tinymce{box-shadow:none}.mce-container,.mce-container *,.mce-widget,.mce-widget *{color:inherit;font-family:inherit}.mce-container .mce-monospace,.mce-widget .mce-monospace{font-family:Consolas,Monaco,monospace;font-size:13px;line-height:150%}#mce-modal-block,#mce-modal-block.mce-fade{opacity:.7;transition:none;background:#000}.mce-window{border-radius:0;box-shadow:0 3px 6px rgba(0,0,0,.3);-webkit-font-smoothing:subpixel-antialiased;transition:none}.mce-window .mce-container-body.mce-abs-layout{overflow:visible}.mce-window .mce-window-head{background:#fff;border-bottom:1px solid #dcdcde;padding:0;min-height:36px}.mce-window .mce-window-head .mce-title{color:#3c434a;font-size:18px;font-weight:600;line-height:36px;margin:0;padding:0 36px 0 16px}.mce-window .mce-window-head .mce-close,.mce-window-head .mce-close .mce-i-remove{color:transparent;top:0;right:0;width:36px;height:36px;padding:0;line-height:36px;text-align:center}.mce-window-head .mce-close .mce-i-remove:before{font:normal 20px/36px dashicons;text-align:center;color:#646970;width:36px;height:36px;display:block}.mce-window-head .mce-close:focus .mce-i-remove:before,.mce-window-head .mce-close:hover .mce-i-remove:before{color:#135e96}.mce-window-head .mce-close:focus .mce-i-remove,div.mce-tab:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.mce-window .mce-window-head .mce-dragh{width:calc(100% - 36px)}.mce-window .mce-foot{border-top:1px solid #dcdcde}#wp-link .query-results,.mce-checkbox i.mce-i-checkbox,.mce-textbox{border:1px solid #dcdcde;border-radius:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);transition:.05s all ease-in-out}#wp-link .query-results:focus,.mce-checkbox:focus i.mce-i-checkbox,.mce-textbox.mce-focus,.mce-textbox:focus{border-color:var(--wp-admin-theme-color-darker-10,#2145e6);box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.mce-window .mce-wp-help{height:360px;width:460px;overflow:auto}.mce-window .mce-wp-help *{box-sizing:border-box}.mce-window .mce-wp-help>.mce-container-body{width:auto!important}.mce-window .wp-editor-help{padding:10px 10px 0 20px}.mce-window .wp-editor-help h2,.mce-window .wp-editor-help p{margin:8px 0;white-space:normal;font-size:14px;font-weight:400}.mce-window .wp-editor-help table{width:100%;margin-bottom:20px}.mce-window .wp-editor-help table.wp-help-single{margin:0 8px 20px}.mce-window .wp-editor-help table.fixed{table-layout:fixed}.mce-window .wp-editor-help table.fixed td:nth-child(odd),.mce-window .wp-editor-help table.fixed th:nth-child(odd){width:12%}.mce-window .wp-editor-help table.fixed td:nth-child(2n),.mce-window .wp-editor-help table.fixed th:nth-child(2n){width:38%}.mce-window .wp-editor-help table.fixed th:nth-child(odd){padding:5px 0 0}.mce-window .wp-editor-help td,.mce-window .wp-editor-help th{font-size:13px;padding:5px;vertical-align:middle;word-wrap:break-word;white-space:normal}.mce-window .wp-editor-help th{font-weight:600;padding-bottom:0}.mce-window .wp-editor-help kbd{font-family:monospace;padding:2px 7px 3px;font-weight:600;margin:0;background:#f0f0f1;background:rgba(0,0,0,.08)}.mce-window .wp-help-th-center td:nth-child(odd),.mce-window .wp-help-th-center th:nth-child(odd){text-align:center}.mce-floatpanel.mce-popover,.mce-menu{border-color:rgba(0,0,0,.15);border-radius:0;box-shadow:0 3px 5px rgba(0,0,0,.2)}.mce-floatpanel.mce-popover.mce-bottom,.mce-menu{margin-top:2px}.mce-floatpanel .mce-arrow{display:none}.mce-menu .mce-container-body{min-width:160px}.mce-menu-item{border:none;margin-bottom:2px;padding:6px 15px 6px 12px}.mce-menu-has-icons i.mce-ico{line-height:20px}div.mce-panel{border:0;background:#fff}.mce-panel.mce-menu{border:1px solid #dcdcde}div.mce-tab{line-height:13px}div.mce-toolbar-grp{border-bottom:1px solid #dcdcde;background:#f6f7f7;padding:0;position:relative}div.mce-inline-toolbar-grp{border:1px solid #a7aaad;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.15);box-sizing:border-box;margin-bottom:8px;position:absolute;-webkit-user-select:none;user-select:none;max-width:98%;z-index:100100}div.mce-inline-toolbar-grp>div.mce-stack-layout{padding:1px}div.mce-inline-toolbar-grp.mce-arrow-up{margin-bottom:0;margin-top:8px}div.mce-inline-toolbar-grp:after,div.mce-inline-toolbar-grp:before{position:absolute;left:50%;display:block;width:0;height:0;border-style:solid;border-color:transparent;content:""}div.mce-inline-toolbar-grp.mce-arrow-up:before{top:-9px;border-bottom-color:#a7aaad;border-width:0 9px 9px;margin-left:-9px}div.mce-inline-toolbar-grp.mce-arrow-down:before{bottom:-9px;border-top-color:#a7aaad;border-width:9px 9px 0;margin-left:-9px}div.mce-inline-toolbar-grp.mce-arrow-up:after{top:-8px;border-bottom-color:#f6f7f7;border-width:0 8px 8px;margin-left:-8px}div.mce-inline-toolbar-grp.mce-arrow-down:after{bottom:-8px;border-top-color:#f6f7f7;border-width:8px 8px 0;margin-left:-8px}div.mce-inline-toolbar-grp.mce-arrow-left:after,div.mce-inline-toolbar-grp.mce-arrow-left:before{margin:0}div.mce-inline-toolbar-grp.mce-arrow-left:before{left:20px}div.mce-inline-toolbar-grp.mce-arrow-left:after{left:21px}div.mce-inline-toolbar-grp.mce-arrow-right:after,div.mce-inline-toolbar-grp.mce-arrow-right:before{left:auto;margin:0}div.mce-inline-toolbar-grp.mce-arrow-right:before{right:20px}div.mce-inline-toolbar-grp.mce-arrow-right:after{right:21px}div.mce-inline-toolbar-grp.mce-arrow-full{right:0}div.mce-inline-toolbar-grp.mce-arrow-full>div{width:100%;overflow-x:auto}div.mce-toolbar-grp>div{padding:3px}.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first{padding-right:32px}.mce-toolbar .mce-btn-group{margin:0}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{display:block}div.mce-statusbar{border-top:1px solid #dcdcde}div.mce-path{padding:2px 10px;margin:0}.mce-path,.mce-path .mce-divider,.mce-path-item{font-size:12px}.mce-toolbar .mce-btn,.qt-dfw{border-color:transparent;background:0 0;box-shadow:none;text-shadow:none;cursor:pointer}.mce-btn .mce-txt{direction:inherit;text-align:inherit}.mce-toolbar .mce-btn-group .mce-btn,.qt-dfw{border:1px solid transparent;margin:2px;border-radius:2px}.mce-toolbar .mce-btn-group .mce-btn:focus,.mce-toolbar .mce-btn-group .mce-btn:hover,.qt-dfw:focus,.qt-dfw:hover{background:#f6f7f7;color:#1d2327;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.mce-toolbar .mce-btn-group .mce-btn.mce-active,.mce-toolbar .mce-btn-group .mce-btn:active,.qt-dfw.active{background:#f0f0f1;border-color:#50575e}.mce-btn.mce-active,.mce-btn.mce-active button,.mce-btn.mce-active i,.mce-btn.mce-active:hover button,.mce-btn.mce-active:hover i{color:inherit}.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus,.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover{border-color:#1d2327}.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover{color:#a7aaad;background:0 0;border-color:#dcdcde;text-shadow:0 1px 0 #fff;box-shadow:none}.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus{border-color:#50575e}.mce-toolbar .mce-btn-group .mce-first,.mce-toolbar .mce-btn-group .mce-last{border-color:transparent}.mce-toolbar .mce-btn button,.qt-dfw{padding:2px 3px;line-height:normal}.mce-toolbar .mce-listbox button{font-size:13px;line-height:1.53846153;padding-left:6px;padding-right:20px}.mce-toolbar .mce-btn i{text-shadow:none}.mce-toolbar .mce-btn-group>div{white-space:normal}.mce-toolbar .mce-colorbutton .mce-open{border-right:0}.mce-toolbar .mce-colorbutton .mce-preview{margin:0;padding:0;top:auto;bottom:2px;left:3px;height:3px;width:20px;background:#50575e}.mce-toolbar .mce-btn-group .mce-btn.mce-primary{min-width:0;background:#3582c4;border-color:#2271b1 #135e96 #135e96;box-shadow:0 1px 0 #135e96;color:#fff;text-decoration:none;text-shadow:none}.mce-toolbar .mce-btn-group .mce-btn.mce-primary button{padding:2px 3px 1px}.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico{color:#fff}.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus,.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover{background:#4f94d4;border-color:#135e96;color:#fff}.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus{box-shadow:0 0 1px 1px #72aee6}.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active{background:#2271b1;border-color:#135e96;box-shadow:inset 0 2px 0 #135e96}.mce-toolbar .mce-btn-group .mce-btn.mce-listbox{border-radius:0;direction:ltr;background:#fff;border:1px solid #dcdcde}.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus,.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.mce-panel .mce-btn i.mce-caret{border-top:6px solid #50575e;margin-left:2px;margin-right:2px}.mce-listbox i.mce-caret{right:4px}.mce-panel .mce-btn:focus i.mce-caret,.mce-panel .mce-btn:hover i.mce-caret{border-top-color:#1d2327}.mce-panel .mce-active i.mce-caret{border-top:0;border-bottom:6px solid #1d2327;margin-top:7px}.mce-listbox.mce-active i.mce-caret{margin-top:-3px}.mce-toolbar .mce-splitbtn:hover .mce-open{border-right-color:transparent}.mce-toolbar .mce-splitbtn .mce-open.mce-active{background:0 0;outline:0}.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview,.mce-menu .mce-menu-item.mce-selected,.mce-menu .mce-menu-item:focus,.mce-menu .mce-menu-item:hover{background:#2271b1;color:#fff}.mce-menu .mce-menu-item.mce-selected .mce-caret,.mce-menu .mce-menu-item:focus .mce-caret,.mce-menu .mce-menu-item:hover .mce-caret{border-left-color:#fff}.rtl .mce-menu .mce-menu-item.mce-selected .mce-caret,.rtl .mce-menu .mce-menu-item:focus .mce-caret,.rtl .mce-menu .mce-menu-item:hover .mce-caret{border-left-color:inherit;border-right-color:#fff}.mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,.mce-menu .mce-menu-item.mce-selected .mce-ico,.mce-menu .mce-menu-item.mce-selected .mce-text,.mce-menu .mce-menu-item:focus .mce-ico,.mce-menu .mce-menu-item:focus .mce-menu-shortcut,.mce-menu .mce-menu-item:focus .mce-text,.mce-menu .mce-menu-item:hover .mce-ico,.mce-menu .mce-menu-item:hover .mce-menu-shortcut,.mce-menu .mce-menu-item:hover .mce-text{color:inherit}.mce-menu .mce-menu-item.mce-disabled{cursor:default}.mce-menu .mce-menu-item.mce-disabled:hover{background:#c3c4c7}div.mce-menubar{border-color:#dcdcde;background:#fff;border-width:0 0 1px}.mce-menubar .mce-menubtn.mce-active,.mce-menubar .mce-menubtn:focus,.mce-menubar .mce-menubtn:hover{border-color:transparent;background:0 0}.mce-menubar .mce-menubtn:focus{color:#043959;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.mce-menu-item-sep:hover,div.mce-menu .mce-menu-item-sep{border-bottom:1px solid #dcdcde;height:0;margin:5px 0}.mce-menubtn span{margin-right:0;padding-left:3px}.mce-menu-has-icons i.mce-ico:before{margin-left:-2px}.mce-menu.mce-menu-align .mce-menu-item-normal{position:relative}.mce-menu.mce-menu-align .mce-menu-shortcut{bottom:.6em;font-size:.9em}.mce-primary button,.mce-primary button i{text-align:center;color:#fff;text-shadow:none;padding:0;line-height:1.85714285}.mce-window .mce-btn{color:#50575e;background:#f6f7f7;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0;cursor:pointer;border:1px solid #c3c4c7;-webkit-appearance:none;border-radius:3px;white-space:nowrap;box-shadow:0 1px 0 #c3c4c7}.mce-window .mce-btn::-moz-focus-inner{border-width:0;border-style:none;padding:0}.mce-window .mce-btn:focus,.mce-window .mce-btn:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.mce-window .mce-btn:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.mce-window .mce-btn:active{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.mce-window .mce-btn.mce-disabled{color:#a7aaad!important;border-color:#dcdcde!important;background:#f6f7f7!important;box-shadow:none!important;text-shadow:0 1px 0 #fff!important;cursor:default;transform:none!important}.mce-window .mce-btn.mce-primary{background:#3582c4;border-color:#2271b1 #135e96 #135e96;box-shadow:0 1px 0 #135e96;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #135e96,1px 0 1px #135e96,0 1px 1px #135e96,-1px 0 1px #135e96}.mce-window .mce-btn.mce-primary:focus,.mce-window .mce-btn.mce-primary:hover{background:#4f94d4;border-color:#135e96;color:#fff}.mce-window .mce-btn.mce-primary:focus{box-shadow:0 1px 0 #2271b1,0 0 2px 1px #72aee6}.mce-window .mce-btn.mce-primary:active{background:#2271b1;border-color:#135e96;box-shadow:inset 0 2px 0 #135e96;vertical-align:top}.mce-window .mce-btn.mce-primary.mce-disabled{color:#9ec2e6!important;background:#4f94d4!important;border-color:#3582c4!important;box-shadow:none!important;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important;cursor:default}.mce-menubtn.mce-fixed-width span{overflow-x:hidden;text-overflow:ellipsis;width:82px}.mce-charmap{margin:3px}.mce-charmap td{padding:0;border-color:#dcdcde;cursor:pointer}.mce-charmap td:hover{background:#f6f7f7}.mce-charmap td div{width:18px;height:22px;line-height:1.57142857}.mce-tooltip{margin-top:2px}.mce-tooltip-inner{border-radius:3px;box-shadow:0 3px 5px rgba(0,0,0,.2);color:#fff;font-size:12px}.mce-ico{font-family:tinymce,Arial}.mce-btn-small .mce-ico{font-family:tinymce-small,Arial}.mce-toolbar .mce-ico{color:#50575e;line-height:1;width:20px;height:20px;text-align:center;text-shadow:none;margin:0;padding:0}.qt-dfw{color:#50575e;line-height:1;width:28px;height:26px;text-align:center;text-shadow:none}.mce-toolbar .mce-btn .mce-open{line-height:20px}.mce-toolbar .mce-btn.mce-active .mce-open,.mce-toolbar .mce-btn:focus .mce-open,.mce-toolbar .mce-btn:hover .mce-open{border-left-color:#1d2327}div.mce-notification{left:10%!important;right:10%}.mce-notification button.mce-close{right:6px;top:3px;font-weight:400;color:#50575e}.mce-notification button.mce-close:focus,.mce-notification button.mce-close:hover{color:#000}i.mce-i-aligncenter,i.mce-i-alignjustify,i.mce-i-alignleft,i.mce-i-alignright,i.mce-i-backcolor,i.mce-i-blockquote,i.mce-i-bold,i.mce-i-bullist,i.mce-i-charmap,i.mce-i-dashicon,i.mce-i-dfw,i.mce-i-forecolor,i.mce-i-fullscreen,i.mce-i-help,i.mce-i-hr,i.mce-i-indent,i.mce-i-italic,i.mce-i-link,i.mce-i-ltr,i.mce-i-numlist,i.mce-i-outdent,i.mce-i-pastetext,i.mce-i-pasteword,i.mce-i-redo,i.mce-i-remove,i.mce-i-removeformat,i.mce-i-spellchecker,i.mce-i-strikethrough,i.mce-i-underline,i.mce-i-undo,i.mce-i-unlink,i.mce-i-wp-media-library,i.mce-i-wp_adv,i.mce-i-wp_code,i.mce-i-wp_fullscreen,i.mce-i-wp_help,i.mce-i-wp_more,i.mce-i-wp_page{font:normal 20px/1 dashicons;padding:0;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:-2px;padding-right:2px}.qt-dfw{font:normal 20px/1 dashicons;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.mce-i-bold:before{content:"\f200";content:"\f200"/''}i.mce-i-italic:before{content:"\f201";content:"\f201"/''}i.mce-i-bullist:before{content:"\f203";content:"\f203"/''}i.mce-i-numlist:before{content:"\f204";content:"\f204"/''}i.mce-i-blockquote:before{content:"\f205";content:"\f205"/''}i.mce-i-alignleft:before{content:"\f206";content:"\f206"/''}i.mce-i-aligncenter:before{content:"\f207";content:"\f207"/''}i.mce-i-alignright:before{content:"\f208";content:"\f208"/''}i.mce-i-link:before{content:"\f103";content:"\f103"/''}i.mce-i-unlink:before{content:"\f225";content:"\f225"/''}i.mce-i-wp_more:before{content:"\f209";content:"\f209"/''}i.mce-i-strikethrough:before{content:"\f224";content:"\f224"/''}i.mce-i-spellchecker:before{content:"\f210";content:"\f210"/''}.qt-dfw:before,i.mce-i-dfw:before,i.mce-i-fullscreen:before,i.mce-i-wp_fullscreen:before{content:"\f211";content:"\f211"/''}i.mce-i-wp_adv:before{content:"\f212";content:"\f212"/''}i.mce-i-underline:before{content:"\f213";content:"\f213"/''}i.mce-i-alignjustify:before{content:"\f214";content:"\f214"/''}i.mce-i-backcolor:before,i.mce-i-forecolor:before{content:"\f215";content:"\f215"/''}i.mce-i-pastetext:before{content:"\f217";content:"\f217"/''}i.mce-i-removeformat:before{content:"\f218";content:"\f218"/''}i.mce-i-charmap:before{content:"\f220";content:"\f220"/''}i.mce-i-outdent:before{content:"\f221";content:"\f221"/''}i.mce-i-indent:before{content:"\f222";content:"\f222"/''}i.mce-i-undo:before{content:"\f171";content:"\f171"/''}i.mce-i-redo:before{content:"\f172";content:"\f172"/''}i.mce-i-help:before,i.mce-i-wp_help:before{content:"\f223";content:"\f223"/''}i.mce-i-wp-media-library:before{content:"\f104";content:"\f104"/''}i.mce-i-ltr:before{content:"\f320";content:"\f320"/''}i.mce-i-wp_page:before{content:"\f105";content:"\f105"/''}i.mce-i-hr:before{content:"\f460";content:"\f460"/''}i.mce-i-remove:before{content:"\f158";content:"\f158"/''}i.mce-i-wp_code:before{content:"\f475";content:"\f475"/''}.rtl i.mce-i-outdent:before{content:"\f222";content:"\f222"/''}.rtl i.mce-i-indent:before{content:"\f221";content:"\f221"/''}.wp-editor-wrap{position:relative}.wp-editor-tools{position:relative;z-index:1}.wp-editor-tools:after{clear:both;content:"";display:table}.wp-editor-container{clear:both;border:1px solid #dcdcde}.wp-editor-area{font-family:Consolas,Monaco,monospace;font-size:13px;padding:10px;margin:1px 0 0;line-height:150%;border:0;outline:0;display:block;resize:vertical;box-sizing:border-box}.rtl .wp-editor-area{font-family:Tahoma,Monaco,monospace}.locale-he-il .wp-editor-area{font-family:Arial,Monaco,monospace}.wp-editor-container textarea.wp-editor-area{width:100%;margin:0;box-shadow:none}.wp-editor-tabs{float:right}.wp-switch-editor{float:left;box-sizing:content-box;position:relative;top:1px;background:#f0f0f1;color:#646970;cursor:pointer;font-size:13px;line-height:1.46153846;height:20px;margin:15px 0 0 5px;padding:3px 8px 4px;border:1px solid #dcdcde}.wp-switch-editor:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent;color:#1d2327}.wp-switch-editor:active{background-color:#f6f7f7;box-shadow:none}.js .tmce-active .wp-editor-area{color:#fff}.tmce-active .quicktags-toolbar{display:none}.html-active .switch-html,.tmce-active .switch-tmce{background:#f6f7f7;color:#50575e;border-bottom-color:#f6f7f7}.wp-media-buttons{float:left}.wp-media-buttons .button{margin-right:5px;margin-bottom:4px;padding-left:7px;padding-right:7px}.wp-media-buttons .button:active{position:relative;top:1px;margin-top:-1px;margin-bottom:1px}.wp-media-buttons .insert-media{padding-left:5px}.wp-media-buttons a{text-decoration:none;color:#3c434a;font-size:12px}.wp-media-buttons img{padding:0 4px;vertical-align:middle}.wp-media-buttons span.wp-media-buttons-icon{display:inline-block;width:20px;height:20px;line-height:1;vertical-align:middle;margin:0 2px}.wp-media-buttons .add_media span.wp-media-buttons-icon{background:0 0}.wp-media-buttons .add_media span.wp-media-buttons-icon:before{font:normal 18px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-media-buttons .add_media span.wp-media-buttons-icon:before{content:"\f104";content:"\f104"/''}.mce-content-body dl.wp-caption{max-width:100%}.quicktags-toolbar{padding:3px;position:relative;border-bottom:1px solid #dcdcde;background:#f6f7f7;min-height:30px}.has-dfw .quicktags-toolbar{padding-right:35px}.wp-core-ui .quicktags-toolbar input.button.button-small{margin:2px}.quicktags-toolbar input[value=link]{text-decoration:underline}.quicktags-toolbar input[value=del]{text-decoration:line-through}.quicktags-toolbar input[value="i"]{font-style:italic}.quicktags-toolbar input[value="b"]{font-weight:600}.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,.qt-dfw{position:absolute;top:0;right:0}.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw{margin:7px 7px 0 0}.qt-dfw{margin:5px 5px 0 0}.qt-fullscreen{position:static;margin:2px}@media screen and (max-width:782px){.mce-toolbar .mce-btn button,.qt-dfw{padding:6px 7px}.mce-toolbar .mce-btn-group .mce-btn.mce-primary button{padding:6px 7px 5px}.mce-toolbar .mce-btn-group .mce-btn{margin:1px}.qt-dfw{width:36px;height:34px}.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw{margin:4px 4px 0 0}.mce-toolbar .mce-colorbutton .mce-preview{left:8px;bottom:6px}.mce-window .mce-btn{padding:2px 0}.has-dfw .quicktags-toolbar,.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first{padding-right:40px}}@media screen and (min-width:782px){.wp-core-ui .quicktags-toolbar input.button.button-small{font-size:12px;min-height:26px;line-height:2}}#wp_editbtns,#wp_gallerybtns{padding:2px;position:absolute;display:none;z-index:100020}#wp_delgallery,#wp_delimgbtn,#wp_editgallery,#wp_editimgbtn{background-color:#f0f0f1;margin:2px;padding:2px;border:1px solid #8c8f94;border-radius:3px}#wp_delgallery:hover,#wp_delimgbtn:hover,#wp_editgallery:hover,#wp_editimgbtn:hover{border-color:#50575e;background-color:#c3c4c7}#wp-link-wrap{display:none;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);width:500px;overflow:hidden;margin-left:-250px;margin-top:-125px;position:fixed;top:50%;left:50%;z-index:100105;transition:height .2s,margin-top .2s}#wp-link-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;min-height:360px;background:#000;opacity:.7;z-index:100100}#wp-link{position:relative;height:100%}#wp-link-wrap{height:600px;margin-top:-300px}#wp-link-wrap .wp-link-text-field{display:none}#wp-link-wrap.has-text-field .wp-link-text-field{display:block}#link-modal-title{background:#fff;border-bottom:1px solid #dcdcde;font-size:18px;font-weight:600;line-height:2;margin:0;padding:0 36px 0 16px}#wp-link-close{color:#646970;padding:0;position:absolute;top:0;right:0;width:36px;height:36px;text-align:center;background:0 0;border:none;cursor:pointer}#wp-link-close:before{font:normal 20px/36px dashicons;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:36px;height:36px;content:"\f158";content:"\f158"/''}#wp-link-close:focus,#wp-link-close:hover{color:var(--wp-admin-theme-color-darker-20,#183ad6)}#wp-link-close:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent;outline-offset:-2px}#wp-link-wrap #link-selector{-webkit-overflow-scrolling:touch;padding:0 16px;position:absolute;top:calc(2.15384615em + 16px);left:0;right:0;bottom:calc(2.15384615em + 19px);display:flex;flex-direction:column;overflow:auto}#wp-link ol,#wp-link ul{list-style:none;margin:0;padding:0}#wp-link input[type=text]{box-sizing:border-box}#wp-link #link-options{padding:8px 0 12px}#wp-link p.howto{margin:3px 0}#wp-link p.howto a{text-decoration:none;color:inherit}#wp-link label input[type=text]{margin-top:5px;width:70%}#wp-link #link-options label span,#wp-link #search-panel label span.search-label{display:inline-block;width:120px;text-align:right;padding-right:5px;max-width:24%;vertical-align:middle;word-wrap:break-word}#wp-link .link-search-field{width:250px;max-width:70%}#wp-link .link-search-wrapper{margin:5px 0 9px;display:block}#wp-link .query-results{position:absolute;width:calc(100% - 32px)}#wp-link .link-search-wrapper .spinner{float:none;margin:-3px 0 0 4px}#wp-link .link-target{padding:3px 0 0}#wp-link .link-target label{max-width:70%}#wp-link .query-results{border:1px #dcdcde solid;margin:0 0 12px;background:#fff;overflow:auto;max-height:290px}#wp-link li{clear:both;margin-bottom:0;border-bottom:1px solid #f0f0f1;color:#2c3338;padding:4px 6px 4px 10px;cursor:pointer;position:relative}#wp-link .query-notice{padding:0;border-bottom:1px solid #dcdcde;background-color:#fff;color:#000}#wp-link .query-notice .query-notice-default,#wp-link .query-notice .query-notice-hint{display:block;padding:6px;border-left:4px solid #72aee6}#wp-link .unselectable.no-matches-found{padding:0;border-bottom:1px solid #dcdcde;background-color:#f6f7f7}#wp-link .no-matches-found .item-title{display:block;padding:6px;border-left:4px solid #d63638}#wp-link .query-results em{font-style:normal}#wp-link li:hover{background:#f0f6fc;color:#101517}#wp-link li.unselectable{border-bottom:1px solid #dcdcde}#wp-link li.unselectable:hover{background:#fff;cursor:auto;color:#2c3338}#wp-link li.selected{background:#dcdcde;color:#2c3338}#wp-link li.selected .item-title{font-weight:600}#wp-link li:last-child{border:none}#wp-link .item-title{display:inline-block;width:80%;width:calc(100% - 68px);word-wrap:break-word}#wp-link .item-info{text-transform:uppercase;color:#646970;font-size:11px;position:absolute;right:5px;top:5px}#wp-link .river-waiting{display:none;padding:10px 0}#wp-link .submitbox{padding:8px 16px;background:#fff;border-top:1px solid #dcdcde;position:absolute;bottom:0;left:0;right:0}#wp-link-cancel{line-height:1.92307692;float:left}#wp-link-update{line-height:1.76923076;float:right}#wp-link-submit{float:right}@media screen and (max-width:782px){#link-selector{padding:0 16px 60px}#wp-link-wrap #link-selector{bottom:calc(2.71428571em + 23px)}#wp-link-cancel{line-height:2.46153846}#wp-link .link-target{padding-top:10px}#wp-link .submitbox .button{margin-bottom:0}}@media screen and (max-width:520px){#wp-link-wrap{width:auto;margin-left:0;left:10px;right:10px;max-width:500px}}@media screen and (max-height:620px){#wp-link-wrap{transition:none;height:auto;margin-top:0;top:10px;bottom:10px}#link-selector{overflow:auto}}@media screen and (max-height:290px){#wp-link-wrap{height:auto;margin-top:0;top:10px;bottom:10px}#link-selector{overflow:auto;height:calc(100% - 92px);padding-bottom:2px}}div.wp-link-preview{float:left;margin:5px;max-width:694px;overflow:hidden;text-overflow:ellipsis}div.wp-link-preview a{color:#2271b1;text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out;cursor:pointer}div.wp-link-preview a.wplink-url-error{color:#d63638}.mce-inline-toolbar-grp div.mce-flow-layout-item>div{display:flex;align-items:flex-end}div.wp-link-input{float:left;margin:2px;max-width:694px}div.wp-link-input label{margin-bottom:4px;display:block}div.wp-link-input input{width:300px;padding:3px;box-sizing:border-box;line-height:1.28571429;min-height:26px}.mce-toolbar div.wp-link-input~.mce-btn,.mce-toolbar div.wp-link-preview~.mce-btn{margin:2px 1px}.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child{margin-right:2px}.ui-autocomplete.wplink-autocomplete{z-index:100110;max-height:200px;overflow-y:auto;padding:0;margin:0;list-style:none;position:absolute;border:1px solid #4f94d4;box-shadow:0 1px 2px rgba(79,148,212,.8);background-color:#fff}.ui-autocomplete.wplink-autocomplete li{margin-bottom:0;padding:4px 10px;clear:both;white-space:normal;text-align:left}.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right{float:right}.ui-autocomplete.wplink-autocomplete li.ui-state-focus{background-color:#dcdcde;cursor:pointer}@media screen and (max-width:782px){div.wp-link-input,div.wp-link-preview{max-width:70%;max-width:calc(100% - 86px)}div.wp-link-preview{margin:8px 0 8px 5px}div.wp-link-input{width:300px}div.wp-link-input input{width:100%;font-size:16px;padding:5px}}.mce-fullscreen{z-index:100010}.rtl .quicktags-toolbar input,.rtl .wp-switch-editor{font-family:Tahoma,sans-serif}.mce-rtl .mce-flow-layout .mce-flow-layout-item>div{direction:rtl}.mce-rtl .mce-listbox i.mce-caret{left:6px}html:lang(he-il) .rtl .quicktags-toolbar input,html:lang(he-il) .rtl .wp-switch-editor{font-family:Arial,sans-serif}@media print,(min-resolution:120dpi){.wp-media-buttons .add_media span.wp-media-buttons-icon{background:0 0}}