/*
Theme Name:     SKRN Progression Child
Description:    Child Theme for SKRN Progression
Author:         Progression Studios
Template:       skrn-progression

*/

#movie-detail-header-pro {
	width:65%;
	height: 65vh;
	overflow:hidden;
	position:absolute;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	background-color:#555555;
}

#movie-detail-header-pro-2 {
	width:65%;
	height:70vh;
	overflow:hidden;
	position:absolute;
}

#embedded-video-audio-detail-header-pro {
    width: 65%;
    height: 65vh;
    overflow: hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #555555;
}

#embedded-video-audio-detail-header-pro-2 {
	width:65%;
	overflow:hidden;
	position:relative;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	background-color:#555555;
}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
    height: 100%;
    max-height: 65vh;
}
/*.fluid-width-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65vh;
}*/

#skrn-single-video-embed {
    margin: 0;
    width: 100%;
    max-height: 100%;
    position: absolute;
}

/** #columnasvid {
	width: 100%;
	margin: 0 auto;
}

@media (max-width:450px){
	#columnasvid {
	width: 100%;
	margin: 0 auto;
}
	#columnasvid .columnaizq {
	margin: 0;
	width: 100%;
}
	#columnasvid .columnader {
	margin: 0;
	width: 100%;
}
}

#columnasvid .columnaizq {
	margin: 0;
	width: 65%;
}
#columnasvid .columnader {
	margin: 0;
	width: 35%;
} 

.columnade {
	width: 35%;
	padding-left: 550px;
}**/

#chatonlineglobal{
	margin: 25px;
	width:95%;
	display: inline-block;
}

#content-sidebar-pro, #col-main-with-sidebar, #progression-studios-sidebar-col-main, nav#sidebar-nav-pro {
    padding-top: 20px;
}

#cabecera-columnas {
    height: 10%;
    padding-top: 90px;
    margin-left: 160px;
    z-index: 7;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #ffff;
    width: calc(100% - 160px);
    display: block;
}

#columnavideo {
    width: 75%;
    z-index: 6;
    display: block;
}

#chatpromociones{
	width: 90%;
	vertical-align: middle;
}

.contenido-video {
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #555555;
}

.columnachat {
    width: 25%;
    height: 65vh;
    padding: 20px;
    padding-bottom: 50px;
    z-index: 6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #ffff;
    float: right;
    position: relative;
}

/* Pantallas maximo de 767pixeles */ 
@media (max-width: 767px){
	#cabecera-columnas {
    margin-left: 0px;
    width: 100%;
	}
	#columnavideo {
	width: 100%;
	height: 30vh;
	}
	#embedded-video-audio-detail-header-pro {
    width: 100%;
    height: 30vh;
	}
	#movie-detail-header-pro {
	width: 100%;
	height: 30vh;
	}
	#chatonlineglobal{
	margin: 10px;
	margin-top: 60px;
	width: 94%;
	display: inline-block;
	}
}
@media (max-width: 767px){
    .columnachat {
	width: 94%;
	padding: 10px;
	margin-top: 10px;
	}
}

/* Pantallas maximo de 959vpixeles */
@media only screen and (max-width: 959px) and (min-width: 768px){ 
    #cabecera-columnas{
	margin-left: 0px;
	z-index: 6;
	width: 100%;
    }
    #columnavideo {
    width: 100vw;
    height: 40vh;
	}
	#embedded-video-audio-detail-header-pro {
    width: 100vw;
    height: 40vh;
	}
	#chatonlineglobal{
	padding: 10px;
	padding-top: 60px;
	width: 94%;
	display: inline-block;
	}
}
	
@media (max-width: 959px) {
	.columnachat {
	width: 94%;
	padding: 10px;
	height: 390px;
	}
	/*.fluid-width-video-wrapper iframe {
    width: 65%;
    height: 100%;
    overflow: hidden;
    }*/
}

@media (max-width: 320px){
	#cabecera-columnas {
    margin-left: 0px;
    width: 100%;
	}
	#columnavideo {
    width: 100%;
    height: 30vh;
	}
	#skrn-single-video-embed {
    max-height: 30vh;
	}
	#embedded-video-audio-detail-header-pro {
    width: 100%;
    height: 30vh;
	}
}
@media (max-width: 320px){
    .columnachat {
	width: 100%;
	padding: 10px;
	height: 390px;
	}
	/*.fluid-width-video-wrapper iframe {
    height: 30vh;
    }*/
}