@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&family=Petit+Formal+Script&display=swap');

:root {
	--colore_1: rgb(0, 148, 199);
	--colore_2: rgb(194, 173, 141);
	--colore_1_alpha2: rgba(0, 148, 199,0.2);
	--colore_2_alpha4: rgba(194, 173, 141,0.4);
  --colore_testo_1: #707070;
  --bianco: #ffffff;
  --nero: #000000;
  --errore: #B22222;
  --placeholder: #999999;
  --dark: #141213;
}

/*GENERALI*/
html{overflow-x: hidden!important;background-color: #F3F1EE;}
/* clip (non hidden): taglia la foglia .le-vedute::after che sporge 450px sotto il footer senza rendere il body un contenitore scrollabile → evita la doppia barra di scorrimento */
body{overflow: clip!important;background-color: #F3F1EE;}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
	color:var(--colore_1)
}
button:focus,a:focus {outline: 0;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;color:var(--colore_testo_1);font-weight: 300;}
p,input,ul,li,label,table,tr,td,.le-vedutebutton{font-family: 'Montserrat', sans-serif;font-weight: 300;color:var(--colore_testo_1);font-size: 17px;line-height: 23px}
.petit{font-family: 'Petit Formal Script', cursive !important;}
label{line-height: 30px}
tr{border:1px solid #707070;}
td{border-right:1px solid #707070;padding: 10px;}
.pos-rel{position: relative;z-index: 2;}
.pos-rel>*{position: relative;z-index: 2;}
.colore_1{color:var(--colore_1);}
.colore_2{color:var(--colore_2);}
a{transition: all 0.3s ease;color:var(--colore_1);}
a:hover{color:var(--colore_1);}
dl, ol, ul {margin-top: 0;margin-bottom: 0;}

footer{background-color: var(--colore_2_alpha4);padding: 60px 0px;}
footer .studio09{max-width: 100px;width: 200px;}
footer .styled_btn,footer a{background: transparent;margin: 0;padding: 0;border: 0;color: var(--colore_testo_1);text-decoration: none;}
footer .styled_btn:hover,footer a:hover{background: transparent;margin: 0;padding: 0;border: 0;color: var(--colore_1);text-decoration: none;}
.border-top-1{border-top: 1px solid var(--colore_2);padding-top: 40px;margin-top: 40px;}
footer .logo_footer{width: 200px;max-width: 100%;}
.wow{visibility: hidden;}
ul{padding-inline-start: 0px;}

.navbar{background: transparent!important;z-index: 999;}
.navbar-toggler{background:#ffffff!important; width: 45px;height: 45px;border-radius: 60px;text-align: center;padding: 0;position: absolute;top: 120px;left: 42px;z-index: 100;}
.navbar-toggler-linea{transition: all 0.3s ease;border-radius:15px;background:var(--colore_testo_1)!important;height: 2px;width: 25px;margin-bottom: 5px;display:block;margin:0px auto 5px;position:relative;top:0;}
.navbar-toggler-linea:nth-child(3){margin-bottom: 0px; }
.menu-toggle-open .navbar-toggler-linea:nth-child(1){transform: rotate(45deg) translate(6px,6px);}
.menu-toggle-open .navbar-toggler-linea:nth-child(2){transform: translate(40px);opacity: 0;}
.menu-toggle-open .navbar-toggler-linea:nth-child(3){transform: rotate(-45deg) translate(4px,-4px);}
.navbar-dark .navbar-nav .nav-link{color: var(--colore_testo_1);text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover{color: var(--colore_1);text-transform: uppercase;}
.navbar-collapse {
    position: absolute;
    top: 170px;
    left: 0px;
	z-index: 100;
	background-color: #ffffff;
	padding: 15px;
	z-index: 99999;
}
.navbar-brand img{max-width: 110px;}


/*MARGIN-TOP*/
.mt-10{margin-top: 10px;}.mt-20{margin-top: 20px;}.mt-30{margin-top: 30px;}.mt-40{margin-top: 40px;}.mt-50{margin-top: 50px;}.mt-60{margin-top: 60px;}.mt-70{margin-top: 70px;}.mt-80{margin-top: 80px;}.mt-90{margin-top: 90px;}.mt-100{margin-top: 100px;}.mt-120{margin-top: 120px;}
/*MARGIN-BOTTOM*/
.mb-10{margin-bottom: 10px;}.mb-20{margin-bottom: 20px;}.mb-30{margin-bottom: 30px;}.mb-40{margin-bottom: 40px;}.mb-50{margin-bottom: 50px;}.mb-60{margin-bottom: 60px;}.mb-70{margin-bottom: 70px;}.mb-80{margin-bottom: 80px;}.mb-90{margin-bottom: 90px;}.mb-100{margin-bottom: 100px;}

.due-colonne{column-count: 2;column-gap: 50px;}

ul.due-colonne{margin-left: 20px;}
.fs-22{font-size: 22px;line-height: 28px}
.fs-24{font-size: 24px;line-height: 30px}
.fs-26{font-size: 26px;line-height: 32px}
.fs-40{font-size: 40px;line-height: 40px}
.fs-50{font-size: 50px;line-height: 50px}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-25{border-radius: 25px;}
.br-30{border-radius: 30px;}
.br-40{border-radius: 40px;}


/*.privacy {display: none;}*/

.slick-slide>a{margin: 0 10px;    display: block;}
.slick-next:before{
	content: "";
    position: absolute;
    background: url(../img/freccia.svg) no-repeat center center;
    background-size: 100%;
    top: 8px;
    left: 0;
    width: 19px;
    height: 21px;
    transition: all 0.3s ease-in-out;
	font-size:0!important;
}
.slick-prev:before{
	content: "";
    position: absolute;
    background: url(../img/freccia.svg) no-repeat center center;
    background-size: 100%;
    top: 8px;
    left: 0;
    width: 19px;
    height: 21px;
    transition: all 0.3s ease-in-out;
	font-size:0!important;
	transform: rotate(180deg);
}


/* BOTTONI */

.btn-success,
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	background-color: var(--colore_1);
	border-color: var(--colore_1);
}

.btn-success {
	transition: box-shadow .3s ease-in-out;
	transition-delay: 0;
}

.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	box-shadow: var(--colore_1_alpha2) 0 0 0 6px;
}

.btn-sm {
	padding-top: .5rem;
	padding-bottom: .375rem;
	font-size: 1rem;
}

.btn-circle.btn-sm {
	padding-left: .4375rem;
	padding-right: .4375rem;
	min-width: calc(.875rem + 1.5em + 2px);
}



/* FORMS */
.message {display: none;}
.form-check{position: relative;}
.form-group-material {
	margin-bottom: .625rem;
	padding-top: 1rem;
	position: relative;
}

.form-group-material .label {
	position: absolute;
	left: 0;
	text-transform: uppercase;
	font-size: 1.125rem;
	color: var(--placeholder);
	pointer-events: none;
	transform-origin: left top;
	transition: all .3s ease-in-out;
}

.form-group-material .label,
.form-group-material.active .label {
	transform: scale(.77777778);
	top: -5px;
}

.form-group-material .label {
	transform: scale(1);
	top: 1.5625rem;
}

.form-group-material .form-control {
	border-radius: 0;
	color: var(--nero);
	border:0;
	background: transparent;
	border-bottom: 1px solid var(--colore_testo_1);
	padding-left: 0;
}

.form-group-material .form-control:not(textarea) {
	height: calc(1.5em + 1rem + 1px);
}

.form-group-material .form-control:focus {
	outline: none;
	box-shadow: none;
}
.invalid-tooltip{padding: .03rem .3rem;font-size: 12px;top: 98%;border-radius: 0 0 .25rem .25rem}
label.error {
	margin-top: .5rem;
	margin-bottom: 0;
	color: var(--errore);
    width: 100%;
    font-size: 90%;
}

.form-control.error,
.form-control.error:focus {
	border-color: var(--errore);
	color: var(--errore);
}

.control-file {
	margin-top: 1.625rem;
	margin-bottom: 2.5rem;
	position: relative;
}

.control-file i {
	position: absolute;
	left: -.25rem;
	top: .5625rem;
	font-size: 1.625rem;
}

.control-file .file-path-wrapper {
	overflow: hidden;
}

.control-file input.file-path {
	padding: 0 0 0 2.125rem;
	border: none;
	border-radius: 0;
	background: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.125rem;
}

.control-file input.file-path::-moz-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	opacity: 1;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-moz-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path:-ms-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path:-ms-input-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path::-webkit-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-webkit-input-placeholder {
	color: var(--colore_1);
}

.control-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}
/*
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}
*/
.control-file input[type=file]::-webkit-file-upload-button {
	display: none;
}
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}

.glass-effect{background-color: #ffffff10;
backdrop-filter: blur(120x);
-webkit-backdrop-filter: blur(12px)}



#header{
	background: #F3F1EE url(../img/header.svg) no-repeat top center;
	background-size: cover;
	z-index: 0;
    position: relative;
	padding-top: 110px;
}



.le-vedute{position:relative;}
.le-vedute::after {content:"";
	position:absolute;
	background: url("../img/Tracciato 15.svg") no-repeat center center;
	background-size:100%;
	bottom: -450px;
    left: -720px;
    width: 910px;
    height: 680px;
	z-index: -1;
}

.la-nostra-struttura{position:relative;}
.la-nostra-struttura::after {content:"";
	position:absolute;
	background: url("../img/Tracciato 17.svg") no-repeat center center;
	background-size:100%;
    top: -150px;
    right: -400px;
    width: 700px;
    height: 960px;
	z-index: 0;
}



.nav.nav-pills{border-top:1px solid var(--colore_testo_1) ;border-bottom:1px solid var(--colore_testo_1) ;padding: 18px 0px;}
.nav.nav-pills button{background: transparent;font-weight: 300; color: var(--colore_testo_1);text-transform: uppercase;}
.nav.nav-pills button.active{color: var(--colore_1);background: #ffffff;}

.inner-pill{padding: 50px;}

.scopri{position:relative;z-index:2;padding-left: 20px;text-transform: uppercase;text-decoration: none;font-style: italic;color: var(--colore_testo_1);font-weight: 300;background: transparent;border: 0;}
.scopri::after {content:"";
	position:absolute;
	background:url("../img/freccia.svg") no-repeat center center;
	background-size:100%;
	top:2px;
	left:0;
	width:13px;
	height:16px;
	transition: all 0.3s ease-in-out;
}
.scopri:hover::after {
	left:2px;
}


.chiama{position:relative;z-index:2;padding-left: 25px;text-transform: uppercase;text-decoration: none;font-style: italic;color: var(--colore_testo_1);font-weight: 300;background: transparent;border: 0;font-size: 30px;font-weight: 200;}
.chiama::after {content:"";
	position:absolute;
	background:url("../img/freccia.svg") no-repeat center center;
	background-size:100%;
	top:8px;
	right:-28px;
	width:19px;
	height:21px;
	transition: all 0.3s ease-in-out;
	transform: rotate(180deg);
}
.chiama::before {content:"";
	position:absolute;
	background:url("../img/freccia.svg") no-repeat center center;
	background-size:100%;
	top:8px;
	left:-3px;
	width:19px;
	height:21px;
	transition: all 0.3s ease-in-out;
}
.chiama:hover::after {
	right:-32px;
}
.chiama:hover::before {
	left:-6px;
}

.nei-tuoi-momenti{position: relative;margin-left: -380px;width: 640px;}


.le-nostre-camere{background-color: #ffffff;padding: 100px 0px;margin-top: 100px;}



.commento{position:relative;padding-left: 20px;}
.commento::after {content:"“";
	position:absolute;
	top:11px;
	left:0px;
	color: var(--colore_1);
	font-family: 'Petit Formal Script', cursive !important;
	font-size: 55px;
}

/* Pagina Le Vedute */
.la-nostra-storia {
	background-color: #F3F1EE !important;
	/* padding: 100px 0px;
	margin-top: 100px; */
}

.row.w-75.p-3.d-flex.justify-content.separator {
    margin: 0 auto !important;
}




/* RESPONSIVE */

@media (max-width: 1199px) {
    .invalid-tooltip{font-size: 11px}
	.la-nostra-struttura::after {right: -490px;}
	.nei-tuoi-momenti{width: 570px;}

}



@media (max-width: 991px) {
    a,p,input,ul,li,table,tr,td{font-size: 16px;line-height: 24px}
	.fs-50{font-size: 40px;line-height: 40px}
	.fs-22{font-size: 18px;line-height: 22px}

}



@media (max-width: 767px) {
	#header{
		background: #F3F1EE;
	}
	.le-vedute::after{bottom: -320px;
		left: -550px;
		width: 771px;
		height: 600px;}
		.la-nostra-struttura::after {
			top: -220px;
			right: -430px;
			width: 550px;
			height: 960px;
		}
	.navbar-toggler{right: 30px;left: auto;top: 20px;}
    .due-colonne{column-count: 1;column-gap: 0px;}
    a,p,input,ul,li,label,table,tr,td{font-size: 15px;line-height: 22px}
	.navbar-collapse {
		top: 80px;
		right: 0px;
		left: auto;
		z-index: 100;
		padding: 5px 70px;
	}
	.navbar{position: fixed;
		width: 100%;top: 0;
		background: #ffffff!important;}
		.nei-tuoi-momenti{margin-left: 0px;width: 100%;}
		.le-nostre-camere{padding: 50px 0px;margin-top: 50px;}
		.nav.nav-pills button{    padding: 0.5rem 0.5rem;font-size: 12px;}
}


@media (max-width: 575px) {
	.le-vedute::after{bottom: -230px;
		left: -410px;
		width: 571px;
		height: 600px;
	}
	.la-nostra-struttura::after {
		top: -250px;
		right: -360px;
		width: 470px;
		height: 660px;
	}

	
	button.slick-next.slick-arrow {
		left: 50% !important;
	}

	button.slick-prev.slick-arrow {
		left: 40% !important;
	}

	div#header {
		padding-top: 100px !important;
	}
}

@media only screen and (max-width: 1024px)  {
	img.leaf-img {
		position: absolute !important;
		left: -14% !important;
		width: 34% !important;
		top: 6% !important;
	}

	img.leaf-img-soft {
		position: absolute;
		width: 40% !important;
	}
}

@media only screen and (max-width: 1799px) and (min-width: 1025) {
	img.leaf-img {
		position: absolute;
		left: -7%;
		width: 34%;
		top: 12%;
	}
}



/* slick slider */
.le-vedute .slick-slide img{
	width: 100%;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	object-fit: cover;
  }


.le-vedute .slick-carousel-full {
	margin: 0 auto;
	width: 100%;
	height: 500px;
  }
@media (max-width: 768px) {
	.le-vedute .slick-carousel-full,.le-vedute .slick-slide img{
		height: 300px;
	
	}
}
.le-vedute .slick-prev, .slick-next {
    position: absolute;
    top: unset !important;
    bottom: -45px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
}

/* full */
.le-vedute .slick-next {
    right: 48% !important;
}

.le-vedute .slick-prev {
    left: 48% !important;
}

/* vertical */
.le-vedute .slick-carousel-vertical .slick-prev {
    left: 46% !important;
}


.le-vedute .slick-carousel-vertical .slick-next {
    right: 46% !important;
}



p.le-vedute-desc{
	max-width: 750px;
	margin: 0 auto;

}

/* vertical */

.le-vedute .slick-carousel-vertical {
	margin: 0 auto;
	width: 100%;
	height: 750px !important;
}

.le-vedute .slick-carousel-vertical .slick-slide img{
	width: 100%;
	height: 750px !important;
	overflow: hidden;
	margin: 0 auto;
	object-fit: cover;
  } 

  @media (max-width: 768px) {
	.le-vedute .slick-carousel-vertical ,.le-vedute .slick-carousel-vertical .slick-slide img{
		height: 550px !important;
	}
}
/* Foglie background */

/* .la-nostra-storia {
	background-image: url("https://www.bb-levedute.it/assets/img/leaf-bg-left.svg");
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
} */

img.leaf-img {
    position: absolute;
    left: -20%;
    width: 35%;
    top: 50%;
}

img.leaf-img-soft {
    position: absolute;
    right: -10%;
    width: 25%;
    bottom: unset;
}


.font-500 {
	font-weight: 400 !important;
}

@media only scren and (max-width: 600px) {
	img.leaf-img-soft {
		right: 0;
		bottom: unset;
	}
}


button.slick-next.slick-arrow {
    top: 50% !important;
}

@media only screen and (max-width: 575px) {
	button.slick-next.slick-arrow {
		top: 115% !important;
	}

	button.slick-prev.slick-arrow {
		top: 115% !important;
	}
}

.le-vedute button.slick-next.slick-arrow {
    top: unset !important;
}

@media only screen and (max-width: 575px) {
	.le-vedute button.slick-next.slick-arrow {
		top: unset !important;
	}

	.le-vedute button.slick-prev.slick-arrow {
		top: unset !important;
	}

	.le-vedute .slick-carousel-vertical .slick-prev {
		left: 41% !important;
	}
}


.bandiera{max-width: 30px;margin-right: 5px;}
/* --- Selettore lingua (bandierine circolari, sempre visibile) --- */
.lang-flags { display: flex; align-items: center; gap: 12px; margin-left: auto; margin-right: 18px; }
.lang-flags a { display: block; line-height: 0; border-radius: 50%; opacity: .45; transition: opacity .2s; }
.lang-flags a:hover { opacity: 1; }
.lang-flags a.active { opacity: 1; box-shadow: 0 0 0 2px #5b93be; }
.lang-flags img { width: 28px; height: 28px; object-fit: cover; border-radius: 50%; display: block; }
@media (max-width: 767px) {
    /* sotto i 768px l'hamburger è fissato in alto a destra: le bandierine si spostano per non finirci sotto */
    .lang-flags { margin-right: 78px; }
    .lang-flags img { width: 26px; height: 26px; }
}

/* --- Blog --- */
.blog-card { background: #fff; height: 100%; }
.blog-card .blog-card-body { padding: 24px; }
.blog-date { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; opacity: .6; }
.blog-body img { max-width: 100%; height: auto; }
.blog-gallery img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }

/* copertina articolo: formato scelto dal pannello */
.cover-box { overflow: hidden; }
.cover-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cover-box.cover-orizzontale { aspect-ratio: 3/2; }
.cover-box.cover-quadrata { aspect-ratio: 1/1; }
.cover-box.cover-verticale { aspect-ratio: 2/3; }
.article-cover.cover-quadrata { max-width: 640px; margin-left: auto; margin-right: auto; }
.article-cover.cover-verticale { max-width: 460px; margin-left: auto; margin-right: auto; }