10 lines
1023 B
CSS
10 lines
1023 B
CSS
.form-section { background: var(--color-tint); padding-block: var(--space-xl); }
|
|
.form-section.form-section-background { background-image: url('/assets/images/rbt-toddler-play.webp'); background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
|
|
.form-grid { display: grid; gap: var(--space-xl); grid-template-columns: .8fr 1.2fr; }
|
|
.form { background: white; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); display: grid; gap: var(--space-md); padding: var(--space-lg); }
|
|
.form label { display: grid; font-weight: 700; gap: var(--space-xs); }
|
|
.form input, .form select, .form textarea { border: 1px solid var(--color-border); border-radius: var(--radius-sm); font: inherit; padding: .8rem; width: 100%; }
|
|
.form-note { color: var(--color-muted); font-size: .9rem; }
|
|
.form-note a, .service-inquiry-form__footer a { color: var(--color-primary); text-decoration: underline; text-underline-offset: .15em; }
|
|
@media (max-width: 800px) { .form-grid { grid-template-columns: 1fr; } }
|