/*
Theme Name: inScialla Theme
Description: This is a custom child theme for InScialla Hostel
Theme URI:   https://www.inscialla.it
Author: Andrea Fiorito — Dogs Society
Author URI:  https://thedogssociety.com
Template: salient
Version: 1.0
*/

/* GENERALI */

/* Nasconde WP ADMIN BAR
#wpadminbar {display: none !important;}
#wpadminbar.mobile {display: none !important;}

html { margin-top: 0 !important;}*/ 

:root {
	--font-display: Barriecito, sans-serif;
	--font-body: Dosis, sans-serif;

	--text-display: clamp(4rem, 11vw, 10rem);
	--text-title: clamp(2.4rem, 15.5vw, 7rem);
	--text-subtitle: clamp(1.45rem, 5vw, 5rem);
	--text-body: clamp(1.1rem, 1.5vw, 2rem);
	--text-meta: clamp(.72rem, .75vw, .82rem);

	--lh-display: .88;
	--lh-title: .95;
	--lh-subtitle: 1.1;
	--lh-body: 1.45;
	--lh-meta: 1.15;
	
	--tracking-tight: -0.04em;
	--tracking-normal: -0.01em;
	--tracking-meta: .08em;
	
	--musk: #296070;
	--cream: #f7ebcc;
	--sand: #F9F0D6;
	--brown: #895835
}

/* Mobile : TYPOGRAPHY */
@media (max-width: 767px) {
	:root {
		--text-display: clamp(2.4rem, 20vw, 5.2rem);
		--text-title: clamp(2.4rem, 17vw, 5.2rem);
		--text-subtitle: clamp(2.45rem, 5vw, 5rem);
	}
}

/* Tablet: TYPOGRAPHY */
@media (min-width: 768px) and (max-width: 1024px){
	:root {
		
		--text-subtitle: clamp(2rem, 10vw, 3.5rem);
	}
}

/* Small Laptop: TYPOGRAPHY */
@media (min-width: 1000px) and (max-width: 1270px) {
	:root {
		--text-title: clamp(2.4rem, 15.5vw, 5rem);
		--text-subtitle: clamp(1.45rem, 4vw, 5rem);
	}
}
	
/* Override Salient Typography */
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
	.row .col h3,
	body h3 {
		font-size:var(--text-subtitle)!important;
		line-height:var(--lh-subtitle)!important;
	}
}

@media only screen and (max-width: 690px) {
    html body .nectar-split-heading.font_size_phone_9vw {
        line-height: 16vw;
    }
}

/* Override SEO hierarchy*/
.seo-title p {
	font-family: var(--font-display)!important;
	font-size: calc(var(--text-subtitle) * 1.2)!important;
	line-height: var(--lh-title);
	letter-spacing: var(--tracking-normal);
	text-transform:none!important;
}

.seo-subtitle h4,
.seo-subtitle p {
	font-family: var(--font-display)!important;
	font-size: var(--text-subtitle);
	line-height: var(--lh-subtitle);
	letter-spacing: var(--tracking-normal);
	text-transform:none!important;
}

.seo-p h3 {
	font-family: var(--font-body)!important;
	font-size: var(--text-body)!important;
	line-height: var(--lh-body)!important;
	letter-spacing: var(--tracking-normal)!important;
}

.seo-lead h3 {
	font-family: var(--font-display)!important;
	font-size: calc(var(--text-body) * 1.5)!important;
}

/* Display / Hero */
.tds-display,
body h1 {
  font-size: var(--text-display);
  line-height: var(--lh-display);
  letter-spacing: var(--tracking-tight);
  text-transform: uppercase;
}

/* Section Titles */
.tds-title,
body h2,
.col h2 {
  font-size: var(--text-title);
  line-height: var(--lh-title);
  letter-spacing: var(--tracking-tight);
}

/* Subtitles / H3 */
.tds-subtitle,
body h3,
h3 span,
.row .col h3 {
  font-size: var(--text-subtitle);
  line-height: var(--lh-subtitle);
  letter-spacing: var(--tracking-normal);
}

/* Body / Menu items / Buttons */
.tds-body,
body p,
body li,
body h4,
body h5,
.tds-button,
.tds-button span,
body li.menu-item a,
body li.menu-item a span,
.booking-form__field button span,
#faq .toggle>.toggle-title a {
  font-size: var(--text-body);
  line-height: var(--lh-body);
  letter-spacing: 0;
  font-weight: 400;
}

#faq .toggle>.toggle-title a {
	font-weight: 700!important;
}

.lista-servizi li {
	font-weight: 700;
}

body h4,
body h5,
.tds-button,
.tds-button span,
body li.menu-item a,
body li.menu-item a span,
.booking-form__field button span,
.cta-baloon p {
	text-transform:uppercase;
	font-weight: 600;
}

/* Meta / UI / Labels */
.tds-meta,
body label,
body input[type="submit"],
body button,
.tds-ticker,
.tds-caption,
.tds-eyebrow p,
p.tds-eyebrow,


.en-button p a,
body .menu-item a,
.nectar-scrolling-text-inner__text-chunk p,
#header-secondary-outer  li.menu-item a span,
.booking-form__field input,
.booking-form__field select,
.booking-form__field input[type="date"],
.booking-form__field input[type="text"],
.booking-form__field input#promotion_code {
  font-size: var(--text-meta);
  line-height: var(--lh-meta);
  letter-spacing: var(--tracking-meta);
  font-weight: 600;
  text-transform: uppercase;
}

/* POLICY PAGES */
.ins-legal h1,
.ins-legal h2,
.ins-legal h3 {
	color:var(--musk);
	margin-top: 50px;
	margin-bottom:25px;
}

 .ins-legal__table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 24px 0 30px;
    border: 1px solid var(--brown);
    border-radius: 16px;
	background:var(--sand);
  }

  .ins-legal table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 14px;
	background:var(--sand);
  }

  .ins-legal th,
  .ins-legal td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid var(--cream)!important;
    background:var(--sand);
  }

  .ins-legal th {
    font-weight: 700;
    background:var(--sand);
  }

  .ins-legal tr:last-child td {
    border-bottom: 0!important;
  }

/* GALLERY & LIGHTBOX */

.fancybox-bg {
	background-color:var(--cream)!important
}

.fancybox-toolbar .fancybox-button {
	background-color:var(--musk)!important
}

.wpb_gallery_slides img {
	border-radius:10px;
}

.wpb_gallery_slides ul.flex-direction-nav i {
	bottom:3px;
}

.wpb_gallery_slides ul.flex-direction-nav li a:hover {
	background-color:var(--brown)
}

/* CTA - Baloons */

.cta-baloon {
	overflow:hidden;
	
	display:block;
	position:absolute;
	top:-230px;
	left:100px;
	z-index:9999;
	
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg); 
}

.cta-baloon.brown {
	color:var(--cream);
	background-image:url("https://www.inscialla.it/wp-content/uploads/2026/05/cta-baloon-brown@2x.png");
}

.cta-baloon.brown-flipped {
	color:var(--cream);
	background-image:url("https://www.inscialla.it/wp-content/uploads/2026/06/cta-baloon-brown-flipped@2x.png");
}

.cta-baloon.cream-flipped {
	color:var(--musk);
	background-image:url("https://www.inscialla.it/wp-content/uploads/2026/05/cta-baloon-cream-flipped@2x.png");
}

.cta-baloon.musk-flipped {
	color:var(--cream);
	background-image:url("https://www.inscialla.it/wp-content/uploads/2026/06/cta-baloon-musk-flipped@2x.png");
}

.cta-baloon.one {
	width:215px;
	height:215px;
	
	top:-230px;
	left:100px;
	
	padding:50px 30px;
}

.cta-baloon.two {
	width:150px;
	height:150px;
	
	top:-10px;
	left:-10px;
	
	padding:40px 30px;
}

/* Large Screens: CTA - Baloons*/
@media (min-width: 1824px) {
	.cta-baloon.one {
		width:240px;
		height:240px;
		padding:35px 30px;
	}
}

/* Screens: CTA - Baloons*/
@media (min-width: 1025px) and (max-width:1297px) {
	.cta-baloon.two.brown-flipped {
		padding:55px 30px;
	}
}

/* Mobile : CTA - Baloons */
@media (max-width: 767px) {
		.cta-baloon.two {
		width:110px;
		height:140px;

		top:-30px;
		left:-15px;
	}
}

/* Tablet: CTA - Baloons */
@media (min-width: 768px) and (max-width: 1024px){
	.cta-baloon.one {
		width: 165px;
    	height: 205px;
    	top: -198px;
    	left: 0px;
	}
	.cta-baloon.two {
		width: 130px;
    	height: 130px;
    	top: -25px;
    	left: -25px;
    	padding: 35px 30px;
	}
}

/* LINK */

.nectar-link-underline-effect a {background-image:none!important;}

nav[aria-label="Secondary Navigation"] li a:hover i {
	color:var(--sand)!important;
}

/* BOTTONI */

.en-button p a {
	width:35px;
	height:35px;
	
	padding-top:10px;
	margin-top:5px;
	margin-right:5px;
	
	position:absolute;
	top:0px;
	right:-40px;
	
	color:var(--cream);
	background-color:var(--brown);
	border-radius:100px;
}

.en-button p a:hover {
	background-color:var(--musk);
	cursor:pointer;
}

.my-button {
	min-width: 225px;
	max-width:380px;
	
}

.my-button span a {
	font-weight: 200;
}

.fa.fa-arrow-down:before {
	content: "";
  	position: absolute;
  	bottom: -7px;
	right: 0px;
  	width: 18px;
  	height: 18px;
  	pointer-events: none;
	margin-left: 20px;

  	background-color: currentColor;

  	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;

  	-webkit-mask-size: contain;
  	mask-size: contain;
}

/* Tablet: BOTTONI */
@media (min-width: 768px) and (max-width: 1024px) {
	#about .nectar-cta span.link_wrap {
		max-width: 230px; 
	}
}

/* Small laptop: BOTTONI */
@media (min-width: 1000px) and (max-width: 1270px) {
	.my-button {
		min-width: 225px;
		max-width:280px;
	}
}
/* FOOTER */

#is-footer h4,
#is-footer h5 {
	text-transform:capitalize;
}

#is-footer a {
	color:var(--cream);
}

#is-footer a:hover {
	color:var(--sand);
}

#is-after-footer {
	overflow: visible;
}


#is-after-footer p,
#is-after-footer a {
	font-size:var(--meta);
}

.is-credits,
.tds-sign {
	position: absolute;
	bottom:10px;
}

.tds-sign {
	
	right:40px;
	background-color:var(--cream);
	border-radius:5px;
	
	display: flex;
	text-align: center;
	align-items:center;
	justify-content: center;
	
	width:300px;
	height:35px;
}

.tds-sign .vc_column-inner {
	padding-top:4px;
}

.tds-sign img {
	margin-top:3px;
	height:18px!important;
}

.tds-sign a {
	
	color: var(--musk)!important;
	font-weight: 700!important;
	Text-transform:uppercase!important;
	text-decoration:none!important;
	
	margin-top:4px;
	
	transition: opacity 1s ease;
}

.tds-sign a:hover {
	opacity:.7;
}

#footer-widgets {
	visibility:none;
	display:none;
}

#is-after-footer-mobile p,
#is-after-footer-mobile a{
	font-size:var(--text-meta);
}

.tds-sign-mobile a {
	font-weight: 700!important;
}

/* Mobile : FOOTER */
@media (max-width: 767px) {
	#is-footer .iwithtext .iwt-text {
    	padding-left: 40px;
	}
	
}

/* FAQ */


#faq .toggle .inner-toggle-wrap {
	padding-left:43px;
	padding-right:14px;
}

#faq .toggle>div {
	color: var(--musk);
	background-color:var(--cream)!important;
	box-shadow:none;
}

#faq .toggle:nth-child(even)>div {
	color: var(--brown);
	background-color:var(--cream)!important;
	box-shadow:none;
}

#faq .toggle[data-inner-wrap=true]>div .inner-toggle-wrap  {
	border-top:0px;
	border-bottom: 2px solid var(--musk);
	border-right:2px solid var(--musk);
	border-left:2px solid var(--musk);
	border-radius:0px 0px 20px 20px;
}

#faq .toggle:nth-child(even)[data-inner-wrap=true]>div .inner-toggle-wrap  {
	border-top:0px;
	border-bottom: 2px solid var(--brown);
	border-right:2px solid var(--brown);
	border-left:2px solid var(--brown);
	border-radius:0px 0px 20px 20px;
}

#faq .toggle>.toggle-title a {
	color:var(--cream);
	background-color:var(--musk);
	border:2px solid var(--musk);
	padding-right:10%;
}

#faq .toggles .toggle:nth-child(even)> .toggle-title a {
	background-color:var(--brown);
	border:2px solid var(--brown);
}


#faq .toggle>.toggle-title a:hover {
	color:var(--musk);
	background-color:var(--cream);
}

#faq .toggles .toggle:nth-child(even)> .toggle-title a:hover {
	color:var(--brown);
	background-color:var(--cream);
}

#faq .toggle.open>.toggle-title a {
	color:var(--musk);
	background-color:var(--cream);
	border-bottom:0px solid;
}

#faq .toggle:nth-child(even).open>.toggle-title a {
	color:var(--brown);
	background-color:var(--cream);
	border-bottom:0px solid;
}

#faq .toggle-title i {
	display: none;
	position:absolute;
	z-index:-1;
}

#faq .toggle-title a::after {
	content:'';
	position:absolute;
	width:28px;
	height:28px;	
	background-color:currentColor;
	top:30%;
	right:20px;
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
	transition: transform 0.4s ease-in-out;
}

#faq .toggle.open .toggle-title a::after {
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
	transform: rotate(180deg);
}

/* Mobile : TITOLO SEZIONE */
@media (max-width: 767px) {
	#faq .toggle>.toggle-title a {
		padding-right:55px;
	}
}

/* SERVIZI */

#servizi-desktop .lista-servizi ul li {
	font-size:20px;
}

#servizi .wpb_gallery_slides ul.flex-direction-nav {
	top:-35px;
	right:0px;
}

img.ico-moon {
	max-width:47%!important;
	margin-bottom:30px!important;
}

#servizi-mobile .nectar-badge__inner {
	font-size:calc(var(--text-body)*0.9);
	font-weight:700;
	}

/* Mobile : SERVIZI */
@media (max-width: 767px) {
	
	
	
	#servizi-mobile .wpb_gallery_slides ul.flex-direction-nav {
		top:10px;
		right:10px;
	}
	
	#servizi-mobile .wpb_gallery_slides ul.flex-direction-nav li a {
		/*background-color:transparent!important;*/
	}
	
	.ico-servizi .vc_column-inner {
		margin-bottom:10px;
	}
	
	.ico-servizi {
		margin-bottom:0px!important;
	}
}

/* Tablet: SERVIZI */
@media (min-width: 768px) and (max-width: 1024px) {
	#servizi-mobile .wpb_gallery_slides ul.flex-direction-nav {
		top:10px;
		right:10px;
	}
}

/* Small laptop: SERVIZI */
@media (min-width: 1000px) and (max-width: 1270px) {

	img.bradipo-servizi {width:230px;}
	img.stella-servizi {width:150px;}
	
}

/* CAMERE */

#camere .nana-tomi-wrap .wpb_gallery_slides ul.flex-direction-nav {
	top:10px;
	right:10px;
}

img.img-cards {
	max-height:90%!important;
}

#camere .ico-servizi .nectar_icon_wrap .nectar_icon i::before {
	display:none;
	position:absolute
}

#camere .ico-servizi h5 {
	color:var(--brown);
	opacity:0.7;
}

#camere .nectar_icon_wrap .nectar_icon i::after {
	content:'';
	position:absolute;
	width:100px;
	height:100px;	
	background-color:var(--brown); /* cambia il colore delle icone caratteristiche */
	top:0;
	left:0;
}

/* sostituzione con icone svg */

#camere .nectar_icon_wrap.letti .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-letti.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-letti.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.letti-grandi .nectar_icon i::after {
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-letti-grandi.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-letti-grandi.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.accesso .nectar_icon i::after {
	width:85px;
	height:85px;
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-accesso.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-accesso.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.armadietti .nectar_icon i::after {
	width:85px;
	height:85px;
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-locker.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-locker.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.prese .nectar_icon i::after {
	width:85px;
	height:85px;
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-prese.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-prese.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.lenzuola .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-lenzuola.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-lenzuola.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.bagni .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-bagni.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-bagni.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#camere .nectar_icon_wrap.wifi .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-bagni.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-wifi.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

/* EXTRA */
#servizi .nectar_icon_wrap .nectar_icon i::before {
	display:none;
	position:absolute
}

#extra h5,
#extra-mobile h5 {
	color:var(--musk)!important;
	opacity:0.7;
}

#servizi .nectar_icon_wrap .nectar_icon i::after {
	position: absolute;
	content:'';
	width:200px;
	height:200px;	
	background-color:var(--musk); /* cambia il colore delle icone caratteristiche */
	top:0;
	left:0;
}

/* Mobile : SERVIZI */
@media (max-width: 767px) {
	#servizi .nectar_icon_wrap .nectar_icon i::after {
	
	width:100px;
	height:100px;	
	
	}
}

/* Tablet: SERVIZI */
@media (min-width: 768px) and (max-width: 1024px) {
	#servizi .nectar_icon_wrap .nectar_icon i::after {
	
	width:100px;
	height:100px;	
	
	}
}

/* sostituzione con icone svg */

#servizi .nectar_icon_wrap.teli-bagno .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-telo-bagno.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-telo-bagno.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#servizi .nectar_icon_wrap.teli-mare .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-telo-mare.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-telo-mare.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#servizi .nectar_icon_wrap.ombrellone .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-ombrellone.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-ombrellone.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#servizi .nectar_icon_wrap.snack .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-snack.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-snack.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#servizi .nectar_icon_wrap.gadget .nectar_icon i::after {	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-gadget.svg") no-repeat center;
  	mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-ico-gadget.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

/* CHI SIAMO */

#chi-siamo .flickity-slider .cell img,
.vivi-inscialla .portfolio-items .col .work-item.style-1,
.vivi-inscialla .portfolio-items .col .work-item.style-2,
.vivi-inscialla .portfolio-items .col .work-item.style-3{
	border-radius:20px!important;
}

/* Mobile : CHI SIAMO */
@media (max-width: 767px) {
	#chi-siamo h2{
		color:var(--musk);
	}
	
	#chi-siamo h3,
	#chi-siamo p{
		color:var(--brown)!important;
	}
}

/* DICONO DI NOI */


#dicono-di-noi .review-wrapper p  {
	font-family:Barriecito;
	font-size:var(--text-title)!important;
}

#dicono-di-noi .review-number span.inner:before,
#dicono-di-noi .review-number span.inner:after {
	position: absolute;
	content:'';
	width:clamp(40px,6vw,80px);
	height:clamp(40px,6vw,100px);
	top:clamp(0px,5vw,13px);
	background-color:var(--musk); /* cambia il colore delle icone caratteristiche */
}

#dicono-di-noi .review-number span.inner:before {
	
	right:clamp(70px, 8vw, 150px);
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/06/inScialla_alloro_sx.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#dicono-di-noi .review-number span.inner:after {
	
	left:clamp(70px, 8vw, 150px);
	
	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/06/inScialla_alloro_dx.svg") no-repeat  center;
  	-webkit-mask-size: contain;
  	mask-size: contain;
}

#dicono-di-noi .review-text h5 {
	font-size:calc(var(--text-body)*1.1);
}

#dicono-di-noi img.review-logo {
	width:100%;
	height:30px;
}

#dicono-di-noi .booking img.review-logo {
	height: clamp(20px, 2vw, 30px);
}

/* Mobile : DICONO DI NOI */
@media (max-width: 767px) {
	#dicono-di-noi .review-wrapper p span {
	font-size:var(--text-title)!important;
	}
	
	#dicono-di-noi .review-number span.inner:before,
	#dicono-di-noi .review-number span.inner:after {
		width: clamp(80px, 6vw, 80px);
		height: clamp(55px, 6vw, 100px);
		top: clamp(0px, 5vw, 8px);
	}
}

/* Tablet: DICONO DI NOI */
@media (min-width: 768px) and (max-width: 1024px) {
	#dicono-di-noi .review-number span.inner:before,
	#dicono-di-noi .review-number span.inner:after {
		width: clamp(175px, 6vw, 80px);
        height: clamp(75px, 6vw, 100px);
        top: clamp(0px, 5vw, 31px)
	}
}


/* HEADER */

#header-outer.detached.at-top  {
	top:0px!important;
}

#header-outer.detached.scrolling{
	top:42px!important;
}

#header-outer.detached.scrolling.invisible {
	top:0px!important;
}

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a::before {
	background-color:transparent!important;
}

#header-outer.transparent {
	z-index: 0!important;
}

/* Mobile : HEADER */
@media (max-width: 767px) {
#header-outer.detached.scrolling {
	top:0px!important;
}
	#menu-main-pull-right {
		max-height:50px;
	}
}

/* Small Laptop: HEADER */
@media (min-width: 1000px) and (max-width: 1270px) {
	#header-outer[data-lhe="default"] #top nav > ul > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

/* Tablet: HEADER */
@media (min-width: 768px) and (max-width: 1024px) {
	#header-outer.detached.scrolling {
	top:39px!important;
}
}

/* Hero */

.hero-book-bar, .hero-menu{
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hero-book-bar .nectar-scrolling-text-inner__text-chunk span.custom::before { /*aggiunge stellina*/
	content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("https://www.inscialla.it/wp-content/uploads/2026/04/text-divider-star@2x.png") no-repeat center / contain;
}


.hero-menu .hero-nav ul {
  	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center      
}

.hero-menu .hero-nav li {
  	list-style-type: none;
	display: flex;        
  	justify-content: space-between;
}

/* Mobile : HEADER */
@media (max-width: 767px) {
	#menu-item-1483 {
		background-color: var(--musk);
		padding: 10px;
		border-radius: 8px;	
	}
	
	.menu-title-text {
		font-weight: 700;
	}
	
	.off-canvas-menu-container.mobile-only ul.menu:not(.secondary-header-items) {
		padding-bottom:10px;
		border-bottom:1px solid var(--cream);
	}
	
	.slide_out_area_close:before {
		background-color:transparent!important;
	}
	
	.slide_out_area_close .close-wrap .close-line {
		background: var(--cream)!important;
	}
	
	img.hero-logo {
		width:79px!important;
	}
}

/* =========================================
   BOOKING FORM — GRID
   ========================================= */

.booking-form {
  	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
  	gap: 16px;
  	align-items: end;
	font-size:15px;
}

#booking-form-one {
	background-color:transparent;
	
}

/* Booking form two responsive grid */

#booking-form-two .booking-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  align-items: end;
}

#booking-form-two .booking-form__field {
  min-width: 0;
}

#booking-form-two .booking-form input,
#booking-form-two .booking-form select,
#booking-form-two .booking-form button {
  width: 100%;
}

#booking-form-two .booking-form__field--submit button {
  width: 100%;
}

/* Mobile : Booking Form Grid */
@media (max-width: 767px) {
	
	#booking-form-one {
		background-color:transparent;
	}
	.booking-form {
  		grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
  		
	}
	#booking-form-two .booking-form {
  		grid-template-columns: 1fr;
	}
}


/* =========================================
   BOOKING FORM — FIELD WRAPPER
   ========================================= */

.booking-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.booking-form__field--date {
  position: relative;
}

/* =========================================
   BOOKING FORM — LABELS
   ========================================= */

#booking-form-two .booking-form__field label,
#booking-form-two .booking-form__field input,
#booking-form-two .booking-form__field input[type="text"],
#booking-form-two .booking-form__field select,
#booking-form-two .booking-form__field input::placeholder{
	color:var(--brown);
}

#booking-form-two .booking-form__field input,
#booking-form-two .booking-form__field select
{
	background-color:var(--sand);
}

.booking-form__field label {
  line-height: 1;
  letter-spacing: 0.08em;
  padding-left: 5px;
}

/* =========================================
   BOOKING FORM — INPUTS / SELECT / BUTTON
   ========================================= */

.booking-form__field input,
.booking-form__field select,
.booking-form__field button  {
  height: 54px;
  border-radius: 10px;
  padding: 0 16px;
  box-sizing: border-box;
}

.booking-form__field input,
.booking-form__field select {
  width: 100%;
}

.booking-form__field--select {
  position: relative;
}

.booking-form__field--select select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
}

/* nasconde freccia su IE/Edge vecchi */
.booking-form__field--select select::-ms-expand {
  display: none;
}

/* freccia custom */
.booking-form__field--select::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 18px;
  width: 12px;
  height: 12px;
  pointer-events: none;

  background-color: currentColor;

  -webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;
  mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-down-ico.svg") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

/* =========================================
   BOOKING FORM — DATE ICON HACK
   ========================================= */

.booking-form__field--date input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  padding-right: 48px;
}

.booking-form__field--date input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.booking-form__field--date::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 18px;
  width: 18px;
  height: 18px;
  pointer-events: none;
  background-color: currentColor;

  -webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-calendar-ico.svg") no-repeat center;
  mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/inScialla-calendar-ico.svg") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

/* =========================================
   BOOKING FORM — SUBMIT BUTTON
   ========================================= */

#booking-form-two .booking-form__field--submit button {
	color: var(--cream);
	background: var(--musk) !important;
  	border:1px solid var(--musk);
}

.booking-form__field--submit button {
 	width:100%;
  	cursor: pointer;
  	background-color:var(--cream)!important;
  	color:var(--musk);
	border:2px solid var(--musk)!important;
  	transition: 0.2s ease;
	
	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	white-space: nowrap;
}

.booking-form__field--submit button:hover {
  	color: var(--cream);
  	background: var(--musk);
  	border:2px solid var(--cream)!important;
}

.booking-form__field--submit button::after {
  	content: "";
  	display: inline-block;
  	width: 18px;
  	height: 18px;
  	margin-left: 10px;
  	background-color: currentColor;

  	-webkit-mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/cta-ico-arrow-diagonal.svg") no-repeat center;
 	 mask: url("https://www.inscialla.it/wp-content/uploads/2026/04/cta-ico-arrow-diagonal.svg") no-repeat center;

 	 -webkit-mask-size: contain;
 	 mask-size: contain;
}

/* =========================================
   BOOKING FORM — MEDIA QUERY
   ========================================= */

@media (max-width: 767px) {
  .booking-form {
    grid-template-columns: 1fr;
  }

  .booking-form__field--submit button {
    width: 100%;
    min-width: 0;
  }
}

/* ==========================================================
   COOKIEYES — visual translation banner EN
   Default: Italian texts
   English pages: CSS visual replacement
   ========================================================== */

/* CKY TYPOGRAPHY */

/* Titoli */

html[lang^="it"] .cky-notice p.cky-title,
html[lang^="en"] .cky-notice p.cky-title::after,
html[lang^="it"] .cky-preference-title,
html[lang^="en"] .cky-preference-title::after {
	font-size: calc(var(--text-body)*1.5)!important;
	line-height: 1.25!important;
	display: block;
	padding-bottom:5px;
}

/* descrizioni */

html[lang^="it"] .cky-notice-des p,
html[lang^="en"] .cky-notice-des::before,
html[lang^="it"] a.cky-policy,
html[lang^="en"] a.cky-policy::after,
html[lang^="it"] .cky-preference-content-wrapper p,
html[lang^="en"] .cky-preference-content-wrapper::before,
.cky-btn{
	font-size: var(--text-body)!important;
	line-height: 1.25!important;
	display: block;
	padding-bottom:5px;
}

/* bottoni */
html[lang^="it"] .cky-btn-accept,
html[lang^="en"] .cky-btn-accept::after,
html[lang^="it"] .cky-btn-reject,
html[lang^="en"] .cky-btn-reject::after,
html[lang^="it"] .cky-btn-customize,
html[lang^="en"] .cky-btn-customize::after{
	font-size: var(--text-body);
	line-height: 1.25;
	display: inline-block;
}

/* CKY STILE */

.cky-consent-bar,.cky-preference-center {
	background-color:var(--cream)!important;
	border-color:var(--cream)!important;
}

.cky-footer-shadow {
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--cream) 100%)!important
}

.cky-title, 
.cky-preference-title,
.cky-accordion-button,
.cky-accordion-header,
.cky-accordion-header .cky-accordion-btn,
.cky-accordion-header .cky-accordion-button button,
span.cky-always-active{
	color:var(--musk)!important;
}

.cky-notice-group, 
.cky-notice-des p, 
.cky-notice-des:before,
.cky-preference-body-wrapper, 
.cky-preference-body-wrapper p,
.cky-preference-content-wrapper,
.cky-accordion-header-des,
.cky-accordion-body ul li {
	color:var(--brown)!important;
}

.cky-notice-des a,
.cky-preference-body-wrapper a {
	color:var(--musk)!important;
}

.cky-btn, .cky-btn-customise, .cky-btn-reject, .cky-btn-preferences  {
	color:var(--musk)!important;
	background-color:var(--cream)!important;
	border-color:var(--musk)!important
}

.cky-btn-accept {
	color:var(--cream)!important;
	background-color:var(--musk)!important;
	border-color:var(--musk)!important
}

.cky-btn-revisit-wrapper {
	background-color:var(--musk)!important;
}

div[data-cky-tag="powered-by"],
a[aria-label="Visit CookieYes website"] {
	color:var(--brown)!important;
}

/* CKY SOSTITUZIONI IT > EN */

/* Title */
html[lang^="en"] .cky-notice p.cky-title {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-notice p.cky-title::after {
	content: "We use a few cookies. The easy ones.";

}

/* Description */
html[lang^="en"] .cky-notice-des p {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-notice-des::before {
	content: "We use necessary cookies to make the website work and a functional cookie to remember your selected language. We do not use advertising cookies, profiling, Google Maps or YouTube videos.Booking takes place through an external booking engine, with its own privacy and cookie policies. You can accept, reject or manage your preferences.";  
}

/* Cookie Policy link */
html[lang^="en"] a.cky-policy {
	font-size: 0 !important;
  	line-height: 0 !important;
}

html[lang^="en"] a.cky-policy::after {
	content: "Our cookie policy";
  	display: block;
}

/* Accept button */
html[lang^="en"] .cky-btn-accept {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-btn-accept::after {
	content: "Accept";
}

/* Reject button */
html[lang^="en"] .cky-btn-reject {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-btn-reject::after {
	content: "Reject";
	white-space: nowrap;
}

/* Customize button */
html[lang^="en"] .cky-btn-customize {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-btn-customize::after {
	content: "Customize";
	white-space: nowrap;
}

/* Preference Center */
html[lang^="en"] .cky-preference-title {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-preference-title::after {
	content:"Cookie preferences"
}

/* Preference Center Descrizione*/
html[lang^="en"] .cky-preference-content-wrapper p {
	font-size: 0 !important;
	line-height: 0 !important;
}

html[lang^="en"] .cky-preference-content-wrapper::before {
	content:"Here you can choose which cookies to allow.Necessary cookies are always active because they are required for the website to work properly. The functional cookie allows us to remember your selected language while you browse the website.We do not use advertising cookies, we do not carry out profiling, and we do not integrate services such as Google Maps or YouTube videos."
}

/* CKY SOSTITUZIONI EN > IT*/

/* Preference Center Titoletti */
html[lang^="it"] .cky-accordion-btn[aria-label="Necessary"],
html[lang^="it"] .cky-accordion-btn[aria-label="Functional"],
html[lang^="it"] .cky-accordion-btn[aria-label="Analytics"],
html[lang^="it"] .cky-accordion-btn[aria-label="Advertisement"]{
  font-size: 0 !important;
  line-height: 0 !important;
}

html[lang^="it"] .cky-accordion-btn[aria-label="Necessary"]::after,
html[lang^="it"] .cky-accordion-btn[aria-label="Functional"]::after,
html[lang^="it"] .cky-accordion-btn[aria-label="Analytics"]::after,
html[lang^="it"] .cky-accordion-btn[aria-label="Advertisement"]::after{
  display: inline-block;
  font-size: var(--text-body);
  line-height: 1.2;
  white-space: nowrap;
}

html[lang^="it"] .cky-accordion-btn[aria-label="Necessary"]::after {
	content:"Necessari"
}

html[lang^="it"] .cky-accordion-btn[aria-label="Functional"]::after {
	content:"Funzionali"
}

html[lang^="it"] .cky-accordion-btn[aria-label="Analytics"]::after {
	content:"Analitici"
}

html[lang^="it"] .cky-accordion-btn[aria-label="Advertisement"]::after {
	content:"Pubblicitari"
}

/* Preference Center Descrizioni */
html[lang^="it"] .cky-accordion-header-des p{
  font-size: 0 !important;
  line-height: 0 !important;
}

html[lang^="it"] #ckyDetailCategorynecessary .cky-accordion-header-des::before {
	content:"I cookie necessari servono ad abilitare le funzionalità di base del sito, come la gestione sicura delle preferenze di consenso. Questi cookie non memorizzano dati personali identificabili."
}

html[lang^="it"] #ckyDetailCategoryfunctional .cky-accordion-header-des::before {
	content:"I cookie funzionali aiutano a migliorare alcune funzionalità del sito, come ricordare le preferenze di navigazione o attivare eventuali funzioni collegate a servizi di terze parti."
}

html[lang^="it"] #ckyDetailCategoryanalytics .cky-accordion-header-des::before {
	content:"I cookie analitici vengono utilizzati per capire come i visitatori interagiscono con il sito. Questi cookie aiutano a raccogliere informazioni su dati come il numero di visitatori, la frequenza di rimbalzo e la provenienza del traffico."
}

html[lang^="it"] #ckyDetailCategoryperformance .cky-accordion-header-des::before {
	content:"I cookie di performance vengono utilizzati per comprendere e analizzare le principali prestazioni del sito, aiutandoci a offrire una migliore esperienza di navigazione ai visitatori."
}

html[lang^="it"] #ckyDetailCategoryadvertisement .cky-accordion-header-des::before {
	content:"I cookie pubblicitari vengono utilizzati per mostrare ai visitatori annunci personalizzati in base alle pagine visitate in precedenza e per analizzare l’efficacia delle campagne pubblicitarie."
}


 /* regole CSS specifiche per Safari */
@supports (hanging-punctuation: first) {

/* Override h3 dentro card SERVIZI*/
	#ajax-content-wrap .nectar-responsive-text[class*="font_size"] *, body .nectar-responsive-text[class*="font_size"] * {
	font-size:calc(var(--text-subtitle)*0.9);
	}
	
	#dicono-di-noi img.review-logo {
	height: clamp(20px, 2vw, 30px);
}
}