/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {padding:0; margin:0; background-color: #000; color: #EBEBEB; font-size: 16px; font-family: 'Roboto', sans-serif;}
a,a:hover,a:focus {color: #FFF;}

div.container {width: 100%;}

header {height: 50px; overflow: hidden; padding: 8px 0;}
h1 {text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin: 0; margin-top: 0; height: 30px; width: 80px;}
header h1 a {background-color: yellow; color:#000; padding: 6px 16px 4px; font-weight: 800; text-indent: -9000px; display: block; background-attachment: scroll; background-image: url(../img/fiebre-titulo.png); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 30px;}
header h1 a:hover {color: #000; text-decoration: none;}

header ul { height: 30px; padding-left: 0;}
header ul li { float: left; margin: 0 0; font-size: 11px; list-style: none;}
header ul li a {opacity: 0.5; display: block; padding: 4px 12px; font-size: 16px;}
header ul li a:hover {opacity: 1; background-color: #000; text-decoration: none;}
header ul li.current_page_item a {opacity: 1; background-color: #000; text-decoration: none;}

header #qtranslate-chooser { padding-left: 0; font-size: 14px; text-transform: uppercase;}
header #qtranslate-chooser li {float: left; list-style: none;}
header #qtranslate-chooser li a {padding: 8px 8px;}
header #qtranslate-chooser li.active a {opacity: 1; background-color: #000; text-decoration: none;}

/*Menu Mobile*/

a.btn-top-menu { height:50px; width:50px; cursor:pointer; display:none; position:absolute; top:6px; right:20px; color:#FFF; font-size:36px; text-align:center; z-index: 1000;}
a.btn-top-menu:hover {background:none;}
a.close-menu-global { background:none;}

div.mobile-menu { position:fixed; top:122; left:0; width:100%; background-color:#000; z-index:999; text-align:left; padding-bottom:30px; height: 200vh; }
div.mobile-menu ul { margin:0; padding-left:0;}
div.mobile-menu ul li { font-size:18px; padding:7px 0; margin-left:0; list-style:none; text-align:left; font-weight: 500; color:#FFF;}
div.mobile-menu ul li a { color:#FFF;}
div.mobile-menu ul li ul {padding-left: 15px; margin-top: 25px;}
div.mobile-menu ul li ul li {padding-top: 5px;}

body.page-id-10 h2 {display: none;}
h2 {margin-top: 0; margin-bottom: 20px; display: block;
    text-transform: uppercase;
    font-size: 24px;     font-weight: 300;
    letter-spacing: 2px;}

div.lamina {background-color: #000; height: 95vh; }
div.lamina div.contenidos-lamina {position: relative; height: 95vh;}
div.lamina div.contenidos-lamina div.fondo-video {position: absolute; width: 100%; top: 0; left: 0; z-index: 20; height: 95vh;}
div.lamina div.contenidos-lamina div.fondo-video video {object-fit: fill; width: 100%; height: 100%;}
div.lamina div.contenidos-lamina div.content {position: absolute; width: 50%; top: 30px; left: 30px; z-index: 30; animation: fadein 2s 1 forwards; color:#fffce6; font-size: 16px;
 }
@keyframes fadein { 0% { opacity: 0;}	50% { opacity: 0.5; } 100% { opacity: 1; } }

div.lamina div.contenidos-lamina div.content ul { font-size: 16px;}
div.lamina div.contenidos-lamina div.content ul li { font-size: 16px; margin-bottom: 15px;}

/*Foto de Fondo*/
.fondo-imagen {height: 100vh; width: 100%; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover;}

/*Talentos*/
div.repeat-talento {height: 33vh; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer; text-align: center;}
div.repeat-talento h3 { opacity: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; text-align: center; padding: 35% 15px; letter-spacing: 2px; font-size: 18px; font-weight: 300; color: #FFF; margin-top: 0; margin-bottom: 0; transition: 0.5s;}
div.repeat-talento:hover h3 { opacity: 1;}

a.btn-descarga {padding: 5px 10px; left: 1px; border: 1px solid #FFF; text-transform: uppercase; display: inline-block; width: auto; margin: 30px 0; text-align: center;}

/*Sinopsis*/
body.page-id-6 div.lamina div.contenidos-lamina div.content {position: absolute; width: 50%; bottom: 60px; left: 30px; z-index: 30; top: auto;}

/*Technical Info*/
body.page-id-14 div.lamina div.contenidos-lamina div.content {position: absolute; width: 50%; top: 60px; left: 30px; z-index: 30; }

/*Trayectoria*/
body.page-id-32 div.lamina div.contenidos-lamina div.content {position: absolute; width: 55%; bottom: 60px; left: 30px; z-index: 30; top: auto;}

/*Distribucion*/
body.page-id-37 div.lamina div.contenidos-lamina div.content {position: absolute; width: 55%; bottom: 60px; left: 30px; z-index: 30; top: auto;}

/*Finaciamiento*/
body.page-id-44 div.lamina div.contenidos-lamina div.content {position: absolute; width: 55%; bottom: 60px; left: 30px; z-index: 30; top: auto;}

/*Animacion*/
body.page-id-49 div.lamina div.contenidos-lamina div.content {position: absolute; width: 45%; bottom: 60px; left: 30px; z-index: 30; top: auto; color: #000; display: none;}

/*Contacto*/
body.page-id-108 div.lamina div.contenidos-lamina div.content {position: absolute; width: 55%; bottom: 60px; left: 30px; z-index: 30; top: auto;}

body.page-id-242 div.lamina div.contenidos-lamina div.content {width: 70%;}
body.page-id-234 div.lamina div.contenidos-lamina div.content {width: 30%;}

/*Prensa*/
div.repeat-home {margin-top: 30px; min-height: 410px;}
div.repeat-home a.thumb-home {display: block; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 290px;}
div.repeat-home h3 {font-weight: 300; font-size: 16px; text-transform: uppercase;}
div.repeat-home p {}


footer {height: 30px; font-size: 8px; text-align: center; color:#999; padding-top: 15px;}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}



/* Large desktop */
@media (min-width: 1200px) { 



}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	ul.menu-desktop {display: none;}
	a.btn-top-menu {display: block;}
	header #qtranslate-chooser {display: none;}
	
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
	
	ul.menu-desktop {display: none;}
	a.btn-top-menu {display: block;}
	header #qtranslate-chooser {display: none;}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {

	ul.menu-desktop {display: none;}
	a.btn-top-menu {display: block;}
	header #qtranslate-chooser {display: none;}
	
}