/*
Theme Name: acuarelwoo-the7
Author: Acuarel Lab
Author URI: http://www.acuarel.es/
Description: Child Theme dt-the7
Version: 1.0
License: Uso interno
Template: dt-the7
*/


::-webkit-input-placeholder { /* WebKit browsers */
	color:    #0e8a2f;
	font-family: inherit;
	opacity:1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #0e8a2f;
	font-family: inherit;
	opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #0e8a2f;
	font-family: inherit;
	opacity:1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #0e8a2f;
	font-family: inherit;
	opacity:1;
}

/*Autofill de chrome Sacado de http://stackoverflow.com/a/14205994 */


/*Errores wpcf7*/
div.screen-reader-response {
    display: none;
}
span.wpcf7-not-valid-tip{
	display:none;

}


/*Resaltado de campos con error*/
div.wpcf7  .wpcf7-form-control-wrap input[type=text].wpcf7-not-valid ,
div.wpcf7  .wpcf7-form-control-wrap input[type=tel].wpcf7-not-valid,
div.wpcf7  .wpcf7-form-control-wrap input[type=email].wpcf7-not-valid,
div.wpcf7  .wpcf7-form-control-wrap input[type=number].wpcf7-not-valid,
div.wpcf7  .wpcf7-form-control-wrap input[type=date].wpcf7-not-valid,
div.wpcf7  .wpcf7-form-control-wrap textarea.wpcf7-not-valid,
div.wpcf7  .wpcf7-form-control-wrap  select.wpcf7-not-valid{
	border:1px solid #c00;
}



/*Formulario en si*/
div.wpcf7 form.wpcf7-form{
	display:block;
	position:relative;
	width: 99%;
  	margin:0 0.5%;
	border:0px solid #c00;
}




.wpcf7 input.wpcf7-text,
.wpcf7 input.text,
.wpcf7 input.fecha,
.wpcf7 textarea, .wpcf7 .textarea,
.sjb-multiple-checkbox,
.sjb-multiple-checkbox >h4.control{
	font-size: 17px;
	height: 1.5em;
	line-height: normal !important;;
	font-weight: normal;
	text-align: left;
	padding: 1em 1em;
	outline: none;
	color: #58585a;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background: #efefef;
	background-image: none;
	border: 1px solid #d9d9da;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.wpcf7 select, .wpcf7 .select{
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	outline: none;
	color: #58585a;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background: #efefef url('down-18x18.png') no-repeat right 5px center;
	border: 1px solid #d9d9da;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}



.wpcf7 textarea, .wpcf7 .textarea{
	height:8em;
	resize:none;
}

/*
	Xeralmente  1ª option será algo do tipo seleccione.e ese caso levará clase primera-no-vale
	e pode ir nun color igual ao dos placeholders si o form non usa labels
	Logo o select levará o color do placeholder por defecto e coa clase seguinte definimos
	o color cando seleccionas (activase via jQuery)
*/

.wpcf7 select,
.wpcf7  .select,
.wpcf7 select.selected,
.wpcf7 .select.selected{
	color:#58585a;
	min-width:0 !important;
}


.wpcf7 select:hover, .wpcf7 .select:hover,
.wpcf7 input.wpcf7-text:hover,
.wpcf7 input.text:hover, .wpcf7 input.fecha:hover,
.wpcf7 textarea:hover, .wpcf7 .textarea:hover,
.wpcf7 .sjb-multiple-checkbox:hover{
	border-color:#0e8a2f;

}



.wpcf7 .submit-wrapper{text-align: center; margin:1em 0 2em;}
.wpcf7 .submit-wrapper input{
	color:#fff !important;
	background:rgba(104, 30, 30, 0.7) !important;
}

.wpcf7 .submit-wrapper input:hover,
.wpcf7 .submit-wrapper input:active{
	background:#0e8a2f !important;
}
select, .select {
    color: #3fa8cb;
}

/*Checkbox*/
span.wpcf7-form-control-wrap input[type=checkbox] {
     position: relative;
     cursor: pointer;
     width:0;
}

span.wpcf7-form-control-wrap input[type=checkbox]:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: 0;
     left: 0;
     border: 2px solid #0e8a2f;
     border-radius: 3px;
     background-color: white;
}
span.wpcf7-form-control-wrap input[type=checkbox]:checked:after {
     content: "";
     display: block;
     width: 5px;
     height: 10px;
     border: solid black;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: 2px;
     left: 6px;
}
/*Axustamos a posicion do check biox por como fai o CF/ o dichos input, valgame dios*/
.wpcf7-acceptance span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
	padding-right: 1.2em;
}

/* Custom CF7 Loader */
div.wpcf7 .ajax-loader {
	background-image: url('./ajax-loader.gif');
	width: 31px;
	height: 31px;
	margin-left: 10px;
}




/*Dimensións de campos input*/
/*Contacto*/
span.wpcf7-form-control-wrap.su-email,
span.wpcf7-form-control-wrap.su-telefono  {
    float: left;
    width: 49%;
}
span.wpcf7-form-control-wrap.su-email{float:right;}


@media (max-width: 640px){
	span.wpcf7-form-control-wrap.su-email,
	span.wpcf7-form-control-wrap.su-telefono{
	    float: left;
	    width: 100%;
	    margin-bottom: 0;
	}
}

p.privacidad-acepta,
label.privacidad-acepta{
	display:block;
	margin-top: 1em;
	border:0px solid;
}
p.privacidad-acepta >span.wpcf7-form-control-wrap,
label.privacidad-acepta >span.wpcf7-form-control-wrap{
	margin-right:5px;
}

ul.privacidade{
	list-style-position: inside;
	font-size:14px;
	padding: 0;
    margin: 20px 0 20px 0;
    margin-bottom: 30px;
}

ul.privacidade li{
	padding-left:20px !important;
}

ul.privacidade li:first-child{
	color:#0e8a2f;;
	list-style: none;
	font-weight: bold;
	padding-left:0 !important;;
}
ul.privacidade li > span{
	display:inline-block;
	font-weight: bold;
	padding-right: 10px;
}

/* Kit Digital*/

.kit-digital{
    text-align: center;
    background-color: white !important;
    padding: 15px;
}

.kit-digital img{
    filter: grayscale(0%) !important;
    max-width: 75%;
    height: auto;
}

/* Bottom Bar Subvenciones */
.bottom-bar-subvenciones{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    background-color: white !important;
}
.bottom-bar-subvenciones p:first-child{
    text-align: right;
}

.bottom-bar-subvenciones p:nth-child(2), .bottom-bar-subvenciones p:nth-child(3){
    text-align: center !important;
}

.bottom-bar-subvenciones img{
    filter: grayscale(0%) !important;
    max-width: 45%;
    height: auto;
}

@media (max-width: 1024px){
    .bottom-bar-subvenciones{
        grid-template-columns: repeat(3, 1fr);
    }

    .bottom-bar-subvenciones img{
        max-width: 60%;
    }
}

@media (max-width: 768px){
    .bottom-bar-subvenciones{
        grid-template-columns: repeat(1, 1fr);
        text-align: center !important;
    }

    .bottom-bar-subvenciones p:first-child{
        text-align: center;
    }
    
    .bottom-bar-subvenciones img{
        max-width: 60%;
    }
}

/* WP Forms */
.wpforms-field-container .full{
    width: 100% !important;
}

.wpforms-field-container a{
    color: #2f366d !important;
}

.wpforms-field-container input, .wpforms-field-container select, .wpforms-field-container textarea{
    border: 0 !important;
    border-left: 2px solid #ece776 !important;
    border-radius: 0 !important;
}

.wpforms-field-container select{
    padding: 0 !important;
    padding-left: 16px !important;
}

.wpforms-submit-container button{
    color: #333333 !important;
    background-color: transparent !important;
    border: 1px solid #333333 !important;
    border-radius: 0 !important;
    transition: all 0.3s ease-out;
}

.wpforms-submit-container button:hover{
    background: transparent !important;
    color: #ece776 !important;
    border-color: #ece776 !important;
    transition: all 0.3s ease-out;
}

/*Alérgenos Menú Inicio*/
.owl-stage .dt-owl-item.active{
	width: 35px !important;
}

/*Mapa Web*/
.wsp-pages-list li.page_item a{
	color: #333333 !important;
	transition: all 0.3s ease-out;
}

.wsp-pages-list li.page_item a:hover{
	color: #ece776 !important;
	transition: all 0.3s ease-out;
}

/*Textos contacto debajo del mapa*/
.datos-contacto{
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Dancing Script';
	font-size: 18px;
	transition: all 0.3s ease-out;
}

.datos-contacto:hover{
	text-decoration: none;
	color: #ece776;
	font-family: 'Dancing Script';
	font-size: 18px;
	transition: all 0.3s ease-out;
}

/*Telefono cabecera*/
.tel_cabecera{
	text-decoration: none !important;
	color: #888888 !important;
	transition: all 0.3s ease-out;
}

.tel_cabecera:hover{
	text-decoration: none !important;
	color: #ece776 !important;
	transition: all 0.3s ease-out;
}

/*Carta de vinos*/

.columna_precio .vc_column-inner{
	padding: 0;
}

.movil_btl_copa_vinos{
	display: none;
}

.btl_copa_vinos{
	display: block;
}

@media (max-width: 767px){
	.columna_precio .vc_column-inner{
		padding-left: 25px;
    	padding-right: 25px;
	}
	
	.movil_btl_copa_vinos{
		display: block;
	}
	
	.btl_copa_vinos{
		display: none;
	}
}