.main-upload-container {
    margin: 0 auto;
    display: table;
    box-shadow: 0px 0px 3px 3px #c2ccbefa;
    z-index: 999;
    opacity: 10;
    padding: 80px;
}
h1.entry-title {
    display: none;
}
.upload-container {
    padding: 20px;
} 
.upload-container h2 {
    text-align: center;
    font-family: cursive;
}
.upload-container p {
    margin-top: 30px;
    text-align: center;
    font-family: cursive;
}
input#file-upload {
    font-family: cursive;
}
#pay-btn {
    background: #80a53f;
}
/******** Loader CSS ******/

.donation_heading{
    text-align: center;
}
.form-container.donation_form {
    width: 60%;
    margin: 0 auto;
    box-shadow: 3px 3px 3px 2px #c3c3c3;
    z-index: 9999;
    padding: 10px;
    border: 2px solid;
    border-radius: 14px;
}
#first-name, #last-name, #email, #occasion, #message, #amount{
    border: 1px solid;
}
.form_submit {
    margin-top: 10px;
}

.modal {
    display: none; 
    position: fixed; 
    z-index: 999; 
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgb(0 0 0 / 79%);
  }
  
  .modal-content {
    background: #fff;
    padding: 20px;
    margin: 10% auto;
    width: 600px;
    border-radius: 8px;
    position: relative;
  }
  
  .close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
  }

.donation_form input, .donation_form select {
    width: 100%;
}

  .firstname_error, .lastname_error, .email_error, .selectocation_error, .message_error, .amount_error{
    color:red;
  }
  .outer_payment {
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
}
#innerpayment {
    text-align: center;
    margin: 0 auto;
}
span.payment_success_msg {
    text-align: center;
    margin: 0 auto;
    color: #023569;
    font-size: 18px;
}

span.payment_error_msg {
    text-align: center;
    margin: 0 auto;
    color: red;
    font-size: 18px;
}
.widefat th {
    border: 1px solid #e8e8e8;
}

#amount {
    background: #e6e6e6;
}
#donation_submit_main {
    text-align: center;
}
select#occasion {
    padding: 10px 15px;
}

#stripe_loader {
    font-family: sans-serif;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    padding: 15px 0;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
}

.word {
  opacity: 0;
  display: inline-block;
  animation: showWord 2.1s linear infinite;
}

.word:nth-child(1) { animation-delay: 0s; }
.word:nth-child(2) { animation-delay: 0.2s; }
.word:nth-child(3) { animation-delay: 0.4s; }
.word:nth-child(4) { animation-delay: 0.6s; }
.word:nth-child(5) { animation-delay: 0.8s; }
.word:nth-child(6) { animation-delay: 1.0s; }
.word:nth-child(7) { animation-delay: 1.2s; }

@keyframes showWord {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}

.woocommerce-js .loader::before {
    background: none !important;
}
/* Styles for screens up to 768px wide (like tablets/mobiles) */
@media screen and (max-width: 768px) {
    .form-container.donation_form{
        width: 100%;
    }
}