[class*="vb-img-"] {
	--img-sp: 0px;
	--img-wt: fit-content;
	--img-mx-wt: 100%;
	--img-ht: auto;
	--img-ratio: 1;
	--img-op: 1;
	--img-bg: transparent;
	--img-br-wt: 0px;
	--img-br-cr: transparent;
	--img-br-st: solid;
	--img-sd: initial;
	--img-rd: 0px;
	--img-hv-op: var(--img-op);
	--img-hv-bg: var(--img-bg);
	--img-hv-br-wt: var(--img-br-wt));
	--img-hv-br-cr: var(--img-br-cr);
	--img-hv-br-st: var(--img-br-st));
	--img-hv-sd: var(--img-sd));
	--img-ti: var(--vb-global-ti-duration));
	--img-ob-fit: cover;
	--img-ob-pos: center center;
	--cap-ag: center;
	--cap-sp: 5px;
	--cap-cr: var(--vb-global-gry-cr);
	--cap-txt-sd: none;
	--cap-fn-fm: inherit;
	--cap-fn-sz: var(--vb-p-fn-sz);
	--cap-fn-wt: var(--vb-p-fn-wt);
	--cap-li-ht: var(--vb-p-li-ht);
	--cap-txt-dec: none;
	--cap-txt-tf: none;
	--cap-lt-sp: none;
	--cap-wd-sp: none;
	--cap-fn-st: italic;
	--zoomove-sz:2;
	--zoomove-bg:var(--vb-global-box-bg);
}

[class*="vb-img-"]:not(.vb-img-height,.vb-img-ratio) {
	--img-ob-fit: contain;
	--img-ob-pos: center center;
}

[class*="vb-img-"] {
	display: flex !important;
	text-align: inherit!important;
	justify-content: inherit!important;
	flex-wrap: wrap!important;
	vertical-align: top!important;
	width: var(--img-wt)!important;
	max-width: min(var(--img-mx-wt),100%)!important;
	height: fit-content !important;
	max-height: 100%!important;
	display: flex !important;
	vertical-align: top !important;
	position: relative !important;
	flex-wrap: wrap!important;
	flex-direction: column!important;
	padding: 0px !important;
	  pointer-events: all!important;
	margin: var(--img-sp) !important;
	z-index:0 !important;
}

[class*="vb-img-"] > .vb-image-stretch {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden;
	vertical-align: var(--post-ver,top) !important;
	display: inline-flex !important;
	border-width: var(--img-br-wt)!important;
	border-color: var(--img-br-cr)!important;
	border-style: var(--img-br-st)!important;
	box-shadow: var(--img-sd-ofw,var(--img-sd))!important;
	border-radius: var(--img-rd)!important;
	transition-duration: var(--img-ti)!important;
	transition-property: var(--vb-global-ti-property)!important;
}

[class*="vb-img-"] > .vb-image-stretch::after {
	content: "";
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	inset-inline-start: 0px;
	box-sizing: border-box;
	top: 0px;
	transition-duration: var(--img-ti) !important;
	transition-property: var(--vb-global-ti-property) !important;
	background: var(--img-bg) !important;
}

[class*="vb-img-"]:hover > .vb-image-stretch {
	border-width: var(--img-hv-br-wt)!important;
	border-color: var(--img-hv-br-cr)!important;
	border-style: var(--img-hv-br-st)!important;
	box-shadow: var(--img-hv-sd-ofw,var(--img-hv-sd))!important;
	transition-duration: var(--img-ti)!important;
	transition-property: var(--vb-global-ti-property)!important;
}

[class*="vb-img-"]:hover > .vb-image-stretch::after {
	background: var(--img-hv-bg) !important;
	transition-duration: var(--img-ti)!important;
	transition-property: var(--vb-global-ti-property)!important;
}

[class*="vb-img-"] img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	min-width: 0px !important;
	display: inline-block !important;
	vertical-align: top !important;
	min-height: 0px !important;
	object-fit: var(--img-ob-fit) !important;
	object-position: var(--img-ob-pos) !important;
	opacity: var(--img-op) !important;
	position: relative !important;
	display: inline-block !important;
}

[class*="vb-img-"]:hover > .vb-image-stretch >  img,
 [class*="vb-img-"]:hover > .vb-image-stretch > a > img {
	opacity: var(--img-hv-op)!important;
}

[class*="vb-img-"].vb-img-auto > .vb-image-stretch {
	height: auto!important;
}
 
 /************************************************ Img Height ************************************************/
 
.vb-img-height > .vb-image-stretch {
	height: var(--img-ht)!important;
}
 /************************************************ Img Radio ************************************************/
.vb-img-ratio {
	--img-wt: var(--vb-img-wt,100%)!important;
	--img-mx-wt: var(--vb-img-mx-wt,100%)!important;
}

.vb-img-ratio > .vb-image-stretch {
	padding-bottom: calc( 100% * var(--img-ratio)) !important;
	height: 0px !important;
}

.vb-img-ratio > .vb-image-stretch > img,
 .vb-img-ratio > .vb-image-stretch > a > img {
	position: absolute !important;
	inset-inline-start: 0px!important;
	top: 0px!important;
	height: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

[class*="vb-img-"] > .vb-image-stretch > a {
	display: contents !important;
}

 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Image container
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 

.vb-image-container {
	position: absolute;
	inset-inline-start: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.vb-image-container > .vb-container {
	height: 100% !important;
	width: min(100%,var(--vb-content-wt, var(--vb-global-body-wt))) !important;
	margin: 0 auto;
}

.vb-image-container > .vb-container > [class*="vb-el-"] {
	pointer-events: all !important;
}


 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Zoomove
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-zoomove .vb-image-stretch:has(.vb-zoomove-image){
	overflow:hidden !important;
}
.vb-zoomove .vb-image-stretch a{
	cursor:move !important;
}
 .vb-zoomove-image {
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	z-index:9999999;
    transform: scale(1);
	background-color: var(--zoomove-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 0.3s ease-out
}
.vb-zoomove .vb-image-stretch:hover .vb-zoomove-image{
    transform: scale(var(--zoomove-sz,2));

	 
 }
 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	wp caption
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
body [class*="vb-img-"].wp-caption {
	gap: var(--cap-sp)!important;
}

body [class*="vb-img-"].wp-caption >  .wp-caption-text {
	margin: 0px !important;
	padding: 0px !important;
	display: flex!important;
	float: inline-start!important;
	width: fit-content  !important;
	text-align: var(--cap-ag)!important;
	flex-wrap: wrap!important;
	align-self: var(--cap-ag)!important;
}

body [class*="vb-img-"].wp-caption  .wp-caption-text.vb-txt-caption {
	--txt-cr: var(--cap-cr,var(--vb-global-gry-cr));
	--txt-txt-sd: var(--cap-txt-sd,none);
	--txt-fn-fm: var(--cap-fn-fm,inherit);
	--txt-fn-sz: var(--cap-fn-sz,var(--vb-p-fn-sz));
	--txt-fn-wt: var(--cap-fn-wt,400);
	--txt-li-ht: var(--cap-li-ht,var(--vb-p-li-ht));
	--txt-txt-dec: var(--cap-txt-dec,none);
	--txt-txt-tf: var(--cap-txt-tf,none);
	--txt-lt-sp: var(--cap-lt-sp,none);
	--txt-wd-sp: var(--cap-wd-sp,none);
	--txt-fn-st: var(--cap-fn-st,italic);
	--txt-ti: none;
}