/*
Theme Name: Divi Child
Theme URI: https://www.atheadeco.com/
Description: Divi - Tema hijo para ATHEA DECO
Author: Germán Delgado
Author URI: https://www.germandelgado.es/
Template: Divi
Version: 1.0.0
*/

@media (min-width:768px){
	body #wcdp_amount {
      grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	  grid-gap: 25px;
	}
}
@media (min-width:426px) and (max-width:767px){
	body #wcdp_amount {
      grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 25px;
	}
}

@media (max-width:425px){
	body #wcdp_amount {
      grid-template-columns: 1fr ;
	  grid-gap: 25px;
	}
}

.sidebar_categoria a {
    display: block;
}



/* #caso381 - marron */
body.page-id-6332 #wcdp_amount.wcdp_options>li>label {
	background-color: #AD6828;
}
	body.page-id-6332 #wcdp_amount.wcdp_options>li>label#wcdp_label_custom_amount,
	body.page-id-6332 #wcdp_amount.wcdp_options>li>label:hover {
    	background-color: #E6B216 !important;
	}

/* #caso384 - verde */
body.page-id-6399 #wcdp_amount.wcdp_options>li>label {
background-color: #656b15;
}
	body.page-id-6399 #wcdp_amount.wcdp_options>li>label#wcdp_label_custom_amount,
	body.page-id-6399 #wcdp_amount.wcdp_options>li>label:hover {
	    background-color: #9aa51d !important;
	}

/* caso382 - granate */ 
body.page-id-6390 #wcdp_amount.wcdp_options>li>label {
background-color: #912454;
}
	body.page-id-6390 #wcdp_amount.wcdp_options>li>label#wcdp_label_custom_amount,
	body.page-id-6390 #wcdp_amount.wcdp_options>li>label:hover {
	    background-color: rgba(145, 36, 84, 0.31);
	}



body #wcdp_amount.wcdp_options>li>label#wcdp_label_custom_amount #wcdp_other {
    color: #5B3122 !important;
}

body #wcdp_amount.wcdp_options>li>label {
    font-size: 1.3em;
    font-weight: bold;
	color:#fff;
	border-radius: 5px;
	background-color: #E6B216;
}
body #wcdp_amount.wcdp_options>li>label#wcdp_label_custom_amount,
body #wcdp_amount.wcdp_options>li>label:hover {
    background: #AD6828; /* var(--wcdp-main-2);*/
}
body #wcdp_va_amount .wcdp-variation-heading {
display:none;
}

body .wc-donation-platform.woocommerce.wcdp-form form input.button:hover *,
body .wc-donation-platform.woocommerce.wcdp-form form input.button:hover {
  color: #5B3122!important;
}