/*
 *** [v. 2.1] Info generali sul file:
 *
 * sito web:
 * file: css versione it
 * data creazione:
 * data ultima modifica: -
 * novita apportate: -
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 * 001. stili standard
 * 002. home
 *
 * 099. Media query
 */


/*
************************************
 001. stili standard
************************************
 */

html, body {width:100%; margin:0 auto; text-align:center;}
body, td, tr, th, table {font-family: 'Karla', sans-serif; font-size:17px; color:#1D1D1B; margin:0; padding:0; text-align:left; overflow-x:hidden;}
div, p, span, a {font-family: 'Karla', sans-serif; font-size:17px; color:#1D1D1B; margin:0; padding:0; text-align:left;}
* {margin: 0; padding: 0;}


/*
************************************
 002. HOME
************************************
 */
#top {width: 100%; position: fixed; top: 0; z-index: 999; background: #fff; padding: 15px 0;}
.container {padding: 0 75px;}
#voci-menu {list-style-type: none; text-align: right; margin-bottom: 0;}
#voci-menu li {display:inline-block; margin-left: 15px;}
#voci-menu li a {font-family: 'Karla', sans-serif; color: #520d16; font-size: 13px; letter-spacing: 3px; text-transform: uppercase;}
#voci-menu li a:hover {color: #6e0b18;}

.logo a img {max-width: 80%;}

#img-locandina {height: 800px; position: relative;}

.contenitore-totale {position: relative; top:112px;}

.layer {width: 100%; height: 100%;  position: absolute; z-index:2; background-color:rgba(0,0,0,0.2);}
.messaggio {position: absolute; top: 10%; left: 5%; z-index: 3; text-transform: uppercase;}

.messaggio .titolo-evento {font-size: 55px; color: #fff; font-family: 'Playfair Display', serif; font-weight: 600; letter-spacing: 5px; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6); margin-bottom: 1%;}
.messaggio .data-evento {font-size: 45px; color: #fff; font-family: 'Playfair Display', serif; font-weight: 600; letter-spacing: 5px; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6); line-height: 0.8;}
.messaggio .luogo-evento {font-size: 35px; color: #fff; font-family: 'Playfair Display', serif; font-weight: 600; letter-spacing: 3px; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6); margin-top: 12%;}
.messaggio .evento-annullato {font-size: 55px; color: #f80606; font-family: 'Playfair Display', serif; font-weight: 600; letter-spacing: 3px; text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.8); border: 5px dashed;
padding: 10px}

.spazia {margin-top: 100px;}
.spazia-2 {margin-top: 70px;}
.spazia-3 {margin-top: 200px;}

.titolo {text-align: center; margin-bottom: 20px;}
.titolo h1, .titolo h2, .titolo h3 { line-height: 0.5px;}
h2, .titolo p {font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 35px; color: #520d16; text-align: center; letter-spacing: 2px; text-transform: uppercase;}
.titolo h2 {text-align: center;}
h2 {font-size: 40px; line-height: 1.0; text-align: left;}
.titolo hr {width: 60%; border-bottom: 1px solid #520d16;}

.box-img-programma {width: 100%; height: 900px;}

.testo {font-family: 'Karla', sans-serif; font-size: 17px; color: #1D1D1A; line-height: 1.6;}
.testo p {font-family: 'Karla', sans-serif; font-size: 17px; color: #1D1D1A; line-height: 1.6;}

.giorno-programma {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 20px; color: #700e1a; letter-spacing: 2px;}
.orario-programma {color: #9e3030;}
.lista-programma { margin-top: 20px; list-style-type: none; margin-left: 0;}
.lista-programma li { }

.post-2 {position: relative;}
.pagination {position: absolute; bottom: 0;}
.pagination-2, .pagination-3 {position: absolute; bottom: 0;}

.pagination-rossa li, .pagination-rossa li:last-child, .pagination-bianca li, .pagination-bianca li:last-child {display: inline-block;}
.pagination-rossa ul , .pagination-bianca ul {display: inline; margin-left: 0;}
.pagination-rossa li.active, .pagination-bianca li.active {font-size: 40px; line-height: 1.3; color: #50252D; border-bottom: 1px solid #50252D;}
.pagination-rossa li, .pagination-bianca li {font-family: 'Playfair Display', serif; font-weight: 900; font-size: 20px; color: #50252D; margin-right: 10px; cursor: hand; cursor: pointer; padding: 0 5px; border-radius: 0;}
.pagination-rossa p, .pagination-bianca p {display:inline-block;}
.pagination-rossa a:hover, .pagination-bianca a:hover {background: none;}
.pagination-bianca li {color: #fff;}
.pagination-bianca li.active, .pagination-bianca a:hover {color: #fbfbab; border-bottom: 1px solid #fbfbab;}

.regolamento-concorso {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 23px; color: #700e1a; letter-spacing: 2px; line-height: 1.2;}
.step-programma {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 19px; color: #700e1a; letter-spacing: 1px;}

#footer {width: 100%; background: #520d16; margin-top: 100px;}
.footer-sopra {width: 100%; background: #400a07; padding: 25px 0; margin-bottom: 25px;}
.footer-sotto {width: 100%; background: #400a07; border-top: 1px solid #939392; padding: 10px 0; margin-top:35px;}
.nome-footer {font-family: 'Work Sans', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 3px;}
.voce-footer {margin: 15px 0;}
.voce-footer a {font-family: 'Work Sans', sans-serif; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 200; letter-spacing:2px;}
.voce-footer a:hover {color:#fbfbab;}
#footer i {color: #fff; font-size: 22px; margin-right: 15px;}
.indirizzo-footer, .indirizzo-footer a {font-family: 'Work Sans', sans-serif; color: #fff; font-size: 14px; font-weight: 300;}
.indirizzo-footer p {font-family: 'Work Sans', sans-serif;  font-size: 16px; color: #fff; font-weight: 600; text-align: center; margin: 10px 0 10px 0;}
.indirizzo-footer a {color: #fff;}
.indirizzo-footer a:hover {color:#FFFFC4;}
.tratto {width: 45px; height:2px; background: #939392; margin-top: 10px;}

.grandezza-immagine img {width: 100%;}
.dividi-colonne {column-count: 2; column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; font-family: 'Karla', sans-serif; font-size: 17px; color: #1D1D1A; line-height: 1.6;}

.box-vino {border: 1px solid #B9B9B3; padding: 20px; text-align: center;}
.box-vino:hover {box-shadow: 5px 5px 5px #C0B0B3, -5px -5px 5px #C0B0B3, 5px -5px 5px #C0B0B3, -5px  5px 5px #C0B0B3;  transition:all 0.3s ease; cursor: hand; cursor: pointer;}
.nome-vino {width: 100%; text-align: center; line-height: 1.2; height: 80px;}
.nome-vino a {font-family: 'Work Sans', sans-serif; font-size: 18px; color: #1D1D1A; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;}
.box-foto-vino {margin: 5px 0; text-align: center;}
  .box-foto-vino img {max-height: 385px;}

.form-group label {color: #520d16; font-size: 15px; margin-bottom: 5px;}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select
{ height: 3.3rem; border: 1px solid #e6e6e6; margin: 0 0 2rem;}
.scegli-file {width: 65%; margin-bottom: 1.5rem; font-size: 15px;}
.inserisci-file {width: 30%; background: #a7616d; color: #fff; margin-bottom: 1.5rem; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; border-radius: 3px; padding: 10px 0;}

.privacy {font-size: 13px;}
.privacy a {text-decoration: underline!important; font-size: 14px; color: #520d16;}

.bottone-form {background: #50252c; border-radius: 3px; font-family: 'Work Sans', sans-serif; font-size: 15px; color: #fff; text-transform: uppercase;
    letter-spacing: 4px; font-weight: 300; padding: 18px 25px;}
.bottone-form:hover {background: #863945; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;}

.contatti {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 19px; color: #3d3f41; letter-spacing: 1px; text-align: center; line-height: 1.8;}
.contatti a {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 19px; color: #520d16; letter-spacing: 1px; text-align: center; text-decoration: underline!important;}

.footer-sotto p {font-family: 'Work Sans', sans-serif; font-size: 14px; color: #fff;}
.footer-sotto p a, .footer-sotto a {font-family: 'Work Sans', sans-serif; font-size: 13px; color: #fff; letter-spacing:1px; font-weight: 300;}

a.scarica-pdf {text-decoration:underline!important; font-weight:bold; color: #520d16; font-size: 18px;}



#esito_messaggio {visibility: hidden;}

.titoletto-evento {
  font-family: 'Work Sans', sans-serif;
  color: #520d16;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.titoletto-evento:hover, .titoletto-evento:focus {
  color: #931d2c;
}

.img-eventi {
  width: 100%; 
  height: 250px; 
  background-repeat: no-repeat;
  background-size: cover;
  margin: 10px 0;
  background-position: center;
}

.bottone-eventi {
  border: 1px solid #520d16;
  border-radius: 2px;
  padding: 15px 20px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #520d16;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 10px;
  background: transparent;
  -moz-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in; 
}


.bottone-eventi:hover {
  color: #931d2c;
  border: 1px solid #931d2c; 
}


#img-calici {
  border: 1px solid #edd4d8;
}