%PDF-
%PDF-
Mini Shell
Mini Shell
/*!--------------------------------------------------------------
* 9.0 WooCommerce
==============================================================*/
.woocommerce
h1.page-title
text-align center
margin-bottom 40px
&.single-product
.wc-product-row
margin-left 0 !important
margin-right 0 !important
.product-big-image
overflow: hidden;
.item
width: 100%
.product-big-image .owl-controls{margin-top:0;text-align:center}
.product-big-image .owl-nav div{position:absolute;display:block;width:66px;height:79px;top:50%;margin:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;/*border:3px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:1;*/font-size:20px;line-height:1;color:#fff;text-align:center;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
.product-big-image .owl-nav div i{color:#222;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-60%);-moz-transform:translateY(-50%) translateX(-60%);-o-transform:translateY(-50%) translateX(-60%);-ms-transform:translateY(-50%) translateX(-60%);transform:translateY(-50%) translateX(-60%)}
.product-big-image .owl-nav div.owl-next i{-webkit-transform:translateY(-50%) translateX(-30%);-moz-transform:translateY(-50%) translateX(-30%);-o-transform:translateY(-50%) translateX(-30%);-ms-transform:translateY(-50%) translateX(-30%);transform:translateY(-50%) translateX(-30%)}
.product-big-image .owl-nav div.owl-prev,
.product-big-image .owl-nav div.owl-next{background-color:rgba(255,255,255,.3);}
.product-big-image .owl-nav div:hover{background-color:#fff;color:#222}
.product-big-image .owl-nav div.owl-prev{left:0}
.product-big-image .owl-nav div.owl-next{right:0}
.product-big-image .owl-pagination{position:absolute;left:0;bottom:-37px;width:100%}
.product-big-image .owl-dot{margin-top:5px;display:inline-block;zoom:1;unquote("*display:inline")}
.product-big-image .owl-dot span{display:block;width:8px;height:8px;margin:5px 4px;background:0 0;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;border:2px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.product-big-image .owl-dot.active span,.product-big-image .owl-dot:hover span{background:#fff}
.product-big-image.outer-gray .owl-dot span{border-color:#bbb}
.product-big-image.outer-gray .owl-dot.active span,.product-big-image.outer-gray .owl-dot:hover span{background:#bbb}
.product-big-image .tp-leftarrow.default{position:absolute;display:block;width:30px;height:30px;margin:0;background:0 0;background-color:transparent;border:3px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:1;font-size:14px;line-height:1;color:#fff;text-align:center;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.product-big-image .tp-leftarrow.default:before{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-60%);-moz-transform:translateY(-50%) translateX(-60%);-o-transform:translateY(-50%) translateX(-60%);-ms-transform:translateY(-50%) translateX(-60%);transform:translateY(-50%) translateX(-60%);content:"\f053";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.product-big-image .tp-leftarrow.default:hover{background-color:#fff;color:#222}
.product-big-image .tp-rightarrow.default{position:absolute;display:block;width:30px;height:30px;margin:0;background:0 0;background-color:transparent;border:3px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:1;font-size:14px;line-height:1;color:#fff;text-align:center;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.product-big-image .tp-rightarrow.default:before{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-30%);-moz-transform:translateY(-50%) translateX(-30%);-o-transform:translateY(-50%) translateX(-30%);-ms-transform:translateY(-50%) translateX(-30%);transform:translateY(-50%) translateX(-30%);content:"\f054";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.product-big-image .tp-rightarrow.default:hover{background-color:#fff;color:#222}
.product-big-image .tp-bullets.simplebullets.round .bullet{display:block;width:8px;height:8px;margin:5px 4px;background:0 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;border:2px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.product-big-image .tp-bullets.simplebullets.round .bullet.selected{background:#fff}
.arrows-at-hover .owl-controls .owl-nav div{opacity:0}
.arrows-at-hover:hover .owl-controls .owl-nav div{opacity:1}
.woo_thumbs_slider .owl-item.synced .button img
border: 1px solid #ccc;
.woo_thumbs_slider .button:last-child
margin: 0;
.woo_thumbs_slider .button
padding: 0 9px 0 9px;
overflow: hidden;
.top-product-section
position relative
margin-bottom 18px
line-height 0
.star-rating
float: none !important
position: absolute !important;
bottom: 6px;
left: 10px;
//&.center
// left 50%
// transform: translateX(-50%);
.woocommerce
.products
&.wc_catalog_animation
padding-top 60px;
padding-bottom 60px;
li.product
margin-bottom 100px
.product_button
//display: none;
position: absolute;
bottom: 0;
right: 0;
width: 35px;
height: 35px;
padding: 0;
margin: 0;
a.button
display: block !important;
font-size: 100%;
line-height: 1em;
cursor: pointer;
position: relative;
text-decoration: none;
text-align: center;
overflow: visible;
padding: 19px 30px;
border-radius: 0 !important;
left: auto;
color: #fff !important;
text-shadow: 0 0 0 #ffffff !important;
border: 0 !important;
box-shadow: inset 0 0 0 rgba(0,0,0,0.075), inset 0 0 0 rgba(255,255,255,0.3), 0 0 0 rgba(0,0,0,0.1) !important;
font-size: 12px !important;
text-transform: uppercase !important;
font-weight: 900 !important;
max-width: 880px !important;
-webkit-appearance: none;
transition: all 0.3s ease;
.product_button a.button,
.product_button button.button,
.product_button input.button,
.product_button #respond input#submit,
.product_button #content input.button
width: 35px;
height: 35px;
padding: 0 !important;
margin: 0;
text-indent: -9999px;
background-image: url(../images/small_addto_bag.svg);
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
z-index: 100;
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart
padding-top: .5em;
white-space: nowrap;
display: inline-block;
.woocommerce,
.woocommerce-page
a.product_type_grouped,
a.product_type_variable
background-image: url(../images/small_select.svg);
a.product_type_external
background-image: url(../images/external_link.svg);
a.button.added::before,
button.button.added::before,
input.button.added::before,
#respond input#submit.added::before,
#content input.button.added::before,
.woocommerce a.button.added::before,
.woocommerce button.button.added::before,
.woocommerce input.button.added::before,
.woocommerce #respond input#submit.added::before,
.woocommerce #content input.button.added::before
content: "";
position: relative;
z-index 1
height: 35px;
width: 60px;
top: 0px !important;
right: 35px !important;
text-indent: 0;
line-height: 35px;
background-color: #ff7200 !important;
font-smoothing: antialiased
.woocommerce #content input.button.added:before,
.woocommerce #respond input#submit.added:before,
.woocommerce a.button.added:before,
.woocommerce button.button.added:before,
.woocommerce input.button.added:before,
.woocommerce-page #content input.button.added:before,
.woocommerce-page #respond input#submit.added:before,
.woocommerce-page a.button.added:before,
.woocommerce-page button.button.added:before,
.woocommerce-page input.button.added:before
position: absolute;
text-indent: 0;
font-size 11px
font-weight bold !important
content: "added";
.woocommerce #content input.button.loading:before,
.woocommerce #respond input#submit.loading:before,
.woocommerce a.button.loading:before,
.woocommerce button.button.loading:before,
.woocommerce input.button.loading:before,
.woocommerce-page #content input.button.loading:before,
.woocommerce-page #respond input#submit.loading:before,
.woocommerce-page a.button.loading:before,
.woocommerce-page button.button.loading:before,
.woocommerce-page input.button.loading:before
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
a.button.loading:before,
button.button.loading:before,
input.button.loading:before,
#respond input#submit.loading:before,
#content input.button.loading:before
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
a.added_to_cart
display: none !important;
.woocommerce
.category_header
overflow hidden
padding-top 50px
padding-bottom 50px
background-size cover
.page-title
margin-bottom 0
nav.woocommerce-breadcrumb
color #a0a0a0
a
color #333
.page-title
color: #000
.light
.page-title,
.term-description p,
.list_categories .category_item a
color: #fff
nav
color #a0a0a0
a
color #fff
.tabs-style-underline nav li a::after
height 2px !important
background #666 !important
.product_thumbnail
img
width 100%
&.woo_product_image_hover
position: relative;
background-color #fff
line-height 0
.product_thumbnail_background
width: 100%;
height: 100%;
opacity: 0;
display: block;
position: absolute;
background-size: 0px;
background-repeat: no-repeat;
transition: opacity ease 0.2s !important;
.product_thumbnail.woo_product_image_hover:hover .product_thumbnail_background
opacity: 1;
transition: opacity ease 0.4s !important;
.woocommerce .product
.summary
.price
margin-top 20px
margin-bottom 20px
font-size 40px
ins
text-decoration none
.price > .amount:first-child
margin-right 10px
.price > .amount:last-child
margin-left 10px
.images,
.summary
margin-bottom: 48px;
h1
margin-top 0
.post-share
border 0
.woocommerce
.summary
.post-share
.post-share-buttons
margin-top 30px
text-align left
&.align-center
.post-share
.post-share-buttons
text-align center
.product_title
margin-bottom 10px !important
.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce-page .woocommerce-product-rating .star-rating
margin: 0;
float: none;
display: inline-block;
top: 3px;
width: 70px;
.woocommerce .star-rating span,
.woocommerce-page .star-rating span
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
//padding-top: 5px
height 15px
.woocommerce .star-rating,
.woocommerce-page .star-rating
float: right;
overflow: hidden;
position: relative;
height: 14px;
line-height: 12px;
font-size: 12px;
width: 70px;
font-family: star;
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before
content: "\73\73\73\73\73";
color: #e0dadf;
float: left;
top: 0;
left: 0;
position: absolute;
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f005\f005\f005\f005\f005";
color: #a1a1a1;
font-size: 15px;
line-height: 15px;
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f005\f005\f005\f005\f005";
color: #ff7200;
font-size: 15px;
line-height: 15px;
.woocommerce-ordering:before
color: #ff7200;
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering
padding-top: 0px;
margin-bottom: 0;
margin-left: -4px;
margin-right: -7px;
float: none;
@media only screen and (min-width: 40.063em){
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
margin-left: 0px;
margin-right: 0px;
}
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering
float: right;
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count
display: none;
float: right;
line-height: 1;
margin: 0 15px 0 0;
padding: 6px 0 0;
@media only screen and (min-width: 63.9375em){
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
display: inline-block;
}
}
.woocommerce-product-rating .woocommerce-review-link
font-size 13px
color #666
.woocommerce div.product
.summary,
.single_variation
margin-bottom 37px
.price
span.amount
color: #404040;
font-family: 'Open Sans';
font-weight: bold;
font-size: 35px;
.woocommerce div.product .summary p.price
del
margin-right 5px
color: #999;
span.amount
color: #999;
font-family: 'Open Sans';
font-weight: bold;
font-size: 16px;
.woocommerce .product-item
&.with-animation
transform: translateY(150px);
&.animate-1
transform: translateY(0);
transition transform 7s cubic-bezier(.19,1,.22,1);
.woocommerce div.product
position: relative;
div.description
margin: 8px 0;
.woocommerce-main-image
margin-bottom 20px
display block
.thumbnails
.attachment-shop_thumbnail
margin-right 20px
margin-bottom 20px
display inline-block
.woocommerce .product .onsale,
.woocommerce .product .single-onsale,
.woocommerce .product .outstock,
.woocommerce .product .single-outstock
position: absolute;
left: 5px
top: 5px
text-align: center;
font-size: 18px;
letter-spacing: 1px;
line-height: 100%;
font-weight: 700;
background-color: #ff7800;
color: #fff;
z-index: 1;
text-transform uppercase
padding 4px 8px
box-shadow 0 1px 2px rgba(0,0,0,0.3);
.woocommerce .product .outstock,
.woocommerce .product .single-outstock
background-color: #000;
color: #fff;
.woocommerce .product .onsale,
.woocommerce .product .outstock,
.woocommerce .product .single-outstock
font-size 13px
.woocommerce .product .single-onsale,
.woocommerce .product .single-outstock
z-index: 10
.woocommerce #content div.product form.cart:after,
.woocommerce #content div.product form.cart:before,
.woocommerce div.product form.cart:after,
.woocommerce div.product form.cart:before,
.woocommerce-page #content div.product form.cart:after,
.woocommerce-page #content div.product form.cart:before,
.woocommerce-page div.product form.cart:after,
.woocommerce-page div.product form.cart:before
content: " ";
display: table;
.woocommerce #content div.product form.cart:after,
.woocommerce div.product form.cart:after,
.woocommerce-page #content div.product form.cart:after,
.woocommerce-page div.product form.cart:after
clear: both;
.woocommerce
.cart_item
.quantity
margin 0 auto
.quantity
width 80px;
position: relative
text-align left
a
transition: background-color .2s ease-in-out
.ui-spinner-up,
.ui-spinner-down
font-family: 'Open Sans', sans-serif;
position: absolute
width: 25px;
height: 25px;
display: block;
left: 50px;
text-align: center;
cursor: pointer
margin-bottom 0 !important
.ui-spinner-up
top: 0;
.ui-spinner-down
bottom 0
.woocommerce .quantity
input.qty
font-size: 24px;
font-weight: bold;
.ui-spinner-button
font-size: 20px;
font-weight: bold;
border-radius 0
padding 0
border-width 0
&.ui-spinner-down
line-height: 22px;
border-bottom: 1px solid #b8b8b8
border-right: 1px solid #b8b8b8
&.ui-spinner-up
line-height: 25px;
border-top: 1px solid #b8b8b8
border-right: 1px solid #b8b8b8
border-bottom: 1px solid #b8b8b8
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page .quantity input.minus,
.woocommerce-page .quantity input.plus
background #fff
border 1px solid #b8b8b8
width: 50px !important;
height: 50px !important;
vertical-align: middle;
padding: 0;
margin: 0;
text-align: center;
text-transform: uppercase;
margin-right 2px !important
outline:0px !important;
appearance: textfield;
.woocommerce-page .quantity input.minus,
.woocommerce-page .quantity input.plus
font-size: 16px;
font-weight: normal;
transition .2s
.woocommerce-page .quantity input.minus:hover,
.woocommerce-page .quantity input.plus:hover
background button-color
border-color button-color
color #fff
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button
-webkit-appearance: none;
.woocommerce #content div.product form.cart div.quantity,
.woocommerce div.product form.cart div.quantity,
.woocommerce-page #content div.product form.cart div.quantity,
.woocommerce-page div.product form.cart div.quantity
float: left;
margin: 0 4px 0 0;
a.button.alt,
input.button.alt,
button.button.alt,
#respond input#submit.alt,
body.search .site-main .search-form input.search-submit,
.wpcf7-submit
background-color button-color
border 0
color #fff
transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear, opacity 0.2s linear;
padding 16px 20px
font-weight bold
display: inline-block;
text-align center
cursor pointer
appearance: none;
outline: none;
-webkit-border-radius: 0;
.wpcf7-submit
padding: 14px 22px;
a.button.alt:hover,
input.button.alt:hover,
button.button.alt:hover,
#respond input#submit.alt:hover,
body.search .site-main .search-form input.search-submit:hover,
.wpcf7-submit:hover
background-color darken(button-color, 8)
.woocommerce-cart
.woocommerce-checkout
.button.alt
background-color button-color-cart
/*.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before
content: " ";
display: table;*/
.woocommerce form .form-row .input-checkbox
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
.woocommerce form .form-row label.check_label_radio,
.woocommerce-page form .form-row label.check_label,
.check_label_radio, .check_label
display: inline-block;
//line-height: 1.1em;
cursor: pointer;
vertical-align: middle;
padding-left: 24px;
position: relative;
text-indent: 0;
//font-size: 1rem;
.woocommerce-page
.tabs
border 1px solid #ccc
nav
border-bottom 1px solid #ccc
a
font-size 16px
font-weight: normal;
color: #333 !important
text-decoration none
li.tab-current a
font-weight bold
.tabs-style-underline
nav a
padding: 0.25em 0 0.5em;
border-left: 1px solid #e7ecea;
nav li a::after
height: 4px;
background: #333;
p
line-height: 160%;
font-size 14px
.shop_attributes
padding: 45px 0;
margin-bottom 0
p
margin-bottom 0
th,
td
font-size: 14px
padding 8px 0
th
width: 200px
td
text-align left
div.product div.product_meta,
#content div.product div.product_meta
font-size: 12px;
font-family: 'Open Sans';
color: #666;
margin-top: 40px;
margin-bottom: 20px;
.wc_meta_sep
width 50px
height 3px
background-color #000
margin-bottom 40px
div.product div.product_meta .tagged_as,
#content div.product div.product_meta .tagged_as
width: 100%;
display: block;
padding: 2px 0 0 0;
div.product div.related
clear: both;
div.product .content-wrap section
text-align left !important
padding-top 30px
p
margin: 0;
padding: 0;
color: #666;
font-weight: normal;
font-size: 14px;
line-height 180%
.woocommerce
.page-title
font-size 50px
.top-bar-shop
margin-bottom 5px
height: 48px
.woo-bread-nav
position relative
&:not(.wc-separator-disable)
.line
border-bottom: 1px solid #ccc
a
&:hover
border-bottom: 1px solid #000;
.line
height 40px
.nav-lr
font-size 14px
a
float left
margin-left 15px
color text-color
&:hover
color anchor-color
nav
a, span
float left
a
display block
height 40px
border-bottom: 1px solid transparent;
.summary
&.align-center
text-align center
.wc_meta_sep
margin-left: auto;
margin-right: auto;
.cart
margin 33px 0 40px 0
.cart_wraper.single
display: inline-block;
//width: 270px;
.variations_button
display: inline-block
.group_table
td:first-child
width 100px
td
vertical-align middle !important
padding-bottom 10px
font-size 16px
.label
a
color text-color
&:hover
color anchor-color
.price
p
line-height 100%
margin-bottom 0
.amount
font-size 18px !important
font-weight bold !important
&.archive
.woo-wrapper-orderby
position: relative
top: -13px
.select2-selection__rendered,
.select2-choice
border 0 !important
font-size 12px !important
text-align: right;
.woocommerce-result-count
color #999
margin-bottom: 0;
font-size 12px
float right
.reset_variations
display block
font-size 12px
margin-top 6px
.variations
div.label
font-size 14px
font-weight bold
margin-bottom 4px
.wrapper-select2
margin-bottom 10px
select
display none
.shop_page_title
text-align center
font-size 60px
font-weight bold !important
margin-bottom 10px
.woocommerce
.woocommerce-breadcrumb
font-size 14px
.top-bar-shop
.woocommerce-breadcrumb
font-size 12px !important
.term-description
text-align center
.products
.product
margin-bottom 30px
&.align-center
.product
text-align center
.category
color #9e9e9e
padding-bottom 4px
display: inline-block
a:hover
text-decoration underline
h3
font-weight bold
font-size 16px
margin-bottom 10px
h4
font-size: 16px
margin-bottom: 10px
line-height: 150%
font-weight normal
.category
color #333
margin 10px 0 6px 0
a
color #333
a:hover
h4
text-decoration underline
.price
.amount
margin-left 5px
margin-right 5px
&:first-child
margin-left 0 !important
ins
text-decoration none
color #333
text-transform uppercase
font-weight bold
font-size 16px
.woocommerce-page
.product-summary
position: relative
.entry-summary
.product-summary-info
width: 90%; margin: 0 auto
.product_thumbs
margin-top 18px
margin-left: -10px;
margin-right: -10px;
.products
.product
.category a
color #999
.woocommerce #reviews,
.woocommerce-page #reviews
#comments
padding 45px 40px
margin 0 !important
time
font-size 12px
color #999
.avatar
float left
.description
margin 0
h2
margin-top 0
margin-bottom 40px
li.comment
padding 40px 0
border-top 1px solid #ccc
img
float left
margin-right 15px
margin-bottom 15px
#review_form_wrapper
background #fff
border-top 1px solid #ccc
padding-top 40px
.comment-respond
margin-top 0
h3
margin-top 0
.content-wrap section#reviews_tab
padding 0
.title-edit-adress
margin-top 50px !important
margin-bottom 35px
padding-bottom 10px
border-bottom 2px solid #000
.woocommerce-account
.form-row
margin-bottom: 14px;
/* Cart */
.page-cart-title
.page-checkout-title
margin-bottom 50px
.empty_bag
padding: 100px 30px 100px 30px;
text-align: center;
//height: 90vh
//display: flex;
//align-items: center;
//justify-content: center;
.gi
font-size 80px
.empty_bag_message
font-size: 30px !important;
color: #333;
margin-bottom 70px
table.shop_table.cart,
.woocommerce table.shop_table.cart
margin: 0;
text-align: left;
border-collapse: separate;
border-radius: 0;
table.shop_table.cart
width: 100%;
margin: 20px 0 50px 0;
table.shop_table.cart,
.woocommerce table.shop_table.cart
border 1px solid #ccc
table.shop_table.cart th,
.woocommerce table.shop_table.cart th
border: 0;
border-bottom: 2px solid #000;
padding: 15px 0;
vertical-align: middle;
color: #000;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
background #fff
table.shop_table.cart th,
.woocommerce table.shop_table.cart th
border-bottom: 1px solid #ccc;
table.shop_table.cart td,
.woocommerce table.shop_table.cart td
border: 0;
border-bottom: 1px dotted #ccc;
padding-bottom 30px
padding-top 30px
vertical-align: middle;
table.shop_table.cart tr.cart_item:last-child td,
.woocommerce table.shop_table.cart tr.cart_item:last-child td
border-bottom 0
/*woocommerce-cart*/
.cart_totals
.checkout.woocommerce-checkout
.shipping
li
margin-bottom: 6px;
&:last-child
margin-bottom 0
.cart_totals
#shipping_method
li
list-style none !important
h5
font-weight bold
font-size: 20px;
line-height 100%
margin: 16px 0 14px 0
h3,
h2
padding: 16px 0;
margin: 0;
border-bottom: 2px solid #000;
th
font-weight: bold !important;
text-decoration: none;
th, td
font-family: 'Open Sans';
font-size: 14px;
padding: 20px 0;
vertical-align: top;
td
text-align left
.cart-subtotal
th, td
border-bottom: 1px dotted #ccc;
.shipping
th
vertical-align top
td, th
border-bottom 2px solid #000
.amount
font-size: 14px
.order-total
th
vertical-align middle
.amount
font-size: 25px
.amount
font-size 18px
font-weight bold
.shipping-calculator-button
margin-top 10px
display: inline-block
.update_cart,
.checkout-button
width 100%
.wc-proceed-to-checkout
margin-top 10px
.shipping-calculator-form
padding-top 20px
.cart-collaterals
.b_button
box-sizing: border-box !important;
.shipping_calculator
.shipping-calculator-form
p.form-row
margin-bottom 4px
.b_button
margin-top 16px
width 100%
.shipping-calculator-form
.form-row
margin-bottom 10px
.woocommerce .input-text,
.woocommerce select:not(.orderby),
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap input/*,
.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=submit]*/
width 100%
padding 16px 10px
border 1px solid #c6c6c8
font-size 14px
border-radius 0
outline 0
table.shop_table.cart
.cart_totals .shipping td
text-align: right;
font-size: 13px;
font-weight: normal;
text-transform: none;
font-style: italic;
.cart_totals td
text-align: right;
color: #000;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
.amount
font-family: 'Open Sans';
.woocommerce #customer_details .form-row
margin-bottom 14px
.woocommerce form .form-row label,
.woocommerce-page form .form-row label
display: block;
font-family: 'Open Sans';
line-height: 2em;
.woocommerce form .form-row label
color: #000;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
padding: 0px 0 2px 0 !important;
.woocommerce form .form-row input[type=text]
width 100%
.woocommerce form abbr
border 0
table.shop_table .product-subtotal,
table.shop_table .product-price
width 20%
text-align center
table.shop_table .product-price
.amount
font-weight normal
table.shop_table .product-quantity
min-width: 120px;
text-align center
.cart-collaterals
.update_cart,
.checkout-button,
.update_totals
width 100%
.update_cart
margin-bottom 10px
.update_cart,
.update_totals
background-color #cccccc
border-color #cccccc
.woocommerce table.shop_table
.shipping td
text-align left
td
//padding: 15px 0 !important;
font-family: 'Open Sans';
table tr:last-child td
border-bottom 0
th.product-total
text-align: right;
.product-name
padding: 5px 10px 5px 0 !important;
width 50%
th.product-thumbnail
padding-left 15px !important
.product-thumbnail
padding-left 15px
padding-right 30px
.product-remove
padding-left 15px
padding-right 15px
td.product-total
text-align: right;
font-size: 14px;
tfoot th
border: 0 !important;
font-size: 12px;
font-weight: bold;
padding: 0 20px 0 0;
border-top: 1px solid #ccc;
tfoot td
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
tfoot td
text-align: right;
border: 0;
font-size: 14px;
tfoot
td, th
border-top: 1px solid #ccc!important
padding: 15px 0 !important
.shop_table.cart
.product-thumbnail
img
box-shadow: 0 1px 2px rgba(0, 0, 0, .20);
max-width 100px
td.product-name
font-size 14px
font-weight bold
a
color #333
td.product-price
font-size 14px
td.product-subtotal
font-size 16px
font-weight bold
#add_payment_method #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img
max-height: 50px;
vertical-align: middle;
.woocommerce #payment ul.payment_methods li img,
.woocommerce-page #payment ul.payment_methods li img
margin: -2px 10px 0 6px;
.woocommerce #payment .payment_method_paypal .about_paypal,
.woocommerce-page #payment .payment_method_paypal .about_paypal
display: inline-block;
.woocommerce-MyAccount-navigation
border: 10px solid #f5f5f5
padding-top 30px
padding-left 20px
li
margin-bottom 10px
@media screen and (min-width: 993px)
.woocommerce-MyAccount-content
padding-left 30px
/*#payment .payment_methods li
.about_paypal
display: block
margin-left: 22px;
margin-top: 6px;*/
.cart-collaterals
h5 a
color #333 !important
/* My Account */
.customer_login
max-width: 570px
margin-left auto
margin-right auto
margin-bottom: 60px
text-align center
h2
color #ccc !important
margin-bottom 0
line-height: 100%;
display: inline-block
font-size 40px !important
&.h_register
margin-left 50px
padding-left 50px
border-left 1px solid #ccc
.active
h2
color #000 !important
.form-row
margin-bottom 20px !important
input
text-align center
input[type=submit]
padding: 16px 100px !important
#customer_login
.lost_password
font-size 13px
.rememberme
margin-top: 30px
.register
.div_password
margin-bottom: 30px !important
#customer_login
.b_button
width 130px
p.myaccount_user,
p.myaccount_address,
p.order-info
border-top 2px solid #000
border-bottom 1px solid #000
padding 15px 0
.shop_table.my_account_orders
thead
th
border-top 2px solid #000
padding 15px 0
.woocommerce .cart_totals table
border-top 2px solid #000
.shop_table.cart .remove,
.cart_list_product .remove {
display block
float right
width 20px
height 20px
background: url("../images/icon_cross_in_circle.svg") no-repeat;
}
.shop_table.cart .remove
float none
margin: 0 auto
.shop_table.cart
.product-remove
width 75px
.product-thumbnail
width 120px
/* Checkout */
.woocommerce,
.woocommerce-page
#payment
margin-top 40px
ul
margin-bottom 0
list-style none
li
margin-bottom 15px
border-bottom 1px solid #ccc
padding-bottom 15px
input
margin-right 5px
label
font-family: 'Open Sans';
font-weight: bold;
font-size: 14px;
p
padding-top 10px
font-family: 'Open Sans';
font-size: 14px;
margin 0
li:last-child
border 0
margin 0
.woocommerce-thankyou-order-details
list-style none
#payment_submit
text-align right
border-top 1px solid #ccc
padding-top 20px
form.checkout
margin-top 45px
form.checkout,
form#order_review
h3, h3 label
font-family: 'Open Sans';
font-weight: bold;
font-size: 24px;
margin-bottom 45px
line-height 120%
.woocommerce-info
font-family: 'Open Sans';
font-weight: bold;
font-size: 14px;
border-top 2px solid #000
padding 14px 0
&.no-product-found
margin-top: 68px
.checkout_coupon_holder
border-bottom 1px solid #ccc
.checkout_coupon
margin-top 10px
padding-bottom 20px
p
margin 0
.form-row
float:left
margin-right 10px
.form-row-first
width 200px
.shop_table
thead, tbody
th, td
padding 15px 0
border-bottom 1px solid #ccc
font-size 14px
//tbody tr:last-child
// th, td
// border 0
thead
th
text-transform uppercase
tbody
td
font-size 14px
tfoot
tr:first-child
th, td
padding-top 40px !important
th, td
padding-top 4px !important
padding-bottom 4px !important
th
font-size 14px
color #999
text-transform uppercase
.amount
font-weight bold
.order_details_holder
border-top 1px solid #ccc
border-bottom 1px solid #ccc
margin-bottom 40px
.order_details
border-top 0
ul
margin-bottom 0
padding: 15px 0
font-size 14px
font-family: 'Open Sans';
.order_details
border-top 2px solid #000
.customer_details
border-top 2px solid #000
margin-top 4px
dt, dd
font-size 14px
.addresses
h3
font-weight bold
address, h3
font-size 14px
.h3
font-weight bold
padding 15px 0
border-top 2px solid #000
margin-bottom 0
h2
font-size 24px
font-weight bold
.wpb_wrapper
.woocommerce-error
list-style: none
.woocommerce-message,
.woocommerce-error
margin: 0 0 30px 0 !important;
position: relative;
radius: 0px;
color: #fff !important;
box-shadow: none;
text-shadow: none;
list-style: none outside;
display: block !important;
font-weight: bold;
line-height 130%
text-transform: uppercase;
font-size: 14px !important;
border: 0 !important;
li
margin-bottom 12px
&:last-child
margin-bottom 0
.woocommerce-error
background-color #ff0000
.woocommerce-message
background-color #ff7200
form .form-row-first
float: left;
form .form-row-last
float: right;
.woocommerce-order-received
header.title
margin-bottom 15px
h3
font-size 14px
@media only screen and (max-width: 40.063em)
.woocommerce,
.woocommerce-page
.woocommerce-message,
.woocommerce-error
padding: 25px 30px;
.wc-forward
color: #fff
.woocommerce,
.woocommerce-page
.woocommerce-message,
.woocommerce-error
padding: 25px 30px 25px 70px;
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last
width: 48%;
.woocommerce-error:before,
.woocommerce-message:before
content: "";
height: 40px;
width: 40px;
display: block;
position: absolute;
top: 20px;
left: 20px;
padding-top: 1em;
.woocommerce-message:before
background url(../images/done_icon.svg) no-repeat
.woocommerce-error:before
background url(../images/error_icon.svg) no-repeat
.woocommerce
.cart-subtotal
td
width 150px
#order_review_heading
margin-bottom 26px
#order_review
.shop_table
thead
th
border-top 2px solid #000
.woocommerce-message
.wc-forward
float: right;
color: #fff;
&:after
content ' →'
.comment-form-rating
label
margin-bottom 13px
display: block;
.stars
height: 30px;
margin-bottom 28px
span:after
content ''
clear both
.woocommerce,
.woocommerce-page
#review_form
.comment-reply-title
text-transform none
margin-bottom: 12px;
.commentlist .star-rating:before,
.commentlist .star-rating span:before
font-size: 12px;
line-height: 12px;
.star-1, .star-2, .star-3, .star-4, .star-5
width 100px
height 14px
float left
overflow hidden
margin-right 20px
&:before
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
content: "\f005\f005\f005\f005\f005";
color: #ccc;
font-size: 14px;
line-height: 14px;
display: block;
&:hover
&:before
color: #ff7200
&.active
&:before
color: #ff7200
.star-1
width 14px
&:before
content: "\f005";
.star-2
width 28px
&:before
content: "\f005\f005";
.star-3
width 42px
&:before
content: "\f005\f005\f005";
.star-4
width 56px
&:before
content: "\f005\f005\f005\f005";
@media screen and (max-width: 767px)
.woocommerce,
.woocommerce-page
.star-1, .star-2, .star-3, .star-4, .star-5
float none
display: block
overflow hidden
margin-right 20px
.comment-form-rating .stars
height: auto
.woocommerce-breadcrumb span.delimiter
margin: 0 7px
.woocommerce
&.single-product
.price
.amount
font-weight bold
&:first-child
margin-left 0 !important
.woocommerce-product-rating
margin-bottom 12px
.coupons
margin-top 30px
margin-bottom 30px
label
display: none
.coupon
float: left
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: inline-block;
#coupon_code
margin-right 10px
&.actions
text-align right
input
display: inline-block;
width: auto;
margin: 0;
#order_review
padding: 20px;
border: 10px solid #f5f5f5;
.woocommerce-cart,
.woocommerce-checkout
.cart-subtotal
th
width 45%
.woocommerce-checkout
.order-total
.amount
font-size: 25px
.place-order
.button.alt
width 100%
.form-row.place-order
text-align center
margin-top 20px
input
width 80%
.woocommerce
.login
padding-bottom 20px
.rememberme
margin-top 15px
.form-row
margin 14px 0 6px
#rememberme
margin-top: 0
.wpb_tabs_nav_product
&.align-center
text-align center
.wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.full-width
padding-top 1px !important
padding-left 0 !important
padding-right 0 !important
.wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper #tab-reviews_tab
padding-top 45px
.related,
.upsells,
.cross-sells
&.margin_top_10
margin-top: 10px
&.margin_top_60
margin-top: 60px
h3
margin-top 0
margin-bottom 60px !important
line-height: 100%;
.wpb_tabs.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab
padding-bottom 0
.cross-sells ul.products
padding-left 0 !important
padding-right 0 !important
.country_select.select2-container, .state_select.select2-container
display: block;
border-style: solid;
border-width: 1px;
border-color: #c6c6c8;
background: none repeat scroll 0 0 #fff;
width: 100% !important;
height: auto;
.country_select.select2-container .select2-choice > .select2-chosen,
.state_select.select2-container .select2-choice>.select2-chosen
font-weight: bold;
color: #444;
padding: 16px 10px;
.country_select.select2-container .select2-choice
border-radius: 0!important;
.country_select.select2-container .select2-choice
background: none;
border: none;
filter: none;
font-weight: 900;
padding: 0;
padding-right: 26px;
box-shadow: none;
height: auto;
line-height: 1;
.woocommerce-checkout
.select2-drop-active
border: 1px solid #c6c6c8 !important;
border-top: none;
.select2-results
background #fff
.select2-search
margin-top 4px
.woocommerce-account
.woocommerce
.addresses
margin-top 20px
.woocommerce-MyAccount-content .edit-account
legend
font-size 16px
font-weight bold
margin-bottom 18px
.lost_reset_password
text-align center
max-width 570px
margin 0 auto
h1
font-size 40px
font-weight: bold
text-transform: none
line-height 100%
margin-bottom 8px
#user_login
text-align center
.form-row
width 100% !important
text-align center
margin: 0 auto
padding: 10px 0
float: none !important
.form-row-first
padding-top: 35px
.button
padding-right 60px !important
padding-left 60px !important
p
font-weight bold
font-size 16px
.lost_password_icon
height: 100px
margin-top 70px
margin-bottom 35px
.woocommerce-cart
.empty_bag_message
margin-top 20px
.woocommerce-account,
.woocommerce-cart,
.woocommerce-checkout
.woocommerce
h2
margin-bottom 10px
.woocommerce .products
.shop-item.medium
height: 536px;
display: inline-block;
.shop-item
position: relative;
text-align: center;
overflow: hidden;
border: 18px solid transparent;
padding-left 0
padding-right 0
margin-bottom 0
.shop-item:before
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
border: 0 solid #fff;
z-index: 1;
transition: all .1s ease-out;
.shop-item:hover:before
background-color: rgba(255,255,255,0.3);
.shop-item.featured
height: 740px;
display: inline-block;
.shop-item.new-product.featured
height: 630px;
display: inline-block;
.shop-item.medium
height: 536px;
display: inline-block;
.shop-item.small
height: 310px;
display: inline-block;
.product-link
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
.shop-item .product-info
position: absolute;
top: 14px;
right: 16px;
text-align: left;
font-size: 16px;
z-index: 2;
.price
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
font-style: normal;
display: block;
.price ins
text-decoration: none;
.price del
font-size: 14px
color: rgba(84,84,84,0.55);
.price span.old-price-single
position: static;
text-decoration: line-through;
font-size: 16px;
font-weight: 500;
display: inline-block;
vertical-align: top;
margin-top: 8px;
margin-left: 12px;
.old-price
display: block;
text-decoration: line-through;
font-size: 16px;
font-weight: 500;
position: relative;
left: 33px;
top: -10px;
.old-price.us
position: static;
display: inline-block;
vertical-align: top;
margin-top: 8px;
margin-left: 12px;
.shop-item img
transition: opacity .3s ease-out;
max-width: none;
height: 100%;
position: absolute;
width: auto;
left: 50%;
transform: translateX(-50%);
.shop-item.new-product img
transition: opacity .3s ease-out;
height: 82%;
position: absolute;
width: auto;
left: 50%;
transform: translateX(-50%);
.woocommerce .shop-item img
max-width: 1000%;
.shop-item.no-img:hover:before
background-color: transparent;
.shop-item.no-img .product-info
left: 52px;
right: 52px;
max-width: 100%;
top: 50%;
line-height: 1.2;
letter-spacing: 0px;
transform: translateY(-50%);
.shop-item.no-img .product-info .price
margin-bottom: 0;
font-weight: 700;
.shop-item.no-img .product-info p
font-size: 24px;
.shop-item img.normal-height
height: auto;
top: 50%;
transform: translate(-50%, -50%);
.shop-item:hover img
opacity: .35;
.shop-item.new-product:hover img
opacity: 1;
.shop-item.new-product:hover img ~ div.product-title-new-products h4
text-decoration: underline;
.shop-item .btn
padding: .57em 2.2em;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -61px;
opacity: 0;
z-index: 3;
transition: .1s ease-out;
.shop-item:hover .btn
opacity: 1;
@media only screen and (max-width: 1200px) and (min-width: 992px)
.products-style-2
.shop-item
height: 536px !important
@media only screen and (max-width: 992px) and (min-width: 768px)
.products-style-2
.shop-item
height: 480px !important
@media only screen and (max-width: 768px) and (min-width: 480px)
.products-style-2
.shop-item
height: 400px !important
@media only screen and (max-width: 480px)
.products-style-2
.shop-item
height: 380px !important
.woocommerce-Reviews
#comments
margin-top 0
.woocommerce-noreviews
color: #999999
margin-top 20px
margin-bottom 0
.woo-review-separator
border-top 1px solid #ccc
margin-top 55px
.commentlist
margin-top: 50px;
.products
.product-category
position: relative
margin-bottom 30px !important
.img
background-repeat no-repeat;
background-position: center;
background-size cover;
position: relative
display: block
width: 100%;
height: 100%;
a
position: relative
display: block
overflow: hidden
line-height: 0
backface-visibility: hidden;
//height 300px
img
transform scale(1)
transition: transform 0.7s cubic-bezier(0.2, 1, 0.22, 1);
line-height: 1
width 100%
&:hover
img
transform scale(1.1)
.figcaption
&:before
opacity .2
.figcaption
top 0
bottom 0
position: absolute
width 100%
line-height: 110%
text-align: center
&:before
content ''
background #000
transition: opacity 0.7s cubic-bezier(0.2, 1, 0.22, 1);
position: absolute;
display: block
opacity .5
top 0
left 0
right 0
bottom 0
h3
color #fff
font-size 28px
.count
background #fff
font-weight bold
font-size: 12px
padding 2px 6px
color #000
.col-table
width 100%
height 100%
position: relative
.woocommerce
.description-container
padding-left 0
padding-right 0
.padding_right_30
padding-right: 30px
.wc_single_product_navigation
height: 80px
.products .product
.product_button
opacity 0
transition: opacity 0.15s cubic-bezier(0.2, 1, 0.22, 1);
.top-product-section:hover
.product_button
opacity 1 !important
.woocommerce
.products,
#shipping_method
margin-left 0
margin-bottom 0
li
list-style none
.update_cart_holder
float right
@media screen and (max-width: 40.063em)
table.shop_table.cart
border-left: none !important;
border-right: none !important;
thead
display: none;
.cart_item
position relative
&:after
content ''
display block
border-bottom: 1px dotted #ccc;
clear both
&:last-child:after
display none
.quantity
margin 0
tr,
td
display: block;
float: left;
width: 100% !important
border none !important
text-align left
td
padding-left: 0px !important
.product-thumbnail
padding-top: 20px !important
padding-bottom: 20px !important
padding-right: 0px !important
.product-name
.product-price
padding-top: 0px !important
padding-bottom: 15px !important
.product-quantity
padding-top: 0px !important
padding-bottom: 25px !important
.product-subtotal
padding-top: 0px !important
padding-bottom: 20px !important
.product-remove
position absolute
top 20px
right 20px
width 20px !important
height 20px
margin 0 !important
padding 0 !important
.woocommerce-cart
.coupons
input
padding-left 0px
padding-right 0px
text-align center
.coupon #coupon_code
float left
margin-right 0
.actions .coupon,
.update_cart_holder
width 100%
float: none;
.actions .coupon
input
width: 48%;
min-width: 48%;
max-width: 48%;
.update_cart_holder
input
width 100%
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last
width: 100%;
@media screen and (max-width: 992px)
.woocommerce-cart
.cart-collaterals
margin-top 50px
.woocommerce-checkout
#order_review
margin-top 50px
.woocommerce-account .woocommerce-MyAccount-content
margin-top 50px
.woocommerce-account .page-content
margin-bottom 50px
@media only screen and (min-width: 768px)
.woo-sidebar
padding-right 45px
.woo-sidebar-right
padding-left 45px
padding-right 0
@media only screen and (max-width: 768px)
.woo-sidebar-right
padding-left: 15px;
padding-right: 15px;
.coupons.actions
margin-bottom 15px
.woocommerce .cart_totals table
.cart-subtotal td,
.order-total td
text-align right
.woocommerce-account .woocommerce
.lost_password_icon
height: 70px;
margin-top: 20px;
img
width: 70px;
.lost_reset_password h1
font-size 24px
@media only screen and (min-width: 768px) and (max-width: 992px)
.cart-collaterals
.cart_totals.calculated_shipping
h5
margin-top 40px
@media only screen and (max-width: 992px)
.woocommerce-cart,
.woocommerce-checkout
.row_section > .wpb_row > .row-container
padding: 30px !important;
.woocommerce-thankyou-order-details
li
padding: 0
margin-bottom 15px
&:last-child
margin-bottom 0
.woocommerce-cart,
.woocommerce-checkout
.footer_spacer
height 60px !important
.woocommerce-order-pay #order_review
padding: 0px;
border: none;
.product-subtotal
text-align right
Zerion Mini Shell 1.0