a{
    color:#aa2a6f   ;
}
a:hover{
    color:#101013;
}

#main-header-menu > li.nav_menu-1037:after{background: #c1ba57 !important;}
#main-header-menu > li.nav_menu_1072:after{background: #f08161 !important;}

.activeb{
    font-weight:bold;
    color:#000000;
}

.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #e43a90 !important;
}

.footer-title {

    font-weight: 700;}

.banner-slider-one .swiper-slide .slider-content h2 {
    font-size :60px;
    font-weight: 600;
}

.lang-switch{
    color:#fff;
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 20px;
}   
.lang-switch a{
    color:#fff;
}
.lang-switch a:hover{
    color:#101013;
}

/* stili allineamento*/
.align_center{
    text-align: center;
}
.align_left{
    text-align: left;
}
.align_right{
    text-align: right;
}

#main-header-menu > li:after{
    height:5px;
}

.btn-primary{
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #aa2a6f;
    border-color: #aa2a6f;
    color:#fff;
}

.btn-secondary,.btn-primary:hover{
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #efefef   ;
    border-color: #aa2a6f;
    color:#000;
}




/** overlay su foto testata */
.page-header {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
  
/* Overlay colorato sopra lo sfondo */
.page-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(170, 42, 111, 0.9); /* Cambia colore e trasparenza qui */
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
}

/* Qualsiasi contenuto dentro rimane sopra l'overlay */
.page-header > * {
    position: relative;
    z-index: 2;
}
  
.per-thumb {
    position: relative;
    overflow: hidden; /* evita che l'overlay esca */
  }

  img.hover{transition: transform 0.3s ease;}
  img.hover:hover {
    transform: scale(1.05);
  }
  
  .per-thumb::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(170, 42, 111, 0.8); /* colore e trasparenza */
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
  }
  
  .per-thumb img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
  }
  
  /** HOME **/

h4.artista-in-tour a{
    color:#101013 !important;
}
#recent-event .data_evento_retro h2 span a,#recent-event .data_evento_retro h2 a{
    color:#fff;
}

h4.artista-in-tour a:hover{
    color:#aa2a6f;
}

  .upc-con-three .content-wrap{
    border-radius: 0px !important;
  }
  .upc-con-three .upc-count-wrap {
    background: #47a5aa;
    border-radius: 0px !important;
    padding-top: 10px;
    text-align: left;
    padding-left: 20px;
  }
  

  .hover-flip .blocco_evento div .section-title h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    margin-left: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.hover-flip  .blocco_evento p {
    margin-left: 20px;
}
.hover-flip  .blocco_evento div .section-title h2:before{
    left:60%;

}

.hover-flip  .blocco_evento div .section-title h2:after{
    left:60%;
}

.data_evento_{
    color:#ffffff;position: absolute;right: 20px;
}

.data_evento_new{
    color:#ffffff;position: absolute;left: 15px;top:-10px;
    text-align: center;
    width: 70px;
    background-color: rgba(170, 42, 111, 0.7);
}

.data_evento_ h2,.data_evento_new h2{
    font-size: 18px;
    font-weight: 500;
    
}

.data_evento_ h2 span,.data_evento_new h2 span{
    font-size: 2em;
    display: block;
    padding-top: 15px;
    font-weight: 700;
    line-height: 30px;
    
}

.data_evento_retro h2   {
    color:#ffffff;
    font-size: 16px;
}
.data_evento_retro h2 span{
    font-size: 2.2em;
    display: block;
    font-weight: 700;
    line-height: 30px;
}

.upc-count-wrap p{
    color:#ffffff;
    font-size: 16px;
}

.gira{
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top:-12px
}

.slider-nav-prev, .slider-nav-next {
    background-color: rgba(170, 42, 111, 0.7);
}

.tim-slide-btn{
    background-color: rgba(170, 42, 111, 0.7);
    color:#fff;
    font-size:16px;
    font-weight: 500;
    text-transform: uppercase;
}

.tim-slide-opaco-btn{
    background-color: rgba(170, 42, 111, 1);
    color:#fff;
    font-size:16px;
    font-weight: 500;
    text-transform: uppercase;
}

.no-mb{
    margin-bottom:0px !important;
}



.slide h4{
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: block;
    line-height: 20px;
    margin-top:10px;
}

.slide img, .slide p{
    margin-top:-10px;
}

.slider-content.gray>h3, .slider-content.gray>h2, .slider-content.gray> p{
    text-shadow: 20px 20px 40px rgba(0, 0, 0, 1) !important;
}

#news .slide h4{
    font-size: 16px;
    font-weight: 500;
}

/** NEW **/
p.reset{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px
}
p.data-new{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/** CATEGORIA **/
.slide_artista h4, .slide_artista p{
    color:#101013;
}
ul.pagination a.page-link {
    color: #aa2a6f;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: none !important;
    padding: 10px;
}

ul.pagination li.page-item a span{
    color: #101013;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: none !important;
    padding: 10px;
    line-height: 1.25;
    display: block;
}

ul.pagination .page-item:first-child .page-link{
    border-radius: 0px !important;
}

ul.pagination .page-item:last-child .page-link{
    border-radius: 0px !important;
}


ul.pagination a.page-link:hover {
    color: #fff;
    background-color: #aa2a6f;
}
/** CALENDARIO **/
p.mese{
    font-size: 2em;
    font-weight: 500;
    text-transform: uppercase;
}

a.soldout{
    background-color: #aa2a6f;
    color:#fff;
    font-size:14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px 20px;
    margin-top: 20px;
}

.calendar{
   background-color: #000;
   padding: 0px !important;
   border-right: 20px solid #47a5aa;
   height:180px;
}

.calendar .image_calendar{
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 20px;
}

.calendar .txt_calendar{
    padding-left: 20px;
}

.calendar .txt_calendar h2{
    padding-top: 10px;
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 1.2em;
    font-weight: 700;
}

.calendar .txt_calendar p{
    color: #fff;
    font-size: 14px;
}

.calendar-btn{
    background-color: transparent;
    color:#fff;
    font-size:14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px 20px;
    margin-top: 20px;
}

.calendar-p{
    margin-top: -15px;
    line-height: 16px;
}

.txt_calendar img{
    margin-top: -15px;
}
.data_image_calendar{
    position: absolute;
    bottom: 0;
    width: 70px;
    height: 70px;
    padding-top: 10px;
    background-color: rgba(170, 42, 111, 0.7);
    z-index: 1;
    text-align: center;
    font-size: 2em;
    color:#fff;
    font-weight: 900;
}
.data_image_calendar span{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top:-5px;
}


#filtro {

    background-image: url('../../media/background/10.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 50px;
    font-size: 16px;
}

/** ARTISTA **/
.grid {
    display: block;
    width: 100%;
  }
  .event-thumb{
    width: 100%;
}
  .grid-sizer,
  .grid-item {
    width: 33.33%; /* 3 colonne: cambia a seconda di quante vuoi */
  }
  
  .grid-item {
    float: left;
    padding: 5px;
    box-sizing: border-box;
  }

  .grid-item.photo i{
    position: absolute;
    top: 25px;
    left: 25px;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1em;
    z-index: 1;
  }
  
  .grid-item img {
    display: block;
    width: 100%;
    height: auto;
  }

#recent-event .event{
    position: relative;
    width: 100%;
    height: 320px; /* o quello che ti serve */
    display: flex;
    justify-content: center;
    align-items: center;
   
    background-size: cover;
    background-position: center;
}

/*#recent-event .event-text{*/
#event-thumb .event-text {
    position: relative;
    width: 100%;
    height: auto; 
    background-color: #101013;
    padding-left: 40px;
    border-bottom:25px solid #aa2a6f;
    margin-bottom:10px;

}

#event-thumb .event-text .section-title {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 0px;
}
/**
#event-thumb .event-text .section-title h2:before {
    left: 35%;
    top: 70%;
}

#event-thumb .event-text .section-title h2:after {
    left: 35%;
    top: 70%;
}
*/

#event-thumb .event-text .section-title h2 ,.section-title_ h2 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 900;
    position: relative;
    display: inline-block;
    text-transform: none;
}

.slide{
    margin-right: 20px;
}

.swiper-pagination{
    position: relative !important;
}
.swiper-pagination-bullet-active {
    background: #aa2a6f !important;
}
    

#recent-event .event-text .section-title{
    width: 100%;
    padding-top: 20px;
    margin-bottom: 0px;
}

#recent-event .event-text .section-title h2:before{
    left:35%;
    top:70%;
}

#recent-event .event-text .section-title h2:after{
    left:35%;
    top:70%;
}

#recent-event .event-text .section-title h2 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 900;
    position: relative;
    display: inline-block;
    text-transform: none;
}
  
#recent-event .event .content {
    background-color: rgba(170, 42, 111, 0.7); /* il colore che volevi */
    border-radius: 5px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}
  
#recent-event .event .content p{
    margin: 0px !important;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;  
    padding-bottom: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
  
#recent-event .event .content a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

#recent-event .event .content:before {
    display: none;
}

#recent-event .event:before {
    display: none;
}

.titolo_evento{
    font-weight: 700;
    height:25px;
}
.sottotitolo_evento{
    text-transform: uppercase;
}
.evento-info{
    padding: 20px;background-color: #efefef;
}

.voci{
    padding: 20px;background-color: #aa2a6f;color: #fff
}

.voci p{
    font-size: 16px;
}

.blocco_evento{
    background-color: #47a5aa;height: 100px;
}

.blocco_evento .blocco_evento_div{
    width:93%;height: 100px;float: right;background-color: #101013;
}

.blocco_evento div .section-title h2{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
    margin-left:50px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.blocco_evento p{
    margin-left:50px;
    margin-bottom: 0px;
    padding-top: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}

.blocco_evento div .section-title h2:before{
    top:40px;
}

.blocco_evento div .section-title h2:after{
    top:40px;
}

/** EVENTO **/
.tipologia{
    color: #fff;text-align: center;padding: 3px;font-weight:500;
}
.categorie_evento{
    background-color: #101013;
}
.categorie_evento h2{
    color: #fff;
}
.categorie_evento ul{
    list-style: none;
}
.categorie_evento ul li{
    display: block;
}
.categorie_evento ul li a{
    color: #fff;
}
.categorie_evento ul li a:hover{
    color: #aa2a6f;
}

p.social_evento a{
    color:#fff;
}
p.social_evento a:hover {
    color:#101013;
}
p.event-discografia a {
	color: #fff;
	text-decoration: none;
}
p.event-discografia a:hover {
	text-decoration: underline;
    color: #101013
}

div.event-discografia {
	padding: 20px;
	background-color: #e43a90;
	color: #fff;
}

#recent-performance {
	background-color: #fff  ;
    padding: 0px;
}
#recent-performance .performace{
    margin-bottom: 20px;
}

#recent-performance .section-title h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#recent-performance .performace .content {
    top:10px;
    background-color: transparent;
    text-align: left;
    width: 90%;
}

#recent-performance .performace .content h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

#recent-performance .performace .content h3 span {
    font-size: 2.5em;
    font-weight: 700;
    display: block;
    height: 0px;
}

#recent-performance .performace .content:before {
    display: none;
}

#recent-performance .performace:before {
    display: none;
}

/** hover su testo */
.performace:hover .content h3, .performace:hover .content h5 {
    color: #fff;
}

#recent-performance .performace .content h5 {
    text-transform: uppercase;
    padding-top: 10px;
    font-size: 18px;
}

#recent-performance .performace .content h5 b{
font-weight: 500;
font-size: 2em;
}

#recent-performance .performace .content p{
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding-top: 20px;
}

.performace.music {
    border-bottom: 20px solid #47a5aa;
}

.biglietti{
    display: flex;
}

.biglietti .btn_biglietto{
    width: 100%;
}

.biglietti .btn_share_biglietto{
    width: 40%; text-align: center; margin-top: -10px;
}

.biglietti .site-social-link {
    margin-top:-15px;
}
.biglietti .site-social-link li  a{
    color:#aa2a6f;
    font-size: 16px;
    margin-right:5px;
}

.biglietti .site-social-link li  a:hover{
    color:#101013;
}

.biglietti .btn-primary{
    background-color: #aa2a6f;
    border-color: #aa2a6f;
    font-size:16px;
    margin-right:10px;
    width:100%;
    text-transform: uppercase;
}

.biglietti .share_biglietto{
    color:#101013;
    font-size: 50%;
    display: block;
    height: 20px;
}

#newsletter {
    background-color: #fff;
   
}

#newsletter .container{

    background-image: url('../../media/background/10.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 50px;
    font-size: 16px;
}

input#newsletter-form-email{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

label[for="privacy-check"]{
    color: #fff;
    font-size: 14px;
    line-height: 15px;
}


/** FOOTER **/
#footer p{
    color:#fff;
    font-size: 12px;
    line-height: 15px;
}
.footer-logo{
    margin-bottom: 10px !important;
}

.footer-title{
    margin-bottom: 10px !important;
}

.footer-list{
    list-style: none;
}

.footer-list li a{
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    height: 25px;
}

.widget-instagram{
    margin-bottom: 20px;
}

.btn-circle {
    cursor: pointer;
    margin-right: 10px;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #ccc;
    background: #696a6c;
    border-radius: 50%; /* bottone tondo */
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-circle i {
vertical-align: middle;
color: #fff;
font-size: 16px;
}

.btn-circle i:hover {
color: #101013;
}

.btn-circle:hover {
background-color: #eee;
border-color: #888;
color: #101013;
}

/** colonne resposnive **/
@media (min-width: 300px) {
.text-sm-left   { text-align: left !important; }
.text-sm-center { text-align: center !important; }
.text-sm-right  { text-align: right !important; }
}

@media (min-width: 768px) {
.text-md-left   { text-align: left !important; }
.text-md-center { text-align: center !important; }
.text-md-right  { text-align: right !important; }
}

@media (min-width: 992px) {
.text-lg-left   { text-align: left !important; }
.text-lg-center { text-align: center !important; }
.text-lg-right  { text-align: right !important; }
}

@media (min-width: 1200px) {
.text-xl-left   { text-align: left !important; }
.text-xl-center { text-align: center !important; }
.text-xl-right  { text-align: right !important; }
}


@media (max-width: 768px) {
    .calendar{
        background-color: #cfcdcd;
        padding: 0px 0px 5px 0px !important;
        height: auto;
    }

    .calendar p{
        font-size: 12px;
        color: #101013;
        margin-top:0px;
    }

    .calendar .txt_calendar{
        position: relative;
    }

    .calendar .txt_calendar p, .calendar .txt_calendar h2{
        color: #101013;
    }

    .calendar .txt_calendar h2{
        font-size: 18px;
        font-weight: 700;
    }

    a.soldout{
        position: absolute;
        right: 30px;
        top: 40%;
        background-color: #e43a90;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 6px 20px;
        
    }

    .h3_data_evento{
        font-weight: 700;
        color: #aa2a6f;
    }

    .h3_data_evento small{
        font-size: 14px;
        display: block;
        color: #aa2a6f;
    }
}

/** BASIC PAGE **/
section#blocchi div.row{
    border-top: 1px solid #efefef;
    padding-top: 2em
}

.img100{
    width: 100%;
    height: auto;
}
.tim-slide-btn{
    line-height: 5px;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 1em;
}

p.link_bianco a{
    color:#fff !important;
}

p.link_bianco a:hover{color:#e43a90 !important}

.event-text > div p.link_bianco a {color:#e43a90 !important}
.event-text > div p.link_bianco a:hover {color:#ffffff !important}

.event-text>div p.link_bianco a[href^="mailto:"] {
    /* stile per le mail */
    color: #ffffff !important
}

#btn_reset_filtro{
    float: right;
}

/** SLIDER MOBILE */
/* Mobile */
@media (max-width: 767px) {
    #banner-one {
        height: 50vh;
        /* metà schermo */
    }

    #banner-one .swiper-container {
        height: 50vh !important;
    }

    #banner-one .swiper-wrapper,
    #banner-one .swiper-slide {
        height: 50vh !important;
    }

    /* se usi background via data-bg-image (di solito viene messo come background-image) */
    #banner-one .swiper-slide {
        background-size: cover;
        background-position: center;
    }

    .titolo_evento {
        height: auto;
    }

    #btn_reset_filtro {
        float: none;
    }
}