.fusion-post-card-image { --awb-margin-top: 0; --awb-margin-right: 0; --awb-margin-bottom: 0; --awb-margin-left: 0; --awb-crossfade-bg-color: inherit; --awb-swap-nav-color: var(--awb-color3); --awb-swap-nav-color-hover: var(--awb-color4); --awb-border-radius-top-left: 0; --awb-border-radius-top-right: 0; --awb-border-radius-bottom-right: 0; --awb-border-radius-bottom-left: 0; --awb-aspect-ratio: 1 / 1; --awb-aspect-ratio-position: 50% 50%; --awb-swap-nav-height: 3px; --awb-arrow-position-vertical: 50%; --awb-arrow-position-horizontal: 0; --awb-arrow-position-vertical-transform: translateY(-50%); --awb-arrow-size: var(--slider_arrow_size); --awb-arrow-box-width: var(--slider_nav_box_dimensions-width); --awb-arrow-box-height: var(--slider_nav_box_dimensions-height); --awb-arrow-bgcolor: var(--carousel_nav_color); --awb-arrow-color: #fff; --awb-arrow-hover-bgcolor: var(--carousel_hover_color); --awb-arrow-hover-color: var(--awb-arrow-color); overflow: hidden; margin-top: var(--awb-margin-top); margin-right: var(--awb-margin-right); margin-bottom: var(--awb-margin-bottom); margin-left: var(--awb-margin-left); border-top-left-radius: var(--awb-border-radius-top-left); border-top-right-radius: var(--awb-border-radius-top-right); border-bottom-right-radius: var(--awb-border-radius-bottom-right); border-bottom-left-radius: var(--awb-border-radius-bottom-left); } .fusion-post-card-image .cart-loading .view-cart { display: none; } .fusion-post-card-image .fusion-rollover-content .price { margin-top: 3px; } .fusion-post-card-image .fusion-rollover-content .price del, .fusion-post-card-image .fusion-rollover-content .price .amount { font-size: 25px; } .fusion-post-card-image .fusion-rollover-content .fusion-rollover-title { margin: 0; line-height: normal; } .fusion-post-card-image .fusion-product-buttons { position: relative; z-index: 9; } .fusion-post-card-image.fusion-classic-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons { position: absolute; bottom: 15px; left: 0; right: 0; padding: 0 10%; height: 40px; width: 100%; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons { margin-top: 6px; text-transform: uppercase; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a { display: inline; float: none; padding: 0; letter-spacing: 1px; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:hover { opacity: 0.6; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:after, .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons a:before { display: none; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons .wc-forward { display: none; } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-product-buttons .fusion-rollover-linebreak { display: inline-block; margin: 0 10px; color: var(--image_rollover_text_color); } .fusion-post-card-image.fusion-clean-product-image-wrapper .fusion-rollover-linebreak { display: none; } .post-card.product .fusion-post-card-image[data-layout="rollover"] .fusion-rollover { z-index: 4; } .post-card.product .fusion-post-card-image[data-layout="rollover"] .fusion-woo-badges-wrapper { z-index: 3; } .fusion-post-card-image.fusion-disable-link[data-layout="rollover"] .fusion-rollover-title-link, .fusion-post-card-image.fusion-disable-link[data-layout="rollover"] .fusion-link-wrapper { pointer-events: none; } .fusion-post-card-image.has-aspect-ratio { position: relative; } .fusion-post-card-image.has-aspect-ratio img { aspect-ratio: var(--awb-aspect-ratio); /* stylelint-disable-line property-no-unknown */ width: 100%; object-fit: cover; object-position: var(--awb-aspect-ratio-position); } .fusion-post-card-image .crossfade-images { background-color: var(--awb-crossfade-bg-color); } .fusion-post-card-image .awb-pc-image__swap-images .cart-loading { pointer-events: none; } .fusion-post-card-image .awb-pc-image__swap-grid { display: flex; position: absolute; inset: 0; } .fusion-post-card-image .awb-pc-image__swap-image { flex-grow: 1; } .fusion-post-card-image .awb-pc-image__swap-images .awb-pc-image__thumb-image { min-width: 100%; } .fusion-post-card-image .awb-pc-image__swap-nav { display: flex; position: absolute; bottom: 0; inset-inline: 0; align-items: center; justify-content: center; gap: calc(var(--awb-swap-nav-height) + 2px); transition: opacity 0.15s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.15s cubic-bezier(0.21, 0.6, 0.35, 1); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(var(--awb-swap-nav-height) / 2)); } .fusion-post-card-image:hover .awb-pc-image__swap-nav { visibility: visible; opacity: 1; transform: translateY(0px); } .fusion-post-card-image .awb-pc-image__swap-nav-item { flex-grow: 1; height: var(--awb-swap-nav-height); background-color: var(--awb-swap-nav-color); transition: background-color 0.15s cubic-bezier(0.21, 0.6, 0.35, 1); } .fusion-post-card-image .awb-pc-image__swap-nav-item--active { background-color: var(--awb-swap-nav-color-hover); } .fusion-post-card-image .awb-pc-image__swap-nav-mobile { display: none; justify-content: space-between; align-items: center; position: absolute; inset: 0; } .fusion-post-card-image .awb-pc-image__prev, .fusion-post-card-image .awb-pc-image__next { align-items: center; cursor: pointer; display: flex; font-size: var(--awb-arrow-size); width: var(--awb-arrow-box-width); height: var(--awb-arrow-box-height); z-index: 10; justify-content: center; color: var(--awb-arrow-color); background-color: var(--awb-arrow-bgcolor); transition: all 0.3s ease; opacity: 0.8; } .fusion-post-card-image .awb-pc-image__prev:hover, .fusion-post-card-image .awb-pc-image__next:hover { background-color: var(--awb-arrow-hover-bgcolor); color: var(--awb-arrow-hover-color); opacity: 1; } .fusion-post-card-image .awb-pc-image__prev { left: var(--awb-arrow-position-horizontal); right: auto; } .fusion-post-card-image .awb-pc-image__next { right: var(--awb-arrow-position-horizontal); left: auto; }