0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
beatlesmontreal.com
/
wp-contentebbd3f
/
plugins
/
wptouch-pro
/
themes
/
mobilestore
/
mobilestore
/
default
/
[
Home
]
File: style.css
/* MobileStore CSS */ /* Responsive styles can be applied via the '.smartphone', '.tablet', '.portrait' & '.landscape' classes respectively. These classes are automatically applied to the body tag. */ /* @group Global */ * { -webkit-text-shadow: none !important; text-shadow: none !important; } *, *:before, *:after { box-sizing: inherit; } body [class^="wptouch-icon-"]::before, body [class*=" wptouch-icon-"]::before { width: 1em; } html { font-family: sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-wrapper { background-color: #eaeaed; left: 0; right: 0; padding-bottom: 0; } #content { position: relative; padding: 0; padding: 4px; overflow: hidden; min-height: 420px; } .tablet.single-product #content { margin: 0 40px; } .tablet.portrait.single-product #content { margin: 0 10px; } .demo_store { background-color: #fffae2; margin: 10px; padding: 8px; font-size: 95%; border-style: solid; border-color: #ffe67a; } /* @end */ /* @group Rubber Banding Cart Effect */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* @end */ /* @group Display None */ .small-header #header-area h4, .menu-tree li.menu-item img, #menu-right .cross-sells, #menu-right dt,.woocommerce-review-link, .search-no-results a.load-more-products-link, .woocommerce-checkout .login-wrap-box label.inline, .payment_methods .input-radio, .woocommerce-account .woocommerce > h2 { display: none !important; } /* @end */ /* @group Form Elements / Buttons / UI */ input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textrea, button, .button, a.edit, .order-actions a, .woocommerce-account #content .shop_table input { -webkit-appearance: none; appearance: none; background-image: none; } form input, form select, form textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); border-radius: 2px !important; } form input[type="radio"] { -webkit-tap-highlight-color: rgba(0,0,0,0); border-radius: 20px !important; } #content .button, #content a.button, .pushit .button, .pushit button, button.button, input#submit, a.edit, .order-actions a, .woocommerce-account #content .shop_table input { -webkit-tap-highlight-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); border-radius: 4px; text-transform: uppercase; letter-spacing: 0; line-height: 140%; padding: 4px 16px; border-style: solid; border-width: 1px; } /* If the site admin chooses a very light colour for primary actions, make them a dark grey */ .light-primary-action #content .button.checkout, .light-primary-action #content .single_add_to_cart_button, .light-primary-action #content #place_order, .light-primary-action #content input#submit, .light-primary-action #content button#submit { color: #FFF !important; border-color: rgba( 0, 0, 0, .6 ) !important; background-color: rgba( 0, 0, 0, .6 ) !important; } a.load-more-products-link, a.load-more-link { width: 60%; max-width: 70%; font-size: 85%; display: block; text-align: center; padding: 6px; border-style: solid; border-width: 1px; text-transform: uppercase; border-radius: 4px; margin: 10px auto 60px; } /* @group Next/Previous Link Arrows */ .theme-mobilestore .nav-controls a.next-post::after { font-weight: bold; content: '\e811'; margin-left: 6px; } .theme-mobilestore .nav-controls a.prev-post::before { font-weight: bold; content: '\e810'; margin-right: 6px; } /* @end */ /* @group Notices */ .notice { text-align: center; margin-bottom: 10px; } .notice.fail { color: red; } .notice.success { color: green; font-style: italic; } /* @end */ /* @end */ /* @group Header */ #header-area { text-align: center; overflow: hidden; } .small-header #header-logo { max-width: 80%; margin: 5px 0; height: 45px; padding: 0 1em 5px; } .large-header #header-area { text-align: center; overflow: hidden; } .large-header #header-logo { max-width: 40%; height: auto; margin: 15px 0; padding: 0; } .large-header #header-title-logo { margin: 0 auto; } #header-area h1 { position: relative; text-transform: uppercase; max-width: 68%; margin: 0 auto; height: 50px; visibility: hidden; } #header-area h4 { text-transform: uppercase; margin: 0; padding-bottom: 15px; font-weight: 400; font-size: 90%; } h4.heading-desc { text-transform: uppercase; margin: 0; } .menu-icon { background-color: transparent; position: absolute; top: 0; left: 0; height: 44px; width: 44px; display: block; font-size: 110%; white-space: nowrap; } .tablet .menu-icon { padding: 0 8px; width: auto; } .tablet .cart-btn { padding: 0 8px; width: auto; } .cart-btn { right: 0; position: absolute; left: auto; top: 0; background-color: transparent; } .cart-btn i { font-size: 95%; } .cart-btn.filled { -webkit-animation-name: rubberBand; -moz-animation-name: rubberBand; -ms-animation-name: rubberBand; -o-animation-name: rubberBand; animation-name: rubberBand; -webkit-animation-delay: 1250ms; -moz-animation-delay: 1250ms; -ms-animation-delay: 1250ms; -o-animation-delay: 1250ms; animation-delay: 1250ms; } i.wptouch-icon-menu, i.wptouch-icon-basket { font-size: 120%; display: inline-block; position: relative; padding: 0; width: 44px; height: 44px; line-height: 50px; } .tablet i.wptouch-icon-menu, .tablet i.wptouch-icon-basket { height: auto; width: auto; } .cart-btn.filled i:after { content: ' \25CF'; position: absolute; z-index: -1; right: 15px; top: -8px; font-weight: normal; font-style: normal; } .tablet .cart-btn.filled i:after { right: 5px; } .dark-header #header-area .menu-btn, .dark-header #header-area .cart-btn, .dark-header #header-area h1, .dark-header #header-area h4 { color: rgba(255,255,255,.9); } .dark-header #search-text { background-color: rgba( 255, 255, 255, 0.2 ); } .dark-header #search-text:focus { background-color: rgba( 255, 255, 255, 0.8 ); } /* @group Google Fonts */ .fonts-vollkorn_lato #header-area h1 { height: 56px; } .fonts-slab_ekmukta #header-area h1 { height: 46px; } .fonts-robotocond_notosans #header-area h1, .fonts-raleway_roboto #header-area h1 { height: 52px; } /* @end */ /* @group Search */ #wptouch-search-inner { padding: 0 0 10px; text-align: center; } #search-text { border-radius: 3px; border-style: none; padding: 4px; font-size: 90%; background-color: rgba(0,0,0,.08); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; width: 96%; width: calc( 100% - 36px ); } .tablet #search-text { width: 96%; width: calc( 100% - 20px ); } .light-header #search-text:focus { background-color: rgba(0,0,0,.05); } body.search #search-submit, #search-text:focus+#search-submit { opacity: 1; } #search-submit { border-radius: 3px; border-style: none; color: #fff; text-transform: uppercase; padding: 4px 10px; font-size: 90%; opacity: 0.4; margin-left: 5px; } /* Mozilla Firefox 4-18 */ #search-text:-moz-placeholder { color: rgba(255,255,255,.5); opacity: 1; } /* Mozilla Firefox 19+ */ #search-text::-moz-placeholder { color: rgba(255,255,255,.5); opacity: 1; } #search-text::-webkit-input-placeholder { color: rgba(255,255,255,.5); } #search-text:-ms-input-placeholder { color: rgba(255,255,255,.5); } .light-header #search-text:-moz-placeholder { color: rgba(0,0,0,.4); opacity: 1; } .light-header #search-text::-moz-placeholder { color: rgba(0,0,0,.4); opacity: 1; } .light-header #search-text::-webkit-input-placeholder { color: rgba(0,0,0,.4); } .light-header #search-text:-ms-input-placeholder { color: rgba(0,0,0,.4); } .recent-searches { display: none; text-align: left; border-style: solid; border-width: 1px; border-radius: 3px; margin: 2% auto; width: 96%; width: calc( 100% - 36px ); } .dark-header .recent-searches, .dark-header .recent-searches a { border-color: rgba(255,255,255,.4); color: rgba(255,255,255,.8); } .recent-searches h4 { text-align: left; position: relative; font-size: 90%; text-transform: uppercase; padding-left: 12px; margin-top: 12px; margin-bottom: 12px; } .recent-searches h4 span { position: absolute; right: 12px; padding-left: 4px; font-size: 80%; line-height: 150%; } .recent-searches li a { display: block; padding: 8px 12px; } .recent-searches li:nth-child(odd) { background-color: rgba(255,255,255,.2); } .recent-searches li:nth-child(even) { background-color: rgba(255,255,255,.1); } /* @end */ /* @end */ /* @group Page Menu */ .pushit li.touched { background-color: rgba(0,0,0,.1); } .pushit-left { border-right: 1px solid rgba(0,0,0,.4); -webkit-box-shadow: inset -2px 0px 2px rgba(0,0,0,.25); box-shadow: inset -2px 0px 2px rgba(0,0,0,.25); } .pushit-left h3 { font-size: 110%; margin-top: 0; padding: 12px; } #menu-left .wptouch-menu { background-color: transparent; } #menu-left li { font-size: 95%; font-weight: 700; border-top: 0; border-bottom: 1px solid rgba(0,0,0,.08); clear: both; overflow: hidden; } #menu-left .menu-tree li.no-icon { padding-left: 0; } #menu-left li a { -webkit-touch-callout: none; white-space: nowrap; padding: 12px; text-overflow: ellipsis; overflow: hidden; } #menu-left li span { -webkit-box-shadow: inset rgba(0,0,0,.05) 1px 0px 0px; box-shadow: inset rgba(0,0,0,.05) 1px 0px 0px; border-left: 1px solid rgba(255,255,255,.05); padding: 12px 15px 11px; } #menu-left li span.toggle { -webkit-box-shadow: inset rgba(0,0,0,.1) 0px 4px 4px; box-shadow: inset rgba(0,0,0,.1) 0px 4px 4px; border: none; } #menu-left li span:before { font-family: 'wptouch-icons'; content: "\e80f"; } #menu-left li span.toggle:before { content: "\e80e"; font-weight: normal; font-style: normal; } .recently-viewed.empty { opacity: 0.3; font-style: italic; } .recently-viewed li img { border-radius: 30px; height: 30px; margin-right: 10px; width: 30px; vertical-align: bottom; } .recently-viewed li a { display: block; height: 54px; line-height: 30px; padding: 0; } .dark-cart #menu-left li a { color: rgba(255,255,255,.8); } .dark-cart #menu-left h3 { background-color: rgba(255,255,255,.05); color: rgba(255,255,255,.5); } .dark-cart #menu-left li { border-bottom: 1px solid rgba(255,255,255,.05); } .dark-cart #menu-left span { color: rgba(255,255,255,.3); } /* @end */ /* @group Mini Cart */ .pushit-right { border-left: 1px solid rgba(0,0,0,.4); -webkit-box-shadow: inset 2px 0px 2px rgba(0,0,0,.25); box-shadow: inset 2px 0px 2px rgba(0,0,0,.25); } #menu-right .actions { border-bottom: 1px solid rgba(0,0,0,.1); height: 50px; position: relative; } #menu-right .edit_button, #menu-right .checkout_button { padding: 2px 10px; font-size: 70%; line-height: 150%; } #menu-right .button.edit_button { top: 12px; position: absolute; left: 0; margin-left: 12px; } #menu-right .button.checkout_button { position: absolute; top: 12px; right: 0; margin-right: 12px; } #menu-right .cart_list li { position: relative; border-bottom: 1px solid rgba(0,0,0,.1); } #menu-right li a { display: block; font-size: 85%; padding: 18px 12px; } #menu-right li img { width: 40px; height: 40px; border-radius: 48px; position: absolute; top: 50%; left: 12px; margin-top: -20px; } #menu-right li .product-title { text-transform: uppercase; font-weight: bold; padding-left: 48px; margin: 0; width: 72%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #menu-right li .variation { text-transform: lowercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 72%; padding-left: 48px; margin: 0; } #menu-right li .variation * { padding: 0; margin: 0; display: inline; color: rgba(0,0,0,.4); } #menu-right li .quantity { text-transform: uppercase; position: absolute; top: 50%; right: 12px; font-size: 12px; margin-top: -6px; color: rgba(0,0,0,.6); } #menu-right li .amount { color: rgba(0,0,0,.7); font-weight: bold; } #menu-right .total { margin-top: 20px; text-align: center; font-size: 95%; } #menu-right .buttons { margin-top: 50px; text-align: center; } .dark-cart .pushit-right, .dark-cart #menu-right a { color: rgba(255,255,255,.8); } .dark-cart #menu-right li { border-bottom: 1px solid rgba(255,255,255,.1); } .dark-cart #menu-right li .quantity { color: rgba(255,255,255,.6); } .dark-cart #menu-right li .amount { color: rgba(255,255,255,.8); } .dark-cart #menu-right li .variation * { color: rgba(255,255,255,.3); } /* @group Empty */ .light-cart.primary-cart-conflict #menu-right button.checkout_button { border-color: rgba( 0, 0, 0, 0.7 ) !important; color: rgba( 0, 0, 0, 0.7 ) !important; } .dark-cart.primary-cart-conflict #menu-right button.checkout_button { border-color: #fff !important; color: #fff !important; } .dark-cart #menu-right .actions { border-bottom-color: rgba(255,255,255,.1); } #menu-right .cart_list li.empty, .woocommerce-cart .cart-empty { border-style: none; text-align: center; font-weight: 600; padding-top: 30px; } .cart_list li.empty:before, .woocommerce-cart .cart-empty:before { content: '\e80b'; clear: both; display: block; font: 5em 'wptouch-icons'; } .dark-cart #menu-right li.empty { color: rgba(255,255,255,.8); } /* @end */ /* @end */ /* @group Sorting & Filtering */ .sort-filter-wrap { background-color: rgba(255,255,255,.5); padding-top: 8px; padding-bottom: 8px; } /* @group Buttons */ .sort-filter-wrap span.layout-buttons { border: 1px solid rgba(0,0,0,.1); display: block; float: right; border-radius: 4px; margin-right: 8px; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); height: 28px; } .sort-filter-wrap span.layout-buttons i { display: inline-block; width: 32px; text-align: center; padding-top: 3px; margin: 0; height: 32px; } .sort-filter-wrap span.layout-buttons i.active { color: #fff; } .sort-filter-buttons { position: relative; overflow: hidden; margin-left: 8px; } .sort-filter-buttons button { font-weight: normal; font-style: normal; color: rgba(0,0,0,.7); padding: 4px 12px 4px 6px; margin: 0; border-width: 1px; border-color: rgba(0,0,0,.1); font-size: 70%; height: 28px; line-height: 100%; } .sort-filter-buttons button i { font-size: 120%; line-height: 140%; } .sort-filter-buttons button:first-child { margin-right: 2%; } .sort-filter-buttons button.touched { background-color: white; } /* @end */ .sorting, .filtering { display: none; padding-bottom: 4px; background-color: rgba(255,255,255,.1); padding-top: 4px; text-align: center; } .sorting.sorted, .filtering.filtered { display: block; } .filtering .widget { width: 46%; display: inline-block; vertical-align: top; padding: 8px; border-radius: 4px; border: 1px solid rgba(0,0,0,.2); margin-right: 0; margin-left: 2%; margin-top: 10px; margin-bottom: 10px; text-align: left; overflow: hidden; } .filtering .widget:nth-child(odd) { margin-right: 2%; margin-left: 0; } .filtering h2 { font-size: 13px; text-transform: uppercase; padding-left: 8px; padding-bottom: 2px; padding-top: 2px; margin: -8px; color: #fff; } .light-header .filtering h2 { color: #555; } .filtering .widget ul { padding-top: 10px; margin: 0 -8px -8px; } .filtering .widget ul li { font-size: 80%; position: relative; } .filtering .widget ul li a { display: block; padding: 6px 8px; font-weight: bold; } .filtering .widget ul li:nth-child(odd) { background-color: rgba(255,255,255,.5); margin-right: 0; } .filtering .widget ul li .count { text-align: right; color: #888; position: absolute; top: 5px; right: 8px; } .woocommerce-ordering { text-align: center; position: relative; margin-left: 2%; margin-right: 2%; } .woocommerce-ordering .orderby { background-color: white; font-size: 85% !important; line-height: 170%; padding-left: 4px; padding-right: 4px; border-color: rgba(0,0,0,.15); width: 96%; width: calc( 100% - 16px); } .woocommerce-ordering:after { content: '\e802'; position: absolute; right: 5%; top: 50%; font: 14px/0 'wptouch-icons'; } /* @group Active Filters */ .active-filters { color: #666; font-size: 70%; text-transform: uppercase; margin-right: 2%; margin-left: 2%; padding: 10px 0; text-align: left; } .active-filters ul { display: inline-block; } .active-filters li { display: inline-block; font-size: 110%; } .active-filters li a { border-radius: 3px; padding: 1px 20px 2px 8px; display: block; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(255,255,255,.8); font-size: 90%; text-transform: uppercase; position: relative; line-height: 15px; margin-left: 4px; margin-right: 4px; } .active-filters li a:after { content: '\e834'; color: rgba(255,255,255,.8); font-family: 'wptouch-icons'; position: absolute; right: 4px; line-height: 17px; } /* @end */ /* @end */ /* @group Top Products Carousel */ .owl-item.active { background: transparent !important; } .product-carousel { padding-top: 5px; background-color: rgba(0,0,0,.05); margin-top: 0px; padding-left: 10px; padding-bottom: 10px; } .product-carousel h2 { font-size: 95%; margin: 4px 0 10px 4px; text-transform: uppercase; } .product-slider li, .product-carousel li { visibility: hidden; } .product-carousel li { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; } .product-carousel .cropped li { min-height: 120px; } ul.products.carousel h3 { padding: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-carousel ul.products .price { display: none; } .tablet .product-carousel .cropped li { min-height: 170px; } .product-slider .owl-loaded, .product-carousel .owl-loaded li { visibility: visible; } .product-carousel .owl-carousel .owl-stage-outer { padding-bottom: 3px; } .product-carousel li.more { background: #d6d6d6; text-align: center; height: 175px; padding-top: 40px; } .product-carousel li.more i { display: block; font-size: 300%; } .product-carousel li.more a { color: #ababab; font-weight: 700; text-transform: uppercase; font-size: 120%; } .product-slider { margin: 0 10px 10px; border-bottom: 1px solid rgba( 0, 0, 0, 0.05 ); padding-bottom: 10px; position: relative; } .product-slider .active { background: transparent; } .product-slider .products li a { padding-bottom: 2px; } .product-slider img { height: auto; } /* @end */ /* @group Landing, Archive Views */ #content ul.products { font-size: 0; margin-bottom: 20px; } ul.products li { position: relative; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); background: #fff; display: inline-block; font-size: 16px; overflow: hidden; padding: 2px 2px 0; border-radius: 3px; visibility: hidden; } .post ul.products li { -webkit-box-shadow: none; line-height: 100%; box-shadow: none; } ul.products li.touched a { -webkit-touch-callout: none; } ul.products li a { display: block; padding-left: 0; padding-right: 0; padding-bottom: 6px; } ul.products li img { border-radius: 2px 2px 0 0; width: 100%; max-width: 100%; height: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); } ul.products li del { font-weight: 100; color: #999; } #content ul.products h3, ul.products.carousel h3 { text-transform: uppercase; margin: 0; color: #555; padding: 3px 3px 0; line-height: 110%; } ul.products .price { display: block; font-size: 75%; font-weight: bold; padding: 6px; margin-right: 0; margin-top: 0; margin-bottom: 0; } .page #content .woocommerce ul.products { margin: auto -10px; } .smartphone ul.products.carousel li { width: 100%; } .smartphone ul.products li.touched * { color: #fff !important; } .smartphone ul.products li { width: 48%; width: calc(50% - 6px); margin-right: 3px; margin-left: 3px; margin-bottom: 6px; } .smartphone.landscape ul.products li { width: 32%; width: calc(33.29999% - 6px); } .tablet ul.products li { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; width: 32%; width: calc( 33.29999% - 10px ); } .tablet .related ul.products li { width: 18%; width: calc( 20% - 10px ); } .tablet.landscape ul.products li { margin-left: 5px; margin-right: 5px; width: 22%; width: calc( 25% - 10px ); } .tablet ul.products.carousel li { margin: 0; width: 100%; } .smartphone ul.products li.vertical { width: 98%; margin: 1%; margin-bottom: 2%; padding-bottom: 2px; } .tablet ul.products li.vertical { display: inline-block; width: 98%; width: calc( 100% - 10px ); margin: 5px; margin-bottom: 10px; padding-bottom: 2px; } ul.products li.vertical img { border-radius: 2px; width: 80px; height: 80px; float: left; } #content ul.products li.vertical h3 { text-transform: uppercase; color: #555; padding: 10px 3px 0; line-height: 120%; font-size: 110%; width: 55%; display: block; margin-left: 85px; overflow: hidden; } #content ul.products li.vertical .price { margin-left: 85px; width: 50%; } .products a .onsale { display: block; color: #fff; right: 0px; padding: 5px 0; width: 100%; position: absolute; top: 0px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 60%; z-index: 1; } .locale-lang-en .products a .onsale { display: block; color: #fff; right: -60px; padding: 30px 0 5px; width: 136px; position: absolute; top: -15px; text-align: center; text-transform: uppercase; -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); font-weight: 700; font-size: 60%; } .woocommerce-pagination { padding-bottom: 30px; } .woocommerce-pagination ul { text-align: center; } .woocommerce-pagination li { display: inline-block; } .woocommerce-pagination li a, .woocommerce-pagination li span { display: inline-block; height: 30px; line-height: 30px; width: 30px; } /* @end */ /* @group Single Product & Gallery */ .product { padding: 8px; } .product-top { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); position: relative; overflow: hidden; } .tablet .product-top { width: 58%; width: calc(60% - 5px); vertical-align: top; display: inline-block; } #content .product-top h1 { line-height: 110%; padding: 12px; margin: 0; width: 90%; } .product-top p.price { font-weight: bold; color: gray; font-size: 90%; margin-left: 12px; } .product-top .amount, .product-top ins .amount { color: white; padding: 2px 6px; border-radius: 4px; } .product-top del .amount { color: gray; background-color: #fff; } .product-top .onsale { font-size: 90%; display: block; color: white; text-align: center; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px; } .zoomer { position: absolute; display: block; z-index: 1; left: 5%; bottom: 5%; font-size: 26px; background-color: rgba(0,0,0,.2); width: 46px; height: 46px; text-align: center; padding: 0; line-height: 44px; border-radius: 50px; color: #fff; } #content .product .images { position: relative; max-height: 300px; overflow: hidden; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .tablet #content .product .images { max-height: 441px; } #content .product .images.zoomed { min-height: 300px; max-height: 460px; } #content .thumbnails { position: relative; text-align: center; margin: 0; } #content .thumbnails li { display: inline-block; border-radius: 3px; width: 48px; height: 48px; border: 2px solid #fff; position: relative; margin: 4px 2px; } .summary .star-rating { padding-bottom: 10px; } .star-rating i { margin-left: 3px; } /* @group Product Summary */ #content .product .summary { border-bottom: 1px solid rgba( 0, 0, 0, 0.1 ); margin-top: 30px; margin-bottom: 40px; text-align: center; padding: 15px 20px; background-color: #fff; border-radius: 3px; } .tablet #content .product .summary { display: inline-block; margin: 0 10px 0 0; width: 38%; width: calc( 40% - 10px ); } .tablet #content .product .summary h1 { margin-top: 0; } .product .product_meta { border-top: 1px solid rgba( 0, 0, 0, 0.1 ); display: block; font-size: 80%; opacity: .6; padding-top: 10px; text-transform: uppercase; margin-top: 20px; } .single-product .summary p.price del, .product .product_meta .sku_wrapper { opacity: .5; } .product .product_meta > span { display: inline-block; margin-right: 10px; } .product .product_meta > span:last-of-type { margin-right: 0; } #content .product .summary .stock { font-weight: bold; margin-top: 0; } #content .product.product-type-simple .summary .stock { padding-top: 15px; } .single-product .summary span.price { padding: 15px 0 20px; text-align: center; font-size: 120%; display: block; } .single-product .summary span.price:before, .single-product .summary span.price:after { content: ''; height: 1px; border-bottom: 3px double rgba( 0, 0, 0, 0.2 ); display: inline-block; position: relative; top: -4px; text-decoration: line-through; width: 40px; } .single-product .summary span.price:before { margin-right: 5px; } .single-product .summary span.price:after { margin-left: 5px; } #content .product .summary form { margin-bottom: 0; } #content .product .quantity { display: inline-block; vertical-align: middle; border: 1px solid black; overflow: hidden; margin: 0; height: 26px; border-radius: 4px; position: relative; width: 50px; } #content .product .quantity.spinner { width: 100px; } #content .product .quantity .button { margin: 0 -1px; padding: 6px 0; border-style: none; } .woocommerce-page #content .product input.qty { border: 0; width: 34px; text-align: center; vertical-align: baseline; font-size: 16px !important; margin: 0; padding: 0; } .woocommerce-page #content .summary .minus { border-right-style: solid; position: absolute; top: 0; left: 0; bottom: 0; width: 33px; border-radius: 0px; padding: 2px; background-color: rgba(0,0,0,.05); } .woocommerce-page #content .summary .plus { border-left-style: solid; width: 33px; position: absolute; right: 0; bottom: 0; top: 0; border-radius: 0px; padding: 2px; background-color: rgba(0,0,0,.05); } #content .product button.button { padding-bottom: 5px; margin-right: 0; margin-bottom: 0; margin-left: 10px; } .woocommerce-page table.variations { text-align: left; width: 100%; background: transparent; border-radius: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; position: static; } table.variations td { position: relative; padding-bottom: 0; width: 25%; } .tablet table.variations td { display: block; width: 100%; } table.variations td.label { text-align: right; font-size: 80%; text-transform: uppercase; padding-right: 5px; } .tablet table.variations td { text-align: left; } .product td.value { position: relative; } .product .variations select { background-color: white; padding-left: 5px; padding-right: 5px; border-style: dotted; margin-top: 5px; margin-bottom: 5px; min-width: 170px; width: 100%; line-height: 100%; font-size: 100% !important; position: relative; } .tablet .product .variations select { width: 100%; } .product td.value:after { font: 13px/0 'wptouch-icons'; content: '\e802'; position: absolute; right: 10px; top: 19px; } .product .variations .reset_variations { font-size: 0; } /* @end */ /* @group Product Tabs */ .product .woocommerce-tabs { margin-bottom: 40px; } .tablet .product .woocommerce-tabs { margin-top: 20px; } .product .woocommerce-tabs .tabs > li { display: inline-block; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: -2px; } .product .woocommerce-tabs .tabs a { display: block; text-align: center; color: rgba(0,0,0,.4); height: 40px; width: 50px; font: 120%/200% 'wptouch-icons'; } .tablet .product .woocommerce-tabs .tabs a { font-size: 95%; padding: 0 10px; width: auto; } .tablet .product .woocommerce-tabs .tabs a:before { margin-right: 7px; } .product .woocommerce-tabs .description_tab a:before { content: '\e825'; } .product .woocommerce-tabs .additional_information_tab a:before { content: '\e84d'; } .product .woocommerce-tabs .reviews_tab a:before { content: '\e84e'; } .product .woocommerce-tabs .active { background: #fff; } .product .woocommerce-tabs > div { -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); background-color: #fff; border-radius: 3px; padding: 10px; } #content .woocommerce-tabs .panel th, #content .woocommerce-tabs .panel td { display: block; margin: 0; padding: 0; width: 100%; text-align: left; } #content .woocommerce-tabs td p { font-size: 90%; } #content table.shop_attributes { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0px; padding: 0px; width: 100%; } /* @group Comments */ #comments h2 { text-transform: capitalize; font-size: 110%; } #content .woocommerce-tabs #comments { padding: 0; } #content .woocommerce-tabs #comments img.avatar { border-radius: 20px; width: 44px; height: 44px; border: 1px solid #eee; float: left; margin-right: 6px; margin-top: 6px; } #content .woocommerce-tabs #comments p.woocommerce-noreviews { margin-top: 0; } .woocommerce-tabs .comment-text { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative; margin-top: 0; } .comment-text .description { font-size: 90%; } .woocommerce-tabs .comment-text p.meta { color: #fff; margin: 0 0 -10px; height: auto; } .woocommerce-tabs .meta strong, .woocommerce-tabs .meta em { color: #111 !important; font-size: 95%; } .woocommerce-tabs .comment-text time { font-weight: normal; font-style: normal; font-size: 70%; line-height: 0; color: #555; display: block; margin-left: 48px; margin-top: 5px; } .woocommerce-tabs .comment-text .star-rating i { font-size: 80%; margin-right: -1px; margin-bottom: 0; margin-left: -1px; } .comment-form-rating .stars a { font-size: 140%; color: white; display: inline-block; width: 22px; } .comment-form-rating .stars a:before { font-family: 'wptouch-icons'; content: '\e835'; color: #ccc; margin-left: 4px; } h3#reply-title { text-transform: capitalize; } #content form#commentform input[type="text"], form#commentform input[type="email"], form#commentform input[type="url"] { width: 60%; display: block; background-color: rgba(0,0,0,.03); } form#commentform input, form#commentform textarea { background-color: rgba(0,0,0,.03); } #content #commentform input:focus, #content #commentform textarea:focus { background-color: #fff; } #commentform input#submit { padding-left: 12px; padding-right: 12px; margin: 0; } .product #commentform label { text-transform: uppercase; } /* @end */ /* @end */ /* @group Related Products */ .product .related.products { height: auto !important; margin-left: -8px; margin-right: -8px; } .product .related.products h2 { margin-left: 8px; } /* Hidden for now */ .single-product .upsells { display: none; } /* @end */ /* @end */ /* @group Archives */ /* @group Search */ .no-results { text-align: center; min-height: 300px; } .no-results i { font-size: 800%; display: block; clear: both; text-align: center; } /* @end */ .archive #content h1 { line-height: 110%; padding: 8px; margin: 2%; border-radius: 2px; } /* @group 404 */ .error404 #content { color: #555; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); background-color: #fff; border-radius: 3px; padding: 0 15px 15px; margin: 8px; } .error404 #content .not-found:after { font-family: 'wptouch-icons'; content: "\e83b"; color: red; display: block; font-size: 300%; margin-top: 0px; margin-bottom: 0px; } .error404 #content .not-found-text { width: 90%; } /* @end */ /* @end */ /* @group Single Page */ .page .post, .search-no-results .post { -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); background-color: #fff; border-radius: 3px; padding: 5px 15px 15px; margin: 8px; } .search-no-results #content { min-height: 300px; } /* @end */ /* @group Blog */ /* @group Index */ .blog #content { padding: 0; } .blog .post { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); padding: 3px; margin: 12px 12px 30px; } .blog .post:first-child { border: none; } .blog #content .post h2 { margin: 0 0 10px; } .blog .post-meta { opacity: .6; } .blog .post-excerpt { padding-top: 10px; } .post .post-head { display: block; text-align: center; padding: 5%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; margin-right: -3px; margin-top: -3px; margin-left: -3px; } .post .post-head:after { content: ''; background-color: rgba( 0, 0, 0, 0.3 ); height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .post .post-head p { color: rgba( 255, 255, 255, 0.6 ); text-transform: uppercase; font-weight: 700; font-size: 11px; letter-spacing: 1px; margin-top: -40px; padding-bottom: 40px; position: relative; z-index: 2; } .post .post-head h2, .single .post .post-head h2 { display: block; font-size: 22px; font-weight: 500; color: #fff; text-shadow: rgba(0,0,0,.5) 1px 0px 4px; max-width: 500px; line-height: 130%; margin: 50px auto !important; position: relative; z-index: 2; } .post .content { line-height: 150%; padding: 0 15px; } /* @end */ /* @group Single */ .single a#blog-back { color: #fff; display: block; font-size: 80%; text-align: center; opacity: .6; padding: 15px 0 15px; text-transform: uppercase; } .single #content { padding: 0 0 20px; } .single .content { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); padding: 6px 12px; margin: 12px; } .single .post-date, .single .post-author { opacity: .6; } .single #content p { line-height: 145%; font-size: 95%; } .single .nav-bar { border: 1px solid rgba( 0, 0, 0, 0.1 ); border-width: 1px 0; } /* @end */ /* @group Comments */ .single #comments { padding: 0 12px 20px; } .single #comments label { display: block; text-transform: uppercase; } .comment .comment-avatar { float: left; height: 40px; } .comment .comment-avatar img { height: 40px; margin-right: 15px; width: auto; } .comment .meta { opacity: .6; } .comment .comment-time { font-size: 80%; margin-top: 3px; } .comment .comment-body { line-height: 140%; } .comment .comment-body a { word-wrap: break-word; } .single button#submit { border-radius: 3px !important; text-transform: uppercase; } /* @end */ /* @end */ /* @group WooCommerce Cart / Checkout / Account Shared */ .woocommerce-message { font-weight: bold; border-radius: 3px; text-align: center; padding: 12px; margin: 12px; font-size: 90%; } .woocommerce-message .button { display: none; } .woocommerce-checkout .post, .woocommerce-cart .post { margin: 0; padding: 8px 8px 60px; background: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce-page form { -webkit-tap-highlight-color: rgba(0,0,0,0); background: none; margin: 0; padding: 0; } .woocommerce-page form p { padding: 0; } .woocommerce-page h3 { text-transform: uppercase; font-size: 105%; } .woocommerce-page td { padding: 0 0 20px 0px; } .woocommerce-page table { border-collapse: collapse; } .woocommerce-checkout p, .woocommerce-checkout td { position: relative; } .woocommerce-page #content label { text-transform: uppercase; color: rgba(0,0,0,.6); font-size: 80%; } .woocommerce-page #content input[type="text"], .woocommerce-page #content input[type="url"], .woocommerce-page #content input[type="password"], .woocommerce-page #content input[type="email"], .woocommerce-page #content input[type="tel"], .woocommerce-page select, .woocommerce-page textarea, .woocommerce-page .select2-choice { font-family: sans-serif; margin: 3px 0; width: 100%; border: 1px solid #ccc; line-height: 150%; padding: 5px !important; font-size: 110% !important; position: relative; } .woocommerce-page .select2-results .select2-result-label { font-family: sans-serif; } .woocommerce-page .select2-container .select2-choice .select2-arrow { display: none; } .woocommerce-page input[type="checkbox"] { margin-top: 0; margin-right: 3px; } .woocommerce-page ul, .woocommerce-page li, .woocommerce-page ol { list-style-type: none; margin: 0; padding: 0; } .woocommerce-checkout .amazon-wrapper { min-height: 40px; } .woocommerce-checkout .login-wrap-box, .woocommerce-checkout #customer_details, .woocommerce-page table, .woocommerce-cart form.cart, .woocommerce-thanks .order_details { background: #fff; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1); box-shadow: 0px 1px 0px rgba(0,0,0,.1); margin-bottom: 30px; position: relative; padding: 12px; } #order_review_heading { position: relative; } #order_review_heading a { font-size: 65%; position: absolute; right: 0; top: -2px; } .shop_table, .cart_totals table { width: 100%; } .woocommerce-cart #content .checkout-button { margin-left: auto; margin-right: auto; display: block; font-size: 100%; text-align: center; width: 100%; } /* @group WooCommerce Error */ .woocommerce-error li { list-style-type: none; background-color: pink; padding: 12px; margin-bottom: 15px; border-radius: 3px; } /* @end */ /* @end */ /* @group WooCommerce Cart */ .woocommerce-cart .return-to-shop { text-align: center; margin: 40px 0 60px; } .woocommerce-cart form.cart li { position: relative; min-height: 60px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5; } .woocommerce-cart form.cart li p { margin: 0; } .woocommerce-cart form.cart li a .product-title { margin-top: 15px; padding-left: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .woocommerce-cart form.cart li img { width: 44px; height: 44px; border-radius: 22px; position: absolute; top: 50%; margin-top: -34px; } .woocommerce-cart form.cart li a { text-transform: uppercase; font-size: 90%; font-weight: bold; display: block; width: 65%; } .woocommerce-cart form.cart li a.remove { top: 50%; right: 3px; font-size: 150%; position: absolute; width: 20px; } .woocommerce-cart #content form.cart li a.button { display: inline-block; border-width: 1px; width: auto; padding: 4px 2px; font-size: 110%; height: 30px; background-color: rgba(0,0,0,.03); } .woocommerce-cart #content .cart li .minus { border-top-right-radius: 0; border-bottom-right-radius: 0; } .woocommerce-cart #content .cart li a.plus { border-top-left-radius: 0; border-bottom-left-radius: 0; } .woocommerce-cart #content .cart li input { position: relative; width: 40px; text-align: center; height: 30px; line-height: 0; padding: 0; border: 1px solid; margin-right: -1px; margin-bottom: 0; margin-left: -1px; vertical-align: top; } .woocommerce-cart #content .cart .lucky-person a.button { border-radius: 3px; height: 26px; line-height: 100%; } .woocommerce-cart .cart .variation { padding: 0 0 0 50px; margin: 0; font-weight: normal; font-style: normal; text-transform: capitalize; font-size: 80%; color: #999; } .woocommerce-cart .cart .variation * { display: inline; margin: 0; } .woocommerce-cart .cart li div.quantity { top: 50%; right: 0; font-size: 85%; margin-top: -30px; position: absolute; } .woocommerce-cart .cart li span.quantity { padding-left: 50px; font-weight: normal; font-style: normal; font-size: 85%; color: #999; } .woocommerce-cart #content input#update-button { display: block; margin: 15px auto; font-size: 90% !important; } .woocommerce-cart #content .cart .coupon { text-align: center; font-size: 80%; border-top: 1px solid #f5f5f5; padding-top: 15px; padding-bottom: 15px; } .woocommerce-cart #content .cart .coupon label { margin-bottom: 5px; } .woocommerce-cart #content .cart #coupon_code { width: 60%; padding: 3px; line-height: 140%; } .locale-lang-nl.woocommerce-cart #content .cart #coupon_code { width: 50%; } .woocommerce-cart #content .cart .coupon-button { border-width: 1px; } .woocommerce-cart .cart_totals tr.cart-subtotal th { text-align: left; padding: 8px; } .woocommerce-cart .cart_totals tr.cart-subtotal td { text-align: right; padding: 8px; } .woocommerce-cart .cart_totals tr:last-child { border-bottom-style: none; } /* @end */ /* @group WooCommerce Checkout */ .woocommerce-checkout .mobilestore_checkout_coupon { visibility: hidden; width: 0; height: 0; } .woocommerce-checkout .login-wrap-box p.lost_password { font-size: 90%; float: right; margin-top: -45px; margin-right: 1%; } .woocommerce-checkout .login-wrap-box { position: relative; } .woocommerce-checkout .login-wrap-box > div { font-style: italic; } .woocommerce-checkout .login-wrap-box p:first-child, .woocommerce-checkout .create-account p { font-size: 90%; } .woocommerce-checkout #content .login-wrap-box a.login-toggle { font-size: 90%; line-height: 120%; float: right; font-weight: bold; font-style: normal; text-transform: capitalize; } /* @group Customer Details */ #customer_details a.button { padding: 0 1px 1px; position: absolute; right: 10px; bottom: 10px; border-width: 1px; } .woocommerce-checkout #content p#billing_address_1_field, .woocommerce-checkout #content p#shipping_address_1_field { position: relative; } .woocommerce-checkout p i, .woocommerce-checkout td i, .woocommerce-checkout div.payment_box i { font: 14px/0 'wptouch-icons'; content: '\e802'; position: absolute; right: 10px; bottom: 15px; } .woocommerce-checkout td i { right: 15px; bottom: 25px; } .woocommerce-checkout div.payment_box i { right: 30px; bottom: 36px; } .woocommerce-checkout #order_comments { width: 99%; height: 80px; } /* @end */ /* @group Your Order */ .shop_table thead { text-transform: uppercase; font-size: 75%; color: #888; background-color: rgba(0,0,0,.01); border-bottom: 1px solid #f5f5f5; text-align: left; } .shop_table thead th { padding: 8px; } .shop_table thead .product-name { border-right: 1px solid #f5f5f5; width: 70%; } .shop_table tr { border-bottom: 1px solid #f5f5f5; } .shop_table td { position: relative; padding: 12px 8px; vertical-align: middle; font-size: 90%; overflow: hidden; } .woocommerce-cart .shop_table td.actions { padding-top: 0; } .shop_table .shipping td { padding-left: 12px; } /* @group Cart Item */ .shop_table .cart_item td { padding-top: 24px; padding-bottom: 24px; } .shop_table .cart_item td img { width: 50px; height: 50px; border-radius: 22px; margin-top: -25px; position: absolute; left: 8px; top: 50%; } .shop_table td span.product-title { margin-left: 58px; line-height: 110%; float: left; margin-right: 10px; } .shop_table td .product-quantity { color: #999; vertical-align: top; float: right; position: absolute; top: 50%; right: 0; font-size: 14px; margin-top: -8px; } .shop_table td.product-name { color: #444; display: block; vertical-align: middle; text-transform: uppercase; font-weight: bold; } .shop_table td.product-name dl.variation { margin: 3px 0 0; padding-left: 58px; font-weight: normal; font-style: normal; font-size: 80%; float: left; } .shop_table td.product-name dl.variation * { display: inline; text-transform: none; color: #999; margin: 0; } .shop_table .product-total, .shop_table .cart-subtotal { text-align: right; } /* @end */ .shop_table tr.mobilestore_coupon { text-align: center; border-top: 1px solid #f5f5f5; } .shop_table tr.mobilestore_coupon input#mobilestore_coupon { width: 60%; padding: 1px 5px; margin-right: 6px; font-style: italic; } .locale-lang-nl .shop_table tr.mobilestore_coupon input#mobilestore_coupon { width: 50%; } .shop_table tr.mobilestore_coupon #mobilestore_apply_coupon { border-width: 1px; } .shop_table tfoot th { text-align: left; padding: 12px; } .shop_table tfoot .shipping-head { border-bottom: none; } .shop_table tfoot .shipping-head th { padding-top: 8px; padding-bottom: 8px; } .shop_table tfoot ul { font-size: 120%; } .shop_table tfoot .shipping td { padding-top: 0; } .shop_table tfoot .shipping .amount { margin-left: 5px; font-style: italic; } .shop_table tfoot ul li { padding-top: 5px; padding-bottom: 5px; } .shop_table tfoot .order-total { border-bottom: 1px solid #f5f5f5; background-color: rgba(0,0,0,.01); font-size: 105%; font-weight: bold; font-style: italic; } .shop_table tfoot .order-total span { display: inline-block; float: right; } .shop_table tfoot .order-total .amount { font-size: 95%; } .shop_table tfoot .order-total small.includes_tax { font-size: 70%; display: block; clear: both; } .shop_table tfoot .order-total small.includes_tax .amount { padding-left: 5px; font-size: 100%; } /* @end */ /* @group Payment Methods */ .woocommerce-checkout ul.payment_methods { list-style: none; margin: 20px 0; } .woocommerce-checkout .payment_methods li { border: 5px solid #fff; margin: 0; vertical-align: bottom; position: relative; background-color: #fff; border-bottom-width: 1px; border-bottom-color: #eee; padding: 15px; min-height: 56px; } .woocommerce-checkout .payment_methods li:last-of-type { border-bottom-style: none; } .woocommerce-checkout .payment_methods li:first-of-type { border-radius: 3px 3px 0 0; } .woocommerce-checkout .payment_methods li:last-of-type { border-radius: 0 0 3px 3px; } .woocommerce-checkout .payment_methods .active { background-color: #fff; } .woocommerce-checkout .payment_methods li:before { border: 2px solid #fff; border-radius: 15px; -webkit-box-shadow: 0 0 3px rgba( 0, 0, 0, 0.1 ), inset 0 0 8px rgba( 0, 0, 0, 0.1 ); box-shadow: 0px 0px 1px rgba( 0, 0, 0, 0.1 ), inset 0 0 8px rgba( 0, 0, 0, 0.1 ); content: ''; color: #fff; position: absolute; left: 7px; top: 10px; text-align: center; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; line-height: 25px; width: 27px; height: 27px; background-color: #e5e4e6; font-size: 18px; } .woocommerce-checkout .payment_methods .active:before { content: '\e84f'; font-family: "wptouch-icons"; opacity: 1; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } .woocommerce-checkout #content form .payment_methods li > label { display: block; padding: 15px 6px 15px 15px; color: #999; margin-left: 15px; font-size: 105%; line-height: 105%; } .woocommerce-checkout #content form .payment_methods li.active > label { font-weight: bold; } .woocommerce-checkout form .payment_methods li > label.body-font { display: block; font-size: 100%; margin: -15px; padding: 15px; text-transform: none; } .woocommerce-checkout .payment_methods label img { float: right; max-height: 1em; margin: 2px 8px 0 0; } .woocommerce-checkout .payment_methods label img.wide { display: block; float: none; margin: 10px 0 0; } .woocommerce-checkout .payment_box > img { margin-bottom: 0; } .woocommerce-checkout .payment_methods p { font-size: 80%; line-height: 140%; color: rgba( 0, 0, 0, .6 ); margin-left: 30px; margin-top: 12px; } .woocommerce-checkout .payment_methods p.form-row { font-size: 100%; } .woocommerce-checkout .payment_methods fieldset { border: none; padding: 0; } .woocommerce-checkout .place-order { margin-top: 30px; text-align: center; } p.terms { position: relative; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; } p.terms input { display: inline-block; } /* @end */ /* @group Thanks */ .woocommerce-thanks .order_details li { line-height: 175%; } .woocommerce-thanks .shop_table td.product-name dl.variation { padding-left: 0; } dl.customer_details dt { display: block; font-size: 105%; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; width: 30%; } dl.customer_details dd { display: block; margin-bottom: 25px; margin-left: 0; width: 60%; } .woocommerce-thanks address { font-style: normal; } .woocommerce-thanks #content .addresses h3 { margin-bottom: 5px; } .woocommerce-thanks .addresses p { margin-top: 0; margin-bottom: 25px; } /* @end */ /* @end */ /* @group WooCommerce My Account Pages */ .woocommerce-account h2 { text-transform: capitalize; } .woocommerce-account fieldset { border: 1px solid #f5f5f5; } .woocommerce-account fieldset legend { font-style: italic; color: #444; } .woocommerce-account mark { background-color: #fff; } .woocommerce-account #content .shop_table.order_details th.product-name { width: 65%; } .woocommerce-account .order-info, .woocommerce-account #content .customer_details dt { font-style: italic; } .woocommerce-account #content .customer_details dd, .woocommerce-account #content .shop_table.order_details .variation { padding-left: 0; margin-left: 0; margin-bottom: 3px; margin-top: 3px; } .woocommerce-account p { position: relative; } .woocommerce-account .addresses { margin-bottom: 30px; } .woocommerce-account .address { position: relative; } .woocommerce-account header { margin-top: 35px; } .woocommerce-account a.edit { font-size: 82%; position: absolute; top: 0; right: 0; } .woocommerce-account .shop_table { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #f5f5f5; } .woocommerce-account .shop_table thead th:first-child { width: 40%; } .woocommerce-account p i { font: 14px/0 'wptouch-icons'; content: '\e802'; position: absolute; bottom: 15px; right: 10px; } .woocommerce-account #recent_orders { margin-top: 30px; margin-bottom: 30px; } .woocommerce-account #recent_orders > li { background-color: rgba(0,0,0,.01); padding: 5px 15px 15px; font-size: 90%; border: 1px solid #f5f5f5; margin-top: 5px; margin-bottom: 5px; } .woocommerce-account #recent_orders time, .woocommerce-account #recent_orders span.order-total { font-size: 90%; color: #666; } .woocommerce-account .order-actions { text-align: center; margin-top: 20px; width: 240px; margin-right: auto; margin-left: auto; } .woocommerce-account .order-actions li { display: inline-block; width: 33%; } .woocommerce-account .order-actions a { display: inline-block; font-size: 80%; margin-left: 2px; margin-right: 2px; text-align: center; padding-right: 12px; padding-left: 12px; } .woocommerce-account #content .shop_table input { font-size: 75% !important; width: 84px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* @end */ /* @group Web App Mode */ .web-app-mode #header-area, .web-app-mode #menu-left, .web-app-mode #menu-right { padding-top: 20px; } .web-app-mode #header-area .menu-btn { top: 19px; } .web-app-mode #header-area .menu-btn.cart-btn { top: 20px; } .web-app-mode .fixed-header-fill { position: fixed; top: 0; right: 0; left: 0; height: 20px; display: block; opacity: 0.96; z-index: 999; } /* @group Back Button */ .back-button, .smartphone.web-app-mode.pushit-active .back-button { display: none; } .smartphone.web-app-mode .back-button { background-color: rgba( 255, 255, 255, 0.2 ); color: rgba( 255, 255, 255, 0.3 ); border-radius: 35px; display: block; position: fixed; bottom: 20px; right: 20px; left: auto; -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; transition: background-color .5s linear; z-index: 1000; line-height: 1px; padding-right: 12px; padding-left: 12px; } .smartphone.web-app-mode .back-button.visible { background-color: rgba( 0,0,0, .8 ); color: #fff; -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; transition: background-color .5s linear; } .light-body.smartphone.web-app-mode .back-button { background: rgba( 0, 0, 0, 0.1 ); color: rgba( 0, 0, 0, 0.3 ); } .light-body.smartphone.web-app-mode .back-button.visible { background-color: rgba( 0, 0, 0, 0.8 ); color: #fff; } /* @end */ /* @end */ /* @group Footer */ .footer { margin-right: auto; margin-left: auto; overflow: hidden; padding: 4% 2%; color: rgba(0,0,0,.4); } .dark-header .footer { color: rgba(255,255,255,.4); } li .social-footer-badges { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; } .dark-header .footer a, .dark-header .footer-menu a { color: rgba(255,255,255,.7); } .footer-menu { display: block; font-size: 80%; padding: 4%; } .footer-menu li a.title { padding: 8px 0; } .footer-menu .sub-list { width: 50%; float: left; } .footer p.powered-by-msg { font-size: 75%; margin-bottom: 0; } /* @end */ /* @group Compatibility */ /* WooCommerce Checkout Manager */ p.wccs-field-class { display: block; width: 100%; float: none; } /* Braintree */ #order_review .payment_method_braintree select { max-width: 50px; position: relative; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { background-color: transparent !important; } /* @end */