:root {
    --rosso: #7B2128;
    --rosa: #ECDEDD;
    --grigio: #E6E6E6;
    --verdino: #F1EFDA;
    --grigino: #ABABAB;
    --grigioscuro: #646464;
}
.sidebar{
    
    padding-right:3rem!important
}
.widget_links li
{
    list-style: none;
    margin: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 0px;
}

.widget_links ul
{
    list-style-type: none;
}

.page-title {
    background-image: url("../images/bg-titolo.jpg");
    position: relative;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.page-title h1,
.page-title h5
{
    color: white;
    margin-left: 70px;
}

.page-title h1 {
    font-size: 3rem;
    font-family: 'Playfair Display', serif;
    letter-spacing: .6rem;
}

.breadcrumb {
    color: white;
    font-size: 1.5rem;
}

.info-evento {
    text-transform: uppercase;
    font-size: 1.25rem;
}

.info-evento h3 {
    font-size: 2rem;
    font-family: 'Playfair Display', serif;
}

.luogo-evento {
    color: var(--rosso);
    font-size: 1.25rem;
    margin-top: .4rem;
}

.compra-evento {
    margin-top: 20px;
    color: white;
    font-size: 1.25rem !important;
    text-decoration: underline !important;
}

.data-evento {
    font-size: 1rem;
}
.ora-evento {
    font-size: 1rem;
}
.costo-evento {
    padding-top: 20px;
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    color: var(--rosso);
}

.turno-evento {
    font-size: 1rem;
    color: var(--rosso);
}
.evento{
    margin-bottom:.7rem;
}
.evento-desc {
    position: relative;
    z-index: 6;
    padding-top: 10px;
}
.evento a{
    text-decoration: underline!important;
}

.evento-desc h3 {
    margin-bottom: 0px;
}

.evento-desc h3 a {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
    color: black;
}
.sidebar article{
    margin-bottom:2rem;
}
.tema-scuro .evento-desc h3 a{
    color:#fff
}

.date-evento {
    font-size: 1rem;
    color: var(--rosso);
}

.sede-evento {
    text-transform: uppercase;
}
.ufficio-stampa, .spettacolo, .spettacolo-image{
    padding-left:4rem
}

.ufficio-stampa h1,.spettacolo h1
{
    font-size: 2rem;
    font-family: 'Playfair Display', serif;
    color: var(--rosso);
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 1rem;
    line-height: 1.2;
}

.ufficio-stampa .testo,.spettacolo .testo {
    font-size: 1.2rem;
    font-family: "quasimoda",sans-serif;
    color: black;
    padding-bottom: 20px;
}
.ufficio-stampa a,.spettacolo a{
    color: var(--rosso);
}
.ufficio-stampa a.social-icon{
    color:#555
} 
.ufficio-stampa .testo a, .spettacolo .testo a {
    color: var(--rosso);
    text-decoration: underline !important;
}
.spettacolo .testo.rosso{
    color:var(--rosso)
}
.btn-rosso {
    border: 3px solid var(--rosso);
    border-radius: 0;
    font-size: 0.6rem;
    text-transform: uppercase;

    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-rosso.pieno {
    background-color: var(--rosso);
    color: white;
}


/* button personalizzati */
.btn-rosso.outline {
    color: var(--rosso);
    padding-left: 30px;
    padding-right: 30px;
}

.btn-rosso.outline:hover, .btn-rosso.outline:focus, .btn-rosso.outline:active, .btn-rosso.outline.active, .open > .dropdown-toggle.btn-rosso {
    color: var(--rosso);
    border-color: var(--rosso);
}
.tema-scuro .btn-rosso.outline {
    background: #fff;
}

/* TODO cambiare colore su active o su hover? */
.btn-rosso.outline:active, .btn-rosso.outline.active {
    border-color: var(--rosso);
    color: var(--rosso);
    box-shadow: none;
}

.int-carta {
    background-color: var(--rosa);
    color: var(--rosso);
    font-size: 2rem;
    text-transform: uppercase;
}

.freccia {
    float: right;
}

.freccia i {
    color: var(--rosso) !important;
}

.int-carta a {
    font-family: 'Playfair Display', serif;
    color: var(--rosso) !important;
}

.tema-scuro {
    background-color: black;
    color: white !important;
}

.tema-scuro h2 {
    font-family: 'Playfair Display', serif;
    color: white !important;
    letter-spacing: .6rem;
    text-align: center;
}
#contatti{
	display:none
}

#contatti input.input-block-level,
#contatti select.input-block-level,
#contatti .input-block-level {
    padding-left: 0;
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid white;
    border-radius: 0 !important;
}

#contatti label.form-check-label {
    font-size: .6rem;
    font-family: "quasimoda",sans-serif;
    text-transform: none;
    color: var(--grigino);
    letter-spacing: 0px;
}

.btn-contatto {
    font-size: 1rem;
    letter-spacing: 3px;
}

.cont-checkbox {
    padding-left: 1.2rem;
}

/* sezione newsletter */
.newsletter {
    background-color: var(--grigio);
}

.titolo-nl {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: black;
}

.sottotitolo-nl {
    font-family: "quasimoda",sans-serif;
    font-size: 1.75rem;
    color: black;
    flex-basis: 25%;
}

.input-nl {
    font-family: "quasimoda",sans-serif;
    font-size: 1.75rem;
    color: black;
    flex-basis: 23%;
}

.check-nl {
    flex-basis: 37%;
    margin-left: 30px;
}

.check-nl label {
    font-family: "quasimoda",sans-serif;
    text-transform: none;
    color: var(--grigino);
    letter-spacing: 0px;
}

.tondo {
    border-radius: 24px;
    height: 50px;
}

.iscriviti-nl {
    color: var(--rosso);
    font-size: 1.5rem;
    flex-basis: 10%;
    padding-left: 30px; /* da rendere responsive */
    padding-bottom: 20px; /* da rendere responsive */
    margin-top: 1.25rem;
    /* padding-bottom: 0.5rem; */
}

.whatsapp-nl {
    font-family: "quasimoda",sans-serif;
    font-size: 1.75rem;
    color: black;
    flex-basis: 35%;
    padding-bottom: 20px; /* da rendere responsive */
    margin-top: 1.25rem;
}

.whatsapp-iscriviti-nl {
    color: var(--rosso);
    font-size: 1.5rem;
    flex-basis: 10%;
    padding-bottom: 20px; /* da rendere responsive */
    margin-top: 1.5rem;
    /* padding-bottom: 0.5rem; */
}

.btn-newsletter {
    border-radius: 0;
    border: 1px solid transparent;
    font-size: 1.25rem;
    color: var(--rosso);
    text-transform: uppercase;
    text-decoration: underline !important;
}
/* archivio spettacoli */
.titolo-archivio {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: black;
    flex-basis: 40%;
}

.btn-grigio {
    border: 3px solid var(--rosa);
    border-radius: 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;

    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;

    margin-left: 10px;
    margin-right: 10px;
    align-self: center;
}

/* button personalizzati */
.btn-grigio.outline {
    color: black;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-grigio.outline:hover, .btn-grigio.outline:focus, .btn-grigio.outline:active, .btn-grigio.outline.active {
    color: var(--grigino);
    border-color: var(--rosa);
}

.btn-grigio.outline:active, .btn-grigio.outline.active {
    border-color: var(--rosa);
    color: var(--grigino);
    box-shadow: none;
}
.postcontent{
    margin-bottom: 2rem;
}

/* elenco rosa */
.lista-pagine a{
    display: block;
    background-color: var(--rosa);
    color: var(--rosso);
    padding: 0 1rem .8rem 4rem;
    margin: 1rem 0;
}
.lista-pagine a span{
    font-family: 'Playfair Display', serif;
} 
.lista-pagine-numero{
    color:black;
    font-size: 3.5rem;
}
.lista-pagine-titolo{
    font-size: 2rem;
    margin-left: 1rem;
}
/* elenco rosa social*/
.lista-social .riga{
    display: block;
    background-color: var(--rosa);
    color: var(--rosso);
    padding: 2rem 1rem 2rem 4rem;
    margin: 1rem 0;
    display: flex;
}
.lista-social .colonna{
    flex: 1;
    text-align: center;
}
.lista-social .colonna img{
    height: 60px;
}
.lista-social .colonna p{
   margin-bottom: 0;
   line-height: 1.2em!important;
}
.lista-social .colonna a{
    color:#555;
    line-height: 1.5rem;
}



/* Storia del teatro */
.storia-teatro blockquote{
   color: var(--rosso);
   border:0;
  padding-left: 4rem;
}
.storia-teatro blockquote p{
    font-family: 'Playfair Display', serif;
    
}
.storia-teatro blockquote p::after{
    font-family: 'font-icons';
    content: "\e7ae";
    color: var(--rosa);
    margin-left:1rem
}
.storia-teatro blockquote p::before{
    font-family: 'font-icons';
    content: "\e7ad";
    color: var(--rosa);
    margin-right: 1rem;
}

.storia-teatro .blockquote-reverse {
    margin-top: -1rem;

}
.storia-teatro .blockquote-footer{
    text-transform: initial;
    color: black;
   
}
.storia-teatro .blockquote-footer::before{
    content: "";
}

.storia-teatro .presentazione-immagine{
    padding-right:3rem!important
}
.storia-teatro .flex-control-nav{
    display: none;
}
.storia-teatro .postcontent {
    padding-right:0!important;
    padding-left: 3rem;
}
.storia-teatro .portfolio-single-image{
    padding-left: 0;
    padding-right: 0;
}
.storia-teatro h5{
    color:var(--rosso);
    font-weight: normal;
    font-size:1rem;
}
.storia-teatro .spettacolo{
    padding-right:5rem
}

.quote::before{
    color:var(--rosa)
}
  /******************************* 5x100 **************************************/
.numero-cinque-mille{
    color: var(--rosso);
    font-size: 1.5rem;
}

.organizza-evento-bottone{
    text-align: center;
    
}
.organizza-evento-bottone a.button-rounded{
    margin: 1rem auto!important;
    padding: 1rem 4rem!important;
    display: block!important;
    width: 70%!important;
    text-align: center!important;
}
.organizza-evento .flex-control-nav{
    display: none;
}

.partner .postcontent {
    padding-right:0!important;
}
.partner .flex-control-nav{
    display: none;
}
/******************************* 18 APP **************************************/
.diciotto-app h5{
    color:var(--rosso);
    font-weight: normal;
    font-size:1rem;
}
/******************************* UFFCIO STAMPA **************************************/
.ufficio-stampa .eventi {
    padding-left: 90px;
}

.ufficio-stampa .eventi-intro {
    padding-top: 80px;
}

.ufficio-stampa .eventi-intro h4 {
    font-weight: 100;
}

.ufficio-stampa .eventi-data {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: var(--rosso);
    margin-top: -30px;
}

.ufficio-stampa .eventi-mese {
    text-transform: uppercase;
}

.ufficio-stampa .eventi-intro h4 {
    font-family: "quasimoda",sans-serif;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ufficio-stampa .eventi-intro h1 {
    font-family: 'Playfair Display', serif;
    color: var(--rosso);
}

.ufficio-stampa .eventi-testo {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: black;
    padding-left: 50px;
}

.ufficio-stampa .eventi-sottotesto {
    font-family: "quasimoda",sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: var(--rosso);
    padding-left: 50px;
}

.ufficio-stampa .row.divisore-verticale {
    margin-bottom: 50px;
    overflow: hidden;
}

.ufficio-stampa .bordi {
    border-right: 2px solid var(--grigio);
    border-left: 2px solid var(--grigio);
}


.ufficio-stampa .btn-xs {
  padding: .5rem 1rem;
  font-size: .75rem;
  line-height: 1;
}
.ufficio-stampa h2{
    font-size: 2rem;
    font-family: 'Playfair Display', serif;
    
    text-decoration: none;
    padding-bottom: 1rem;
    line-height: 1.2;
}