.vb-details {
	width: var(--dt-wt,0px) !important;
	flex-grow: 1!important;
	display: flex!important;
	gap: 0px !important;
	flex-direction: column!important;
	flex-wrap: wrap!important;
	align-items: var(--dt-ag)!important;
	text-align: var(--dt-ag) !important;
	justify-content: start!important;
	position:relative;
}

body .vb-details:not(:has(> *)) {
	display: none!important;
}
body .vb-details > *:first-child,
body .vb-wrap-hover > *:first-child{
	margin-top:0px !important;
 }

body .vb-details > *:last-child,
body .vb-details-hover > *:last-child,
body .vb-wrap-hover > *:last-child  {
	margin-bottom:0px !important;
 }
.vb-details:has(+ [class*="vb-img-"]),
.vb-details:has(+ .vb-details) {
  flex-grow: 0 !important;
} 
 
[class*="vb-post-"]:has(.vb-details ~ [class*="vb-img-"]) {
	justify-content: start !important;
}
.vb-wrap-hover,
.vb-details-hover{
   width: 100% ;
 
 	flex-grow: 1;
 	gap: 0px ;
	flex-direction: column;
	flex-wrap: wrap; 
   	align-items: var(--dt-ag);
 	text-align: var(--dt-ag) ;
	opacity:0;
	position:absolute;
	bottom:0;
  inset-inline-start: 0px;
	justify-content: var(--dt-ag);
 	transition-duration:var(--vb-item-ti,var(--vb-global-ti-duration)) ;
	transition-property:transform, opacity ;
 	display:none;
 	 
}
 
 

.vb-item[class*="vb-details-hover-active"]:hover .vb-details-hover {
 	z-index:99;
	display:flex;
	bottom:var(--vb-post-wrap-hv-ht,0px)  !important;

 }
.vb-item[class*="vb-details-hover-transition"]:hover   .vb-details-hover {
 	opacity:99;
 	transform:translateY(0);
 }
/*---------------------------------------------------------------- Details hover Active-1 ------------------------------------------------------*/
.vb-details-hover-active-1:hover{    
	--vb-post-dt-hv-ht:var(--vb-dt-hv-ht,0px) ; 
}
.vb-item:is(.vb-details-hover-active-1,.vb-details-hover-active-2):is(.vb-item-boxed-2,.vb-item-boxed-3):hover .vb-details-hover  {
	padding:var(--item-pd);
}
.vb-item.vb-details-hover-active-2:hover .vb-details-hover  {
	margin:0px !important;
}
.vb-details-hover-active-1:is(.vb-item-boxed-2,.vb-item-boxed-3):not(.vb-module-top) .vb-details-hover:not(.vb-layout_2) {
	display:none !important;
}
 /*---------------------------------------------------------------- Details hover Active-2 ------------------------------------------------------*/

 .vb-details-hover-transition-2:hover .vb-details-hide{
	 opacity:0 !important;
 }

 /*---------------------------------------------------------------- Details hover Active-3 ------------------------------------------------------*/

 
 .vb-details-hover-active-3:hover   {
	--vb-dt-dt-hv-ht:calc(var(--vb-dt-hv-ht,0px) + var(--dt-sp,0px));
 }
 .vb-details-hover-active-3:hover   .vb-details-hover {
 	transform:translateY(100%);
	padding:var(--item-pd,0px);

 } 
 
.vb-item.vb-item-active:hover{ 
	height:var(--vb-item-ht,auto); 
} 
/*---------------------------------------------------------------- Post Active ------------------------------------------------------*/
.vb-item-post-active:hover  [class*="vb-post-"]{
  height: var(--vb-post-ht,fit-content) !important; 
 	transition-duration:var(--vb-global-ti-duration) !important; 
	transition-property: height  !important;  
}
 .vb-item-post-active:not([class*="vb-item-boxed"]):hover > [class*="vb-post"]::after{
	position: absolute;
	inset-inline-start: 0px;
	top: 0px;
	width:100%;
	height:100%;
	transform:scale(0.5,0.5);
	margin:0px ;
	transition-duration: var(--vb-item-ti,var(--vb-global-ti-duration)) ;
	transition-property: transform,opacity;
	opacity:0;
	content: "";
	z-index: -1;
	box-sizing: border-box;
	border-radius:var(--item-rd,var(--vb-global-rd));

} 
.vb-item-post-active.vb-item-post-transition:not([class*="vb-item-boxed"]):hover  [class*="vb-post"]::after {
	width: calc(100% + (var(--gap) * 2));
	height: calc(100% + (var(--gap)  * 2));
	margin:calc(var(--gap) * -1) ;
 	transform:scale(1,1);
	opacity:1 ;
} 
.vb-item-post-active.vb-item-post-transition:hover > [class*="vb-post-"]{
 	height:calc(var(--vb-post-ht,auto) + var(--vb-post-dt-hv-ht,0px) + var(--vb-post-wrap-hv-ht,0px)) !important; 
  	transition-duration:var(--vb-global-ti-duration) !important; 
	transition-property: height  !important;  
 } 
/*---------------------------------------------------------------- Details Active ------------------------------------------------------*/ 
.vb-details-hover-active-1:not(.vb-module-top):hover .vb-details{
	min-height:100% !important  
}
.vb-details-hover-active-2:not(.vb-module-top):hover .vb-details{
	min-height:100% !important  
}
.vb-details-active:hover  .vb-details:has(.vb-details-hover){
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	background:#ffffff;
  	transition-duration:var(--vb-global-ti-duration) !important; 
	transition-property: transform,height,opacity,bottom,margin !important; 
 	height:var(--vb-dt-ht,auto) !important;
	flex-grow:0!important;
	border-radius: var(--item-rd,0px) !important;
border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.vb-details-active.vb-item-boxed:hover .vb-details:has(.vb-details-hover){
	padding:var(--item-pd);
 }
.vb-details-transition:hover  .vb-details:has(.vb-details-hover){
  	height:calc(var(--vb-dt-ht,auto) + var(--vb-dt-dt-hv-ht,0px)) !important; 
}
/*---------------------------------------------------------------- Wrap Hover ------------------------------------------------------*/ 
  
 .vb-wrap-hover{
	padding: var(--vb-wrap-hv-pd,var(--vb-sp-m,20px));
	background:var(--vb-wrap-hv-bg,transparent);
 	border-width: var(--vb-wrap-hv-br-wt,1px 0px 0px 0px);
	border-color: var(--vb-wrap-hv-br-cr,var(--vb-global-br-cr));
	border-style: var(--vb-wrap-hv-br-st,solid) ;
	box-shadow: var(--vb-wrap-hv-sd,initial) ;
	border-radius: var(--vb-item-rd,var(--vb-global-rd))!important; 
border-top-right-radius: 0px!important; 
  border-top-left-radius: 0px !important;
  	text-align: var(--dt-ag) !important;

 }
 .vb-item-post-active:not([class*="vb-item-boxed"]):hover  .vb-wrap-hover {
	width: calc(100% + (var(--gap) * 2));
 	margin:calc(var(--gap) * -1) ;
 } 
 
 .vb-wrap-hover-active:hover{    
	--vb-post-wrap-hv-ht:var(--vb-wrap-hv-ht,0px); 
} 
 .vb-details-hover-active-3.vb-wrap-hover-active:hover > [class*="vb-post-"]{
	 min-height:100% !important;
 }
 .vb-details-hover-active-3.vb-wrap-hover-active:hover .vb-details{
	 bottom:0px;
 } 
  .vb-details-hover-transition-3.vb-wrap-hover-transition:hover .vb-details{
	 bottom:var(--vb-post-wrap-hv-ht,0px);
 } 
 .vb-details-hover-active-3.vb-wrap-hover-active:hover .vb-details-hover{
	 bottom:0px!important;
 }
 
.vb-wrap-hover-active:hover .vb-wrap-hover {
 	z-index:1;
	display:flex;
 }
.vb-wrap-hover-transition:hover   .vb-wrap-hover {
 	opacity:1;
	transform:translateY(0);
 }
  
 
 
.vb-details-row{
   width: 100% ;
   display:inline-flex;
   justify-content:space-between;
   align-items:center;
}
 
 
.vb-details-row:has(> :only-child) {
	justify-content: var(--dt-ag);
}

.vb-details-row:not(:has(> *)){
	display:none !important;
	
}

 
 body .vb-details-active:not([class*="vb-item-boxed-"]):hover  .vb-details {
	padding-top:var(--dt-sp,0px)!important;
}

body .vb-item [class*="vb-post"]   div.vb-details-bottom:is([class*="vb-details-"]){
	
	display: flex!important;
	gap: 0px !important;
	flex-direction: column!important;
	flex-wrap: wrap!important;
	align-items: var(--dt-ag)!important;
	text-align: var(--dt-ag) !important;
	justify-content: start!important;
	position:relative;
	  width: 100%;
	  margin-top:auto;
	  top:var(--vb-dt-bt-sp,var(--vb-sp-l))!important;
	 margin-bottom:var(--vb-dt-bt-sp,var(--vb-sp-l)) !important;
	
	background: var(--vb-dt-bt-bg,transparent) ;
	padding: var(--vb-dt-bt-pd,0px) ;
	border-width: var(--vb-dt-bt-br-wt,0px);
	border-color: var(--vb-dt-bt-br-cr,var(--vb-global-br-cr)) ;
	border-style: var(--vb-dt-bt-br-st,solid);
	box-shadow: var(--vb-dt-bt-sd,none) ;
	border-radius: var(--vb-dt-bt-rd,0px) ;
	
}