.motors-elementor-single-listing-gallery-carousel {
position: relative;
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel {
display: flex;
flex-direction: column-reverse;
}
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-meta-top {
display: flex;
justify-content: space-between;
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .stm-gallery-meta-top {
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel .stm-gallery-meta-top {
padding-top: 15px;
}
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box {
display: flex;
flex-wrap: wrap;
min-width: 190px;
position: relative;
left: unset;
top: unset;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit {
width: 28px;
height: 28px;
margin-right: 9px;
margin-bottom: 10px;
background: var(--motors-filter-inputs-color, rgba(0, 0, 0, 0.1));
text-align: center;
line-height: 28px;
border-radius: 2px;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit:hover {
background: var(--motors-bg-contrast, rgba(0, 0, 0, 0.2));
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit:hover i {
color: var(--motors-text-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit:hover i:before {
color: var(--motors-text-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit > a {
border: 0;
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0;
text-decoration: none;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit > a i {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit i {
color: var(--motors-text-alpha-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit i:before {
color: var(--motors-text-alpha-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit:hover {
cursor: pointer;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit.active {
background: var(--motors-accent-color, var(--mvl-primary-color));
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit.active i {
color: var(--motors-contrast-text-alpha-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit.active i:before {
color: var(--motors-contrast-text-alpha-color, #777);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .st_sharethis_large {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup {
display: none;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
z-index: -1;
padding: 0 9px 0 0;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active {
display: flex;
justify-content: flex-end;
opacity: 1;
z-index: 10;
transform: translateX(0);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active .addtoany_shortcode {
background: var(--motors-bg-color, #fff);
padding: 5px 2px 1px;
border-radius: 3px;
border: 1px solid var(--motors-border-color);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active .addtoany_shortcode .a2a_kit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item {
display: inline-block;
text-align: center;
background: var(--motors-bg-lowestalpha-contrast, rgba(0, 0, 0, 0.1));
border-radius: 2px;
color: var(--motors-text-alpha-color, #777);
font-size: 12px;
text-transform: uppercase;
min-width: 85px;
padding: 5px 15px;
margin: 0 0 10px 15px;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.accented {
background-color: var(--motors-accent-color, var(--mvl-secondary-color));
color: var(--motors-contrast-text-color, #fff);
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.special-label-inline {
background-color: transparent;
padding: 0;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
min-width: auto;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.special-label-inline i {
font-size: 1.1em;
margin-right: 0.5em;
}
.motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.stm-car-videos {
cursor: pointer;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper {
position: relative;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper.stretch {
width: 100vw;
left: calc(-1 * (100vw - 100%) / 2);
}
@media (max-width: 1280px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel:not(.swiper-container-initialized) {
overflow-x: auto;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item {
flex-basis: 50%;
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item {
flex-basis: 87%;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item > a {
display: block;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item img {
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item img {
height: 280px;
}
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item img {
height: 280px;
max-height: 55vh;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.placeholder, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.video-preview {
background: var(--motors-bg-shade, #e9eaec);
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.placeholder img, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.video-preview img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.video-preview a.fancy-iframe:before {
backface-visibility: hidden;
transform: translateZ(0);
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel .item.video-preview a.fancy-iframe img {
position: relative;
z-index: 1;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-1 .item {
flex-basis: 100%;
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-1 .item img {
height: 460px;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-2 .item {
flex-basis: 87%;
}
@media (min-width: 768px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-2 .item {
flex-basis: 50%;
}
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-2 .item img {
height: 310px;
max-height: 41vh;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-3 .item {
flex-basis: 87%;
}
@media (min-width: 768px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-3 .item {
flex-basis: 33.3%;
}
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-3 .item img {
height: 305px;
max-height: 35vh;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-4 .item {
flex-basis: 87%;
}
@media (min-width: 768px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-4 .item {
flex-basis: 43%;
}
}
@media (min-width: 1024px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-4 .item {
flex-basis: 25%;
}
}
@media (min-width: 1200px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper .listing-gallery-carousel.items-per-view-4 .item img {
max-height: 33vh;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next {
position: absolute;
top: 0;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--motors-bg-highalpha-color, rgba(255, 255, 255, 0.9));
z-index: 500;
transform: translateY(-50%);
transition: 0.2s ease;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev:hover, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next:hover {
background-color: var(--motors-bg-lowalpha-color, rgba(255, 255, 255, 0.1));
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev.swiper-button-disabled, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next.swiper-button-disabled {
display: none;
background-color: var(--motors-bg-lowalpha-color, rgba(255, 255, 255, 0.1));
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev.swiper-button-disabled:hover, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next.swiper-button-disabled:hover {
background-color: var(--motors-bg-lowalpha-color, rgba(255, 255, 255, 0.1));
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev:before, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 11px;
height: 11px;
border-color: var(--motors-accent-color, #BD672E);
border-style: solid;
border-width: 3px 3px 0 0;
transition: 0.2s ease;
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev:before, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next:before {
width: 10px;
height: 10px;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev:hover:before, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next:hover:before {
opacity: 0.8;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev.swiper-button-disabled:before, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next.swiper-button-disabled:before {
opacity: 0.3;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev.swiper-button-disabled:hover:before, .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next.swiper-button-disabled:hover:before {
opacity: 0.3;
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev {
left: 45px;
}
@media (max-width: 1024px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev {
left: 20px;
}
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev {
left: 1px;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-prev:before {
left: 56%;
transform: translateY(-50%) translateX(-50%) rotate(-135deg);
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next {
right: 45px;
}
@media (max-width: 1024px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next {
right: 20px;
}
}
@media (max-width: 767px) {
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next {
right: 1px;
}
}
.motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-nav-next:before {
left: 44%;
transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
body.rtl .motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item {
margin: 0 15px 10px 0;
}
body.rtl .motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.special-label-inline i {
margin-right: 0;
margin-left: 0.5em;
}
body.rtl .motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit {
margin-right: 0;
margin-left: 9px;
}
body.rtl .motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup {
left: auto;
right: 0;
padding: 0 0 0 9px;
}
body.rtl .motors-elementor-single-listing-gallery-carousel .stm-gallery-actions-box .stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active {
justify-content: flex-start;
}
body.rtl .motors-elementor-single-listing-gallery-carousel .listing-gallery-carousel-wrapper.stretch {
left: auto;
right: calc(-1 * (100vw - 100%) / 2);
}
.stm-template-car_dealer_two_elementor.inventory-dark .motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item {
background: var(--motors-bg-contrast, #373c3f);
color: var(--motors-contrast-text-color, #fff);
}
.stm-template-car_dealer_two_elementor.inventory-dark .motors-elementor-single-listing-gallery-carousel .stm-gallery-listing-info-item.special-label-inline {
background: transparent;
}