/* Fixes for running the Duda-built pages without Duda's runtime script. */

/* Duda hides animated elements until its script animates them in: show them, with a light fade */
#dmRoot [data-anim-desktop], #dmRoot [data-anim-extended],
.dmDesktopBody [data-anim-desktop], .dmDesktopBody [data-anim-extended] { visibility: visible !important; }
.js-anim { opacity: 0; transform: translateY(16px); transition: opacity .6s ease-out, transform .6s ease-out; }
.js-anim.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .js-anim { opacity: 1; transform: none; transition: none; } }

/* Grid backgrounds Duda lazy-loads */
.flex-element.grid.lazy { background-image: var(--lazy-bg, none); }

/* Forms */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.form-widget .form-step.hidden-step { display: none !important; }
.form-widget.is-sending .submit-button { opacity: .6; pointer-events: none; }
.form-widget .advanced-form-field.has-error .advanced-form-input,
.form-widget .advanced-form-field.has-error .checkable-input { outline: 2px solid #b3261e; outline-offset: 1px; }
.form-widget .field-error { color: #b3261e; font-size: 13px; margin-top: 4px; }
.form-widget .back-button { display: none !important; }

/* Mobile drawer */
.layout-drawer-overlay.js-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity .3s; z-index: 99; }
.layout-drawer_open .layout-drawer-overlay.js-overlay { opacity: 1; pointer-events: all; }

/* Privacy policy page */
#dmRoot .p-legal { max-width: 860px; margin: 0 auto; padding: 120px 24px 80px; color: var(--color_1); }
#dmRoot .p-legal h1 { font-size: 44px !important; line-height: 1.1 !important; margin: 0 0 10px !important; }
#dmRoot .p-legal .updated { color: var(--color_6); margin: 0 0 32px !important; font-size: 15px !important; }
#dmRoot .p-legal h2 { font-size: 22px !important; line-height: 1.3 !important; margin: 36px 0 10px !important; }
#dmRoot .p-legal h3 { font-size: 17px !important; line-height: 1.4 !important; margin: 20px 0 6px !important; }
#dmRoot .p-legal p, #dmRoot .p-legal li { font-size: 16px !important; line-height: 1.65 !important; margin: 0 0 10px; }
#dmRoot .p-legal ul { padding-left: 22px; margin: 8px 0 12px; list-style: disc; }
#dmRoot .p-legal a { color: inherit; text-decoration: underline; }
@media (max-width: 767px) { #dmRoot .p-legal { padding-top: 100px; } #dmRoot .p-legal h1 { font-size: 32px !important; } }