/*
Theme Name: Dantz
Theme URI: http://dantz.eu/
Author: Triplevdoble
Author URI: http://triplevdoble.com
Description: Dantz by Triplevdoble
Version: 1.0.0
Text Domain: dantz
Tags:

*/

.teaser-2018{
	background-color:#000;
}

.teaser-2018{
	padding:60px 30px;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
}


.screen-reader-text{
	display:none;
}


.logo-nagusia {
    left: 50%;
    max-width: 660px;
    position: absolute;
    top: 40%;
    width: 90vw;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	z-index:-1;
}

.aurkezpena{
    width: 90vw;
    max-width: 660px;
	text-align:center;
	margin:auto;
	padding:30px 0;
	z-index:10;
	position:absolute;
	bottom:0;
	left:50%;
	
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);

}
h2 {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
	line-height:110%;
	margin:0;
	padding:0;
	/*color:#e6007e;*/
	color:#333;
}
h3 {
    font-size: 17px;
    line-height: 110%;
    margin: 9px 0;
    padding: 0;
    text-transform: uppercase;
}

h4 {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: bold;
}


a, a:hover{
	/*color:#e6007e;*/
	color:#333;
}

.teaser-home{
	background-color:#000000;
	text-align:center;
}

.escena{
	width:100vw;
	height:100vh;
	position:relative;
}

.escena .video-teaser{
	position:absolute;
	top:50%;
	left:50%;
	
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	
}

.escena .video-teaser iframe{
border: 40px solid #0444bf;
}

.info-360{
	position:absolute;
	bottom:30px;
	width:200px;
	color:#fff;
	left:50%;
	
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

.info-360 img{
	width:100px;
	height:auto;
}

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


.info-360 p{
	margin:0;
	padding:0;
}

.info-360 p + p{
	font-size:11px;
}

.teaser-home .cartel{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	width:auto;
	height:80vh;
	
}

.teaser-home .logo-principal{
	width:250px;
	height:auto;
	position:absolute;
	top:30px;
	left:50%;
	
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	
}

.escena .video-teaser iframe{
	width:560px !important;
	height:315px !important;
}


.boton-teaser, .boton-teaser:hover{
	border:2px solid white;
	display:block;
	position:fixed;
	top:50%;
	left:50%;
	width:100px;
	text-decoration:none;
	padding:6px;
	z-index:9;
	
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	color:#FFF;
}

.boton-teaser img{
	width:100%;
	height:auto;
}

.teaser-home .intro{
	background-color:#000;
	position:fixed;
	z-index:20;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	
	animation:intro;
	animation-delay:1s;
	animation-duration:1s;
	animation-iteration-count:1;
	animation-fill-mode: forwards;
}

.teaser-home .intro img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}


.programa {
    background-color: hsla(0,0%,0%,1.00);
    color: #fff;
    padding: 8px;
	margin-bottom:60px;
	display:inline-block;
}

.lineup .programa:hover {
	background-color:#ef321e;
}



/* Standard syntax */
@keyframes intro {
    0 {
		transform:translateY(0%);
		opacity:1;
		}
    99% {
	opacity:0;
	transform:translateY(0%);
	}
	
	100%{
		transform:translateY(-100%);
	}
}

@-moz-keyframes intro {
    0 {
		-moz-transform:translateY(0%);
		opacity:1;
		}
    99% {
	opacity:0;
	-moz-transform:translateY(0%);
	}
	
	100%{
		-moz-transform:translateY(-100%);
	}
}
@-webkit-keyframes intro {
    0 {
		-webkit-transform:translateY(0%);
		opacity:1;
		}
    99% {
	opacity:0;
	-webkit-transform:translateY(0%);
	}
	
	100%{
		-webkit-transform:translateY(-100%);
	}
}

@-ms-keyframes intro {
    0 {
		-ms-transform:translateY(0%);
		opacity:1;
		}
    99% {
	opacity:0;
	-ms-transform:translateY(0%);
	}
	
	100%{
		-ms-transform:translateY(-100%);
	}
}

@keyframes entro {
    from {
		transform:translateX(-100%);
		}
    to {
	transform:translateX(0%);
	}
}
@-webkit-keyframes entro {
    from {
		-webkit-transform:translateX(-100%);
		}
    to {
	-webkit-transform:translateX(0%);
	}
}
@-moz-keyframes entro {
    from {
		-moz-transform:translateX(-100%);
		}
    to {
	-moz-transform:translateX(0%);
	}
}
@-ms-keyframes entro {
    from {
		-ms-transform:translateX(-100%);
		}
    to {
	-ms-transform:translateX(0%);
	}
}


.teaser-home .menu{
	text-align:right;
	position:fixed;
	top:0;
	right:0;
	z-index:9;
}

.teaser-home .menu a {
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 8px 9px;
    display: inline-block;
    margin: 21px -1px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.teaser-home .menu a:hover {
	text-decoration:none;
}

.menu .logo-menu{
	background-color:none;
}

.logo-menu img{
		height:30px;
	width:auto;
}

.triplevdoble {
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 10px;
}



.firma{
	position:absolute;
	bottom:10px;
	left:50%;
	text-align:center;
	color:#fff;
	
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);

}

.firma a{
	color:#fff;
}


.pop {
    position: fixed;
    top: 20%;
    height: 60vh;
    z-index: 11;
	
}

.pop {
	animation-name:entro;
	animation-delay:2s;
	animation-duration:1s;
		transform:translateX(-100%);
		animation-fill-mode: forwards;
				transition:1s;

}

.pop-close{
	position:absolute;
	right:-32px;
	width:32px;
	height:32px;
	top:50%;
	background-color:red;
	color:white;
	line-height:32px;
	text-align:center;
	cursor:pointer;
}


.pop.cerrar{
		animation-fill-mode: backwards;

}

.pop img{
	height:100%;
	width:auto;
}

.home{
	background-color:#fff;
	color:000;
}

.lineup {
    text-align: center;
    margin: 100px 0 0;
}


.lineup .artista{
	font-weight:bold;
}


.lineup li {
    font-size: 23px;
    line-height: 107%;
    display: block;
    margin-bottom: 6px;
}



procedencia {
    font-size: 18px;
    display: block;
}



.lineup .artista{
	text-transform:uppercase;
}

.lineup .artista-principal a{
	color:#0d48bc;
}



.cabeza, .content-area{
	text-align:center;
	background-image:url(images/greca.png);
	background-repeat:repeat-x;
	background-position:50% 0px;

animation-name: infinite;
 animation-duration: 80s; /* or: Xms */
 animation-iteration-count: 10;
 animation-direction:normal; /* or: normal */
 animation-timing-function:linear;
 animation-fill-mode:loop; /* or: backwards, both, none */
}

@keyframes infinite {
  from {
	background-position:0% 0px;
  }
  to {
	background-position:1000% 0px;
  }
}
@-moz-keyframes infinite {
  from {
	background-position:0% 0px;
  }
  to {
	background-position:1000% 0px;
  }
}
@-webkit-keyframes infinite {
  from {
	background-position:0% 0px;
  }
  to {
	background-position:1000% 0px;
  }
}
@-ms-keyframes infinite {
  from {
	background-position:0% 0px;
  }
  to {
	background-position:1000% 0px;
  }
}


.content-area{
	text-align:left;
}


.bio-texto span{
float: left;
    background-color: black;
    color: white;
    padding: 5px;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 5px;
}

.bio-texto > div{
	margin-bottom:20px;
}


.cabeza img {
    width: 80%;
    height: auto;
    max-width: 490px;
}

.lineup a:hover{
	background-color:#000;
	color:white;
	text-decoration:none;
}

.lineup .artista-principal a:hover{
	background-color:#0d48bc;
	color:white;
	text-decoration:none;

}

.header {
    margin: 10px 0;
}

.header img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.subtittle {
    border-left: 4px solid black;
    padding-left: 13px;
    font-size: 19px;
    line-height: 100%;
    margin-bottom: 18px;
}
	
.tickets {
    background: #ef321e;
    color: white;
	font-size: 15px;
    text-align: center;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0;
    display: block;
}

.home .tickets {
	margin:40px 0;
}

.tickets:hover {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	
}


ul.colaboradores{
	text-align:center;
	padding:0;
}

ul.colaboradores li {
    display: inline-block;
    list-style: none;
    margin: 10px 20px 30px;
}

.artista-foto{
	background-color:#000;
	padding:35px;
	color:#fff;
	margin-bottom:5px;
	font-size:30px;
	min-height: 420px;
	
}

.artista-foto img {
    width: 100%;
    margin-bottom: 35px;
    height: auto;
}

.bio-texto{
	font-size:20px;
}
.page-template-default .site-content .container{
	background-color:#fff;
}

.site-content hr{
    background-color: red;
    height: 10px;


	
}

.artista-foto h2, .artista-foto h1 {
    color: #fff;
    letter-spacing: 0;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

.videos .iframe-flexible-container {
    position: relative;
    padding-bottom: 56.30%;
    padding-top: 30px;
    height: 0;
}
.videos .iframe-flexible-container iframe,   
.videos .iframe-flexible-container object,  
.videos .iframe-flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}
/*
iframe{
	width:100%;
	margin-bottom:10px;
	}
*/
.widgets iframe{
	width:100% !important;
}


.lineup ul{
	margin:0;
	padding:0;
}


.site-footer{
	margin-top:60px;
}

.site-footer img{
	width:80%;
}

.social-links{
	position:absolute;
	top:0;
	left:0;
	background-color:#ef321e;
	color:#fff;
	z-index:5;
}

.social-links a {
    display: block;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.social-links a:hover {
	background-color:#000;
}

.top-bar{
	width:100%;
	min-height:42px;
	position:absolute;
		background-color:#000;
		position:relative;
		padding-right:10px;
}

.fecha-lugar {
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    text-align: right;
}

.fecha-lugar .lugar-fila{
	display:block;
	}
	
ul.lineup-extras li{
	font-size:23px;
}

.section-victim{
	background-color:#fff;;
	color:#fff;
}

 .section-victim .escena .video-teaser iframe{
	border:0;
}

.colaboradores-2{
	text-align:center;
	list-style:none;
}

.colaboradores-2 li{
	display:inline-block;
	}

.colaboradores-2 img {
    width: 106px;
}

.site-footer{
	background-color:#000;
	color:#fff;
	padding:30px 0;
}

.site-footer a{
	color:#fff;
}


.site-footer ul{
	padding:0;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	font-size:20px;
}


.page-template-page-portada .video-teaser{
	position:static;
	top:auto;
	left:auto;
	transform:none;
}

.page-template-page-portada .escena {
    width: auto;
    height: auto;
    position: static;
	text-align:center;
}

.page-template-page-portada .boton-teaser, .page-template-page-portada .boton-teaser:hover {
    border: 0px solid white;
    display: static;
    position: static;
    top: 0;
    left: 0;
    width: 100px;
    text-decoration: none;
    padding: 6px;
    z-index: 9;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    color: #FFF;
    background-color: transparent;
    text-align: center;
	    width: 100%;

}

img.triplevdoble{
	width:auto;
	
}

.page-template-page-portada  .triplevdoble {
    position: absolute;
    bottom: 20px;
    right: 20px;
	left:auto;
}


.site-footer{
	position:relative;
}

.entry-content{
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    letter-spacing: 0;
    margin: 20px 0;
	font-weight:bold;
	font-size:initial;
}

.eventos-gratuitos{
	margin-top:100px;
}

.abono {
    text-align: center;
    display: block;
    text-decoration: underline;
    margin-top: -20px;
}

.abono span{
	font-size:smaller;
}

.gastos {
    margin-top: 25px;
    text-align: center;
    font-size: small;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.page-template-page-portada .info-360 {
    bottom: 70px;

}

.fecha-lugar .lugar-fila{
	display:inline;
	}
	
.fecha-lugar {
    font-size: 24px;
}

.social-links a {
	display:inline-block;
}

.cabeza, .content-area{
	background-image:url(images/greca.png);
	background-repeat:repeat-x;
	background-position:50% 0;

animation-name: infinite;
 animation-duration: 80s; /* or: Xms */
 animation-iteration-count: 10;
 animation-direction:normal; /* or: normal */
 animation-timing-function:linear;
 animation-fill-mode:loop; /* or: backwards, both, none */
}

.tickets {
        font-size: 29px;
}

.page-template-page-portada .colaboradores {
    margin: 50px 0 110px;
}

.colaboradores-2{
	margin:50px 0;
}

@keyframes infinite {
  from {
	background-position:0% 0px;
  }
  to {
	background-position:1000% 0px;
  }
}

.subtittle {
    font-size: 22px;
}

.lineup li::after {
    content: "|";
    color: #ef321e;
    margin: 0 10px;
    font-weight: bold;
}

.lineup li:last-child::after {
	content:"";

}


.lineup li {
    display: inline;
    font-size: 35px;
    line-height: 107%;
	margin:0;
}

.procedencia {
    font-size: 27px;
	display:inline;
}



h2 {
    font-size: 21px;
	    letter-spacing: 1px;

 }
 
h3 {
    font-size: 25px;

}

h4 {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: bold;
}


.header{
	margin:50px 0;
}


ul.colaboradores li{
		margin:10px 20px;;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.escena .video-teaser iframe{
	width:853px !important;
	height:480px !important;
}

.header img {
    margin-bottom: 0;
}


.page-template-page-portada .escena .video-teaser iframe{
	width:100% !important;
	height:480px !important;
}


 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


.page-template-page-portada .escena .video-teaser iframe{
	width:100% !important;
	height:720px !important;
}

 }