html {
    height: 100%
}

body {
/*     font-family:"Roboto","Helvetica","Helvetica Neue","Arial",sans-serif; */
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:24px;
/*     background-color:#111 */
}

a {
    text-decoration:underline;
}

h1, h2, h3, h4 {
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    font-weight:300;
}

.semi {
    font-weight:400;
}

.bold {
    font-weight:500;
}

.tiny {
    font-size:75%;
}

.text-dark {
    color:#222;
}

.condensed {
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
}

.header {
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
}

.header .logo img {
    width:200px
}


.header h1 {
    margin-bottom:30px;
}

.header h2 {
    font-weight:700;
    text-transform:uppercase;
    margin:0;
}

.header-list li {
    padding:10px;
    padding-bottom:0px;
    font-size:18px;
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
}

.header-list li i {
    font-size:30px;
}

.header a {
    color:#333;
}

.index-shows {
/*     margin:15px; */
/*     background-color:#ccc; */
}

.index-show {
    padding-left:0px;
    padding-right:0px;
    
}

.index-show-artist, .index-show-date {
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    font-weight: 300;
}

.index-show-artist {
    margin-top:0px;
}

.index-show-artist a,
.index-show-artist a:hover,
.index-show-artist a:focus {
    color:white;
    text-decoration:none;
}

.index-show-date {
    font-size:20px;
}

.index-show-date span {
    font-size:16px;
}

.index-show-date.small {
    font-size:16px;
    line-height:20px;
}

.index-show-tickets {
    display:inline-block;
    text-decoration:none;
    margin-top:20px;
    font-weight:700;
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    border-radius: 2px;
    padding: 4px 8px;
    font-size:16px;
    color:white;
    border:1px solid  rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
}

.index-show-tickets:hover,
.index-show-tickets:focus {
    color:white;
    text-decoration:none;
    background-color: rgba(255, 255, 255, 0.5);
}

.index-show-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial;
    width: 100%;
    min-height:40%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    padding-top:20px;
    padding-bottom:20px;
}


@media (min-width:1201px) {
    .index-show-overlay.featured {
        padding-top:50px;
    }
}

.index-show-overlay a {
    color: #fff;
}

.index-show-img {
    width:100%;
}

.index-show-img.first {
/*     border-radius:8px 0 0 0;  */
}

.footer {
    color:#ccc;
    background-color:#000;
    padding-top:50px;
    padding-bottom:100px;
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
}

.footer h1 img{
    width:200px;
}

.footer h1 {
    margin-bottom:30px;
}

.footer h2 {
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
}

.footer a {
/*     color:#fff; */
}

.info {
    background-color:#000;
    color:#fff;
    
    /*     padding-top:100px; */
}

.section {
    /*     text-align:center; */
    padding-top:30px;
}

.section-title {
    margin-top:0;
    margin-bottom:10px;
    text-transform:uppercase;
}

.section-title i {
    /*     color:rgba(255,0,0,0.95); */
    color:white;
    font-size:40px;
}

.list-social {
    /*     margin-top:20px; */
}


.list-social li:not(:last-child) {
    margin-right:30px;
}

.list-social li i {
    font-size:40px;
}

.comprar {
    color: white;
    font-size: 16px;
    margin-top:20px;
}

.back-header {
    margin-top:15px;
}

.back-header i {
    font-size:40px;
}

.show {
    margin-top:15px
}

.show-dates,
.show-location,
.show-tickets,
.show-links,
.show-bio,
.show-img, 
.show-video,
.show-audio,
.show hr {
    margin-bottom:40px;
}

.show-artist {
    margin-bottom:10px;
}


.show-img {
    width:100%;
}

.show-tickets-price {
    font-size:20px;
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    font-weight:400;
    padding-right:20px;
}

.show-tickets-buy {
    display:inline-block;
    text-decoration:none;
    font-weight:700;
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    border-radius: 2px;
    padding: 4px 8px;
    font-size:16px;
    color:white;
    background-color: rgba(255, 0, 0, 0.8);
}

.show-tickets-buy:hover,
.show-tickets-buy:focus {
    color:white;
    background-color: rgba(255, 85, 85, 1);
    text-decoration:none;
}

.show-artist, .show-dates {
    font-family:"Roboto Condensed","Helvetica","Helvetica Neue","Arial",sans-serif;
    font-weight: 300;
}

h2.show-artist {
    font-size:50px;
}

h3.show-artist {
    font-size:36px;
}

h4.show-artist {
    font-size:30px;
}

.show-dates {
    font-size:20px;
}

.show-dates span {
    font-size:16px;
}


.show-location i {
    font-size:20px;
    float:left;
}

.show-location address {
    margin-left:20px;
}

.show-links li i {
    font-size:15px;
    width:15px;
    display:inline-block;
/*     float:left; */
}

.show-links a {
}


.show-links li {
/*    text-decoration:none; */
}

.show-video, .show-audio {
    width:100%;
    min-height:360px;
}

.show-bio {
    font-size:15px;
}

.show-bio hr {
    margin-bottom:40px;
    margin-top:40px;
}

.none {
    display:none;
}

/* --- Estilos para el flyer del show --- */
.show-flyer {
    margin-top: 30px;
	margin-bottom: 30px;
    text-align: center;
}

.show-flyer img {
    width: 30%; /* Ajustalo aquí al 75% o cambiá a 50% si lo querés más chico */
    max-width: 500px;
    height: auto;
}

pre {
    font-family: inherit !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    margin-top: 1.5em !important;
    margin-bottom: 2em !important;
    white-space: pre-wrap !important;
}

.show-bio h3 {
    margin-top: 1.5em;
    font-size: 1.2em;
    color: #444;
}

.show-bio ul {
    list-style: none;
    padding-left: 0;
    margin: 0.5em 0;
}

.show-bio li {
    margin-bottom: 0.2em;
    line-height: 1.4;
    font-size: 1em;
}

.fecha-dia {
    color: #d40000;
    font-weight: bold;
    display: inline-block;
    margin-top: 1em;
}

.show-bio p,
.show-bio li,
.show-bio h3,
.show-bio ul {
    margin: 0.2em 0 !important;
    line-height: 1.3 !important;
    font-size: 1em !important;
}

.show-bio {
    font-family: inherit;
    font-size: 1em;
    line-height: 1.3;
}