????
Current Path : /home2/morganrand/backup.morganrand.com/wp-content/themes/wanderfuls/css/ |
Current File : /home2/morganrand/backup.morganrand.com/wp-content/themes/wanderfuls/css/tb-woocommerce.css |
/*-------------------------------------------------------------- Project : Wanderfuls WordPress Theme Purpose : WooCommerce Tweaks Author : TechBooth Theme URI : http://www.techbooth.in /*------------------------------------------------------------------ /*------------------------------------------------------------------ [Font Smoothing] -------------------------------------------------------------------*/ .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce ul.products li.product .added_to_cart:after, .return-to-shop .button.wc-backward:before, .woocommerce .widget_shopping_cart_content .buttons .button:after, .woocommerce div.product form.cart .variations .reset_variations:before, .wcmenucart .fa { font-weight: normal; font-style: normal; letter-spacing: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------------------------------------------------ [Header Cart] -------------------------------------------------------------------*/ .wcmenucart:after { display: none !important } .wcmenucart .fa { margin: 0 !important } .wcmenucart-details { margin-left: 8px } .wcmenucart-details.count { display: inline-block; position: relative; top: -6px; } .header-two .wcmenucart-count .wcmenucart-details { top: 0; } body a.wcmenucart.wcmenucart-empty-cart .fa { margin-right: 0 } .wcmenucart-text { display: none; } /* Header Cart > Vertical Menu */ @media only screen and ( min-width: 960px ) { body.tb-has-vertical-header .wcmenucart-text { display: inline-block; padding-left: 20px; } body.tb-has-vertical-header .wcmenucart-count .wcmenucart-details { top: 0; } } /*------------------------------------------------------------------ [Globals] -------------------------------------------------------------------*/ /* price color */ .price, .amount { color: #8db830 } .price del, del .amount { color: #555 !important } .woocommerce del { opacity: .5 } /* ins */ .woocommerce ins { text-decoration: none } /* star ratings*/ .woocommerce p.stars a, .woocommerce .star-rating { font-size: 1em; color: #F9CA63; } .woocommerce .star-rating:before { color: #dedede } /* quantity arrows */ .quantity.buttons_added input { -webkit-appearance: none !important } .quantity.buttons_added { position: relative; overflow: hidden; zoom: 1; border: 1px solid #e4e4e4; float: left; } .quantity.buttons_added input[type=number] { float: left; height: 24px; line-height: 24px; -moz-appearance: textfield; } .quantity.buttons_added .minus, .quantity.buttons_added .plus, .quantity.buttons_added .qty { display: block; float: left; height: 24px; width: 24px; line-height: 24px; border: 0; margin: 0; padding: 0; text-align: center; vertical-align: middle; font-size: 0.923em; color: #777; cursor: pointer; outline: none; } .quantity.buttons_added .minus, .quantity.buttons_added .qty { border-right: 1px solid #e4e4e4 } .quantity.buttons_added .plus, .quantity.buttons_added .minus { background: #f7f7f7 } .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { background: #f5f5f5; color: #000; } .quantity.buttons_added input::-webkit-outer-spin-button, .quantity.buttons_added input::-webkit-inner-spin-button { display: none } /* columns */ .col2-set:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } /* border colors */ .woocommerce-checkout #payment ul.payment_methods, .woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .order_details, .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals h2, .woocommerce .cart-collaterals h2, .woocommerce ul.order_details, .woocommerce .shop_table.order_details tfoot th, .woocommerce .shop_table.customer_details th, .woocommerce-checkout #payment ul.payment_methods, .woocommerce .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2 { border-color: #eee } /*------------------------------------------------------------------ [Buttons] -------------------------------------------------------------------*/ /* Button > Main */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart { color: #fff; padding: .8em 1em; margin: 0; display: inline-block; font-size: 0.923em; font-weight: normal; color: #fff; outline: none; cursor: pointer; outline: none; border: none; font-family: inherit; -webkit-appearance: none; line-height: 1; transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-font-smoothing: inherit; } /* Button > Hover */ .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce ul.products li.product .added_to_cart:hover { color: #fff; text-decoration: none; } /* Button > Loading*/ .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 1; padding-right: 1em; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { font-family: "FontAwesome"; content: "\f021"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: inherit; top: auto; right: auto; margin-left: .53em; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; color: inherit; opacity: 1; } /* Button > Added to cart */ .woocommerce ul.products li.product .added_to_cart:after { font-family: "FontAwesome"; content: "\f07a"; margin-left: .53em; vertical-align: bottom; } /* Button > Alt */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; -webkit-font-smoothing: inherit; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff } /* Button > Disabled */ .woocommerce button.disabled, .woocommerce button.alt:disabled { background: #777 !important } /* Button > Return to shop */ .return-to-shop .button.wc-backward:before { font-family: "FontAwesome"; content: "\f053"; margin-right: 8px; } /*------------------------------------------------------------------ [Store] -------------------------------------------------------------------*/ /* store > add negative margins to shop for bootstrap style grid */ .woocommerce .products ul, .woocommerce ul.products { margin: 0 -10px } /* store > ordering & sorting */ .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 10px 30px 0 } .woocommerce .woocommerce-ordering { margin: 0; float: left; margin-bottom: 20px; } .woocommerce .woocommerce-ordering select { vertical-align: top } .woocommerce .woocommerce-result-count { display: block; float: left; color: #555; font-size: 1em; height: 34px; line-height: 34px; padding: 0 1em; border: 1px solid #ddd; margin-right: 10px; } .woocommerce .woocommerce-result-count span.strong { color: #000; font-weight: bold; font-weight: 600; } .woocommerce .woocommerce-ordering .orderby, .woocommerce .woocommerce-ordering .orderby span { width: auto !important } /* store > pagination */ .woocommerce nav.woocommerce-pagination ul { display: block; border: none; margin: 0; } .woocommerce nav.woocommerce-pagination ul li { display: block; border-right: none; margin: 0 4px 4px 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.4em 0.7em; font-size: 0.923em; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #f7f7f7; color: #000; } /*------------------------------------------------------------------ [Notices] -------------------------------------------------------------------*/ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: #f7f7f7; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 15px 15px 40px !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 15px; left: 15px; } /* notices > error */ .woocommerce .woocommerce-error:before { font-family: "FontAwesome"; content: "\f071"; } /* notices > success */ .woocommerce .woocommerce-message:before { font-family: "FontAwesome"; content: "\f00c"; } /* notices > info */ .woocommerce .woocommerce-info:before { font-family: "FontAwesome"; content: "\f05a"; } /* notices > buttons */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { padding: .75em 1.4em } /*------------------------------------------------------------------ [Product Entries] -------------------------------------------------------------------*/ /* product entry > main */ .woocommerce .products .product { overflow: hidden; padding-bottom: 20px; } .woocommerce .products .product-inner { position: relative; text-align: center; } /* product entry > img */ .woocommerce ul.products li.product a img { margin: 0 } /* product entry > featured image */ .woocommerce ul.products li.product a img.woo-entry-image-main { display: block; margin: 0 auto 20px; } /* product entry > image swap */ .woo-entry-image-swap { position: relative; overflow: hidden; margin-bottom: 20px; } .woo-entry-image-swap img { -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; width: 100%; overflow: hidden; } .woo-entry-image-swap .woo-entry-image-main { margin-bottom: 0 !important; z-index: 2; position: relative; } .woo-entry-image-swap .woo-entry-image-secondary { z-index: 1; position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; } .woo-entry-image-swap:hover .woo-entry-image-main { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; } /* product entry > slider */ .woo-product-entry-slider { margin-bottom: 20px } .woo-product-entry-slider .sp-arrow { height: 40px; width: 25px; line-height: 40px; font-size: 1.077em; background: rgba(0,0,0,.3); } .woo-product-entry-slider .sp-arrow:hover { background: rgba(0,0,0,1) } .woo-product-entry-slider.tb-slider .sp-buttons { left: auto; right: 0; top: 0; padding: 10px; } /* product entry > title */ .woocommerce ul.products li.product h3 { font-size: 16px; font-weight: normal; font-weight: 400; margin: 0; padding: 0; } .woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product h3:hover mark { color: #000 } /* product entry > onsale stag */ .woocommerce span.onsale { z-index: 9; color: #fff; font-size: 0.923em; padding: .6em .8em; line-height: 1; text-transform: uppercase; font-weight: normal; position: absolute; text-align: center; top: 15px; left: 15px; margin: 0; background: #ed4039; min-height: 0; min-width: 0; border-radius: 0; -webkit-font-smoothing: inherit; } .woocommerce ul.products li.product .onsale { top: 15px; left: 15px; margin: 0; right: auto; } .woocommerce ul.products li.product.outofstock .onsale { display: none } /* product entry > out of stock */ .woocommerce ul.products li.product.outofstock .outofstock-badge { z-index: 9; color: #fff; font-size: 0.923em; padding: .6em .8em; line-height: 1; font-weight: normal; position: absolute; text-align: center; top: 15px; left: 15px; margin: 0; background: #000; background: rgba( 0,0,0, 0.75 ); } /* product entry > star ratings */ .woocommerce ul.products li.product .star-rating { float: none; display: block; margin: 10px auto 0; } /* product entry > price */ .woocommerce ul.products li.product .price { display: block; font-size: 1.231em; font-weight: bold; font-weight: 600; text-align: center; margin: 10px 0 0; color: #444; } .woocommerce ul.products li.product .price .amount { color: #444 } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { font-weight: bold; font-weight: 600; display: inline-block; text-decoration: none; } .woocommerce ul.products li.product .price del .amount { font-size: 0.846em; font-weight: normal; text-decoration: line-through; } /* product entry > button */ .woocommerce ul.products li.product .button { margin: 10px auto 0; display: inline-block; float: none; } .woocommerce ul.products li.product .added_to_cart { margin: 10px auto 0 } .woocommerce ul.products li.product .button.added { display: none !important } .woocommerce-cart .woocommerce ul.products li.product .button { display: none } /*------------------------------------------------------------------ [Single Product] -------------------------------------------------------------------*/ /* Single > Title */ .woocommerce div.product .product_title { margin: 0 } /* Single > Images */ .woocommerce div.product div.images { float: left; width: 52%; margin-bottom: 0; } /* Single > Variation Thumbs */ .product-variation-thumbs { margin: 0 -3px } .product-variation-thumbs a { display: block; float: left; cursor: pointer; height: auto; width: 20%; padding: 3px; margin: 0; } /* Single > Summary */ .woocommerce div.product div.summary { float: right; width: 44%; margin-bottom: 2em; } /* Single > Price */ .woocommerce div.product form.cart { padding: 20px 0; margin: 0; } .woocommerce div.product div.summary .price { font-size: 1.615em } .woocommerce div.product div.summary ins, .woocommerce div.product div.summary del { display: inline } .woocommerce div.product div.summary ins { text-decoration: none } .woocommerce div.product div.summary del { font-size: 0.667em; color: #444; margin-right: 5px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: normal } /* Single > Rating */ .woocommerce div.product .woocommerce-product-rating { margin: 0 0 10px } /* Single > Cart Button */ .woocommerce div.product div.summary .single_add_to_cart_button { text-transform: uppercase; font-weight: bold; font-weight: 600; height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; letter-spacing: 0.5px; font-size: 0.923em; } .woocommerce div.product div.summary .single_add_to_cart_button .fa { margin-left: 8px } /* Single > Quantity */ .woocommerce div.product form.cart div.quantity { float: left; margin-right: 10px; } .woocommerce div.product form.cart div.quantity .minus, .woocommerce div.product form.cart div.quantity .plus, .woocommerce div.product form.cart div.quantity .qty { height: 34px; line-height: 34px; width: 34px; -moz-appearance: textfield; } .woocommerce div.product form.cart div.quantity .qty { width: 45px } /* Single > Variations */ .woocommerce div.product form.cart .variations label { color: #000; font-weight: bold; font-weight: 600; } .woocommerce div.product form.cart .variations td.label { padding: 0 0 10px; width: 20%; } .woocommerce div.product form.cart .variations td.value { padding: 0 0 10px } .woocommerce div.product form.cart .variations .reset_variations { display: block; float: left; margin-top: 10px; font-size: 0.923em; color: #989898; font-weight: normal; border: 2px solid #ededed; padding: 3px 10px; border-radius: 3px; text-decoration: none; } .woocommerce div.product form.cart .variations .reset_variations:before { display: inline-block; font-family: 'FontAwesome'; content: "\f00d"; margin-right: 5px; } .woocommerce div.product form.cart .variations .reset_variations:hover { color: #000 } .woocommerce div.product form.cart .variations .reset_variations:hover:before { color: red } .single_variation { display: block; float: left; margin-bottom: 10px; } .variations_button { clear: both } /* Single > Meta */ .product_meta { clear: both; font-size: 12px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; color: #787878; } .product_meta span { display: block } .sku_wrapper { font-weight: bold; font-weight: 600; color: #000; } .sku_wrapper span { display: inline; font-weight: 400; color: #555; } .product_meta .posted_in, .product_meta .tagged_as { font-weight: bold; font-weight: 600; color: #000; } .product_meta .posted_in a, .product_meta .tagged_as a { font-weight: 400 } .product_meta span.sku { display: inline } /* Single > Tabs */ .woocommerce div.product .woocommerce-tabs { padding-top: 20px; clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 0 0 30px; border-bottom: 1px solid #e4e4e4; height: 41px; overflow: visible; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; float: left; height: 40px; line-height: 40px; position: relative; z-index: 0; margin: 0 20px 0 0; border: none; border-radius: 0; padding: 0; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; margin: 0; padding: 0; background: none; color: #777; font-weight: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #333; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { z-index: 2; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #000; font-weight: bold; font-weight: 600; position: relative; margin-bottom: -1px; border-bottom: 2px solid transparent; } .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce-tabs .panel h2 { margin: 20px 0 } /* Single > Additional Info */ .woocommerce table.shop_attributes th { color: #000; font-weight: 600; } /* Single > Social Share */ .woocommerce.single-product .social-share-title.theme-heading { font-size: 1.313em; } .woocommerce.single-product .social-share-title.theme-heading span.text:after { display: none } /* Single > Comments */ .woocommerce #reviews h3 { margin: 0 0 20px } #reviews #commentform label { margin: 0 0 10px } .woocommerce #review_form #respond p { padding: 0; margin: 0 0 15px; } #reviews .comment-form-author input, #reviews .comment-form-email input { width: 100% } .woocommerce #reviews #commentform p.stars a { border-color: #ddd } /* Single > Comments > Entries */ .woocommerce #reviews #comments ol.commentlist { margin: 25px 0 -25px; position: relative; } .woocommerce #reviews #comments ol.commentlist li { border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 25px; } .woocommerce #reviews #comments ol.commentlist li .description p:last-child { margin: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: none; padding: 0; margin: 0 0 0 80px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { border: 1px solid #e4e4e4; padding: 3px; background: none; width: 54px; height: 54px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 1.077em; font-weight: bold; font-weight: 600; color: #000; } /*------------------------------------------------------------------ [Categories] -------------------------------------------------------------------*/ .woocommerce .term-description { margin-bottom: 40px } .woocommerce .term-description p:last-child { margin-bottom: 0 } .woocommerce ul.products li.product-category a img { margin-bottom: 20px } .woocommerce ul.products li.product h3 { margin: 0; font-size: 1.231em; } .products .product-category { text-align: center } .products .product-category img { display: block; margin: 0 auto; } .products .product-category mark { background: none } /*------------------------------------------------------------------ [Widgets] -------------------------------------------------------------------*/ /* Widgets > Filter */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #eee; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #8db830 } .woocommerce .widget_price_filter .price_slider_amount { font-weight: bold; font-weight: 600; font-size: 1em; } .woocommerce .widget_price_filter .price_slider_amount .price_label { float: left; padding: 0; height: 24px; line-height: 24px; color: #888; text-align: left; } .woocommerce .widget_price_filter .price_slider_amount .from, .woocommerce .widget_price_filter .price_slider_amount .to { color: #555 } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; font-size: 0.923em; padding: 0 1.2em; height: 24px; line-height: 24px; } /* Widgets > Cart & Products */ .woocommerce ul.product_list_widget { margin: 0 !important } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: normal } .woocommerce ul.product_list_widget li .remove { display: none } .woocommerce ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { position: relative; border-bottom: 1px solid #eee; clear: both; padding: 10px 0 10px 70px; margin: 0; min-height: 70px; } .woocommerce ul.product_list_widget li:first-child, .woocommerce .widget_shopping_cart .cart_list li:first-child, .woocommerce.widget_shopping_cart .cart_list li:first-child { border-top: 1px solid #eee } .woocommerce ul.product_list_widget li.empty { min-height: 0; margin: 0; border: none; padding: 10px 0 0; color: #898989; text-align: center; } .woocommerce ul.product_list_widget li img { width: 50px; height: 50px; position: absolute; top: 10px; left: 0; } .woocommerce ul.product_list_widget li img:hover { opacity: 0.8 } .woocommerce ul.product_list_widget li .quantity { display: block; margin: 5px 0 0; color: #bcbcbc; line-height: 1em; } .woocommerce .widget_shopping_cart_content .buttons { margin: 0; padding-top: 10px; } .woocommerce .widget_shopping_cart_content .buttons .button { float: left; width: 49%; text-align: center; padding-top: 0.75em; padding-bottom: 0.75em; } .woocommerce .widget_shopping_cart_content .buttons .checkout { float: right } .woocommerce .widget_shopping_cart_content .buttons .wc-forward:after, .woocommerce .widget_shopping_cart_content .buttons .checkout:after { font-family: "FontAwesome"; margin-left: 8px; } .woocommerce .widget_shopping_cart_content .buttons .wc-forward:after { content: "\f07a" } .woocommerce .widget_shopping_cart_content .buttons .checkout:after { content: "\f054" } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { font-size: 1.077em; margin: 0; border-top: none; padding-top: 15px; color: #000; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { display: block; margin: 5px 0; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { display: none } /* Widgets > Search */ .woocommerce-product-search label { display: none } .woocommerce-product-search input { padding-top: 0; padding-bottom: 0; height: 36px; line-height: 36px; } .woocommerce-product-search input[type="search"] { width: 73%; margin: 0; float: left; } .woocommerce-product-search input[type="submit"] { width: 25%; text-align: center; margin: 0; float: right; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* Widgets > Product Categories */ .widget_product_categories li { position: relative; padding-right: 20px; } .widget_product_categories .count { color: #999; font-size: 0.846em; margin-left: 5px; } /*------------------------------------------------------------------ [Cart] -------------------------------------------------------------------*/ /* Cart > Paddings */ .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 0.8em } /* Cart > Table */ .woocommerce table.shop_table { border-radius: 0 } .woocommerce table.shop_table thead { background: #f7f7f7 } .woocommerce table.shop_table thead th { color: #444; font-weight: bold; font-weight: 600; } /* Cart > Remove */ .woocommerce table.shop_table .product-remove { text-align: center } .woocommerce table.shop_table a.remove { display: inline; display: inline-block; background: no-repeat; color: #bcbcbc !important; } .woocommerce table.shop_table a.remove:hover { color: red !important } /* Cart > Variations */ .woocommerce td.product-name dl.variation dt { font-weight: bold; font-weight: 600; color: #444; } /* Cart > Actions */ .woocommerce-cart table.cart td.actions input { padding-top: 0; padding-bottom: 0; height: 32px; line-height: 32px; padding: 0 1.5em; } .woocommerce-cart table.cart td.actions .coupon .input-text { line-height: 32px; padding: 0 .8em; margin: 0 8px 0 0; } .woocommerce-cart table.cart td.actions input[name="update_cart"] { float: right } .woocommerce-cart table.cart td.actions .coupon { float: left } .woocommerce-cart table.cart td.actions .coupon .input-text { border-color: #e4e4e4 } .woocommerce-cart table.cart td.actions .coupon label { display: none } /* Cart > Collaterals */ .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100% } .woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before { content: " "; display: table; } .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after { clear: both } .woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { width: 30.75%; float: left; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 48%; float: left; padding: 0 20px; border-width: 1px; border-style: solid; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right; } .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce .cart-collaterals .shipping_calculator:before, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:before { content: " "; display: table; } .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:after { clear: both } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47% } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; padding: 0 20px 20px; border-width: 1px; border-style: solid; } .woocommerce .cart-collaterals h2 { background: #f7f7f7; border-bottom: 1px solid #eee; margin: 0 -20px 20px; padding: 0.8em 20px; font-size: 1.077em; font-weight: bold; font-weight: 600; color: #444; text-align: center; } .woocommerce .cart-collaterals .products .product { margin-bottom: 0 } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100% } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 0.8em 0 } .woocommerce form .form-row { padding: 3px 0 } .woocommerce-cart .cart-collaterals .cart_totals table th { font-weight: bold; font-weight: 600; color: #444; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th { padding-top: 0 } .woocommerce-cart .cart-collaterals .cart_totals .order-total th, .woocommerce-cart .cart-collaterals .cart_totals .order-total td { border-bottom: 1px solid #eee } .woocommerce-cart .cart-collaterals .cart_totals .button[name="calc_shipping"] { width: 100%; margin-top: 10px; margin-bottom: 5px; } .woocommerce-cart .wc-proceed-to-checkout { padding-bottom: 0 } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0 } /*------------------------------------------------------------------ [Checkout] -------------------------------------------------------------------*/ /* Checkout > Border Colors */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: transparent; margin: 20px 0; padding: 0; border-radius: 0; } /* Checkout > Coupon Code */ .woocommerce form.checkout_coupon .form-row-first { width: 68%; float: left; } .woocommerce form.checkout_coupon .form-row-last { width: 30%; float: right; } .woocommerce form.checkout_coupon input { width: 100%; border-radius: 0; padding-top: 0; padding-bottom: 0; height: 36px; line-height: 36px; } .woocommerce form.checkout_coupon p { margin: 0 } /* Checkout > Button */ .woocommerce a.button.checkout-button { font-size: 1.083em } /* Checkout > Columns */ .woocommerce .woocommerce-checkout .col2-set .col-1 { float: left; width: 48%; } .woocommerce .woocommerce-checkout .col2-set .col-2 { float: right; width: 48%; } /* Checkout > Addresses */ .woocommerce .woocommerce-checkout #customer_details h3 { margin: 0 0 20px } .woocommerce .woocommerce-checkout #customer_details p.form-row label { margin: 0 0 5px; display: block; } .woocommerce .woocommerce-checkout #customer_details p.form-row label.checkbox { display: inline; display: inline-block; } /* Checkout > Your Order */ .woocommerce table.shop_table.woocommerce-checkout-review-order-table { float: left; width: 48%; } .woocommerce-checkout-payment { float: right; width: 48%; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: bold; font-weight: 600; color: #444; border-color: #eee; } .woocommerce table.shop_table tfoot td { font-weight: normal } .woocommerce-checkout-review-order-table tfoot th { border-right: 1px solid #eee; background: #f7f7f7; } .woocommerce-checkout #payment { border: 1px solid #eee; background: #f7f7f7; border-radius: 0; } .woocommerce-checkout #payment div.payment_box { background: #fff } .woocommerce-checkout #payment div.payment_box:after { border-bottom-color: #fff } .woocommerce-checkout #place_order { width: 100%; font-size: 1.077em; padding: 0.9em; } .woocommerce-checkout .form-row.place-order { margin: 0 } /* Checkout > Returning Customer Form */ .woocommerce form.login .lost_password { margin: 0 } .woocommerce-checkout form.login label.inline { padding-left: 10px } /*------------------------------------------------------------------ [Checkout & Order Received] -------------------------------------------------------------------*/ .woocommerce ul.order_details { border: 1px solid #eee; padding: 20px; margin: 0 0 20px; } .woocommerce ul.order_details li { border-color: #ddd } .product-quantity { font-weight: normal; color: #bcbcbc; } .woocommerce .shop_table.order_details tfoot th, .woocommerce .shop_table.customer_details th { border-right: 1px solid #eee; background: #f7f7f7; font-weight: bold; font-weight: 600; color: #444; } /* Checkout > Addresses */ .woocommerce .col2-set.addresses { text-align: center } .woocommerce .col2-set.addresses h3 { margin: 0 0 10px } .woocommerce address { margin: 0 } .woocommerce .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2 { float: left; width: 48%; padding: 20px; border: 1px solid #eee; } .woocommerce .col2-set.addresses .col-2 { float: right } /*------------------------------------------------------------------ [Account Page] -------------------------------------------------------------------*/ p.myaccount_user { padding: 20px; border: 1px solid #eee; } .woocommerce table.my_account_orders { font-size: 0.923em } .woocommerce .order-info mark { background: none; color: #444; font-weight: bold; font-weight: 600; text-decoration: underline; } .my_account_orders .button.view { padding: 0.5em 0.95em } /*------------------------------------------------------------------ [Header Shop Widget] -------------------------------------------------------------------*/ /* Header Shop Widget > Dropdown */ #current-shop-items-dropdown { position: absolute; top: 100%; right: 0; background: #fff; z-index: 10000; padding: 10px 20px 20px; border-top: 3px solid transparent; box-shadow: 0 2px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.1); max-height: 350px; width: 260px; overflow-y: auto; visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #current-shop-items-dropdown.show { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .boxed-main-layout #current-shop-items-dropdown { right: 30px } #current-shop-items-dropdown .widgettitle { display: none !important } #current-shop-items-dropdown li:first-child { border-top: none } /* Header Shop Widget > Overlay */ #current-shop-items-overlay { display: none; top: 120px; background: #fff; margin: 0; padding: 25px; overflow: hidden; border-radius: 4px; width: 400px; box-shadow: 0 0 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.7); z-index: 99999; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; } #current-shop-items-overlay.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #current-shop-items-overlay .widgettitle { display: none !important } #current-shop-items-overlay li:first-child { border-top: 0; } #current-shop-items-overlay li.empty { padding: 0; color: #000; font-weight: bold; font-weight: 600; border: none; } /*position the cart icon far right on nav 2*/ .navbar-style-two li.woo-menu-icon { float: right } .navbar-style-two li.woo-menu-icon { border-left: 1px solid #eee } /*------------------------------------------------------------------ [Accents] -------------------------------------------------------------------*/ /* Accent > #4a97c2 > Background */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #4a97c2 } /* Accent > #4a97c2 > Color */ .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 mark { color: #4a97c2 } /* Accent > #3b86b0 > Background */ .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #3b86b0 } /* Accent > #3b86b0 > Border */ #current-shop-items-dropdown { border-top-color: #3b86b0 } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom-color: #3b86b0 }