/*
 Theme Name:     Wola!
 Theme URI:      https://wolapublicidad.com
 Description:    Tema de Wola! Publicidad basado en Divi.
 Author:         Wola! Publicidad
 Author URI:     https://es.linkedin.com/in/emilio-mazuecos
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* Theme customization starts here
------------------------------------------------------- */

.w3eden .list-group-item:nth-child(3),
.w3eden .list-group-item:nth-child(4){
	display:none!important;
}

.wpdm-download-link.btn.btn-primary {
	margin:auto;
}

body a{color:#168282;}

/* WPCF7 FORMS */

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-number, .wpcf7-date, .wpcf7-select {
	background-color: #eee !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:20px 0 0;
}

.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-captchar:focus, .wpcf7-number:focus {
	background-color: #fff !important;
	transition:all 200ms;
}

form .wpcf7-submit {
	color: #168282 !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.wpcf7-submit:hover { 
	background-color: #eee; 
	border-color:#eee; 
	padding: 6px 20px !important; 
}

.wpcf7-acceptance {
	top: 0!important;
	position: inherit;
}

form .wpcf7-spinner {
	display: block;
	margin: 10px 0 0 auto;
}

/* FORM COLUMNS */

#responsive-form{
	/*	max-width:600px; -- cambiar esto para conseguir el ancho de la forma deseada --*/
	margin:0 auto;
	width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}