/*
Theme Name: Vestige Child Theme 
Theme URI: http://preview.imithemes.com/vestige-wp
Description: Vestige Child Theme
Author: imithemes
Author URI: http://www.imithemes.com
Template: vestige
Version: 1.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
.page-id-510 .content{padding-bottom:0;}.page-id-510 .social-share-bar{display:none;}

/* Corrige Alineamiento de Texto en modal reserva */
.table-tickets td:nth-child(2) {
    text-align:center;
}

/* Corrige Texto en el ticket final */
.event-ticket .ticket-cost{
    padding: 0;
    color: #000;
    line-height: 14px;
    font-size: 12px;
    display:none;
}
.bis {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    display:block;
    float:right;
    position: relative;
    right: 0;
    top: 0;
    margin: 0;
    height: 50px;
    z-index: 0;
    font-size: 2em;
}
.textoticket{
    display:block;
    float:left;
    text-align:left;
}
.logoticket{
    float:left;
}
/*En el ticket en pantalla titulo espectáculo mas grande*/
.ticket-booking h4#dy-event-title {
    font-size: 1.4rem;
}


/* En el modal de reservas hace scroll cuando hay textos largos */
#ticketModal {
    overflow: scroll;
}

/* En el modal background blanco*/
.bg-white{
    background-color: white;
}

/* centra menu superior */
.main-navigation > ul, .search-module-trigger {
    margin-top:18px;
}

/* Fechas en el grid */
.contiene-bolas {
    position:absolute;
    z-index: 9;
    right: 0;
    top: -40px;
}
.bolos-grid{
    list-style:none;
    margin:0;
}
.bolos-grid li{
    color:#fff;
    background-color:#dabc74;
    text-align:center;
    text-transform:uppercase;
    line-height:10px;
    width: 80px;
    height: 80px;
    float:left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: solid 3px #fff;
    margin-right: 0px;
    padding: 20px 0;
}
/* FIN Fechas en el grid */



/*Corrige la altura a los items del grid para que se ordenen correctamente*/
.events-grid .grid-item{
    min-height:721px;
}
/*Separa el contenido para dejar mas espacio entre bolas y contenido */
.events-grid .grid-item-content{
    padding-top:50px;
}

/* Fechas en Espectaculo (single-event.php) */
.clear-fechas-bolos{
    clear:both;
}
.esp-solo {
    overflow:auto;
    margin-bottom:25px;
}
.fechas-bolos{
    display: block;
    background-color: #dabc74;
    width: 120px;
    height: 120px;
    padding: 20px 0 0;
    margin: 0 0 10px 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #fff;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    float: left;
    list-style:none;
}
.dia_bolo{
    font-size: 1.8em;
    font-weight: 700;
}
.events-grid .grid-item .month {
    line-height: 1;
}


.festival{
    position: relative;
}
.festival p{
    display:block;
    padding:20px;
    color:#fff;
    background: rgba(72, 150, 167, .8) !important;
    text-align: center;
    -webkit-border-radius: 3%;
    -moz-border-radius: 3%;
    border-radius: 3%;
    float:left;
    position: absolute;
    top: 0;
    left:0;
    z-index:10;
}
.festival a, .festival a:hover{
    color:#fff;
}

.label{
    border-radius: 2px;
    padding: .2em .2em .2em .5em;
    letter-spacing: 3px;
    font-weight:400;
}

.label_future_past span{
    display:block;
    float:right;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 13.5%;
    margin-top: -40px;
    z-index: 10;
}

.contiene-festival-grid, .label_future_past{
    position: relative;
}

.festival-grid {
    position: absolute;
    top: 0;
    left:0;
    z-index:10;
}

.festival-grid p{
    display: block;
    padding:10px 22px;
    color:#fff;
    background: rgba(72, 150, 167, .8);
    text-align: left;
    margin:0;
}
.festival-grid a, .festival-grid p a:hover{
    color:#fff;
}

.event-list-item .img-thumbnail{
    width: 250px;
}

ul.carets{
    margin-top: 80px;
}
ul.carets img{
    border-left: solid 10px #dabc74;
}
ul.carets > li{
    display: flex;
    margin-top: 40px;
    
}
ul.carets > li div:nth-child(2){
    margin-top: -35px !important;
    margin-bottom: 20px;
}
ul.carets > li a{
    font-size: 1.2em;
    
}
@media only screen and (max-width: 767px){

	.page-header > div > div > span {
		font-size: 40px !important;
	}
}

.meta-data.alt{
	font-weight:400;
}

.estreno h4{
    color: #ccc;
    font-weight: 400;
}