/** For styling the INBALI product based carousels **/

#block-product-carousels-home { position: relative; padding: 0 0 60px; }
#block-product-carousels-home h2,
#block-product-carousel-associated h2{ padding: 0 0 30px; font-size: 26px; text-align: center; }

.view-product-carousels a { display: block; }

.view-product-carousels .content { overflow: hidden; }
.view-product-carousels .slick__slide { overflow: hidden; text-align: center; }

.view-product-carousels .views-field-view-commerce-product { display: block; }

.view-product-carousels a img { display: block; width: 100%; height: auto;
    -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);
    -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; }
.view-product-carousels a:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.view-product-carousels a .product-title { display: block; font-family: 'SSThin', sans-serif; font-size: 20px; color: #283d38; text-transform: uppercase; margin-top: 20px; }
.view-product-carousels a .sub-name { display: block; width: 100%; margin: 10px 0 5px; color: #283d38; font-family: 'SSLight', sans-serif; font-size: 10px; text-transform: uppercase; }
.view-product-carousels a .item-price { display: block; padding-top: 5px; font-family: 'OSBold', sans-serif; color: #283d38; font-size: 13px; }
.view-product-carousels a .item-price span.from { display: block; font-family: 'ELight', serif; font-style: italic; font-size: 9px; }

.view-product-carousels .views-field-view-1 { margin: 20px 5px 0 5px; width: 100%; }
.view-product-carousels .views-field-view-1 a { display: inline-block; padding: 10px 19px; background: #f4e4df; border-radius: 20px;
    font-family: 'OSBold', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 9px; color: #283d38; cursor: pointer; }

.view-product-carousels nav.slick__arrow button { background-color: rgba(244, 228, 223, 0.5); }
.view-product-carousels nav.slick__arrow button:hover { background-color: rgba(244, 228, 223, 1); }

.view-product-carousels ul.slick-dots { position: relative; height: 100%; list-style: none; margin: 50px 0 0; text-align: center; z-index: 3; }
.view-product-carousels ul.slick-dots li { display: inline-block; position: relative; height: 12px; width: 0; overflow: hidden; padding-left: 12px; background: #efefef; margin: 0 10px; cursor: pointer; border-radius: 6px; }
.view-product-carousels ul.slick-dots li.slick-active { background: #755a87; height: 15px; padding-left: 15px; border-radius: 8px; top: 2px; }