/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: SD Fisioterapia
 *
 */

/* HOME PAGE */

/* il centro */

header {
	height:70vh;
	background-image:url('../img/terapie/SDFISIOTERAPIA-HEADER-TERAPIE-STRUMENTALI.webp');
	background-size:cover;
	background-position:center;
	display: flex;           
    align-items: center;   
    justify-content: center;
}
header h1 {
  	font-size: clamp(30px, 4vw, 60px);
  	line-height: clamp(35px, 4vw, 65px);
  	font-weight:100;
  	color:#FFF;
  	text-align:center;
  	margin-top:96px;
}

.scroll-section {
	min-height: 100vh;
	padding:120px 0px;
}

#terapie-strumentali {
	padding:0px !important;
}

#terapie-strumentali .left-section {
	position: sticky;
    top: 0;
    height: 100vh;
    overflow:hidden;
    padding:120px 0px;
}

#terapie-strumentali .left-section a {
	display:block;
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: clamp(25px, 1.5vw, 35px);
	font-weight:200;
	padding:20px 0px;
	color:#2A3C51;
	text-decoration:none;
}

#terapie-strumentali .left-section a.active {
	font-weight:bold !important;
}

.text-section {
	border-left: 1px solid #2A3C51;
	padding:0px 50px;
}

.text-section img {
	border-radius:15px;
	margin:10px 0px 0px 0px;
}
#terapie-strumentali h3 {
	color:#2A3C51;
	font-size: clamp(30px, 3vw, 60px);
	line-height: clamp(35px, 3vw, 65px);
	font-weight:bold;
	margin-bottom:20px;
}
#terapie-strumentali h5 {
	color:#2A3C51;
	font-size: clamp(20px, 2vw, 50px);
	line-height: clamp(25px, 2vw, 55px);
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
}

#visita h3 {
	color:#2A3C51;
	font-size: clamp(30px, 5vw, 60px);
	line-height: clamp(35px, 5vw, 65px);
	font-weight:100;
}
#visita img {
	border-radius: 15px;
	margin-top:40px;
	transition: opacity 0.3s ease;
}
#visita .visita-links a {
	text-decoration: none;
	color: #2A3C51;
	display: block;
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: clamp(25px, 1.5vw, 35px);
	padding: 15px 0px;
	transition: color 0.3s ease;
}
#visita a:hover, #visita a:focus {
	color: #496A96;
	font-weight: bold;
}

#visita .visita-links a i {
	margin-left: 10px;
	opacity: 0;  /* Hide arrow by default */
	transition: opacity 0.3s ease;
}

#visita .visita-links a:hover i {
	opacity: 1;  /* Show arrow on hover */
}

@media (max-width: 575px) {
	#terapie-strumentali .left-section {
		height:auto;
		position: static;
		top:auto;
		overflow: visible;
		padding:60px 0px 0px 0px;
	}
	#terapie-strumentali .scroll-section {
		padding:60px 0px 0px 0px;
	}
	.text-section {
		border-left: 0px;
		padding:0px;
	}
}