body { font-family: Quicksand } {} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .jly-wl, .jly-wl * { margin: 0; padding: 0; box-sizing: border-box; } .jly-wl { --navy: #2F4851; --teal: #3E9DBA; --gold: #E2A752; --gold-d: #C58446; --sky-pale: #EBF6FC; --sky-mid: #D6EFF8; --sky-dim: #B2D9EE; --silver: #D5D8DB; --white: #FFFFFF; --body: #3D5560; font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 17px; color: var(--navy); background: var(--white); line-height: 1.65; width: 100%; display: flex; flex-direction: column; } .jly-wl__header { flex-shrink: 0; width: 100%; background: var(--navy); color: var(--white); text-align: center; padding: 12px 20px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: clamp(13px, 1.4vw, 16px); letter-spacing: 0.06em; line-height: 1.45; } .jly-wl__layout { display: flex; width: 100%; align-items: stretch; } .jly-wl__hero { flex: 1 1 50%; min-height: 280px; overflow: hidden; background: var(--sky-mid); } .jly-wl__hero img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; object-position: center 30%; transform: scale(1.35); transform-origin: center 30%; display: block; } .jly-wl__form-panel { flex: 1 1 50%; display: flex; align-items: center; justify-content: center; min-height: 280px; padding: clamp(24px, 3.5vw, 40px) clamp(24px, 4vw, 56px); background: linear-gradient(155deg, var(--sky-dim) 0%, var(--sky-pale) 42%, var(--white) 100%); border-left: 1px solid var(--silver); } .jly-wl__form-inner { width: 100%; max-width: 440px; } .jly-wl__form-embed { width: 100%; } .jly-wl__form-embed groovemail-form-embed, .jly-wl__form-embed .groovemail-form-embed-container { width: 100%; } .jly-wl__form-embed groovemail-form-embed ~ groovemail-form-embed { display: none !important; } .jly-wl__form-embed input[type="text"], .jly-wl__form-embed input[type="email"], .jly-wl__form-embed input[type="tel"], .jly-wl__form-embed select, .jly-wl__form-embed textarea { font-family: 'Quicksand', sans-serif !important; font-size: 16px !important; color: var(--navy) !important; border: 1.5px solid var(--silver) !important; border-radius: 4px !important; padding: 12px 14px !important; background: var(--white) !important; } .jly-wl__form-embed label { font-family: 'PT Sans Narrow', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--teal) !important; } .jly-wl__form-embed button[type="submit"], .jly-wl__form-embed input[type="submit"], .jly-wl__form-embed .btn, .jly-wl__form-embed .button { font-family: 'Quicksand', sans-serif !important; font-weight: 700 !important; font-size: 17px !important; letter-spacing: 0.04em !important; background: var(--gold) !important; color: var(--navy) !important; border: none !important; border-radius: 4px !important; padding: 16px 24px !important; width: 100% !important; cursor: pointer !important; box-shadow: 0 4px 14px rgba(226, 167, 82, 0.35) !important; } .jly-wl__form-embed button[type="submit"]:hover, .jly-wl__form-embed input[type="submit"]:hover, .jly-wl__form-embed .btn:hover, .jly-wl__form-embed .button:hover { background: var(--gold-d) !important; } .jly-wl footer { flex-shrink: 0; background: var(--navy); color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 10px 16px; font-family: 'PT Sans Narrow', sans-serif; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; } .jly-wl .footer-social { display: flex; align-items: center; gap: 14px; } .jly-wl footer a { display: inline-flex; align-items: center; justify-content: center; line-height: 0; opacity: 0.85; transition: opacity 0.2s, transform 0.2s; } .jly-wl footer a:hover { opacity: 1; transform: translateY(-1px); } .jly-wl footer img { width: 22px; height: 22px; display: block; } @media (min-width: 901px) { .jly-wl__layout { min-height: clamp(460px, calc(100svh - 120px), 720px); } .jly-wl__hero, .jly-wl__form-panel { min-height: clamp(460px, calc(100svh - 120px), 720px); } } @media (max-width: 900px) { .jly-wl__layout { flex-direction: column; } .jly-wl__hero { flex: none; min-height: 220px; max-height: 34vh; } .jly-wl__hero img { min-height: 220px; } .jly-wl__form-panel { min-height: 0; border-left: none; border-top: 1px solid var(--silver); align-items: flex-start; padding-top: 28px; padding-bottom: 32px; } }