/*
 Theme Name:   vibacar
 Template:     industrium
 Version:      1.0.0
 Text Domain:  industrium-child
*/

/* ------------------------------------------------------- */

/*=== 404 ===*/
div.error-404-container div.error-404-inner{
	padding: 10vw 0 54px !important;
}

div.error-404-button a.error-404-home-button.industrium-button{
	padding-right: 0;
	font-size: 20px;
	text-decoration: underline;
	line-height: 32px;
}


/*=== GENERAL ===*/

/*@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@200;300;400;500;600;700;800;900&display=swap');


/*h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	font-family: 'Golos Text', sans-serif !important;
}*/


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	font-family: 'Alexandria', sans-serif !important;
}

div.parrafo div p{
	margin-bottom: 0.6em !important;
	margin-top: 0.6em !important;
}

div.content-wrapper.content-wrapper-remove-top-margin{
	margin-bottom: 0;
}


h1.page-title{
	margin: 0 !important;
	text-align: center;
}


html{
	scrollbar-color: #EA5F2E #E1E6E9;
}


/*Elementor builder*/
.elementor-editor-active .elementor-select-preset-list{
	gap: 60px !important;
}

/*Menu*/

li.menu-item-17120{
	background-color: #EA5F2E;
	padding-right: 15px !important;
	padding-left: 15px !important;
}


li.menu-item-17120:hover{
	background: #ec6f42 !important;
	outline: #EA5F2E;
}

/*li.menu-item-17120 a:hover{
		background: none !important;
	outline: #EA5F2E;
	color: #EA5F2E !important;
}*/


li.menu-item-17120 a{
	color: #ffffff !important;
}

.header .main-menu ul.sub-menu > li > a:hover{
	color: #e95e2e;
}

/*Efecto*/
li.menu-item-17120{
	background-color: transparent;
	border: 2px solid #E95E2E;
	background: linear-gradient(to right, #EA5F2E 50%, transparent 0);
	background-position: right;
  	animation: llenar 1s 1s forwards;
	background-size: 200% 100%;
}


@keyframes llenar {
  100% {
    background-position: left;
  }
	0%{
		color: #ffffff;
	}
}









/*Topbar*/

div.top-bar-contacts.wrapper-contacts{
	font-weight: 300;
}

/*=== INICIO ===*/
	/*Servicios tarjetas*/

div.service-item a.service-slider-item-link{
	pointer-events: none;
}

ul.listado {
    display: none;
    /*position: absolute;*/
   /* opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
	transition-timing-function: ease;
    transition: opacity 0.3s, transform 0.3s;
	*/
	overflow: hidden;
	transition: color 0.3s, height 0.3s, margin 0.3s;
    transition-behavior: normal, normal, normal;
    transition-duration: 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
    transition-property: color, height, margin;
}

div.blq-servicio{
	height: 480px;
}

/*div.blq-servicio:hover ul.listado {
	cursor: pointer;
	height: 200px;
    display: block;
    opacity: 1;
    transform: scaleY(1);
}*/

/*div.blq-servicio:hover .ttl-servicio{
	margin-top: -5%;
}*/

div.blq-servicio{
	transition: all 500ms;
}

div.blq-servicio:hover{
	transform: translateY(-3px) scale(0.9);
}







/*Banner*/
div#bannerInicio div div h2 span span{
	font-weight: 700 !important;
}

/*=== QUIÉNES SOMOS ===*/

/*div.cursor_drag.active span{*/
	/*content: "Arrastra" !important;*/
	/*display: none;
}*/

/*=== SERVICIOS ===*/
/*div.txt-contorno div div.special-text.special-text-effect-stroke{
	-webkit-text-stroke: 2px #E95E2E !important;
	text-stroke: 2px #E95E2E !important;
}*/

div.caja-naranja div p{
	line-height: 1.4em;
}

/*=== CATÁLOGO ===*/

div.bb-0 div div div h3{
	border-bottom: 0 !important;
}

body.archive.woocommerce-shop div.body-container div.content-wrapper{
	margin-top: 5% !important;
	margin-bottom: 5% !important;
}

div.widget-wrapper h6.widget-title:before{
	display: none !important;
}

span.flash-item.new{
	display: none !important;
}



/*=== FICHA DE PRODUCTO INDIVIDUAL ===*/

button.wqoecf_close:hover{
	cursor: pointer;
}

div.page-title-container{
	display: none;
}

div.woocommerce-tabs.wc-tabs-wrapper{
	display: none;
}

body.product-template-default.single.single-product div.content-wrapper.content-wrapper-sidebar-position-none{
	margin-top: 5%;
}

div.product.type-product div.summary.entry-summary{
	padding-top: 5px;
	/*padding-bottom: 3%;
	padding-right: 3%;
	background-color: #E1E6E9;*/
}

	/*Caracteristicas*/
span.woocommerce-Price-amount.amount{
	font-size: 1.6em;
	font-weight: 800;
}

table.caracteristicas-ficha{
	font-size: 16px;
	width: 80% !important;
}

table.caracteristicas-ficha tbody tr{
	background-color: #fceeea;
}

td.col-izquierda strong{
	color: #17262f;
}

td.col-derecha{
	text-align: right;
}

table.caracteristicas-ficha tbody tr td{
	border: 0;
	border-bottom: 2px solid #E95E2E;
}

div.product_meta{
	display: none;
}

	/*Botón "Request a quote form"*/
a.wqoecf_enquiry_button{
	margin-top: 5%;
	border-radius: 0 !important;
}

a.wqoecf_enquiry_button:hover{
	background-color: #000000 !important;
}

	/*popup form*/
div.wqoecf-pop-up-box{
	border-radius: 0;
	width: 40%;
	background-color: #E1E6E9;
}

input[type="text"], input[type="email"], input[type="tel"]{
	background-color: #E1E6E9;
}

textarea.fondo-mensaje{
	background-color: #E1E6E9;
}

div#wpcf7-f16585-o1 div#responsive-form{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

div#wpcf7-f16585-o1 form{
	padding: 0;
}

p.wqoecf_form_title{
	font-weight: 800;
}

div.btnPopup p input{
	height: 50px;
}



	/*Productos relacionados*/

h2.industrium-heading span.industrium-subheading:before{
	display: none !important;
}

div.woocommerce-loop-product__wrapper{
	border: none !important;
}

/*=== FORMULARIOS ===*/

#responsive-form{
	max-width: 800px; /*-- ancho del formulario --*/
	margin:0 auto;
    width:100%;
}

div.form-row div.column-half{
	font-size: 16px;
}

div.form-row div.column-full{
	font-size: 16px;
}

input{
	width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"]{
	height: 40px !important;
}


div.form-row div{
	color: #000000;
}

div.aceptacion span{
	color: #000000;
}

input, textarea{
	font-size: 16px;
	color: #000000;
	background-color: #ffffff;
    border-color: #000000 !important;
}


div.form-row div span.rojo{
	color: #b20000;
	font-size: 16px;
}
.form-row{
	width: 100%;
}


.column-half{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.column-full{
	padding: 0.65rem;
	float: left;
	position: relative;
	width:100%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;/**/
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
div.btnEnviar input[type="submit"]{
	display: block;
	background-color: #1f1f1f !important;
	color: #ffffff;
	margin: 10.4px;
	padding: 10px;
	width: 20%;
}


.wpcf7-list-item > label > input[type=checkbox] + span  {
   white-space: nowrap;
}



div.btnEnviar input[type="submit"]:hover{
	background-color: #EA5F2E !important;
	color: #ffffff;
	border: 0;
}

input[type="checkbox"]{
	margin: 0;
	border: 1px solid;
}

div.aceptacion span.wpcf7-list-item-label a{
	color: #EA5F2E;
}

/*=== NOTICIAS ===*/
body.page-id-16908 div.content-wrapper.content-wrapper-sidebar-position-right{
	margin-top: 5%;
}

/*=== CONTACTO ===*/
div.formuContacto input[type="text"]{
	background-color: #E1E6E9;
}

div.formuContacto input[type="email"]{
	background-color: #E1E6E9;
}


div.formuContacto input[type="tel"]{
	background-color: #E1E6E9;
}

div.formuContacto textarea{
	background-color: #E1E6E9;
}

div.enlaceContacto div a:hover{
	color: #EA5F2E !important;
}

div.enlaceContacto div span a{
	text-decoration-color: #EA5F2E !important;	
}

div.enlaceContacto div span a:hover{
	color: #EA5F2E !important;	
}

textarea{
	height: auto;
}

input.adjunto-general, input.adjunto-oferta{
	font-size: 16px;
}

input.adjunto-oferta{
	background-color: #E1E6E9;
}

/*=== FOOTER ===*/

p span.iconos-redes a{
	padding: 5px;
}


/*=== OFERTAS DE EMPLEO ===*/
div.oferta-iconoTexto div div div h3.elementor-image-box-title{
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
}

div.enlace-oferta div div h2 > a:hover{
	color: red;
}

a.enlace-oferta{
	
}





/*================================== RESPONSIVE ========================*/

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


	/*Mayoria de smartphone*/

@media (320px <= width < 480px) {
	/*=== MENÚ ===*/

	div.contact-item.contact-item-address p.contact-item-title{
		visibility: hidden;
		position: relative;
	}

	div.contact-item.contact-item-address p.contact-item-title:after{
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
		content: "Ubicación";
	}

	div.contact-item.contact-item-phone p.contact-item-title{
		visibility: hidden;
		position: relative;
	}

	div.contact-item.contact-item-phone p.contact-item-title:after{
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
		content: "Teléfono";
	}
	
	/*=== INICIO ===*/
	
	div.blq-servicio{
		height: 330px;
	}
	
	div.bottom-area.dots-alignment-left{
		display: none;
	}
	
	/*=== CATÁLOGO ===*/
	
		/*popup form*/
	div.wqoecf-pop-up-box{
		border-radius: 0;
		width: 95%;
	}
	
	div.btnPopup p input{
		margin: 0;
	}
	
	div#wpcf7-f16585-o1{
		padding: 0;
	}
	
	
	/*=== FICHA DE PRODUCTO INDIVIDUAL ===*/
	
	body.product-template-default.single.single-product div.content-wrapper.content-wrapper-sidebar-position-none{
		margin-top: 0;
	}
	
	table.caracteristicas-ficha{
		width: 100% !important;
	}
	
	p.wqoecf_form_title{
		font-size: 1.3em !important;
		text-align: left !important;
		padding-left: 5%;
	}
	
	/*=== FORMULARIOS ===*/
	input[type="checkbox"]{
		width: 6%;
		/*width: 3%;*/
	}
	
	.wpcf7-list-item > label > input[type=checkbox] + span  {
   		white-space: normal;
	}
	
	div.btnEnviar p input[type="submit"]{
		width: 40%;
	}
	
	div.btnOferta p input[type="submit"]{
		width: 25% !important;
	}
}


@media (width <= 1280px) {
	section.blq-cronologia{
		padding-bottom: 66px !important;
	}
	
	div.wqoecf-pop-up-box{
		width: 90%;
	}
}


	/*Tablet */
@media (width <= 1024px) {
	
	/*=== FICHA DE PRODUCTO INDIVIDUAL ===*/
	
	table.caracteristicas-ficha{
		width: 100% !important;
	}
	
	body.product-template-default.single.single-product div.content-wrapper.content-wrapper-sidebar-position-none{
		margin-top: 0;
	}
	
}


@media (1280px <= width <= 1440px) {
	
	/*INICIO*/
	.elementor-widget-industrium_decoration.decoration-type-2 .decoration-widget .decoration-container .industrium-decoration > div:nth-child(2n){
		left: -98%;
	}
	
	/*FORMULARIO POPUP*/
	div.wqoecf-pop-up-box{
		width: 60%;
	}
	
}


