.pledge__form__outer { position: relative; display: block; width: 100%;  padding: 0px 0px 0px !important; }
.pledge__form__inner { position: relative; display: block; width: 100%;   }
.pledge__form { position: relative; display: block; width: 100%; text-align: center; }

.pledge__form .form__field--cols-1 { width: calc(100% / 3);   }
.pledge__form .form__field--cols-1_5 { width: calc(100% / 2);   }
.pledge__form .form__field--cols-2 { width: calc(100% / 1.5);   }
.pledge__form .form__field--cols-3 { width: 100%;   }
.pledge__form .form__field--cols-4 { width: 100%;   }

.pledge__form .form__field__input--textarea-editor-inline { border: 1px solid #ec1c99; background-color: transparent; color: #FFFFFF; min-height: 100px; text-align: center !important; outline: 0;    }

.pledge__form .form_field--existing_image {  position: relative; display: inline-block; width: calc(50% - 16px); vertical-align: top; margin-left: 16px; padding: 16px; margin-top: 0px;  border: 1px solid #ec1c99; min-height: 200px; margin-top: 38px;  }

.pledge__form input[type="checkbox"] + label::after { 
  content: " "; line-height: 21px; font-size: 21px; background-size: 20px; width: 20px;  height: 30px;  background-position: 50% 50%; 
background-repeat: no-repeat;  opacity: 0.6;  display: inline-block; margin: 0px 10px; vertical-align: top; }
.pledge__form input[type="checkbox"] + label::after {   background-image: url('../img/checkbox_square_empty_pink.svg'); }
.pledge__form input[type="checkbox"]:checked + label::after { background-image: url('../img/checkbox_square_filled_pink.svg'); opacity: 1; }

.pledge_form_text { position: relative; display: block; width: 100%; padding: 16px;  }

.promoted_pledges_outer { position: relative; display: flex; width: 100%;   flex-direction: row; flex-wrap: wrap; justify-content: center; }


.additional_pledges_outer  { position: relative; display: flex; width: 100%;  flex-direction: row; flex-wrap: wrap; justify-content: center;  margin-bottom: 32px;  }

.pledge_form_pledge_each { position: relative; display: flex; flex-direction: column; justify-content: center; width: calc((100% / 3) - 32px); margin: 16px; padding: 16px; font-family: 'VAGRoundedNext-SemiBold';  background-color: white; border: 1px solid #ec1c99; border-radius: 10px; font-size: 18px; line-height: 24px; cursor: pointer;   }
.invalid .pledge_form_pledge_each { border: 1px solid red;  }
.additional_pledges_outer .pledge_form_pledge_each { font-family: 'VAGRoundedNext-Regular'; font-size: 16px; line-height: 21px;   }

.pledge_form_pledge_each:hover {  background-color: rgba(236,101,44,0.2);  border: 1px solid #ec652c; }
.pledge_form_pledge_each.selected {   background-color: rgba(236,28,153,1);  border: 1px solid #ec1c99;  color: #FFFFFF; }

.pledge__form .form__submit__button {
    opacity: 1;
    pointer-events: auto;
}


@media only screen and (max-width: 500px) {
  .pledge_form_pledge_each  { width: calc(100% - 16px); margin: 8px 8px; }
  .pledge__form .form__field--cols-1_5 { width: 100%;   }
  .pledge__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
  
}

@media only screen and (min-width:  500px) and (max-width: 580px) {
    .pledge_form_pledge_each  { width: calc((100% / 2) - 16px); margin: 8px 8px; }
    .pledge__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
  
}

@media only screen and (min-width: 581px) and (max-width: 767px) { 
  .pledge_form_pledge_each  { width: calc((100% / 2) - 16px); margin: 8px 8px; }
    .pledge__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
}

@media only screen and (min-width:  768px) and (max-width: 1000px)   {
  .pledge_form_pledge_each  { width: calc((100% / 2) - 16px); margin: 8px 8px; }
}