/* GLOBAL -------------------------------------------------------------------------------------------------------------------------------------*/ .clear{ clear: both; } .nobr{ white-space: nowrap; } .info { padding: 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .woocommerce_error, .woocommerce_message { overflow: hidden; margin: 0 0 20px 0; padding: 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .info a, .info a:hover, .woocommerce_error a, .woocommerce_error a:hover, .woocommerce_message a, .woocommerce_message a:hover{ text-decoration: underline; } p.demo_store { position: fixed; top: 0; left: 50%; width: 450px; margin-left: -225px; padding: 8px 0; font-size: 12px; text-align: center; z-index: 999999; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } small.note { display: block; margin-top: 10px; font-size: 11px; line-height: 21px; } .page-title{ display: none; } .woocommerce-cart #sidebar_after_page_content { clear: both; margin-top: 60px; } /* PRODUCT PAGE -------------------------------------------------------------------------------------------------------------------------------------*/ .products ul, ul.products { float: left; margin: 0 0 14px !important; padding: 0 !important; list-style: none; } ul.products { margin-top: 50px !important; } ul.products.pk_clear_top { margin-top: 0 !important; } .products { clear: both; } .products li { display: block; position: relative; overflow: hidden; float: left; margin: 0 20px 20px 0; padding: 0 0 60px 0; width: 180px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .products li a { text-decoration: none; } .products li a img { display: block; margin: 0 auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -ms-interpolation-mode: bicubic; } .products li h3 { display: block; max-width: 250px; width: 150px; margin: 15px 15px 0 15px; word-wrap: break-word; font: normal 18px/24px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Lucida Grande, sans-serif; } .products li .price { display: block; position: relative; overflow: hidden; padding: 0 15px 0 15px; min-height: 40px; font-size: 12px; } .products li.first{ clear: both; } .products li.last{ margin-right: 0; } .products li mark.count { display: block; position: absolute; overflow: hidden; top: 15px; right: 15px; padding: 1px 10px 0 9px; font-size: 14px; font-weight: normal; line-height: 21px; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21); } .products li.pk_products_category { padding-bottom: 0; background-image: none !important; } .products li.pk_products_category h3{ margin-bottom: 15px; } /* Ordering */ .woocommerce_ordering { position: absolute; top: 40px; right: 0; margin: 0; width: 180px; } .woocommerce_ordering select { margin-top: 2px; width: 180px !important; } .pk_ordering { top: 30px; right: 20px; width: 300px; } .pk_ordering select { position: absolute; top: 10px; left: 0; width: 300px !important; z-index: 10; cursor: pointer !important; } .pk_ordering span.pk_select { display: block; position: absolute; left: 0; padding: 10px 15px; width: 270px; z-index: 1; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Product Single Page */ .product{ position: relative; } .product .images { position: relative; overflow: hidden; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .product .images img { display: block; margin: 0 auto; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .product .images .thumbnails { overflow: hidden; margin-bottom: 3px; padding: 0 0 0 1px; } .product .images .thumbnails a { float: left; margin: 1px 1px 1px 0; } .product .images .thumbnails a img{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .product .summary { position: relative; overflow: hidden; margin-top: -3px; padding: 77px 15px 0 15px; z-index: 1; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .product .product_title { display: none; clear: none; margin-bottom: 10px; padding: 0; font-size: 20px; border: none; } .product p.price { position: absolute; top: 15px; right: 15px; padding: 5px 15px; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .product .product_meta, .product .variations_button{ float: none; } .product .product_meta { font-size: 12px; margin-bottom: 25px; } .product .product_meta span { display: block; } /* .product .social{ text-align: right; margin: 0 0 1em; } .product .social span{ margin: 0 0 0 2px; } .product .stButton .chicklets{ padding-left: 16px; width: 0; } .product .social iframe{ float: left; margin-top: 3px; } */ /* Products: Common Elements */ .onsale { position: absolute; top: 0; left: 0; margin: 0 0 0 15px; padding: 5px 15px; font-size: 12px; text-transform: uppercase; z-index: 10; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .product .price del { float: left; margin: 0 6px -5px 0; font-size: 10px !important; } .product .price ins { float: left; border: none; } .product .price .from { display: block; float: left; margin: 5px 6px 0 0; line-height: 10px; font-size: 10px !important; } .product .price .from + del { position: absolute; left: 49px; } .product .price .from + del + ins { clear: both; display: block; } .product .price .from + del{ position: relative; left: auto; } .product p.price .from + del + ins{ clear: none; } p.stock { position: absolute; display: block; top: 20px; float: none; font-size: 12px; padding: 2px 0 0 0; } .out-of-stock{ font-size: 14px; } p.cart{ float: right; } /* PRODUCT PAGE FORM CART -------------------------------------------------------------------------------------------------------------------------------------*/ form.cart { position: relative; margin-bottom: 40px; float: right; width: 100%; clear: both; } .product .cart{ margin: 10px 0 30px 0; } form.cart .quantity { float: left; margin: 0 25px 0 0; } form.cart table { margin-bottom: 15px; font-size: 13px; border: none; } form.cart table td { position: relative; margin-bottom: 1px; padding: 4px 0; text-align: left; border: none; background: none; } form.cart table.quantity { float: none; margin: 0; width: 72px; } form.cart table small.stock { display: block; float: none; margin-top: -3px; font-size: 11px; } form.cart .variations label{ font-weight: bold; } form.cart .variations select { float: left; width: 100%; } form.track_order .form-row { clear: both; padding: 0; width: 100%; } form.track_order input.button{ margin: 10px 0 5px 0; } /* PRODUCT PAGE FORM VARIATIONS -------------------------------------------------------------------------------------------------------------------------------------*/ form.variations_form table { margin: 0; } form.variations_form table td{ padding: 6px 0; } form.variations_form td.value { width: 50%; } form.variations_form .reset_variations { clear: both; display: block; margin: 35px 0 -5px 0; padding-top: 5px; visibility: visible !important; } form.variations_form .single_variation { padding: 15px 0; margin-bottom: 38px; } form.variations_form .single_variation p.stock { position: relative; margin: 0; top: 0; } form.variations_form .single_variation .price { float: right; display: block; font-size: 15px; padding: 0; top: 0; } /* SHOP NAVIGATION -------------------------------------------------------------------------------------------------------------------------------------*/ .navigation { overflow: hidden; font-size: 12px; } .navigation .nav-previous{ float: left; } .navigation .nav-next{ float: right; } /* PRODUCT PAGE TABS -------------------------------------------------------------------------------------------------------------------------------------*/ .woocommerce_tabs { overflow: hidden; clear: both; margin: 20px 0 1em 0; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .woocommerce_tabs ul.tabs { overflow: hidden; margin: 1px 1px 0 1px; padding: 5px 0 0 5px; border-bottom: none !important; list-style: none; zoom: 1; } .woocommerce_tabs ul.tabs li { float: left; margin: 0 1px 0 0; font-size: 13px; } .woocommerce_tabs ul.tabs li:first-child{ border-top: none !important; } .woocommerce_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li:hover { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21); -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21); } .woocommerce_tabs ul.tabs a { float: left; padding: 5px 10px 7px 10px; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .woocommerce_tabs .panel { overflow: hidden; padding: 25px 15px 20px 15px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .woocommerce_tabs .panel h2{ font-size: 18px; } .woocommerce_tabs #tab-customize form { overflow: hidden; padding-bottom: 5px; } .woocommerce_tabs #tab-customize form input[type=text] { margin: 0 0 15px 0; width: 100%; } /* BUTTONS -------------------------------------------------------------------------------------------------------------------------------------*/ a.button, button.button, input[type=submit].button, .button.alt, input[type=submit].button.alt, #review_form #submit, .woocommerce_login_widget input[type=submit] { float: left; margin: 1px 0 0 0; padding: 0 22px; height: 32px; font-size: 13px; line-height: 32px; cursor: pointer; text-decoration: none; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } a.button:hover, button.button:hover, input[type=submit].button:hover, .button.alt:hover, input[type=submit].button.alt:hover, #review_form #submit:hover, .woocommerce_login_widget input[type=submit]:hover{ background-position: 0 -82px; } .ie9 a.button, .ie9 button.button, .ie9 input[type=submit].button, .ie9 .button.alt, .ie9 input[type=submit].button.alt, .ie9 #review_form #submit, .ie9 .woocommerce_login_widget .ie9 input[type=submit]{ line-height:31px; } /* Grid Product Button */ .products li a.button { position: absolute; overflow: hidden; bottom: 15px; right: 15px; margin: 0; padding: 0 15px; height: 25px; font-size: 12px; line-height: 25px; } .products li a.button:hover{ background-position: 0 -25px; } .ie8 .products li a.button{ line-height: 23px; } .ie9 .products li a.button{ line-height: 26px; } /* Cart Button */ td.actions .button { float: right; margin: 0 2px 15px 0; } td.actions .button.alt { clear: both; float: right; margin: 0 0 25px 0; } td.actions .button.alt:hover, #place_order:hover{ background-position: 0 -32px; } td.actions .coupon input.button { position: absolute; top: 1px; right: 0; margin: 0; padding: 0 15px 2px 15px; height: 25px; font-size: 12px; line-height: 25px; } td.actions .coupon input.button:hover{ background-position: 0 -25px; } .ie8 td.actions .coupon input.button{ top: 2px; line-height: 23px; } /* My account Button */ table.my_account_orders .button, .woocommerce_error a.button, .woocommerce_message a.button { float: none; margin: 0; padding: 0; font-size: 12px; height: 18px; line-height: 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:color .2s linear; -moz-transition:color .2s linear; -ms-transition:color .2s linear; -o-transition:color .2s linear; transition:color .2s linear; border: none; background: none; } /* Messages Button */ .woocommerce_error a.button, .woocommerce_message a.button { float: right; margin: 2px; font-size: 13px; background: none; } .woocommerce_error a.button, .woocommerce_error a.button, .woocommerce_error a.button:hover, .woocommerce_message a.button, .woocommerce_message a.button:hover{ text-decoration: underline; } /* REVIEWS - RATING -------------------------------------------------------------------------------------------------------------------------------------*/ #reviews h2 small { float: right; margin: 10px 0 0 0; font-size: 15px; line-height: 21px; } #reviews h2 small a{ text-decoration: none; } #reviews h3{ margin: 0; } #reviews #comment{ height: 75px; } #reviews #comments h2{ margin-bottom: 5px; } #reviews #comments ol.commentlist { overflow: hidden; margin: 0 0 20px 0; zoom: 1; list-style: none; } #reviews #comments ol.commentlist li { position: relative; margin: 0; padding: 15px 0px; } #reviews #comments ol.commentlist li img { float: left; margin: 0 20px 0 0; padding: 0; width: 35px; height: auto; } #reviews #comments ol.commentlist li .comment-text { overflow:hidden; padding: 0; } #reviews #comments ol.commentlist li .comment-text p{ margin: 15px 0 0 0; } #reviews #comments ol.commentlist li .comment-text p.meta { margin: 0; font-size: 12px; } .star-rating { float: right; margin: 10px 0 0 0; } .star-rating span { height: 0; padding-top: 16px; overflow: hidden; float: left; } .comment-text .star-rating { float: none; margin: 0 0 5px 0; width: 80px; height: 16px; } #review_form_wrapper, #review_form { position: relative; clear: both; width: 100%; } #review_form #respond { overflow: hidden; margin: 0; padding: 0; } #review_form #respond h3 { margin: 30px 0 18px 0; padding-bottom: 5px; font-size: 15px; line-height: 20px; text-transform: uppercase; } #review_form #respond textarea{ height: 200px; } #review_form #respond .comment-form-rating{ margin: 5px 0 15px 0 !important; } #review_form #respond .comment-form-rating label{ display: none; } p.stars { overflow: hidden; zoom: 1; } p.stars span { position: relative; float: left; width: 80px; height: 16px; } p.stars span a { position: absolute; overflow: hidden; float: left; left: 0; top: 0; padding-top: 16px; width: 16px; height: 0; } p.stars span a.star-1 { width: 16px; z-index: 10; } p.stars span a.star-2 { width: 32px; z-index: 9; } p.stars span a.star-3 { width: 48px; z-index: 8; } p.stars span a.star-4 { width: 64px; z-index: 7; } p.stars span a.star-5 { width: 80px; z-index: 6; } /* TABLES -------------------------------------------------------------------------------------------------------------------------------------*/ /* Cart Page table */ table.shop_table { overflow: hidden; width: 100%; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } table.shop_table th { padding: 15px; text-align: left; font-size: 12px; border: none; background: none; } table.shop_table thead tr{ border: none; } table.shop_table td { padding: 6px 15px; text-align: left; vertical-align: middle; border: none; background: none; } table.shop_table td.actions { overflow: hidden; padding: 25px 15px 0 15px; text-align: right; background: none; } table.shop_attributes td { margin: 0 !important; padding: 0 0 0 15px; } table.shop_attributes td p { margin: 0 !important; padding: 8px; } table.shop_table tr.shipping select { margin: 0; width: 100%; } table.shop_table tr.shipping ul { margin: 4px 0 0 0; list-style: none; } table.shop_table tr.shipping li{ clear: both; margin: 0 0 4px 0; } table.shop_table tr.shipping li input[type="radio"]{ float: left; margin: 6px 8px 0 0; } table.shop_table tr.shipping li label{ display: block; overflow: hidden; } /* Product Detail Page: Attributes (inside #tabs) table.shop_attributes{ border: 0 !important; } table.shop_attributes th{ margin: 0 !important; width: 150px; padding: 8px; } table.shop_attributes td{ margin: 0 !important; padding: 0 0 0 15px; text-align: left; font-style: italic; } table.shop_attributes td p{ margin: 0 !important; padding: 8px; } table.shop_attributes .alt td, table.shop_attributes .alt th{ background: #000; } */ /* My Account / Order Page table */ table.my_account_orders { overflow: hidden; margin-bottom: 20px; font-size: 12px; line-height: 18px; } table.my_account_orders th, table.my_account_orders td { padding: 6px 15px; vertical-align: middle; word-wrap: break-word; } table.my_account_orders th{ padding: 15px; } table.my_account_orders td a{ display: block; } /* Order Detail / Checkout Page table */ .woocommerce-account table.shop_table{ margin-bottom: 55px; } .woocommerce-account table.shop_table th, #order_review table.shop_table th{ padding: 15px; } .woocommerce-account table.shop_table td, #order_review table.shop_table td{ padding: 6px 15px; } .woocommerce-account table.shop_table tfoot td, #order_review table.shop_table tfoot td { padding: 10px 0; text-align: left; } .woocommerce-account table.shop_table tfoot tr td:first-child, #order_review table.shop_table tfoot tr td:first-child{ text-align: right; } .woocommerce-account table.shop_table tfoot .amount{ font-size: 14px; font-weight: bold; } #order_review table.shop_table tfoot .total strong{ font-size: 15px; } #order_review table.shop_table tfoot .total strong span{ font-size: 15px; font-weight: bold; } .woocommerce-account table.shop_table tfoot td p, #order_review table.shop_table tfoot td p{ margin: 0; } /* CART -------------------------------------------------------------------------------------------------------------------------------------*/ .woocommerce-cart .pk_without_sidebar{ padding-bottom: 20px; } a.remove { display: block; margin: 0 5px 0 15px; width: 16px; height: 16px; text-indent: -9999px; } td.product-remove{ padding: 0 !important; } td.product-thumbnail { padding: 0 5px !important; } td.product-thumbnail img { position:relative; top: 11px; max-width: 40px; height: auto; } td.product-name dl.variation{ margin: 0; } td.product-name dl.variation dt { font-weight: bold; display: inline-block; margin: 0 4px 0 0; padding: 0; } td.product-name dl.variation dd { display: inline; margin: 0 12px 0 0; padding: 0; } td.product-name dl.variation dt:after{ clear: both; } td.product-price, td.product-subtotal{ font-size: 13px; } td.product-subtotal{ padding-right: 15px; } td.actions .coupon { position: relative; float: left; margin: 5px 0 0 0; padding-right: 135px; width: 290px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } td.actions .coupon label{ display: none; } td.actions .coupon input.input-text { margin: 0; padding: 7px 5px; min-width: none; width: 100%; font-size: 12px; line-height: 16px; border: none; background: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ie8 td.actions .coupon, .ie9 td.actions .coupon{ padding-right: 130px; } .quantity { position: relative; width: 57px; height: 37px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); } .quantity input{ margin: 0; } .quantity input.qty { position: absolute; margin: 5px 0 0 5px; padding: 5px 10px; width: 10px; font-size: 13px; min-width: 0 !important; border: none !important; background: none !important; } .quantity input.plus, .quantity input.minus { position: absolute; left: 40px; padding: 0; border: none; width: 20px; height: 19px; cursor: pointer; text-indent: -9999px; z-index: 1; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .quantity input.minus{ top: 19px; } .ie8 .quantity input.plus, .ie8 .quantity input.minus{ border: none !important; } .cart-collaterals { float: right; padding-top: 25px; width: 425px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .cart-collaterals .cart_totals{ margin-bottom: 30px; } .cart-collaterals .cart_totals h2 { display: block; margin-left: 15px; font-size: 26px; } .cart-collaterals .cart_totals p{ margin: 0; } .cart-collaterals .cart_totals table { margin: 0 0 20px 0; padding: 0; } .cart-collaterals .cart_totals tr th, .cart-collaterals .cart_totals tr td { padding: 6px 0; text-align: left; border: none; background: none; } .cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals table td { padding-left: 15px; padding-right: 15px; } .cart-collaterals .cart_totals tr th{ width: 45%; } .cart-collaterals .cart_totals tr.shipping select { margin: 0; width: 100%; } .cart-collaterals .cart_totals tr.shipping ul { margin: 4px 0 0 0; list-style: none; } .cart-collaterals .cart_totals tr.shipping li{ clear: both; margin: 0 0 4px 0; } .cart-collaterals .cart_totals tr.shipping li input[type="radio"]{ float: left; margin: 6px 8px 0 0; } .cart-collaterals .cart_totals tr.shipping li label{ display: block; overflow: hidden; } .cart-collaterals .cart_totals tr.total td { padding: 15px; font-size: 18px; } .cart-collaterals .cart_totals tr.total .amount { font-weight: bold; } .cart-collaterals .cart_totals table small{ display: block; } .cart-collaterals .shipping_calculator{ margin: 0; } .cart-collaterals .shipping_calculator h2 { display: inline-block; position: relative; margin: 0 0 25px 15px; padding-right: 23px; font-size: 22px; } .cart-collaterals .shipping_calculator h2 span { position: absolute; display: block; top: 12px; right: 0; width: 15px; height: 15px; text-indent: -9999px; } .cart-collaterals .shipping_calculator .shipping-calculator-form { overflow: hidden; padding: 0 15px 5px 15px; } .cart-collaterals .shipping_calculator .form-row select { margin-top: 5px; width: 100%; } .cart-collaterals .shipping_calculator button.button{ margin: 0; } .cart-collaterals .related { width: 310px; float: left; } .cart-collaterals .cross-sells { width: 314px; float: left; } /* FORMS -------------------------------------------------------------------------------------------------------------------------------------*/ .form-row{ margin: 0 0 6px 0; } .form-row p { clear: both; margin: 0; } .form-row input.input-text, .form-row textarea { width: 100%; font-size: 12px; } .form-row label { display: block; margin-bottom: 3px; font-size: 12px; } .form-row label.hidden{ visibility: hidden; } .form-row select { width: 60%; margin: 0 0 10px 0; cursor: pointer; } .form-row .required { font-weight: bold; border: none; } .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .form-row label.checkbox{ display: inline; } .form-row-first, .form-row-last { float: left; overflow: visible; width: 48%; } .form-row-last{ float: right; } .ie8 input.input-text, .ie9 input.input-text{ line-height: 16px; } /* LOGIN -------------------------------------------------------------------------------------------------------------------------------------*/ form.login { overflow: hidden; margin: 0; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } form.login .form-row-first, form.login .form-row-last{ width: 48%; margin: 0 !important;} form.login input.input-text{ width: 100%; } form.login .form-row{ margin-top: 10px; } form.login .form-row a { float: left; margin: 8px 0 0 15px; font-size: 13px; } .woocommerce-checkout form.login, #customer_login .col-1 { margin-bottom: 55px; } /* CHECKOUT -------------------------------------------------------------------------------------------------------------------------------------*/ .checkout_coupon .form-row-last { margin-top: -3px; } .checkout #customer_details { position: relative; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkout h3 { margin-bottom: 18px; padding-bottom: 5px; font-size: 15px; line-height: 20px; text-transform: uppercase; } .checkout .form-row, .checkout .form-row input.input-text, .checkout .col-2 .notes textarea{ width: 100%; } .checkout .col-1{ margin-bottom: 30px; } .checkout .col-2{ margin-right: 0; } .checkout .col-2 h3{ margin-top: 0; } .checkout .col-2 .notes { float: none; margin: 0; } .checkout .col-1 .form-row-first, .checkout .col-1 .form-row-last, .checkout .col-2 .form-row-first, .checkout .col-2 .form-row-last{ width: 48%; } .checkout .col-2 .notes textarea{ min-height: 130px; } #shiptobilling { float: right; margin-bottom: 15px; width: auto; } #shiptobilling label{ margin-left: -3px; } #order_review_heading { clear: both; margin-top: 55px; } #payment { overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #payment ul.payment_methods { clear: both; margin: 0; padding: 15px; list-style: none; } #payment ul.payment_methods li { overflow: hidden; margin: 0 0 10px 0; } #payment ul.payment_methods li input{ margin: -3px 0 0 1px; } #payment ul.payment_methods li label { margin-left: 5px; padding: 0; } #payment ul.payment_methods li label img { display: block; margin: 5px 0 0 22px; padding: 0; } #payment .form-row { overflow: hidden; padding: 20px 0; } #payment #place_order { float: right; margin: 5px 15px 0 0; } #payment .cancel{ margin-left: 15px; } #payment .terms { padding: 10px 15px 0 15px; margin: 0; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #payment .terms label.checkbox { margin: 0 5px 0 0; } #payment .terms .input-checkbox { margin: -1px 0 0 0; } #payment .payment_box { position: relative; margin: 15px 0 10px 0; padding: 15px; } #payment .payment_box #cc-expire-month, #payment .payment_box #cc-expire-year { width: 48%; float: left; } #payment .payment_box #cc-expire-year{ float: right; } #payment .payment_box span.help { font-size: 11px; line-height: 13px; font-weight: normal; } #payment .payment_box p, #payment .payment_box .form-row{ margin: 0; } /* ORDER PAGE (THANKYOU PAGE) -------------------------------------------------------------------------------------------------------------------------------------*/ .woocommerce-thankyou .pk_page h2 { clear: both; margin: 50px 0 18px 0; /*55*/ padding-bottom: 5px; font-size: 15px; line-height: 20px; text-transform: uppercase; } ul.order_details { overflow: hidden; margin: 30px 0 33px 0; padding: 15px; list-style: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } ul.order_details li { display: block; padding: 5px 0; } ul.order_details li strong{ margin-left: 5px; } ul.order_details li.method{ border: none; } /* ACCOUNT -------------------------------------------------------------------------------------------------------------------------------------*/ .woocommerce-account .pk_page h2 { clear: both; margin: 0 0 18px 0; /*55*/ padding-bottom: 5px; font-size: 15px; line-height: 20px; text-transform: uppercase; } .woocommerce-account .pk_page p:first-child:not(.form-row){ margin-bottom: 50px; } .addresses { position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 15px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .addresses p{ margin: 0 !important; } .addresses .col-1, .addresses .col-2 { position: relative; float: left; width: 47%; } .addresses .col-2{ float: right; } .addresses .title { overflow: hidden; margin-bottom: 15px; zoom: 1; } .addresses .title h3 { float: left; margin-bottom: 10px; font-size: 15px; line-height: 20px; text-transform: uppercase; } .addresses .title .edit { float: right; margin-top: -1px; } /* Order Detail */ .woocommerce-account mark, .woocommerce-thankyou mark { padding: 0; border: none; } .woocommerce-account dl, .woocommerce-thankyou dl { padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .woocommerce-account dl dt, .woocommerce-thankyou dl dt { float: left; margin-right: 10px; } .woocommerce-account dl dd, .woocommerce-thankyou dl dd { margin: 0 0 5px 0; padding-top: 1px; } /* RELATED PRODUCTS -------------------------------------------------------------------------------------------------------------------------------------*/ .related.products{ margin-top: 55px; } .related.products h2 { margin-bottom: 18px; padding-bottom: 5px; font-size: 15px; line-height: 20px; text-transform: uppercase; } /* OTHERS -------------------------------------------------------------------------------------------------------------------------------------*/ td.alignright { float: none; /*right*/ margin: 0; } /* QUERIES -------------------------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 959px) { .woocommerce_tabs ul.tabs{ padding: 0; } .woocommerce_tabs ul.tabs li{ float: none; margin: 0; } .woocommerce_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li:hover { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .woocommerce_tabs ul.tabs a{ display: block; float: none; padding: 5px 15px; } .star-rating{ float: none; margin-top: -5px; } .star-rating + h2{ clear: both; display: block; padding-top: 25px; } .comment-text .star-rating{ position: relative; bottom: 0; } table.my_account_orders th:nth-child(1), table.my_account_orders td:nth-child(1), table.my_account_orders th:nth-child(2), table.my_account_orders td:nth-child(2){ display: none; } } /* Tablet (portrait and landscape) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .products li{ float: none; width: 400px; margin-right: 0; padding: 0; background-image: none !important; } .products li a img { float: left; top: 0; margin: 15px; width: 160px; border-bottom: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } .products li .onsale{ left: 15px; } .products li h3{ overflow: hidden; margin-bottom: 5px; padding-bottom: 3px; width: auto; } .products li .price{ overflow: hidden; margin: 0; padding: 0; min-height: auto; } .products li .price del{ float: none; display:block; margin: 0 0 -5px 0; } .products li .price ins{ float: none; } .products li .price .from{ display: block; float: none; margin: 6px 6px 0 0; line-height: 10px; } .products li .price .from + del { position: relative; left: 0; } .pk_call_to_action_content .woocommerce_ordering { width: 240px; } .pk_call_to_action_content .woocommerce_ordering select { width: 240px !important; } .pk_call_to_action_content .woocommerce_ordering span.pk_select { padding: 10px 15px; width: 210px; } } /* Mobile */ @media screen and (max-width: 767px) { .products li{ float: none; width: 260px; margin-right: 0; } .products li a img{ width: 100%; } .woocommerce_ordering { top: 25px; left: 20px; right: auto; width: 260px; } .woocommerce_ordering select { width: 260px !important; } .pk_ordering { position: relative; top: 0; left: 0; right: auto; margin-top: 20px; width: 260px; height: 40px; } .pk_ordering select { width: 260px !important; } .pk_ordering span.pk_select { width: 230px; text-align: left; } .product p.price { position: absolute; top: 15px; right: auto; left: 15px; } p.stock { position: relative; top: 0; } form.variations_form .single_variation{ text-align: center; } form.variations_form .single_variation .price{ display: inline-block; float: none; } .woocommerce-cart th.product-thumbnail, .woocommerce-cart td.product-thumbnail, .woocommerce-cart th.product-price, .woocommerce-cart td.product-price, .woocommerce-cart th.product-quantity, .woocommerce-cart td.product-quantity{ display: none; } .woocommerce-cart td.actions .coupon{ width: 230px; margin-bottom: 30px; } .woocommerce-cart .cart-collaterals{ width: 100%; margin: 0; } .woocommerce-checkout table.shop_table tfoot td{ padding-right: 15px !important; } table.my_account_orders th:nth-child(4), table.my_account_orders td:nth-child(4){ display: none; } .form-row-first, .form-row-last{ float: left; width: 100%; } .form-row label.hidden{ display: none; } form.login .form-row-first, form.login .form-row-last{ width: 100%; } .checkout_coupon .form-row-last{ margin-bottom: 20px; } .checkout_coupon .form-row-last .button{ float: right; } .checkout .col-1 .form-row-first, .checkout .col-1 .form-row-last, .checkout .col-2 .form-row-first, .checkout .col-2 .form-row-last{ width: 100%; } #shiptobilling{ float: none; } .addresses .col-1, .addresses .col-2{ float: none !important; width: 100%; margin: 0; } .addresses .col-1{ margin-bottom: 30px; } } /* Mobile Landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) { .products li{ float: none; width: 420px; margin-right: 0; padding: 0; background-image: none !important; } .products li a img { float: left; top: 0; margin: 15px; width: 160px; border-bottom: none !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } .products li .onsale{ left: 15px; } .products li h3{ overflow: hidden; margin-bottom: 5px; padding-bottom: 3px; width: auto; } .products li .price{ overflow: hidden; margin: 0; padding: 0; } .products li .price del{ float: none; display:block; margin: 0 0 -5px 0; } .products li .price ins{ float: none; } .products li .price .from{ display: block; float: none; margin: 6px 6px 0 0; line-height: 10px; } .products li .price .from + del { position: relative; left: 0; } .woocommerce_ordering { left: auto; right: 20px; width: 180px; } .woocommerce_ordering select { width: 180px !important; } .pk_ordering { position: relative; top: 0; left: 0; right: auto; margin-top: 20px; width: 420px; height: 40px; } .pk_ordering select { width: 420px !important; } .pk_ordering span.pk_select { width: 390px; } form.variations_form .single_variation{ text-align: left; } form.variations_form .single_variation .price{ display: block; float: right; } .woocommerce-cart td.actions .coupon{ width: 390px; } #shiptobilling{ float: right; } }