/*************** Globale / Navbar ***************/ 
* {
	margin: 0;
	padding: 0;	
}

body {
	font-family: sans-serif;
}

td {
	padding-right: 20px; 
}

#nav-bar {
	position: sticky;
	top: 0;
	z-index: 10;
}

.navbar {
	background-image: linear-gradient(to right, #0da64a, #087333);
	padding: 0 !important;
}

.navbar-brand img {
	height: 40px;
	padding-left: 20px;
}

.navbar-nav li {
	padding: 0 10px;
}

.navbar-nav li a {
	color: #fff !important;
	font-weight: 600;
	float: center;
	text-align: center;
}

.navbar-toggler {
	outline: none !important;
}

.fa-bars {
	color: #fff;
	font-size: 30px !important;	
}

.title::before {
	content: '';
	background: #0da64a;
	height: 5px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	transform: translateY(63px);
}

.title::after {
	content: '';
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	display: block;
}

.img-animate-1 {
  animation: inclinazione 4s 1 forwards;
}

@keyframes inclinazione {
  0% {
    transform: rotate(0deg); /* Posizione neutra */
  }
  25% {
    transform: rotate(-10deg); /* Inclinazione a destra */
  }
  50% {
    transform: rotate(10deg); /* Inclinazione a destra */
  }
  100% {
    transform: rotate(0deg); /* Ritorno alla posizione neutra */
  }
}

/*************** Banner Description ***************/

#banner {
	background-image: linear-gradient(to right, #0da64a, #087333);
	color: #fff;
	padding-top: 5%;
}

.banner-title {
	font-size: 40px;
	font-weight: 600;
	margin-top: 5%;
}

.banner-play-button {
	width: 40px;
	margin: 20px;
}

#banner a {
	color: #fff;
	text-decoration: none;
}

.wave-image-separator {
	width: 100%;
}

#banner table {
	margin: auto;
	display: block;
	width: 80%;
}

/*************** Collaborazioni ***************/

#chisiamo {
	padding-top: 45px;
	padding-bottom: 5%;
}

#chisiamo p {
	font-size: 20px;
	font-weight: 450;
	text-align: center;
}

#chisiamo a {
	color: #087333 !important;
	text-decoration: none !important;
}

#chisiamo a:link {
	color: #087333 !important;
}

#chisiamo a:visited {
	color: #087333 !important;
}

#chisiamo a:hover {
	color: #0da64a !important;
}

/*************** Sponsor ***************/

#sponsor {
	background: #f8f9fa;
	padding-top: 45px;
	padding-bottom: 5%;
}

.sponsor-img {
	width: 100px;
	margin-top: 20px;
}

.sponsor {
	padding:20px;
}

.sponsor h4 {	
	padding: 5px;
	margin-top:25px;
	text-transform: uppercase;
}

/*************** Collaborazioni ***************/

#collaborazioni {
	padding-top: 45px;
	padding-bottom: 5%;
}

.collaborazioni-img {
	width: 100px;
	margin-top: 20px;
}

.collaborazioni {
	padding:20px;
}

.collaborazioni h4 {	
	padding: 5px;
	margin-top:25px;
	text-transform: uppercase;
}


/*************** Eventi ***************/

#eventi {
	background: #f8f9fa;
	padding-top: 45px;
	padding-bottom: 5%;
}

.eventi-title {
	font-size: 30px;
	font-weight: 600;
	margin-top: 8%;
}

#eventi ul li {
	margin: 10px 0;
	
}

#eventi ul {
	margin-left: 20px;
}

#eventi p {
	font-size: 20px;
	font-weight: 450;
	text-align: center;
}

/*************** Testimonianze ***************/

#testimonianze {
	padding-top: 45px;
	padding-bottom: 5%;
}

.testimonianze-title {
	border-left: 4px solid #087333;
	margin-top: 50px;
	margin-bottom: 50px;
}

#testimonianze p {
	font-size: 20px;
	font-weight: 450;
	text-align: center;
}

/*************** Contatti ***************/

#contatti {
	background: #f8f9fa;
	padding-top: 45px;
	padding-bottom: 5%;
}

.contatti-title {
	font-size: 20px;
	font-weight: 450;
}

.icone-social img {
	width: 60px;
	transition: 0.5s;
}

.icone-social a:hover img {
	transform: translateY(-10px);
}

/*************** Footer ***************/

#footer {
	background-image: linear-gradient(to right, #0da64a, #087333);
	color: #fff;
}

.footer-contenuto {
	padding: 20px;
	
}

.footer-contenuto img {
	width: 120px;
	margin-bottom: 20px;
}

.footer-contenuto .fa {
	margin-right: 8px;
	font-size: 25px;
	height: 40px;
	width: 40px;
	padding-top: 7px;
	border-radius: 2px;
}

#footer a {
	font-size: 10px;
	color: #ffffff !important;
	text-decoration: none !important;
}

#footer a:link {
	color: #ffffff !important;
}

#footer a:visited {
	color: #ffffff !important;
}

#footer a:hover {
	color: #ffffff !important;
}

/*************** Cookie Policy ***************/

#cookie-policy {
	background: #f8f9fa;
	padding-top: 5%;
	padding-bottom: 5%;
}

.cookie-policy-title {
	border-left: 4px solid #087333;
	margin-top: 50px;
	margin-bottom: 50px;
}

#cookie-policy p {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

/*************** Privacy Policy ***************/

#privacy-policy {
	background: #f8f9fa;
	padding-top: 5%;
	padding-bottom: 5%;
}

.privacy-policy-title {
	border-left: 4px solid #087333;
	margin-top: 50px;
	margin-bottom: 50px;
}

#privacy-policy p {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

/*************** Modale / Video Play ***************/

.modal-backdrop.show {
	backdrop-filter: blur(5px);
}


/*************** Carousel ***************/

.carousel {
	display: flex;
	align-items: center;   
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23087333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23087333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

/*************** Instagram Post ***************/

.carousel-item .instagram-post {
	width: 500px !important;
	margin: 20px auto !important;
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
	background-color: white !important;
	font-family: Arial, sans-serif !important;
}

.carousel-item .post-header {
	display: flex !important;
	padding: 10px !important;
	border-bottom: 1px solid #ddd !important;
	align-items: center !important;
}

.carousel-item .profile-pic {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	margin-right: 10px !important;
}

.carousel-item .profile-info {
	display: flex !important;
	flex-direction: column !important;
}

.carousel-item .username {
	font-weight: bold !important;
	font-size: 14px !important;
}

.carousel-item .post-link a {
	font-size: 12px !important;
	color: gray !important;
	text-decoration: none !important;
}

.carousel-item .post-link a:link {
	color: gray !important;
}

.carousel-item .post-link a:visited {
	color: gray !important;
}

.carousel-item .post-link a:hover {
	color: darkgray !important;
}

.carousel-item .post-image img {
	max-width: 499px !important;
	max-height: 499px !important;
	width: 100% !important;
	height: auto !important;
	border-bottom: 1px solid #ddd !important;
}

.carousel-item .post-video video {
	max-width: 499px !important;
	max-height: 499px !important;
	width: 100% !important;
	height: auto !important;
	border-bottom: 1px solid #ddd !important;
}

.carousel-item .post-footer {
	padding: 10px !important;
}

.carousel-item .actions {
	display: flex !important;
	justify-content: space-between !important;
	margin-bottom: 10px !important;
}

.carousel-item .likes,
.carousel-item .comments {
	font-size: 14px !important;
	color: #666 !important;
}

.carousel-item .caption p {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.carousel-item .caption strong {
	font-weight: bold !important;
}