html                    {font-family:'Roboto', sans-serif; }
body                    {background-color: #f7f8fc;}
a                       {text-decoration:none;
                        color:#555;}
a:visited               {text-decoration:none;}

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

/* COLORI */
.green                  {color:#00a19c;}
.gray                   {color:#303030;}
.yellow                 {color:#ffce55;}
.tasto 			        {background-color:#ffce55;
				        margin:25px 0px;}
.tasto:hover 	        {background-color:#ffce55;}

.border_form	        {border: 1px solid #303030;
				        border-radius: 5px;
				        margin:4rem 0;
                        padding:25px;}
            
    
    
/* HEADER */
.nav_ui 		        {background: linear-gradient(0deg, rgba(256,256,256,1) 100%,rgba(256,256,256,1) 100%);
				        height:66px;
                        border-bottom: 3px solid #ffce55; }

.nav_ui a               {color: #000;}
.nav_ui a:hover         {color: #ffce55;}

.navbar-collapse        {background-color:#fff !important;}
.me-auto                {margin-left:10px;}



/* ISCRIVITI */			
.iscriviti  	        {min-height:100vh;}
.iscriviti a            {color: #00a19c;
                        text-decoration:none;
    
}
.iscriviti a:hover      {color: #ffce55;}
.iscriviti form         {padding:25px 0px;}		



/* CAROUSEL */
.bd-placeholder-img     {font-size: 1.125rem;
                        text-anchor: middle;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        user-select: none;
                        width:auto;
                        min-height:-webkit-fill-available;}


.welcome                {height:auto;}
.welcome h1             {color:#00a19c;}


.newsletter             {background-image: url("/img/grass.jpg"); 
                        background-color: #cccccc; /* Used if the image is unavailable */
                        height: 500px; /* You must set a specified height */
                        background-position: center; /* Center the image */
                        background-repeat: no-repeat; /* Do not repeat the image */
                        background-size: cover; /* Resize the background image to cover the entire container */
                        color:#fff;}
                    
.newsletter_bg          {height:500px;
                        width:100%;
                        background: linear-gradient(90deg,rgba(000, 000, 000, 0.2) 0%, rgba(000, 000, 000, 0.6) 100%);}
                        
.newsletter h1          {margin:50px 0px;}
                        
/* ISCRIVITI */
.iscriviti_form         {height:100%;}
.iscriviti_form a       {text-decoration:none;
                        color:#555;}


/* EVENTI */
.card                   {color: #fff !important;
                        border-radius: 10px;
                        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
                        overflow: hidden;
                        padding: 0px;
                        margin:20px 0px;}

.card_a                 {display:block;
                        height:100%;
                        width:100%;
                        position:absolute;
                        z-index:9999;}
                
.card-header            {padding: 0px !important;}

.card-body              {height: 300px;
                        position:relative;
                        text-align: center;}
                
.card-body h4           {margin:50px 0px;}

.card-body h6           {text-transform: uppercase;}

.card-body_data         {position: relative;
                        height: 200px;}

.giorno_evento          {font-family: Times;
                        font-size:100px;
                        margin:0;}
                        
.mese_evento            {text-transform: uppercase;}

.card-body a            {font-family: Times;
                        width:100%;
                        display:block;
                        text-decoration:none;
                        color: #fff;
                        text-align: center;}

.card-body a:hover      {text-decoration:none;
                        color: #fff;}

.card_orario            {height:100px;}



/* EVENTO */
.evento                 {max-width:1920px;
                        background-color:#f2f2f2;}

.evento h1              {margin:20px 0px;
                        text-transform: uppercase;}
        
.evento h6              {margin:20px 0px;
                        font-weight: bold; }
        
.evento a               {color:#555;
                        text-transform: uppercase;
                        text-decoration:none;}
            
.evento a:hover         {color:#555;}

.evento_img             {width:100%;
                        height:auto;
                        background-repeat:no-repeat;}
.evento_img_bg          {height:100%;
                        background-color:rgba(0, 0, 0, 0.4);}
            
.evento_img_bg_title h1 {text-transform: uppercase;
                        color:#fff;
                        position:relative;
                        top:400px;
                        height:200px;
                        text-align:center;}
                        
.evento_img_bg_title h6 {text-transform: uppercase;
                        color:#fff;
                        text-align:center;}
                
.evento_img_bg_title    {min-height:1080px;}
 
.evento_description     {height:1300px;}       

.social                 {position:relative; 
                        top:-12.5px; 
                        height:30px; 
                        width:30px;
                        text-align:center;}

.evento_mappa           {width: 330px;
                        height:500px;
                        background:#fff;
                        top:-60px;
                        position:relative;
                        float:left;
                        padding:15px;
                        border-radius: 10px;
                        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);}

.evento li              {padding: 2px 6px 2px 5px;
                        display: inline;
                        list-style-type: none;
                        margin-right: 3px;}



/* FOOTER */ 
.footer_ed               {height:200px;
                        background: #555;
                        color:#fff;
                        border-top: 3px solid #ffce55;}

.footer_ed a            {color: #fff;
                        text-decoration:none;
                        padding:10px !important;}
.footer_ed a:hover      {color:#fff;}
.foote_edr p            {padding:10px !important;}

.footer_ed li           {list-style-type: none;}


@media screen and (min-width: 768px) {
.event_mappa            {margin-left:50%;
                        left:-165px;}
}



@media screen and (max-width: 768px){
.evento_mappa           {width:100%;
                        top:0px;}

.bd-placeholder-img     {width:auto;}
}