/*
Theme Name:     Divi Child
Theme URI:      http://example.com/
Description:    Tema Child per il tema Divi
Author:         Giulio
Author URI:     http://example.com/about/
Template:       Divi
Version:        0.1.0
*/



/* GENERALE */

@media (max-width: 980px) {  }
@media (min-width: 981px) {  }
@media only screen and (min-width: 1350px) {  }

/* .et_pb_section, .et_pb_row, .et_pb_module, .et_pb_slide_description { margin: 0px !important; padding: 0px !important; } */

.caladea-regular { font-family: "Caladea", serif; font-weight: 400; font-style: normal; }
.caladea-bold { font-family: "Caladea", serif; font-weight: 700; font-style: normal; }
.caladea-regular-italic { font-family: "Caladea", serif; font-weight: 400; font-style: italic; }
.caladea-bold-italic { font-family: "Caladea", serif; font-weight: 700; font-style: italic; }

/* fine GENERALE */



 
/* FOOTER */

#footer { display: none; }
#footer-bottom { display: none; }
#smcfoot { background-color: #f0f0f0; text-align: center; }
#smcfoot img { height: 70px; }
.policy { margin: 5px 0 0 0; text-align: center; }
.policy a { background-color: #CCCCCC; color: #232323 !important; text-decoration: none; padding: 5px 10px 5px 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 10px; }

/* fine FOOTER */




/* HEADER */

#headerLOGOSOCIAL { text-align: right; padding: 30px 60px 0px 60px; }
#headerLOGOSOCIAL img { height: 20px; }
#headerLOGO { padding: 0px 60px; }
#headerLOGO img { height: 80px; margin-bottom: 10px; }

#menuDESK { text-align: center; }
.vociMENU { display: inline-block; margin: 0px 15px; padding-left: 5px; }
.vociMENU a { color: #444444; }
.vociMENU img { height: 14px; }
.vociMENU img:last-of-type { margin-left: 5px; }

.menubolle { width: 20px; height: 20px;}

/* fine HEADER */




/* TESTI E SPAZIATURE */

h1 { font-size: 37px; }
h2 { font-size: 32px; }
h3 { font-size: 27px; }
h4 { font-size: 22px; }
h5 { font-size: 17px; }
h6 { font-size: 12px; }

/*h1, h2, h3, h4, h5, h6 { letter-spacing: 0.2em; text-indent: 0.2em; margin: 0px; padding: 0px; }*/
.letterspacing { letter-spacing: 0.2em; text-indent: 0.2em; margin: 0px; padding: 0px; }
p, a, h1, h2, h3, h4, h5, h6 { text-rendering: optimizelegibility; }

.paddingbottom0 { padding-bottom: 0px;}


.spacing0_30 { padding: 0px 60px 30px 60px !important; }
.spacing60 { padding: 60px !important; }
.spacing30 { padding: 30px !important; }
.spacing60_30 { padding: 60px 30px !important; }
.spacing0_60 { padding: 0px 60px 60px 60px !important; }
.spacing60_0 { padding: 60px 60px 0px 60px !important; }



.rigaCOLONNEuguali { padding-left: 60px !important; padding-right: 60px !important; }

/* fine TESTI E SPAZIATURE */




/* PAGINE */
#keywords { text-align: center; }
#keywords img { height: 40px; }
#keywords h2 { font-family: "Caladea", serif; font-weight: 700; font-style: normal; color: #fec02e; font-size: 2em; margin-bottom: 60px; }

.sliderLOGHI img { height: 80px; margin: 0px 20px; }

.titoliPRE { text-align: center; }
.titoliPRE img { height: 40px; }
.titoliPRE h6 { margin-top: 10px; }
.titoliPRE div { margin-bottom: 0px !important; }

.introSEZIONI { text-align: center; font-size: 1.4em; line-height: 1.7em; margin-top: 30px; }

.sezioniBOX p { text-align: justify; margin-top: 15px; }

.eventiBOX { margin-bottom: 60px !important; }
.eventiBOX img { border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; }
.eventiBOX h6 { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; background-color: #111111; padding: 5px 10px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; letter-spacing: 0px; display: inline-block; line-height: 0px; font-size: 20px; color: #FFFFFF; }
.eventiBOX h6 img { height: 20px; border: 0px; margin-bottom: 0px; }
.icoEVENTI { width: 100%;  }
.icoEVENTI img { height: 20px; border: 0px; margin-bottom: 0px; }
.icoEVENTI div { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; background-color: #111111; padding: 5px 10px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; display: inline-block; font-size: 20px; color: #FFFFFF; }

.eventiBOX p { text-align: justify; color: #999999; padding-bottom: 20px; margin-bottom: 40px !important; border-bottom: 1px dotted #CCCCCC; }

.icoRED { background-color: #de1a1a !important; }
.icoYELLOW { background-color: #fec02e !important; }
.icoBLU { background-color: #72cfee !important; }
.icoRED, .icoYELLOW, .icoBLU { font-size: 14px !important; }

.eventiLEGENDA { text-align: center; }
.eventiLEGENDA .legenda { margin: 0px 10px; display: inline-block; background-color: #111111; padding: 5px 10px; text-align: center; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.eventiLEGENDA img { height: 20px; border: 0px; margin-bottom: 0px; }

.boxICONE { text-align: center; }
.boxICONE img { height: 50px; }

.bottoni { color: #FFFFFF; padding: 5px 10px; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; }
.bgiallo { background-color: #fec02e; }
.brosso { background-color: #de1a1a; }
.bazzurro { background-color: #72cfee; }
.bverde { background-color: #40b237; }
/* fine PAGINE */




/* CHI SIAMO COMITATO */

.comitato { margin-bottom: 2em; }
.comitato .nomiCOM { font-weight: bold; font-size: 1.3em; margin-bottom: 0px !important; padding-bottom: 0px !important; color: #2e5e82; }
.comitato p { }
.coordinatore { border-bottom: 1px solid #cccccc; margin-bottom: 2em; padding-bottom: 1.5em; }

/* fine CHI SIAMO COMITATO */




/* CHI SIAMO ABOUT US */

.aboutusBOX { margin-bottom: 60px !important; border-top: 1px dotted #CCC; padding-top: 10px !important; }
.aboutusIMG { display: inline-block; width: 25%; vertical-align: top; }
.aboutusIMG img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.aboutusTXT { display: inline-block; width: 75%; vertical-align: top; padding-left: 15px; }
.aboutusTXT p { text-align: justify; color: #FFFFFF; margin-bottom: 0px !important; }
.aboutusTXT .nome { font-family: "Caladea", serif; font-weight: 400; font-style: normal; font-size: 2em; padding-bottom: 10px; color: #fec02e; }
.aboutusTXT h3 { font-weight: bold !important; margin-top: 0px; }

/* fine CHI SIAMO ABOUT US */





/* FORM CONTATTO */
#contattiFORM p { color: #CCCCCC; }
input[type="text"], input[type="email"], input[type="submit"], textarea { padding: 10px; border: 1px solid #999999; background-color: #f4f4f4; }
input[type="text"], input[type="email"], textarea { width: 100%; }
input[type="submit"] { cursor: pointer; }
/* fine CHI SIAMO ABOUT US */





/* BETWEEN THE LINES */
#BTLmese { background-color: #d78740; padding: 20px 0; }
#BTLmese p { text-align: center; color: #FFFFFF; font-size: 1.4em; }
#BTLcontenuto { }
#BTLcontenuto h1 { font-weight: bold; padding-bottom: 1em; color: #d78740; font-family: 'Times New Roman', Arial, sans-serif; font-size: 25px; letter-spacing: 0em; text-indent: 0em; line-height: 1.4em; }
#BTLcontenuto h2 { font-style: italic; font-weight: bold; text-align: center; color: #FFFFFF; font-size: 22px; letter-spacing: 0em; text-indent: 0em; }
#BTLcontenuto p { text-align: justify; font-size: 15px; line-height: 1.6em; padding-bottom: 2em; }
#BTLcontenuto h3 { padding-bottom: 1em; color: #4570a5; letter-spacing: 0em; text-indent: 0em; font-size: 20px; font-weight: bold; font-style: italic; line-height: 1.4em; }
.btl_archive div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #d78740; padding: 5px 10px; text-align: center; }
.btl_archive a { color: #ffffff; text-decoration: none; }
.BTLtitoli { padding: 10px; background: #85CDD9; background: radial-gradient(circle, rgba(133, 205, 217, 1) 0%, rgba(68, 111, 164, 1) 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#BTLcontenuto a { display: inline-block; background: #4570a5; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 120%; margin: 0; text-decoration: none; padding: 10px 25px 10px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* fine BETWEEN THE LINES */










.marquee {
			border: 2px solid red ;
			display: flex ;
			overflow: hidden ;
			white-space: nowrap ;
			width: 300px ;
		}
		.marquee__item {
			animation-duration: 4s ;
			animation-iteration-count: infinite ;
			animation-name: marquee-content ;
			animation-timing-function: linear ;
			padding: 5px 15px 5px 15px ;
		}
		.marquee:hover .marquee__item {
			animation-play-state: paused ;
		}

		/**
		* BOTH of the marquee items are going to be translating left at the same time.
		* And, once each of them has translated to -100%, they will both snap back into
		* place, making it seem as if they are continuously scrolling.
		*/
		@keyframes marquee-content {
			from {
				transform: translateX( 0% );
			}
			to {
				transform: translateX( -100% );
			}
		}