/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/

#et-boc #donativos [class^="col"] {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#et-boc .et-l .row {
	margin-right: -15px;
	margin-left: -15px;
}


#et-boc div.card2{
	border: 2px solid #e9e9e9;
	/*padding: 15px 15px 10px 15px;*/
	padding: 10px 10px 2px 10px;

	height: 100%;
}

#et-boc div.card2,
#et-boc a#checkout {
	border-radius: 2px;
}

#et-boc .row.group,
#et-boc .row.destinies {
	margin-bottom: 15px;
}

#et-boc div.card2:hover{
	border: 2px solid '.$color.';
}


#et-boc div.card2 .body{
	text-align: center;
}

#et-boc div.card2 .body p{
	font-size: 15px;
}

#et-boc div.card2.destiny .body{
	padding: 20px 0 10px 0;
}

#et-boc div.card2.value .body{
	line-height: 1.2;
	padding: 2px 0;
}


#et-boc div.card2 .title,
#et-boc a#checkout {
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.9em;

}

#et-boc div.card2.destiny .title{
	padding-bottom: 15px;
	line-height: 1.3;
	font-size: 19px;
	text-align: center;
}

#et-boc div.card2.selected{
	border: 2px solid '.$color.';
}

#et-boc div.card2.selected .fa{
	opacity: 1;
	color: '.$color.';
}

#et-boc div.card2:not(.selected) .fa{
	opacity: 0;
}

#et-boc div.group:not(.active){
	display: none;
}

#et-boc div.group.active{
	display: flex;
}

#et-boc div.card2.frequency{
	text-align: center;
	padding: 8px 10px 3px 10px;
}

#et-boc input#other{
	font-size: 24px;
	font-weight: 500;
	border: 0;
	text-align: center;
	//background: linear-gradient(to right, #000, #000) 10px calc(100% - 5px)/calc(100% - 25px) 1px no-repeat;
}

#et-boc .onecustomvalue input#other{
	font-weight: 300;
	font-size: 28px !important;
}

input#other{
	box-shadow: none;
}


#et-boc .new-area .section-title{
	background-color: '.$color.';
}

#et-boc .card2 h4{
	padding-bottom: 0;
}

#et-boc .section-title{
	color: white !important;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 15px !important;
}


#et-boc a#checkout{
	background-color: '.$button_color.';
	color: white;
	padding: 15px 30px;
	font-weight: 600;
}

#et-boc a#checkout:hover{
	opacity: 0.9;
}

#et-boc a#checkout i.fa{
	padding-left: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}