:root {
--givewp-shadow-xs: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.givewp-donation-form {
max-width: 992px !important;
margin: 0 auto;
}
.givewp-donation-form, body {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.givewp-donation-form .givewp-layouts-header, .givewp-donation-form .givewp-layouts-form {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
.givewp-donation-form .givewp-layouts-section {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.givewp-donation-form .givewp-layouts-section {
padding-left: 15px;
padding-right: 15px;
}
}
.givewp-donation-form-modal__open {
background: #FCC91B;
color: #fff;
padding: 4px 25px 4px 4px !important;
line-height: 38px;
font-size: 16px;
border-radius: 50px;
z-index: 9;
display: inline-block;
white-space: nowrap;
border: none;
position: relative;
overflow: hidden;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 600 !important;
}
.givewp-donation-form-modal__open:before {
content: "\f148";
font-family: 'Font Awesome 5 Free';
width: 38px;
height: 38px;
background: #fff;
color: #FCC91B;
margin-right: 10px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
transition: all 0.35s;
font-size: 20px;
font-weight: 400 !important;
}
.givewp-donation-form-modal__open:hover, .givewp-donation-form-modal__open:focus {
color: #fff;
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
}
.givewp-donation-form-modal__open:active {
top: 2px;
}
.givewp-donation-form__steps {
max-width: 800px;
margin-bottom: 30px;
}
.givewp-layouts-header {
border: none !important;
}
.givewp-layouts-header__templates-ms--background .givewp-layouts-header__content {
padding: 65px 60px 40px !important;
margin-bottom: 30px;
}
@media (max-width: 1200px) {
.givewp-layouts-header__templates-ms--background .givewp-layouts-header__content {
padding: 65px 15px 40px !important;
}
}
.givewp-layouts-header__templates-ms--background .givewp-layouts-header__content .givewp-layouts-headerDescription {
color: rgba(255, 255, 255, 0.9) !important;
font-weight: 400;
}
.givewp-campaign-donations-block .givewp-campaign-donations-block__donation, .givewp-campaign-donations-block .givewp-campaign-donations-block__empty-state {
border: 1px solid rgba(0, 0, 0, 0.1);
}