/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/

	PARC HOTEL FLORA
	2025 - 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;}
.wpb_wrapper li {margin: 0 0 0.3rem !important;}
.wpb_wrapper ul {
    list-style-type: circle !important;
    margin-left: 1rem !important;
}


/*	HEADER*/
.ico-gallery img,
.ico-telefono img,
.ico-email img{
	transition: margin-top 0.4s;
}
.ico-gallery:hover img,
.ico-telefono:hover img,
.ico-email:hover img{
	margin-top:-7px;
	transition: margin-top 0.4s;
}




/*	MENU */
.w-nav-icon>div:after{width:80% !important;transition: width 0.4s;}
.w-nav-control:hover .w-nav-icon>div:after{width:100% !important;transition: width 0.4s;}
.w-nav-icon>div:before{transition: width 0.4s;}
.w-nav-control:hover .w-nav-icon>div:before{width:80% !important;transition: width 0.4s;}
.w-nav-control.active .w-nav-icon>div:after,
.w-nav-control.active .w-nav-icon:hover>div:before{width:100% !important;transition: width 0.4s;} 
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {padding:0px !important;}
.w-nav-icon {width: 1.5em !important;}
.w-nav-close{display:none !important;}
.w-nav-control span{font-size:14px !important;}
.w-nav-control:hover {text-decoration:none !important;}
.l-header .w-image {transition: height 0.9s !important;}
.current_page_item a{
	color:#AA76A4 !important;
}



/*	CAROSELLI */
.dx .owl-carousel .owl-prev{
	right:114% !important;
}
.dx .owl-carousel .owl-next{
	left:-13% !important;
}
.dx .owl-carousel .owl-nav button{
	top: 90% !important;
}
.sotto .owl-carousel .owl-prev{
	left:90% !important;
}
.sotto .owl-carousel .owl-next{
	left:95% !important;
}
.sotto .owl-carousel .owl-nav button{
	top: 100% !important;
}
.owl-dots .active span{color:#AA76A4 !important;}
.owl-carousel.navpos_inside .owl-prev,
.owl-carousel.navpos_inside .owl-next,
.owl-carousel.navpos_outside .owl-prev,
.owl-carousel.navpos_outside .owl-next{
	width:61px !important;height:61px !important;
}



/*	SLIDER */
.royalSlider .rsArrow:after {
    font-weight: 400;
	content: '\f177' !important;
}
.royalSlider .rsArrow.rsArrowRight:after {
    content: '\f178' !important;
}
.royalSlider .rsArrowLeft {
    left: auto !important;
	right:4rem !important;
}
.royalSlider .rsArrowRight {
	right:1.5rem !important;
}
.royalSlider .rsArrow {
    top: 95% !important;
    font-size: 2rem !important;
    line-height: 2rem !important;
    height: 2rem !important;
    width: 2rem !important;
    margin-top: -2rem !important;
}



/*	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;
}




/*	FORM */
.ui-datepicker table {
    width: 100%;
    font-size: 16px !important;
    margin: 0 0 .4em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: none !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
    line-height: inherit !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
}
.no-touch .ui-datepicker a:not(.ui-state-active):hover {
    background: var(--color-content-link) !important ;
    color: var(--color-content-bg) !important;
}
.ui-state-default.ui-state-active{
	background: var(--color-content-link) !important ;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0 !important;
}
.ui-widget-header {
    border: none !important;
    background: var(--color-alt-content-bg) !important ;
    color: var(--color-content-heading) !important ;
}
  .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: auto !important ;
}  
.ui-datepicker-title select{
	background:#FFF !important;
}





/*	TABLET
----------------------------------------------
IPAD 2160×1620 pixel a 264 ppi */
@media only screen 
  and (min-device-width: 850px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	  
}





/*	SMARTPHONE
----------------------------------------------*/
@media only screen and (max-width: 600px) { 

    .l-sidebar, .l-section.height_small, .l-section.height_medium {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .w-popup-box {
        width: 90% !important;
		margin-left:auto !important;
		margin-right:auto !important;
    }

}