/* ========================================================================== Doshanbei — مرجع گرگان‌گردی Visual language modelled on the Tourm travel template (teal + deep teal, pill buttons, rounded media, script eyebrows, topographic backgrounds), RTL and mobile-first. Colours are overridable from the Customizer. ========================================================================== */ @font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight: 500 600; font-display: swap; } @font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700 800; font-display: swap; } @font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Black.woff2") format("woff2"); font-weight: 900; font-display: swap; } @font-face { font-family: "Lalezar"; src: url("../fonts/Lalezar-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; } :root { --dsh-primary: #B5614A; --dsh-accent: #B5614A; --dsh-title: #4A2B22; --dsh-link: color-mix(in srgb, var(--dsh-primary) 70%, #000); --dsh-primary-soft: color-mix(in srgb, var(--dsh-primary) 12%, #fff); --dsh-body: #6B5A54; --dsh-muted: #8A7A74; --dsh-bg: #FFFFFF; --dsh-smoke: #F8EEE9; --dsh-smoke-2: #F6F1EE; --dsh-border: #EBDDD5; --dsh-star: #FFB539; --dsh-dark: var(--dsh-title); --dsh-font: "Vazirmatn", Tahoma, sans-serif; --dsh-script: "Lalezar", "Vazirmatn", sans-serif; --dsh-radius: 24px; --dsh-radius-sm: 16px; --dsh-shadow: 0 6px 30px rgba(74,43,34, .08); --dsh-shadow-lg: 0 24px 60px -18px rgba(74,43,34, .30); --dsh-container: 1320px; --dsh-gutter: 16px; --dsh-header-h: 72px; --dsh-topbar-h: 0px; --dsh-ease: cubic-bezier(.22, .61, .36, 1); } @media (min-width: 768px) { :root { --dsh-gutter: 24px; --dsh-header-h: 88px; } } /* ---------- Base ---------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--dsh-header-h) + 16px); } body { margin: 0; font-family: var(--dsh-font); font-size: 16px; line-height: 1.9; color: var(--dsh-body); background: var(--dsh-bg); direction: rtl; -webkit-font-smoothing: antialiased; overflow-x: hidden; } img, video, iframe { max-width: 100%; height: auto; display: block; } a { color: var(--dsh-link); text-decoration: none; transition: color .25s; } a:hover { color: var(--dsh-primary); } h1, h2, h3, h4, h5, h6 { color: var(--dsh-title); line-height: 1.4; margin: 0 0 .6em; font-weight: 800; } p { margin: 0 0 1em; } button, input, select, textarea { font: inherit; color: inherit; } :focus-visible { outline: 3px solid color-mix(in srgb, var(--dsh-primary) 60%, #fff); outline-offset: 2px; border-radius: 6px; } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .dsh-skip { position: absolute; inset-inline-start: 12px; top: -60px; z-index: 1000; background: var(--dsh-title); color: #fff; padding: 10px 16px; border-radius: 8px; } .dsh-skip:focus { top: 12px; color: #fff; } .dsh-main:focus { outline: none; } .dsh-container { width: 100%; max-width: calc(var(--dsh-container) + var(--dsh-gutter) * 2); margin-inline: auto; padding-inline: var(--dsh-gutter); } .dsh-pad { padding-block: 64px; } .dsh-pad-sm { padding-block: 44px; } @media (min-width: 992px) { .dsh-pad { padding-block: 110px; } .dsh-pad-sm { padding-block: 70px; } } .dsh-narrow { max-width: 800px; margin-inline: auto; } .dsh-ico { flex: none; } /* Backgrounds (Tourm patterns) */ .dsh-bg-topo { background: #fff url("../img/topo.svg") center / 640px repeat; } .dsh-bg-doodle { background: var(--dsh-smoke) url("../img/doodle.svg") center / 300px repeat; } .dsh-bg-smoke { background: var(--dsh-smoke); } .dsh-bg-sand { background: var(--dsh-smoke-2); } .dsh-bg-dark { background: var(--dsh-title); color: rgba(255,255,255,.8); } .dsh-bg-dark .dsh-sec-title { color: #fff; } /* ---------- Buttons & chips ---------- */ .dsh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 10px 28px; border: 1.5px solid transparent; border-radius: 999px; font-weight: 600; font-size: 15.5px; line-height: 1.2; cursor: pointer; transition: background .3s var(--dsh-ease), color .3s, border-color .3s, transform .3s var(--dsh-ease); text-align: center; white-space: nowrap; } .dsh-btn .dsh-ico { width: 20px; height: 20px; transition: transform .3s var(--dsh-ease); } .dsh-btn:hover .dsh-ico { transform: translateX(-4px); } .dsh-btn:active { transform: scale(.98); } .dsh-btn--dark { background: var(--dsh-title); color: #fff; } .dsh-btn--dark:hover { background: var(--dsh-primary); color: #fff; } .dsh-btn--primary { background: var(--dsh-primary); color: #fff; } .dsh-btn--primary:hover { background: var(--dsh-title); color: #fff; } .dsh-btn--light { background: #fff; color: var(--dsh-title); } .dsh-btn--light:hover { background: var(--dsh-primary); color: #fff; } .dsh-btn--outline { border-color: var(--dsh-title); color: var(--dsh-title); background: transparent; } .dsh-btn--outline:hover { background: var(--dsh-title); color: #fff; } .dsh-btn--outline-light { border-color: rgba(255,255,255,.85); color: #fff; background: transparent; } .dsh-btn--outline-light:hover { background: #fff; color: var(--dsh-title); } .dsh-btn--glass { border-color: rgba(255,255,255,.9); color: #fff; background: transparent; } .dsh-btn--glass:hover { background: #fff; color: var(--dsh-title); } .dsh-btn--ghost { border-color: var(--dsh-border); color: var(--dsh-title); background: #fff; } .dsh-btn--ghost:hover { border-color: var(--dsh-primary); color: var(--dsh-primary); } .dsh-btn--sm { min-height: 40px; padding: 6px 18px; font-size: 14px; } .dsh-btn--sm .dsh-ico { width: 16px; height: 16px; } .dsh-btn--lg { min-height: 60px; padding: 12px 36px; font-size: 16.5px; } .dsh-btn--block { display: flex; width: 100%; } .dsh-btn[disabled] { opacity: .5; cursor: not-allowed; } .dsh-icon-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; transition: background .2s; } .dsh-icon-btn:hover { background: rgba(127,127,127,.15); } .dsh-more { display: flex; justify-content: center; margin-top: 44px; } .dsh-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; } .dsh-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: 14px; backdrop-filter: blur(6px); } .dsh-chip .dsh-ico { width: 16px; height: 16px; } .dsh-chip--link:hover { background: #fff; color: var(--dsh-title); } .dsh-chip--price { background: var(--dsh-primary); border-color: var(--dsh-primary); } /* ---------- Header ---------- */ .dsh-header { position: sticky; top: 0; z-index: 100; background: #fff; color: var(--dsh-title); box-shadow: 0 1px 0 var(--dsh-border); transition: background .35s var(--dsh-ease), box-shadow .35s, color .35s, transform .4s var(--dsh-ease); } .admin-bar .dsh-header { top: 32px; } @media (max-width: 782px) { .admin-bar .dsh-header { top: 46px; } } .dsh-overlay-header .dsh-header { position: fixed; inset-inline: 0; background: transparent; color: #fff; box-shadow: none; } .dsh-overlay-header .dsh-header::before { content: ""; position: absolute; inset: 0 0 -50px; background: linear-gradient(to bottom, rgba(5,25,30,.55), transparent); pointer-events: none; transition: opacity .35s; z-index: -1; } .dsh-overlay-header .dsh-header.is-scrolled, .dsh-header.is-open { background: #fff; color: var(--dsh-title); box-shadow: 0 10px 30px -18px rgba(0,0,0,.3); } .dsh-header.is-scrolled::before { opacity: 0; } .dsh-header.is-hidden { transform: translateY(-100%); } .dsh-header.is-scrolled .dsh-topbar { margin-top: calc(var(--dsh-topbar-h) * -1); opacity: 0; } .dsh-topbar { display: none; height: var(--dsh-topbar-h); border-bottom: 1px solid rgba(255,255,255,.18); font-size: 14px; transition: margin .35s var(--dsh-ease), opacity .3s; } .dsh-solid-header .dsh-topbar { border-color: var(--dsh-border); } @media (min-width: 1100px) { .dsh-topbar { display: block; } } .dsh-topbar-inner { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 24px; } .dsh-topbar-info { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; } .dsh-topbar-info li { display: inline-flex; align-items: center; gap: 7px; } .dsh-topbar-info li + li { padding-inline-start: 22px; border-inline-start: 1px solid currentColor; border-color: rgba(127,127,127,.35); } .dsh-topbar .dsh-ico { width: 17px; height: 17px; } .dsh-topbar-end { display: flex; align-items: center; gap: 18px; } .dsh-topbar-end > a { display: inline-flex; align-items: center; gap: 6px; color: inherit; } .dsh-topbar-end > a:hover { color: var(--dsh-primary); } .dsh-topbar .dsh-socials { margin: 0; gap: 4px; } .dsh-topbar .dsh-socials a { width: 30px; height: 30px; background: transparent; } .dsh-topbar .dsh-socials svg { width: 16px; height: 16px; } .dsh-header-inner { position: relative; display: flex; align-items: center; gap: 16px; height: var(--dsh-header-h); } .dsh-brand { flex: none; } .dsh-brand .custom-logo { max-height: 56px; width: auto; } .dsh-wordmark { display: inline-flex; align-items: center; gap: 10px; color: inherit; } .dsh-wordmark:hover { color: inherit; } .dsh-wordmark-mark { position: relative; width: 44px; height: 44px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e3a28c, var(--dsh-primary) 45%, var(--dsh-title)); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); } .dsh-wordmark-mark::after { content: ""; position: absolute; inset: 9px 7px 15px 9px; border-radius: 50% 50% 0 50%; border: 3px solid #fff; transform: rotate(45deg); border-color: #fff #fff transparent #fff; } .dsh-wordmark-text { display: flex; flex-direction: column; line-height: 1.15; } .dsh-wordmark-text strong { font-size: 22px; font-weight: 900; letter-spacing: -.3px; } .dsh-wordmark-text small { font-size: 12.5px; opacity: .85; letter-spacing: .3px; } .dsh-nav { display: none; flex: 1; justify-content: center; } .dsh-menu, .dsh-menu ul { list-style: none; margin: 0; padding: 0; } .dsh-menu { display: flex; gap: 6px; } .dsh-menu > li { position: relative; } .dsh-menu > li > a { display: flex; align-items: center; gap: 4px; height: var(--dsh-header-h); padding: 0 12px; color: inherit; font-weight: 600; font-size: 16px; position: relative; } .dsh-menu > li > a::after { content: ""; position: absolute; inset-inline: 12px; bottom: 24px; height: 2px; border-radius: 2px; background: currentColor; transform: scaleX(0); transition: transform .3s var(--dsh-ease); } .dsh-menu > li:hover > a::after, .dsh-menu > li.current-menu-item > a::after, .dsh-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); } .dsh-menu .menu-item-has-children > a::before { content: ""; order: 2; width: 7px; height: 7px; border: solid currentColor; border-width: 0 0 1.8px 1.8px; transform: rotate(-45deg) translateY(-2px); margin-inline-start: 6px; } .dsh-menu .sub-menu { position: absolute; top: calc(100% - 14px); inset-inline-start: 0; min-width: 240px; padding: 12px; background: #fff; color: var(--dsh-title); border-radius: var(--dsh-radius-sm); box-shadow: var(--dsh-shadow-lg); border-top: 3px solid var(--dsh-primary); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .25s, transform .25s var(--dsh-ease), visibility .25s; } .dsh-menu li:hover > .sub-menu, .dsh-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .dsh-menu .sub-menu a { display: block; padding: 10px 14px; border-radius: 10px; color: var(--dsh-title); font-weight: 500; transition: padding .25s var(--dsh-ease), background .25s, color .25s; } .dsh-menu .sub-menu a:hover { background: var(--dsh-smoke); color: var(--dsh-primary); padding-inline-start: 20px; } .dsh-header-actions { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; } .dsh-header-cta { display: none; min-height: 52px; padding-inline: 26px; } .dsh-overlay-header .dsh-header:not(.is-scrolled):not(.is-open) .dsh-header-cta { background: #fff; color: var(--dsh-title); } .dsh-overlay-header .dsh-header:not(.is-scrolled):not(.is-open) .dsh-header-cta:hover { background: var(--dsh-primary); color: #fff; } @media (min-width: 1100px) { .dsh-nav { display: flex; } .dsh-menu-toggle { display: none; } .dsh-header-actions { margin-inline-start: 0; } } @media (min-width: 640px) { .dsh-header-cta { display: inline-flex; } } /* Drawer */ .dsh-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(6,25,30,.55); backdrop-filter: blur(3px); } .dsh-drawer[hidden] { display: none; } .dsh-drawer-panel { position: absolute; inset-block: 0; inset-inline-end: 0; width: min(380px, 88vw); display: flex; flex-direction: column; gap: 18px; padding: 18px 20px 28px; background: #fff url("../img/topo.svg") center / 640px; overflow-y: auto; animation: dsh-drawer-in .35s var(--dsh-ease); } @keyframes dsh-drawer-in { from { transform: translateX(-100%); } } .dsh-drawer-head { display: flex; align-items: center; justify-content: space-between; color: var(--dsh-title); font-size: 20px; } .dsh-drawer-menu, .dsh-drawer-menu ul { list-style: none; margin: 0; padding: 0; } .dsh-drawer-menu > li { border-bottom: 1px solid var(--dsh-border); } .dsh-drawer-menu a { display: block; padding: 14px 4px; color: var(--dsh-title); font-weight: 700; font-size: 17px; } .dsh-drawer-menu .sub-menu { padding-bottom: 10px; } .dsh-drawer-menu .sub-menu a { padding: 8px 16px; font-weight: 500; font-size: 15px; color: var(--dsh-body); } /* Search overlay */ .dsh-search-overlay { position: fixed; inset: 0; z-index: 210; display: flex; align-items: flex-start; padding-top: 14vh; background: rgba(74,43,34,.96); color: #fff; backdrop-filter: blur(6px); animation: dsh-fade .25s; } .dsh-search-overlay[hidden] { display: none; } @keyframes dsh-fade { from { opacity: 0; } } .dsh-search-close { position: absolute; top: 18px; inset-inline-end: 18px; color: #fff; } .dsh-search-big label { display: block; margin-bottom: 14px; font-size: clamp(22px, 4vw, 38px); font-weight: 800; color: #fff; } .dsh-search-field { display: flex; align-items: center; border-bottom: 2px solid rgba(255,255,255,.5); } .dsh-search-field input { flex: 1; min-width: 0; padding: 14px 0; border: 0; background: none; color: #fff; font-size: clamp(18px, 3vw, 26px); outline: none; } .dsh-search-field input::placeholder { color: rgba(255,255,255,.55); } .dsh-search-field button { width: 52px; height: 52px; border: 0; background: none; color: #fff; cursor: pointer; } .dsh-search-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; font-size: 14px; color: rgba(255,255,255,.7); } .dsh-search-quick a { padding: 6px 16px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; } .dsh-search-quick a:hover { background: #fff; color: var(--dsh-title); } /* ---------- Hero (Tourm home-tour) ---------- */ .dsh-hero { position: relative; height: var(--dsh-hero-h, 100svh); min-height: 620px; display: flex; flex-direction: column; overflow: hidden; background: var(--dsh-title); color: #fff; isolation: isolate; border-radius: 0 0 40px 40px; } @media (min-width: 992px) { .dsh-hero { border-radius: 0 0 60px 60px; } } .dsh-hero-bg, .dsh-hero-media { position: absolute; inset: 0; z-index: -1; overflow: hidden; } .dsh-hero-bg video, .dsh-hero-media img, .dsh-hero-media video { width: 100%; height: 100%; object-fit: cover; } .dsh-hero-media img, .dsh-hero-media video { transform: scale(1.1); transition: transform 9s linear; } .swiper-slide-active .dsh-hero-media img, .swiper-slide-active .dsh-hero-media video { transform: scale(1); } .dsh-hero-bg::after, .dsh-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(270deg, rgba(34,18,13,.62) 0%, rgba(34,18,13,.25) 55%, rgba(34,18,13,.1) 100%), linear-gradient(180deg, rgba(34,18,13,.45) 0%, transparent 30%, transparent 60%, rgba(34,18,13,.55) 100%); } .dsh-hero-fallback { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--dsh-primary) 70%, transparent), transparent 55%), radial-gradient(ellipse at 10% 90%, #1d6b55, transparent 55%), var(--dsh-title); } .dsh-hero-swiper { position: absolute !important; inset: 0; width: 100%; } .dsh-hero-swiper .swiper-wrapper, .dsh-hero-slide { height: 100%; } .dsh-hero-slide { position: relative; display: flex; align-items: center; } .dsh-hero-content { position: relative; padding-top: calc(var(--dsh-header-h) + var(--dsh-topbar-h) + 30px); padding-bottom: 280px; } @media (min-width: 992px) { .dsh-hero-content { padding-bottom: 200px; } } .dsh-hero-text-wrap { max-width: 640px; } .dsh-hero-title { margin: 0 0 18px; color: #fff; line-height: 1.1; } .dsh-hero-big { display: block; font-size: clamp(56px, 12vw, 132px); font-weight: 900; letter-spacing: -1px; line-height: 1.05; text-shadow: 0 6px 30px rgba(0,0,0,.25); } .dsh-hero-sub { display: block; margin-top: 10px; font-size: clamp(22px, 3.2vw, 40px); font-weight: 700; line-height: 1.35; } .dsh-hero-text { max-width: 33em; margin-bottom: 32px; font-size: clamp(15.5px, 1.5vw, 19px); line-height: 2; color: rgba(255,255,255,.92); } .dsh-hero-text-wrap > * { opacity: 0; transform: translateY(30px); transition: opacity .9s var(--dsh-ease), transform .9s var(--dsh-ease); } .swiper-slide-active .dsh-hero-text-wrap > * { opacity: 1; transform: none; } .swiper-slide-active .dsh-hero-text-wrap > :nth-child(2) { transition-delay: .15s; } .swiper-slide-active .dsh-hero-text-wrap > :nth-child(3) { transition-delay: .3s; } .dsh-hero-foot { position: relative; z-index: 5; margin-top: auto; display: grid; gap: 18px; padding-bottom: 28px; } @media (min-width: 992px) { .dsh-hero-foot { grid-template-columns: auto 1fr minmax(0, 860px); align-items: end; padding-bottom: 40px; } } .dsh-hero-tools { display: flex; align-items: center; gap: 16px; } .dsh-hero-dots { display: flex; gap: 8px; } .dsh-hero-dots button { width: 34px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.35); cursor: pointer; overflow: hidden; } .dsh-hero-dots button i { display: block; width: 0; height: 100%; background: #fff; } .dsh-hero-dots button.is-done i { width: 100%; } .dsh-hero-video-toggle { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font-size: 14px; cursor: pointer; backdrop-filter: blur(8px); transition: background .25s; } .dsh-hero-video-toggle:hover { background: rgba(255,255,255,.25); } .dsh-vt-icon { position: relative; width: 34px; height: 34px; border-radius: 50%; background: #fff; } .dsh-vt-icon::before, .dsh-vt-icon::after { content: ""; position: absolute; top: 11px; width: 3.5px; height: 12px; border-radius: 2px; background: var(--dsh-title); } .dsh-vt-icon::before { left: 12px; } .dsh-vt-icon::after { left: 18.5px; } .dsh-hero-video-toggle[aria-pressed="true"] .dsh-vt-icon::before { top: 10px; left: 13px; width: 0; height: 0; border-radius: 0; background: none; border-block: 7px solid transparent; border-left: 11px solid var(--dsh-title); } .dsh-hero-video-toggle[aria-pressed="true"] .dsh-vt-icon::after { display: none; } .dsh-hero-scroll { display: none; flex-direction: column; align-items: center; gap: 10px; justify-self: center; color: #fff; font-size: 14px; } .dsh-hero-scroll-txt { writing-mode: vertical-rl; letter-spacing: 1px; } .dsh-hero-scroll-ico { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #fff; border-radius: 50%; animation: dsh-bob 2s ease-in-out infinite; } @keyframes dsh-bob { 50% { transform: translateY(6px); } } .dsh-hero-scroll:hover { color: #fff; } @media (min-width: 992px) { .dsh-hero-scroll { display: flex; } } .dsh-hero-cards-wrap { min-width: 0; } .dsh-hero-cards-nav { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; } .dsh-hero-progress { flex: 1; height: 2px; background: rgba(255,255,255,.3); border-radius: 2px; overflow: hidden; } .dsh-hero-progress i { display: block; height: 100%; width: 0; background: #fff; transition: width .5s var(--dsh-ease); } .dsh-hero-cards-nav button { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #fff; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; transition: background .25s, color .25s; } .dsh-hero-cards-nav button:hover { background: #fff; color: var(--dsh-title); } .dsh-hero-cards-nav button.swiper-button-disabled { opacity: .4; cursor: default; } .dsh-hero-cards { overflow: hidden; } .dsh-hero-cards .swiper-slide { width: min(86vw, 420px); height: auto; } .dsh-hcard { display: flex; gap: 16px; height: 100%; padding: 14px; border-radius: 20px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .dsh-hcard-img { flex: 0 0 42%; border-radius: 14px; overflow: hidden; aspect-ratio: 1; } .dsh-hcard-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--dsh-ease); } .dsh-hcard:hover .dsh-hcard-img img { transform: scale(1.08); } .dsh-hcard-body { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; } .dsh-hcard-body h3 { margin: 0 0 2px; font-size: 19px; line-height: 1.4; } .dsh-hcard-body h3 a { color: #fff; } .dsh-hcard-price { margin: 0; font-size: 15.5px; font-weight: 700; } .dsh-hcard-meta { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: 14px; opacity: .92; } .dsh-hcard-meta .dsh-ico { width: 18px; height: 18px; } .dsh-hcard .dsh-btn { margin-top: auto; } /* ---------- Inner page banner (Tourm breadcrumb) ---------- */ .dsh-banner { position: relative; display: flex; align-items: flex-end; min-height: 56svh; padding-top: calc(var(--dsh-header-h) + var(--dsh-topbar-h) + 40px); color: #fff; background: var(--dsh-title); isolation: isolate; overflow: hidden; text-align: center; border-radius: 0 0 40px 40px; } .dsh-banner--short { min-height: 40svh; } @media (min-width: 992px) { .dsh-banner { min-height: 66svh; border-radius: 0 0 60px 60px; } .dsh-banner--short { min-height: 50svh; } } .dsh-banner-media { position: absolute; inset: 0; z-index: -1; } .dsh-banner-media img { width: 100%; height: 100%; object-fit: cover; animation: dsh-banner-zoom 14s ease-out both; } @keyframes dsh-banner-zoom { from { transform: scale(1.1); } } .dsh-banner-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(34,18,13,.55) 0%, rgba(34,18,13,.35) 45%, rgba(34,18,13,.78) 100%); } .dsh-banner--plain .dsh-banner-media { background: var(--dsh-title) url("../img/topo.svg") center / 640px; } .dsh-banner--plain .dsh-banner-media::after { background: radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--dsh-primary) 45%, transparent), transparent 60%); } .dsh-banner-content { display: flex; flex-direction: column; align-items: center; padding-bottom: 48px; } @media (min-width: 992px) { .dsh-banner-content { padding-bottom: 72px; } } .dsh-banner-eyebrow { order: -2; display: inline-block; margin-bottom: 6px; font-family: var(--dsh-script); font-size: clamp(22px, 2.6vw, 30px); line-height: 1.6; color: #f0cdbf; } .dsh-banner-title { max-width: 18em; margin: 0; color: #fff; font-size: clamp(32px, 5.4vw, 64px); font-weight: 900; line-height: 1.25; text-wrap: balance; } .dsh-banner-sub { max-width: 42em; margin: 14px auto 0; font-size: clamp(15px, 1.5vw, 19px); color: rgba(255,255,255,.9); } .dsh-banner-cta { margin-top: 24px; } .dsh-banner .dsh-crumbs { order: 9; margin-top: 22px; } .dsh-crumbs ol { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 0; padding: 8px 20px; list-style: none; font-size: 14px; color: rgba(255,255,255,.85); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; backdrop-filter: blur(6px); } .dsh-crumbs li:not(:last-child)::after { content: "›"; margin-inline-start: 8px; opacity: .7; } .dsh-crumbs a { color: #fff; } .dsh-crumbs a:hover { color: #f0cdbf; } .dsh-crumbs [aria-current] { color: #f0cdbf; } .dsh-solid-header .dsh-banner { padding-top: 40px; } /* ---------- Section heads (script eyebrow) ---------- */ .dsh-sec-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 28px; margin-bottom: 40px; } .dsh-sec-head--center { justify-content: center; text-align: center; } .dsh-sec-head--center .dsh-sec-titles { align-items: center; } .dsh-sec-titles { display: flex; flex-direction: column; max-width: 760px; } .dsh-eyebrow { display: block; margin-bottom: 4px; font-family: var(--dsh-script); font-size: clamp(22px, 2.4vw, 30px); font-weight: 400; line-height: 1.7; color: var(--dsh-title); } .dsh-sec-title { margin: 0; font-size: clamp(28px, 4vw, 48px); font-weight: 800; line-height: 1.3; letter-spacing: -.3px; text-wrap: balance; } .dsh-sec-text { margin: 14px 0 0; font-size: 16.5px; color: var(--dsh-body); } .dsh-related { margin-block: 0 64px; } .dsh-related:last-child { margin-bottom: 0; } /* ---------- Cards ---------- */ .dsh-grid { display: grid; gap: 20px; grid-template-columns: 1fr; } @media (min-width: 560px) { .dsh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 992px) { .dsh-grid { grid-template-columns: repeat(min(var(--dsh-cols, 4), 3), minmax(0, 1fr)); gap: 24px; } } @media (min-width: 1200px) { .dsh-grid { grid-template-columns: repeat(var(--dsh-cols, 4), minmax(0, 1fr)); } } @media (max-width: 767px) { .dsh-grid--scroll { display: flex; gap: 16px; margin-inline: calc(var(--dsh-gutter) * -1); padding: 6px var(--dsh-gutter) 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .dsh-grid--scroll::-webkit-scrollbar { display: none; } .dsh-grid--scroll > * { flex: 0 0 80%; scroll-snap-align: start; } } .dsh-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 12px; background: #fff; border-radius: var(--dsh-radius); box-shadow: var(--dsh-shadow); transition: box-shadow .4s var(--dsh-ease), transform .4s var(--dsh-ease); } .dsh-card:hover { box-shadow: var(--dsh-shadow-lg); transform: translateY(-6px); } .dsh-card-media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--dsh-radius-sm); background: var(--dsh-smoke); } .dsh-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--dsh-ease); } .dsh-card:hover .dsh-card-media img { transform: scale(1.08); } .dsh-card-noimg { position: absolute; inset: 0; display: grid; place-items: center; color: color-mix(in srgb, var(--dsh-primary) 45%, #fff); } .dsh-card-noimg .dsh-ico { width: 44px; height: 44px; } .dsh-card-count { position: absolute; top: 12px; inset-inline-end: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.55); color: #fff; font-size: 13px; } .dsh-card-count .dsh-ico { width: 15px; height: 15px; } .dsh-card-media .dsh-card-badge { position: absolute; top: 12px; inset-inline-start: 12px; } .dsh-card-badge { align-self: flex-start; padding: 4px 14px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--dsh-title); font-size: 13px; font-weight: 700; box-shadow: 0 2px 10px rgba(0,0,0,.08); } .dsh-card-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 16px 8px 6px; } .dsh-card-title { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.5; } .dsh-card-title a { color: var(--dsh-title); } .dsh-card-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .dsh-card-title a:hover { color: var(--dsh-primary); } .dsh-card-text { margin: 0; font-size: 14.5px; line-height: 1.85; color: var(--dsh-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dsh-card-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--dsh-muted); } .dsh-card-meta span { display: inline-flex; align-items: center; gap: 6px; } .dsh-card-meta .dsh-ico { width: 18px; height: 18px; color: var(--dsh-primary); } .dsh-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--dsh-border); } .dsh-card-foot .dsh-btn { position: relative; z-index: 2; pointer-events: none; } .dsh-card:hover .dsh-card-foot .dsh-btn { background: var(--dsh-title); color: #fff; } .dsh-card-price { color: var(--dsh-title); font-weight: 800; font-size: 16px; } .dsh-card-price small { font-weight: 500; color: var(--dsh-muted); font-size: 13px; } .dsh-type-dsh_tour .dsh-card-price, .dsh-type-dsh_event .dsh-card-price { color: var(--dsh-link); } /* Blog card (Tourm "News & Articles") */ .dsh-card--blog { padding: 0; background: transparent; box-shadow: none; } .dsh-card--blog:hover { box-shadow: none; transform: none; } .dsh-card--blog .dsh-card-media { border-radius: var(--dsh-radius); aspect-ratio: 6 / 5; } .dsh-card--blog .dsh-card-body { padding: 20px 0 0; gap: 10px; } .dsh-card-date { display: flex; gap: 10px; font-size: 14px; color: var(--dsh-muted); } .dsh-card-date span + span::before { content: "|"; margin-inline-end: 10px; opacity: .5; } .dsh-card--blog .dsh-card-title { font-size: 21px; } .dsh-card--blog .dsh-card-foot { border: 0; padding-top: 8px; justify-content: flex-start; } /* Overlay card (Tourm destination) */ .dsh-card--overlay { padding: 0; background: var(--dsh-title); color: #fff; box-shadow: none; overflow: hidden; } .dsh-card--overlay .dsh-card-media { aspect-ratio: 3 / 4; border-radius: var(--dsh-radius); } .dsh-card--overlay .dsh-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(34,18,13,.85)); } .dsh-card--overlay .dsh-card-body { position: absolute; inset: auto 0 0; z-index: 2; padding: 24px; pointer-events: none; } .dsh-card--overlay .dsh-card-body a { pointer-events: auto; } .dsh-card--overlay .dsh-card-title { font-size: 23px; } .dsh-card--overlay .dsh-card-title a, .dsh-card--overlay .dsh-card-meta, .dsh-card--overlay .dsh-card-price { color: #fff; } .dsh-card--overlay .dsh-card-text { color: rgba(255,255,255,.85); } .dsh-card--overlay .dsh-card-meta .dsh-ico { color: #f0cdbf; } .dsh-card--overlay .dsh-card-foot { border-color: rgba(255,255,255,.25); } .dsh-card--overlay .dsh-card-foot .dsh-btn { border-color: #fff; color: #fff; } .dsh-card--overlay:hover .dsh-card-foot .dsh-btn { background: #fff; color: var(--dsh-title); } /* Wide card */ @media (min-width: 768px) { .dsh-card--wide { display: grid; grid-template-columns: 1.25fr 1fr; gap: 12px; } .dsh-card--wide .dsh-card-media { aspect-ratio: auto; height: 100%; min-height: 360px; } .dsh-card--wide .dsh-card-body { justify-content: center; padding: 28px 24px; } .dsh-card--wide .dsh-card-title { font-size: clamp(22px, 2.4vw, 30px); } .dsh-card--wide .dsh-card-text { -webkit-line-clamp: 5; font-size: 15.5px; } } /* List card */ .dsh-card--list { flex-direction: row; align-items: center; gap: 14px; padding: 10px; box-shadow: none; border-bottom: 1px solid var(--dsh-border); border-radius: 0; background: transparent; } .dsh-card--list:hover { transform: none; box-shadow: none; } .dsh-card--list .dsh-card-media { flex: 0 0 104px; aspect-ratio: 1; } .dsh-card--list .dsh-card-body { padding: 0; gap: 4px; } .dsh-card--list .dsh-card-title { font-size: 16px; } .dsh-card--list .dsh-card-badge { box-shadow: none; background: var(--dsh-smoke); } /* ---------- Home: destination accordion ---------- */ .dsh-dest { display: grid; gap: 16px; } .dsh-dest-item { position: relative; border-radius: var(--dsh-radius); overflow: hidden; background: var(--dsh-title); min-height: 300px; } .dsh-dest-link { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 28px; color: #fff; } .dsh-dest-link:hover { color: #fff; } .dsh-dest-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform 1s var(--dsh-ease); } .dsh-dest-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(34,18,13,.8)); pointer-events: none; } .dsh-dest-info, .dsh-dest-link .dsh-btn { position: relative; z-index: 2; } .dsh-dest-info { display: flex; flex-direction: column; line-height: 1.5; } .dsh-dest-info strong { font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; } .dsh-dest-info small { font-size: 15px; opacity: .9; } @media (min-width: 992px) { .dsh-dest { display: flex; height: 580px; gap: 24px; } .dsh-dest-item { flex: 1; min-height: 0; transition: flex .7s var(--dsh-ease); cursor: pointer; } .dsh-dest-item.is-active { flex: 4.2; } .dsh-dest-item:not(.is-active) .dsh-dest-link { justify-content: center; padding: 28px 14px; } .dsh-dest-item:not(.is-active) .dsh-dest-info { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; } .dsh-dest-item:not(.is-active) .dsh-dest-link .dsh-btn { display: none; } .dsh-dest-item.is-active img { transform: scale(1.04); } } /* ---------- Home: guide categories carousel ---------- */ .dsh-cats { overflow: hidden; padding: 20px 0 10px; } .dsh-cats .swiper-slide { width: 260px; transition: transform .6s var(--dsh-ease); } @media (min-width: 992px) { .dsh-cats .swiper-slide { width: 300px; } } .dsh-cats .swiper-slide:nth-child(even) { transform: translateY(30px); } .dsh-cat { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--dsh-title); text-align: center; } .dsh-cat-img { display: block; width: 100%; aspect-ratio: 1; border-radius: var(--dsh-radius); overflow: hidden; margin-bottom: 14px; background: var(--dsh-smoke); } .dsh-cat-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--dsh-ease); } .dsh-cat:hover .dsh-cat-img img { transform: scale(1.08); } .dsh-cat strong { font-size: 21px; font-weight: 700; } .dsh-cat small { font-size: 14px; color: var(--dsh-muted); font-weight: 600; } .dsh-cat:hover strong { color: var(--dsh-primary); } .dsh-cats-dots { display: flex; justify-content: center; gap: 12px; margin-top: 50px; } .dsh-cats-dots .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 !important; border: 1.5px solid var(--dsh-title); background: transparent; opacity: 1; } .dsh-cats-dots .swiper-pagination-bullet-active { background: var(--dsh-primary); border-color: var(--dsh-primary); } /* ---------- Home: offer / start + countdown ---------- */ .dsh-offer-grid { display: grid; gap: 40px; align-items: center; } @media (min-width: 992px) { .dsh-offer-grid { grid-template-columns: 1.15fr 1fr 0.95fr; gap: 50px; } } .dsh-offer-text .dsh-sec-head { margin-bottom: 28px; } .dsh-offer-img { margin: 0; border-radius: var(--dsh-radius); overflow: hidden; transform: rotate(-4deg); box-shadow: var(--dsh-shadow-lg); aspect-ratio: 4 / 5; background: var(--dsh-smoke); } .dsh-offer-img img { width: 100%; height: 100%; object-fit: cover; } .dsh-offer-list-title { font-size: 22px; margin-bottom: 10px; } .dsh-acc { border-bottom: 1px solid var(--dsh-border); } .dsh-acc[open] { border-color: var(--dsh-primary); } .dsh-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 0; font-size: 19px; font-weight: 600; color: var(--dsh-title); cursor: pointer; list-style: none; } .dsh-acc summary::-webkit-details-marker { display: none; } .dsh-acc summary .dsh-ico { color: var(--dsh-primary); transition: transform .3s; transform: rotate(-90deg); } .dsh-acc[open] summary .dsh-ico { transform: rotate(90deg); } .dsh-acc p { margin: 0; padding-bottom: 18px; color: var(--dsh-body); } .dsh-acc p a { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--dsh-primary); } .dsh-acc p a .dsh-ico { width: 16px; height: 16px; } .dsh-countdown { display: flex; align-items: center; gap: 8px; margin-bottom: 36px; flex-wrap: wrap; } .dsh-countdown span { display: grid; place-items: center; align-content: center; width: clamp(70px, 9vw, 108px); aspect-ratio: 1; border: 1.5px solid var(--dsh-primary); border-radius: 50%; } .dsh-countdown b { font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; color: var(--dsh-title); line-height: 1.1; } .dsh-countdown small { font-size: 13px; color: var(--dsh-muted); } .dsh-countdown i { font-style: normal; font-size: 26px; font-weight: 800; color: var(--dsh-title); } /* ---------- Home: counters ---------- */ .dsh-counters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } @media (min-width: 992px) { .dsh-counters { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; } .dsh-counter:nth-child(odd) { transform: translateY(80px); } .dsh-counters { padding-bottom: 80px; } } .dsh-counter { position: relative; display: grid; place-items: center; align-content: center; aspect-ratio: 1; max-width: 300px; width: 100%; margin-inline: auto; border-radius: 50%; background: var(--dsh-smoke); outline: 1.5px solid var(--dsh-primary); outline-offset: 14px; text-align: center; } .dsh-counter::after { content: ""; position: absolute; top: 4%; inset-inline-end: 12%; width: 18px; height: 18px; border-radius: 50%; background: var(--dsh-primary); box-shadow: 0 0 0 6px color-mix(in srgb, var(--dsh-primary) 25%, transparent); } .dsh-counter-num { font-size: clamp(36px, 5vw, 56px); font-weight: 900; color: var(--dsh-title); line-height: 1.1; } .dsh-counter-label { font-size: clamp(14px, 1.5vw, 19px); color: var(--dsh-title); font-weight: 500; } /* ---------- Home: gallery masonry ---------- */ .dsh-masonry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-inline: var(--dsh-gutter); max-width: 1600px; margin-inline: auto; } .dsh-masonry a { position: relative; display: block; border-radius: var(--dsh-radius); overflow: hidden; aspect-ratio: 4 / 5; cursor: zoom-in; } .dsh-masonry a:nth-child(3n+2) { aspect-ratio: 4 / 3; } .dsh-masonry img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--dsh-ease); } .dsh-masonry a:hover img { transform: scale(1.07); } @media (min-width: 992px) { .dsh-masonry { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 24px; } .dsh-masonry a:nth-child(4n+1) { grid-row: span 2; aspect-ratio: auto; } .dsh-masonry a:nth-child(4n+3) { margin-top: 60px; } } /* ---------- Collections (section landing) ---------- */ .dsh-collections { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); margin-bottom: 56px; } @media (min-width: 992px) { .dsh-collections { gap: 24px; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } } /* ---------- Mosaic (gallery archive) ---------- */ .dsh-mosaic { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .dsh-mosaic .dsh-card--overlay .dsh-card-media { aspect-ratio: 1; } .dsh-mosaic > :first-child { grid-column: 1 / -1; } .dsh-mosaic > :first-child .dsh-card-media { aspect-ratio: 16 / 9; } @media (min-width: 992px) { .dsh-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .dsh-mosaic > :first-child { grid-column: span 2; grid-row: span 2; } .dsh-mosaic > :first-child .dsh-card-media { aspect-ratio: auto; height: 100%; } .dsh-mosaic--archive > :nth-child(7n+1) { grid-column: span 2; grid-row: span 2; } .dsh-mosaic--archive > :nth-child(7n+1) .dsh-card-media { aspect-ratio: auto; height: 100%; } } /* ---------- Magazine / filters ---------- */ .dsh-mag-split { display: grid; gap: 24px; } @media (min-width: 992px) { .dsh-mag-split { grid-template-columns: 1.6fr 1fr; align-items: start; } } .dsh-mag-lead { margin-bottom: 40px; } .dsh-filter { display: flex; gap: 8px; margin-bottom: 32px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; } .dsh-filter::-webkit-scrollbar { display: none; } .dsh-filter a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 22px; border-radius: 999px; border: 1.5px solid var(--dsh-border); color: var(--dsh-title); font-weight: 600; font-size: 15px; background: #fff; transition: background .2s, color .2s, border-color .2s; } .dsh-filter a:hover { border-color: var(--dsh-title); } .dsh-filter a.is-active { background: var(--dsh-title); border-color: var(--dsh-title); color: #fff; } .dsh-filter b { font-weight: 800; opacity: .7; font-size: 13px; } /* ---------- Layout with aside ---------- */ .dsh-layout { display: grid; gap: 40px; } @media (min-width: 992px) { .dsh-layout--aside { grid-template-columns: minmax(0, 1fr) 380px; gap: 60px; align-items: start; } } .dsh-aside { display: flex; flex-direction: column; gap: 24px; min-width: 0; } @media (min-width: 992px) { .dsh-aside--sticky { position: sticky; top: calc(var(--dsh-header-h) + 24px); } } .dsh-aside-box { padding: 24px; border-radius: var(--dsh-radius); background: var(--dsh-smoke); } .dsh-aside-title { display: flex; align-items: center; gap: 8px; font-size: 19px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid color-mix(in srgb, var(--dsh-primary) 25%, transparent); } .dsh-aside-title .dsh-ico { color: var(--dsh-primary); } .dsh-aside .dsh-related { margin: 0; padding: 24px; border-radius: var(--dsh-radius); background: var(--dsh-smoke); } .dsh-aside .dsh-sec-head { margin-bottom: 10px; } .dsh-aside .dsh-sec-title { font-size: 20px; } .dsh-aside .dsh-eyebrow { font-size: 20px; } .dsh-aside .dsh-map { margin-top: 4px; } .dsh-facts { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 14px; } .dsh-facts li { display: flex; gap: 12px; align-items: flex-start; } .dsh-facts .dsh-ico { margin-top: 2px; width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: #fff; color: var(--dsh-primary); } .dsh-facts span { display: block; font-size: 13px; color: var(--dsh-muted); } .dsh-facts strong { display: block; color: var(--dsh-title); font-weight: 700; font-size: 15px; line-height: 1.7; } .dsh-link-list { list-style: none; margin: 0; padding: 0; } .dsh-link-list li + li { border-top: 1px solid color-mix(in srgb, var(--dsh-primary) 18%, transparent); } .dsh-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 2px; color: var(--dsh-title); font-weight: 600; } .dsh-link-list a small { display: block; font-weight: 400; color: var(--dsh-muted); font-size: 13px; } .dsh-link-list a:hover { color: var(--dsh-primary); } .dsh-link-list .dsh-ico { color: var(--dsh-primary); width: 18px; height: 18px; transition: transform .25s var(--dsh-ease); } .dsh-link-list a:hover .dsh-ico { transform: translateX(-4px); } /* ---------- Prose ---------- */ .dsh-prose { font-size: 17px; line-height: 2.05; min-width: 0; } .dsh-prose > * + * { margin-top: 1.1em; } .dsh-prose h2 { font-size: clamp(23px, 2.6vw, 32px); margin-top: 1.8em; } .dsh-prose h3 { font-size: clamp(19px, 2.2vw, 25px); margin-top: 1.6em; } .dsh-prose img, .dsh-prose figure { border-radius: var(--dsh-radius-sm); } .dsh-prose figure { margin-inline: 0; } .dsh-prose figcaption { margin-top: 8px; font-size: 14px; color: var(--dsh-muted); text-align: center; } .dsh-prose blockquote { margin-inline: 0; padding: 22px 26px; border-inline-start: 4px solid var(--dsh-primary); background: var(--dsh-smoke); border-radius: var(--dsh-radius-sm); font-size: 18px; color: var(--dsh-title); } .dsh-prose a { text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--dsh-primary) 50%, transparent); text-underline-offset: 4px; } .dsh-prose ul, .dsh-prose ol { padding-inline-start: 1.4em; } .dsh-article > p:first-of-type { font-size: 19px; color: var(--dsh-title); } .dsh-page-title { margin-bottom: 24px; } .dsh-block { margin-top: 48px; } .dsh-block-title { font-size: 24px; margin-bottom: 18px; } .dsh-checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; } @media (min-width: 640px) { .dsh-checklist { grid-template-columns: 1fr 1fr; } } .dsh-checklist li { display: flex; gap: 10px; align-items: flex-start; } .dsh-checklist .dsh-ico { flex: none; width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: var(--dsh-primary); color: #fff; } .dsh-notes { margin: 0; padding: 20px; padding-inline-start: 38px; background: var(--dsh-smoke); border-radius: var(--dsh-radius-sm); } .dsh-notes li + li { margin-top: 6px; } .dsh-stops { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; } .dsh-stops li { display: flex; align-items: center; gap: 12px; } .dsh-stop-num { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--dsh-title); color: #fff; font-weight: 800; font-size: 14px; } .dsh-stops a { flex: 1; display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: var(--dsh-radius-sm); background: #fff; box-shadow: var(--dsh-shadow); color: var(--dsh-title); } .dsh-stops a:hover { box-shadow: 0 0 0 1.5px var(--dsh-primary); } .dsh-stops img { width: 58px; height: 58px; object-fit: cover; border-radius: 12px; } .dsh-stops strong { display: block; } .dsh-stops small { color: var(--dsh-muted); } .dsh-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; } .dsh-tags a { padding: 5px 14px; border-radius: 999px; background: var(--dsh-smoke); color: var(--dsh-title); font-size: 14px; text-decoration: none; } .dsh-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--dsh-border); font-size: 14px; } .dsh-share span { color: var(--dsh-muted); margin-inline-end: 4px; } .dsh-share a, .dsh-share button { padding: 7px 16px; border-radius: 999px; border: 1.5px solid var(--dsh-border); background: #fff; color: var(--dsh-title); font-size: 14px; cursor: pointer; text-decoration: none; } .dsh-share a:hover, .dsh-share button:hover { border-color: var(--dsh-title); } .dsh-share button.is-copied { background: var(--dsh-title); border-color: var(--dsh-title); color: #fff; } /* ---------- Photos & video ---------- */ .dsh-photos { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 32px; } @media (min-width: 768px) { .dsh-photos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } } .dsh-photos a { position: relative; display: block; aspect-ratio: 1; border-radius: var(--dsh-radius-sm); overflow: hidden; background: var(--dsh-smoke); cursor: zoom-in; } .dsh-photos img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--dsh-ease); } .dsh-photos a:hover img { transform: scale(1.07); } .dsh-photos-more { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(74,43,34,.65); color: #fff; font-size: 28px; font-weight: 800; } .dsh-photos--masonry { display: block; columns: 2; column-gap: 12px; } @media (min-width: 768px) { .dsh-photos--masonry { columns: 3; column-gap: 18px; } } .dsh-photos--masonry a { aspect-ratio: auto; margin-bottom: 12px; break-inside: avoid; } @media (min-width: 768px) { .dsh-photos--masonry a { margin-bottom: 18px; } } .dsh-photos--masonry img { height: auto; } .dsh-video { margin: 28px 0; border-radius: var(--dsh-radius); overflow: hidden; background: #000; } .dsh-video video { width: 100%; } .dsh-video--embed { position: relative; aspect-ratio: 16 / 9; } .dsh-video--embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* Lightbox */ .dsh-lightbox { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; background: rgba(8,25,30,.95); animation: dsh-fade .2s; touch-action: pan-y; } .dsh-lightbox[hidden] { display: none; } .dsh-lightbox figure { margin: 0; max-width: min(92vw, 1400px); text-align: center; } .dsh-lightbox img { max-height: 82vh; width: auto; margin-inline: auto; border-radius: 12px; } .dsh-lightbox figcaption { margin-top: 12px; color: rgba(255,255,255,.8); font-size: 15px; } .dsh-lightbox button { position: absolute; display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; } .dsh-lightbox button:hover { background: #fff; color: var(--dsh-title); } .dsh-lb-close { top: 16px; inset-inline-end: 16px; } .dsh-lb-prev { inset-inline-start: 16px; top: 50%; transform: translateY(-50%); } .dsh-lb-next { inset-inline-end: 16px; top: 50%; transform: translateY(-50%); } .dsh-lb-count { position: absolute; top: 28px; inset-inline-start: 24px; color: rgba(255,255,255,.7); font-size: 14px; } @media (max-width: 640px) { .dsh-lb-prev, .dsh-lb-next { top: auto; bottom: 20px; transform: none; } } /* ---------- Map ---------- */ .dsh-map { position: relative; border-radius: var(--dsh-radius); overflow: hidden; background: var(--dsh-smoke); box-shadow: var(--dsh-shadow); } .dsh-map-canvas { height: var(--dsh-map-h, 460px); max-height: 75svh; direction: ltr; z-index: 0; } .dsh-map-filters { position: absolute; top: 14px; inset-inline: 14px; z-index: 500; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; direction: rtl; } .dsh-map-filters button { flex: none; padding: 7px 16px; border: 0; border-radius: 999px; background: #fff; color: var(--dsh-title); font-size: 13.5px; font-weight: 600; box-shadow: 0 2px 10px rgba(0,0,0,.15); cursor: pointer; } .dsh-map-filters button[aria-pressed="false"] { opacity: .55; } .dsh-pin { width: 32px !important; height: 32px !important; margin: -32px 0 0 -16px !important; border-radius: 50% 50% 50% 0; background: var(--pin, var(--dsh-primary)); border: 3px solid #fff; transform: rotate(-45deg); box-shadow: 0 3px 10px rgba(0,0,0,.35); } .dsh-pin--dsh_place { --pin: var(--dsh-primary); } .dsh-pin--dsh_collection { --pin: var(--dsh-title); } .dsh-pin--dsh_tour, .dsh-pin--dsh_event { --pin: #E58C3A; } .leaflet-popup-content-wrapper { border-radius: 16px; font-family: var(--dsh-font); direction: rtl; text-align: right; } .leaflet-popup-content { margin: 10px 12px; min-width: 190px; } .dsh-popup { display: flex; gap: 10px; align-items: center; color: var(--dsh-title); } .dsh-popup img { width: 58px; height: 58px; border-radius: 12px; object-fit: cover; } .dsh-popup small { display: block; color: var(--dsh-primary); font-weight: 700; font-size: 12px; } .dsh-popup strong { display: block; font-size: 14.5px; line-height: 1.5; } .dsh-popup a { color: var(--dsh-title) !important; } /* ---------- Booking ---------- */ .dsh-booking { padding: 26px; border-radius: var(--dsh-radius); background: #fff; box-shadow: var(--dsh-shadow-lg), 0 0 0 1px var(--dsh-border); border-top: 4px solid var(--dsh-primary); scroll-margin-top: calc(var(--dsh-header-h) + 16px); } .dsh-booking-title { font-size: 20px; margin-bottom: 16px; } .dsh-sessions { display: grid; gap: 10px; margin: 0 0 18px; padding: 0; border: 0; max-height: 380px; overflow-y: auto; } .dsh-session { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1.5px solid var(--dsh-border); cursor: pointer; transition: border-color .2s, background .2s; } .dsh-session:hover { border-color: color-mix(in srgb, var(--dsh-primary) 55%, #fff); } .dsh-session:has(input:checked) { border-color: var(--dsh-primary); background: var(--dsh-smoke); } .dsh-session input { accent-color: var(--dsh-primary); width: 18px; height: 18px; flex: none; } .dsh-session.is-disabled { opacity: .55; cursor: not-allowed; } .dsh-session-date { flex: 1; display: flex; flex-direction: column; line-height: 1.6; } .dsh-session-date strong { color: var(--dsh-title); font-size: 15px; } .dsh-session-date small, .dsh-session-side small { color: var(--dsh-muted); font-size: 12.5px; } .dsh-session-side { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.6; text-align: end; } .dsh-session-side b { color: var(--dsh-title); font-size: 14.5px; } .dsh-booking-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; font-weight: 600; color: var(--dsh-title); } .dsh-qty { display: inline-flex; align-items: center; border: 1.5px solid var(--dsh-border); border-radius: 999px; overflow: hidden; } .dsh-qty button { width: 42px; height: 42px; border: 0; background: none; font-size: 20px; cursor: pointer; color: var(--dsh-title); } .dsh-qty button:hover { background: var(--dsh-smoke); } .dsh-qty input { width: 48px; border: 0; text-align: center; font-weight: 800; -moz-appearance: textfield; background: none; } .dsh-qty input::-webkit-inner-spin-button { -webkit-appearance: none; } .dsh-booking-note { margin: 12px 0 0; font-size: 13px; color: var(--dsh-muted); text-align: center; } .dsh-booking .dsh-btn--primary { background: var(--dsh-title); } .dsh-booking .dsh-btn--primary:hover { background: var(--dsh-primary); } .dsh-alert { padding: 12px 16px; border-radius: 12px; background: var(--dsh-smoke); color: var(--dsh-title); font-size: 14.5px; margin-bottom: 12px; } .dsh-alert--error { background: #fdecec; color: #8a1f1f; } .dsh-mobile-book { position: fixed; inset-inline: 0; bottom: 0; z-index: 90; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px var(--dsh-gutter) calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -8px 30px -12px rgba(0,0,0,.25); transform: translateY(110%); transition: transform .35s var(--dsh-ease); } .dsh-mobile-book:empty { display: none; } .dsh-mobile-book.is-visible { transform: none; } .dsh-mobile-book small { display: block; color: var(--dsh-muted); font-size: 12px; } .dsh-mobile-book strong { color: var(--dsh-title); font-size: 17px; } .dsh-mobile-book .dsh-btn--primary { background: var(--dsh-title); } @media (min-width: 992px) { .dsh-mobile-book { display: none; } } /* ---------- Calendar ---------- */ .dsh-calendar { border-radius: var(--dsh-radius); background: #fff; box-shadow: var(--dsh-shadow); overflow: hidden; scroll-margin-top: calc(var(--dsh-header-h) + 16px); } .dsh-cal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--dsh-title); color: #fff; } .dsh-cal-head h3 { margin: 0; color: #fff; font-size: 20px; } .dsh-cal-nav { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: #fff; border: 1px solid rgba(255,255,255,.5); } .dsh-cal-nav:hover { background: #fff; color: var(--dsh-title); } .dsh-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); } .dsh-cal-wd { padding: 10px 4px; text-align: center; font-weight: 700; font-size: 13px; color: var(--dsh-title); background: var(--dsh-smoke); } .dsh-cal-day { min-height: 64px; padding: 6px; border-top: 1px solid var(--dsh-border); border-inline-start: 1px solid var(--dsh-border); display: flex; flex-direction: column; gap: 4px; min-width: 0; } .dsh-cal-day:nth-child(7n+1) { border-inline-start: 0; } .dsh-cal-day.is-empty { background: #fafcfc; } .dsh-cal-num { font-size: 13px; font-weight: 700; color: var(--dsh-title); } .dsh-cal-day.is-today .dsh-cal-num { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--dsh-primary); color: #fff; } .dsh-cal-item { display: block; padding: 3px 7px; border-radius: 8px; background: var(--dsh-smoke); color: var(--dsh-title); font-size: 12px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-inline-start: 3px solid var(--dsh-primary); } .dsh-cal-dsh_event { border-color: #E58C3A; background: #fdf3ea; } .dsh-cal-item time { font-weight: 800; } .dsh-cal-item:hover { background: var(--dsh-title); color: #fff; } @media (max-width: 640px) { .dsh-cal-day { min-height: 48px; padding: 4px 2px; align-items: center; } .dsh-cal-item { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: var(--dsh-primary); font-size: 0; } .dsh-cal-dsh_event { background: #E58C3A; } .dsh-cal-day.has-items { cursor: pointer; } } @media (min-width: 992px) { .dsh-cal-day { min-height: 108px; padding: 8px; } } .dsh-calendar .dsh-empty { padding: 14px 20px; margin: 0; border-top: 1px solid var(--dsh-border); } /* ---------- Forms, search, misc ---------- */ .dsh-search-inline { display: flex; gap: 8px; width: 100%; max-width: 640px; margin: 22px auto 0; } .dsh-search-inline input { flex: 1; min-width: 0; min-height: 52px; padding: 10px 22px; border: 1.5px solid var(--dsh-border); border-radius: 999px; background: #fff; color: var(--dsh-title); } .dsh-banner .dsh-search-inline input { border-color: transparent; } .dsh-search-inline input:focus { border-color: var(--dsh-primary); outline: none; } .dsh-search-inline .dsh-btn--primary { background: var(--dsh-title); } .dsh-empty { color: var(--dsh-muted); } .dsh-empty-state { padding: 40px 0; text-align: center; } .dsh-empty-state .dsh-filter { justify-content: center; flex-wrap: wrap; } .dsh-editor-note { padding: 18px; border: 2px dashed var(--dsh-border); border-radius: 12px; color: var(--dsh-muted); text-align: center; } .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 44px; } .page-numbers { display: inline-grid; place-items: center; min-width: 46px; height: 46px; padding: 0 10px; border-radius: 50%; border: 1.5px solid var(--dsh-border); color: var(--dsh-title); font-weight: 700; } .page-numbers.current { background: var(--dsh-title); border-color: var(--dsh-title); color: #fff; } a.page-numbers:hover { border-color: var(--dsh-title); } .dsh-404 { padding-block: calc(var(--dsh-header-h) + 60px) 80px; text-align: center; max-width: 640px; } .dsh-404-code { display: block; font-size: clamp(90px, 20vw, 180px); font-weight: 900; line-height: 1; color: var(--dsh-smoke); -webkit-text-stroke: 2px var(--dsh-primary); } .dsh-404 .dsh-search-inline { margin: 24px auto; } /* Comments */ .dsh-comments { margin-top: 20px; padding-top: 36px; border-top: 1px solid var(--dsh-border); } .dsh-comment-list { list-style: none; padding: 0; margin: 0 0 32px; } .dsh-comment-list .children { list-style: none; padding-inline-start: 28px; } .dsh-comment-list .comment-body { padding: 20px; margin-bottom: 14px; border-radius: var(--dsh-radius-sm); background: var(--dsh-smoke); } .dsh-comment-list .avatar { float: right; margin-inline-end: 12px; border-radius: 50%; } .dsh-comment-list .comment-meta { font-size: 13px; color: var(--dsh-muted); } .dsh-comment-list .fn { font-style: normal; font-weight: 800; color: var(--dsh-title); } .comment-form { display: grid; gap: 14px; } .comment-form label { display: block; margin-bottom: 4px; font-weight: 600; color: var(--dsh-title); } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea { width: 100%; padding: 12px 18px; border: 1.5px solid var(--dsh-border); border-radius: 16px; background: #fff; } .comment-form textarea:focus, .comment-form input:focus { border-color: var(--dsh-primary); outline: none; } .comment-form-cookies-consent { display: flex; gap: 8px; align-items: center; font-size: 14px; } .comment-form-cookies-consent label { margin: 0; font-weight: 400; } .comment-form .dsh-btn--primary { background: var(--dsh-title); } /* Widgets */ .dsh-widget + .dsh-widget { margin-top: 18px; } .dsh-widget-title { font-size: 18px; } .dsh-logos .dsh-widget { text-align: center; } .dsh-logos img { filter: grayscale(1) sepia(1) hue-rotate(150deg) saturate(2); opacity: .7; transition: filter .3s, opacity .3s; margin-inline: auto; } .dsh-logos img:hover { filter: none; opacity: 1; } /* ---------- Footer (Tourm) ---------- */ .dsh-footer { position: relative; background: var(--dsh-title); color: rgba(255,255,255,.82); font-size: 15.5px; } .dsh-footer a { color: rgba(255,255,255,.88); } .dsh-footer a:hover { color: var(--dsh-primary); } .dsh-footer-join { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-block: 60px 50px; border-bottom: 1px solid rgba(255,255,255,.15); } .dsh-footer-join h2 { max-width: 15em; margin: 0; color: #fff; font-size: clamp(24px, 3vw, 38px); line-height: 1.4; } .dsh-footer-join-btns { display: flex; flex-wrap: wrap; gap: 12px; } .dsh-footer-grid { display: grid; gap: 40px; padding-block: 56px 44px; } @media (min-width: 768px) { .dsh-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1100px) { .dsh-footer-grid { grid-template-columns: 1.3fr .9fr 1.1fr 1fr; gap: 50px; padding-block: 80px 60px; } } .dsh-footer-title { color: #fff; font-size: 22px; margin-bottom: 22px; } .dsh-wordmark--light { color: #fff; margin-bottom: 18px; } .dsh-footer-logo { max-height: 60px; width: auto; } .dsh-footer-about p { max-width: 30em; } .dsh-footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .dsh-footer-links a { display: inline-flex; align-items: center; gap: 8px; transition: color .25s, padding .25s var(--dsh-ease); } .dsh-footer-links a:hover { padding-inline-start: 6px; } .dsh-footer-links .dsh-ico { width: 16px; height: 16px; } .dsh-footer-menu { margin-top: 12px; } .dsh-footer-related { margin-top: 22px; } .dsh-footer-related h2, .dsh-footer-related h3, .dsh-footer-related .wp-block-heading { color: #fff; font-size: 17px; margin-bottom: 12px; } .dsh-footer-related ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } .dsh-footer-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; } .dsh-footer-contact li { display: flex; gap: 14px; align-items: center; } .dsh-fc-ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; } .dsh-fc-ico .dsh-ico { width: 20px; height: 20px; } .dsh-footer-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .dsh-footer-photos a { display: block; aspect-ratio: 1; border-radius: 10px; overflow: hidden; } .dsh-footer-photos img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--dsh-ease); } .dsh-footer-photos a:hover img { transform: scale(1.1); } .dsh-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; } .dsh-socials a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; transition: background .25s, color .25s; } .dsh-socials a:hover { background: var(--dsh-primary); color: #fff; } .dsh-drawer .dsh-socials a, .dsh-solid-header .dsh-topbar .dsh-socials a, .dsh-header.is-scrolled .dsh-topbar .dsh-socials a { color: var(--dsh-title); } .dsh-drawer .dsh-socials a { background: var(--dsh-smoke); } .dsh-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding-block: 22px calc(22px + env(safe-area-inset-bottom)); font-size: 14px; } .dsh-footer-bottom .dsh-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; } /* ---------- WooCommerce (checkout pages) ---------- */ .dsh-shop { min-height: 50vh; } .woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce a.button.alt { border-radius: 999px; background: var(--dsh-title); color: #fff; font-family: var(--dsh-font); font-weight: 700; padding: 12px 26px; } .woocommerce .button:hover, .woocommerce button.button.alt:hover { background: var(--dsh-primary); color: #fff; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { padding: 10px 14px; border: 1.5px solid var(--dsh-border); border-radius: 12px; } /* ---------- Elementor ---------- */ .elementor-widget-dsh_hero, .elementor-widget-dsh_banner { margin-bottom: 0 !important; } .e-con.dsh-el-hero, .e-con.dsh-el-banner { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; } .elementor-widget-dsh_hero > .elementor-widget-container, .elementor-widget-dsh_banner > .elementor-widget-container { margin: 0; } .dsh-el-banner .elementor-widget-dsh_banner, .dsh-el-hero .elementor-widget-dsh_hero { width: 100%; } /* Elementor header inside #dsh-header */ .dsh-header--el .e-con { --background-color: transparent; } .dsh-header--el .dsh-el-header { --gap: 0px; } .dsh-header--el .dsh-topbar.e-con { display: none; height: var(--dsh-topbar-h); } @media (min-width: 1100px) { .dsh-header--el .dsh-topbar.e-con { display: flex; } } .dsh-header--el .dsh-header-inner.e-con { height: var(--dsh-header-h); } .dsh-header--el .dsh-header-inner .elementor-widget-dsh_nav { flex: 1; } .dsh-header--el .elementor-widget { margin: 0 !important; } .dsh-header--el .elementor-icon-list-text, .dsh-header--el .elementor-icon-list-item > a { color: inherit !important; } .dsh-header--el .elementor-icon-list-item > a:hover .elementor-icon-list-text { color: var(--dsh-primary) !important; } .dsh-header--el .dsh-topbar .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item + .elementor-icon-list-item { padding-inline-start: 22px; border-inline-start: 1px solid rgba(127,127,127,.35); } .dsh-header--el .dsh-topbar .dsh-socials { margin: 0; gap: 2px; } .dsh-header--el .dsh-topbar .dsh-socials a { width: 30px; height: 30px; background: transparent; color: inherit; } .dsh-header--el .dsh-topbar .dsh-socials svg { width: 16px; height: 16px; } .dsh-nav-wrap { display: flex; align-items: center; justify-content: flex-end; } @media (min-width: 1100px) { .dsh-nav-wrap { justify-content: center; } } .dsh-header--el .dsh-header-cta { display: none; } @media (min-width: 640px) { .dsh-header--el .dsh-header-cta { display: block; } } .dsh-overlay-header .dsh-header--el:not(.is-scrolled):not(.is-open) .dsh-header-cta .elementor-button { background: #fff !important; color: var(--dsh-title) !important; } .dsh-overlay-header .dsh-header--el:not(.is-scrolled):not(.is-open) .dsh-header-cta .elementor-button:hover { background: var(--dsh-primary) !important; color: #fff !important; } .dsh-drawer-head .dsh-wordmark { color: var(--dsh-title); } /* Elementor buttons: arrow nudge like the theme buttons */ .dsh-el-btn .elementor-button-icon { transition: transform .3s var(--dsh-ease); } .dsh-el-btn .elementor-button:hover .elementor-button-icon { transform: translateX(-4px); } /* Elementor footer */ .dsh-el-footer .dsh-el-footer-join { border-bottom: 1px solid rgba(255,255,255,.15); } .dsh-el-footer .dsh-el-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); } .dsh-el-footer .elementor-widget-text-editor p { margin: 0; } .dsh-el-footer a { color: inherit; } .dsh-el-footer .dsh-el-list .elementor-icon-list-icon { color: var(--dsh-primary); } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon { width: 40px; height: 40px; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.1); } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon i { color: #fff !important; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-item { align-items: center; } /* "Where to start" toggle */ .dsh-el-toggle .elementor-toggle-item { border-bottom: 1px solid var(--dsh-border); } .dsh-el-toggle .elementor-toggle-item:has(.elementor-active) { border-color: var(--dsh-primary); } .dsh-el-toggle .elementor-tab-content { border: 0 !important; } .dsh-el-toggle .elementor-tab-content a { font-weight: 700; color: var(--dsh-primary); } /* Sticky aside in single templates */ @media (min-width: 992px) { .e-con.dsh-aside--sticky { position: sticky; top: calc(var(--dsh-header-h) + 24px); align-self: flex-start; } } .e-con .dsh-related { margin: 0; } .e-con .dsh-related + .dsh-related { margin-top: 0; } /* ---------- Reveal on scroll ---------- */ .dsh-js .dsh-reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--dsh-ease), transform .9s var(--dsh-ease); } .dsh-js .dsh-reveal.is-in { opacity: 1; transform: none; } .dsh-js .dsh-counter.dsh-reveal.is-in:nth-child(odd) { transform: translateY(80px); } @media (max-width: 991px) { .dsh-js .dsh-counter.dsh-reveal.is-in:nth-child(odd) { transform: none; } } /* ---------- Elementor: widget sizing & overrides ---------- */ .elementor-widget-dsh_dest, .elementor-widget-dsh_cats, .elementor-widget-dsh_grid, .elementor-widget-dsh_upcoming, .elementor-widget-dsh_calendar, .elementor-widget-dsh_map, .elementor-widget-dsh_photos, .elementor-widget-dsh_archive, .elementor-widget-dsh_related, .elementor-widget-dsh_countdown, .elementor-widget-dsh_content, .elementor-widget-dsh_counters, .elementor-widget-dsh_booking, .elementor-widget-dsh_facts, .elementor-widget-dsh_hero, .elementor-widget-dsh_banner, .elementor-widget-dsh_tour_details, .elementor-widget-dsh_video, .elementor-widget-dsh_share, .elementor-widget-dsh_comments { width: 100%; } .elementor-widget-dsh_logo, .elementor-widget-dsh_search, .elementor-widget-dsh_socials { width: auto; flex: none; } .elementor-widget-dsh_nav { flex: 1 1 auto; width: auto; } .dsh-el-header .e-con.dsh-header-inner { flex-wrap: nowrap; } .dsh-el-header .dsh-header-inner > .e-con:last-child { flex: none; width: auto; } .dsh-el-header .dsh-nav { min-width: 0; } .dsh-el-header .dsh-menu { flex-wrap: nowrap; white-space: nowrap; } .dsh-el-header .dsh-menu > li > a { padding: 0 10px; font-size: 15.5px; } .dsh-el-header .dsh-header-cta .elementor-button { white-space: nowrap; } .dsh-el-header .elementor-widget-dsh_socials .dsh-socials { margin: 0; } .elementor .dsh-card-media img, .elementor .dsh-cat-img img, .elementor .dsh-dest-item img, .elementor .dsh-masonry img, .elementor .dsh-offer-img img, .elementor .dsh-photos img, .elementor .dsh-hcard-img img, .elementor .dsh-footer-photos img, .elementor .dsh-stops img { height: 100% !important; max-width: none; } .dsh-card-media img, .dsh-cat-img img, .dsh-dest-item img, .dsh-masonry img, .dsh-offer-img img, .dsh-photos img, .dsh-hcard-img img, .dsh-footer-photos img { object-fit: cover; width: 100% !important; } .elementor .dsh-photos--masonry img { height: auto !important; } .dsh-photos--masonry img { height: auto; } .dsh-countdown { flex-wrap: nowrap; gap: 6px; } .dsh-countdown span { width: clamp(58px, 5.6vw, 92px); flex: none; } .dsh-countdown i { font-size: 22px; } .dsh-offer-text .dsh-sec-head { margin-bottom: 20px; } .dsh-offer-text .dsh-sec-title { font-size: clamp(26px, 2.8vw, 40px); } .dsh-sec-head .dsh-sec-text { margin-top: 10px; } .dsh-header--el .e-con.dsh-topbar, .dsh-header--el .e-con.dsh-header-inner { max-width: 1368px; margin-inline: auto; width: 100%; } .dsh-header--el .e-con.dsh-header-inner { height: var(--dsh-header-h); } .dsh-header--el .dsh-header-inner .elementor-widget-dsh_nav { flex: 1 1 auto; min-width: 0; } .dsh-header--el .dsh-nav-wrap { width: 100%; } .dsh-header--el .dsh-topbar .elementor-icon-list-text { font-size: 14px; } /* Fixed overlay header must pin to the top explicitly (Elementor wrapper has no static offset). */ .dsh-overlay-header .dsh-header { top: 0; } .admin-bar.dsh-overlay-header .dsh-header { top: 32px; } @media (max-width: 782px) { .admin-bar.dsh-overlay-header .dsh-header { top: 46px; } } /* Elementor header: the wrapper class must not style the button widget box. */ .dsh-header--el .elementor-widget.dsh-header-cta, .dsh-header--el .elementor-widget.dsh-header-cta > .elementor-widget-container { background: transparent !important; padding: 0 !important; min-height: 0; border-radius: 0; } .dsh-header--el .dsh-header-cta .elementor-button { border-radius: 999px; } /* ===================================================================== v1.3 — Visit Singapore menus/panels + Tourm sections, map, checkout ===================================================================== */ /* Fixed-height hero, no top bar */ .dsh-topbar { display: none !important; } .dsh-hero-content { padding-top: calc(var(--dsh-header-h) + 20px); padding-bottom: 250px; } @media (min-width: 992px) { .dsh-hero-content { padding-bottom: 210px; } } @media (max-height: 760px) and (min-width: 992px) { .dsh-hero-big { font-size: clamp(56px, 9vw, 96px); } .dsh-hero-content { padding-bottom: 190px; } } /* Eyebrow font (replaces the Nastaliq script) */ .dsh-eyebrow, .dsh-banner-eyebrow { font-family: var(--dsh-script); font-weight: 400; letter-spacing: 0; } .dsh-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--dsh-primary); font-size: clamp(18px, 1.8vw, 22px); line-height: 1.6; margin-bottom: 6px; } .dsh-eyebrow::before, .dsh-eyebrow::after { content: ""; width: 26px; height: 2px; border-radius: 2px; background: currentColor; opacity: .7; } .dsh-sec-head:not(.dsh-sec-head--center) .dsh-eyebrow::after { display: none; } .dsh-banner-eyebrow { color: #f0cdbf; font-size: clamp(18px, 2vw, 24px); } .dsh-el-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; } .dsh-el-eyebrow .elementor-heading-title::before, .dsh-el-eyebrow .elementor-heading-title::after { content: ""; width: 26px; height: 2px; border-radius: 2px; background: currentColor; opacity: .7; } .dsh-el-eyebrow .elementor-heading-title { font-family: var(--dsh-script) !important; font-size: clamp(18px, 1.8vw, 22px) !important; color: var(--dsh-primary) !important; } /* Buttons: icon colour follows the label, in every state */ .dsh-el-btn .elementor-button .elementor-button-icon, .dsh-el-btn .elementor-button .elementor-button-icon i, .dsh-el-btn .elementor-button .elementor-button-icon svg { color: inherit !important; fill: currentColor !important; } .dsh-el-btn .elementor-button-content-wrapper { color: inherit; gap: 10px; } .dsh-header-cta .elementor-button { color: #fff; } .dsh-overlay-header .dsh-header:not(.is-scrolled):not(.is-open) .dsh-header-cta .elementor-button { color: var(--dsh-title) !important; } .dsh-overlay-header .dsh-header:not(.is-scrolled):not(.is-open) .dsh-header-cta .elementor-button:hover { color: #fff !important; } /* Gray band + feature panel (Visit Singapore, under the hero) */ .dsh-bg-gray { background: linear-gradient(90deg, #F2F3F4 0 62%, transparent 62%); } @media (max-width: 991px) { .dsh-bg-gray { background: #F2F3F4; } } .dsh-feat-nav button, .dsh-tslider-nav button { width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--dsh-title); color: #fff; cursor: pointer; transition: background .25s, transform .25s; } .dsh-feat-nav button:hover, .dsh-tslider-nav button:hover { background: var(--dsh-primary); transform: scale(1.06); } .dsh-feat-nav button.swiper-button-disabled, .dsh-tslider-nav button.swiper-button-disabled { background: #D8DCDF; color: #fff; cursor: default; transform: none; } /* What's happening (Visit Singapore) */ .dsh-whats-main { display: grid; gap: 28px; margin-bottom: 34px; } @media (min-width: 992px) { .dsh-whats-main { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 32px; align-items: start; } } .dsh-whats-img { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--dsh-smoke); } .dsh-whats-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--dsh-ease); } .dsh-whats-main:hover .dsh-whats-img img { transform: scale(1.04); } .dsh-date { display: inline-flex; flex-direction: column; align-items: center; padding-inline-end: 0; margin-bottom: 14px; padding-inline-start: 16px; border-inline-start: 3px solid var(--dsh-primary); line-height: 1.15; } .dsh-date b { font-size: 44px; font-weight: 900; color: var(--dsh-title); } .dsh-date span { font-size: 14px; font-weight: 700; color: var(--dsh-muted); } .dsh-whats-info h3 { font-size: clamp(24px, 2.4vw, 32px); font-weight: 900; } .dsh-whats-info p { color: var(--dsh-body); } .dsh-countdown--sm { margin: 18px 0 22px; gap: 4px; } .dsh-countdown--sm span { width: 62px; } .dsh-countdown--sm b { font-size: 18px; } .dsh-countdown--sm small { font-size: 11px; } .dsh-countdown--sm i { font-size: 18px; } .dsh-whats-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 992px) { .dsh-whats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } } .dsh-whats-card { display: flex; flex-direction: column; background: #fff; box-shadow: 0 0 0 1px var(--dsh-border); transition: transform .4s var(--dsh-ease), box-shadow .4s; } .dsh-whats-card:hover { transform: translateY(-5px); box-shadow: var(--dsh-shadow-lg); } .dsh-whats-thumb { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--dsh-smoke); } .dsh-whats-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--dsh-ease); } .dsh-whats-card:hover img { transform: scale(1.08); } .dsh-whats-meta { display: block; padding: 14px 16px 0; font-size: 13.5px; font-weight: 700; color: var(--dsh-primary); } .dsh-whats-meta::before { content: ""; display: inline-block; width: 3px; height: 14px; margin-inline-end: 8px; vertical-align: -2px; background: var(--dsh-primary); } .dsh-whats-card strong { display: block; padding: 6px 16px 18px; color: var(--dsh-title); font-size: 17px; line-height: 1.6; } /* Tourm "Popular Destination" slider */ .dsh-tour-sec { position: relative; overflow: hidden; } .dsh-tour-sec::before, .dsh-tour-sec::after { content: ""; position: absolute; width: 170px; height: 170px; background: url("../img/doodle.svg") center/300px; opacity: .0; } .dsh-tslider-wrap { position: relative; max-width: 1368px; margin: 20px auto 0; padding-inline: var(--dsh-gutter); } .dsh-tslider { overflow: visible; padding: 14px 0 30px; } .dsh-tcard { display: flex; flex-direction: column; height: 100%; padding: 0; background: #fff; border-radius: 24px; box-shadow: 0 10px 40px -14px rgba(74,43,34,.25); overflow: hidden; transition: transform .45s var(--dsh-ease), box-shadow .45s; } .dsh-tcard:hover { transform: translateY(-8px); box-shadow: 0 26px 60px -20px rgba(74,43,34,.4); } .dsh-tcard-img { position: relative; display: block; margin: 12px 12px 0; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 18px; background: var(--dsh-smoke); } .dsh-tcard-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--dsh-ease); } .dsh-tcard:hover .dsh-tcard-img img { transform: scale(1.1); } .dsh-tcard-img .dsh-card-badge { position: absolute; top: 12px; inset-inline-start: 12px; } .dsh-tcard-body { display: flex; flex-direction: column; gap: 8px; padding: 18px 22px 22px; flex: 1; } .dsh-tcard-body h3 { margin: 0; font-size: 19px; line-height: 1.5; } .dsh-tcard-body h3 a { color: var(--dsh-title); } .dsh-tcard-body h3 a:hover { color: var(--dsh-primary); } .dsh-tcard-seats { align-self: flex-start; padding: 2px 12px; border-radius: 999px; background: color-mix(in srgb, #2f9e5e 12%, #fff); color: #1f7a45; font-size: 12.5px; font-weight: 700; } .dsh-tcard-seats.is-low { background: #fdf0e3; color: #b4601a; } .dsh-tcard-price { margin: 0; color: var(--dsh-primary); font-size: 22px; font-weight: 800; } .dsh-tcard-price small { color: var(--dsh-muted); font-size: 14px; font-weight: 500; } .dsh-tcard-action { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px dashed var(--dsh-border); color: var(--dsh-body); font-size: 14.5px; } .dsh-tcard-action span { display: inline-flex; align-items: center; gap: 6px; } .dsh-tcard-action .dsh-ico { width: 18px; height: 18px; color: var(--dsh-primary); } .dsh-tslider-nav { display: flex; justify-content: center; gap: 14px; margin-top: 8px; } /* Destination accordion: visible transitions */ .dsh-dest-item { transition: flex .75s var(--dsh-ease), box-shadow .4s; } .dsh-dest-item.is-active { box-shadow: 0 24px 60px -24px rgba(74,43,34,.55); } .dsh-dest-info { transition: transform .5s var(--dsh-ease); } .dsh-dest-item:not(.is-active) img { filter: saturate(.8) brightness(.85); } .dsh-dest-item img { transition: transform 1s var(--dsh-ease), filter .6s; } .dsh-dest-link .dsh-btn { transition: opacity .4s .25s, transform .4s .25s var(--dsh-ease); } @media (min-width: 992px) { .dsh-dest-item:not(.is-active) .dsh-dest-link .dsh-btn { display: inline-flex; opacity: 0; transform: translateY(14px); pointer-events: none; } } /* ---------- Mega menu (Visit Singapore style) ---------- */ .dsh-menu > li.has-mega { position: static; } .dsh-header { position: relative; } .dsh-overlay-header .dsh-header { position: fixed; } .dsh-mega { position: absolute; inset-inline: 0; top: 100%; z-index: 150; display: block; background: #fff; color: var(--dsh-title); box-shadow: 0 40px 60px -30px rgba(34,18,13,.45); border-top: 3px solid var(--dsh-primary); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s, transform .35s var(--dsh-ease), visibility .3s; } .dsh-menu > li.has-mega:hover > .dsh-mega, .dsh-menu > li.has-mega.is-open > .dsh-mega { opacity: 1; visibility: visible; transform: none; } .dsh-mega-inner { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; max-width: 1368px; margin-inline: auto; padding: 36px 24px 42px; } .dsh-mega-title { display: block; margin-bottom: 14px; font-size: 22px; font-weight: 900; color: var(--dsh-title); } .dsh-mega-title::after { content: ""; display: block; width: 44px; height: 3px; margin-top: 10px; background: var(--dsh-primary); } .dsh-mega-links ul { list-style: none; margin: 0; padding: 0; } .dsh-mega-links li a { display: flex !important; align-items: center; justify-content: space-between; height: auto !important; padding: 12px 0 !important; border-bottom: 1px solid var(--dsh-border); color: var(--dsh-title) !important; font-weight: 600; font-size: 15.5px !important; } .dsh-mega-links li a::after { display: none !important; } .dsh-mega-links li a .dsh-ico { width: 18px; height: 18px; color: var(--dsh-primary); transition: transform .3s var(--dsh-ease); } .dsh-mega-links li a:hover { color: var(--dsh-primary) !important; } .dsh-mega-links li a:hover .dsh-ico { transform: translateX(-6px); } .dsh-mega-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .dsh-mega-card { display: flex !important; flex-direction: column; height: auto !important; padding: 0 !important; color: var(--dsh-title) !important; font-size: 16px !important; } .dsh-mega-card::after { display: none !important; } .dsh-mega-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--dsh-smoke); } .dsh-mega-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--dsh-ease); } .dsh-mega-card:hover .dsh-mega-img img { transform: scale(1.08); } .dsh-mega-card strong { display: block; margin-top: 12px; font-weight: 800; line-height: 1.5; } .dsh-mega-card small { color: var(--dsh-muted); font-size: 13.5px; font-weight: 500; } .dsh-mega-card:hover strong { color: var(--dsh-primary); } .dsh-drawer .dsh-mega { display: none; } .dsh-menu .menu-item-has-children.has-mega > a::before { display: none; } .dsh-menu > li.has-mega > a::before { content: ""; order: 2; width: 7px; height: 7px; margin-inline-start: 6px; border: solid currentColor; border-width: 0 0 1.8px 1.8px; transform: rotate(-45deg) translateY(-2px); } .dsh-header--el { z-index: 100; } .dsh-header--el .e-con, .dsh-header--el .e-con-inner, .dsh-header--el .elementor-element { overflow: visible; } /* ---------- Map: new look ---------- */ .dsh-pinwrap { background: none; border: 0; } .dsh-pin2 { position: relative; display: grid; place-items: center; width: 38px; height: 38px; margin: 0 1px; border-radius: 50% 50% 50% 4px; background: var(--pin, var(--dsh-primary)); transform: rotate(-45deg); box-shadow: 0 8px 18px -4px rgba(0,0,0,.4), 0 0 0 3px #fff; transition: transform .25s var(--dsh-ease), box-shadow .25s; } .dsh-pin2 svg { transform: rotate(45deg); } .dsh-pin2::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 2px solid var(--pin); opacity: 0; transform: scale(.6); } .leaflet-marker-icon:hover .dsh-pin2, .dsh-pin2.is-active { transform: rotate(-45deg) scale(1.2); box-shadow: 0 12px 24px -4px rgba(0,0,0,.5), 0 0 0 3px #fff; } .dsh-pin2.is-active::after { animation: dsh-ping 1.6s infinite; } @keyframes dsh-ping { 0% { opacity: .8; transform: scale(.7); } 100% { opacity: 0; transform: scale(1.7); } } .leaflet-popup-content-wrapper { padding: 0; overflow: hidden; border-radius: 18px; box-shadow: 0 20px 50px -12px rgba(34,18,13,.5); } .leaflet-popup-content { margin: 0; min-width: 260px; } .leaflet-popup-tip { box-shadow: none; } .dsh-popup { display: flex; gap: 0; align-items: stretch; padding: 0; } .dsh-popup img { width: 96px; height: 96px; border-radius: 0; object-fit: cover; flex: none; } .dsh-popup span { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 10px 14px; } .dsh-popup em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--dsh-primary); } .dsh-map-filters button { display: inline-flex; align-items: center; gap: 7px; } .dsh-map-filters button i, .dsh-mapx-chips button i, .dsh-mapx-txt small i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; } .leaflet-control-zoom { border: 0 !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; border-radius: 14px !important; overflow: hidden; } .leaflet-control-zoom a { width: 38px !important; height: 38px !important; line-height: 38px !important; color: var(--dsh-title) !important; } .dsh-map { box-shadow: var(--dsh-shadow-lg); border-radius: 28px; } /* Map explorer */ .dsh-mapx { display: grid; gap: 0; background: #fff; border-radius: 28px; overflow: hidden; box-shadow: var(--dsh-shadow-lg); } @media (min-width: 992px) { .dsh-mapx { grid-template-columns: 400px minmax(0, 1fr); height: var(--dsh-map-h, 700px); } } .dsh-mapx-side { display: flex; flex-direction: column; min-height: 0; padding: 18px 18px 8px; border-inline-end: 1px solid var(--dsh-border); } .dsh-mapx-search { position: relative; margin-bottom: 12px; } .dsh-mapx-search input { width: 100%; height: 50px; padding: 0; padding-inline-start: 48px; padding-inline-end: 20px; border: 1.5px solid var(--dsh-border); border-radius: 999px; background: var(--dsh-smoke); color: var(--dsh-title); } .dsh-mapx-search input:focus { outline: none; border-color: var(--dsh-primary); background: #fff; } .dsh-mapx-search .dsh-ico { position: absolute; top: 15px; inset-inline-start: 16px; color: var(--dsh-muted); } .dsh-mapx-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .dsh-mapx-chips button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border: 1.5px solid var(--dsh-border); border-radius: 999px; background: #fff; color: var(--dsh-title); font-size: 13.5px; font-weight: 600; cursor: pointer; transition: all .2s; } .dsh-mapx-chips button b { font-size: 12px; opacity: .6; } .dsh-mapx-chips button[aria-pressed="false"] { opacity: .5; background: #f4f6f7; } .dsh-mapx-chips button:hover { border-color: var(--dsh-title); } .dsh-mapx-sep { flex-basis: 100%; height: 0; } .dsh-mapx-count { margin: 4px 2px 8px; font-size: 13px; font-weight: 700; color: var(--dsh-muted); } .dsh-mapx-list { flex: 1; min-height: 0; margin: 0 -8px; padding: 0 8px 12px; list-style: none; overflow-y: auto; max-height: 360px; scrollbar-width: thin; } @media (min-width: 992px) { .dsh-mapx-list { max-height: none; } } .dsh-mapx-list li button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px; border: 0; border-radius: 14px; background: none; text-align: start; cursor: pointer; transition: background .2s; } .dsh-mapx-list li button:hover, .dsh-mapx-list li.is-active button { background: var(--dsh-smoke); } .dsh-mapx-list li.is-active button { box-shadow: inset 3px 0 0 var(--dsh-primary); } .dsh-mapx-list img, .dsh-mapx-noimg { width: 62px; height: 62px; border-radius: 12px; object-fit: cover; flex: none; background: var(--dsh-smoke); } .dsh-mapx-txt { display: flex; flex-direction: column; min-width: 0; } .dsh-mapx-txt strong { color: var(--dsh-title); font-size: 15px; line-height: 1.5; } .dsh-mapx-txt small { display: flex; align-items: center; gap: 6px; color: var(--dsh-muted); font-size: 12.5px; } .dsh-mapx-map { position: relative; min-height: 420px; } .dsh-mapx-map .dsh-map-canvas { height: 100%; min-height: 420px; max-height: none; } .dsh-mapx-locate { position: absolute; top: 14px; inset-inline-end: 14px; z-index: 500; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 14px; background: #fff; color: var(--dsh-title); box-shadow: 0 6px 18px rgba(0,0,0,.18); cursor: pointer; } .dsh-mapx-locate:hover { background: var(--dsh-title); color: #fff; } /* ---------- Magazine section: stickers + hover life (Tourm) ---------- */ .dsh-bg-stickers { position: relative; background: var(--dsh-smoke); overflow: hidden; } .dsh-bg-stickers::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 150px; background: url("../img/stickers.svg") center bottom / auto 120px repeat-x; animation: dsh-sticker 28s linear infinite; pointer-events: none; opacity: .95; } @keyframes dsh-sticker { to { background-position: -1200px bottom; } } .dsh-bg-stickers > .e-con-inner, .dsh-bg-stickers > * { position: relative; z-index: 1; } .dsh-card--blog .dsh-card-media { border-radius: 24px; box-shadow: 0 18px 40px -22px rgba(74,43,34,.45); } .dsh-card--blog:hover .dsh-card-media { box-shadow: 0 26px 50px -22px rgba(74,43,34,.6); } .dsh-card--blog .dsh-card-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(74,43,34,.35)); opacity: 0; transition: opacity .5s; } .dsh-card--blog:hover .dsh-card-media::after { opacity: 1; } .dsh-card--blog .dsh-card-title a { background: linear-gradient(var(--dsh-primary), var(--dsh-primary)) 100% 100% / 0 2px no-repeat; transition: background-size .5s var(--dsh-ease), color .25s; } .dsh-card--blog:hover .dsh-card-title a { background-size: 100% 2px; color: var(--dsh-title); } .dsh-card--blog .dsh-card-foot .dsh-btn { pointer-events: auto; } .dsh-card--blog .dsh-card-title a::after { content: ""; position: absolute; inset: 0; } /* ---------- Footer: Tourm effects ---------- */ .dsh-footer, .dsh-el-footer { position: relative; overflow: hidden; } .dsh-footer::before, .dsh-el-footer::before { content: ""; position: absolute; inset: 0; background: url("../img/topo.svg") center / 640px; filter: invert(1) brightness(2); opacity: .05; pointer-events: none; } .dsh-footer::after, .dsh-el-footer::after { content: ""; position: absolute; top: 64px; inset-inline-start: -90px; width: 56px; height: 56px; background: url("../img/plane.svg") center / contain no-repeat; opacity: .55; animation: dsh-fly 22s linear infinite; pointer-events: none; } @keyframes dsh-fly { 0% { transform: translate(0, 40px) rotate(8deg); } 50% { transform: translate(60vw, -10px) rotate(-6deg); } 100% { transform: translate(120vw, 40px) rotate(8deg); } } .dsh-footer > *, .dsh-el-footer > * { position: relative; z-index: 1; } .dsh-footer-join h2, .dsh-el-footer-join .elementor-heading-title { background: linear-gradient(90deg, #fff, #f0cdbf, #fff) 0 0 / 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent !important; animation: dsh-shine 6s linear infinite; } @keyframes dsh-shine { to { background-position: -200% 0; } } .dsh-footer-links a:hover, .dsh-el-footer .elementor-icon-list-item a:hover { transform: translateX(-6px); } .dsh-el-footer .elementor-icon-list-item a { transition: transform .3s var(--dsh-ease), color .25s; } .dsh-footer-photos a, .dsh-el-footer .dsh-footer-photos a { transition: transform .4s var(--dsh-ease); } .dsh-footer-photos a:hover { transform: translateY(-5px) rotate(-2deg); } .dsh-socials a { transition: transform .3s var(--dsh-ease), background .25s; } .dsh-socials a:hover { transform: translateY(-4px); } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon { transition: background .25s, transform .3s; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-item:hover .elementor-icon-list-icon { background: var(--dsh-primary); transform: scale(1.1); } /* ---------- Checkout (booking-only) ---------- */ .dsh-shop { max-width: 1100px; margin-inline: auto; padding-top: calc(var(--dsh-header-h) + 30px) !important; } .dsh-solid-header .dsh-shop { padding-top: 40px !important; } .woocommerce-checkout .dsh-page-title { font-size: clamp(28px, 4vw, 42px); } .woocommerce form.checkout { display: grid; gap: 28px; } @media (min-width: 992px) { .woocommerce form.checkout { grid-template-columns: minmax(0, 1fr) 420px; align-items: start; } .woocommerce form.checkout #order_review_heading, .woocommerce form.checkout #order_review { grid-column: 2; } .woocommerce form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; } } .woocommerce form.checkout #customer_details, .woocommerce form.checkout #order_review { padding: 28px; border-radius: 24px; background: #fff; box-shadow: var(--dsh-shadow); } .woocommerce form.checkout #order_review_heading { margin: 0 0 -14px; padding: 0 28px; font-size: 20px; } .woocommerce-billing-fields h3 { font-size: 22px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px dashed var(--dsh-border); } .woocommerce form .form-row { padding: 0; margin: 0 0 18px; } .woocommerce form .form-row label { margin-bottom: 6px; font-weight: 700; color: var(--dsh-title); } .woocommerce form .form-row .required { color: #d6526b; } .woocommerce form .form-row input.input-text { height: 52px; padding: 0 18px; border-radius: 999px; background: var(--dsh-smoke); border-color: transparent; } .woocommerce form .form-row input.input-text:focus { background: #fff; border-color: var(--dsh-primary); outline: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 48.5%; } @media (max-width: 575px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } } .woocommerce table.shop_table { border: 0; border-collapse: collapse; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 0; border-top: 1px solid var(--dsh-border); background: none; } .woocommerce-checkout-review-order-table .product-name dl.variation { margin: 6px 0 0; font-size: 13px; color: var(--dsh-muted); } .woocommerce-checkout-review-order-table .product-name dl.variation dt, .woocommerce-checkout-review-order-table .product-name dl.variation dd { display: inline; margin: 0; } .woocommerce-checkout #payment { background: var(--dsh-smoke); border-radius: 18px; } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--dsh-border); } .woocommerce #payment #place_order { width: 100%; float: none; height: 56px; font-size: 17px; } .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-message { border-radius: 14px; } .woocommerce-error, .woocommerce-message, .woocommerce-info { border-top-color: var(--dsh-primary); border-radius: 14px; background: var(--dsh-smoke); } /* Mega panel spans the whole header: every ancestor between it and the header must not be positioned. */ .dsh-header--el .e-con, .dsh-header--el .e-con-inner, .dsh-header--el .elementor-widget, .dsh-header--el .elementor-widget-container, .dsh-header--el .dsh-nav-wrap, .dsh-header--el .dsh-nav, .dsh-header .dsh-nav, .dsh-header .dsh-menu { position: static; } .dsh-header--el .dsh-menu > li, .dsh-header .dsh-menu > li.has-mega { position: static; } .dsh-header--el .dsh-menu > li:not(.has-mega) { position: relative; } .dsh-mega { width: 100%; } .dsh-mega-cards .dsh-mega-card { min-width: 0; } .dsh-mega-card strong { overflow-wrap: anywhere; } /* Softer, brand-tinted base map */ .dsh-map .leaflet-tile-pane, .dsh-mapx .leaflet-tile-pane { filter: saturate(.78) contrast(.96) brightness(1.04) hue-rotate(-8deg); } .leaflet-container { font-family: var(--dsh-font); background: #f1e3dc; } .leaflet-control-attribution { font-size: 10px; background: rgba(255,255,255,.75) !important; border-radius: 10px 0 0 0; } /* One typeface everywhere inside Elementor content */ .elementor .elementor-widget-container, .elementor .elementor-icon-list-text, .elementor .elementor-button, .elementor .elementor-toggle-title, .elementor .elementor-heading-title { font-family: var(--dsh-font); } .elementor .dsh-el-eyebrow .elementor-heading-title { font-family: var(--dsh-script) !important; } .dsh-el-footer .dsh-wordmark, .dsh-el-footer .dsh-wordmark:hover { color: #fff; } .dsh-el-footer .dsh-wordmark-text small { opacity: .8; } .woocommerce-checkout .col2-set, .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: 100% !important; float: none !important; max-width: none; } .woocommerce-checkout #customer_details .col-2 { display: none; } .woocommerce-checkout .woocommerce-form-coupon-toggle { grid-column: 1 / -1; } /* Lightbox loading / error states */ .dsh-lightbox figure { position: relative; min-width: 120px; min-height: 120px; } .dsh-lightbox.is-loading img { opacity: 0; } .dsh-lightbox img { transition: opacity .3s; } .dsh-lightbox.is-loading figure::after { content: ""; position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px; border: 3px solid rgba(255,255,255,.25); border-top-color: #fff; border-radius: 50%; animation: dsh-spin .8s linear infinite; } .dsh-lightbox.is-error figcaption::before { content: "تصویر کامل بارگذاری نشد؛ نسخه‌ی کوچک نمایش داده می‌شود. "; color: #ffb4b4; } @keyframes dsh-spin { to { transform: rotate(360deg); } } /* ===================================================================== v1.4 — Islimi ornament + motion ===================================================================== */ /* Reveal variants */ .dsh-js .dsh-reveal { opacity: 0; transform: translate3d(0, 34px, 0); transition: opacity .9s var(--dsh-ease), transform 1s var(--dsh-ease); will-change: opacity, transform; } .dsh-js .dsh-reveal--left { transform: translate3d(-60px, 0, 0); } .dsh-js .dsh-reveal--right { transform: translate3d(60px, 0, 0); } .dsh-js .dsh-reveal--zoom { transform: scale(.94) translate3d(0, 24px, 0); } .dsh-js .dsh-reveal.is-in { opacity: 1; transform: none; } .dsh-js .dsh-counter.dsh-reveal.is-in:nth-child(odd) { transform: translateY(80px); } @media (max-width: 991px) { .dsh-js .dsh-counter.dsh-reveal.is-in:nth-child(odd) { transform: none; } } /* Scroll progress */ .dsh-progress { position: fixed; top: 0; inset-inline: 0; z-index: 400; height: 3px; background: linear-gradient(90deg, var(--dsh-primary), #e9b09c, var(--dsh-primary)); transform-origin: 100% 50%; transform: scaleX(0); pointer-events: none; } .admin-bar .dsh-progress { top: 32px; } /* Parallax images (translate driven by JS via --py) */ .dsh-banner-media img, .dsh-whats-img img, .dsh-offer-img img { transform: translate3d(0, var(--py, 0), 0) scale(1.14); } .dsh-banner-media img { animation: none; } .dsh-hero-content { will-change: transform, opacity; } /* Pointer tilt */ .dsh-tilt { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .35s var(--dsh-ease), box-shadow .4s; } .dsh-tilt:hover { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-8px); } /* Button shine sweep */ .dsh-btn, .elementor-button { position: relative; overflow: hidden; } .dsh-btn::after, .dsh-el-btn .elementor-button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%); transform: translateX(120%); transition: transform .8s var(--dsh-ease); pointer-events: none; } .dsh-btn:hover::after, .dsh-el-btn .elementor-button:hover::after { transform: translateX(-120%); } /* Islimi: eyebrow rosettes, dividers, bands */ .dsh-eyebrow::before, .dsh-eyebrow::after, .dsh-el-eyebrow .elementor-heading-title::before, .dsh-el-eyebrow .elementor-heading-title::after { width: 22px; height: 22px; border-radius: 0; background: url("../img/rosette.svg") center / contain no-repeat; opacity: 1; animation: dsh-rot 14s linear infinite; } .dsh-eyebrow::after, .dsh-el-eyebrow .elementor-heading-title::after { animation-direction: reverse; } @keyframes dsh-rot { to { transform: rotate(360deg); } } .dsh-sec-head--center .dsh-sec-titles::after, .dsh-el-head--center::after { content: ""; display: block; width: 280px; max-width: 70%; height: 34px; margin: 14px auto 0; background: url("../img/islimi-divider.svg") center / contain no-repeat; } .dsh-sec-head--center .dsh-sec-text { margin-top: 6px; } .dsh-orn-band { height: 56px; background: url("../img/islimi-band.svg") 0 center / 240px 56px repeat-x; animation: dsh-band 38s linear infinite; opacity: .75; } @keyframes dsh-band { to { background-position: -240px center; } } .dsh-el-orn { min-height: 56px; background: url("../img/islimi-band.svg") 0 center / 240px 56px repeat-x; animation: dsh-band 38s linear infinite; opacity: .8; } .dsh-bg-islimi { background: #fff url("../img/islimi-tile.svg") center / 240px repeat; } .dsh-bg-gray { background-image: url("../img/islimi-tile.svg"), linear-gradient(90deg, #F2F3F4 0 62%, transparent 62%); background-size: 240px, auto; } @media (max-width: 991px) { .dsh-bg-gray { background-image: url("../img/islimi-tile.svg"); background-color: #F2F3F4; } } .dsh-banner--plain .dsh-banner-media { background: var(--dsh-title) url("../img/islimi-band-light.svg") 0 0 / 240px 56px repeat; opacity: 1; } .dsh-hero::after, .dsh-banner::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 44px; z-index: 3; background: url("../img/islimi-band-light.svg") 0 center / 240px 44px repeat-x; opacity: .45; pointer-events: none; animation: dsh-band 46s linear infinite; } .dsh-el-footer-join, .dsh-footer-join { position: relative; } .dsh-el-footer-join::before, .dsh-footer-join::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 56px; background: url("../img/islimi-band-light.svg") 0 center / 240px 56px repeat-x; opacity: .28; animation: dsh-band 52s linear infinite reverse; pointer-events: none; } .dsh-counter { background-color: var(--dsh-smoke); } /* Counters: orbiting dot */ .dsh-counter::after { display: none; } .dsh-counter::before { content: ""; position: absolute; inset: -14px; border-radius: 50%; background: radial-gradient(circle at 50% 0, var(--dsh-primary) 0 7px, color-mix(in srgb, var(--dsh-primary) 25%, transparent) 8px 13px, transparent 14px); animation: dsh-rot 12s linear infinite; pointer-events: none; } .dsh-counter:nth-child(even)::before { animation-duration: 18s; animation-direction: reverse; } /* Feature carousel + dest accordion motion */ .dsh-dest-item::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; box-shadow: inset 0 0 0 0 rgba(255,255,255,.0); transition: box-shadow .6s; pointer-events: none; } .dsh-dest-item.is-active::before { box-shadow: inset 0 0 0 3px rgba(255,255,255,.35); } .dsh-dest-item.is-active .dsh-dest-info { animation: dsh-pop .8s var(--dsh-ease); } @keyframes dsh-pop { from { opacity: 0; transform: translateY(20px); } } .dsh-dest-item.is-active img { animation: dsh-kb 9s ease-out both; } @keyframes dsh-kb { from { transform: scale(1.14); } to { transform: scale(1.02); } } /* Hero: floating hint + glass cards drift */ .dsh-hero-cards .swiper-slide { transition: transform .6s var(--dsh-ease); } .dsh-hero-cards .swiper-slide:hover { transform: translateY(-6px); } .dsh-hcard { animation: dsh-float 6s ease-in-out infinite; } .dsh-hero-cards .swiper-slide:nth-child(even) .dsh-hcard { animation-delay: -3s; } @keyframes dsh-float { 50% { transform: translateY(-5px); } } /* Section heading entrance: title underline sweep */ .dsh-sec-title { background: linear-gradient(var(--dsh-primary), var(--dsh-primary)) 100% 100% / 0 3px no-repeat; padding-bottom: 6px; transition: background-size 1.2s .4s var(--dsh-ease); } .dsh-reveal.is-in .dsh-sec-title, .dsh-reveal.is-in.dsh-sec-title { background-size: 90px 3px; } .dsh-sec-head--center .dsh-sec-title { background: none; } /* Remove the sticker strip below the magazine */ .dsh-bg-stickers::after { display: none; } .dsh-bg-stickers { background: var(--dsh-smoke) url("../img/islimi-tile.svg") center / 240px repeat; } /* Page-load fade */ body { animation: dsh-fadein .7s ease-out both; } @keyframes dsh-fadein { from { opacity: 0; } } /* ---------- Account link, OTP login, My Account, tickets ---------- */ .dsh-account { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; color: inherit; font-weight: 600; font-size: 14.5px; white-space: nowrap; transition: background .25s; } .dsh-account:hover { background: rgba(127,127,127,.18); color: inherit; } .dsh-account .dsh-ico { width: 22px; height: 22px; } @media (max-width: 1099px) { .dsh-header-actions .dsh-account span, .dsh-header--el .dsh-account span { display: none; } .dsh-account { padding: 8px; } } .dsh-drawer .dsh-account { color: var(--dsh-title); background: var(--dsh-smoke); justify-content: center; padding: 12px; } .dsh-drawer .dsh-account span { display: inline; } .dsh-header--el .elementor-widget-dsh_account { width: auto; flex: none; } .woocommerce-account .dsh-shop, .woocommerce-account .woocommerce { max-width: 1100px; margin-inline: auto; } .woocommerce-account .woocommerce { display: grid; gap: 28px; } @media (min-width: 900px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: 260px minmax(0, 1fr); align-items: start; } } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 14px; border-radius: 22px; background: #fff; box-shadow: var(--dsh-shadow); } .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 16px; border-radius: 14px; color: var(--dsh-title); font-weight: 600; transition: background .2s, padding .25s var(--dsh-ease); } .woocommerce-MyAccount-navigation li a:hover { background: var(--dsh-smoke); padding-inline-start: 22px; } .woocommerce-MyAccount-navigation li.is-active a { background: var(--dsh-title); color: #fff; } .woocommerce-MyAccount-content { padding: 28px; border-radius: 24px; background: #fff; box-shadow: var(--dsh-shadow); min-width: 0; } .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-size: 22px; } .dsh-otp { width: min(460px, 100%); margin: 20px auto 60px; padding: 74px 30px 34px; border-radius: 28px; background: #fff url("../img/islimi-band.svg") center 8px / 240px 56px no-repeat; box-shadow: var(--dsh-shadow-lg); text-align: center; } .dsh-otp h2 { font-size: 26px; margin-bottom: 8px; } .dsh-otp-sub { color: var(--dsh-muted); font-size: 14.5px; } .dsh-otp-step { display: none; text-align: start; margin-top: 18px; } .dsh-otp-step.is-active { display: block; animation: dsh-pop .5s var(--dsh-ease); } .dsh-otp label { display: block; margin-bottom: 6px; font-weight: 700; color: var(--dsh-title); } .dsh-otp input { width: 100%; height: 56px; padding: 0 22px; border: 1.5px solid transparent; border-radius: 999px; background: var(--dsh-smoke); font-size: 20px; letter-spacing: 2px; text-align: center; color: var(--dsh-title); } .dsh-otp input:focus { outline: none; border-color: var(--dsh-primary); background: #fff; } .dsh-otp .dsh-btn { margin-top: 14px; } .dsh-otp-resend, .dsh-otp-back { display: block; width: 100%; margin-top: 10px; padding: 8px; border: 0; background: none; color: var(--dsh-primary); font-weight: 600; cursor: pointer; } .dsh-otp-resend:disabled { color: var(--dsh-muted); cursor: default; } .dsh-otp-msg { min-height: 24px; margin: 14px 0 0; font-size: 14.5px; color: var(--dsh-title); } .dsh-otp-msg.is-bad { color: #c0394f; } .dsh-tickets { display: grid; gap: 18px; } .dsh-ticket { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; padding: 20px; border-radius: 22px; background: var(--dsh-smoke); border-inline-start: 6px solid var(--dsh-primary); position: relative; } .dsh-ticket.is-cancelled { border-color: #d6526b; opacity: .75; } .dsh-ticket.is-used { border-color: #a8998f; } .dsh-ticket.is-pending { border-color: #e58c3a; } @media (max-width: 575px) { .dsh-ticket { grid-template-columns: 1fr; } } .dsh-ticket-status { display: inline-block; padding: 2px 12px; border-radius: 999px; background: #fff; color: var(--dsh-title); font-size: 12.5px; font-weight: 700; } .dsh-ticket h3 { margin: 8px 0 10px; font-size: 20px; } .dsh-ticket ul { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 4px; font-size: 14.5px; } .dsh-ticket li { display: flex; align-items: center; gap: 8px; } .dsh-ticket li .dsh-ico { width: 18px; height: 18px; color: var(--dsh-primary); } .dsh-ticket-qr { display: grid; justify-items: center; gap: 4px; padding: 12px; border-radius: 18px; background: #fff; } .dsh-qr { width: 132px; height: 132px; } .dsh-qr svg { width: 100%; height: 100%; display: block; } .dsh-ticket-qr b { letter-spacing: 3px; color: var(--dsh-title); } .dsh-ticket-qr small { color: var(--dsh-muted); } .dsh-policy { margin-top: 22px; padding: 16px 18px; border-radius: 16px; background: #fff7ec; color: #8a5a1c; font-size: 14px; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; } .woocommerce-account .woocommerce { width: 100%; } .woocommerce-account .dsh-shop { padding-inline: var(--dsh-gutter); } .dsh-ticket-main { min-width: 0; } .woocommerce-account.logged-in .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr); } @media (min-width: 900px) { .woocommerce-account.logged-in .woocommerce { grid-template-columns: 260px minmax(0, 1fr); } .woocommerce-account .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 1; } .woocommerce-account .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1; } } .woocommerce-account .woocommerce-notices-wrapper { grid-column: 1 / -1; } .dsh-ticket-main h3 { overflow-wrap: anywhere; } html, body { overflow-x: clip; } .dsh-tslider { overflow: hidden; margin-inline: -16px; padding: 18px 16px 36px; } .dsh-tslider-wrap { overflow: hidden; } .dsh-bg-islimi { background-size: 300px; } /* ===================================================================== v1.5 — feature carousel fix, accordion hover motion, calmer backgrounds, islimi footer ===================================================================== */ /* Feature panel: aligned box, full-bleed images, parallax while sliding */ @media (min-width: 992px) { } /* Accordion: pointer-follow pan, shine, glow and label motion */ .dsh-dest-item img { transform: translate3d(calc(var(--mx, 0) * -26px), calc(var(--my, 0) * -20px), 0) scale(1.14) !important; transition: transform .7s cubic-bezier(.22,.61,.36,1), filter .6s !important; animation: none !important; } .dsh-dest-item.is-active img { transform: translate3d(calc(var(--mx, 0) * -26px), calc(var(--my, 0) * -20px), 0) scale(1.06) !important; } .dsh-dest-item::before { box-shadow: inset 0 0 0 0 rgba(255,255,255,0); } .dsh-dest-item:hover::before { box-shadow: inset 0 0 0 3px rgba(255,255,255,.45), 0 0 0 0 transparent; } .dsh-dest-item .dsh-dest-link::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%); transform: translateX(120%); transition: transform 0s; pointer-events: none; } .dsh-dest-item:hover .dsh-dest-link::before { transform: translateX(-120%); transition: transform 1s ease; } .dsh-dest-item:not(.is-active):hover img { filter: saturate(1.05) brightness(1); } .dsh-dest-item:not(.is-active) .dsh-dest-info { transition: transform .5s var(--dsh-ease), letter-spacing .5s; } @media (min-width: 992px) { .dsh-dest-item:not(.is-active):hover .dsh-dest-info { transform: rotate(180deg) translateX(10px); } } .dsh-dest-item.is-active .dsh-dest-info strong { animation: dsh-pop .7s var(--dsh-ease); } .dsh-dest-item.is-active .dsh-dest-info small { animation: dsh-pop .7s .12s var(--dsh-ease) both; } .dsh-dest-item.is-active .dsh-dest-link .dsh-btn { animation: dsh-pop .7s .22s var(--dsh-ease) both; } .dsh-dest-item { transition: flex .8s cubic-bezier(.65,.05,.36,1), box-shadow .4s, transform .5s var(--dsh-ease); } .dsh-dest-item:hover { transform: translateY(-6px); } /* Calmer backgrounds: fewer patterns, more air */ .dsh-bg-gray { background: #F2F4F5 !important; } @media (min-width: 992px) { .dsh-bg-gray { background: linear-gradient(90deg, #F2F4F5 0 62%, #fff 62%) !important; } } .dsh-bg-islimi { background: #fff !important; } .dsh-bg-stickers { background: var(--dsh-smoke) !important; } .dsh-el-orn { min-height: 40px; background-size: 200px 40px; opacity: .35; } .dsh-bg-topo { background-color: #fff; } .dsh-counter { background: var(--dsh-smoke); } /* ---------- Footer: Persian tile palette + islimi ---------- */ .dsh-el-footer, .dsh-footer { background: #42261f !important; color: rgba(255,255,255,.78); font-size: 14px; } .dsh-el-footer::before, .dsh-footer::before { background: url("../img/islimi-tile-light.svg") center / 300px repeat; filter: none; opacity: 1; } .dsh-el-footer::after, .dsh-footer::after { top: auto; bottom: -110px; inset-inline-start: auto; inset-inline-end: -110px; width: 420px; height: 420px; background: url("../img/shamseh.svg") center / contain no-repeat; opacity: .5; animation: dsh-rot 90s linear infinite; } .dsh-el-footer-join, .dsh-footer-join { background: linear-gradient(90deg, rgba(212,175,90,.08), transparent 60%); } .dsh-el-footer-join::before, .dsh-footer-join::before { background-image: url("../img/islimi-band-gold.svg"); background-size: 200px 46px; height: 46px; opacity: .55; } .dsh-el-footer > .e-con-inner > .e-con:first-child, .dsh-el-footer > .e-con:first-child { border-top: 3px solid #D4AF5A; } .dsh-el-footer .elementor-heading-title { font-size: 18px !important; line-height: 1.6 !important; } .dsh-el-footer .dsh-el-footer-join .elementor-heading-title { font-size: clamp(20px, 2vw, 26px) !important; } .dsh-el-footer .e-con-full .elementor-widget-heading .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; } .dsh-el-footer .dsh-el-footer-join ~ .e-con .elementor-widget-heading .elementor-heading-title::before { content: ""; width: 18px; height: 18px; background: url("../img/rosette-gold.svg") center / contain no-repeat; } .dsh-el-footer .elementor-widget-text-editor, .dsh-el-footer .elementor-widget-text-editor p { font-size: 14px !important; line-height: 2; } .dsh-el-footer .elementor-icon-list-text { font-size: 14px !important; } .dsh-el-footer .elementor-icon-list-icon i, .dsh-el-footer .elementor-icon-list-icon svg { color: #D4AF5A !important; fill: #D4AF5A !important; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon { width: 34px; height: 34px; background: rgba(212,175,90,.12); border: 1px solid rgba(212,175,90,.35); } .dsh-el-footer .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #D4AF5A !important; } .dsh-el-footer .dsh-wordmark-text strong { font-size: 19px; } .dsh-el-footer .dsh-socials a { width: 36px; height: 36px; background: rgba(255,255,255,.06); border: 1px solid rgba(212,175,90,.35); } .dsh-el-footer .dsh-socials a:hover { background: #D4AF5A; color: #42261f; } .dsh-el-footer .dsh-footer-photos { gap: 8px; } .dsh-el-footer .dsh-footer-photos a { border-radius: 8px; outline: 1px solid rgba(212,175,90,.35); outline-offset: 2px; } .dsh-el-footer .dsh-el-footer-bottom { background: rgba(0,0,0,.18); border-top: 1px solid rgba(212,175,90,.25); } .dsh-el-footer .dsh-el-footer-bottom p { font-size: 12.5px !important; color: rgba(255,255,255,.6) !important; } .dsh-el-footer .elementor-button { font-size: 14px !important; padding: 13px 26px !important; } /* Footer: keep the medallion inside, make the islimi tile visible */ .e-con.dsh-el-footer { overflow: hidden !important; isolation: isolate; } .dsh-el-footer::before { z-index: 0 !important; background-size: 260px !important; opacity: 1 !important; } .dsh-el-footer > .e-con { position: relative; z-index: 1; } .dsh-el-footer::after { z-index: 0; bottom: -140px !important; inset-inline-end: -140px !important; inset-inline-start: auto !important; top: auto !important; width: 440px !important; height: 440px !important; opacity: .35 !important; } /* ===================================================================== v1.6 — Visit Singapore "must-see" slider, "things you must do", banner video, softer hovers, footer fixes, calmer plain banners ===================================================================== */ :root { --dsh-soft: cubic-bezier(.22, 1, .36, 1); --mis-ease: cubic-bezier(.65, .05, .36, 1); } /* ---------- Must-see slider ---------- */ .dsh-bg-gray:has(.dsh-mis), .dsh-el-mis { background: #fff !important; } .dsh-mis { --tw: 440px; --ew: 474px; --sw: 171px; --gap: 20px; --eh: 516px; --sh: 440px; position: relative; padding-block: 58px; overflow: hidden; } .dsh-mis::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 60%; background: #F2F3F4; } .dsh-mis-inner { position: relative; max-width: 1320px; margin-inline: auto; padding-inline: var(--dsh-gutter); } .dsh-mis-card { position: relative; display: flex; align-items: center; } .dsh-mis-card::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: calc(var(--tw) + var(--ew) + 44px); max-width: 100%; background: #fff; } .dsh-mis-text { position: relative; flex: 0 0 var(--tw); box-sizing: border-box; padding: 60px 40px; } .dsh-mis-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--dsh-primary); font-weight: 700; font-size: 14.5px; transition: color .4s; } .dsh-mis-eyebrow::before { content: ""; width: 22px; height: 22px; background: url("../img/rosette.svg") center / contain no-repeat; } a.dsh-mis-eyebrow:hover { color: var(--dsh-title); } .dsh-mis-title { margin: 0; color: var(--dsh-title); font-size: clamp(26px, 2.8vw, 40px); font-weight: 800; line-height: 1.35; } .dsh-mis-line { display: block; width: 70px; height: 3px; margin: 18px 0; background: var(--dsh-primary); } .dsh-mis-desc { margin: 0; color: #4d3f3a; font-size: 16.5px; line-height: 1.95; } .dsh-mis-cta { display: inline-flex; align-items: center; gap: 14px; margin-top: 52px; color: var(--dsh-title); font-weight: 700; font-size: 15.5px; transition: color .4s; } .dsh-mis-cta .dsh-ico { width: 34px; height: 34px; color: var(--dsh-primary); transition: transform .6s var(--dsh-soft); } .dsh-mis-cta:hover { color: var(--dsh-primary); } .dsh-mis-cta:hover .dsh-ico { transform: translateX(-8px); } .dsh-mis-detail { transition: opacity .32s ease, transform .32s ease; } .dsh-mis-detail.is-out { opacity: 0; transform: translateX(-24px); } .dsh-mis-detail.is-in { animation: dsh-mis-text .55s ease both; } @keyframes dsh-mis-text { from { opacity: 0; transform: translateX(10%); } to { opacity: 1; transform: none; } } .dsh-mis-slider { position: relative; flex: 1 1 auto; min-width: 0; padding-block: 32px; clip-path: inset(-40px 0 -200px -100vw); } .dsh-mis-list { position: relative; height: var(--eh); touch-action: pan-y; user-select: none; } .dsh-mis-item { position: absolute; top: 0; inset-inline-start: 0; display: block; width: var(--sw); height: var(--sh); overflow: hidden; background: #eadfd9; color: #fff; transform: translate3d(calc(var(--x, 0) * -1px), 0, 0); transition: transform 1s var(--mis-ease), width 1s var(--mis-ease), height 1s var(--mis-ease), opacity .7s ease; -webkit-user-drag: none; } .dsh-mis:not(.is-ready) .dsh-mis-item:not(.is-current) { transform: translate3d(calc((var(--ew) + var(--gap)) * -1), 0, 0); } .dsh-mis-item.is-current { width: var(--ew); height: var(--eh); } .dsh-mis-item.is-gone { opacity: 0; pointer-events: none; } .dsh-mis-item img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; transition: scale .9s var(--dsh-soft); pointer-events: none; } .dsh-mis-item::after { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,0); transition: background .7s ease; pointer-events: none; } .dsh-mis-item:not(.is-current):hover img { scale: 1.05; } .dsh-mis-item:not(.is-current):hover::after { background: rgba(255,255,255,.28); } .dsh-mis-item::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(105deg, transparent 32%, rgba(255,255,255,.42) 48%, transparent 64%); transform: translateX(115%); pointer-events: none; } .dsh-mis-item.is-arrive::before { animation: dsh-mis-shine 1.3s .45s ease both; } @keyframes dsh-mis-shine { to { transform: translateX(-115%); } } .dsh-mis-item.is-arrive img { animation: dsh-mis-cur .9s ease both; } .dsh-mis-item.is-shift img { animation: dsh-mis-non .8s ease both; } @keyframes dsh-mis-cur { from { transform: scale(1.12); opacity: .35; } to { transform: none; opacity: 1; } } @keyframes dsh-mis-non { from { transform: translate3d(0, 6%, 0); opacity: .15; } to { transform: none; opacity: 1; } } .dsh-mis-label { position: absolute; inset: auto 0 0; z-index: 1; padding: 36px 14px 14px; font-weight: 700; font-size: 14.5px; line-height: 1.5; background: linear-gradient(transparent, rgba(34,18,13,.7)); opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .6s var(--dsh-soft); } .dsh-mis-item:not(.is-current):hover .dsh-mis-label { opacity: 1; transform: none; } .dsh-mis-nav { position: absolute; top: calc(32px + var(--sh) + 28px); inset-inline-start: calc(var(--ew) + var(--gap)); display: flex; gap: 22px; } .dsh-mis-nav button { display: grid; place-items: center; width: 60px; height: 60px; border: 0; border-radius: 50%; background: var(--dsh-title); color: #fff; cursor: pointer; transition: background .45s ease, transform .6s var(--dsh-soft); } .dsh-mis-nav button .dsh-ico { width: 22px; height: 22px; } .dsh-mis-nav button:hover:not(:disabled) { background: var(--dsh-primary); transform: scale(1.05); } .dsh-mis-nav button:disabled { background: #DADADA; color: #6b6b6b; cursor: default; } @media (max-width: 1199px) { .dsh-mis { --tw: 370px; --ew: 410px; --sw: 150px; --eh: 470px; --sh: 400px; } .dsh-mis-text { padding: 48px 32px; } } @media (max-width: 991px) { .dsh-mis { --ew: min(64vw, 440px); --sw: min(32vw, 200px); --gap: 14px; --eh: 440px; --sh: 380px; padding-block: 0 40px; } .dsh-mis::before { width: 100%; height: 62%; } .dsh-mis-card { flex-direction: column; align-items: stretch; } .dsh-mis-card::before { width: 100%; height: 60%; } .dsh-mis-text { flex: none; padding: 40px 24px 8px; } .dsh-mis-cta { margin-top: 26px; } .dsh-mis-slider { padding-inline: 24px; padding-bottom: 0; } .dsh-mis-nav { position: static; margin-top: 22px; justify-content: flex-start; } } @media (max-width: 575px) { .dsh-mis { --ew: 74vw; --sw: 38vw; --eh: 380px; --sh: 320px; } .dsh-mis-text { padding: 32px 16px 4px; } .dsh-mis-slider { padding-inline: 16px; } .dsh-mis-nav button { width: 50px; height: 50px; } } /* ---------- Things you must do ---------- */ .dsh-must-title { margin: 0 0 22px; color: var(--dsh-title); font-size: clamp(26px, 3vw, 40px); font-weight: 800; line-height: 1.35; } .dsh-must-pills { display: flex; flex-wrap: wrap; gap: 14px 12px; margin-bottom: 32px; } .dsh-must-pill { padding: 7px 18px; border: 1px solid var(--dsh-title); border-radius: 999px; background: #fff; color: var(--dsh-title); font: inherit; font-size: 14.5px; font-weight: 500; line-height: 1.6; white-space: nowrap; cursor: pointer; transition: background .4s ease, color .4s ease, box-shadow .5s var(--dsh-soft); } .dsh-must-pill:hover { background: var(--dsh-smoke); box-shadow: 0 6px 16px -10px rgba(74,43,34,.5); } .dsh-must-pill.is-active { background: var(--dsh-title); color: #fff; box-shadow: none; } .dsh-must-pill:focus-visible { outline: 2px solid var(--dsh-primary); outline-offset: 2px; } @media (max-width: 767px) { .dsh-must-pills { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--dsh-gutter) * -1); padding: 2px var(--dsh-gutter) 8px; scrollbar-width: none; } .dsh-must-pills::-webkit-scrollbar { display: none; } } .dsh-must-panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } .dsh-must-panel[hidden] { display: none; } @media (max-width: 991px) { .dsh-must-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } @media (max-width: 575px) { .dsh-must-panel { grid-template-columns: 1fr; } } .dsh-must-tile { display: flex; flex-direction: column; border: 1px solid #DADADA; background: #fff; color: inherit; transition: box-shadow .8s var(--dsh-soft), border-color .6s ease; } .dsh-must-tile:hover { border-color: #dccdc5; box-shadow: 0 22px 44px -30px rgba(74,43,34,.45); color: inherit; } .dsh-must-panel.is-active .dsh-must-tile { animation: dsh-must-in .55s ease-out both; } .dsh-must-panel.is-active .dsh-must-tile:nth-child(2) { animation-delay: .07s; } .dsh-must-panel.is-active .dsh-must-tile:nth-child(3) { animation-delay: .14s; } .dsh-must-panel.is-active .dsh-must-tile:nth-child(n+4) { animation-delay: .2s; } .dsh-must-panel.is-leaving .dsh-must-tile { animation: dsh-must-out .28s linear both; } @keyframes dsh-must-in { from { opacity: 0; transform: translateY(15%); } to { opacity: 1; transform: none; } } @keyframes dsh-must-out { from { opacity: 1; } to { opacity: 0; } } .dsh-must-img { display: block; aspect-ratio: 354 / 294; overflow: hidden; background: var(--dsh-smoke); } .dsh-must-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--dsh-soft); } .dsh-must-tile:hover .dsh-must-img img { transform: scale(1.05); } .dsh-must-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 24px; } .dsh-must-body strong { color: var(--dsh-title); font-size: 19px; font-weight: 800; line-height: 1.5; transition: color .45s ease; } .dsh-must-tile:hover strong { color: var(--dsh-primary); } .dsh-must-text { color: #4d3f3a; font-size: 15px; line-height: 1.85; } /* ---------- Banner video (Visit Singapore neighbourhood hero) ---------- */ .dsh-banner-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .dsh-banner--video .dsh-banner-media img { animation: none; } .dsh-banner-vtoggle { position: absolute; z-index: 4; bottom: 34px; inset-inline-end: 34px; display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(255,255,255,.12); backdrop-filter: blur(8px); cursor: pointer; transition: background .4s ease; } .dsh-banner-vtoggle:hover { background: rgba(255,255,255,.28); } .dsh-vt-pause { width: 14px; height: 16px; border-inline: 4px solid #fff; } .dsh-banner-vtoggle[aria-pressed="true"] .dsh-vt-pause { width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; transform: translateX(2px); } .dsh-banner-watch { margin-top: 18px; gap: 12px; background: rgba(255,255,255,.14) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.45) !important; backdrop-filter: blur(8px); transition: background .45s ease, color .45s ease !important; } .dsh-banner-watch:hover { background: #fff !important; color: var(--dsh-title) !important; } .dsh-play-ico { position: relative; width: 30px; height: 30px; border-radius: 50%; background: #fff; flex: none; transition: background .45s; } .dsh-play-ico::after { content: ""; position: absolute; top: 50%; left: 50%; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent var(--dsh-title); transform: translate(-35%, -50%); } .dsh-banner-watch:hover .dsh-play-ico { background: var(--dsh-primary); } .dsh-banner-watch:hover .dsh-play-ico::after { border-left-color: #fff; } .dsh-banner-cta + .dsh-banner-watch, .dsh-banner-watch { align-self: center; } .dsh-vmodal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 24px; background: rgba(6,22,28,.88); opacity: 0; transition: opacity .3s ease; } .dsh-vmodal.is-open { opacity: 1; } .dsh-vmodal-box { width: min(1100px, 100%); aspect-ratio: 16 / 9; background: #000; transform: scale(.96); transition: transform .45s var(--dsh-soft); } .dsh-vmodal.is-open .dsh-vmodal-box { transform: none; } .dsh-vmodal-box iframe, .dsh-vmodal-box video { display: block; width: 100%; height: 100%; border: 0; } .dsh-vmodal-close { position: absolute; top: 18px; inset-inline-end: 18px; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; } .dsh-vmodal-close:hover { background: rgba(255,255,255,.3); } /* ---------- Plain banners (magazine, map): calm gradient + one faint medallion ---------- */ .dsh-banner--plain .dsh-banner-media { background: radial-gradient(70% 90% at 88% 0%, rgba(181,97,74,.22), transparent 60%), radial-gradient(60% 80% at 8% 100%, rgba(212,175,90,.12), transparent 60%), linear-gradient(160deg, #42261f 0%, #4A2B22 55%, #3a201a 100%) !important; opacity: 1; } .dsh-banner--plain .dsh-banner-media::before { content: ""; position: absolute; top: 50%; inset-inline-end: -120px; width: 520px; height: 520px; margin-top: -260px; background: url("../img/shamseh.svg") center / contain no-repeat; opacity: .12; animation: dsh-rot 120s linear infinite; } .dsh-banner--plain .dsh-banner-media::after { background: none; } .dsh-banner--plain::after { opacity: .18; } @media (max-width: 767px) { .dsh-banner--plain .dsh-banner-media::before { width: 340px; height: 340px; margin-top: -170px; inset-inline-end: -140px; } } /* ---------- Softer hovers: cards ---------- */ .dsh-tilt { transition: transform 1s var(--dsh-soft), box-shadow 1s var(--dsh-soft) !important; } .dsh-tilt:hover { transform: perspective(1400px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px); } .dsh-tcard, .dsh-card, .dsh-whats-card { transition: transform 1s var(--dsh-soft), box-shadow 1s var(--dsh-soft); } .dsh-tcard:hover { box-shadow: 0 24px 50px -30px rgba(74,43,34,.38); } .dsh-card:hover, .dsh-whats-card:hover { box-shadow: 0 22px 46px -30px rgba(74,43,34,.36); } .dsh-card:hover:not(.dsh-tilt), .dsh-whats-card:hover:not(.dsh-tilt) { transform: translateY(-4px); } .dsh-tcard-img img, .dsh-card-media img, .dsh-whats-card img, .dsh-mega-img img, .dsh-whats-img img { transition: transform 1.6s var(--dsh-soft) !important; } .dsh-tcard:hover .dsh-tcard-img img, .dsh-card:hover .dsh-card-media img, .dsh-whats-card:hover img, .dsh-mega-card:hover .dsh-mega-img img { transform: scale(1.045); } .dsh-tcard-body h3 a, .dsh-card-title a, .dsh-mega-card strong { transition: color .5s ease; } .dsh-btn, .elementor-button { transition: background-color .45s ease, color .45s ease, border-color .45s ease, box-shadow .6s var(--dsh-soft), transform .6s var(--dsh-soft) !important; } .dsh-btn::after, .dsh-el-btn .elementor-button::after { transition: transform 1.2s var(--dsh-soft); } .dsh-card:hover .dsh-card-foot .dsh-btn { transition-delay: .05s; } /* ---------- Softer hovers: top menu & mega menu ---------- */ .dsh-menu > li > a { transition: color .45s ease, opacity .45s ease; } .dsh-menu > li > a::after { transition: transform .65s var(--dsh-soft); } .dsh-menu .sub-menu { transition: opacity .45s ease, transform .6s var(--dsh-soft), visibility .45s; transform: translateY(6px); } .dsh-menu .sub-menu a { transition: padding .6s var(--dsh-soft), background .45s ease, color .45s ease; } .dsh-mega { transition: opacity .45s ease, transform .65s var(--dsh-soft), visibility .45s; transform: translateY(8px); } .dsh-mega-links li a { transition: color .45s ease; } .dsh-mega-links li a .dsh-ico { transition: transform .6s var(--dsh-soft); } .dsh-mega-links li a:hover .dsh-ico { transform: translateX(-5px); } .dsh-menu > li.has-mega.is-open .dsh-mega-card, .dsh-menu > li.has-mega:hover .dsh-mega-card { animation: dsh-mega-in .7s var(--dsh-soft) both; } .dsh-mega-card:nth-child(2) { animation-delay: .05s !important; } .dsh-mega-card:nth-child(3) { animation-delay: .1s !important; } .dsh-mega-card:nth-child(4) { animation-delay: .15s !important; } @keyframes dsh-mega-in { from { opacity: 0; transform: translateY(10px); } } .dsh-account, .dsh-search-toggle, .dsh-menu-toggle { transition: background .45s ease, color .45s ease; } /* ---------- Footer fixes: contact icons centred, Telegram button hover ---------- */ .dsh-el-footer .dsh-el-contact .elementor-icon-list-item, .dsh-el-footer .dsh-el-contact .elementor-icon-list-item > a { display: flex !important; align-items: center !important; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon { display: inline-flex !important; align-items: center; justify-content: center; flex: none; top: 0 !important; padding: 0 !important; border-radius: 50%; line-height: 1; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon i, .dsh-el-footer .dsh-el-contact .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 1 !important; margin: 0 !important; } .dsh-el-footer .dsh-el-contact .elementor-icon-list-text { padding-inline-start: 12px !important; direction: rtl; unicode-bidi: plaintext; } .dsh-el-footer .dsh-el-footer-join .elementor-button { border: 1.5px solid transparent; } .dsh-el-footer .dsh-el-footer-join .elementor-widget-button:first-child .elementor-button:hover, .dsh-el-footer .dsh-el-footer-join .elementor-widget-button:first-child .elementor-button:focus-visible { background-color: #D4AF5A !important; border-color: #D4AF5A; color: #42261f !important; } .dsh-el-footer .dsh-el-footer-join .elementor-widget-button:last-child .elementor-button:hover, .dsh-el-footer .dsh-el-footer-join .elementor-widget-button:last-child .elementor-button:focus-visible { background-color: #fff !important; color: #42261f !important; border-color: #fff !important; } .dsh-footer-join .dsh-btn--primary:hover { background: #D4AF5A; color: #42261f; } .dsh-must-img img { display: block; height: 100% !important; max-width: none; } @media (max-width: 991px) { .dsh-mis-card::before { display: none; } .dsh-mis::before { width: 100%; height: 58%; } .dsh-mis { padding-top: 0; } } /* Hero text: calmer scale */ .dsh-hero-big { font-size: clamp(40px, 6.2vw, 84px); letter-spacing: 0; line-height: 1.15; } .dsh-hero-sub { font-size: clamp(18px, 2.1vw, 28px); margin-top: 8px; } .dsh-hero-text { font-size: clamp(14.5px, 1.2vw, 17px); line-height: 1.95; max-width: 31em; margin-bottom: 26px; } .dsh-hero-text-wrap { max-width: 600px; } @media (max-height: 760px) and (min-width: 992px) { .dsh-hero-big { font-size: clamp(40px, 5.4vw, 70px); } } /* Smooth wheel scrolling needs the browser's own smoothing off (the script eases the movement) */ html.dsh-smooth { scroll-behavior: auto !important; } html.dsh-smooth body { overscroll-behavior-y: none; } /* Magazine: "more" button never squeezes; card button breathes */ .dsh-el-btn { flex: none; width: auto; } .dsh-el-btn .elementor-button { white-space: nowrap; } .dsh-card--blog .dsh-card-foot { padding-top: 16px; margin-top: 4px; } .dsh-card--blog .dsh-card-body { gap: 12px; } /* ===================================================================== v1.3 — flat & white: no ornamental patterns, square corners, tighter rhythm ===================================================================== */ /* Patterns / ornaments off, everywhere */ .dsh-bg-topo, .dsh-bg-doodle, .dsh-bg-islimi, .dsh-bg-stickers, .dsh-bg-gray { background: #fff !important; background-image: none !important; } .dsh-bg-stickers::after, .dsh-tour-sec::before, .dsh-tour-sec::after { display: none !important; } .dsh-orn-band, .dsh-el-orn { display: none !important; } .dsh-eyebrow::before, .dsh-eyebrow::after, .dsh-el-eyebrow .elementor-heading-title::before, .dsh-el-eyebrow .elementor-heading-title::after, .dsh-mis-eyebrow::before { display: none !important; content: none !important; } .dsh-sec-head--center .dsh-sec-titles::after, .dsh-el-head--center::after { display: none !important; content: none !important; } .dsh-hero::after, .dsh-banner::after, .dsh-banner--plain .dsh-banner-media::before { display: none !important; content: none !important; } .dsh-banner--plain .dsh-banner-media { background: var(--dsh-title) !important; } .dsh-footer::before, .dsh-footer::after, .dsh-el-footer::before, .dsh-el-footer::after, .dsh-footer-join::before, .dsh-el-footer-join::before { display: none !important; content: none !important; } .dsh-el-footer .dsh-el-footer-join ~ .e-con .elementor-widget-heading .elementor-heading-title::before { display: none !important; content: none !important; } .dsh-drawer-panel { background: #fff !important; } .dsh-otp { background: #fff !important; padding-top: 34px; } /* Square corners on every image and box (round avatars stay round) */ :root { --dsh-radius: 0px; --dsh-radius-sm: 0px; } body :where(img, figure, picture, video, iframe, article, section, aside, nav, form, div, a, button, input, textarea, select, label, ul, ol, li, details, summary, span, p, table):not(.leaflet-container *) { border-radius: 0 !important; } .avatar, img.avatar { border-radius: 50% !important; } /* Home page: closer sections */ body.home [data-elementor-type="wp-page"] > .e-con:not(.dsh-el-hero) { padding-block: 44px !important; } body.home [data-elementor-type="wp-page"] > .e-con.dsh-el-mis { padding-block: 24px 12px !important; } .dsh-pad { padding-block: 44px; } @media (min-width: 992px) { .dsh-pad { padding-block: 56px; } } .dsh-sec-head { margin-bottom: 24px; } .dsh-must-title { margin-bottom: 16px; } /* Hero: smaller tour cards so the video shows */ @media (min-width: 992px) { .dsh-hero-foot { grid-template-columns: auto 1fr minmax(0, 600px); } } .dsh-hero-cards .swiper-slide { width: min(78vw, 300px); } .dsh-hcard { gap: 12px; padding: 10px; } .dsh-hcard-img { flex-basis: 34%; } .dsh-hcard-body h3 { font-size: 15px; } .dsh-hcard-price { font-size: 13.5px; } .dsh-hcard-meta { font-size: 12.5px; margin-bottom: 4px; } .dsh-hcard .dsh-btn { padding: 6px 14px; font-size: 13px; min-height: 0; } .dsh-hero-cards-nav { margin-bottom: 10px; } .dsh-hero-cards-nav button { width: 36px; height: 36px; } /* Credit link */ .dsh-footer-bottom a, .dsh-el-footer-bottom a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .dsh-footer-bottom a:hover, .dsh-el-footer-bottom a:hover { color: #fff; } /* Comment form: compact */ .dsh-comments { padding-top: 24px; } .dsh-comments .comment-reply-title { font-size: 20px; margin: 0 0 8px; } .comment-respond { max-width: 560px; } .comment-form { gap: 10px; } .comment-form .comment-notes { margin: 0; font-size: 13px; } .comment-form label { font-size: 13.5px; margin-bottom: 2px; } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea { padding: 8px 12px; font-size: 14px; } .comment-form textarea { height: 96px; min-height: 0; resize: vertical; } .comment-form .form-submit { margin: 0; } .comment-form .dsh-btn { padding: 8px 20px; min-height: 0; font-size: 14px; } @media (min-width: 640px) { .comment-form { grid-template-columns: 1fr 1fr; } .comment-form > :not(.comment-form-author):not(.comment-form-email) { grid-column: 1 / -1; } } /* Magazine: editor's pick, bolder */ .dsh-mag-lead--pick { position: relative; margin-bottom: 48px; } .dsh-mag-flag { display: inline-block; margin-bottom: 10px; padding: 4px 14px; background: var(--dsh-title); color: #fff; font-size: 13px; font-weight: 800; } .dsh-mag-lead--pick .dsh-card { border: 2px solid var(--dsh-title); box-shadow: none; } .dsh-mag-lead--pick .dsh-card h2, .dsh-mag-lead--pick .dsh-card h3, .dsh-mag-lead--pick .dsh-card-title { font-size: clamp(26px, 3.2vw, 40px); font-weight: 900; line-height: 1.35; } .dsh-mag-lead--pick .dsh-card p { font-size: 17px; font-weight: 500; } /* ===================================================================== v1.4 — light-brick palette (over saved Elementor globals) + tighter rows ===================================================================== */ body.elementor-kit-7, .elementor-kit-7 { --e-global-color-primary: #B5614A; --e-global-color-secondary: #4A2B22; --e-global-color-accent: #B5614A; --e-global-color-text: #6B5A54; --e-global-color-dshsmoke: #F8EEE9; --e-global-color-dshborder: #EBDDD5; } .dsh-el-footer { background-color: var(--dsh-title) !important; } /* Rows closer together */ body.home [data-elementor-type="wp-page"] > .e-con:not(.dsh-el-hero) { padding-block: 18px !important; --row-gap: 18px; --gap: 18px; row-gap: 18px !important; } body.home [data-elementor-type="wp-page"] > .e-con .e-con-inner { row-gap: 18px; gap: 18px; } body.home [data-elementor-type="wp-page"] > .e-con.dsh-el-mis { padding-block: 10px 0 !important; } body.home .dsh-el-head { padding-block: 0 !important; } .dsh-mis { padding-block: 10px; } .dsh-mis-text { padding: 24px 40px; } .dsh-mis-cta { margin-top: 24px; } .dsh-must-pills { margin-bottom: 18px; } .dsh-whats-main { margin-bottom: 20px; } .dsh-counter { max-width: 190px; outline-offset: 8px; } .dsh-sec-head { margin-bottom: 16px; } @media (min-width: 992px) { .dsh-dest { height: 500px; } } body.home [data-elementor-type="wp-page"] > .e-con:not(.dsh-el-hero) > .e-con-inner { padding-block: 0 !important; } body.home [data-elementor-type="wp-page"] > .e-con:not(.dsh-el-hero) { padding-block: 28px !important; } body.home [data-elementor-type="wp-page"] > .e-con.dsh-el-mis { padding-block: 10px 0 !important; } /* ===== v1.5 home: six sections, trip categories, editorial magazine, dated events ===== */ .dsh-el-s4 .dsh-tslider-nav button { background: #fff; border-color: #fff; color: #4A2B22; } .dsh-el-s4 .dsh-tslider-nav button:hover { background: #B5614A; border-color: #B5614A; color: #fff; } .dsh-el-s3 .dsh-must-pill.is-active { background: #4A2B22; border-color: #4A2B22; color: #fff; } /* سفر و برنامه‌ریزی سفر: numbered category cards */ .dsh-trip { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); margin: 32px 0 8px; padding-inline-start: 1px; } .dsh-trip-card { display: flex; flex-direction: column; gap: 12px; min-height: 230px; padding: 28px 26px; margin: 0 -1px -1px 0; background: #fff; border: 1px solid #EBDDD5; color: #4A2B22; text-decoration: none; transition: background .3s, color .3s; } .dsh-trip-no { color: #B5614A; font-size: 38px; font-weight: 900; line-height: 1; transition: color .3s; } .dsh-trip-card strong { font-size: 19px; font-weight: 800; line-height: 1.6; } .dsh-trip-text { color: #6B5A54; font-size: 14px; line-height: 1.95; transition: color .3s; } .dsh-trip-go { margin-top: auto; color: #B5614A; } .dsh-trip-card:hover { background: #4A2B22; color: #fff; } .dsh-trip-card:hover .dsh-trip-text { color: rgba(255,255,255,.82); } .dsh-trip-card:hover .dsh-trip-no, .dsh-trip-card:hover .dsh-trip-go { color: #E9B9A6; } /* مجله: editorial lead + numbered list */ .dsh-ed { display: grid; grid-template-columns: 1.35fr 1fr; gap: 48px; align-items: start; } .dsh-ed a { color: inherit; text-decoration: none; } .dsh-ed-lead { display: flex; flex-direction: column; gap: 20px; } .dsh-ed-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #F8EEE9; } .dsh-ed-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s; } .dsh-ed-lead:hover .dsh-ed-img img { transform: scale(1.04); } .dsh-ed-body, .dsh-ed-rowbody { display: flex; flex-direction: column; gap: 10px; } .dsh-ed-lead strong { color: #4A2B22; font-size: clamp(24px, 2.6vw, 36px); font-weight: 900; line-height: 1.55; } .dsh-ed-lead:hover strong, .dsh-ed-row:hover strong { color: #B5614A; } .dsh-ed-cat { color: #B5614A; font-size: 13px; font-weight: 700; } .dsh-ed-text { color: #6B5A54; line-height: 2; } .dsh-ed-meta { color: #9a8a84; font-size: 13px; } .dsh-ed-side { display: flex; flex-direction: column; border-top: 3px solid #4A2B22; } .dsh-ed-row { display: grid; grid-template-columns: auto 1fr 92px; gap: 18px; align-items: center; padding: 20px 0; border-bottom: 1px solid #EBDDD5; } .dsh-ed-no { color: #E3CFC6; font-size: 32px; font-weight: 900; line-height: 1; } .dsh-ed-row strong { color: #4A2B22; font-size: 17px; font-weight: 800; line-height: 1.7; transition: color .25s; } .dsh-ed-thumb { display: block; aspect-ratio: 1; overflow: hidden; } .dsh-ed-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 900px) { .dsh-ed { grid-template-columns: 1fr; gap: 28px; } } /* رویدادها: dated list */ .dsh-evl { display: flex; flex-direction: column; border-top: 3px solid #4A2B22; } .dsh-evl-row { display: grid; grid-template-columns: 92px 170px 1fr auto; gap: 26px; align-items: center; padding: 20px 0; border-bottom: 1px solid #E3CFC6; color: #4A2B22; text-decoration: none; transition: background .3s, padding .3s; } .dsh-evl-row:hover { padding-inline: 22px; background: #fff; } .dsh-evl-date { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; background: #B5614A; color: #fff; } .dsh-evl-date b { font-size: 36px; font-weight: 900; line-height: 1.1; } .dsh-evl-date small { font-size: 13px; } .dsh-evl-img { display: block; aspect-ratio: 3 / 2; overflow: hidden; } .dsh-evl-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .dsh-evl-info { display: flex; flex-direction: column; gap: 6px; } .dsh-evl-info strong { font-size: 21px; font-weight: 800; line-height: 1.6; } .dsh-evl-meta { color: #6B5A54; font-size: 14px; } .dsh-evl-cta { display: inline-flex; align-items: center; gap: 8px; color: #B5614A; font-weight: 700; white-space: nowrap; } .dsh-evl-row:hover .dsh-evl-cta { color: #4A2B22; } @media (max-width: 820px) { .dsh-evl-row { grid-template-columns: 72px 1fr; gap: 16px; } .dsh-evl-img { display: none; } .dsh-evl-cta { grid-column: 1 / -1; } } /* v1.5 fixes */ .dsh-mis::before { background: #F8EEE9; } .dsh-ed-img img, .dsh-ed-thumb img, .dsh-evl-img img { height: 100% !important; max-width: none; } .dsh-el-s4 .dsh-tslider .swiper-wrapper { justify-content: center; } .dsh-trip-card, .dsh-trip-card * { text-decoration: none !important; } /* mega menu: guide groups */ .dsh-mega-cards:has(.dsh-mega-group) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; align-items: start; } .dsh-mega-group ul { list-style: none; margin: 0; padding: 0; } .dsh-mega-gtitle { display: block !important; height: auto !important; padding: 0 0 12px !important; margin-bottom: 6px; border-bottom: 3px solid var(--dsh-primary); color: var(--dsh-title) !important; font-size: 18px !important; font-weight: 900; } .dsh-mega-group li a { display: block !important; height: auto !important; padding: 9px 0 !important; border-bottom: 1px solid var(--dsh-border); color: var(--dsh-title) !important; font-size: 15px !important; font-weight: 600; } .dsh-mega-group li a::after, .dsh-mega-gtitle::after { display: none !important; } .dsh-mega-group li a:hover, .dsh-mega-gtitle:hover { color: var(--dsh-primary) !important; } /* tours band: faint old brick wall */ .dsh-el-s4 { background-image: url("../img/brick.svg") !important; background-size: 240px 120px !important; background-repeat: repeat !important; }