/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
	RESIDENCE MIRAMONTI	
	2026 Made in Ondanomala
*/


@import url('https://ondanomalaweb.it/utility/css/ondanomala.css');
.w-separator.align_left{ margin-left:0px !important; }
a.w-nav-control.active .w-nav-icon{color:#FFF !important;z-index:999 !important;}
.g-cols.via_grid { gap: var(--columns-gap, 4.5rem);}
.w-popup-box-title {font-size: 1.4rem !important;}
.l-main .wpb_text_column a{text-decoration:underline dotted;}
.rotazione {animation: rotazioneContinua 12s linear infinite;}
@keyframes rotazioneContinua {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

/*	LIGHTBOX */
.mfp-bottom-bar .mfp-title{ display:none; visibility:hidden;}
.mfp-bottom-bar .mfp-counter{ color:#FFF; font-weight:800; font-size:calc(22px + 1.5vw); margin-top:-3rem; margin-right:2rem;}

/*	CAROSELLI */
.owl-carousel .owl-nav button{width:61px !important;height:61px !important;}

/*	SLIDER 
----------------------------------------------*/
.rsBullets {display: flex;justify-content: right !important;bottom: 30px !important;width: 95% !important;position: absolute !important;z-index: 9 !important;}
.rsBullet span {background: rgba(255, 255, 255, 1);width: 15px !important;height: 15px !important;margin: 4px !important;border-radius:50rem !important;}
.rsBullet.rsNavSelected span {background: rgba(0, 0, 0, 1) !important;box-shadow: 0 0 0 0px;}
.royalSlider .rsArrow {top: 90% !important;font-size: 1rem !important;line-height: 65px !important;height: 70px !important;width: 70px !important;text-shadow: none !important;border: 2px solid #fff !important;border-radius:50rem !important;}
.royalSlider .rsArrowRight {right: 20px !important;}
.royalSlider .rsArrowLeft {right: 95px !important;left:auto !important;}


/*	GRADIENTE */
.row-gradient {
  --wipe-scale: 1;
  --wipe-origin: left;
  --wipe-direction: 90deg;
  position: relative;overflow: hidden;
}
/* Overlay animato */
.row-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    var(--wipe-direction),
    var(--content_bg_alt, #FFFFFF) 90%,
    transparent 50%
  );
  transform: scaleX(0);transform-origin: var(--wipe-origin);transition: transform 0.9s ease;pointer-events: none;z-index: 0;}
/* Contenuto sopra */
.row-gradient > * {position: relative;z-index: 1;}
/* Stato visibile */
.row-gradient.is-visible::before {transform: scaleX(var(--wipe-scale));}
/* SINISTRA → DESTRA */
.row-gradient-90 { --wipe-scale: 0.8; --wipe-origin: left; --wipe-direction: 90deg; }
.row-gradient-100 { --wipe-scale: 1.1; --wipe-origin: left; --wipe-direction: 90deg; }
/* DESTRA → SINISTRA */
.row-gradient-90-rev { --wipe-scale: 0.8; --wipe-origin: right; --wipe-direction: -90deg; }
.row-gradient-100-rev { --wipe-scale: 1.1; --wipe-origin: right; --wipe-direction: -90deg; }












/*	TABLET
----------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  	.royalSlider .rsArrow {
		top: 90% !important;
		font-size: 1rem  !important;
		line-height:36px !important;
		height: 40px !important;
		width: 40px !important;
		text-shadow: none !important;
		border: 2px solid #fff !important;
		border-radius:50rem !important;
	}
	.royalSlider .rsArrowRight {
		right: 20px !important;
	}
	.royalSlider .rsArrowLeft {
		right: 65px !important;
		left:auto !important;
	}
}


/*	SMARTPHONE
----------------------------------------------*/
@media only screen and (max-width: 600px) { 
	.l-section.wpb_row.height_medium{padding-bottom: 3rem !important;padding-top: 3rem !important;}
	.royalSlider .rsArrow {
		top: 90% !important;
		font-size: 1rem  !important;
		line-height:36px !important;
		height: 40px !important;
		width: 40px !important;
		text-shadow: none !important;
		border: 2px solid #fff !important;
		border-radius:50rem !important;
	}
	.royalSlider .rsArrowRight {
		right: 20px !important;
	}
	.royalSlider .rsArrowLeft {
		right: 65px !important;
		left:auto !important;
	}
	
	/* SINISTRA → DESTRA */
	.row-gradient-90 { --wipe-scale: 1.2; --wipe-origin: left; --wipe-direction: 90deg; }
	.row-gradient-100 { --wipe-scale: 1.2; --wipe-origin: left; --wipe-direction: 90deg; }
	
	/* DESTRA → SINISTRA */
	.row-gradient-90-rev { --wipe-scale: 1.2; --wipe-origin: right; --wipe-direction: -90deg; }
	.row-gradient-100-rev { --wipe-scale: 1.2; --wipe-origin: right; --wipe-direction: -90deg; }
	
}