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

/* HOME PAGE */

/* welcome */

body {
	margin: 0;
    padding: 0;
    overflow-x: hidden;
}

header {
	height:100vh;
	background-size:cover;
	background-position:center;
	padding-top:28vh;
	position: relative;
	overflow: hidden;
}

header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

header video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

header .container-fluid {
	position: relative;
	z-index: 1;
}
header .discover span {
	color: #E0E0E0;
	padding-top:5px;
	display:block;
}
header .discover {
	position:absolute;
	bottom:3vh;
	width:100%;
	text-align:center;
}
header .discover a {
	text-decoration:none;
}
header h1 {
  font-size: clamp(30px, 4vw, 60px);
  line-height: clamp(35px, 4vw, 65px);
  color:#E0E0E0;
  font-weight:100;
}

header p {
  color:#FFF;
  font-weight:300;
  margin-top:25vh;
}

#intro, #collaboratori, #partner-sportivi, #partner-assicurativi {
	background-image:url('../img/bg/bg-1.svg');
	background-size:cover;
}

#intro h2, #collaboratori h2 {
	color:#2A3C51;
	font-size: clamp(30px, 5vw, 60px);
	line-height: clamp(35px, 5vw, 65px);
	font-weight:100;
	text-align:right;
}
#intro video, #collaboratori video {
	border-radius: 15px;
	margin-top:70px;
}

#titolari {
	padding:0px;
	color:#BFD0E8;
}
#titolari h3 {
	font-size: clamp(30px, 5vw, 60px);
	line-height: clamp(35px, 5vw, 65px);
	font-weight:100;
	margin-bottom:30px;
	margin-top:10px;
}
#titolari .row {
	padding:120px 0px;
}
#titolari span {
	background-color:#618ECA;
	font-size: 10px;
  	line-height: 10px;
  	padding:4px 10px;
  	border-radius:10px;
  	color:#FFF;
}
#titolari .cit {
	color:#618ECA;
	font-size: 30px;
  	line-height: 38px;
	margin-top:40px;
	font-weight:150;
	font-style: italic;
}
#partner-sportivi h2, #partner-assicurativi h2 {
	color:#2A3C51;
	font-size: clamp(30px, 5vw, 60px);
	line-height: clamp(35px, 5vw, 65px);
	font-weight:100;
	margin-top:120px;
}
#partner-sportivi img, #partner-assicurativi img {
	width:60%;
	margin-bottom:20px;
}
#partner-sportivi a, #partner-assicurativi a {
	text-decoration:none;
	color:#2A3C51;
	padding:10px 0px;
}
#partner-sportivi ul, #partner-assicurativi ul {
	list-style-type: none;
	padding:0px;
	margin-top:10px;
}
#partner-sportivi li, #partner-assicurativi li {
	padding:2px 0px;
}
#partner-sportivi a:hover, #partner-sportivi a:focus, #partner-sportivi a:active, #partner-assicurativi a:hover, #partner-assicurativi a:focus, #partner-assicurativi a:active {
	font-weight:bold;
}


		.horizontal-section {
            height: 100vh;
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .horizontal-wrapper {
            position: relative;
            height: 100%;
            width: fit-content;
            display: flex;
        }
        
        .horizontal-slide {
            width: 100vw;
            height: 100%;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
        }
        
        .slide-content {
			background-size: contain;
			width:86vw;
			min-height:71vh;
			background-repeat:no-repeat;
			padding:80px 100px;
			transition: background-image 0.3s ease-in-out;
        }
        .slide-content h2 {
			color:#2A3C51;
			font-size: clamp(30px, 5vw, 60px);
			line-height: clamp(35px, 5vw, 65px);
			font-weight:100;
			margin-bottom:60px;
		}
        .slide-content 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: all 0.3s ease;
		}
		.slide-content a:hover, .slide-content a:focus {
			color:#496A96;
			font-weight:bold;
		}
		.slide-content button {
			margin-top:20px;
		}

		#terapie-mobile {
			padding: 60px 0px;
		}
		
		.terapie-section {
			position: relative;
			margin-bottom: 60px;
		}
		
		.terapie-section:last-child {
			margin-bottom: 0;
		}
		
		.terapie-overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: left;
			padding: 40px 20px;
		}
		
		#terapie-mobile h2 {
			color:#2A3C51;
			font-size: clamp(30px, 5vw, 60px);
			line-height: clamp(35px, 5vw, 65px);
			font-weight:100;
			margin-bottom: 20px;
		}
		
		.terapie-links {
			margin-top: 0;
			padding: 0;
			margin-bottom: 0;
			text-align: left;
		}
		
		.terapie-links a {
			display: block;
			color: #2A3C51;
			text-decoration: none;
			font-size: 16px;
			line-height: 1.6;
			margin-bottom: 15px;
			transition: color 0.3s ease;
		}
		
		.terapie-links a:hover {
			color: #618ECA;
		}		

@media (max-width: 575px) {
	#professionistiqualificati .text-description {
		padding: 30px;
	}
	.discover {
		display:none;
	}
	section {
		padding:60px 0px;
	}
	video {
		margin-top:20px !important;
		margin-bottom:20px;
	}
	.btn-1 {
		margin-left:0px;
	}
	#partner-sportivi h2, #partner-assicurativi h2 {
		margin-top:0px;
		margin-bottom:40px;
	}
	#intro h2, #collaboratori h2 {
		text-align:left;
	}
	#partner-assicurativi {
		padding-top:0px;
	}
	#titolari .row {
		padding:60px 0px;
	}
	#titolari img {
		margin-top:30px;
	}
}