.vb-gallery-tabs { /*padding-bottom:64px;*/ }
.vb-gallery-tabs .splide__arrows { display:none !important; }
.vb-gallery-tabs > div { display: flex; flex-direction: row; }




.vb-gallery-tabs nav { max-width:240px; width:100%; margin: 0 50px 0 0; }
.vb-gallery-tabs nav ul { width:100%; padding:0 30px 0 0; flex-direction: column; align-items: flex-start; margin:0; }
.vb-gallery-tabs nav li { width:100%; position:relative; background-color:#e8e8d8; border:2px solid var(--bw_color_5); transition:all .2s ease-in-out; }
.vb-gallery-tabs nav ul > li:not(:last-child) { border-bottom:none; }
.vb-gallery-tabs nav a { color:#5d5652; width: 100%; display:inline-flex; align-items:center; padding:5px 25px; height:50px; text-decoration:none; flex-direction: column; justify-content: center; font-size:17px; font-weight:300; }
.vb-gallery-tabs nav li.active { background-color:#5d5652; }
.vb-gallery-tabs nav li:after { content: ''; opacity:0; position: absolute; width:18px; height:18px; background-color:#5d5652; border: 5px solid #5d5652; transform: translateY(-50%) rotateZ(-45deg); top: 50%; z-index: -1; }
.vb-gallery-tabs nav li.active:after { animation:.15s  ease-out both galleryArrow; animation-delay: .25s; }
.vb-gallery-tabs nav li.active a { color:#e8e8d8; }
.vb-gallery-tabs nav li svg { width: 34px; height: auto; min-height: 34px; fill:#2e2e2e; }
.vb-gallery-tabs nav li.active a svg, .vb-gallery-tabs nav a:hover svg { fill:rgb(255,174,0); }
.vb-gallery-tabs nav a:hover { color:#81a64b; }
@keyframes galleryArrow {
	0% { right:30px; opacity:0; }
	1% { opacity:1; }
	100% { right:-8px; opacity:1; }
}





.vb-gallery-tabs > div > div { position:relative; width:100%; }
.vb-gallery-tabs .vb-image { position:relative; display:block; aspect-ratio: 1/1; overflow:hidden; }
.vb-gallery-tabs .vb-image > div { position:absolute; top:0; left:0; right:0; bottom:0; }
.vb-gallery-tabs img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.vb-gallery-tabs .vb-gallery-tab { position:absolute; top:0; left:0; right:0; opacity:0; pointer-events:none; transition:opacity .35s ease-in-out; }
.vb-gallery-tabs .vb-gallery-tab.active { opacity:1; pointer-events:all; }

.vb-gallery-tabs .splide__track { height:100%; }
.vb-gallery-tabs .splide__track > ul { height: auto; }



.vb-gallery-tabs .splide__arrows { position: absolute; bottom:-64px; left:0; width:100%; display: flex; justify-content: center; }
.vb-gallery-tabs .splide__arrow { position:relative; left:auto; right:auto; width: 46px; height: 46px; margin:0 10px; border-radius:initial; transform: none; opacity:1; }
.vb-gallery-tabs .splide__arrow:disabled { opacity:.3; }

.vb-gallery-tabs .vb-image > div:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; opacity:0; transition: all .3s ease-out; }
.vb-gallery-tabs .vb-image:hover > div:after { opacity:.4; }

@media all and (max-width:1199px) {
	.vb-gallery-tabs nav { max-width: 210px; margin: 0 10px 0 0; }
	.vb-gallery-tabs nav a { padding: 4px 10px; height:40px; font-size: 17px; }
}
@media all and (max-width:991px) {
	XXX.vb-gallery-tabs nav { max-width: 170px; margin: 0 10px 0 0; }
	XXX.vb-gallery-tabs nav a { padding: 4px 10px; height:40px; font-size: 16px; }
	XXX.vb-gallery-tabs nav li svg { width: 26px; min-height: 26px; }
}
@media all and (max-width:991px) {
	.vb-gallery-tabs { padding:0 var(--site-padding); padding-left: 0; /*padding-bottom:64px;*/ }
	.vb-gallery-tabs nav { max-width:none; margin:0 0 20px 0; }
	.vb-gallery-tabs nav ul { flex-direction: row; flex-wrap: wrap; gap: 8px; padding:0; justify-content: center; }
	.vb-gallery-tabs nav ul { flex-wrap:nowrap; gap:4px; padding: 0 0 10px 0; justify-content: flex-start; overflow: auto; }
	.vb-gallery-tabs nav li { width:calc(20% - 8px); min-width:120px; border-radius: 12px; }
	.vb-gallery-tabs > div { display: flex; flex-direction:column; }
	.vb-gallery-tabs nav a { min-height: 50px; flex-direction: row; height: auto; gap: 8px; padding:3px 10px 1px 10px; text-align: center; line-height: normal; white-space:nowrap; }
	.vb-gallery-tabs nav li.active::after { content:none; }
}
@media all and (max-width:575px) {
	.vb-gallery-tabs nav a { min-height:42px; gap: 4px; font-size:15px; }
	.vb-gallery-tabs nav li svg { width: 18px; min-height: 18px; }
	.vb-gallery-tabs nav li { width: auto; min-width: initial; }
	.vb-gallery-tabs nav li svg { display:none; }
}
@media all and (max-width:459px) {
	
}


/*
{ display:flex; flex-wrap: wrap; }
.vb-gallery-simple > div { flex:1 1 max(16.6666%, 174px); }
.vb-gallery-simple .vb-image { display:block; position:relative; height:auto; aspect-ratio: 1/1; overflow:hidden; }
.vb-gallery-simple .vb-image > div { position:absolute; top:0; left:0; right:0; bottom:0; }
.vb-gallery-simple img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.vb-gallery-simple a > div:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; opacity:0; transition: all .3s ease-out; }
.vb-gallery-simple a:hover > div:after { opacity:.6; }
*/