/*
Theme Name: Sony Music
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

.portfolio-box .box-text.text-center {
    min-height: 60px;
}

.portfolio-summary h4 {
    color: rgba(255, 255, 255, 0.5);
}

.tipo-single-tag {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    padding: 0px;
    color: #FFF;
}

.tipo-reserva-tag {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
    padding: 0px;
    color: #FFF;
}

.tipo-single-tag img {
    max-width: 75px;
    height: auto;
}

.tipo-reserva-tag img {
    max-width: 125px;
    height: auto;
}


/*
#enlaces-artista i{vertical-align:middle;min-width:30px;}
#enlaces-artista a:hover{color:#FFF;}
#enlaces-artista a span{padding-left:10px; font-size:100%; font-weight:400}
*/

.servicios-lista i.fab,
.servicios-lista i.fa {
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    line-height: 1.2;
    font-size: 1.2em;
    margin-left: 3px;
}

.servicios-artista {
    margin-bottom: 10px;
}

.servicios-artista .titulo-servicios {
    text-transform: uppercase;
    border-bottom: solid 1px;
    border-color: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 24px;
}

.servicios-artista .bloque-servicios {
    padding-bottom: 15px;
}

.servicios-artista .servicios-lista .col {
    padding: 5px 10px;
}

.servicios-artista .servicios-lista .col a {
    display: inline-block;
}

#video-float {
    position: fixed;
    z-index: 599;
    right: 0;
    bottom: 0;
}

#cerrar-video {
    position: absolute;
    top: 2px;
    right: 4px;
    text-align: right;
    z-index: 999;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

#cerrar-video:hover {
    color: #C00;
    font-weight: bold;
}


/* Ticket conciertos */

body div[type="ticket"] {
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}

body div[type="ticket"] {
    width: 255px;
}

body div[type="ticket"].--flex-column.has-block.tooltipstered {
    color: #181818;
}

body div[type="ticket"] .top>div,
body div[type="ticket"] .bottom>div {
    padding: 0 18px;
}

body div[type="ticket"] .top>div:first-child,
body div[type="ticket"] .bottom>div:first-child {
    padding-top: 18px;
}

body div[type="ticket"] .top>div:last-child,
body div[type="ticket"] .bottom>div:last-child {
    padding-bottom: 18px;
}

body div[type="ticket"] .top img,
body div[type="ticket"] .bottom img {
    padding: 18px 0;
}

body div[type="ticket"] .top.--flex-column img {
    width: 100%;
}

body div[type="ticket"] .top,
body div[type="ticket"] .bottom,
body div[type="ticket"] .rip {
    background-color: #fff;
}

body div[type="ticket"] .top {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

body div[type="ticket"] .bottom {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 18px;
    text-align: center;
    /*height: 50px;*/
}

body div[type="ticket"] .bottom .barcode {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAABCAYAAABXChlMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAACPSURBVChTXVAJDsMgDOsrVpELiqb+/4c0DgStQ7JMYogNh2gdvg5VfXFCRIZaC6BOtnoNFpvaumNmwb/71Frrm8XvgYkker1/g9WzMOsohaOGNziRs5inDsAn8yEPengTapJ5bmdZ2Yv7VvfPN6AH2NJx7nOWPTf1/78hoqgxhzw3ZqYG1Dr/9ur3y8vMxgNZhcAUnR4xKgAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    min-width: 58px;
}

body div[type="ticket"] .bottom .buy {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    background-color: #c5161c;
    padding: 5px 13px;
    line-height: 20px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}

body div[type="ticket"] .rip {
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAACCAYAAAB7Xa1eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAAaSURBVBhXY5g7f97/2XPn/AcCBmSMQ+I/AwB2eyNBlrqzUQAAAABJRU5ErkJggg==);
    background-size: 4px 2px;
    background-repeat: repeat-x;
    background-position: center;
    position: relative;
    box-shadow: 0 1px 0 0 #fff, 0 -1px 0 0 #fff;
}

body div[type="ticket"] .rip:before,
body div[type="ticket"] .rip:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border: 14px solid #111;
    border-top-color: #111;
    border-right-color: #111;
    border-radius: 100%;
}

body div[type="ticket"] .rip:before {
    left: -5px;
}

body div[type="ticket"] .rip:after {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
    right: -33px;
}

body div[type="ticket"] .-bold {
    font-weight: bold;
}


/* Fin Ticket Conciertos*/

a.mas-conciertos:hover {
    color: #c5161c;
}


/* Ocultar cabecera-pie recomendador */

.page-template-page-recomendador #top-bar {
    display: none !important;
}

.page-template-page-recomendador #wide-nav {
    display: none !important;
}

.page-template-page-recomendador #footer {
    display: none !important;
}

.page-template-page-recomendador .header-nav {
    visibility: hidden !important;
}

.page-template-page-recomendador .banner-layers {
    background-color: rgba(0, 0, 0, 0.57);
}

.page-template-page-recomendador .banner-layers:hover {
    background-color: rgba(0, 0, 0, 0.17);
}


/*
.page-template-page-recomendador-resultados #top-bar{display:none !important;}
.page-template-page-recomendador-resultados #wide-nav{display:none !important;}
.page-template-page-recomendador-resultados #footer{display:none !important;}
.page-template-page-recomendador-resultados .header-nav{visibility:hidden !important;}
*/


/* Fin Ocultar cabecera-pie recomendador */


/* Redondear artistas */

.portfolio-box.artista .box-image {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
}

.portfolio-box.artista .nombre-artista {
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-align: center;
    letter-spacing: 0px;
    text-transform: none;
}

.lanzamiento-item .lanzamiento-titulo {
    text-transform: none;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    color: #FFF;
}

.lanzamiento-item .lanzamiento-artistas {
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 500;
}

.lanzamiento-ficha-artista {
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.lanzamiento-ficha-titulo {
    letter-spacing: 0;
    font-weight: 700;
    text-transform: none;
    font-size: 32px;
}

.lanzamiento-ficha-anyo {
    margin-bottom: 20px;
}

.lanzamiento-ficha-genero a {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
}

#popup-discografia {
    background-color: #191919;
    color: #FFF;
}

#popup-discografia .disco_titulo {
    font-weight: bold;
}

#popup-discografia .disco_info {
    color: #999;
    font-size: 12px;
}

#popup-discografia .disco_canciones {
    font-size: 12px;
    border-top: solid 1px #CCC;
    margin-top: 20px;
    padding-top: 20px;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .slider-130 {
        width: 130% !important;
    }
    .slider-130 .flickity-prev-next-button {
        display: none !important;
    }
    .portfolio-home-mobile .flickity-enabled {
        width: 130% !important;
    }
    .portfolio-home-mobile .flickity-enabled .flickity-prev-next-button {
        display: none !important;
    }
}

span.is-large.post-title {
    display: block;
}

span.titulo-servicios {
    display: block;
}

.alert-color{color:#ffb1b1 !important;}
a.button.white.is-outline.boton-playlist-google-play span{color:#000;}