File: /var/www/html/amberconcept/wp-content/themes/zeen/assets/css/woocommerce.css
/*!
Theme Name: Zeen
Theme URI: https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856
Description: A next generation WordPress theme with everything you need to take your site to the next level.
Version: 3.9.8.1
Author: Codetipi
Author URI: https://codetipi.com
Text Domain: zeen
*/
.preview-classic .woo-product-rating {
margin-top: 5px;
display: inline-block;
}
.coupon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.coupon ~ .button {
margin-top: 0 !important;
}
table .actions .coupon .input-text {
width: 100%;
}
table .actions .coupon .button {
min-width: 120px;
padding: 0 10px !important;
margin-top: 0 !important;
}
.woocommerce-pagination {
text-align: center;
padding: 50px 0;
clear: left;
}
.woocommerce-pagination .page-numbers {
-webkit-transition: 0.3s ease-out all;
transition: 0.3s ease-out all;
font-weight: 400;
display: inline-block;
padding: 5px 12px;
font-size: 9px;
min-width: 35px;
margin: 0 10px 10px 0;
border: 1px solid #e6e6e6;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.woocommerce-pagination .page-numbers:hover {
border-color: #111;
}
.woocommerce-pagination .prev:hover {
-webkit-transform: translatex(-2px);
transform: translatex(-2px);
}
.woocommerce-pagination .next:hover {
-webkit-transform: translatex(2px);
transform: translatex(2px);
}
.woocommerce-pagination .dots {
border-color: transparent;
padding: 5px 0;
min-width: 0;
}
.woocommerce-pagination .dots:hover {
border-color: transparent;
}
.woocommerce-pagination .dots:hover {
opacity: 0.5;
-webkit-transform: none;
transform: none;
}
.woocommerce-pagination .current:hover {
-webkit-transform: none;
transform: none;
}
.woocommerce-pagination .no-more-articles {
margin-bottom: 10px;
font-size: 14px;
}
.woocommerce-Tabs-panel--description ul {
list-style: inside;
margin-left: 0;
}
.woocommerce-Tabs-panel--description > * {
margin-bottom: 20px;
}
.woocommerce-Tabs-panel--description > *:last-child {
margin-bottom: 0;
}
.woocommerce-account.woocommerce-page #customer_login.col2-set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-account.woocommerce-page #customer_login.col2-set > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.woocommerce-account.woocommerce-page #customer_login.col2-set > .col-1 {
margin-right: 4%;
}
body.woocommerce-cart article > .hero-meta h1 {
text-align: center;
}
table .woocommerce-grouped-product-list-item__quantity {
padding-left: 0;
padding-right: 0;
}
.product .summary .grouped_form .button {
margin-left: 0 !important;
width: 100% !important;
}
.shop_attributes tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shop_attributes td, .shop_attributes th {
width: 100%;
}
.shop_attributes td p {
margin-bottom: 0;
}
.site-inner .woocommerce:not(.widget_product_search) button, a.shipping-calculator-button {
display: inline-block;
color: #fff;
background: #1c1d1e;
text-transform: uppercase;
font-size: 11px;
padding: 0 30px;
height: 32px;
line-height: 32px;
margin-top: 15px;
-webkit-transition: 0.2s all !important;
transition: 0.2s all !important;
border: 0;
}
.site-inner .woocommerce:not(.widget_product_search) button:hover, a.shipping-calculator-button:hover {
background: #444;
}
a.shipping-calculator-button {
opacity: 0.5;
padding: 0 10px;
color: #fff !important;
}
a.shipping-calculator-button:hover {
opacity: 1;
}
.cart tr th {
border: 0;
font-size: 12px;
text-transform: uppercase;
font-weight: 700 !important;
}
p.demo_store,
.woocommerce-store-notice {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #000;
color: #fff;
z-index: 99998;
display: none;
}
p.demo_store a,
.woocommerce-store-notice a {
color: #fff;
text-decoration: underline;
}
.shop-empty-cart {
padding: 60px 0;
}
.sku_wrapper {
display: inline-block;
}
.sku_wrapper .sku {
margin-left: 2px;
}
.variations .value {
position: relative;
}
.variations .value .reset_variations {
position: absolute;
bottom: -12px;
right: 10px;
font-size: 10px;
text-transform: uppercase;
background: black;
border-radius: 2px;
color: white;
padding: 3px 10px;
font-weight: 700;
}
.woocommerce-mini-cart .mini_cart_item {
margin-bottom: 15px;
padding-bottom: 15px;
text-align: left;
position: relative;
border-bottom: 1px solid #eee;
}
.woocommerce-mini-cart .mini_cart_item .remove {
position: absolute;
right: 0;
top: 0;
width: 10px;
text-align: right;
font-size: 25px;
line-height: 1;
}
.woocommerce-mini-cart .mini_cart_item .amount {
opacity: 1;
}
.woocommerce-mini-cart .mini_cart_item img {
margin-right: 30px;
}
.woocommerce-mini-cart .mini_cart_item a {
display: block;
width: 100%;
}
.woocommerce-mini-cart .mini_cart_item .quantity {
display: block;
width: 100%;
opacity: 0.5;
font-size: 12px;
float: none;
border: 0;
padding-top: 5px;
}
.product_list_widget li {
margin-bottom: 30px;
}
.product_list_widget li:after {
content: "";
display: block;
clear: both;
}
.product_list_widget li img {
float: left;
width: 75px;
margin-right: 15px;
margin-bottom: 30px;
}
.product_list_widget li .product-title {
width: 100%;
display: block;
margin-bottom: 5px;
}
.product_list_widget li .star-rating {
clear: none;
margin-bottom: 5px;
padding-left: 90px;
}
.product_list_widget li .amount {
font-size: 12px;
opacity: 0.5;
}
.sb-skin-2 .woo-product-rating span {
background: #1c1d1e;
}
.sb-skin-2 .widget_product_search form {
border-color: #333;
}
.widget_shopping_cart_content .total {
margin: 15px 0;
}
.widget_shopping_cart_content .total .amount {
float: right;
}
.woocommerce-result-count {
display: inline-block;
}
.woocommerce-ordering {
float: right;
}
.woocommerce-ordering select {
height: auto;
border: 0;
background: #f2f2f2;
height: 30px;
}
.skin-dark .woocommerce-ordering select {
background: #262626;
}
.skin-dark .woocommerce-message, .skin-dark .woocommerce-error, .skin-dark .woocommerce-info, .skin-dark .payment_box {
background: #262626;
}
.skin-dark table td, .skin-dark table th, .skin-dark .order-total th, .skin-dark .order-total td, .skin-dark .select2-container--default .select2-selection--single {
border-color: #464646;
}
.skin-dark .shop_table tfoot, .skin-dark .shop_table thead {
color: #fff;
}
.skin-dark .select2-dropdown {
background: transparent;
}
.skin-dark .select2-container--default .select2-search--dropdown .select2-search__field {
border: 0;
background: #252525;
color: #fff;
}
.woocommerce-ordering, .woocommerce-result-count {
max-width: 50%;
font-size: 12px;
margin-bottom: 30px;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
padding: 30px;
margin-top: 15px;
background: #f1f1f1;
margin-bottom: 30px;
}
.payment_box {
background: #f1f1f1;
padding: 30px;
font-size: 12px;
margin: 10px 0;
}
.payment_box p:last-of-type {
margin-bottom: 0;
}
.woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
clear: both;
padding: 0 0 1px;
list-style: none;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
color: red;
}
.woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.widget_layered_nav_filters ul li a {
text-decoration: none;
}
.widget_layered_nav_filters ul li a::before {
color: red;
vertical-align: inherit;
margin-right: .5em;
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
}
.widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
background-color: #ccc;
border-radius: 12px;
cursor: ew-resize;
outline: none;
top: -6px;
/* rtl:ignore */
margin-left: -0.5em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #ccc;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #666;
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 2px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.widget_rating_filter ul li {
padding: 0 0 1px;
}
.widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.woocommerce .woocommerce-mini-cart__buttons .button {
width: calc( 50% - 10px) !important;
}
.woocommerce-mini-cart__buttons .button {
display: block;
float: left;
height: 44px;
line-height: 44px;
border-radius: 2px;
font-size: 12px;
color: #fff;
background: #999 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce-mini-cart__buttons .checkout {
margin-left: 20px;
background: #3a6b4a !important;
}
.out-of-stock, .onsale {
position: absolute;
background: #111;
color: #fff;
top: 15px;
left: 15px;
line-height: 1.5;
padding: 5px 15px;
z-index: 5;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
}
.single-product .outofstock .entry-summary .price {
opacity: 0.3;
}
.woocommerce-page .page-title {
padding-bottom: 10px;
}
.products {
margin-bottom: 45px;
width: 100%;
clear: both;
}
.products .product {
margin-bottom: 45px;
}
.products .product .woo-product-rating {
margin-top: 5px;
display: inline-block;
}
.products .price {
margin-top: 7px;
font-size: 1rem;
display: block;
}
.products .product img {
-webkit-transition: 0.2s;
transition: 0.2s;
}
.archive.woocommerce .products .product:not(.article-window):not(.product-category) .mask {
padding-bottom: 100%;
overflow: hidden;
}
.archive.woocommerce .products .product:not(.article-window):not(.product-category) img {
opacity: 0;
position: absolute;
}
.product-category mark {
background: transparent;
}
/*------------------------------------------------------------------
[X. Woo Single]
*/
.woocommerce-product-gallery__trigger {
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
width: 60px;
height: 60px;
background: #888;
text-indent: -9999px;
border-radius: 50%;
-webkit-transition: 0.2s all;
transition: 0.2s all;
opacity: 0.5;
}
.woocommerce-product-gallery__trigger:after, .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
position: absolute;
}
.woocommerce-product-gallery__trigger:after {
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #fff;
top: 22px;
left: 19px;
}
.woocommerce-product-gallery__trigger:before {
content: "";
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 2px;
height: 15px;
background: #fff;
top: 30px;
left: 34px;
}
.woocommerce-product-gallery__trigger:hover {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.woocommerce-product-gallery__image img {
width: 100%;
}
.star-rating {
line-height: 1;
margin-right: 10px;
clear: both;
}
.woocommerce-review-link {
font-size: 12px;
}
.woo-product-rating {
color: #eabe52;
position: relative;
}
.woo-product-rating i {
margin-right: 3px;
}
.woo-product-rating span {
position: absolute;
background: #fff;
opacity: 0.75;
top: 0;
height: 100%;
right: 0;
}
.woocommerce-product-rating {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.price del {
margin-right: 5px;
opacity: 0.7;
}
.price ins {
text-decoration: none;
background: transparent;
padding: 0;
}
.product {
position: relative;
}
.product h1 {
margin: 3px 0 12px;
}
.product .summary .price {
margin-bottom: 10px;
}
.product .product_meta {
font-size: 10px;
}
.product .product_meta span {
display: block;
}
.product .product_meta .sku {
display: inline-block;
}
.product .cart {
margin: 30px 0;
}
.product .images, .product .summary {
margin-bottom: 15px;
}
.product .woocommerce-product-gallery__wrapper {
line-height: 0;
-webkit-transition: cubic-bezier(0.75, 0, 0, 1) 0.35s all;
transition: cubic-bezier(0.75, 0, 0, 1) 0.35s all;
}
.product .flex-viewport {
margin-bottom: 6px;
}
.product .products {
padding-top: 45px;
}
.product .share-it {
margin-top: 30px;
}
.product .share-it .title {
font-size: 12px;
font-weight: 400;
}
.product .share-it .share-button {
margin-right: 15px;
color: #232323;
}
.product input.qty {
height: 58px;
}
.product .qty-arrows {
height: 58px;
}
.quantity {
float: left;
border: 1px solid #ddd;
}
input.qty {
-webkit-appearance: none;
padding: 0 5px 0 10px !important;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline: 0;
border: 0 !important;
width: 48px !important;
}
input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.qty-arrows {
display: block;
width: 25px;
height: 48px;
float: right;
padding: 5px 0 10px;
color: #555;
}
.qty-arrows span {
display: block;
height: 50%;
}
.woocommerce-loop-product__title, .woocommerce-loop-category__title {
font-size: 20px;
margin-top: 15px;
}
div.woocommerce ul {
list-style: none;
margin-left: 0;
}
.woocommerce .products > h2 {
margin-bottom: 30px;
}
.woocommerce .product-quantity {
font-weight: 400;
}
.woocommerce .stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
.woocommerce .stars a:before {
font-family: 'tipi';
content: '\f005';
display: block;
position: absolute;
color: #ebc159;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
text-indent: 0;
opacity: 0.25;
}
.woocommerce .selected a:before {
opacity: 1;
}
.woocommerce .selected a:not(.active):before {
content: '\f005';
}
.woocommerce .selected a.active ~ a:before {
content: '\f006';
}
.woocommerce input, .woocommerce textarea, .woocommerce .select2-container--default .select2-selection--single {
font-size: 12px;
}
.woocommerce .select2-container--open .select2-selection--single {
border: 1px solid #aaa !important;
}
.woocommerce .button {
width: auto !important;
display: inline-block;
height: 48px !important;
line-height: 48px;
font-size: 12px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
color: inherit;
text-align: left;
}
.woocommerce .woocommerce-billing-fields .form-row-first, .woocommerce .woocommerce-billing-fields .form-row-last {
width: calc( 50% - 15px);
float: left;
}
.woocommerce .woocommerce-billing-fields .form-row-first {
margin-right: 30px;
}
.woocommerce .form-row label {
margin-bottom: 5px;
display: block;
}
.woocommerce .form-row .checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .form-row input, .woocommerce .form-row textarea {
width: 100%;
}
.woocommerce .woocommerce-form__label-for-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .woocommerce-form__label-for-checkbox input {
display: none;
}
.woocommerce .woocommerce-form__label-for-checkbox input + span:before {
width: 12px;
line-height: 13px;
height: 12px;
display: inline-block;
margin-right: 10px;
border: 1px solid #c5c5c5;
font-family: 'tipi';
content: "\e908";
color: #fff;
vertical-align: middle;
font-size: 10px;
text-align: center;
-webkit-transition: 0.2s all;
transition: 0.2s all;
}
.woocommerce .woocommerce-form__label-for-checkbox span {
font-size: 15px;
display: block;
position: relative;
}
.woocommerce .woocommerce-form__label-for-checkbox input:checked + span:before {
background: #1c1d1e;
border-color: #1c1d1e;
}
.woocommerce .select2-container {
height: 48px;
}
.payment_methods {
margin-bottom: 30px;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
margin-top: 15px;
}
form #ship-to-different-address {
margin-bottom: 55px !important;
}
form .woocommerce-billing-fields > h3 {
margin-bottom: 30px !important;
}
.woocommerce-thankyou-order-details {
margin-bottom: 30px;
}
.woocommerce-page .title-beneath.hero-s .meta-wrap {
padding-top: 0;
}
.woocommerce-tabs {
width: 100%;
clear: both;
padding-bottom: 30px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
padding-top: 30px;
}
.woocommerce-tabs .woocommerce-noreviews {
font-size: 12px;
margin-bottom: 10px;
}
.woocommerce-tabs:after, .woocommerce-tabs:before {
content: "";
clear: both;
display: table;
}
.woocommerce-tabs .tabs li a {
opacity: 0.35;
position: relative;
display: block;
margin-bottom: 10px;
}
.woocommerce-tabs .tabs li a:after {
position: absolute;
right: 0;
top: 0;
-webkit-transform: translate(-10px, 0);
transform: translate(-10px, 0);
display: block;
font-family: 'tipi';
content: "\e909";
-webkit-transition: 0.2s all;
transition: 0.2s all;
opacity: 0;
}
.woocommerce-tabs .tabs .active a {
opacity: 1;
}
.woocommerce-tabs .tabs .active a:after {
opacity: 1;
}
table .product-remove {
font-size: 20px;
}
table .actions .coupon {
float: left;
}
table .actions .coupon input {
width: auto;
}
table .actions .coupon label {
display: none;
}
.shop_table tfoot, .shop_table thead {
font-weight: 700;
color: #000;
}
.shop_table td, .shop_table th {
padding: 15px 5px;
}
td.product-name {
width: 33%;
}
#place_order {
background: #3a6b4a;
color: #fff;
border: 0;
padding: 0 60px;
}
.woocommerce-Reviews .comment-reply-title {
font-size: 1.2em;
}
.woocommerce-Reviews .comment-form {
margin-top: 15px;
}
.woocommerce-Reviews .comment-notes {
padding-bottom: 20px;
}
.woocommerce-Reviews .comment-form-email {
width: 100%;
margin-right: 0;
}
.woocommerce-Reviews .meta {
margin-bottom: 10px;
float: none;
}
.woocommerce-Reviews .comment {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #eee;
}
.woocommerce-Reviews .woocommerce-review__dash {
display: none;
}
.woocommerce-Reviews .woocommerce-review__published-date {
display: block;
font-size: 12px;
opacity: 0.5;
}
.woocommerce-Reviews .woocommerce-review__author {
text-transform: uppercase;
}
.woocommerce-Reviews .review-meta-wrap {
margin-bottom: 15px;
display: block;
text-align: center;
}
.woocommerce-Reviews .avatar {
width: 50px;
border-radius: 50%;
padding-top: 5px;
}
.woocommerce-Reviews .star-rating {
margin-right: 0;
}
.summary .cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.summary .cart .button {
width: 100% !important;
height: 60px !important;
font-size: 15px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.summary .cart .quantity {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.summary .cart .quantity:not(.hidden) ~ .button {
width: calc( 100% - 90px) !important;
margin-left: 15px !important;
}
.summary .variations_form {
display: block;
}
.pswp__caption__center {
text-align: center;
}
.woocommerce-MyAccount-navigation-link {
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
}
.woocommerce-MyAccount-navigation-link.is-active:after {
position: absolute;
right: 0;
top: 0;
display: block;
font-family: 'tipi';
content: "\e909";
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 33%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: calc( 67% - 45px);
}
.cart-collaterals td {
text-align: right;
}
.order-total th, .order-total td {
border-bottom: 1px solid #f1f1f1;
}
.wc-proceed-to-checkout {
float: right;
}
#wc-stripe-payment-request-button-separator {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#wc-stripe-payment-request-wrapper {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.woocommerce-message .button {
height: 40px !important;
line-height: 40px;
font-size: 12px;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery li {
float: left;
display: inline-block;
width: calc( 33% - 4px);
}
.woocommerce-product-gallery li img {
width: 100%;
}
.woocommerce-product-gallery .flex-control-nav {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-layout-1 .woocommerce-product-gallery li:nth-child(3n+2):nth-last-child(-n+3):last-child {
margin-right: auto;
margin-left: 8px;
}
.product-layout-2 .flex-control-thumbs {
width: 100%;
}
@media only screen and (min-width: 481px) {
/*------------------------------------------------------------------
[X. WooCommerce 481]
*/
.product > .outofstock, .product > .onsale {
margin-left: 15px;
}
.woocommerce-product-gallery__trigger {
right: 30px;
}
.product .images {
float: left;
width: 50%;
margin-bottom: 45px;
padding-right: 15px;
}
.product .summary {
float: right;
width: 50%;
padding-left: 15px;
margin-bottom: 30px;
}
.woocommerce-message .button {
float: right;
}
.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.products .product {
float: left;
width: 48%;
}
.woocommerce-tabs {
padding-top: 45px;
}
.woocommerce-tabs h2:first-child {
display: none;
}
.woocommerce-tabs .tabs {
width: 40%;
float: left;
padding-right: 10%;
}
.woocommerce-tabs .tabs li a:after {
content: "\e90b";
}
.woocommerce-tabs .tabs .active a:after {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.woocommerce-tabs .panel {
width: 60%;
float: right;
margin-right: 0;
margin-top: 0;
}
table .actions button[name="update_cart"] {
float: right;
}
form.checkout .col2-set {
width: 100%;
float: left;
margin-bottom: 30px;
}
form.checkout .col-1, form.checkout .col-2 {
width: calc( 50% - 15px);
float: left;
}
form.checkout .col-1 {
margin-right: 30px;
}
.woocommerce-MyAccount-navigation-link.is-active:after {
content: "\e90b";
}
.woocommerce-message .button {
margin-top: -8px;
}
.woocommerce-MyAccount-content .woocommerce-Message a {
margin-right: 10px;
}
}
@media only screen and (max-width: 480px) {
/*------------------------------------------------------------------
[X. WooCommerce -480]
*/
.woocommerce-tabs .tabs {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #f1f1f1;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
}
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a {
margin-bottom: 15px;
}
table .product-thumbnail {
display: none;
}
table input.qty {
width: 30px;
}
table .actions .coupon {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
table .actions button[name="update_cart"] {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.product .summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product .summary > * {
width: 100%;
}
.product .summary .woocommerce-product-details__short-description {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-top: 0;
}
}
@media only screen and (min-width: 768px) {
/*------------------------------------------------------------------
[X. WooCommerce 768px ]
*/
body.woocommerce-page .entry-content-wrap {
padding-bottom: 100px;
}
.extras .product_type_variable-subscription.add_to_cart_button, .extras .product_type_variable.add_to_cart_button {
display: none;
}
.woocommerce-loop-product__title, .woocommerce-loop-category__title {
font-size: 18px;
}
.woo-layout-3 .products .product {
width: calc(33.33333% - 30px);
}
.woo-layout-4 .products .product {
width: calc(25% - 30px);
}
.woo-layout-12 #container {
float: left;
}
.woo-layout-12 .products .product {
width: 48%;
}
.woo-layout-13 #container {
float: left;
}
.woo-layout-13 .products .product {
width: 30.52%;
}
.single-product.woo-related-3 .related .product {
width: 30.8% !important;
}
.single-product.woo-related-2 .related .product {
width: 48.1% !important;
}
}
@media only screen and (min-width: 1020px) {
/*------------------------------------------------------------------
[X. Woocommerce 1020px ]
*/
.product-layout-2 .flex-control-thumbs {
width: calc( 100px - 3px) !important;
float: left;
max-height: 520px;
overflow-y: scroll;
}
.product-layout-2 .flex-control-thumbs li {
width: 100%;
margin-right: 2px;
}
.product-layout-2 .flex-control-thumbs::-webkit-scrollbar-thumb {
background: #222;
border-radius: 2px;
visibility: hidden;
}
.product-layout-2 .flex-control-thumbs::-webkit-scrollbar {
width: 3px;
height: 3px;
margin-right: 10px;
}
.product-layout-2 .flex-control-thumbs:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.product-layout-2 .flex-viewport {
float: right;
width: calc(100% - 100px);
}
.product > .outofstock, .product > .onsale {
display: inline-block;
position: static;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
/*------------------------------------------------------------------
[X. Woocommerce 1200px ]
*/
.product .cart {
margin: 60px 0;
}
.woocommerce-Reviews .description {
width: 70%;
padding-left: 30px;
}
.woocommerce-Reviews .review-meta-wrap {
width: 30%;
}
.woocommerce-Reviews .comment-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-layout-2 .product .summary {
padding-left: 30px;
}
.product-layout-2 .product .images {
padding-right: 30px;
}
.product-layout-2 .product > .outofstock, .product-layout-2 .product > .onsale {
margin-left: 30px;
}
.product-layout-2 .woocommerce-product-gallery__trigger {
right: 45px;
}
}
.link-color-wrap .woocommerce-loop-product__link {
position: static;
}