/*------------
Modal Css
-------------*/
body.blur img, body.blur .e-gallery-grid .e-gallery-image, body.blur video {-webkit-filter: blur(20px);filter: blur(20px);}

body.modal-overlay{overflow: hidden; position: relative;}

.modal{display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; width: 100%; background: rgb(0, 0, 0, 0.9); height: 100vh;}
    .modal.open{display: block;}
	.modal .video-overlay{position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.9);}
    .modal .modal-content{
		position: relative;
		margin: 0 auto;
		width: 90%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		height: auto;
	}
    .modal .modal-wrap{
		width: 100%;
		position: relative;
		display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}

.modal .video-close-btn{display: block; cursor: pointer; font-size: 17px; margin: 0px; color: #fff; position: absolute; z-index: 9; top: 4px; right: 0; background: transparent; text-align: center; border-radius: 0; border: 0; padding: 0; -webkit-transform: translate(35%, -100%); -ms-transform: translate(35%, -100%); transform: translate(35%, -100%); font-weight: 600; width: 40px; height:40px;}
    .modal .video-close-btn:hover, .modal .video-close-btn:focus{background:transparent; border:0; outline:none; color: #fff;}

    .modal .modal-wrap{height: 100%;}
		.modal .modal-wrap .plyr{
			/*position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			height: 100%;*/
		}

.modal .modal-wrap .modal-video{
	/*height: 100%;
    width: auto;
    display: block;
    overflow: hidden;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;*/
	background: transparent;
}

@media (min-width: 768px){
    .modal .modal-content{
		width: 70%;
		height: calc(100% - 80px);
	}
}

/* Elementor Pagination */
.elementor-pagination{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .elementor-pagination .page-numbers{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;   align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center;   justify-content: center; min-width: 35px; height: 35px; padding: 0 3px; color: #333; font-weight: 600; font-size: 14px; border-radius: 50px;}
        .elementor-pagination .page-numbers:hover, .elementor-pagination .page-numbers:focus {color: #333; background-color: rgba(0,0,0,.05);}

        .elementor-pagination .page-numbers.current{background-color: #000000; color: #fff;}

/*-------------------
 * Video Gallery CSS
--------------------*/
.plyr_container, .video-play-wrapper{-webkit-transition: all 100ms;-o-transition: all 100ms;transition: all 100ms;}
    .plyr_container .plyr__poster, .plyr_container button.plyr__control{/*transition: none;*/}
    .plyr_container .plyr--video{border-radius: 10px;}

    .plyr-video-title .elementor-heading-title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .plyr_container .video-gallery{display: block;}

.e-loop-item .plyr_container .plyr--video{
	/*max-height: 175px;
    overflow: hidden;*/
    border-radius: 10px;
}

.plyr audio, .plyr iframe, .plyr video {/*background: #fff;*/}
.plyr .plyr__control--overlaid {background-color: var(--playbutton-color);}

.video-sidebar .plyr .plyr__control--overlaid{padding: 6px; height: 30px; min-height: 30px; width: 30px;}
/*
.video-sidebar-promotion .promotion-block{display: -webkit-box; display: -ms-flexbox; display: flex;}
    .video-sidebar-promotion .promotion-block .promotion-thumbnail, 
    .video-sidebar-promotion .promotion-block .promotion-video--wrap{width: 120px; margin-right: 10px; border-radius: 5px; overflow: hidden;}
*/
.video-sidebar-promotion .promotion-block .promotion-title{
	margin-bottom: 0;
}

    .video-sidebar-promotion .plyr{min-width: 120px;}

    .video-sidebar-promotion .promo-tag{font-size: 12px; padding: 5px; background: #000000; display: inline-block; color: #ffffff; border-radius: 3px; line-height: 1; margin-right: 5px;}
    .promotion-block .promotion-link {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        background: #ffffff;
        padding: 3px 10px;
        /* margin: 5px 0 0 0; */
        border-radius: 2px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: blue;
        border: 1px solid #ccc6d5;

        position: absolute;
    	top: 5px;
    	right: 10px;
    }

    .promotion-block .promotion-link .fas{margin-left: 5px;}

	.promotion-block .promotion-link:hover, .promotion-block .promotion-link:focus{border-color: #ffbf00;}

.single-video-sidebar.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {margin-bottom: 0px;}
.single-video-regular .plyr_container .plyr__poster, .single-video-regular .plyr_container button.plyr__control{pointer-events: none;}

.video-section{display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(3, 1fr); gap: 40px;}
    .video-section .title{margin-top: 30px; font-size: 18px; line-height: 26px; font-weight: normal;}

.video-list-view .plyr_container{width: 120px;}
.video-list-view .plyr{min-width: 120px;}
.video-sidebar .video-list-view .plyr{border-radius: 5px;}
.video-sidebar-promotion .promotion-block .promotion-thumbnail {
    max-width: 100%;
}

.promotion-block .promotion-default-player video{border-radius: 10px;}

@media (min-width: 768px){
    /*.plyr_container:hover .plyr__poster, .plyr_container:focus .plyr__poster{z-index:-1;}*/

    /*.video-play-wrapper:hover, .video-play-wrapper:focus{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); cursor:pointer;}*/
    .video-play-wrapper:hover .plyr__control--overlaid, .video-play-wrapper:focus .plyr__control--overlaid{opacity: 0; pointer-events: none;}
}

@media (max-width: 1024px){
    .single-video-regular .plyr{pointer-events: none;}
}

/*-------------------
 * Gallery page CSS
--------------------*/
body.gallery-loading:before {content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 999; background-color: rgb(0, 0, 0, 0.8); background-image: url(../image/loader-bg-img.png); background-size: 300px; background-position: center; background-repeat: no-repeat;}

body.gallery-loading .lm-gallery-container, body.gallery-loading .lm-gallery-item{visibility: hidden; opacity: 0;}

.lm-gallery-container .lm-gallery-item{width: calc(33.33% - 10px); margin-bottom: 15px; display: block; border-radius: 10px; overflow: hidden;}

.lg-next:hover, .lg-prev:hover, .lg-next:focus, .lg-prev:focus {
        background-color: #f00a0a !important;
}

@media screen and (max-width:767px){
    .lm-gallery-container .lm-gallery-item{width: calc(50% - 7.5px);}
}

@media screen and (max-width:500px){
    .lm-gallery-container .lm-gallery-item{width: 100%;}
}

/*@media screen and (max-width:375px){
    .lm-gallery-container .lm-gallery-item{width: 100%;}
}*/

.related-video-list{
	list-style: none;
    padding: 0;
    /*margin: 25px 0 0;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.related-video-list .video-list-view{margin: 0}
.related-video-list .video-list-view + .video-list-view{margin-top: 20px;}

.related-video-list	.related-video-link{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.related-video-list	.related-video-link .plyr_container{
	margin-right: 10px;
	overflow: hidden;
}

.related-video-list	.related-video-link video{
	border-radius: 5px;
}

.related-video-list	.video-title{
	width: calc(100% - 130px);
	font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600
}
/*
@media screen and (max-width:767px){
    .related-video-list, .related-video-list .video-list-view + .video-list-view{
		margin-top: 10px;
	}
}
*/

@media (max-width: 767px){
	.related-video-list {
		margin-top: 3em;
	}
	

	.single-jessflix_videos .related-video-list {
		display: block !important;
	}

        .single-jessflix_videos .related-video-list * {
		display: block !important;
            width: 100% !important;
	}


	.single-jessflix_videos .related-video-list	.related-video-link .plyr_container {

		max-height: 300px;
		border-radius: 10px;
	}

	.single-jessflix_videos .related-video-list	h2.video-title {
		margin-bottom: 3em;
	}

}




/*-------------------
 Categroy manager
--------------------*/
.category-list{text-align: center;}
.category-list .category a{border-radius: 8px; display: inline-block;}
.lm-inline-tab-menu .elementor-inline-item a{padding: 10px 30px; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; vertical-align: bottom; border-style: solid; border-width: 0 0 3px 0; border-color: transparent;}

.lm-inline-tab-menu .elementor-inline-item a:hover,.lm-inline-tab-menu .elementor-inline-item a:focus{border-color: #000000;}

.lm-inline-tab-menu .elementor-inline-item.active a{border-color: #FBBF00;}

@media screen and (max-width:600px){
    .lm-inline-tab-menu .elementor-inline-item a{padding: 10px 15px;}
}

/*---------------------------------
 * 	Video Gallery NEW CSS
---------------------------------*/
.feature_image_container{position: relative; border-radius: 10px; overflow: hidden; z-index: 1; cursor: pointer;}
.feature_image_container .plyr_container{}

.feature_image_container .feature_image {
    height: 180px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
	
	/*-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;*/
}

.feature_image_container .feature_image.no-load{
	scale: 2;
	-o-object-position: center;
	   object-position: center;
}

.feature_image_container.play-video .feature_image{
	/*visibility: hidden;
	opacity: 0;*/
	z-index: -1;
}

.feature_image_container.video-inline-play .plyr_container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.feature_image_container.video-inline-play .plyr{
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	opacity: 0;
	visibility: hidden;
	height: 100%;
}

.feature_image_container.play-video .plyr{
	opacity: 1;
	visibility: visible;
}

.feature_image_container.video-inline-play .plyr video {
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
       object-position: top;
}

.feature_image_container .plyr .plyr__poster{
	background-position: top center;
	background-size: cover;
}

.lm-video-progressbar{
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: -o-linear-gradient(right, transparent 50%, #FBBF00 50%) right;
	background: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #FBBF00)) right;
	background: linear-gradient(to left, transparent 50%, #FBBF00 50%) right;
	background-size: 200% 100%;
	-webkit-transition: background 1.5s ease-out;
	-o-transition: background 1.5s ease-out;
	transition: background 1.5s ease-out;
}

.feature_image_container.play-video .lm-video-progressbar{
  	background-position: left bottom;
}

.feature_image_container .lm-video-progressbar.progress-complete{
	opacity: 0;
}

.fanclub-gallery-image img{
	min-height: 180px;
	max-height: 180px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: top;
	   object-position: top;
}

.lm-custom-breacrumb .elementor-icon-list-item:last-child .elementor-icon-list-text {
	font-weight: normal !important;
	max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lm-custom-breacrumb .elementor-icon-list-item:last-child:hover .elementor-icon-list-text {
	color: inherit !important;
}

@media screen and (max-width:768px){
	.feature_image_container .feature_image {
		height: 250px;
	}
	
	.fanclub-gallery-image img{
		min-height: 250px;
		max-height: 250px;
	}
	
	.lm-video-progressbar{
		-webkit-transition: background 3s ease-out;
		-o-transition: background 3s ease-out;
		transition: background 3s ease-out;
	}
	
	.feature_image_container.video-inline-play .plyr_container{
		opacity: 0;
	}
	
	.feature_image_container.video-inline-play.play-video .plyr_container{
		opacity: 1;
	}
}

@media screen and (max-width:480px){
	.feature_image_container .feature_image {
		height: 200px;
	}
	
	.fanclub-gallery-image img{
		min-height: 200px;
		max-height: 200px;
	}
}