@import (reference) "variables.less";
@import "evento.less";

body {

	.carousel-indicators {
	
		[data-bs-target] {
			
			border: 0;
			margin: 0;
			height: 0.5rem;
			width:  4rem;
			&:first-child {
				
				border-radius: 1rem 0 0 1rem;
			
			}//&:first-child
						
			&:last-child {
				
				border-radius: 0 1rem 1rem 0;
			
			}//&:first-child

		} // [data-bs-target]
		
	}// .carousel-indicators
	
	.carousel-control-next, .carousel-control-prev {
		
		width: 4%;
		
	} //.carousel-control-next, .carousel-control-prev

	#upper-row, #bottom-row, #banner, #upper-row, #bottom-row {
			
		.band {
		
			display: block;
			width: 100%;
			backdrop-filter: contrast(2) blur(4px);

			&.dark {

				background-color: rgba(var(--bs-body-color-rgb),0.75);	
				color: rgb(var(--bs-body-bg-rgb));	

			}//&.dark {

			&.light {

				background-color: rgba(var(--bs-body-bg-rgb),0.75);	
				color: rgb(var(--bs-body-color-rgb));

			}//&.light {

			&.text_dark {

			}//&.text_dark {

			&.text_light {


			}//&.text_light {

			&.text_red {

				color: rgb(var(--bs-primary-rgb));

			}//&.text_red {
			
			&.text_dark, &.text_light, &.text_red {
				h1, h2, h3, h4, h5, p {
					
					margin: 1rem;
					display: block;
					
				} // h1, h2, h3, h4, h5, p
				
				p {
					
					font-size: 1rem;
					font-weight: 100;
					
					strong {
						
						font-weight: 700;
						
					}
					
				}//p
			
			}//&.text_dark, &.text_light, &.text_red {
			

		
		} //.band
		
	} //#upper-row, #bottom-row, #banner, #upper-row, #bottom-row
	
	#banner {
		
		#carousel {
			
			padding: 0;
			overflow: hidden;
			
			.carousel-item {

				background-size: cover;
				background-position: center center;
				height: 65vh;
				min-height: 30rem;

			} //.carousel-item
			
			.carousel-inner {
				
				.band {
					
					&.bottom-0 {

						&.extra-bottom {
							
							padding-bottom: 3rem !important;
							
						} //&.extra-bottom

					}//&.bottom-0

					&.top-0 {
						
						padding-top: 6rem !important;
						
					} //&.extra-bottom
					
					h3 {
						
						p {
						
							margin: 0;	
							
						}//p
						
					}//h3
					
				} //.band
				
			} //.carousel-inner
			
			.slide {
			
			}//.slide
			
		} //#carousel
				
	} //#banner
	
	#upper-row, #bottom-row  {
		
		position: relative;
		
		.label {
			
			color: rgb(var(--bs-primary-rgb));
			font-weight: 700;
			font-size: 1.1rem;
			
		}
		
		.badge {
			
			//background-image: url('../images/Sfondo-test.png'); in attesa di sfondo di default
			background-position: center;
			background-size: cover;
			width: 100%;
			text-align: left;
			padding: 0;
			overflow-wrap: anywhere;
			overflow: hidden;
			height: 20rem;
			white-space: initial;
			
		} //.badge
		
		.rounded-start-3, .rounded-end-3 {
			
			border-radius:	var(--bs-border-radius-lg) !important;
			
		} //.rounded-start-3, .rounded-end-3
		
		.upper, .bottom {
			
			
		} //.upper
		
	} //#upper-row
	
} //body

// Small devices (landscape phones, 576px and up)
@media (min-width:768px) { 
	
	body {

		#upper-row, #bottom-row {
	
			#upper-first {
		
				padding-right: 0;

				.rounded-start-3 {
					
					border-bottom-right-radius:	0 !important;
					border-top-right-radius: 	0 !important;
					
				} //.rounded-start-3
			}// #upper-first 
			
			#upper-second {
			
				padding-left: 0;
	
				.rounded-end-3 {
					
					border-bottom-left-radius:	0 !important;
					border-top-left-radius:		0 !important;
					
				} //.rounded-end-3
				
			} //#upper-second

		} //#upper-row
		
	} //body

} //@media (min-width: 768px)