/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
form input[type="number"] {
    max-width: 100% !important;
    padding: 0 0 0 8px;
}

.toggle-cart-widget {
  display: none;
}




/* Form Fieldset */
.charitable-form-fields .charitable-fieldset {
  border-radius: 1em;
}


/* Donation Form - Custom Amount */
.custom-donation-amount-wrapper label:first-child {
  display: none;
}

.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper {
  padding: 0;
}

.charitable-donation-form .donation-amounts .custom-donation-amount {
  padding: 0 !important;
}

.charitable-donation-form .charitable-donation-options .custom-donation-amount {
  background: transparent !important;
  color: #4a4a4a !important;

}

.charitable-donation-form .charitable-donation-options .custom-donation-amount.selected,
.charitable-donation-form .charitable-donation-options .custom-donation-amount:hover {
  background: transparent !important;
  color: #4a4a4a !important;

}

.selected .custom-donation-input {
  background-color: #72bf45 !important;
}

.charitable-donation-form .donation-amount .custom-donation-amount {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.charitable-donation-form .custom-donation-input {
  max-width: 100%;
  height: 46px !important;
  text-align: center;
  background-color: #333132;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  color: white;
}


.charitable-donation-form .custom-donation-input::placeholder {
  color: white;
}

/* Login Form */
.charitable-login-form {
  border-radius: 1em;
}

/** Login form propmt - Inside donation form **/
#charitable-donation-login-form {
	width: 100%;
}

/* Registration Form */
#charitable-registration-form {
  margin: 0 0 1em;
  padding: 1.5em 20px 0.5em;
  border: 1px solid #ebebeb;
  border-radius: 1em;
  width: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  #charitable-registration-form {
    width: 100%;
  }
}


/* Donation Form - Donation Amount Buttons */
.charitable-donation-form .donation-amounts:after, .charitable-donation-form .donation-amounts:before {
  content: none;
  display: table;
}

.charitable-donation-form .donation-amounts .donation-amount {
  width: auto;
  margin: auto;
}

@media (min-width: 1025px) {

  .donation-amounts {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(193px, 1fr));
  }

  .donation-amounts .custom-donation-amount {
    grid-column: span 2;
  }

}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected>label {
  color: white;
}

.charitable-donation-form .recurring-donation .recurring-donation-option.selected>label {
  background-color: #72bf45;
  color: white;
  font-weight: 700;
  font-size: 1.1em;
  border: 1px solid #72bf45;
}

.charitable-donation-form .recurring-donation .recurring-donation-option label {
  border: none;
  padding: 10px;
  font-size: 1.1em;
  font-weight: 700;
  border-radius: 0.5rem;
  text-align: center;
}

.charitable-donation-form .recurring-donation {
  border: none;
}

.charitable-donation-form .donation-amounts .donation-amount {
  margin: 0 0 0.5em 0;
}

.charitable-donation-form .recurring-donation .recurring-donation-option label:hover {
  background-color: #72bf45;
  color: white;
}

.charitable-donation-form .recurring-donation .recurring-donation-option {
  width: 49%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .charitable-donation-form .recurring-donation .recurring-donation-option {
    width: 48%;
  }
}

.charitable-donation-form .recurring-donation .recurring-donation-option label {
  color: #72bf45;
  background-color: white;
  border: 1px solid #72bf45;
}

.charitable-donation-form .donation-amounts .donation-amount {
  background-color: #333132;
  font-family: "Open Sans", Sans-serif;
  font-size: 14px;
  font-weight: 900;
  padding: 3px;
  border-radius: 5px;
  color: white;
  border: none;
  text-align: center;
  height: 46px;
}

.charitable-donation-form .donation-amounts .donation-amount:hover {
  background-color: #72bf45;
  color: white;
}

.charitable-donation-form .donation-amounts .donation-amount.selected {
  background-color: #72bf45;
  color: white;
  border: none;
}

/* Checkbox field */
.charitable-form-field-checkbox input[type=checkbox] {
  margin: -3px 2px 0px 0px;
  -webkit-appearance: auto;
}


/* Donation Form - Header */
.charitable-form-header {
  font-weight: 700;
  font-size: 1.3em;
}


/* Donation Form - Donate Button */
.charitable-submit-field .button {
  margin-top: 0.5em;
  font-size: 1em;
  background-color: #72bf45;
  border-radius: 5px;
  font-weight: bold;
}

.charitable-submit-field .button:hover {
  font-size: 1em;
  line-height: 1.5em;
  background-color: #669c34;
}

#wp-submit {
  font-size: 1em;
  background-color: #80c342;
  border-radius: 5px;
}

#wp-submit:hover {
  background-color: #669c34;
}

.charitable-submit-field {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Donation Form - Inputs */
#charitable_field_first_name_element,
#charitable_field_last_name_element,
#charitable_field_email_element {
  width: 65%;
}

#charitable_field_birth_date_element,
#charitable_field_user_email_element,
#charitable_field_user_login_element,
#charitable_field_user_pass_element {
  width: 65%;
}

#charitable-meta-fields {
  margin-top: 0px;
}

/* Profile Page - Sidebar */
#eael-advance-tabs-5c2e9f3 .eael-tabs-nav {
  background: #80c342;
  min-height: 100vh;
  max-height: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  #eael-advance-tabs-5c2e9f3 .eael-tabs-nav {
    background: #80c342;
    min-height: auto;
    max-height: auto;
  }
}

/* Profile Page - Table */
.charitable-table td, .charitable-table tr {
  padding: 1.2em;
}

table th,
table td {
  border: none !important;
}

/** Table Buttons **/
.charitable-my-donations.charitable-table a {
  background-color: #80c342;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  font-weight: 600;
  color: white;
  text-decoration: none;
}

@media (min-width: 320px) and (max-width: 480px) {
  .charitable-my-donations.charitable-table a {
    display: flex;
  }
}

.charitable-my-donations.charitable-table a:hover {
  color: white;
  opacity: 0.85;
  text-decoration: none;
}

/** Table Header **/
.charitable-my-donations.charitable-table th {
  background-color: #333132;
  color: white;
  font-weight: bold;
  text-align: left;
}

/** Table Rows **/
tr:nth-child(even) {
  background-color: #f7f7f7;
}

/** Responsive Table **/
#minhas-doaes-pontuais-tab,
#minhas-doaes-mensais-tab {
  overflow-x: auto;
}

/** Table Button for Recurring Donations **/
#minhas-doaes-pontuais-tab a {
  background-color: #80c342;
  padding: 0.8em 1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  text-align: center;
}

#minhas-doaes-pontuais-tab a:hover {
  color: white;
  opacity: 0.85;
}

/** Cancel recurring donation button **/
.button.cancel {
  background-color: #80c342;
  padding: 0.8em 1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
}

.button.cancel:hover {
  background-color: #80c342;
  color: white;
  opacity: 0.85;
}

/** Table Button Campaigns **/
.start-campaign .button {
  background-color: #80c342;
  padding: 0.8em 1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  width: 250px;
  text-align: center;
}

.start-campaign .button:hover {
  background-color: #80c342;
  color: white;
  opacity: 0.85;
}

.charitable-campaign.charitable-campaign-active .campaign-status span {
  background-color: #80c342;
}

.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none;
}

.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
  text-decoration: none;
}

/** Profile Form **/
#charitable-profile-form {
  margin-top: -15px;
  width: 50%;
}

@media (min-width: 320px) and (max-width: 480px) {
  #charitable-profile-form {
    width: 100% !important;
  }
}

/* Submit Campaign Page */
#charitable-campaign-submission-form .charitable-submit-field {
  justify-content: space-evenly;
}

@media (min-width: 320px) and (max-width: 480px) {
  #charitable-campaign-submission-form .charitable-submit-field {
    display: grid;
  }
}

#charitable-campaign-suggested-donations a::first-child {
  background-color: #80c342;
  padding: 1.1em 1.1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  width: 250px;
  text-align: center;
}

#charitable-campaign-suggested-donations a::first-child:hover {
  background-color: #80c342;
  color: white;
  opacity: 0.85;
}

/* Campaign Page */
.charitable-ambassadors-campaign-creator-toolbar {
  font-family: "Open Sans", Sans-serif;
  padding: 1em !important;
  font-size: .8em;
  border-radius: 0.5em;
}

.campaign-summary {
  border-radius: 0.5em;
}

ul.charitable-user-campaigns .charitable-campaign {
  border-radius: 0.5em;
}

.single-campaign .campaign-description {
  font-weight: bold;
  font-size: 1.3em;
}

.campaign-summary .campaign-donation .donate-button {
  background-color: #80c342;
  padding: 0.8em;
  color: white;
  border-radius: 0.5em;
  font-weight: bold;
  width: 200px;
  text-align: center;
  line-height: 1.8em;
  font-size: 1em;
}

.campaign-summary .campaign-donation .donate-button:hover {
  background-color: #80c342;
  color: white;
  opacity: 0.85;
}

/* Campaign Page */
.campaign-loop.campaign-grid .campaign.hentry, .campaign-loop.campaign-grid li.campaign {
  border-radius: 0.5em;
}

.campaign-loop.campaign-grid .campaign-donation .button {
  background-color: #80c342;
  padding: 1.1em 1.1em;
  color: white;
  border-radius: 0.5em;
  font-weight: bold;
  width: 200px;
  text-align: center;
  font-size: 1em;
}

/* Login Page */
.charitable-login-form {
  width: 100%;
}

.charitable-login-form .login-submit {
  margin-bottom: 1em;
}

.charitable-login-form a {
  color: #80c342;
}

#login-form-login-page {
  width: max-content;
  margin: 0 auto;
  display: block;
}

/* Receipt Page */
.donation-summary dd {
  margin-bottom: 0.8em;
  border-bottom: 1px solid #333132;
}

dl {
  margin: 0;
}

.donation-summary dt {
  color: #80c342;
  font-size: 1.1em;
}

h3.charitable-header {
  padding-top: 1em;
}

.donation-details.charitable-table table {
  overflow-x: auto;
}

.charitable-table table {
  overflow-x: auto;
}

.recurring-donation-details table {
  overflow-x: auto;
}

.donation-details.charitable-table th {
  background-color: #333132;
  color: white;
  font-weight: bold;
}

.donation-details.charitable-table tr:nth-child(even) {
  background-color: #f7f7f7;
}

.charitable-table tr:nth-child(even) {
  background-color: #f7f7f7;
}

.donation-details.charitable-table tfoot>tr>td {
  background-color: #80c342;
  color: white;
  font-weight: bolder;
}

.donation-link a {
  background-color: #80c342;
  padding: 0.8em 1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
}

.donation-link a:hover {
  background-color: #669c34;
  color: white;
}

.charitable-table th {
  background-color: #333132;
  color: white;
  font-weight: bold;
}

.charitable-table a {
  background-color: #80c342;
  padding: 0.8em 1em;
  color: white;
  border-radius: 0.5em;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  .charitable-table a {
    display: flex;
  }
}

.charitable-table a:hover {
  background-color: #669c34;
  color: white;
}

/* Warning minimum amount */
.charitable-form-errors.charitable-notice {
  color: red;
  border-color: red;
}

/* Fee Relief - Total donation */
.charitable-donation-total {
	font-weight: bold;
}

.charitable-donation-total span.total-amount {
	color: #80c342;
}

.recurring-donation-options{
	display:flex;
	
}
.recurring-donation-option{
	margin: 0 0.5em !important;
}

#charitable_field_birth_date, #charitable_field_address, #charitable_field_address_2, #charitable_field_city, #charitable_field_state, #charitable_field_postcode, #charitable_field_country{
    display:none;

}