@charset "UTF-8";

/******************************video gallery items - عناصر الفيديو بشكل عام *************/
.yendif-video-share {
    word-break: keep-all !important;
}
.yendif-video-share .card{
	border: none;
}
.jk-item-video.yendif-video-share-grid-item .card .card-body{
	display: flex;
    justify-content: space-between;
    padding: 10px 0 5px;
}
.jk-item-video.yendif-video-share-grid-item .card .card-body .card-body-left{
	padding-left: 10px;
	width: 100%;
}
.yendif-video-share-responsive-item{
	border-radius: 12px;
}
.yendif-video-share .card .card-body .yendif-video-share-title a {
    font-weight: 600;
    color: #0c0c0c;
}
.card-body .icon-fw, .card-body .icon-fw:before{
	content: "" !important;
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
}
.yendif-video-share-meta-date, .yendif-video-share-meta-views, .yendif-video-share-category a{
	color: #6c757d;
}
.yendif-video-share .yendif-video-share-svg-icon-play{
	display: none !important;
	width: 0;
	height: 0;
}
.yendif-video-share-grid-item .yendif-video-share-title{
font-size:15px !important;
display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;
}
/******************************module videos - موديول الفيديوهات المعدل *************/
/*-----------------زر تحميل المزيد بواسطة أجاكس*/
.sof-button-wraper{width: 100%;display: flex;justify-content: center;}
.sof-loadmore-button{padding: 10px; border:1px solid #B5B5B5 ;max-width: 200px;text-align: center;border-radius: 10px;color: #555555;cursor: pointer;}
.sof-loadmore-button:hover{background-color: #E9E9E9;}
/*-----------------نهاية زر تحميل المزيد بواسطة أجاكس*/

.videos.yendif-video-player-category-image .sof-responsive-item.yendif-video-share-responsive-item{
height: auto !important;
    overflow: hidden;
    padding-bottom: 0 !important;
    width: auto !important;
    min-width: 40px;
}
.videos.yendif-video-player-category-image .yendif-video-share-image {
    background-size: cover;
    position: static !important;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
	}
.cat-imagename-date-views{display: flex;}
.cat-imagename-date-views .cat-image{margin-left: 5px;}
.sof-videos-item-images{position: relative;}
.sof-videos-item-duration{
    right: auto !important;
	left: 5px;
	pointer-events: none;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    border-radius: 8px !important;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.25em 0.5em;
    line-height: 1;
    color: #fff;
    font-size: 0.85em;
}
.sof-videos-item-images .sof-videos-responsive-item {display: flex;align-items: center;
position:absolute;right: 5px;bottom: 5px;z-index: 4;border: 2px solid rgba(255, 255, 255, 0.7) !important;border-radius: 50%;}
.sof-videos-categery-image .sof-videos-responsive-item {display: flex;align-items: center;margin-left: 8px;}
.sof-videos-responsive-item .yendif-video-share-image{width: 40px;height: 40px;border-radius: 50%;background-size: cover;}
.sof-videos-responsive-item-info-image .yendif-video-share-image{width: 30px;height: 30px;border-radius: 50%;background-size: cover;}

.sof-videos-category-name{
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    right: 30px;
    background-color: rgba(0, 0, 0, 0.6);  
	border-radius: 8px ;
}
.sof-videos-category-name a{
    line-height: 20px;
    padding: 2px 30px 2px 10px;
    display: block;
    height: 25px;
    color: #fff;
    font-size: 14px;
	}
.tooltip-category-info{
   font-size: 14px;
   position: absolute;
    top: auto;
    right: 10px;
    z-index: 4;
    background-color: #fff;
    height: auto;
    min-height: 60px;
     min-width: 150px; 
    width: auto;
/*    display: flex;*/
    border-radius: 8px;
    padding: 5px ;
	padding-right: 10px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.tooltip-category-info-title{margin-bottom: 6px;}
.tooltip-category-info a.category-name, .tooltip-category-info span.category-lable {color: #383838;}
.tooltip-category-info span.category-lable {font-weight: bold;}
.tooltip-category-info-image{display: flex;align-items: center;}
.tooltip-category-info-image .category-count{margin: 0 5px;}