/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Caravans Search - start */ /* ----------------------------------------- */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; transition: border linear 0.2s,box-shadow linear 0.2s; width: 100%; } .search-form {border: 1px solid #2991d6; padding: 5px;} .top-bit {background-color: #2991d6; color: white; text-align: center; padding-left: 2px; padding-right: 2px;} .top-bit h4, .h4 {color: white; margin-top: 0px;} .search-form h6, .h6 {margin-top: -10px; margin-bottom: -20px; } .controls2 { height: 70px; border: 0 solid #000; padding-bottom: 5px;} div.search-form ul { list-style-type: none; margin: 0; } div.search-form li { width: 99%; float: left; list-style: none; } .stacko {width: 33.3%; margin-left: 0px; margin-right: 0px; float: left; padding-bottom: 5px;} .inner-stacko {padding-left: 5px; padding-right: 5px;} .stako-border { border: 1px solid #ddd; padding-bottom: 3px;} .post-link {height: 50px; overflow: hidden;} h2, .h2 { margin-top: 0; } ul { overflow: hidden; } .image-class {width: 100%;} table th, table td { border-top: 0px solid #ddd; } .product-notice { position: relative; top: -160px; left: 20px; display: block; width: 300px; height: 30px; line-height: 12px; text-align: center; text-transform: uppercase; color: #fff; background-color: #ff2f17; z-index: 999; text-align: center; border-radius: 50%; width: 50px; height: 50px; padding-top: 10px; font-size: 10px; overflow: hidden; } .images {height: 200px;} h2, .h2 { margin-top: 0; } .filter-table { float: left; width: 75%;} .controls {border: 1px solid #ddd; padding:40px;} .texty-bit {height: 150px; padding: 3px;} @media screen and (max-width: 1280px) {.texty-bit {height: 200px;} .images {height: 200px;}} @media screen and (max-width: 1140px) {.images {height: 180px;} .product-notice {top: -140px;} .images {height: 180px;}} @media screen and (max-width: 990px) {.stacko {width: 33.33%;} .texty-bit {height: 180px;} li { display: inline-block; list-style-type: none; padding-right: 20px; } .filter-table { float: left; width: 100%;} .other-filters {float: left; width: 100%;} .controls {border: 0px solid #ddd; padding:10px;} [type="submit"] { border-radius: 0.25em; float: right; margin-bottom: 10px; } .texty-bit {height: 180px;} .images {height: 140px;} .images {height: 220px;}} @media screen and (max-width: 800px) { .images {height: 180px;}} @media screen and (max-width: 640px) {.stacko {width: 50%;} .texty-bit {height: 150px;} .controls {padding:0px;} .images {height: 210px;} .product-notice {top: -140px;} } @media screen and (max-width: 460px) {.stacko {width: 100%;} .texty-bit {height: 150px;} .images {height: 290px;} .product-notice {top: -280px;}} @media screen and (max-width: 400px) {.stacko {width: 100%;} .texty-bit {height: 150px;} .images {height: 260px;} .product-notice {top: -160px;} } /* ----------------------------------------- */ /* View: Caravans Search - end */ /* ----------------------------------------- */