/* BACKGROUNDS */

.testimonial-header-portfolio {
	background: url(../images/_img-sito/banner/portfolio-video/portfolio-video-luca-faccini-b&w.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center 0px !important;
}

.testimonial-header-agriturismo {
	background: url(../images/_img-sito/banner/portfolio-video/portfolio-video-luca-faccini-b&w.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center 0px !important;
}

#partners-slider .logo-item {
    width: 160px;
    height: 160px;
    
}

.fs-14 {
	font-size: 14px !important;
}

/* MARGIN */

.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}

.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}

/* MARGIN RIGHT */
.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
.mr120 { margin-right: 120px !important; }

/* MARGIN LEFT */
.ml0 { margin-left: 0px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }
.ml120 { margin-left: 120px !important; }



/* PADDING */

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}
.pt120 {padding-top: 120px !important;}


.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb120 {padding-bottom: 120px !important;}

.br-10 {border-radius: 10px}

.br-20 {border-radius: 20px}

/* WIDTH */

.w60 {
	width: 60%;
}

/*
.padding {
    padding: 6.0rem 0;
}
*/

.navbar-brand>img {
    width: 75%;
}

.footer_logo>img {
    width: 75%;
}

.padding_bottom-05 {
	padding-bottom: 0.5rem;
}

.bgdark {
	background: #2c77b3;
}

ul.social-icons li a, ul.social-icons-simple li a {
	border: 1px solid white;
}


.youtube:before {
	background: #ee0e0e !important;
}

.gradient-bg {
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#5192e1), color-stop(51%, #23ced5), to(#5192e1));
    background-image: -webkit-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -moz-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -o-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);
}

/* COLORS */

.webtags-portfolio li {
	margin: 1px;
}

ul.social_icon li, .webtags-portfolio li, .commment li {
	display: inline-block;
}

.webtags-portfolio li a {
	display: block;
}

.webtags-portfolio li a, .btn_reply {
	color: #fff;
	background: #24cdd5;
	border: 1px solid #24cdd5;
	font-size: 12px;
	margin: 2px 0;
	padding: 5px 1rem;
	border-radius: 24px;
}

.webtags-portfolio:hover li a, .webtags-portfolio li a:focus {
	border-radius: 24px;
	color: #6f6f6f;
	font-size: 12px;
	margin: 2px 0;
	padding: 5px 1rem;
	border: 1px solid #ececec;
	background: none;
}

.pb-title {
	padding-bottom: 120px;
}

ul.latest_news li {
	border-bottom: 0px solid !important;
}

.light-slider h2 {
	font-size: 20px !important;
}
.light-slider h2.subtitle {
	font-size: 30px !important;
}
.light-slider p {
	font-size: 48px !important;
}

.t-white, .whitecolor {
	color: #f9f9f9 !important;
}

.display-none {
	display: none !important;
}

.aboutus h3 {
	font-size: 2rem;
}

.services h3, .video h3, .foto h3 {
	font-size: 3rem;
}

.heading {
	color: #384141;
}

.defaultcolor {
	color: #08a4cc;
}

.color-cyan {
	color: #24cdd5;
}

body {
	color: #616161 !important;
}

/* FORM */

.form-contatti-short-custom {
	padding: 50px 40px 60px 40px;
	background-image: linear-gradient(to top, #2c77b3, #22a1cd);
	border-radius: 30px;
}

.form-control {
	border-radius: 10px;
}

ul.links li a::before, ul.links li a {
	color: #f9f9f9 !important;
}

.sky-button {
	background: #23ced5 !important;
	border: 2px solid #23ced5 !important;
}
.sky-button:hover {
	background: rgba(35, 206, 213, 0) !important;
	border: 2px solid  #f9f9f9 !important;
}

.whitebackground {
	background: #f9f9f9 !important;
}

.btn-contattami {
	background-color: rgba(255, 255, 255, 0);
	color: #24cdd5;
	border-color: #24cdd5;
}

.btn-contattami:hover {
	background-color: #24cdd5;
	color: #fff;
}

.privacy-wrapper {
	display: flex;
	align-items: center;
	gap: 8px; /* spazio tra checkbox e testo */
}

.privacy-wrapper label {
	margin: 0;
}

/* PORTFOLIO */

.services-main .services-content {
	border-radius: 20px;
}

/* ANIMAZIONI */

#button-overlay {
	will-change: transform, left;
	transform: scale(0.9) translateZ(0);
}

/* Contenitore quadrato e responsive */
#image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* mantiene il quadrato */
  overflow: hidden;
  border-radius: 30px;
}

/* immagini sovrapposte con dissolvenza incrociata */
.fade-image {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.fade-image.active {
  opacity: 1;
}

/* BUTTONS */
.btn-secondary {
	border-color: #24CDD5 !important;
	background: transparent !important;
	color: #24CDD5 !important;
	backdrop-filter: blur(3px); /* sfoca ciò che sta dietro */
	-webkit-backdrop-filter: blur(3px); /* compatibilità Safari */
	transition: all 0.3s ease;
}
.btn-secondary:hover {
	border-color: #fff !important;
	background-color: #fff !important;
	color: #24CDD5 !important;
	backdrop-filter: none; /* sfoca ciò che sta dietro */
	-webkit-backdrop-filter: none; /* compatibilità Safari */
	transition: all 0.3s ease;
}

.btn-primary:hover {
	backdrop-filter: blur(3px); /* sfoca ciò che sta dietro */
	-webkit-backdrop-filter: blur(3px); /* compatibilità Safari */
	transition: all 0.3s ease;
}

/* overlay */
#button-overlay {
  position: absolute;
  bottom: 10px;
  left: 1px;
  display: flex;
  gap: 10px;
  padding: 8px 8px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  backdrop-filter: blur(5px);
  z-index: 5;
}

/* effetto “attivo” per il bottone selezionato */
.btn-toggle.active {
  filter: brightness(1.0);
  box-shadow: 0 0 10px rgba(255,255,255,0.4);
  transform: scale(1.0);
  transition: all 0.2s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0);
}
.btn-toggle:not(.active) {
  opacity: 0.85;
  transition: all 0.3s ease-in-out;
  transform: scale(0.95);
  background: rgba(255,255,255,0);
  border: 1px solid #fff;
}

.gallery-hvr {
	background: radial-gradient(rgba(73, 116, 118, 0.6), rgba(87, 103, 121, 0.6) 50%);
	backdrop-filter: blur(4px);	
}

#youtube-carousel .owl-dots {
	position: absolute;
	bottom: -35px;       /* distanza dal fondo */
	left: 50%;          /* centro orizzontale */
	transform: translateX(-50%);
	display: flex;
	gap: 8px;           /* spazio tra i tondini */
	margin-top: 0;      /* rimuove il vecchio margin-top */
}

#youtube-carousel .owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #26313c;
	cursor: pointer;
	position: relative;
	transition: all 0.4s ease;
}

#youtube-carousel .owl-dot.active::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #24cdd5;
}



#youtube-carousel .owl-nav {
	position: absolute;
	bottom: -10px;          /* allinea verticalmente con i dots */
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 10;
}

#youtube-carousel .owl-prev,
#youtube-carousel .owl-next {
	background: none;
	border: none;
	font-size: 24px;
	color: #333;
	cursor: pointer;
}

#youtube-carousel .owl-prev:hover,
#youtube-carousel .owl-next:hover {
	color: #ffffff;
}

.pricing-list {
	padding: 0px;
}

.align-center-row {
	display: flex;
	flex-wrap: wrap;       /* mantiene il comportamento responsive */
	align-items: center;   /* centra verticalmente le colonne */
}

/* WHATSAPP BUTTON */

.whatsapp-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #25D366;
  color: #fff;
  font-size: 24px;
  padding: 7px 15px;
  border-radius: 50%;
  text-align: center;
  z-index: 9999; /* importante */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  filter: brightness(0.9);
  
}

.whatsapp-btn:hover {
	background-color: #1ebe57;
	transform: scale(1.1);
	color: #fff;
	filter: brightness(1.1);
}

.whatsapp-visible {
	display: block;
}


/* MENU */

.navbar-nav .nav-link {
	text-transform: none;
}


/* MOBILE */

@media only screen and (max-width: 480px) {
	
	/* MENU MOBILE */
	
	nav.fixedmenu a.sidemenu_btn span.grey {
		background: #878787 !important;
	}
	
	.transparent-bg:not(.fixedmenu) {
		background: transparent !important;
	}
	
	/* PADDING */
	.padding_bottom_portfolio {
		padding-bottom: 11rem;
	}
	
	.padding_top_portfolio {
		padding-top: 9rem;
	}
	
	/* MARGIN-MOBILE-ONLY */
	
	.mt-40-mobile {
		margin-top: 40px;
	}
	.mt-80-mobile {
		margin-top: 80px;
	}
	
	/* BANNER */
	
	.testimonial-header {
		background: url(../images/_img-sito/banner/portfolio-video/portfolio-video-luca-faccini-b&w.jpg) no-repeat !important;
		background-size: cover !important;
		background-position: center 0px  !important;
	}
	
	/* HOME-TITLES */
	
	.light-slider p {
		font-size: 27px !important;
	}
	
	.light-slider h2 {
		font-size: 13px !important;
		line-height: 20px !important;
	}
	
	.fs-12-mobile-extra {font-size: 12px !important;}
	.fs-13-mobile-extra {font-size: 13px !important;}
	.fs-14-mobile-extra {font-size: 14px !important;}
	.fs-15-mobile-extra {font-size: 15px !important;}
	.fs-16-mobile-extra {font-size: 16px !important;}
	.fs-17-mobile-extra {font-size: 17px !important;}
	.fs-18-mobile-extra {font-size: 18px !important;}
	.fs-19-mobile-extra {font-size: 19px !important;}
	.fs-20-mobile-extra {font-size: 20px !important;}
	.fs-21-mobile-extra {font-size: 21px !important;}
	.fs-22-mobile-extra {font-size: 22px !important;}
	.fs-23-mobile-extra {font-size: 23px !important;}
	.fs-24-mobile-extra {font-size: 24px !important;}
	.fs-25-mobile-extra {font-size: 25px !important;}
	.fs-26-mobile-extra {font-size: 26px !important;}
	
	.mtm20 {
		margin-top: 20px; !important;
	}
	
	p {
		font-size: 17px !important;
	}
	
	.d-none-mobile {
		display: none;
	}
	
	.pricing-list li {
		font-size: 15px;
	}
	
	.button-wrapper .button {
		display: block;          /* li fa andare uno sotto l'altro */
		width: auto;             /* evita che si allarghino a tutta la larghezza */
		margin: 10px auto;       /* distanza tra i button e centratura orizzontale */
		max-width: 170px;        /* opzionale: evita che diventino troppo larghi su desktop */
		box-sizing: border-box;  /* include padding e bordi nella larghezza */
	}
	
	.button-wrapper div {
		padding: 0 15px;         /* spazio ai lati su mobile */
	}
	
	/* FONT */
	.font-seo-section {
		font-size: 13px !important;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-left: auto;
		margin-right: auto;
	}
	
}

/* DESKTOP */

@media only screen and (min-width: 481px) {
	
	/* PADDING */
	.padding_bottom_portfolio {
		padding-bottom: 11rem;
	}
	
	.padding_top_portfolio {
		padding-top: 11rem;
	}
	
	.light-slider h1 {
		font-size: 35px !important;
	}
	
	.br-img-desktop {
		border-radius: 180px 0px 80px;
	}
	
	.fs-3rem-desktop {
		font-size: 3rem !important;
	}
	
	.fs-30-desktop {font-size: 30px;}
	.fs-20-desktop {font-size: 30px;}
	
	.mt-20-desktop {
		margin-top: 20px;
	}
	
	/* FONT */
	.font-seo-section {
		font-size: 14px !important;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* TEXT COLOR */

::placeholder {
	color: #c7c7c7 !important;
}

.getin_form .form-control {
	color: #878787 !important;
}

/* TEXT */

.fs-2 { font-size: 2px !important; }
.fs-4 { font-size: 4px !important; }
.fs-6 { font-size: 6px !important; }
.fs-8 { font-size: 8px !important; }
.fs-10 {font-size: 10px !important; }
.fs-11 {font-size: 11px !important; }
.fs-12 {font-size: 12px !important; }
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-32 { font-size: 32px !important; }
.fs-34 { font-size: 34px !important; }
.fs-36 { font-size: 36px !important; }
.fs-38 { font-size: 38px !important; }
.fs-40 { font-size: 40px !important; }
.fs-42 { font-size: 42px !important; }
.fs-44 { font-size: 44px !important; }
.fs-46 { font-size: 46px !important; }
.fs-48 { font-size: 48px !important; }
.fs-50 { font-size: 50px !important; }


p {
	font-size: 15px !important;
}