/*
Theme Name: ONLINE VALLES
Template: kadence

*/


/* Theme admin customization starts here
-------------------------------------------------------------- */
.sbi_notice,
.trp-notice.error,
.sbi_notice.sbi_review_notice_step,
.trp-notice.trp-narrow.notice.notice-info,
.trp-notice.trp-narrow {
	display: none;
}




/* Theme customization starts here
-------------------------------------------------------------- */

.slider-productos ul.kb-query-grid-wrap {
	display: block;
}

.owl-carousel .owl-nav {
	height: 0;
}

.owl-carousel .owl-nav .ibq-owl-prev,
.owl-carousel .owl-nav .ibq-owl-next {
	position: absolute;
	top: 50%;
	padding: 0;
	margin: -15px 0 0 0;
	background: transparent;
	width:30px;
	height:30px;
}

.owl-carousel .owl-nav .ibq-owl-prev svg,
.owl-carousel .owl-nav .ibq-owl-next svg {
    fill: currentColor;
    height: 1em;
    width: 1em;
}
    
.owl-carousel .owl-nav .ibq-owl-prev {
	left: -40px;
	transform: scaleX(-1);
}

.owl-carousel .owl-nav .ibq-owl-next {
	right: -40px;
}





.owl-carousel .owl-dots {
	min-width: 120px;
	position: absolute;
	bottom: 24px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
}


.owl-carousel .owl-dots .owl-dot {
	padding: 0;
	border: 0;
	background: transparent;
	display: inline-block;
}


.owl-carousel .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: 4px;
	background: var(--global-palette8);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
}

@media (min-width: 600px) {
	.owl-carousel .owl-dots .owl-dot span {
		width: 12px;
		height: 12px;
	}
}




.owl-carousel .owl-dots .owl-dot.active span {
	background: var(--global-palette1);
}



.img-serveis:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 100%);
}




.site-footer,
.hero-section-overlay,
.cuadricula {
	background-image:
		linear-gradient(rgba(255, 255, 255, .07) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255, 255, 255, .07) 2px, transparent 2px) !important;
	background-size: 16px 16px, 16px 16px !important;
	background-position: -2px -2px, -2px -2px !important;
}

.cuadricula-b {
	background-image:
		linear-gradient(rgba(0, 0, 0, .07) 2px, transparent 2px),
		linear-gradient(90deg, rgba(0, 0, 0, .07) 2px, transparent 2px) !important;
	background-size: 64px 64px, 64px 64px !important;
	background-position: -2px -2px, -2px -2px !important;
}