/* Regole estratte da demo-dentist.css (03.html) per hero slider e frecce owl,
   usate sopra la skin cleaning-services (01.html) */

.owl-carousel-light {
	z-index: initial !important;
}

.owl-carousel-light .owl-stage {
	background: var(--light);
}

.owl-carousel.custom-nav-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-1 .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	background: var(--quaternary, #f4f4f4) !important;
}

.owl-carousel.custom-nav-1 .owl-nav .owl-prev:before, .owl-carousel.custom-nav-1 .owl-nav .owl-next:before {
	color: var(--dark, #212529);
	left: 0 !important;
	top: 1px !important;
	font-size: 16px !important;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav {
	z-index: 5;
	top: 100%;
	transform: none !important;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-prev {
	transform: none !important;
	left: auto;
	top: -62px;
	right: 63px;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-next {
	transform: none !important;
	top: -62px;
	right: 12px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav {
	margin-top: -45px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-prev {
	margin-left: -25px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-next {
	margin-right: -25px;
}

/* Hero home: slider della 03 con l'onda (shape-divider) della 01.
   Nella 01 l'onda e' alta 576px fissi, troppo per uno slider: qui resta larga
   quanto la pagina e viene schiacciata in verticale, cosi' scala con la viewport. */
.section.section-with-shape-divider.custom-hero-slider-wrapper .shape-divider {
	height: 17vw;
	z-index: 4;
	pointer-events: none;
}

.section.section-with-shape-divider.custom-hero-slider-wrapper .shape-divider svg {
	top: auto;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: auto;
	transform: scaleY(.57);
	transform-origin: 50% 100%;
}

/* Frecce e testi dello slider restano sopra l'onda (a destra sale di ~9vw) */
.custom-hero-slider-wrapper .owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-prev,
.custom-hero-slider-wrapper .owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-next {
	top: calc(-62px - 10vw);
}

.custom-hero-slider-wrapper .owl-item .row {
	padding-bottom: 7vw;
}

/* Menu laterale delle sottopagine: la freccia resta sulla prima riga anche
   quando la voce va a capo (nel tema e' centrata sull'intero blocco) */
.custom-nav-list-effect-1 > li > a {
	display: block;
}

.custom-nav-list-effect-1 > li > a:before {
	top: .8em;
	top: .5lh;
}

/* Foto specializzazioni con taglio rettangolare come le anteprime blog */
.custom-specialization-card .thumb-info,
.custom-specialization-card .thumb-info-wrapper,
.custom-specialization-card img {
	border-radius: 0 !important;
}