# give/4.16.9/build/twoPanelStepsFormLayoutCss.css

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.9. 2 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.9/code/build/twoPanelStepsFormLayoutCss.css
- Raw: https://pluginprobe.com/plugins/give/4.16.9/raw/build/twoPanelStepsFormLayoutCss.css
- Modified: 2025-05-21T20:18:30+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.9/code/build/twoPanelStepsFormLayoutCss.css#L10-L20`.

```css
@layer form-design{.givewp-donation-form{--two-panel-header-width:42.5rem;align-items:flex-start;display:flex;flex-direction:row;gap:var(--givewp-spacing-2);margin:auto;max-width:calc(var(--two-panel-header-width) + 35.5rem);padding:0 .5rem;width:100%}@media screen and (max-width:53.5rem){.givewp-donation-form{border:1px solid var(--givewp-grey-25);border-radius:var(--givewp-rounded-8);box-shadow:var(--givewp-shadow-sm);flex-direction:column;gap:0;max-width:35rem}}@media screen and (max-width:36rem){.givewp-donation-form{margin:.5rem;max-width:calc(100% - 1rem)}}@media screen and (max-width:71.5rem){.givewp-donation-form__steps{border-radius:0;box-shadow:none}}.givewp-layouts-section{margin-bottom:0}.givewp-layouts-section__fieldset{display:flex;flex-direction:column;gap:var(--givewp-spacing-6)}.givewp-layouts-section__fieldset__legend legend{margin-block-end:0}.givewp-layouts-header{max-width:var(--two-panel-header-width);text-align:center;width:100%}@media screen and (min-width:71.5rem){.givewp-layouts-header{border:1px solid var(--givewp-grey-25);border-radius:var(--givewp-rounded-8);box-shadow:var(--givewp-shadow-sm)}}.givewp-layouts-headerTitle{margin-bottom:var(--givewp-spacing-3)}.givewp-layouts-headerDescription{margin-bottom:var(--givewp-spacing-10)}.givewp-layouts .givewp-layouts-header__templates-ms{padding-bottom:2rem}.givewp-layouts .givewp-layouts-header__templates-ms--background .givewp-layouts-header__content{margin-bottom:0;position:static}.givewp-layouts .givewp-layouts-header__templates-ms--background .givewp-layouts-headerImage img{border-radius:var(--givewp-rounded-8);bottom:0;height:100%;left:0;min-height:100%;position:absolute}}

```