.vb-element-story_carousel *{
	--vb-img-ratio:1;
 	--vb-gap: 20px;
	--vb-min-gap: 20px;
	--vb-global-ag:start;
} 
body.elementor-editor-active .vb-post-story,
body.elementor-editor-active .vb-post-story *{
	pointer-events: none!important;
}
body .vb-post-story{
	--dt-sp:var(--vb-img-sp,var(--vb-sp-m))!important;
	--post-ag:var(--vb-layout-ag,var(--story-layout-ag))!important;
	--dt-ag: var(--vb-ag,var(--story-ag,start))!important;
}
body .vb-img-story {
	--img-wt: var(--vb-img-wt,var(--story-img-wt)) !important;
 	--img-mx-wt: var(--vb-img-mx-wt,var(--story-img-mx-wt)) !important;
	--img-pd:var(--vb-img-pd,8px);	
	--img-bg: var(--vb-img-bg,transparent);
	--img-ol: var(--vb-img-ol,transparent);
	--img-br-wt: var(--vb-img-br-wt,3px);
	--img-br-cr: var(--vb-img-br-cr,var(--vb-global-br-cr));
	--img-br-st: solid;
	--img-sd: var(--vb-img-sd,initial); 
 	--img-rd:var(--vb-img-rd,1000px);
	--img-hv-bg: var(--vb-img-hv-bg,var(--img-bg));
	--img-hv-ol: var(--vb-img-hv-ol,var(--img-ol));
	--img-hv-br-wt: var(--vb-img-hv-br-wt,var(--img-br-wt));
	--img-hv-br-cr: var(--vb-img-hv-br-cr,var(--vb-global-br-cr-3));
	--img-hv-br-st: solid;
	--img-hv-sd: var(--vb-img-hv-sd,var(--img-sd));
	--img-ti: var(--vb-img-ti,var(--vb-global-ti-duration));
	align-self: var(--post-ag,initial) !important;
	display: var(--post-display,flex) !important;
	--img-ratio: var(--vb-img-ratio,1); 
}
body .vb-img-story .vb-image-stretch,
body .vb-post-story:hover .vb-image-stretch{
	border-width:0px !important;
}
body .vb-img-story img{
	border-radius:var(--img-rd) !important;
}
body .vb-img-story .vb-image-stretch::before{
	border-radius:var(--img-rd) !important;
	background: var(--img-br-cr)!important;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important;
	-webkit-mask-composite: xor!important;
	mask-composite: exclude!important;
	padding:var(--img-br-wt);
}

body .vb-post-story:hover .vb-image-stretch::before{
	background: var(--img-hv-br-cr)!important;
	padding:var(--img-hv-br-wt);
}
body .vb-post-story.vb-notread .vb-image-stretch::before{
	background: var(--img-notread-br-cr, linear-gradient(45deg, #f09433, #d62976, #962fbf))!important;
	padding:var(--img-notread-br-wt,var(--img-br-wt))!important;
	
}
body .vb-post-story .vb-tl-title {
	--tl-fn-sz: var(--vb-tl-fn-sz,var(--vb-h3-fn-sz));
	--tl-fn-wt: var(--vb-tl-fn-wt,500);
	--tl-li-ht: var(--vb-tl-li-ht,var(--vb-h3-li-ht));
	--tl-cr: var(--vb-tl-cr,var(--vb-post-tl-cr,var(--vb-global-tl-cr)));
}
story{
	display:none !important;	
}
@media  (max-width: 1200px) {
	@container vb_aw (width <= 250px) {
		body  .vb-post-story .vb-txt-excerpt{
			 display:none !important;
		}
 	}
	@container vb_aw (width <= 120px) {
		body  .vb-post-story .vb-category-wrap{
			display:none !important;
		}
 	}
}  

.vb-story {
	top: 0;
	z-index: 9999999;
	position: fixed;
	background-color: var(--vb-story-bd,rgba(0,0,0,0.75));
	margin: 0 !important;
	display: flex;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	transition: opacity 300ms;
  	flex-wrap: nowrap;
  	align-content: center;
	justify-content: center;
	backdrop-filter: blur(3px);
}
.vb-story-wrap {
	height: var(--vb-story-box-ht,100%);
	width: auto;
	padding: 20px;
	aspect-ratio: var(--vb-story-box-ratio,0.6);
	margin: auto;
	max-height: var(--vb-story-box-mx-ht,100%);
	max-width: 100%;
	position: relative;
	z-index: 2;
}
.vb-story-list{
	height:100%;
	width:100%;
  	position: relative;	
}
.vb-story.vb-story-active {
	transition: opacity 300ms;
	opacity: 1;
}
.vb-story i {
	pointer-events: all;
	z-index: 99999999;
	font-style: normal;
	position: absolute;
	cursor: pointer;
	line-height: 1;
}
.vb-story i::before {
	font-style: normal;
	text-shadow: 0 0 1px rgba(0,0,0,1);
}
.vb-story i:hover {
	cursor: pointer;
	opacity: 0.5;
}
.vb-story-close {
	top: 40px;
 	inset-inline-end: 40px;
	font-size: var(--vb-story-close-sz,25px);
}
.vb-story-prevbig,.vb-story-nextbig {
 	font-size: var(--vb-story-arrow-sz,40px);
	top: calc(50% - calc(var(--vb-story-arrow-sz,40px) / 2));
	inset-inline-start: auto;
	opacity:.75
}
.vb-story-nextbig {
	inset-inline-start: auto;
 	inset-inline-end: -40px;
}
.vb-story-prevbig {
	inset-inline-end: auto;
	inset-inline-start: -40px;
} 
@media  (max-width: 1025px) {
.vb-story-nextbig {
	inset-inline-start: auto;
 	inset-inline-end: 10px;
}
.vb-story-prevbig {
	inset-inline-end: auto;
	inset-inline-start: 10px;
} 
}
.vb-story-first .vb-story-prevbig{
	display:none !important;
}
.vb-story-last .vb-story-nextbig{
	display:none !important;
}

.vb-story-loading {
	inset-inline-start: calc(50% - 12.5px);
	top: calc(50% - 12.5px);
	z-index: 9999999;
	height: 60px;
	width: 60px;
	position: fixed;
}

.vb-story-loading::before {
	content: "\F045";
	caption-side: #fffff !important;
	font-family: 'fontsite';
	font-size: 60px;
	animation: vb_rotate 1.4s infinite linear;
	float: inline-start;
}  
.vb-story-outer {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	inset-inline-start: 0px;
	top: 0px;
	z-index: 1;
}
 
.vb-story-item.vb-story-item-active{
	display:flex ;	
 	flex-direction: column;
	opacity:1;
	z-index:1;
	transition: 2s;
 	pointer-events: all;
} 
.vb-story-item  {
	opacity:0;
	z-index:-1;
 	pointer-events: none;
	height: 100%;
	width: 100%;
	background:var(--vb-story-box-bg,#000000);
 	border-width: var(--vb-story-box-br-wt,0px);
	border-color: var(--vb-story-box-br-cr,#222222);
	border-style: var(--vb-story-box-br-st,solid);
 	border-radius: var(--vb-story-box-rd,var(--vb-global-rd,10px));
	box-shadow: var(--vb-story-box-sd,0 0 15px rgba(0,0,0,0.30));
 	overflow: hidden;
	position: absolute;
	  
} 
 
.vb-story-inner{
	position:relative;
	height:0px;
	flex-grow: 1;
 	display: flex;
	flex-direction: column;
	
}
.vb-story-image,
.vb-story-video{
	height: 0px;
	width: 100%;
	flex-grow: 1;
	z-index:auto;
	position: relative;
}
.vb-story-image img{
	height:100% !important;
	width:100% !important;
	object-position: center;
	object-fit: contain;
}
.vb-story-video video{
	height:100% !important;
	width:100% !important;
}
.vb-story-details{
	position: absolute;
	bottom:00px;
	width: 100%;
	padding: 20px;
	display: flex;
	gap:12px;
}
   
 .vb-story-video ~ .vb-story-details{
	 bottom:50px;
	 padding-bottom:10px !important;
}
.vb-story-details::before{
	background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.5),rgba(0,0,0,0.7));
	content:'';
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
 	inset-inline-start: 0px;
	z-index:0;
	pointer-events: none;
   
}
.vb-story-video ~ .vb-story-details::before{
	height:calc(100% + 50px);
}
.vb-story-details-content{
	flex-grow: 1;
	width: 0px;
	display:flex;
	flex-wrap:wrap;
}
 .vb-story-details-meta{
	width: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	justify-content: end;	 
}
.vb-video-controls{
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 30px;
	flex-wrap: nowrap;
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 0px;
	justify-content: center;
	z-index: 1;
	padding: 0 20px 20px;
	direction: ltr;
}
.vb-video-progress{
	width:100%;
	height: 5px;
	background:#ffffff;
	border-radius: 50px;
	position: relative;
	flex-grow: 1;
	z-index: 2;
	-webkit-appearance: none;
	transition:width 0.05s linear !important;
}
.vb-video-progress:focus {
	outline: none;
}
.vb-video-progress::-webkit-slider-thumb,
.vb-video-progress::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	background: var(--vb-story-primary-cr,var(--vb-global-hl-cr));
	cursor: pointer;
	border: none !important;
	box-shadow:none;
	border-radius:100px;
}
.vb-video-progress::-webkit-slider-runnable-track,	
.vb-video-progress::-moz-range-progress{
	outline:none !important;
	height:5px;
	border-radius:100px;
	background: var(--vb-story-primary-cr,var(--vb-global-hl-cr));
}
.vb-video-time{
	font-size:13px;
	color: var(--vb-story-time-cr,#ffffff);
	min-width:35px;
}
.vb-video-playpause{
  	font-size: 20px;
	cursor: pointer;
	width:20px;
	height:20px;
	color: var(--vb-story-icn-cr,#ffffff);
  	line-height: 1;
}
.vb-video-playpause::before{
	line-height:1;
	content:"\F033";
	font-family: vbicon;
	font-weight: 400;
}
.vb-video-is-play .vb-video-playpause::before{
	content:"\F034";
}
.vb-video-play{
	cursor: pointer;
	color: var(--vb-story-icn-cr,#fff);
	line-height: 1;
	position: absolute;
	font-size: var(--vb-story-play-sz,60px);
	inset-inline-start: calc(50% - (var(--vb-story-play-sz,60px) / 2));
	top: calc(50% - (var(--vb-story-play-sz,60px) / 2));
	text-shadow: 0 0px 3px rgba(0,0,0,.5);
	opacity: .75;
}
.vb-video-play::before{
	line-height:1em;
	font-family: vbicon;
	font-weight: normal;
	content:"\F037";
}
.vb-video-play:hover{
	opacity:.5 ;
}
.vb-video-controls.vb-video-is-play ~ .vb-video-play{
	display:none ;
} 		
.vb-video-soundmute{
	font-size: var(--vb-story-sound-sz,20px);
	cursor: pointer;
	width: auto;
	position: absolute;
	margin: 20px;
	color: var(--vb-story-icn-cr,#fff);
	line-height: 1;
	top: 0px;
	inset-block-start: 0px;
	text-shadow: 0 0 1px rgba(0,0,0,1);
}
.vb-video-soundmute::before{
	line-height:1em;
	content:"\F035";
	font-family: vbicon;
	font-weight: normal;  
}
.vb-video-is-mute  ~ .vb-video-soundmute::before{
	content:"\F036";
}
		 
.vb-image-controls {
	display: flex;
	position: absolute;
	width: 100%;
	top: 0;
}
.vb-image-progress {
	height:5px;
	background:var(--vb-global-br-cr-2);
	cursor: pointer;
	top:0px;
	width:100%;
}
.vb-image-progress-filled {
	width: 0%;
	height: 100%;
	background: var(--vb-story-primary-cr,var(--vb-global-hl-cr));
	position: relative;
	z-index: 2;
	transition:width 0.05s linear;
}     
.vb-tl-story-title{
 	--tl-wt: 100%;
 	--tl-cr: var(--vb-story-tl-cr,#ffffff);  
	--tl-fn-fm: var(--vb-story-tl-fn-fm,inherit);
	--tl-fn-sz: var(--vb-story-tl-fn-sz,var(--vb-h4-fn-sz));
	--tl-fn-wt: var(--vb-story-tl-fn-wt,500);
	--tl-li-ht: var(--vb-story-tl-li-ht,var(--vb-h4-li-ht));
   	--tl-txt-dec: var(--vb-story-tl-txt-dec,none);
	--tl-txt-tf: var(--vb-story-tl-txt-tf,none);
	--tl-lt-sp: var(--vb-story-tl-lt-sp,none);
	--tl-wd-sp: var(--vb-story-tl-tl-wd-sp,none);
	--tl-fn-st: var(--vb-story-tl-fn-st,none);
 }
.vb-tl-story-title:has(a):hover{
	opacity:0.5;
}
body .vb-txt-story-excerpt {
	display:inline-block !important;
	vertical-align:top !important;
 	--txt-sp: var(--vb-sp-xs) 0px 0px 0px ;
 	--txt-cr: var(--vb-story-ex-cr,rgba(255,255,255,0.6));  
	--txt-fn-fm: var(--vb-story-ex-fn-fm,inherit);
	--txt-fn-sz: var(--vb-story-ex-fn-sz,var(--vb-fn-sz-xs));
	--txt-fn-wt: var(--vb-story-ex-fn-wt,400);
	--txt-li-ht: var(--vb-story-ex-li-ht,var(--vb-li-ht-sm));
   	--txt-txt-dec: var(--vb-story-ex-txt-dec,none);
	--txt-txt-tf: var(--vb-story-ex-txt-tf,none);
	--txt-lt-sp: var(--vb-story-ex-lt-sp,none);
	--txt-wd-sp: var(--vb-story-ex-tl-wd-sp,none);
	--txt-fn-st: var(--vb-story-ex-fn-st,none);
} 
body .vb-story .vb-like{
	--like-icn-sz:var(--vb-story-like-sz,32px);
	--like-cr:var(--vb-story-icn-cr,#ffffff);	
	--liked-cr:var(--vb-story-liked-cr,#E5060A);	
 }
.vb-btn-story-button[class*="vb-btn-"]{
   	--btn-sp:  0px 0px 0px!important;
   	--btn-wt:100% !important;
 	--btn-ht: var(--vb-story-btn-ht,50px);
	--btn-pd: var(--vb-story-btn-pd,0px);
	--btn-cr: var(--vb-story-btn-cr,#ffffff);
	--btn-hv-cr: var(--vb-story-btn-hv-cr,var(--vb-global-primary-cr));
	--btn-fn-fm: var(--vb-story-btn-fn-fm,inherit);
	--btn-fn-sz: var(--vb-story-btn-fn-sz,var(--vb-h4-fn-sz));
	--btn-fn-wt: var(--vb-story-btn-fn-wt,500);
	--btn-li-ht:var(--vb-story-btn-li-ht,1.1em);
	--btn-txt-dec: var(--vb-story-btn-txt-dec,none);
	--btn-txt-tf: var(--vb-story-btn-txt-tf,none);
	--btn-lt-sp: var(--vb-story-btn-lt-sp,none);
	--btn-wd-sp: var(--vb-story-btn-wd-sp,none);
	--btn-fn-st: var(--vb-story-btn-fn-st,none);
	--btn-bg: var(--vb-story-btn-bg,#222222); 
 	--btn-rd:0px;
 	--btn-hv-bg: var(--vb-story-btn-hv-bg,var(--vb-global-primary-bg));  
}