.vb-social {
	--scl-ag:var(--vb-scl-ag,center);
	--scl-gap:var(--vb-scl-gap,10px);
	--scl-sz:var(--vb-scl-sz,var(--vb-p-fn-sz));
	--scl-pd:var(--vb-scl-pd,0.5em);
	
	--vb-icon-cr:--vb-icon-cr: var(--vb-global-lk-cr);
	--vb-icon-bg: var(--vb-global-gry-bg);
	
	--scl-cr:var(--vb-scl-cr,var(--vb-global-lk-cr));
	--scl-hv-cr:var(--vb-scl-hv-cr,var(--vb-global-primary-hv-cr));
 	
	--scl-bg:var(--vb-scl-bg,var(--vb-global-gry-bg));
	--scl-br-wt:var(--vb-scl-br-wt,0px);
	--scl-br-cr:var(--vb-scl-br-cr,var(--vb-global-br-cr));
	--scl-br-st:var(--vb-scl-br-st,solid);
 	--scl-sd: var(--vb-scl-sd,initial);
 	--scl-rd:var(--vb-scl-rd,var(--vb-global-btn-rd));
	
	--scl-hv-bg:var(--vb-scl-hv-bg,var(--vb-global-primary-hv-bg));
 	--scl-hv-br-cr: var(--vb-scl-br-cr,var(--scl-br-cr));
	--scl-hv-br-wt: var(--vb-scl-br-wt,var(--scl-br-wt));
	--scl-hv-br-st: var(--vb-scl-br-st,var(--scl-br-st));
	--scl-hv-sd: var(--vb-scl-sd,var(--scl-sd));
	
	--scl-ti: var(--vb-scl-ti,var(--vb-global-ti-duration));
	
	flex-wrap: wrap;
 	width: 100%;
	vertical-align: top;
	display: flex;
	justify-content: var(--scl-ag,center)!important;
	gap: var(--scl-gap,10px)!important;
}

.vb-social-wrap{
	float:inline-start;
	width:100%;
}
.vb-side .vb-social-wrap{
  padding-block-start: var(--menu-item-pd-bl-st,0px) !important;
  padding-block-end: var(--menu-item-pd-bl-en,0px) !important;
  padding-inline-start:var(--menu-item-pd-in-st,0px) !important;
  padding-inline-end: var(--menu-item-pd-in-en,0px) !important;
}
.vb-social.vb-social-style-main  a {
	--scl-cr: var(--vb-icon-cr)!important;
	--scl-bg: var(--vb-icon-bg)!important;
	--scl-hv-cr: var(--vb-global-primary-hv-cr)!important;
	--scl-hv-bg: var(--vb-global-primary-hv-bg)!important;
 	--scl-br-wt: 0px!important;
	--scl-br-cr: transition!important;
	--scl-br-st: solid!important;
	--scl-sd: none!important;
	--scl-hv-br-cr: transition !important;
	--scl-hv-br-wt: 0px!important;
	--scl-hv-br-st: solid!important;
	--scl-hv-sd: none!important;
}

.vb-social a {
	font-size: var(--scl-sz)!important;
	display: flex;
	position: relative;
	z-index: 1;
	padding: var(--scl-pd)!important;
	color: var(--scl-cr)!important;
	transition-duration: var(--scl-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-social a::after {
	content: ""!important;
	position: absolute!important;
	top: 0px!important;
	inset-inline-start: 0px!important;
	width: 100%!important;
	height: 100%!important;
	background: var(--scl-bg)!important;
	border-width: var(--scl-br-wt)!important;
	border-color: var(--scl-br-cr)!important;
	border-style: var(--scl-br-st)!important;
	box-shadow: var(--scl-sd)!important;
	border-radius: var(--scl-rd )!important;
	transition-duration: var(--scl-ti)!important;
	transition-property: var(--vb-global-ti-property)!important;
	box-sizing: border-box!important;
	z-index: -1!important;
}

.vb-social a::before {
	font-size: inherit !important;
	width: 1.25em !important;
	color: inherit !important;
	line-height: 1.25em !important;
	height: 1.25em !important;
	position: relative!important;
	text-align: center!important;
}

.vb-social a:hover {
	color: var(--scl-hv-cr)!important;
}
 
.vb-social a:hover::after {
	background: var(--scl-hv-bg)!important;
	border-width: var(--scl-hv-br-wt)!important;
	border-color: var(--scl-hv-br-cr)!important;
	border-style: var(--scl-hv-br-st)!important;
	box-shadow: var(--scl-hv-sd)!important;
}