@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
 /* src: url(https://fonts.gstatic.com/s/alexbrush/v21/SZc83FzrJKuqFbwMKk6EhUXz7RlNiCY.woff2) format('woff2'); */
  src: url('/fonts/AlexBrush.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* SELETTORI GENERALI per l'organizzazione degli spazi */

.container {
	width: 100%;
	max-width: 1280px;
	min-width:330px;
	box-sizing: border-box;
	margin: 0 auto;
	}
  
 .row{
	display:flex;
	flex-wrap:wrap;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.fullRow{
	flex:0 0 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.halfRow{
	flex:0 0 50%;
	min-width:320px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

	
.halfRowBox{	
	flex:0 0 50%;
	min-width:70px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.rowBoxNoAudio{	
	min-width:70px;
	padding-top: 10px;
	padding-bottom: 10px;
	}	

.halfBoxDx{
	text-align:left;
	margin-top:0px;
	}

.halfBoxSx{
	text-align:right;
	}


.row75{
	flex:0 0 70%;
	min-width: 300px;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.row25{
	flex:0 0 30%;
	min-width: 120px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
.row25bis{
	flex:0 0 30%;
	min-width: 300px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
.row75{
	flex:0 0 70%;
	min-width: 350px;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.row75bis{
	flex:0 0 70%;
	min-width: 350px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
	
@media (max-width: 820px) {
	
	.halfRow {flex: 0 0 100%;}			
	
	.row{
		padding-bottom: 0px;
		padding-top:0px;
		}
		
	.row75{flex: 0 0 100%;}	
	.row25{flex: 0 0 100%;}
	
}

@media (max-width: 1000px) {
	
	.row75bis {flex: 0 0 100%;}	
	.row25bis {flex: 0 0 100%;}
}

/* SELETTORI per la formattazione dei link */

a.linkSfondoNero, a.linkSfondoNero:visited{
	text-decoration:none;
	color:white;
	}
	
a.linkSfondoNero:hover{
	color:#ffd633;
	}
	
a.linkSfondoGiallo, a.linkSfondoGiallo:visited{
	text-decoration:none;
	color:black;
	}
	
a.linkSfondoGiallo:hover{
	color:#B8B6B6;
	}
	
a.linkTestoGiallo, a.linkTestoGiallo:visited{
	text-decoration:none;
	color:#ffd633;
	}

a.linkTestoGiallo:hover{
	color:white;
	}


/* SELETTORI GENERALI per la formattazione dei testi */
	
.testiEvidenziati{
	color: #ffd633;
	text-shadow:1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
		
.h3Modificato{
	font-size:22px;
	margin-left:70px;
	padding-top:30px;
	}

	
@media (max-width: 820px) {
	
	.h3Modificato{padding-top:0px;}
	
}

.h2Centrato {
	font-size:28px;
	color:#ffd633;
	text-shadow: 2px 2px 15px #B8B6B6;
	text-align: center;
	}
	
		
div.testoSfondoNero h2{
	text-shadow: 1px 1px 1px  #ffd633;
	}
	
div.testoSfondoNero p {
	text-align: left;
	margin: 0 25px;
	padding-top: 8px;
	}
	
.h1Pages{
	font-weight: bold;
	color:white;
	text-align: left;
	padding-left: 60px;
	font-size: 5vw;
	text-shadow: 1px 1px 6px  #ffd633;
	}

	/* nota sul template */

.nota{
	font-size:20px;
}
	
/* SELETTORI per le foto */

img.fotoNeiTesti{
	width:90%;
	border-radius:10px;
	box-shadow:0px 0px 80px white;
	}
	
.CAmicizia{
	text-align:center;
	}

.CAmicizia img{	
	width:80%;
	border-radius:10px;	
	}
	
div.fotoCollaborazioni{
	padding-top:30px;	
	}

div.boxInside.fotoCollaborazioni.nonVisibile1200{	
	padding-top:10px;
	}
	

/* SELETTORI per gli sfondi */	

.sfondoNero{
	background-color: black;
	color:white;
	}
	
.sfondoGiallo{
	background-color:#ffd633;
	color: #222;
	}
	
.sfondoGrigio{
	background-color:#B8B6B6;
	color:black;
	}
	
.backgroundImgIndex{
	background-image: url("/img/background_homepage_1280X720.webp");
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}

.backgroundImgIlCoro{
	background-image: url('/img/Il-coro_1280X720_BW.webp');
	background-position:center;
	color:white;
	background-size:cover;
	background-color:black;
	}
	
.backgroundImgRepertorio{
	background-image: url('/img/RepertorioBG1.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}
	
	
.backgroundImgConcerti{
	background-image: url('/img/concerti_1280x720.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}

.backgroundImgInformazioni{
	background-image: url('/img/Informazioni.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}
	
.backgroundImgCollaborazioni{
	background-image: url('/img/collaborazioni_1280X720.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}
	
.backgroundImgAssociazione{
	background-image: url('/img/collaborazioni_1280X720.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}
	
.backgroundImgMiniCoro{
	background-image: url('/img/MiniCoroAngeli_1280.jpg');
	background-position: center;
	color:white;
	background-size:cover;
	background-color:black;
	}
	
.backgroundImgAmicizia{
	background-image: url('/img/concertoAmicizia_1280x720.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	}
	
.backgroundImgIscrizioni{
	background-image: url('/img/concertoAmicizia_1280x720.jpg');
	color:white;
	background-size:cover;
	background-color:black;
	background-position: top;
	padding-top:20px;
	padding-bottom:20px;	
	}

/* CLASSI ATOMICHE*/  

.grassetto {font-weight:bold;}

.nobr {white-space:nowrap;}

.nonVis{ display:none;}
		
.nonVisibile800{display:block;}

@media (max-width: 820px) {	
	
	.nonVisibile800{display:none;}
	
}
	
.nonVisibile1200{display:none;}	

@media (max-width: 820px) {	
	
	.nonVisibile1200{display:block;}
	
}

.fontSize14{font-size:14px;}
	
.attivitaAss{display:block;}

.textCenter{text-align:center;}
.textRight{text-align:right;}

.divSeparatrice{height:30px;}

@media (max-width: 820px) {
	
	.divSeparatrice {height:0px;}
	
}

.divSeparatrice1{height:30px;}


/* SELETTORI DA TAG */

body{
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", 
	Helvetica, Arial, sans-serif;
	}

h1 {margin: 0; padding: 0;}
h2 {margin: 0; padding: 0;}
h3 {margin: 0; padding: 0;}

p{
	font-weight:350;
	line-height:1.6;
	}

@media (max-width: 990px) {	
	
	input{display: block;}
}

li{padding-bottom:5px;}



/* HEADER */ /* HEADER */ /* HEADER */ /* HEADER */ /* HEADER */ /* HEADER */ 

	/* menu */  /* menu */

.header{
	margin:0px;
	padding:0px;
	padding-left: 20px;
	}
	
.navBar {
	max-width: 800px;
	text-align: left;
	padding-right:0px;
	padding-top: 22px;
	padding-bottom:0px;
	padding-left:2%;
	margin:0px;
	font-size:17px;
	}
	
.hamburger ul{
	margin:0px;
	padding:0px;
	}
   
.hamburger li{
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 0px; 
	margin:0px;
	}
	
.hamburger ul li{
	list-style-type:none;
	display: inline;
	}
	
	/* Link Navigation Bar */
		
.hamburger li a {
  	text-decoration: none;
  	color: black;
  	}
  	
.hamburger li a:hover {
	text-decoration: none;
	color: #B8B6B6;
	}
	
@media (max-width: 900px) {	
	
	/* HAMBURGER menu */  /* Hamburger menu */ /* Hamburger menu */
	
	.navBar {
		text-align: left;
		padding-top: 0;
		}
  	
  	/* Hamburger menu: dettagli elenco voci tendina */
	
	.hamburger ul li{
		display: block;
		padding: 6px 6px;
		padding-top:13px;
  		text-decoration: none;
  		}

	.hamburger ul {
  		margin: 0;
  		padding: 0;
  		padding-bottom:4px;
  		padding-right:30px;
  		list-style: none;
  		overflow: hidden;
  		position:absolute;
  		z-index: 10;
  		background-color:#ffd633;
  		}
  	
  	/* Hamburger menu: dettagli tenda giù e icona hamburger 
  	(circa possiamo dire che il tag input (menu-btn) permette di avere un check box che
  	 una volta attivato mostra il contenuto della label (menu-icon) */
  	  
	.hamburger .menu {
  		clear: both;
  		max-height: 0;
  		transition: max-height .2s ease-out;
  		border-bottom-right-radius:8px;
  		border-bottom-left-radius:8px;
  		box-shadow:5px 0px 5px 3px #ffd633;
  		}

	.hamburger .menu-icon {
		cursor: pointer;
		display: inline-block;
		padding: 28px 20px;
		position: relative;
		user-select: none;
		}

 	.hamburger .menu-icon .navicon {
  		background: #333;
  		display: block;
  		position: relative;
  		transition: background .2s ease-out;
  		height: 3px;
  		width: 32px;
  		}
  

	.hamburger .menu-icon .navicon:before, 
	.hamburger .menu-icon .navicon:after{
  		background: #333;
  		content: '';
  		display: block;
  		height: 100%;
  		position: absolute;
  		transition: all .2s ease-out;
  		width: 100%;
  		}

	.hamburger .menu-icon .navicon:before {top: 7px;}

	.hamburger .menu-icon .navicon:after {top: -7px;}

	/* Dettagli menu btn (check-box) */

	.hamburger .menu-btn {display: none;}

	.hamburger .menu-btn:checked ~ .menu {max-height: 300px;}

	.hamburger .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

	.hamburger .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(45deg);}

	.hamburger .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(-45deg);}

	.hamburger .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	.hamburger .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  		top: 0;
  	}
			
} 
			
	/* bottone "canta con noi" */
	
div.cantaConNoi{
	float: right;
	padding-right:2%;
	}

@media (max-width: 990px) {
	
	div.cantaConNoi{
		padding-top:10px;
	}
}

.cantaConNoiButton{
	border-radius: 10px;
	padding: 10px 20px;
	background-color: #000;
	color: #ffd633;
	border: none;
	font-size: 18px;
	font-weight:bold;
	}
	
/* Fine Header */

		
/*SELETTORI sezione id CORPO, per tutte le pagine*/ /*SELETTORI sezione id CORPO, per tutte le pagine*/


	/* Sezione del titolo con la foto in background */
	
.homeTitleH1{
	margin-top: 300px;
	margin-right:20px;
	}	

.homeTitleH2{
	color: #B8B6B6;
	margin-top: 0px;
	margin-right:20px;
	text-align: left;
	padding-left: 60px;
	font-size: 3vw;
	}
		
@media (max-width: 600px) {
	
	.homeTitleH1 {
		margin-top: 200px;
		font-size: 28px;
		padding-left: 20px;
	}
		
	.homeTitleH2 {
		font-size: 22px;
		padding-left: 20px;
	}
}


	/* div con sfondo giallo con e senza scroll */
	
.boxInside{
	max-width:540px;
	width: 80%;
	margin: auto;
	text-align: center;
	}	
	
.concertiScroll{
	height:310px;
	overflow: scroll;	
	box-shadow:10px 10px 50px black inset;
	text-align: center;
	border-radius: 30px;
	margin-top:35px;
	}
	
@media (max-width: 800px) {
	
	.concertiScroll{
		margin-top:0px;
	}
	
}
	

.concertiScroll::-webkit-scrollbar {
	display: none;
	}
	
div.concertiScroll p {
	text-align: justify;
	margin: 0 25px;
	}
		
@media (max-width: 600px) {
	
	div.concertiScroll p{
		margin-left:0px;
		}
}
	
.divConcertiItems{
	border-top: 3px solid #A1A1A1;
	padding: 10px 0;
	margin:3%;
	margin-left:10%;
	margin-right:10%;
	}
			
div.divConcertiItems p{
	margin-left:0 px;
	text-align:left;
	}
	
.divRepertorioItems{
	border-top: 3px solid #A1A1A1;
	margin:0px;
	margin-left:13%;
	margin-right:13%;
	}

.divCompComp{
	padding-top:0px;
	padding-bottom:0px;
	}
	
		
.fontTitleDivScroll{
	color:white;
	text-shadow: 1px 1px 10px black;
	font-family: 'Alex Brush', 'Brush Script MT', cursive;
}

.nomeConcerto{
	text-shadow: 1px 1px 1px #222;
	font-size:18px;
	font-style: Italic;
	font-weight:400;
	}
		
	
/* SELETTORI specifici pagina HOME */

.concertiTitle{
	height: 20px;
	padding-top:2%;
	padding-bottom:11%;
	font-size:60px;	
	}
	
.vediTuttiConcerti{
	padding-bottom:25px;
	font-style: Italic;
	font-weight:600;
	}
	
.vediTuttiConcerti a {
  	text-decoration: none;
  	color: black;
  	}
  	
.vediTuttiConcerti a:hover {
	text-decoration: none;
	color: #B8B6B6;
	} 
		
/* bottone audio HomePage */
	
.homeMusic{
	margin-right:20px;
	float: right;
	}
	
@media (max-width: 600px) {
	
	.homeMusic{	
		width:40%;
		min-width:180px;
		}

}

.HPcosafacciamo{
	padding-top:40px;
}

@media (max-width: 1100px) {

	.HPcosafacciamo{
		padding-top:30px;
	}
	
}

@media (max-width: 820px) {

	.HPcosafacciamo{
		padding-top:0px;
		padding-bottom:0px;				
	}	
}


.HPcosafacciamo p{
	color:white;
	font-size:1.5rem;
	text-align:center;
	padding:0px 10px 0px 10px;	
}

@media (max-width: 600px) {
	
	.HPcosafacciamo p{
		font-size:1.3rem;
	}
}

.HPcosafacciamoimg{
	width:50%;
	height:auto;
	max-width:320px;
	border-radius:30px;
}

@media (max-width: 500px) {

	.HPcosafacciamoimg{
		width:100%;
		height:100%;
		min-width:200px;
	}
}


.HP.sfondoNero{
	padding-top:15px;	
	padding-bottom:15px;	
}

.HP.sfondoNero p{
	text-align: left;
	margin: 0 25px;
	padding-top: 8px;
	font-size:1.1rem;
	
}




	/* ---------------------------------------------------------------------------------------*/		
							/* PER SLIDESHOW*/
							

.slideshow-container{
	text-align:center;
	margin:auto;
	padding: 20px 0px 20px 0px;
}

@media (max-width: 820px) {
	
	.slideshow-container{
		padding: 0px 0px 20px 0px;
	}
	
}

.mySlides {
    display: none;
}

.immSlideShow{
	width:90%;
	height:90%;
	max-width:700px;
	border-radius:30px;
}

@media (max-width: 500px) {

	.immSlideShow{
		width:100%;
		height:100%;
		min-width:200px;
	}
}

.immSlideShowVert{
	width:90%;
	height:90%;
	max-width:394px;
	border-radius:30px;
}

@media (max-width: 500px) {

	.immSlideShowVert{
		width:100%;
		height:100%;
		min-width:200px;
	}
}

.frecce{
	display:inline;
	padding-top:10px;
}

.prev {
    transform: translateY(-50%);
    color: white;
    padding: 5px;
    border: none;
    cursor: pointer;
    font-size:1.6rem;
}

.next {
    transform: translateY(-50%);
    color: white;
    padding: 5px;
    border: none;
    cursor: pointer;
    font-size:1.6rem;
}
	
	
#prova img {
    -webkit-animation: cf4FadeInOut 15s;
    animation: cf4FadeInOut 15s;
}	

@-webkit-keyframes cf4FadeInOut {
	0% {
        opacity:0;
        }
    30%{
        opacity:1;
    } 
    97%{
   		opacity:1;	
    }     
    100% {
        opacity:0;
    }
    
}
@keyframes cf4FadeInOut {
   0% {
        opacity:0;
        }
    20%{
        opacity:1;
    } 
    97%{
   		opacity:1;	
    }     
    100% {
        opacity:0;
    }
}


/* ----------------- Embedded video ----------------------------- */

.halfRowVideo{
	flex:0 0 50%;
	min-width:200px;
	padding:0;
	margin:0 auto;
	}
	
@media (max-width: 850px) {
		
	.halfRowVideo {
		flex: 0 0 100%;
		margin:0;
	}
					
		
}

.halfRowVideo iframe, .halfRowVideo img{
	width:450;
	height:253;
}

@media (max-width: 450px) {

	.halfRowVideo iframe{
		width:100%;
		max-height:450;
		max-width:253;
		margin:0;
		padding:0;
	}
	
	.halfRowVideo img{
		width:100%;
		height:100%;
		max-height:450;
		max-width:253;
		margin:0;
		padding:0;
	}
	
	
	
}
	
/* SELETTORI specifici pagina REPERTORIO */	

.repertorioTitle{
	height: 20px;
	padding-top:2%;
	padding-bottom:5%;
	font-size:30px;	
	}
	
.nomeComposizione{
	text-shadow: 1px 1px 1px #222;
	font-size:20px;
	font-style: Italic;
	padding:0px;
	margin:0px;
	font-weight:400;
	}
p.compositore{	
	padding:0px;
	margin:0px;
	font-size:16px;
	}
	
	
.youtubeIconRepertorio{
	width:105px;
	margin:0px;
	margin-left:20px;
	padding:0px;
	vertical-align:middle;
	}	

.mp3sbutton{	
	width:120px;
	height:35px;
	min-width:50px;
	padding:0px;
	margin:0px;
	margin-left:10px;
	}
	
	/* Accordion nella pagina REPERTORIO e ASSOCIAZIONE */	
	
.accordion {
	cursor: pointer;
	transition: background-color 0.2s linear;
	} 
    
.accordion-content {
	max-height: 0;
   	overflow: hidden;
   	transition: max-height 0.2s ease-in-out;
   	}
   	
.accordionAssociazione {
	cursor: pointer;
	transition: yellow 0.2s;
	color:#ffd633;
	} 
    
.accordion-content {
	max-height: 0;
   	overflow: hidden;
   	transition: max-height 0.2s ease-in-out;
   	
}
   	 
   	  	
.repertorio{
	max-width:540px;
	box-shadow:5px 5px 30px black inset;
	text-align: center;
	border-radius: 10px;
	width: 80%;
	margin: auto;
	text-align: center;
	padding-top:10px;
	padding-bottom:15px;
	}	
	
	
/* SELETTORI specifici pagina CONCERTI */	

	
.boxInsideConcerti{
	height:270px;
	box-shadow:0px 0px 50px black inset;
	border-radius: 50px;
	margin: 0 55px;
	transition:0.3s;
}

@media (max-width: 820px){
	
	.boxInsideConcerti{margin: auto;}
	
}

.pConcerti{
	margin:0px;
	margin-left:15px;
}
	
.fotoConcerti{
	height:100px;
	margin:0px;
	margin-right:15px;
	padding:0px;
	}
	
div.boxInsideConcerti:hover {
	box-shadow:0px 0px 0px black inset;
	transition:0.3s;
	transform: translateY(5px) scale(1.05);
	}
	

/* POP UP */

#myImg {
	cursor: pointer;
    transition: 0.3s;
    }

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding: 40px; /* Location of the box */
    left:6%;
    right:6%;
    top: 5%;
    height:80%;
    overflow:auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }


/* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 480px;
}


/* Add Animation */
	.modal-content{  
  		-webkit-animation-name: zoom;
  		-webkit-animation-duration: 0.6s;
  		animation-name: zoom;
  		animation-duration: 0.6s;
	}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


/* SELETTORI specifici pagina ASSOCIAZIONE */

.attivita img{
	margin:auto;
	margin-top:10%;	
}

.attivita h3{
	margin:auto;
	margin-top:10%;
	margin-left:25px;	
}


div.Associazione p{
	text-align: justify;
	margin-left: 70px;
	margin-right:90px	
}

div.logoInsegnanti img{
  	margin: 0 20px;
}

div.logoInsegnanti{
	text-align: center;
}

.trasparenza ul li{
	list-style-type: disc;
	padding-top:15px;
	line-height:1.6;}
	
.iscrizioni{text-align:center;}

.iscrizioni ul{
	padding-left:0px;
	margin:0px 25px;
}
		
.iscrizioni ul li{
	list-style-type: none;
	padding-top:15px;
	line-height:1.6;
	}
	
.iscrizioni h3{
	font-size:22px;
	padding-top:30px;
	}
	

	
@media (max-width: 820px) {

	.iscrizioni{text-align:left;}
	
	.iscrizioni ul{padding-left:25px;}
		
	.iscrizioni ul li{
		padding-top:5px;
		line-height:1.4;
	}
	
	.iscrizioni h3{
		padding-top:0px;
		margin-left:25px;
	}
	
	.iscrizioni h2{padding-top:15px;}
	
}


/* SELETTORI specifici pagina CONTATTI */

	
.informazioniTitleH1{
	margin-top:20px;
	margin-right:20px;
	}	


.boxInsideInformazioni{
	max-width:380px;
	min-width:300px;
	width: 50%;
	margin:auto;
	text-align: center;
	background-color:black;
	padding:15px;
	}
	
.campiObbligatori{
	text-align:right;   
    margin-bottom:0px;
    }
    
.formGroup{
	text-align:left;
 	}
        
.contactForm .formGroup{
	margin-bottom: 15px;
}
	
.contactForm label{
	display: flex;
	padding-bottom: 3px;
}

.contactForm textarea, .contactForm input{
	border-radius: 5px;
	font-size: 14px;
	text-align:left;
}

.contactForm input{
	width: 300px;
    height: 33px;
    color: black;
}

.contactForm textarea{
	width: 300px;
    height: 200px;
    color: black;
}

.contactForm .inviaButton{
    background-color: #FFD708;
    border: none;
    width: 120px;
    height: 50px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 40px;
}

.informazioni{
	min-width:320px;
	padding:15px 15px;
	margin:0px;
	margin-top:25px;
	margin-bottom:50px;	

	}


.informazioni p{
	margin:0px;
	color:white;
}






/* FOOTER */  /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ 

.footer p {
	text-align: left;
	margin: 10px 25px;
	font-size: 16px;
}

.footer.sfondoGiallo a, .footer.sfondoGiallo a:visited {
	text-decoration: none;
	color: black;
}

.footer.sfondoGiallo a:hover {
	text-decoration: none;
	color:grey;
}


.sfondoSocial{
	margin-top:70px; 
	margin-left:0px;
	margin-right:30%; 	
	padding:3%;
	padding-top:15px;
	padding-bottom:15px;
  	box-shadow: 2px 2px 10px black;
  	border-radius: 10px;
  	min-width:260px;
  	}
  	
  	  	
@media (max-width: 1000px) {

	.sfondoSocial{
		margin-top:0px;
		margin:auto;
		padding:2% 0px;
		max-width:300px;
		}
}

.facebookIcon{
	width:45px;
	margin:0px;
	padding:0px;
	padding-right:18px;
	vertical-align:middle;}

.instagramIcon{
	width:45px;
	margin:0px;
	padding:0px;
	padding-right:18px;
	vertical-align:middle;}

.youtubeIcon{
	width:105px;
	margin:0px;
	padding:0px;
	vertical-align:middle;}	


	/* Cookie Banner */
			
.cookieBanner{
	min-width:20px;
	background-color: #A1A1A1;
	min-height: 120px;
	text-align:center;
	display: block;
	position: fixed;
	bottom: 20px;
	left:10%;
	right: 10%;
	z-index: 100;
	padding:0px;
	padding-bottom:20px;}
	
.bottoniCookie{
	background-color: white;
	margin-right:20px;}
	
	
/* fine Footer */


/* SELETTORI specifici pagina CONCERTI AMICIZIA */

.luogoCA{
	font-style:italic;
	line-height: 1.8;
	font-weight:300;
	font-size:18px;	
}


/* SELETTORI specifici pagina MiniCoro */

.mp3sbuttonMiniCoro{	
	width:120px;
	height:25px;
	min-width:50px;
	padding:0px;
	margin:0 auto;
	}
	
	
/* Altri SELETTORI */

img.logoCoroAV{
  	height:100px;	
  	border-radius: 50%;	
	}


img.logo{
	width:70%;
	border-radius:10px;
	transition:0.3s;
}

img.logo:hover {
	box-shadow: 0 8px 16px 0px rgba(217, 217, 217, 0.8);
}


img.logoDirettore{
	border-radius: 50%;	
  	height: auto;
  	width:50%;
  	margin-top:50px;
}

@media (max-width: 820px) {

	img.logoDirettore{
		margin-top:25px;
	}
}
	


/* SELETTORI GENERALI pagina PRIVACY */

.divPrivacy{
	padding:2%;
}

div.divPrivacy h1{
	font-weight:300;
	font-size:30px;
	padding:2%;
	}
	
div.divPrivacy h2{
	font-weight:300;
	font-size:24px;
	padding:2%;
	}
	
div.divPrivacy p{
	font-weight:300;
	font-size:14px;
	text-align:left;	
	}

.privacy{
	list-style-type: disc;
	padding-right:2%;
	text-align:left;
	}
	

/* SELETTORI GENERALI pagina FORM ISCRIZIONI */



.iscrizioniForm  {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
        }
        
.iscrizioniForm h3{
	margin-top:20px;
	}

.iscrizioniForm label {
	display: block;
	margin-top: 3px;
	}
	
.iscrizioniForm select{
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	color:black;	
}
	
.iscrizioniForm input[type="text"],
.iscrizioniForm input[type="email"],
.iscrizioniForm input[type="tel"],
.iscrizioniForm input[type="date"] {
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	color:black;
	}
	
.iscrizioniForm input[type="checkbox"] {
	margin-top: 20px;
	}

.iscrizioniForm .checkbox-group {
	display: flex;
	gap: 20px;
	}

.iscrizioniForm .checkbox-label {
	display: flex;
	align-items: center;
	}

.iscrizioniForm .checkbox-label input {
	margin-right: 5px;
	}
	
.iscrizioniForm .inviaButton{
    background-color: white;
    border: none;
    width: 120px;
    height: 50px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 40px;
    color:black;
}


/* SELETTORI GENERALI pagina di conferma invio FORM ISCRIZIONI */


.confermaIscrizione{
	background-color:black;
	text-align: center;
	color:white;
	padding:40px 25px 40px 25px;
}

div.confermaIscrizione p {
	margin: 0 auto;
	font-size:1.5rem;
	padding:10px 0 10px 0px;
	}

/* CLASSI ATOMICHE */

.testoGiallo{color:#ffd633;}