/*
 *	Custom WPForms CSS file
 *	Author: Daniel Prol
 *	Author URI: http://www.acuarel.es/
 *	Version: 1.0
 **/

::placeholder {
	color:    #681e1e;
	font-family: inherit;
	opacity:1;
}


/*WPFORMS*/
.wpforms-container{
	--linea-normal:transparent;
	--accent-sitio:#ff4438;
	--negro-sitio:#333;
	--color-texto: #111;
}



div.wpforms-container .wpforms-field.half{
	flex-basis:48% !important;
}

@media (max-width: 768px){
	div.wpforms-container .wpforms-field.half{
		flex-basis:100% !important;
	}
}


div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 10px 0 !important;
}


div.wpforms-container .wpforms-field input{
	margin-bottom:0 !important;
}




/*Boton enviar*/


div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: var(--accent-sitio);
    color: #fff;
    font-size: 1em;
    padding: 10px 15px;
	border:none !important;
}





/*Campos GENERICOS*/







div.wpforms-container .wpforms-field input[type=text],
div.wpforms-container .wpforms-field input[type=email],
div.wpforms-container .wpforms-field input[type=tel],
div.wpforms-container .wpforms-field input[type=date],
div.wpforms-container .wpforms-field select,
div.wpforms-container .wpforms-field textarea{
	font-size: 16px;
	height: 1.5em;
	line-height: normal !important;;
	font-weight: normal;
	text-align: left;
	padding: 1em 1em;
	outline: none;
	color: var(--color-texto);
	appearance:none;
	background: #fff;
	background-image: none;
	border: 1px solid var(--linea-normal);
    border-radius: 0 !important;
    transition: all 0.3s ease;
}

div.wpforms-container .wpforms-field input[type=date]{
	height: 34px;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

div.wpforms-container .wpforms-field input.hasDatepicker{
    text-align: center !important;
}

/*Textarea*/
div.wpforms-container .wpforms-field.wpforms-field-text,
div.wpforms-container .wpforms-field.wpforms-field-textarea{
	flex-basis: 100%;
}

div.wpforms-container .wpforms-field textarea{resize:none; height:12em;}





/*Focus*/
div.wpforms-container .wpforms-field input[type=text]:not(.wpforms-error):focus,
div.wpforms-container .wpforms-field input[type=email]:not(.wpforms-error):focus,
div.wpforms-container .wpforms-field input[type=date]:not(.wpforms-error):focus,
div.wpforms-container .wpforms-field textarea:not(.wpforms-error):focus{
	border: 1px solid var(--negro-sitio);
}



/*Errores e ocultacions varias*/
div.wpforms-field-container .wpforms-field label.wpforms-error {
	display:none !important;
}

div.wpforms-container .wpforms-field div.wpforms-field-limit-text{display:none !important;}



/*Privacidad (colores xunto aos colores do formulario*/

.wpforms-field.rgpd{
	margin-top:1em !important;
}
.wpforms-container .wpforms-form ul.privacidade{
	list-style-type: disc !important;
	list-style-position: inside !important;
	padding: 0!important;
    margin: 20px 0!important;
    margin-bottom: 30px!important;
}

div.wpforms-container-full .wpforms-form ul.privacidade,
div.wpforms-container-full .wpforms-form ul.privacidade li {
	list-style-type: disc !important;
	list-style-position: inside !important;
	padding-left:20px !important;
	font-size:14px !important;
}

div.wpforms-container-full .wpforms-form ul.privacidade li:first-child{
	/* color:var(--negro-sitio); */
	list-style: none !important;
	font-weight: bold !important;
	font-weight:22px !important;
	padding-left:0 !important;
}
div.wpforms-container-full .wpforms-form ul.privacidade li > span{
	display:inline-block !important;;
	font-weight: bold !important;;
	padding-right: 10px !important;;
}
/* div.wpforms-container-full .wpforms-form ul.privacidade li > a,
div.wpforms-container-full .wpforms-form ul.privacidade li > a:visited{
	/* color:var(--accent-sitio);
} */

/*ESPECIFICOS SEGUN FORMULARIO*/

/*RESERVAR*/

.wpforms-container.reservar:not(.formulario-footer){
	width:100%;
	padding-top:40px; /*Para ter en conta a etiqueta RESERVAR*/
	padding-bottom:54px;
	/* border:2px solid var(--accent-sitio) !important;
	background: var(--accent-sitio); */
}
.wpforms-container.reservar >form{
	display:flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	justify-content: center !important;
	/* border:2px solid #f90 !important; */
}






.wpforms-container.reservar .wpforms-field-container{
	position: relative;
	width:76% !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center ;
	/* border:2px dashed #000 !important; */
}
.wpforms-container.reservar .wpforms-submit-container{
	width:76% !important;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	padding:2em;
	/* border:2px dashed #000 !important; */
}


.formulario-rojo  .wpforms-container.reservar .wpforms-field-container:after {
	display:inline-block;
	position: absolute;
	top:-33px;
	left:5px;
	color:#fff;
	font-weight: 400;
	content: "RESERVAR";
}
body.page-swift-developer-program-2022 .formulario-rojo.quierosaber  .wpforms-container.reservar:not(.formulario-footer) .wpforms-field-container:after{
	content: "QUIERO SABER MÁS";
}


.wpforms-container.reservar .wpforms-field{
	padding-bottom:1em !important;
}

div.wpforms-container.reservar .wpforms-field input{
	border: 1px solid transparent;
	height:5em !important;
	position:relative;
	transition: border 250ms ease-out;
}

/*Pero so checkboxes queremos standard*/
div.wpforms-container.reservar .wpforms-field input[type=checkbox]{
	height:auto !important;
}

.wpforms-container.reservar .wpforms-field input::placeholder{
	opacity:0.5 !important;
	font-size:15px;
	line-height:15px;
	position:absolute;
	top:7px;
	left:10px;
	transition: all 100ms ease-in;
}

div.wpforms-container.reservar .wpforms-field input.wpforms-error,
div.wpforms-container.reservar .wpforms-field input.wpforms-error::placeholder{
	color:#c00;
}


.wpforms-container.reservar .wpforms-field input:focus{
	transition: border 250ms ease-in;
}

.wpforms-container.reservar .wpforms-field input:focus::placeholder{
	font-size:13px;
	top:5px;
	transition: all 150ms ease-in;
}


.wpforms-container-full.reservar .wpforms-form button[type=submit]{
	border:none !important;
	background: none !important;
	transition:color 150ms ease-in;
	font-size:16px;
}
.wpforms-container-full.reservar .wpforms-form button[type=submit]:hover,
.wpforms-container-full.reservar .wpforms-form button[type=submit]:active{
	color:var(--color-texto);
}


/*Color formularios:*/


/*Formulario con fondo rojo:*/
.formulario-rojo .wpforms-container.reservar>form{
	border:2px solid var(--accent-sitio) !important;
	background: var(--accent-sitio);
}
.formulario-rojo .wpforms-container-full.reservar .wpforms-form button[type=submit]:hover,
.wpforms-container-full.reservar .wpforms-form button[type=submit]:active{
	color:var(--color-texto);
}

.formulario-negro .wpforms-container.reservar>form{
	border:2px solid var(--negro-sitio) !important;
	background: var(--negro-sitio);
}

.formulario-negro .wpforms-container-full.reservar .wpforms-form button[type=submit]:hover,
.wpforms-container-full.reservar .wpforms-form button[type=submit]:active{
	color:var(--accent-sitio);
}


/*Colores RGPD*/
/*RGPD formNegro*/
.formulario-negro .wpforms-field.wpforms-field-checkbox.rgpd{
	color:#fff;
}

.formulario-negro div.wpforms-container-full .wpforms-form ul.privacidade li:first-child{
	color:var(--accent-sitio);

}
.formulario-negro div.wpforms-container-full .wpforms-form ul.privacidade li > a,
.formulario-negro div.wpforms-container-full .wpforms-form ul.privacidade li > a:visited{
	color:var(--accent-sitio);
}

/*RGPD form rojo*/
.formulario-rojo .wpforms-field.wpforms-field-checkbox.rgpd{
	color:#fff;
}

.formulario-rojo div.wpforms-container-full .wpforms-form ul.privacidade li:first-child{
	color:var(--negro-sitio);

}
.formulario-rojo div.wpforms-container-full .wpforms-form ul.privacidade li > a,
.formulario-rojo div.wpforms-container-full .wpforms-form ul.privacidade li > a:visited{
	color:var(--negro-sitio);
}



/*Ajustes Varios*/

/*Flechas select formulario contacto*/
div.wpforms-container.contacto-aconding div.contacto-motivo  .choices__list{
	padding:0
}
div.wpforms-container.contacto-aconding div.contacto-motivo  .choices__inner{
	padding:1px ;
}
div.wpforms-container.contacto-aconding div.contacto-motivo  .choices__list > .choices__item:first-of-type{
	padding:0 0 0 1em;
}
div.wpforms-container .wpforms-form .choices:after {

	content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
	background: none;
	font-size:15px;
	width:1em !important;;
	height:1em !important;;
    right: 1em !important;
    top: calc(50% - 6px) !important;
	margin-top:0 !important;
    border-color: #ff4438 !important;
    border-style: solid !important;
    border-width: 0 2px 2px 0 !important;;
    transform: rotate(45deg) translate(-25%,-25%) !important;
	transition:all 150ms ease;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after {
	margin-top:0 !important;
	top: calc(50% - 10px) !important;
	transform: rotate(-135deg) translate(-25%,-25%) !important;
}

/*x de eliminar*/
div.wpforms-container.contacto-aconding  .choices__button{
	top:60% !important;
	right:1em !important;
}



/*formulario-footer*/
.wpforms-container.reservar.formulario-footer >form{
	justify-content: flex-start !important;

}

div.formulario-footer .wpforms-field-container{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wpforms-container.reservar.formulario-footer .wpforms-field-container,
.wpforms-container.reservar.formulario-footer .wpforms-submit-container{
	width:100% !important;
}

.wpforms-container.reservar.formulario-footer .wpforms-form button[type=submit] {
	font-weight: normal;
}