body{
	background-color: #fff;
}

label, input, button, button:focus,button:active {
   outline: none !important;
   box-shadow: none !important;
   -webkit-box-shadow: none !important;
}

.media-body h6{
	font-weight: 600 !important;
	font-size: 1.15em;
}

.container-fluid {
	max-width: 100%;
}

.navbar{
	max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	min-height: 80px;
	max-height: 80px;
	
}

.content{
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

footer{
	max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

/* uz filmas.lv */
#btn-uz-filmas.nav-link {
  	margin-top: 5px;  
}

.uz-filmas-icon-main{
	padding: 0px 0px 0px 5px;
    display: inline-block;
    cursor: pointer;
   
}

.uz-filmas-icon-main img{
	 margin-top: -3px;
}

/* override small screents */
@media (max-width: 1024px){
	.navbar-search {
	    width: auto !important;	    
	    padding-right: 10px;	
	}
	
	.content {
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	}	
	
}

/*=========================================== 
  content style
  ===========================================*/
 
.bg-gray{
	background-color: #FBFBFB;
}

.bg-black{
	background-color: #000;
}

.bg-red{
	background-color: #C41E3D;
}

.text-red{
	color: #C41E3D;
}

.text-black{
	color: #000;
}

.text-white{
	color: #fff;
}	


.text-gray{
	color: #495057;
}		

.bullet{
	width: 18px;
	height: 18px;
	border-radius: 18px;
	
	background-color: #C41E3D;
	display:block;
	float: left;
	
	margin-top: 3px;
	margin-right: 10px;
}

.bullet-white{
	background-color: #fff;
}

.btn-black{
	background-color: #000;
}

.btn-black:hover{
	background-color: #303030;
}		


/*
.blinking{
    animation:blinkingBullet 1s infinite;
}
@keyframes blinkingBullet{
    0%{     background-color: #C41E3D;    }
    49%{    background-color: #C41E3D; }
    60%{     background-color: #fff; }
    99%{     background-color: #fff;  }
    100%{  background-color: #C41E3D;   }
}		
*/

/* container */

.container-fluid {
	min-width: 320px;
}

/* banner */
.banner{
	width: 100%;
	background-color: #000;
}

.banner img{
	width: 100%; 
	max-width: 1420px; 
	display: table; margin: 0 auto;
}

/* player */
.player-container{
	width: 100%; background-color: #000;
}

.player-container-bg{
	width: 100%; background-color: #000;
}		

.player-container{
	max-width: 1064px; 
	margin-left: auto; 
	margin-right: auto;
}		

.player-redbox{
	max-width: 1064px;	
	padding-top: 56.25%;
	/* background-color: #C41E3D;*/ 
	background-color: #000;
	margin-left: auto; margin-right: auto;
	position: relative;
	top: 72px;
	z-index: 399;
}		

#player{
	z-index: 808;
}


/* active movie info */		
.info-container{
	background-color: #C41E3D;
	padding: 15px;
	color: #fff;
	border-radius:5px;
}

.active-movie-container-bg{
	width: 100%; 
	background-color: #FBFBFB;
}

.active-movie-container{
	max-width: 1064px; 
	
	margin-top: 72px;			
	margin-bottom: 72px;
	
	margin-left: auto; margin-right: auto; 
	background-color: #FBFBFB;
	
}

a.read-more{
	font-size: 13px; 
	font-weight: bold;
	color: #C41E3D !important;
	cursor: pointer;
	padding-bottom: 10px;
}

a.read-more:hover{
	text-decoration: underline;
}				

a.read-more:after{			
    content: "";
    background: url("https://www.filmas.lv/wp-content/themes/filmas/img/ic_down.svg") 0px 0px no-repeat;
    height: 14px;
    width: 14px;
    margin-left: 6px;
    margin-top: 10px;
    position: absolute;
    display: inline-block;
    /* z-index: 1001; */			
}

a.read-more.read-more-open:after{
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);
	-ms-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	transform:scaleY(-1);
	 margin-top: 2px;
}

.active-movie-title{
	color: #C41E3D;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

/* program-next-table */

table.program-next{
	width: 100%;
}

table.program-next tr{
	height: 4em;
	border-bottom: 2px solid #000;
}

.program-next-header{
	vertical-align: top; 
	height: 2.5em !important;
}

.program-next-time, .program-next-title{
	color: #000;
	font-size: 22px;
	font-weight: bold;
}

.program-next-time{
	width: 150px;
}
		
.program-next-title{
	color: #000;
}

/* info block */

.info-time{
	display:inline-block;
	margin-top: 4px;
}
		
.info-time::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    width: 34px;
    margin-right: 0px;
    margin-top: 4px;
    background-image: url("https://www.filmas.lv/wp-content/themes/filmas/img/ic_clock.svg");
    background-repeat: no-repeat;
}		

.info-email a{
	color: #000;
	text-decoration: underline;
}


/* program container */		
.program-container-bg{
	width: 100%; 
	background-color: #fff;
}

.program-container{
	max-width: 1064px; 
	padding-top: 50px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #fff;
}

.media{
	max-width: 100%;
}

.media-img{
	position:relative; 
	max-width: 303px; 
	max-height: 210px;
}

.media img{
	width: auto;
	height: auto;
}

/* d.r uzruna */
.media-header-first{
	width: 100%; background-color: #F4F4F6; height: 65px; line-height: 65px;					
}	

.media-header-first h3{
	line-height: 65px;	
}	
				
.media-header{
	background-color: #F4F4F6;  
	margin: 0px; 
	font-size: 24px;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #C41E3D;
}

.media-header-time{
	color: #C41E3D;
	padding-right: 0px;
	color: #000; 
	font-weight: bold
}	

.media-header-title{

}

.media-header-display-date{
	text-transform: uppercase;
}

.media-header-premiere{
	background-color: #C41E3D; 
}		

.media-header-premiere .media-header-time, 
.media-header-premiere .media-header-title,
.media-header-premiere .media-header-status .text-black,
.media-header-premiere .media-header-status .text-red{
	color: #fff;
}		

.media-header-premiere .tag-premiere{
	background-color: #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding:  8px 12px 8px 12px;
	margin-top: 21px;
	margin-right: -12px;

	position: absolute;
	right: 0;
										
	-ms-transform: rotate(45deg); /* IE 9 */
	transform: rotate(45deg);
	z-index: 505;
}

.media-header-premiere .media-header-status .status-1,
.media-header-premiere .media-header-status .status-2,
.media-header-premiere .media-header-status .status-3{
	padding-right: 130px;
}		


.media-header-status{			
	font-weight: normal; 
	font-size: 16px;
}
	
.media-item{
	margin-bottom: 50px;
}		

.media-header-status .countdown-amount{
	display:inline-block;
	min-width: 70px;
}

/*media button */
.btn-media{
	position:absolute; 
	right: 16px; bottom: 16px;
	
}

/* media intro button */
.btn-media-intro{
	position:absolute; 
	right: 16px; bottom: 16px;
}


/* media intro button */
.btn-media-trailer{
	position:absolute; 
	left: 16px; bottom: 16px;
}

.btn-arrow.btn-sm::after {
	margin-top: 10px;
	height: 14px !important;
	width: 14px;
}				


/*rating*/

.movie-rating{
	display:inline-block;
	min-width: 3em;
	
	color: #fff;
	background-color: #C41E3D; 
	font-size: 0.8em;
	          
	padding: 4px;
	border-radius:5px;

	                 
	margin-left: 10px;
	
	text-align: center;	
}


/* ieluguma logs */
#ieluguma_kods, #ieluguma_kods input{
	width: 500px;
	height: 78px;
	font-size: 24px;
}

.koda-alt-filmas-url{
	text-decoration: underline;
	font-size: 1.2em;
}

.koda-logs{
	z-index: 912; 
	background-color: #14141D; 
	top: 0; 
	position: absolute; 
	width: 100%; height: 100%;
}

.video-status-overlay{
	position: absolute;
	top: 0;
	z-index: 911;
}

.player-logs{
	top: 0; 
	left: 0;
	width: 100%; height: 100%;
	position: absolute;

	background-image: url("../../img/festivals/dokforums2020/assets/kinozale.jpg");
	background-size: cover;
}

.player-logs::after{	
	content:"";
	z-index: 401; 
	top: 0; left: 0;
	width: 100%; height: 100%;
	position: absolute;		
	background-color: rgba(20,20,29,0.45); 
}

/* https://stackoverflow.com/questions/18229974/video-js-poster-image-cover-contain/18231244 */
video[poster]{
    object-fit: cover !important;
}

video, video-js{
   object-fit: cover !important; 
}

 .vjs-poster {
    background-size: cover !important;
    background-position: inherit;
  }


.vjs-poster::after{	
	content:"";
	z-index: 401; 
	top: 0; left: 0;
	width: 100%; height: 100%;
	position: absolute;		
	background-color: rgba(20,20,29,0.45); 
}

.player-logs p{
	position: relative;
	z-index: 402;
}

@media screen and (max-width: 1063px) {
	/* ipad & mazaki */
	.player-redbox{
		top: 0px;
	}
				
	.active-movie-container{
		margin-top: 0px;						
		margin-bottom: 12px;
	}			
	
	.program-container{						
		padding-top: 10px;
	}				
	
	 .active-movie-container .row{
		padding: 15px;
	}
	
	.content-content {
		padding: 15px;
	}
	
	.media-header{
		font-size: 17px;
		padding-left: 0px;
	}
	
	.media-header-status{
		text-align: right;
	}
}	

@media screen and (max-width: 767px) {
	/*  mazaki par ipad */		
				
	.program-container{						
		padding-top: 10	px;
	}	
	
	.media{
		display:block;
	}
	
	.media-body{
		padding-top: 15px;
	}
	
	.media-item{
		margin-bottom: 30px;
	}
	
	.media-img{
		position:relative; 
		max-width: 100% !important;
		max-height: 100% !important;
	}
	
	.media img{
		width: 100% !important;
	}		
	
	.media-header-status{
		text-align: left;
	}	
		
	/* ieluguma logs */			
	#koda_logs	h4{
		font-size: 14px;
	}
	
	#koda_logs p{
		font-size: 13px;
	}			
	
	#ieluguma_kods, #ieluguma_kods input{
		width: 70%;
		height: calc(1em + 1rem + 2px);
		font-size: 14px;
	}			
		
	/* pirmizrādes tag */	
	.media-header-premiere .tag-premiere{					
		margin-top: -60px;

		position: absolute;
											
		-ms-transform: rotate(10deg); /* IE 9 */
		transform: rotate(10deg);
		z-index: 505;
	}
						
	.media-header-premiere .media-header-status .status-1,
	.media-header-premiere .media-header-status .status-2,
	.media-header-premiere .media-header-status .status-3{
		padding-right: 0px;
	}
	
	/* koda logs */
	.koda-logs{
		position: fixed;
		width: 90%;
		height: 70%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 20%;
		
		border: 2px solid #cecece;
	}		

	.koda-logs-btn-close{
		width: 25px;
		height: 25px;
	
		position: absolute;
		top: 25px;
		right: 25px;
		
		background: url("https://www.filmas.lv/wp-content/themes/filmas/img/btn-close.png?v3") no-repeat;
				background-size: contain;
				cursor:pointer; 
				z-index: 1000;
	}			
}	

/* video.js */
/* Because of the SVG inliner, these don't work for icons */
.vjs-theme-forest {
  --vjs-theme-forest--primary: #C41E3D;
  --vjs-theme-forest--secondary: #fff;
}

/* Big play Button */
.vjs-theme-forest:hover .vjs-big-play-button,
.vjs-theme-forest.vjs-big-play-button:focus {
  z-index: 500;
  background-color: transparent;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23C41E3D'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E") 
}

.vjs-theme-forest .vjs-big-play-button {
    width: 88px;
    height: 88px;
    background: none;
    background-repeat: no-repeat;
    background-position: 50% ;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");
    border: none;
    top: 50% ;
    left: 50% ;
    margin-top: -44px;
    margin-left: -44px;
    color: purple
    z-index: 500;
}

.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

/* Control Bar */
.vjs-theme-forest .vjs-button > .vjs-icon-placeholder::before {
  line-height: 1.55;
}

.vjs-theme-forest .vjs-control:not(.vjs-disabled, .vjs-time-control):hover {
  color: var(--vjs-theme-forest--primary);
  text-shadow: var(--vjs-theme-forest--secondary) 1px 0 10px;
}

.vjs-theme-forest .vjs-control-bar {
  background: none;
  margin-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

/* Play Button */
.vjs-theme-forest .vjs-play-control {
  font-size: 0.8em;
}

.vjs-theme-forest .vjs-play-control .vjs-icon-placeholder:before {
  background-color: var(--vjs-theme-forest--secondary);
  height: 1.5em;
  width: 1.5em;
  margin-top: 0.2em;
  border-radius: 1em;
  color: var(--vjs-theme-forest--primary);
}

.vjs-theme-forest .vjs-play-control:hover .vjs-icon-placeholder:before {
  background-color: var(--vjs-theme-forest--primary);
  color: var(--vjs-theme-forest--secondary);
}

/* Volume stuff */
.vjs-theme-forest .vjs-mute-control {
  display: none;
}

.vjs-theme-forest .vjs-volume-panel {
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.3em;
}

.vjs-theme-forest .vjs-volume-panel,
.vjs-theme-forest .vjs-volume-panel:hover,
.vjs-theme-forest .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-forest .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
  width: 3em;
}

.vjs-theme-forest .vjs-volume-level::before {
  font-size: 1em;
}

.vjs-theme-forest .vjs-volume-panel .vjs-volume-control {
  opacity: 1;
  width: 100%;
  height: 100%;
}

.vjs-theme-forest .vjs-volume-bar {
  background-color: transparent;
  margin: 0;
}

.vjs-theme-forest .vjs-slider-horizontal .vjs-volume-level {
  height: 100%;
}

.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}

.vjs-theme-forest .vjs-volume-bar::before {
  content: '';
  z-index: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: 0;

  border-style: solid;
  border-width: 0 0 2em 3em;
  border-color: transparent transparent var(--vjs-theme-forest--primary) transparent;
}

.vjs-theme-forest .vjs-volume-level {
  overflow: hidden;
  background-color: transparent;
}

.vjs-theme-forest .vjs-volume-level::before {
  content: '';
  z-index: 1;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;

  border-style: solid;
  border-width: 0 0 2em 3em;
  border-color: transparent transparent var(--vjs-theme-forest--secondary) transparent;
}

/* Progress Bar */
.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1em;
}

.vjs-theme-forest .vjs-play-progress::before {
  display: none;
}

.vjs-theme-forest .vjs-progress-holder {
  border-radius: 0.2em;
  height: 0.5em;
  margin: 0;
}

.vjs-theme-forest .vjs-play-progress,
.vjs-theme-forest .vjs-play-progress .vjs-slider-bar,
.vjs-theme-forest .vjs-load-progress,
.vjs-theme-forest .vjs-load-progress .vjs-slider-bar {
  border-radius: 0.2em;
  background:var(--vjs-theme-forest--primary);
  background-color: var(--vjs-theme-forest--primary);
}

.vjs-theme-forest .vjs-load-progress div {
  border-radius: 0.2em;

}
 
/* festivāla dienu tabi */
	#program-tab{
		margin-left: -6px;
    	margin-right: -6px;
	}

	#program-tab.nav-pills .nav-link{
		line-height: 1em;
		padding: 0.5rem;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		
		text-transform: uppercase;
		
		background-color: #F4F4F6;
		font-size: 0.85em;
	}

	#program-tab.nav-pills .nav-link.active{
		background-color: #C41E3D;
	}


	#program-tab.nav-pills .nav-item.nav-col{
		padding: 6px;
		flex: 0 0 16.666667%;
    	max-width: 16.666667%;
	}
	
@media only screen and (max-width: 374px) {
	
	#program-tab.nav-pills .nav-item.nav-col{
		flex: 0 0 33%;
    	max-width: 33%;
   }
   	
   
	#program-tab.nav-pills .nav-link{
		font-size: 0.62em;
		margin-top: 0px;
	}   
   
}	
	
@media only screen and (min-width: 375px) and (max-width: 767px) {
	
	#program-tab.nav-pills .nav-item.nav-col{
		flex: 0 0 33%;
    	max-width: 33%;
   }
   
	#program-tab.nav-pills .nav-link{
		font-size: 0.75em;
		margin-top: 0px;
	}   
   
}
	
	
@media only screen and (min-width: 768px) {
	#program-tab.nav-pills .nav-link{
		font-size: 0.8em;
	}

	.tab-header-day{
		font-size: 0.65em;
		display:block;
	}		
	
}	
	
@media only screen and (min-width: 850px) {
	#program-tab.nav-pills .nav-link{
		font-size: 1em;
	}
}
	
@media only screen and (min-width: 970px) {
	#program-tab.nav-pills .nav-link{
		font-size: 1.2em;
	}
}	
	
	
	.tab-header-day{
		font-size: 0.75em;
		display:block;
	}	
	.tab-header-date{
		display:block;
	}
	
/* captions btn */	
.btn-captions{
	background-color: #fff;
	border: 1px solid #c41e3d;
	color: #14141d;
}

.btn-captions-active{
	background-color: #c41e3d;
	border: 1px solid #c41e3d;
	color: #fff;
}		

