.elementor-36498 .elementor-element.elementor-element-692a754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ========================================================= OMINIA HOME CONTACT PAGE ========================================================= */ html body .oh-contact, html body .elementor .oh-contact { --oh-contact-bg: #f7f2ea; --oh-contact-paper: #fffdf9; --oh-contact-dark: #181512; --oh-contact-dark-soft: #24201c; --oh-contact-ink: #261f19; --oh-contact-muted: #746a61; --oh-contact-gold: #a88757; --oh-contact-gold-light: #c8ae82; --oh-contact-border: rgba(83, 64, 43, .14); --oh-contact-ease: cubic-bezier(.22,.61,.36,1); position: relative !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: var(--oh-contact-bg) !important; color: var(--oh-contact-ink) !important; isolation: isolate; } html body .oh-contact *, html body .oh-contact *::before, html body .oh-contact *::after { box-sizing: border-box; } /* ========================================================= CONTAINER ========================================================= */ html body .oh-contact .oh-contact__container { position: relative !important; width: min(1420px, calc(100% - 64px)) !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= AMBIENT DECORATION ========================================================= */ html body .oh-contact .oh-contact__ambient { position: absolute !important; z-index: -1 !important; border-radius: 50% !important; pointer-events: none !important; } html body .oh-contact .oh-contact__ambient--one { top: -420px !important; right: -300px !important; width: 900px !important; height: 900px !important; background: radial-gradient( circle, rgba(179,145,94,.15), rgba(179,145,94,.04) 43%, transparent 72% ) !important; } html body .oh-contact .oh-contact__ambient--two { top: 680px !important; left: -400px !important; width: 850px !important; height: 850px !important; border: 1px solid rgba(168,135,87,.08) !important; } /* ========================================================= HERO ========================================================= */ html body .oh-contact .oh-contact__hero { position: relative !important; padding: clamp(82px, 9vw, 150px) 0 clamp(65px, 7vw, 110px) !important; } html body .oh-contact .oh-contact__hero-grid { display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important; align-items: end !important; gap: clamp(60px, 9vw, 150px) !important; } /* --------------------------------------------------------- EYEBROW --------------------------------------------------------- */ html body .oh-contact .oh-contact__eyebrow { display: flex !important; align-items: center !important; gap: 13px !important; margin: 0 0 21px !important; color: var(--oh-contact-gold) !important; font-size: 11px !important; font-weight: 650 !important; line-height: 1.4 !important; letter-spacing: .19em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact__eyebrow { letter-spacing: .02em !important; } html body .oh-contact .oh-contact__eyebrow-line { display: block !important; width: 42px !important; height: 1px !important; background: var(--oh-contact-gold) !important; } /* --------------------------------------------------------- H1 --------------------------------------------------------- */ html body .oh-contact h1.oh-contact__title { max-width: 850px !important; margin: 0 !important; padding: 0 !important; color: var(--oh-contact-ink) !important; background: transparent !important; font-size: clamp(46px, 6.1vw, 92px) !important; font-weight: 400 !important; line-height: .98 !important; letter-spacing: -.055em !important; text-transform: none !important; } html body .oh-contact[dir="rtl"] h1.oh-contact__title { line-height: 1.13 !important; letter-spacing: 0 !important; } /* --------------------------------------------------------- HERO COPY --------------------------------------------------------- */ html body .oh-contact .oh-contact__hero-copy { padding-bottom: 5px !important; } html body .oh-contact .oh-contact__hero-copy p { max-width: 520px !important; margin: 0 !important; color: var(--oh-contact-muted) !important; font-size: clamp(15px, 1.15vw, 17px) !important; font-weight: 400 !important; line-height: 1.9 !important; } html body .oh-contact .oh-contact__hero-signature { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 29px !important; } html body .oh-contact .oh-contact__hero-signature span { display: block !important; width: 72px !important; height: 1px !important; background: rgba(38,31,25,.25) !important; } html body .oh-contact .oh-contact__hero-signature i { display: block !important; width: 6px !important; height: 6px !important; border: 1px solid var(--oh-contact-gold) !important; transform: rotate(45deg); } /* ========================================================= MAIN CONTACT AREA ========================================================= */ html body .oh-contact .oh-contact__main { position: relative !important; padding: 0 0 clamp(90px, 9vw, 145px) !important; } html body .oh-contact .oh-contact__main-grid { display: grid !important; grid-template-columns: minmax(360px, .84fr) minmax(0, 1.16fr) !important; gap: 0 !important; align-items: stretch !important; box-shadow: 0 30px 90px rgba(54,40,25,.075) !important; } /* ========================================================= DARK INFO PANEL ========================================================= */ html body .oh-contact .oh-contact-info { position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; padding: clamp(42px, 4.5vw, 72px) !important; background: linear-gradient( 145deg, #181512, #211c18 ) !important; color: #f6efe6 !important; overflow: hidden !important; } html body .oh-contact .oh-contact-info__top { display: grid !important; grid-template-columns: auto 1fr !important; gap: 25px !important; margin-bottom: 42px !important; } html body .oh-contact .oh-contact-info__index { color: var(--oh-contact-gold-light) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.5 !important; letter-spacing: .17em !important; } html body .oh-contact .oh-contact-info__eyebrow { display: block !important; margin-bottom: 10px !important; color: var(--oh-contact-gold-light) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-info__eyebrow { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-info h2 { margin: 0 0 13px !important; padding: 0 !important; color: #f8f0e7 !important; font-size: clamp(28px, 2.5vw, 40px) !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -.03em !important; } html body .oh-contact[dir="rtl"] .oh-contact-info h2 { letter-spacing: 0 !important; } html body .oh-contact .oh-contact-info__top p { max-width: 410px !important; margin: 0 !important; color: rgba(247,239,230,.57) !important; font-size: 13px !important; line-height: 1.75 !important; } /* ========================================================= CONTACT ITEMS ========================================================= */ html body .oh-contact address.oh-contact-info__list { display: block !important; margin: 0 !important; padding: 0 !important; font-style: normal !important; } html body .oh-contact a.oh-contact-info__item, html body .oh-contact a.oh-contact-info__item:hover, html body .oh-contact a.oh-contact-info__item:focus { position: relative !important; display: grid !important; grid-template-columns: 44px minmax(0,1fr) 28px !important; align-items: center !important; gap: 16px !important; width: 100% !important; padding: 18px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.095) !important; background: transparent !important; color: inherit !important; text-decoration: none !important; box-shadow: none !important; } /* ICON */ html body .oh-contact .oh-contact-info__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border: 1px solid rgba(255,255,255,.13) !important; border-radius: 50% !important; color: var(--oh-contact-gold-light) !important; transition: background-color .35s ease, border-color .35s ease, color .35s ease !important; } html body .oh-contact .oh-contact-info__icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.4 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* CONTENT */ html body .oh-contact .oh-contact-info__item-content { display: block !important; min-width: 0 !important; } html body .oh-contact .oh-contact-info__item-content small { display: block !important; margin-bottom: 5px !important; color: rgba(247,239,230,.42) !important; font-size: 9px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: .11em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-info__item-content small { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-info__item-content strong { display: block !important; color: #f5eee5 !important; font-size: 13px !important; font-weight: 450 !important; line-height: 1.55 !important; word-break: break-word !important; } html body .oh-contact .oh-contact-info__ltr { direction: ltr !important; unicode-bidi: embed !important; } /* ARROW */ html body .oh-contact .oh-contact-info__arrow { display: flex !important; justify-content: flex-end !important; color: rgba(247,239,230,.35) !important; transition: color .3s ease, transform .35s var(--oh-contact-ease) !important; } html body .oh-contact .oh-contact-info__arrow svg { width: 16px !important; height: 16px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } html body .oh-contact[dir="rtl"] .oh-contact-info__arrow svg { transform: rotate(180deg) !important; } /* HOVER */ @media (hover:hover) { html body .oh-contact a.oh-contact-info__item:hover .oh-contact-info__icon { background: var(--oh-contact-gold) !important; border-color: var(--oh-contact-gold) !important; color: #fff !important; } html body .oh-contact a.oh-contact-info__item:hover .oh-contact-info__arrow { color: var(--oh-contact-gold-light) !important; transform: translateX(3px); } html body .oh-contact[dir="rtl"] a.oh-contact-info__item:hover .oh-contact-info__arrow { transform: translateX(-3px); } } /* ========================================================= HOURS ========================================================= */ html body .oh-contact .oh-contact-hours { margin-top: auto !important; padding-top: 38px !important; } html body .oh-contact .oh-contact-hours__heading { display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 20px !important; } html body .oh-contact .oh-contact-hours__heading > span:first-child { flex: 0 0 auto !important; color: var(--oh-contact-gold-light) !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-hours__heading > span:first-child { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-hours__line { display: block !important; flex: 1 !important; height: 1px !important; background: rgba(255,255,255,.1) !important; } html body .oh-contact .oh-contact-hours__row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px !important; padding: 10px 0 !important; color: rgba(247,239,230,.6) !important; font-size: 12px !important; } html body .oh-contact .oh-contact-hours__row strong { direction: ltr !important; color: #f5eee5 !important; font-weight: 500 !important; } /* LARGE ORNAMENT */ html body .oh-contact .oh-contact-info__ornament { position: absolute !important; right: -24px !important; bottom: -46px !important; color: rgba(255,255,255,.018) !important; font-size: 180px !important; font-weight: 600 !important; line-height: 1 !important; pointer-events: none !important; } html body .oh-contact[dir="rtl"] .oh-contact-info__ornament { right: auto !important; left: -24px !important; } /* ========================================================= FORM PANEL ========================================================= */ html body .oh-contact .oh-contact-form-panel { position: relative !important; padding: clamp(46px, 5.5vw, 82px) clamp(38px, 6vw, 92px) !important; background: var(--oh-contact-paper) !important; overflow: hidden !important; } html body .oh-contact .oh-contact-form-panel__index { position: absolute !important; top: 27px !important; inset-inline-end: 30px !important; color: var(--oh-contact-gold) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .17em !important; } html body .oh-contact .oh-contact-form-panel__head { max-width: 620px !important; margin-bottom: 38px !important; } html body .oh-contact .oh-contact-form-panel__eyebrow { display: block !important; margin-bottom: 13px !important; color: var(--oh-contact-gold) !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-form-panel__eyebrow { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-form-panel h2 { margin: 0 0 14px !important; padding: 0 !important; color: var(--oh-contact-ink) !important; font-size: clamp(34px, 3.7vw, 56px) !important; font-weight: 400 !important; line-height: 1.03 !important; letter-spacing: -.045em !important; } html body .oh-contact[dir="rtl"] .oh-contact-form-panel h2 { line-height: 1.2 !important; letter-spacing: 0 !important; } html body .oh-contact .oh-contact-form-panel__head p { max-width: 530px !important; margin: 0 !important; color: var(--oh-contact-muted) !important; font-size: 14px !important; line-height: 1.8 !important; } /* ========================================================= ELEMENTOR FORM COMPLETE RESET ========================================================= */ html body .oh-contact .ominia-contact-form, html body .oh-contact .ominia-contact-form .elementor-widget, html body .oh-contact .ominia-contact-form .elementor-widget-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .oh-contact .ominia-contact-form form.elementor-form { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- FORM GRID --------------------------------------------------------- */ html body .oh-contact .ominia-contact-form .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 27px 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html body .oh-contact .ominia-contact-form .elementor-field-group { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } html body .oh-contact .ominia-contact-form .elementor-field-group-message, html body .oh-contact .ominia-contact-form .elementor-field-type-submit { grid-column: 1 / -1 !important; } /* --------------------------------------------------------- LABEL --------------------------------------------------------- */ html body .oh-contact .ominia-contact-form .elementor-field-label { display: block !important; margin: 0 0 9px !important; padding: 0 !important; color: var(--oh-contact-ink) !important; font-size: 10px !important; font-weight: 650 !important; line-height: 1.4 !important; letter-spacing: .1em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .ominia-contact-form .elementor-field-label { letter-spacing: .01em !important; } /* --------------------------------------------------------- INPUTS + TEXTAREA --------------------------------------------------------- */ html body .oh-contact .ominia-contact-form input.elementor-field, html body .oh-contact .ominia-contact-form textarea.elementor-field { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 15px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(72,54,34,.22) !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; color: var(--oh-contact-ink) !important; box-shadow: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; transition: border-color .3s ease, box-shadow .3s ease !important; appearance: none !important; -webkit-appearance: none !important; } html body .oh-contact .ominia-contact-form textarea.elementor-field { min-height: 125px !important; resize: vertical !important; } /* PLACEHOLDER */ html body .oh-contact .ominia-contact-form .elementor-field::placeholder { color: rgba(71,60,50,.40) !important; opacity: 1 !important; } /* FOCUS */ html body .oh-contact .ominia-contact-form input.elementor-field:focus, html body .oh-contact .ominia-contact-form textarea.elementor-field:focus { border-bottom-color: var(--oh-contact-gold) !important; box-shadow: 0 1px 0 var(--oh-contact-gold) !important; } /* PHONE RTL FIX */ html body .oh-contact[dir="rtl"] .ominia-contact-form input[type="tel"] { direction: rtl !important; text-align: right !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ html body .oh-contact .ominia-contact-form button.elementor-button, html body .oh-contact .ominia-contact-form button.elementor-button:hover, html body .oh-contact .ominia-contact-form button.elementor-button:focus { all: unset; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 56px !important; margin: 7px 0 0 !important; padding: 0 28px !important; border: 1px solid var(--oh-contact-dark) !important; border-radius: 0 !important; background: var(--oh-contact-dark) !important; color: #fff !important; box-shadow: none !important; font-family: inherit !important; font-size: 11px !important; font-weight: 650 !important; line-height: 1 !important; letter-spacing: .12em !important; text-transform: uppercase !important; cursor: pointer !important; overflow: hidden !important; transition: color .35s ease, background-color .35s ease, border-color .35s ease !important; box-sizing: border-box !important; } html body .oh-contact[dir="rtl"] .ominia-contact-form button.elementor-button { letter-spacing: .01em !important; } html body .oh-contact .ominia-contact-form button.elementor-button::before { content: "" !important; position: absolute !important; z-index: 0 !important; inset: 0 !important; background: var(--oh-contact-gold) !important; transform: scaleX(0) !important; transform-origin: left center !important; transition: transform .45s var(--oh-contact-ease) !important; } html body .oh-contact[dir="rtl"] .ominia-contact-form button.elementor-button::before { transform-origin: right center !important; } html body .oh-contact .ominia-contact-form button.elementor-button .elementor-button-content-wrapper { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } @media (hover:hover) { html body .oh-contact .ominia-contact-form button.elementor-button:hover { border-color: var(--oh-contact-gold) !important; } html body .oh-contact .ominia-contact-form button.elementor-button:hover::before { transform: scaleX(1) !important; } } /* ========================================================= ELEMENTOR MESSAGES ========================================================= */ html body .oh-contact .ominia-contact-form .elementor-message { margin: 20px 0 0 !important; padding: 13px 15px !important; border: 1px solid var(--oh-contact-border) !important; background: transparent !important; font-size: 12px !important; line-height: 1.6 !important; } html body .oh-contact .ominia-contact-form .elementor-message-success { border-color: rgba(76,121,78,.28) !important; color: #426c45 !important; background: rgba(76,121,78,.05) !important; } html body .oh-contact .ominia-contact-form .elementor-message-danger { border-color: rgba(158,70,57,.22) !important; color: #93473d !important; background: rgba(158,70,57,.05) !important; } /* ========================================================= MAP ========================================================= */ html body .oh-contact .oh-contact-map { padding: 0 0 clamp(90px, 9vw, 145px) !important; } html body .oh-contact .oh-contact-map__header { display: grid !important; grid-template-columns: 1fr 1fr !important; align-items: end !important; gap: 60px !important; margin-bottom: 40px !important; } html body .oh-contact .oh-contact-map__eyebrow { display: block !important; margin-bottom: 12px !important; color: var(--oh-contact-gold) !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-map__eyebrow { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-map__header h2 { margin: 0 !important; padding: 0 !important; color: var(--oh-contact-ink) !important; font-size: clamp(36px, 4vw, 62px) !important; font-weight: 400 !important; line-height: 1.05 !important; letter-spacing: -.045em !important; } html body .oh-contact[dir="rtl"] .oh-contact-map__header h2 { letter-spacing: 0 !important; } html body .oh-contact .oh-contact-map__header p { max-width: 470px !important; margin: 0 !important; color: var(--oh-contact-muted) !important; font-size: 14px !important; line-height: 1.8 !important; } /* MAP CANVAS */ html body .oh-contact .oh-contact-map__canvas { position: relative !important; width: 100% !important; height: clamp(470px, 48vw, 690px) !important; overflow: hidden !important; background: #ded8cf !important; } html body .oh-contact .oh-contact-map__canvas iframe { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; filter: saturate(.82) contrast(.96) sepia(.06) !important; transition: filter .6s ease, transform 1s var(--oh-contact-ease) !important; } @media (hover:hover) { html body .oh-contact .oh-contact-map__canvas:hover iframe { filter: saturate(1) contrast(1) sepia(0) !important; } } /* FLOATING MAP CARD */ html body .oh-contact .oh-contact-map__card { position: absolute !important; z-index: 5 !important; left: clamp(20px, 4vw, 60px) !important; bottom: clamp(20px, 4vw, 60px) !important; width: min(390px, calc(100% - 40px)) !important; padding: 27px !important; background: rgba(255,253,249,.95) !important; color: var(--oh-contact-ink) !important; box-shadow: 0 22px 70px rgba(43,31,21,.16) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } html body .oh-contact[dir="rtl"] .oh-contact-map__card { left: auto !important; right: clamp(20px, 4vw, 60px) !important; } html body .oh-contact .oh-contact-map__number { display: block !important; margin-bottom: 20px !important; color: var(--oh-contact-gold) !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: .17em !important; } html body .oh-contact .oh-contact-map__card-label { display: block !important; margin-bottom: 7px !important; color: var(--oh-contact-muted) !important; font-size: 9px !important; font-weight: 650 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } html body .oh-contact .oh-contact-map__card strong { display: block !important; color: var(--oh-contact-ink) !important; font-size: 17px !important; font-weight: 450 !important; line-height: 1.55 !important; } html body .oh-contact .oh-contact-map__card a { display: inline-flex !important; align-items: center !important; gap: 9px !important; margin-top: 21px !important; color: var(--oh-contact-gold) !important; text-decoration: none !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .1em !important; text-transform: uppercase !important; } html body .oh-contact[dir="rtl"] .oh-contact-map__card a { letter-spacing: .01em !important; } html body .oh-contact .oh-contact-map__card a svg { width: 15px !important; height: 15px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transition: transform .35s var(--oh-contact-ease); } html body .oh-contact[dir="rtl"] .oh-contact-map__card a svg { transform: rotate(180deg); } @media (hover:hover) { html body .oh-contact .oh-contact-map__card a:hover svg { transform: translateX(4px); } html body .oh-contact[dir="rtl"] .oh-contact-map__card a:hover svg { transform: rotate(180deg) translateX(4px); } } /* ========================================================= REVEAL ========================================================= */ html body .oh-contact [data-oh-contact-reveal] { opacity: 0; transform: translate3d(0, 32px, 0); transition: opacity .85s var(--oh-contact-ease), transform .85s var(--oh-contact-ease); } html body .oh-contact [data-oh-contact-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { html body .oh-contact .oh-contact__container { width: calc(100% - 40px) !important; } html body .oh-contact .oh-contact__hero-grid { grid-template-columns: 1.15fr .85fr !important; gap: 45px !important; } html body .oh-contact .oh-contact__main-grid { grid-template-columns: minmax(310px,.9fr) 1.1fr !important; } html body .oh-contact .oh-contact-info { padding: 42px 34px !important; } html body .oh-contact .oh-contact-form-panel { padding: 50px 40px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { html body .oh-contact .oh-contact__container { width: calc(100% - 28px) !important; } html body .oh-contact .oh-contact__hero { padding: 62px 0 52px !important; } html body .oh-contact .oh-contact__hero-grid { grid-template-columns: 1fr !important; gap: 26px !important; } html body .oh-contact h1.oh-contact__title { font-size: clamp(39px, 12vw, 58px) !important; } html body .oh-contact .oh-contact__hero-copy p { font-size: 14px !important; line-height: 1.8 !important; } /* MAIN */ html body .oh-contact .oh-contact__main { padding-bottom: 70px !important; } html body .oh-contact .oh-contact__main-grid { display: block !important; box-shadow: none !important; } html body .oh-contact .oh-contact-info { padding: 36px 24px !important; } html body .oh-contact .oh-contact-info__top { gap: 15px !important; margin-bottom: 27px !important; } html body .oh-contact a.oh-contact-info__item { grid-template-columns: 38px minmax(0,1fr) 22px !important; gap: 12px !important; padding: 16px 0 !important; } html body .oh-contact .oh-contact-info__icon { width: 38px !important; height: 38px !important; } html body .oh-contact .oh-contact-info__item-content strong { font-size: 12px !important; } /* FORM */ html body .oh-contact .oh-contact-form-panel { padding: 44px 24px !important; } html body .oh-contact .oh-contact-form-panel__index { top: 20px !important; inset-inline-end: 21px !important; } html body .oh-contact .oh-contact-form-panel h2 { font-size: 38px !important; } html body .oh-contact .ominia-contact-form .elementor-form-fields-wrapper { grid-template-columns: 1fr !important; gap: 23px !important; } html body .oh-contact .ominia-contact-form .elementor-field-group-message, html body .oh-contact .ominia-contact-form .elementor-field-type-submit { grid-column: auto !important; } /* MAP */ html body .oh-contact .oh-contact-map { padding-bottom: 70px !important; } html body .oh-contact .oh-contact-map__header { grid-template-columns: 1fr !important; gap: 16px !important; margin-bottom: 28px !important; } html body .oh-contact .oh-contact-map__canvas { height: 560px !important; } html body .oh-contact .oh-contact-map__card { left: 14px !important; right: 14px !important; bottom: 14px !important; width: auto !important; padding: 23px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { html body .oh-contact [data-oh-contact-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } html body .oh-contact .oh-contact-map__canvas iframe, html body .oh-contact .oh-contact-info__icon, html body .oh-contact .oh-contact-info__arrow { transition: none !important; } }/* End custom CSS */