/* ----------------------------------------- */ /* WordPress Archive: Product Archives - start */ /* ----------------------------------------- */ .woocommerce .onsale { top: 30px; } .page {max-width: 1200px; margin: auto;} .product-heading { font-style: normal; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; clear: both; } .product-heading a:link { color: #333333;} .product-heading a:visited { color: #333333;} .prod-image {width: 100%;} .product-info {height: 100px;} .feat-prod {height: 380px; margin-top: -20px; margin-left: 10px; margin-right: 10px; overflow: hidden;} .product-list li {list-style-type: none; border: 1px solid #ddd;} .product-list {float: left; width:25%; display: block; margin-bottom: 30px; list-style-type: none; margin-left: 0px !important; margin-right: 0px !important; } .woocommerce div.product .images, .woocommerce-page div.product .images { position: relative; float: left; width: 100%; } .wpv-filter-next-link {float: right;} .x-img-thumbnail { border: 0px solid #e5e5e5; } .product-notice { position: absolute; top: 40px; right: -90px; display: block; width: 300px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; text-transform: uppercase; color: #fff; background-color: #ff2f17; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-320deg); z-index: 999; text-align: center; } .price { padding-right; 10px; font-size: 125%; margin-bottom: 5px; } .buy-button {clear: both; float: right; padding-right: 10px;} .top-images {background-color: transparent; width: 100%;} figure { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; width: 100%; } figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 0px 0px 0; } figcaption { position: absolute; color: white; width: 90%; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } figure:hover figcaption { opacity: 1; } figure:before { position: absolute; font-weight: 800; text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; } figure:hover:before { opacity: 0; } figcaption { position: absolute; width: 100%; color: white; padding: 10px 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .top-images figcaption { color: white; display: table; height: 100%; position: absolute; left: 0; top: 80px; opacity: 0; bottom: 40px; z-index: 100; } h6, .h6 { margin: 0; } .x-btn {width: 100%;} @media screen and (min-width: 640px) and (max-width: 959px) {.product-list {float: left; width:25%; display: block; margin-bottom: 30px; } .feat-prod {height: 265px; }} @media screen and (min-width: 480px) and (max-width: 639px) {.product-list {float: left; width:50%; display: block; margin-bottom: 30px; } .feat-prod {height: 320px; } } @media screen and (max-width: 480px) {.product-list {float: left; width:100%; display: block; margin-bottom: 30px; } .feat-prod {height: 300px; } .feat-prod {height: 400px; } } /* ----------------------------------------- */ /* WordPress Archive: Product Archives - end */ /* ----------------------------------------- */