@keyframes opal-loading {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes opal-loading {
100% {
-webkit-transform: rotate(360deg); } }  form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
font-size: 12px;
border-radius: 5px;
padding: 11px 15px;
border-color: var(--border);
background-color: #f9f9f9; }
form[id*=give-form] .form-row label {
color: var(--accent); }
form[id*=give-form] #give-gateway-radio-list > li input[type=radio] {
vertical-align: middle; }
form[id*=give-form] #give-gateway-radio-list > li label.give-gateway-option {
font-size: 12px;
text-transform: uppercase;
color: var(--accent);
vertical-align: middle; }
.give-progress-bar {
height: 15px; }
.give-goal-progress {
font-size: 16px;
color: var(--accent); }
.give-goal-progress .income {
font-size: 20px;
font-weight: 600;
color: var(--tertiary); }
#give-donation-level-button-wrap {
margin-bottom: 5px; }
#give-donation-level-button-wrap > li {
margin: 0 10px 10px 0; }
.give-btn.give-donation-level-btn {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: var(--accent);
border: 2px solid;
border-color: var(--border);
background-color: transparent;
border-radius: 3px;
padding: 5px 10px; }
.give-btn.give-donation-level-btn:hover {
border-color: var(--primary);
background-color: #fff; }
.give-btn.give-btn-reveal, .give-btn.give-btn-modal {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
border-radius: 40px;
border: none;
background-color: var(--primary);
color: var(--accent);
padding: 17px 30px; }
.give-btn.give-btn-reveal:hover, .give-btn.give-btn-modal:hover {
background-color: var(--primary_hover); }
form[id*=give-form] .give-donation-amount .give-currency-symbol {
font-size: 24px;
font-weight: 600;
height: 46px;
line-height: 46px;
color: #fff;
background-color: var(--primary);
border: 1px solid;
border-color: var(--border);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
border-left: 1px solid;
border-color: var(--border); }
form[id*=give-form] .give-donation-amount #give-amount {
font-size: 24px;
font-weight: 600;
height: 46px;
line-height: 46px;
color: var(--accent);
border: 1px solid;
border-color: var(--border);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.give-modal .mfp-content {
padding: 0 0 40px 0;
background: transparent; }
@media (min-width: 1024px) {
.give-modal .mfp-content {
width: 850px;
max-width: 850px; } }
.give-modal .mfp-content .give-form {
border-radius: 5px;
padding: 30px;
background-color: #ffffff; }
[id*=give-form] div.summary {
width: 100%;
float: none; }
@media (min-width: 1024px) {
[id*=give-form] div.summary {
width: calc(100% - 440px);
float: left; } }
[id*=give-form] div#give-sidebar-left {
width: 100%;
float: none; }
@media (min-width: 1024px) {
[id*=give-form] div#give-sidebar-left {
width: 410px;
float: right; } }
[id*=give-form] div#give-sidebar-left div.images {
display: none; }
#give-login-form label {
margin-bottom: 5px;
display: block; }
#give-login-form input[type="text"],
#give-login-form input[type="password"] {
width: 100%; }
#give-login-form .give-login-submit {
float: left; }
#give-login-form .give-lost-password {
float: right;
margin-top: 12px; }
#give-login-form label,
#give-register-form label {
line-height: 2; }
#give-recurring-form .form-row .give-input-field-wrapper,
#give-recurring-form .form-row input[type=email],
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=tel],
#give-recurring-form .form-row input[type=text],
#give-recurring-form .form-row input[type=url],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row .give-input-field-wrapper,
form.give-form .form-row input[type=email],
form.give-form .form-row input[type=password],
form.give-form .form-row input[type=tel],
form.give-form .form-row input[type=text],
form.give-form .form-row input[type=url],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*=give-form] .form-row .give-input-field-wrapper,
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
border-radius: 5px;
border: 1px solid;
border-color: var(--border);
padding: 0.75em 1.41575em;
background: #fff;
color: var(--text); }
#give-recurring-form .form-row .give-input-field-wrapper:focus,
#give-recurring-form .form-row input[type=email]:focus,
#give-recurring-form .form-row input[type=password]:focus,
#give-recurring-form .form-row input[type=tel]:focus,
#give-recurring-form .form-row input[type=text]:focus,
#give-recurring-form .form-row input[type=url]:focus,
#give-recurring-form .form-row select:focus,
#give-recurring-form .form-row textarea:focus,
form.give-form .form-row .give-input-field-wrapper:focus,
form.give-form .form-row input[type=email]:focus,
form.give-form .form-row input[type=password]:focus,
form.give-form .form-row input[type=tel]:focus,
form.give-form .form-row input[type=text]:focus,
form.give-form .form-row input[type=url]:focus,
form.give-form .form-row select:focus,
form.give-form .form-row textarea:focus,
form[id*=give-form] .form-row .give-input-field-wrapper:focus,
form[id*=give-form] .form-row input[type=email]:focus,
form[id*=give-form] .form-row input[type=password]:focus,
form[id*=give-form] .form-row input[type=tel]:focus,
form[id*=give-form] .form-row input[type=text]:focus,
form[id*=give-form] .form-row input[type=url]:focus,
form[id*=give-form] .form-row select:focus,
form[id*=give-form] .form-row textarea:focus {
border-color: var(--primary); }
#give-email-access-form label {
display: block;
margin-bottom: 5px; }
#give-email-access-form input#give-email {
display: block; }
button.mfp-close {
padding: 0;
background-color: transparent; }
#give-register-form .form-label,
#give-login-form .form-label {
font-size: 1.15em;
font-weight: 700;
color: var(--accent); }
#give-register-form fieldset,
#give-login-form fieldset {
padding-top: 1.41575em;
padding-bottom: 1em;
margin-top: 10px; }
.give-grid__item .give-card__category {
position: absolute;
top: 30px;
left: 30px; }
.give-card__category span {
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 2;
padding: 0 15px;
border-radius: 3px;
margin: 0 10px 10px 0;
background-color: var(--primary); }
.raised.raised-style {
margin-bottom: 15px;
padding-bottom: 15px;
display: flex;
text-align: center;
-ms-flex-align: stretch;
align-items: stretch;
justify-content: center;
border-bottom: 1px solid;
border-color: var(--border); }
.raised.raised-style .label {
font-size: 10px;
text-transform: uppercase;
display: block;
color: var(--light);
line-height: 2;
width: 100%; }
.raised.raised-style .value {
font-size: 14px;
color: var(--accent);
font-weight: 600;
line-height: 1.4;
width: 100%; }
.raised.raised-style > div {
-ms-flex: 1 1 auto;
flex: 1;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.4;
letter-spacing: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
.raised.raised-style > div:not(:last-child) {
border-right: 1px solid;
border-color: var(--border); }
.raised.raised-style .percentage {
font-size: 30px;
font-weight: 600;
color: var(--accent); }
.raised.raised-style .percentage sup {
font-size: 16px;
top: -0.3em; }
.give-wrap .give-card__thumbnail {
position: relative; }
.give-wrap .give-card__thumbnail img {
border-radius: 5px; }
.give-wrap .give-card {
border-radius: 5px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
border: none;
text-decoration: none; }
.give-wrap .give-card:hover {
text-decoration: none !important; }
.give-wrap .give-grid {
grid-gap: 30px; }
.give-wrap .give-progress-bar > span {
background-color: var(--tertiary); }
.give-wrap .give-card__progress {
margin-top: 0; }
.give-wrap .give-card__progress .raised.raised-style {
margin-bottom: 20px; }
.give-wrap .give-card__title {
font-size: 18px; }
.give-wrap .give-card__title:hover {
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.give-wrap .give-grid-style-1 .give-card__body {
position: relative;
padding: 15px 30px 35px; }
.give-wrap .give-grid-style-1 .give-card__media {
position: relative;
display: block;
width: 100%;
padding-top: 68%; }
.give-wrap .give-grid-style-1 .give-card__media img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.give-wrap .give-grid-style-1 .give-goal-progress .income {
font-weight: 400; }
.give-wrap .give-grid-style-1 .give-card__text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.give-wrap .give-grid-style-1 .give-progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.give-wrap .give-grid-style-1 .give-progress-bar > span {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.give-wrap .give-grid-style-1:hover .give-card {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.give-wrap .give-grid-style-2 .give-card__body {
position: relative;
padding: 10px 0 20px; }
.give-wrap .give-grid-style-2 .give-card__media {
position: relative;
display: block;
width: 100%;
padding-top: 68%; }
.give-wrap .give-grid-style-2 .give-card__media img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.give-wrap .give-grid-style-2 .give-card__text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.give-wrap .give-grid-style-2 .give-goal-progress .raised {
color: var(--accent); }
.give-wrap .give-grid-style-2 .give-goal-progress .raised .income {
font-size: 18px;
font-weight: 600;
color: var(--tertiary); }
.give-wrap .give-grid-style-2 .give-card {
border-radius: 30px;
box-shadow: none;
font-size: 12px;
text-transform: uppercase;
color: var(--accent);
font-weight: 600;
display: inline-block;
padding: 13px 28px;
width: auto;
border: 2px solid;
border-color: var(--primary);
background-color: transparent; }
.give-wrap .give-grid-style-2 .give-card:hover {
color: #ffffff;
background-color: var(--primary); }
.give-wrap .give-grid-style-2 .give-card__progress {
margin-bottom: 25px; }
.give-wrap .give-grid-style-2 .give-progress-bar {
height: 5px;
border-radius: 0; }
.give-wrap .give-grid-style-2 .give-progress-bar > span {
border-radius: 0; }
.give-wrap .give-grid-style-2.give-grid__item .give-card-wrap {
margin-bottom: 20px;
display: flex;
flex-direction: column; }
.give-wrap .give-grid-style-2.give-grid__item .give-card__button {
margin-top: auto;
order: 2; }
.give-wrap .give-grid-style-3 .give-card {
position: relative;
overflow: hidden;
box-shadow: none; }
.give-wrap .give-grid-style-3 .give-card__thumbnail {
padding-top: 122%; }
.give-wrap .give-grid-style-3 .give-card__thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
transition: all ease-in-out 0.3s; }
.give-wrap .give-grid-style-3 .give-card__body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 2;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
padding: 30px 120px 40px 30px;
border-radius: 5px; }
.give-wrap .give-grid-style-3 .give-card__title {
color: #fff; }
.give-wrap .give-grid-style-3 .process-bar-wrap {
position: absolute;
right: 30px;
bottom: 40px;
z-index: 2; }
.give-wrap .give-grid-style-3 .progress-bar-circle div span {
color: #fff;
font-weight: 600; }
.give-wrap .give-grid-style-3 .progress-bar-circle div span sup {
font-size: 16px;
top: -0.4em; }
.give-wrap .give-grid-style-3 .give-goal-progress .raised {
color: var(--light);
line-height: 1.2;
margin-bottom: 15px; }
.give-wrap .give-grid-style-3 .give-goal-progress .raised .income {
font-size: 18px;
line-height: 1.2;
font-weight: 600;
color: var(--tertiary); }
.give-wrap .give-grid-style-3:hover .give-card__thumbnail img {
transform: scale(1.1); }
.give-wrap .give-grid-style-4 .give-goal-progress {
display: flex;
flex-direction: column-reverse;
text-align: center; }
.give-wrap .give-grid-style-4 .give-goal-progress .raised {
color: var(--accent);
line-height: 1.2; }
.give-wrap .give-grid-style-4 .give-goal-progress .raised .income {
font-size: 18px;
line-height: 1.2;
display: block; }
.give-wrap .give-grid-style-4 .give-goal-progress .progress-bar-circle {
margin: 0 auto 15px; }
.give-wrap .give-grid-style-4 .give-goal-progress .progress-bar-circle .process-left {
background: #fff; }
.give-wrap .give-grid-style-4 .give-card__media {
position: relative;
display: block;
width: 100%;
padding-top: 56%; }
.give-wrap .give-grid-style-4 .give-card__media img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.give-wrap .give-grid-style-4 .give-card__text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.give-wrap .give-grid-style-4 .give-card__body {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start; }
.give-wrap .give-grid-style-4 .give-card__body .give-card__progress {
width: 190px;
border-right: 1px solid;
border-color: var(--border);
margin-right: 35px; }
.give-wrap .give-grid-style-4 .give-card__body .give-card__content {
flex: 1; }
.give-wrap .give-grid-style-4 .give-card__body .give-card__title {
font-size: 24px; }
.give-wrap .give-grid-style-4 .give-card__body .button {
border-radius: 30px;
box-shadow: none;
font-size: 12px;
text-transform: uppercase;
color: var(--accent);
font-weight: 600;
display: inline-block;
padding: 13px 28px;
width: auto;
border: 2px solid;
border-color: var(--primary);
background-color: transparent; }
.give-wrap .give-grid-style-4 .give-card__body .button:hover {
color: #ffffff;
background-color: var(--primary); }
.give-wrap .give-grid-style-4 .progress-bar-circle div span {
font-weight: 600; }
.give-wrap .give-grid-style-4 .progress-bar-circle div span sup {
font-size: 16px;
top: -0.4em; }
.give-wrap .give-page-numbers {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-top: 15px; }
.give-wrap .give-page-numbers .page-numbers.dots {
display: none; }
.give-wrap .give-page-numbers .page-numbers.prev, .give-wrap .give-page-numbers .page-numbers.next {
font-size: 0;
background: #EEE; }
.give-wrap .give-page-numbers .page-numbers.prev:before, .give-wrap .give-page-numbers .page-numbers.next:before {
font-size: 14px;
color: var(--accent); }
.give-wrap .give-page-numbers .page-numbers.prev:hover, .give-wrap .give-page-numbers .page-numbers.next:hover {
background-color: var(--secondary); }
.give-wrap .give-page-numbers .page-numbers.prev:hover:before, .give-wrap .give-page-numbers .page-numbers.next:hover:before {
color: #ffffff; }
.give-wrap .give-page-numbers span.current {
color: #ffffff;
background-color: var(--secondary); }
.give-wrap .give-page-numbers > * {
text-align: center;
font-size: 12px;
font-weight: 600;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
margin-right: 2px;
color: var(--accent); }
.give-wrap .give-page-numbers > *:hover {
background: #EEE; }
@media (min-width: 1024px) {
.give-modal .mfp-content {
width: 600px !important;
max-width: 600px !important; } }
button.mfp-close,
button.mfp-arrow {
font-size: 30px; }
.progress-bar-circle {
position: relative;
height: 80px;
width: 80px; }
.progress-bar-circle div {
position: absolute;
height: 80px;
width: 80px;
border-radius: 50%; }
.progress-bar-circle div span {
position: absolute;
font-size: 24px;
line-height: 80px;
height: 80px;
width: 80px;
left: 0;
top: 0;
text-align: center; }
.progress-bar-circle .process-background {
border-width: 3px;
border-style: solid;
border-color: white; }
.progress-bar-circle .process-rotate {
clip: rect(0 40px 80px 0);
border-width: 3px;
border-style: solid;
border-color: var(--tertiary); }
.progress-bar-circle .process-left {
clip: rect(0 40px 80px 0);
opacity: 1;
border-width: 3px;
border-style: solid;
border-color: white; }
.progress-bar-circle .process-right {
clip: rect(0 40px 80px 0);
transform: rotate(180deg);
opacity: 0;
border-width: 3px;
border-style: solid;
border-color: white; }
@keyframes toggle {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.single-give_forms .give-form-title {
font-size: 40px; }
.single-give_forms .give-grid-meta {
margin-bottom: 10px;
font-size: 12px; }
.single-give_forms .give-grid-meta .give-card__category {
display: inline-block; }
.single-give_forms .give-grid-meta > span:before {
margin-right: 5px;
margin-top: -2px;
color: var(--light); }
.single-give_forms .images img {
border-radius: 5px; }
.single-give-content-wrap {
border: 1px solid;
border-color: var(--border);
border-radius: 5px; }
.single-give-content-wrap .give-form-wrap {
padding: 10px 30px 40px; }
.single-give-content-wrap .give-form-wrap form.give-form {
margin-bottom: 0; }
.single-give-content-wrap .give-form-closed {
position: relative;
border-radius: 3px;
padding: 10px 30px 10px 60px;
background-color: #58bb53;
color: #fff;
margin: 30px; }
.single-give-content-wrap .give-form-closed > p {
margin-bottom: 0; }
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
background-color: transparent;
border: none;
padding: 0;
font-size: 18px;
font-weight: 600;
color: var(--tertiary);
margin-left: 3px; }
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
background-color: transparent;
border: none;
padding: 0;
font-size: 18px;
font-weight: 600;
color: var(--accent); }
.give-form-tabs {
margin-top: 45px; }
.give-form-tabs .ui-tabs-nav {
padding: 0;
margin: 0;
border-bottom: 1px solid;
border-bottom-color: var(--border); }
.give-form-tabs .ui-tabs-nav li {
list-style: none;
display: inline-block;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
font-weight: 600;
text-transform: uppercase;
font-size: 14px; }
.give-form-tabs .ui-tabs-nav li span {
color: var(--light); }
.give-form-tabs .ui-tabs-nav li:not(:last-child) {
margin-right: 40px; }
.give-form-tabs .ui-tabs-nav li:hover a:after,
.give-form-tabs .ui-tabs-nav li a:focus:after,
.give-form-tabs .ui-tabs-nav li.ui-tabs-active a:after {
width: 100%; }
.give-form-tabs .ui-tabs-nav a {
display: block;
position: relative;
padding-bottom: 15px; }
.give-form-tabs .ui-tabs-nav a:after {
transition: all ease-in-out 0.3s;
position: absolute;
content: "";
display: block;
bottom: -1px;
background-color: var(--primary);
width: 0;
height: 2px;
right: 50%;
transform: translateX(50%); }
.give-form-tabs .ui-tabs-nav a:hover {
text-decoration: none; }
.give-form-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 30px 0;
background: none; }
.give-form-tabs .gallery.gallery-columns-3 {
display: flex;
columns: 3;
column-gap: 10px;
-moz-column-count: 3;
-webkit-column-count: 3; }
.give-form-tabs .gallery.gallery-columns-3 .gallery-item {
display: inline-block;
width: 100%;
padding-bottom: 10px; }
[id*=give-form] div.summary.single-give-form-multi {
width: 100%;
float: none; }
@media (min-width: 1024px) {
[id*=give-form] div.summary.single-give-form-multi {
width: calc(100% - 440px);
float: left; } }
[id*=give-form] div.summary.single-give-form-multi + .give-embed-form-wrapper {
width: 100%;
float: none; }
@media (min-width: 1024px) {
[id*=give-form] div.summary.single-give-form-multi + .give-embed-form-wrapper {
width: 410px !important;
float: right; } }
.give-embed-form, .give-embed-receipt {
box-shadow: none !important; }