/*
Theme Name: BigHearts
Theme URI: http://bighearts.webgeniuslab.net/
Author: WebGeniusLab
Author URI: http://webgeniuslab.net/
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 3.0.4
Requires at least: 5.7
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bighearts
*/
/* Donor details heading */
#wcdp_other h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 15px;
}

/* Donor details field wrapper */
#wcdp_other .wcdp_options {
  list-style: none;
  padding: 0;
}

/* Donor details fields */
#wcdp_other .wcdp_options li {
  margin-bottom: 10px;
}

/* Label for donor details fields */
#wcdp_other .wcdp_options li label {
  display: block;
  text-align: center;
  background: #007bff; /* Change to desired background color */
  color: #fff; /* Change to desired text color */
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

/* Styling for the custom amount field */
#wcdp_other .wcdp_cu_field {
  display: flex;
  align-items: center;
}

#wcdp_other .wcdp_cu_field input[type="number"] {
  width: 80px; /* Adjust width as needed */
  padding: 8px 12px;
  border: 1px solid #f74f22; /* Custom border color */
  border-radius: 5px;
  background-color: transparent; /* Transparent background */
  color: #f74f22; /* Custom text color */
  margin-left: 10px; /* Adjust spacing */
}

/* Styling for focused input field */
#wcdp_other .wcdp_cu_field input[type="number"]:focus {
  outline: none;
  border-color: #f74f22; /* Border color when focused */
}

/* Additional styling for required fields */
#wcdp_other .validate-required::before {
  content: "*";
  color: #f00;
  margin-right: 5px;
}