﻿/*
    Product Listing Pods: Add a class to the pods split component in the back office 
    to make sure that these styles are applied
*/
@media (max-width:1199px) {
    .product-pods .listing-pods .item {
        flex: 0 0 var(--items-1) !important;
        max-width: var(--items-1) !important;
    }
    .product-pods .listing-pods .item.item_text-left .image,
    .product-pods .listing-pods .item.item_text-right .image {
        flex: 0 0 15% !important;
    }
}

.product-pods .listing-pods .item.item_text-left .inner,
.product-pods .listing-pods .item.item_text-right .inner {
    align-items: center;
    display: flex;
}

.product-pods .listing-pods .item.item_text-left .image,
.product-pods .listing-pods .item.item_text-right .image {
    padding: .5rem !important;
    margin: 0 .5rem !important;
    flex: 0 0 25%;
}

.product-pods .listing-pods .item.item_text-left .info,
.product-pods .listing-pods .item.item_text-right .info {
    padding: .5rem;
    flex: 0 0 75%;
}