.vagabond-plus-gallery {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
}  .vagabond-plus-image-container {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.vagabond-plus-image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.vagabond-plus-image-container img.active {
opacity: 1;
}
.vagabond-plus-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%) scaleY(2);
color: var(--wp--preset--color--va-blue);
padding: 10px;
cursor: pointer;
background: none;
border: none;
font-size: 24px;
}
.vagabond-plus-arrow-left {
left: 10px;
}
.vagabond-plus-arrow-right {
right: 10px;
}
.vagabond-plus-indicators {
display: flex;
gap: 1rem;
text-align: center;
font-size: 1.5rem;
justify-items: center;
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: -2rem auto;
}
.vagabond-plus-gallery .vagabond-plus-indicator {
cursor: pointer;
transition: all 0.3s ease;
width: 15px;
aspect-ratio: 1;
border-radius: 50%;
border: 1px solid white;
}
.vagabond-plus-gallery .vagabond-plus-indicator.active {
background-color: white;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery.fixed {
height: 90vh !important;
width: 100% !important;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery.fixed.test {
width: inherit !important;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery
img {
-o-object-fit: cover;
object-fit: cover;
height: 90vh !important;
width: 100%;
min-width: 50vw;
}
@media only screen and (max-width: 1250px) {
.vagabond-plus-gallery {
height: auto !important;
}
.vagabond-plus-arrow-left {
left: 0;
}
.vagabond-plus-arrow-right {
right: 0;
}
.vagabond-plus-gallery .vagabond-plus-indicator {
width: 7px;
}
.vagabond-plus-indicators {
margin: -1.5rem auto;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery.fixed {
height: 40vh !important;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery
img {
height: 40vh !important;
}
.wp-block-vagabond-scrollable-container
.fixed-column
.vagabond-plus-gallery.fixed.test {
width: 100% !important;
}
}