classicFormDesignCss.css — GiveWP – Donation Plugin and Fundraising Platform 3.4.1

give / build / classicFormDesignCss.css
give / build Last commit date
classicFormDesignCss.css
2 lines
@layer form-design{.givewp-primary-color{color:var(--givewp-primary-color)}.givewp-secondary-color{color:var(--givewp-secondary-color)}.givewp-layouts-header{width:100%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;box-shadow:var(--givewp-shadow-xs);background-color:var(--givewp-primary-color);display:flex;flex-direction:column;align-items:center;gap:var(--givewp-spacing-6);padding:var(--givewp-spacing-6);color:#fff;text-align:center}@media screen and (min-width: 32rem){.givewp-layouts-header{padding:var(--givewp-spacing-10) var(--givewp-spacing-20)}}.givewp-layouts-header+.givewp-layouts-form{border-top-right-radius:0;border-top-left-radius:0}.givewp-layouts-headerTitle h2,.givewp-layouts-headerDescription{color:var(--givewp-shades-white)}.givewp-form-secure-badge{display:flex;gap:var(--givewp-spacing-2);align-items:center;width:-moz-fit-content;width:fit-content;padding:var(--givewp-spacing-1) var(--givewp-spacing-4);border-radius:var(--givewp-rounded-full);background-color:var(--givewp-shades-white);color:var(--givewp-grey-900);font-size:.875rem;font-weight:500;line-height:1.43}@supports(background-color: color-mix(in lab, var(--givewp-primary-color) 15%, white)){.givewp-design-settings--image-style__above .givewp-layouts-header{background-color:color-mix(in lab, var(--givewp-primary-color) 15%, white)}}.givewp-design-settings--image-style__center .givewp-layouts-goal{margin-top:320px;position:relative;border-radius:0}@supports(background-color: color-mix(in lab, var(--givewp-primary-color) 15%, white)){.givewp-design-settings--image-style__center .givewp-layouts-header{background-color:color-mix(in lab, var(--givewp-primary-color) 15%, white)}}.givewp-groups-name{position:relative;width:100%;display:flex;flex-direction:row;-moz-column-gap:1rem;column-gap:1rem}.givewp-fields-select-honorific{flex-basis:25%}.givewp-fields-hidden{display:none}select:not(.givewp-fields-amount__currency-select){border:.078rem solid #666;border-radius:.25rem;background-color:#fff;color:#4d4d4d;font-size:1rem;font-family:inherit;font-weight:500;line-height:1.2;padding:.9rem;margin-bottom:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2713%27 height=%278%27 viewBox=%270 0 13 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.66016 7.19531C5.90625 7.44141 6.31641 7.44141 6.5625 7.19531L11.8945 1.89062C12.1406 1.61719 12.1406 1.20703 11.8945 0.960938L11.2656 0.332031C11.0195 0.0859375 10.6094 0.0859375 10.3359 0.332031L6.125 4.54297L1.88672 0.332031C1.61328 0.0859375 1.20312 0.0859375 0.957031 0.332031L0.328125 0.960938C0.0820312 1.20703 0.0820312 1.61719 0.328125 1.89062L5.66016 7.19531Z%27 fill=%27%23A2A3A2%27/%3E%3C/svg%3E"),linear-gradient(to bottom, #fff 0%, #fff 100%);background-repeat:no-repeat,repeat;background-position:right .5em top 50%,0 0;background-size:.65em auto,100%}select:not(.givewp-fields-amount__currency-select)[aria-invalid=true],select:not(.givewp-fields-amount__currency-select):invalid{border-color:red}input[type=text]:not([name=amount],[name=amount-custom]),input[type=password],input[type=email],textarea{border-width:.078rem;border-style:solid;border-color:#666;border-radius:.25rem;padding:1.1875rem;width:100%;margin-bottom:.5rem;box-sizing:inherit;inline-size:100%;background-color:#fff;color:#4d4d4d;font-size:1rem;font-family:inherit;font-weight:500;line-height:1.2}input[type=text]:not([name=amount],[name=amount-custom])[aria-invalid=true],input[type=text]:not([name=amount],[name=amount-custom]):invalid,input[type=password][aria-invalid=true],input[type=password]:invalid,input[type=email][aria-invalid=true],input[type=email]:invalid,textarea[aria-invalid=true],textarea:invalid{border-color:red}input[type=text]:not([name=amount],[name=amount-custom])::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder{opacity:.6}input[type=text]:not([name=amount],[name=amount-custom])::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,textarea::placeholder{opacity:.6}button[type=submit]{display:flex;justify-content:center;align-items:center;padding:1rem 0;border:.125rem solid var(--givewp-primary-color);border-radius:.5rem;background-color:var(--givewp-primary-color);color:#fff;text-align:center;font-family:inherit;font-size:1.375rem;font-weight:600;line-height:1.2;transition-property:filter,box-shadow,transform;transition-duration:.3s;transition-timing-function:ease-in-out;cursor:pointer;inline-size:100%;width:100%;margin:1rem 0}button[type=submit]:hover{filter:brightness(1.2);transform:scale(1.01);box-shadow:0 .0625rem .25rem rgba(0,0,0,.25)}.error-message{font-size:1rem;height:1rem;text-align:right}.givewp-layouts-section{padding-block:clamp(var(--givewp-spacing-6),7vw,var(--givewp-spacing-10));padding-inline:clamp(var(--givewp-spacing-6),7vw,var(--givewp-spacing-20));margin-bottom:0}.givewp-layouts-section:nth-of-type(2n+1){border-radius:.5rem}.givewp-layouts-section:last-child{padding-top:0}.givewp-layouts-section__fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(1, 1fr)}.givewp-layouts-section__fieldset__legend{width:100%}.givewp-donation-form{max-width:min(100%,51.5rem);margin:0 auto}.givewp-donation-form--preview{background-color:#f2f2f2}.givewp-layouts-form{border-radius:.5rem;box-shadow:var(--givewp-shadow-xs);background-color:#fff;border:1px solid var(--givewp-grey-25);border-top:none}.givewp-layouts-header{border:1px solid var(--givewp-grey-25);border-bottom:none}body,.givewp-donation-form{font-family:"system-ui",sans-serif}}