@charset "UTF-8";

@font-face {
font-family: "star";
src: url(//www.tpm-pac.com/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src: url(//www.tpm-pac.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//www.tpm-pac.com/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"), url(//www.tpm-pac.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"), url(//www.tpm-pac.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: normal;
font-style: normal;
}
@keyframes kosi-loading {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes kosi-loading {
100% {
-webkit-transform: rotate(360deg);
}
}
@font-face {
font-family: "kosi-icon";
src: url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.eot);
src: url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.eot?#iefix) format("eot"), url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.woff2) format("woff2"), url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.woff) format("woff"), url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.ttf) format("truetype"), url(https://www.tpm-pac.com/wp-content/themes/kosi/assets/fonts/kosi-icon.svg#kosi-icon) format("svg");
font-display: swap;
}
[class*=kosi-icon-] {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
[data-elementor-columns] {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
[data-elementor-columns] .column-item {
padding-left: 20px;
padding-right: 20px;
}
[data-elementor-columns-mobile="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns-mobile="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns-mobile="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns-mobile="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns-mobile="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns-mobile="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
@media (min-width: 768px) {
[data-elementor-columns-tablet="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns-tablet="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns-tablet="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns-tablet="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns-tablet="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns-tablet="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1024px) {
[data-elementor-columns="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
.container, .woocommerce-account .woocommerce {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: var(--container);
}
@media (min-width: 768px) and (max-width: 1380px) {
.container, .woocommerce-account .woocommerce {
padding-left: 30px;
padding-right: 30px;
width: auto;
}
}
.container.no-padding, .woocommerce-account .no-padding.woocommerce {
padding: 0;
}
@media (max-width: 1200px) {
.container.no-padding.padding-mobile, .woocommerce-account .no-padding.padding-mobile.woocommerce {
padding-left: 20px;
padding-right: 20px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
[class*=" column-"], [class^=column-] {
padding-left: 20px;
padding-right: 20px;
}
.column-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.column-tablet-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-tablet-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-tablet-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-tablet-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-tablet-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-tablet-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-tablet-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-tablet-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-tablet-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-tablet-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-tablet-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-tablet-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1024px) {
.column-desktop-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-desktop-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-desktop-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-desktop-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-desktop-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-desktop-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-desktop-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-desktop-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-desktop-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-desktop-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-desktop-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-desktop-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.hide {
display: none !important;
}
@media (min-width: 768px) {
.tablet-hide {
display: none !important;
}
}
@media (min-width: 1024px) {
.desktop-hide {
display: none !important;
}
}
@media (max-width: 767px) {
.tablet-hide-down {
display: none !important;
}
}
@media (max-width: 1023px) {
.desktop-hide-down {
display: none !important;
}
}
@keyframes slideInDown {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 100%, 0);
visibility: hidden;
}
to {
transform: translate3d(0, 0, 0);
}
}
.price del {
color: var(--light);
font-size: 0.85em;
font-weight: 400;
}
.price ins {
color: var(--primary);
font-weight: inherit;
}
.site-search {
font-size: 14px;
color: var(--text);
clear: both;
display: none;
}
.site-search .widget_product_search input[type=text],
.site-search .widget_product_search input[type=search] {
padding: 1em 1.41575em;
line-height: 1;
}
.site-search .widget_product_search #searchsubmit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
} @media (max-width: 767px) {
table.shop_table_responsive thead {
display: none;
}
}
@media (max-width: 767px) {
table.shop_table_responsive tr {
border-bottom: 1px solid var(--border);
}
table.shop_table_responsive tr:last-child {
border-bottom: 0;
}
table.shop_table_responsive tr td, table.shop_table_responsive tr th {
border: 0;
}
}
table.shop_table_responsive tr.product-purchase-note {
font-size: 14px;
font-style: italic;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before, table.shop_table_responsive tr td::after {
content: "";
display: table;
}
table.shop_table_responsive tr td::after {
clear: both;
}
table.shop_table_responsive tr td[data-title]::before {
content: attr(data-title) ": ";
font-weight: 600;
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
table.shop_table_responsive.my_account_orders .order-actions {
text-align: right;
}
table.shop_table_responsive.my_account_orders .order-actions::before {
display: none;
}   .rtl .widget_price_filter .price_label,
.rtl .widget_price_filter .price_label span {
direction: ltr;
unicode-bidi: embed;
}  .woocommerce-form__label-for-checkbox {
cursor: pointer;
display: block;
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
margin-right: 0.3342343017em;
}
.select2-dropdown {
border: 1px solid;
border-color: var(--border);
}
.form-row label {
color: var(--accent);
display: block;
margin-bottom: 0.5em;
font-weight: 600;
font-size: 14px;
}
.form-row .select2-container--default .select2-selection--single {
font-size: 14px;
border: 1px solid;
border-color: var(--border);
border-radius: 0;
min-height: 60px;
background-color: var(--background);
}
.form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 60px;
color: var(--text);
padding-right: 1em;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 60px;
right: 1em;
}
.form-row .select2-container--default .select2-search--dropdown .select2-search__field {
background: #fff !important;
}
.form-row input,
.form-row textarea,
.form-row select {
width: 100%;
}
.form-row input[type=checkbox],
.form-row input[type=radio] {
width: auto;
}
.form-row .button {
width: auto;
}
.form-row.create-account label {
display: inline-block;
}
.form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.form-row.woocommerce-invalid input.input-checkbox {
outline: 2px solid #e2401c;
outline-offset: 1px;
}
.form-row.woocommerce-invalid .select2-selection {
border-color: #e2401c;
border-width: 2px;
}
.form-row-last {
margin-right: 0 !important;
}
.form-row-wide {
clear: both;
width: 100%;
}
.required {
color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 69px;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background-color: #3d9cd2;
color: #fff;
z-index: 9998;
}
.demo_store a {
color: #fff;
font-weight: 400;
text-decoration: underline;
}
.demo_store a:hover {
text-decoration: none;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
display: block;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 14px;
width: 6.3em;
font-family: "star";
font-weight: 400;
}
.star-rating::before {
content: "s s s s s";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "S S S S S";
top: 0;
position: absolute;
left: 0;
color: #F5B400;
}
p.stars {
display: inline-block;
margin: 0;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "star";
content: "\53";
color: var(--text);
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: var(--text);
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: var(--text);
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: var(--primary);
opacity: 1;
}
li.product .product-labels {
position: absolute;
top: 20px;
left: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
}
li.product .product-labels .product-label {
padding: 0 8px;
text-transform: uppercase;
font-size: 12px;
color: #fff;
margin-bottom: 8px;
line-height: 22px;
min-width: 38px;
}
li.product .product-labels .product-label.onsale {
background: #25B133;
}
li.product .product-labels .product-label.featured {
background: #EF4914;
}
li.product .product-labels .product-label.out-of-stock {
background: #767676;
}
.quantity .qty {
width: 4.235801032em;
text-align: center;
}
.kosi-sorting {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
align-items: center;
background: var(--background_light);
padding: 15px 15px 10px;
}
.kosi-sorting > * {
margin-bottom: 5px;
}
.kosi-sorting .woocommerce-notices-wrapper {
width: 100%;
margin-bottom: 0;
}
.kosi-sorting .gridlist-toggle {
font-size: 20px;
margin-right: 20px;
padding-right: 20px;
position: relative;
display: flex;
align-items: center;
}
.kosi-sorting .gridlist-toggle a {
display: block;
color: var(--light);
}
.kosi-sorting .gridlist-toggle a.list {
margin-left: 10px;
}
.kosi-sorting .gridlist-toggle a.active {
color: var(--accent);
cursor: no-drop;
}
.kosi-sorting .gridlist-toggle a:hover {
color: var(--primary);
}
.kosi-sorting .gridlist-toggle:after {
content: "";
height: 20px;
width: 1px;
background-color: var(--accent);
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.kosi-sorting .woocommerce-ordering {
position: relative;
display: flex;
align-items: center;
}
.kosi-sorting .woocommerce-ordering label {
font-weight: 400;
margin-right: 12px;
white-space: nowrap;
}
.kosi-sorting .woocommerce-ordering select {
font-weight: 400;
color: var(--accent);
font-size: 13px;
border-radius: 3px;
background-size: 9px;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 20px;
}
.kosi-sorting .kosi-products-per-page {
margin-left: 30px;
margin-right: 30px;
position: relative;
display: flex;
align-items: center;
}
.kosi-sorting .kosi-products-per-page label {
font-weight: 400;
margin-right: 12px;
white-space: nowrap;
}
.kosi-sorting .kosi-products-per-page select {
font-weight: 400;
color: var(--accent);
font-size: 13px;
border-radius: 3px;
background-size: 9px;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 10px;
}
@media (max-width: 1200px) {
.kosi-sorting .kosi-products-per-page label,
.kosi-sorting .woocommerce-ordering label {
display: none;
}
}
@media (min-width: 768px) {
.kosi-sorting select {
width: auto;
}
.kosi-sorting .woocommerce-result-count {
margin-right: auto;
}
}
.kosi-pagination-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.kosi-pagination-wrapper > * {
margin-top: 0;
margin-bottom: 15px;
}
.related,
.upsells {
margin-bottom: 15px;
margin-top: 80px;
}
.related > h2:first-child,
.upsells > h2:first-child {
text-align: center;
margin-bottom: 55px;
letter-spacing: 1px;
padding-top: 110px;
border-top: 1px solid var(--border);
color: var(--accent);
}
@media (min-width: 1024px) {
.related ul.products li.product,
.upsells ul.products li.product {
margin-bottom: 0;
}
}
.related .slick-track,
.upsells .slick-track {
margin-left: 0;
}
.related .slick-list li.product,
.upsells .slick-list li.product {
max-width: 100% !important;
}
.related .slick-slider .slick-dots,
.upsells .slick-slider .slick-dots {
position: static;
}
.related ul.products.slick-slider,
.upsells ul.products.slick-slider {
display: none;
}
.related ul.products.slick-initialized,
.upsells ul.products.slick-initialized {
display: block;
}
ul.products.slick-slider {
display: none;
}
ul.products.slick-initialized {
display: block;
}
.hentry .woocommerce-message,
.hentry .woocommerce-info,
.hentry .woocommerce-error,
.hentry .woocommerce-noreviews,
.hentry p.no-comments {
margin-left: 0;
}
.hentry .woocommerce-message strong,
.hentry .woocommerce-info strong,
.hentry .woocommerce-error strong,
.hentry .woocommerce-noreviews strong,
.hentry p.no-comments strong {
color: #fff;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
margin: 0 0 30px 0 !important;
padding: 1em 1.618em;
background-color: #0f834d;
border-radius: 2px;
color: #fff;
clear: both;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
}
.woocommerce-message::before, .woocommerce-message::after,
.woocommerce-info::before,
.woocommerce-info::after,
.woocommerce-error::before,
.woocommerce-error::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
content: "";
display: table;
}
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after,
.woocommerce-noreviews::after,
p.no-comments::after {
clear: both;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
color: #fff;
}
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover {
color: #fff;
opacity: 0.7;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
opacity: 1;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
float: right;
padding: 0;
background: none;
color: #fff;
box-shadow: none;
line-height: 1.618;
margin-left: 1em;
padding-left: 1em;
border-width: 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(255, 255, 255, 0.25) !important;
border-radius: 0;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
background: none;
color: #fff;
opacity: 0.7;
}
.woocommerce-message strong,
.woocommerce-info strong,
.woocommerce-error strong,
.woocommerce-noreviews strong,
p.no-comments strong {
color: #fff;
}
.woocommerce-message pre,
.woocommerce-info pre,
.woocommerce-error pre,
.woocommerce-noreviews pre,
p.no-comments pre {
background-color: rgba(0, 0, 0, 0.1);
}
.woocommerce-error {
list-style: none;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.widget_shopping_cart dl.variation {
margin-left: 96px;
border-left: 1px dashed var(--border);
padding-left: 15px;
}
dl.variation dt {
margin-right: 5px;
font-weight: 600;
}
.widget_shopping_cart dl.variation dt {
line-height: 20px;
}
.widget_shopping_cart dl.variation dt .amount {
font-family: "Kosi-body", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
dl.variation dd {
margin: 0 0 5px;
color: var(--primary);
font-weight: 600;
}
.widget_shopping_cart dl.variation dd {
line-height: 20px;
}
dl.variation dd p {
margin-bottom: 5px !important;
}
.wc-item-meta {
font-size: 0.875em;
margin-left: 0;
list-style: none;
}
.wc-item-meta li::before, .wc-item-meta li::after {
content: "";
display: table;
}
.wc-item-meta li::after {
clear: both;
}
.wc-item-meta li strong,
.wc-item-meta li p {
display: inline-block;
} .kosi-product-section {
margin-bottom: 1.618em;
}
.kosi-product-section .section-title {
text-align: center;
margin-bottom: 1em;
}
.kosi-product-section:last-child {
margin-bottom: 0;
} .kosi-product-pagination {
position: relative;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.kosi-product-pagination {
display: none;
}
}
.kosi-product-pagination > a {
padding-bottom: 10px;
padding-top: 10px;
}
.kosi-product-pagination > a > span {
font-size: 12px;
color: var(--light);
display: flex;
align-items: center;
}
.kosi-product-pagination > a > span i {
color: var(--accent);
font-size: 10px;
}
.kosi-product-pagination > a + a > span:before {
content: "\7c";
color: var(--border);
margin-right: 5px;
}
.kosi-product-pagination > a.prev-product {
margin-right: 5px;
}
.kosi-product-pagination > a.prev-product > span i {
margin-right: 5px;
}
.kosi-product-pagination > a.next-product > span i {
margin-left: 5px;
}
.kosi-product-pagination > a:hover > span {
color: var(--primary);
}
.kosi-product-pagination > a:hover > span i {
color: var(--primary);
}
.kosi-product-pagination > a:hover .product-item {
opacity: 1;
visibility: visible;
pointer-events: auto;
top: 100%;
}
.kosi-product-pagination a:nth-child(2):hover {
color: var(--accent);
}
.kosi-product-pagination .product-item {
position: absolute;
right: 0;
top: calc(100% + 10px);
opacity: 0;
visibility: visible;
pointer-events: none;
width: 230px;
background: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
text-align: left;
transition: all ease-in-out 0.3s;
border-radius: 0;
overflow: hidden;
z-index: 99;
}
.kosi-product-pagination .product-item img {
max-width: 80px;
}
.kosi-product-pagination .product-item .kosi-product-pagination-content {
padding: 0 15px;
}
.kosi-product-pagination .product-item .kosi-product-pagination__title {
color: var(--accent);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 2.4em;
font-weight: 600;
line-height: 1.2;
margin-bottom: 5px;
font-size: 14px;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: 0.03em;
}
.kosi-product-pagination .product-item .kosi-product-pagination__title:hover {
color: var(--primary);
}
.kosi-product-pagination .product-item .price {
display: flex;
align-items: baseline;
font-size: 14px;
color: var(--primary);
}
.kosi-product-pagination .product-item .price del {
color: var(--accent);
order: 2;
margin-left: 0.327em;
font-weight: 400;
font-size: 14px;
}
.kosi-product-pagination .product-item .price ins {
order: 1;
margin-left: 0;
font-weight: 700;
font-size: 14px;
color: #ef3636;
} .kosi-sticky-add-to-cart {
display: none;
}
@media (max-width: 1023px) {
.kosi-archive-product #secondary {
display: none;
}
}
@media (max-width: 767px) {
.woocommerce-result-count {
display: none;
}
} .products-no-gutter ul.products {
margin-left: 0;
margin-right: 0;
}
.products-no-gutter .products-list ul.products {
margin-left: -20px;
margin-right: -20px;
}
.added_to_cart.wc-forward {
display: none;
}
ul.products,
.wc-block-grid__products {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 0;
clear: both;
display: flex;
flex-wrap: wrap;
}
ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
padding-left: 20px;
padding-right: 20px;
list-style: none;
margin-bottom: 50px;
position: relative;
width: 100%;
font-family: "Kosi-body", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
@media (max-width: 767px) {
ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
margin-bottom: 30px;
}
}
@media (min-width: 450px) and (max-width: 768px) {
ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
width: 50%;
}
}
ul.products li.product .product-block,
ul.products .wc-block-grid__product .product-block,
.wc-block-grid__products li.product .product-block,
.wc-block-grid__products .wc-block-grid__product .product-block {
position: relative;
transition: all 0.4s ease-in-out;
height: 100%;
}
ul.products li.product .added_to_cart.wc-forward,
ul.products .wc-block-grid__product .added_to_cart.wc-forward,
.wc-block-grid__products li.product .added_to_cart.wc-forward,
.wc-block-grid__products .wc-block-grid__product .added_to_cart.wc-forward {
display: none;
}
ul.products li.product .posted-in,
ul.products .wc-block-grid__product .posted-in,
.wc-block-grid__products li.product .posted-in,
.wc-block-grid__products .wc-block-grid__product .posted-in {
color: var(--light);
font-size: 14px;
line-height: 1.35;
}
ul.products li.product .posted-in a,
ul.products .wc-block-grid__product .posted-in a,
.wc-block-grid__products li.product .posted-in a,
.wc-block-grid__products .wc-block-grid__product .posted-in a {
color: var(--light);
}
ul.products li.product .posted-in a:hover,
ul.products .wc-block-grid__product .posted-in a:hover,
.wc-block-grid__products li.product .posted-in a:hover,
.wc-block-grid__products .wc-block-grid__product .posted-in a:hover {
color: var(--primary);
}
ul.products li.product .woocommerce-LoopProduct-link,
ul.products .wc-block-grid__product .woocommerce-LoopProduct-link,
.wc-block-grid__products li.product .woocommerce-LoopProduct-link,
.wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link {
display: block;
}
ul.products li.product .price,
ul.products .wc-block-grid__product .price,
.wc-block-grid__products li.product .price,
.wc-block-grid__products .wc-block-grid__product .price {
display: block;
color: var(--accent);
font-size: 16px;
font-weight: 600;
}
ul.products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
.wc-block-grid__products .wc-block-grid__product .price ins {
font-weight: 600;
}
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products .wc-block-grid__product h2,
ul.products .wc-block-grid__product h3,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products li.product h2,
.wc-block-grid__products li.product h3,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product h2,
.wc-block-grid__products .wc-block-grid__product h3,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 8px;
}
ul.products li.product h2 a,
ul.products li.product h3 a,
ul.products li.product .woocommerce-loop-product__title a,
ul.products li.product .wc-block-grid__product-title a,
ul.products .wc-block-grid__product h2 a,
ul.products .wc-block-grid__product h3 a,
ul.products .wc-block-grid__product .woocommerce-loop-product__title a,
ul.products .wc-block-grid__product .wc-block-grid__product-title a,
.wc-block-grid__products li.product h2 a,
.wc-block-grid__products li.product h3 a,
.wc-block-grid__products li.product .woocommerce-loop-product__title a,
.wc-block-grid__products li.product .wc-block-grid__product-title a,
.wc-block-grid__products .wc-block-grid__product h2 a,
.wc-block-grid__products .wc-block-grid__product h3 a,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title a,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a {
color: var(--accent);
}
ul.products li.product h2 a:hover,
ul.products li.product h3 a:hover,
ul.products li.product .woocommerce-loop-product__title a:hover,
ul.products li.product .wc-block-grid__product-title a:hover,
ul.products .wc-block-grid__product h2 a:hover,
ul.products .wc-block-grid__product h3 a:hover,
ul.products .wc-block-grid__product .woocommerce-loop-product__title a:hover,
ul.products .wc-block-grid__product .wc-block-grid__product-title a:hover,
.wc-block-grid__products li.product h2 a:hover,
.wc-block-grid__products li.product h3 a:hover,
.wc-block-grid__products li.product .woocommerce-loop-product__title a:hover,
.wc-block-grid__products li.product .wc-block-grid__product-title a:hover,
.wc-block-grid__products .wc-block-grid__product h2 a:hover,
.wc-block-grid__products .wc-block-grid__product h3 a:hover,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title a:hover,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title a:hover {
color: var(--primary);
}
ul.products li.product .star-rating,
ul.products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
.wc-block-grid__products .wc-block-grid__product .star-rating {
font-size: 14px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
}
ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
display: block;
margin: 0 auto;
width: 100%;
}
ul.products li.product.product-category h2,
ul.products li.product.product-category h3,
ul.products li.product.product-category .woocommerce-loop-category__title,
ul.products .wc-block-grid__product.product-category h2,
ul.products .wc-block-grid__product.product-category h3,
ul.products .wc-block-grid__product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products li.product.product-category h2,
.wc-block-grid__products li.product.product-category h3,
.wc-block-grid__products li.product.product-category .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product.product-category h2,
.wc-block-grid__products .wc-block-grid__product.product-category h3,
.wc-block-grid__products .wc-block-grid__product.product-category .woocommerce-loop-category__title {
font-size: 1.1em;
}
ul.products li.product.product-category img,
ul.products .wc-block-grid__product.product-category img,
.wc-block-grid__products li.product.product-category img,
.wc-block-grid__products .wc-block-grid__product.product-category img {
margin-bottom: 1.618em;
}
ul.products li.product .button-group,
ul.products .wc-block-grid__product .button-group,
.wc-block-grid__products li.product .button-group,
.wc-block-grid__products .wc-block-grid__product .button-group {
display: flex;
margin-top: auto;
}
@media (max-width: 767px) {
ul.products.columns-mobile-2,
.wc-block-grid__products.columns-mobile-2 {
margin-left: -10px;
margin-right: -10px;
}
ul.products.columns-mobile-2 li.product,
ul.products.columns-mobile-2 .wc-block-grid__product,
.wc-block-grid__products.columns-mobile-2 li.product,
.wc-block-grid__products.columns-mobile-2 .wc-block-grid__product {
padding-left: 10px;
padding-right: 10px;
}
}
li.product .product-block:hover .product-transition .shop-action {
bottom: 24px;
opacity: 1;
}
li.product .product-block:hover .product-img-wrap .inner {
-ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
li.product .product-block:hover .product-img-wrap.bottom-to-top .inner {
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
li.product .product-block:hover .product-img-wrap.top-to-bottom .inner {
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
li.product .product-block:hover .product-img-wrap.left-to-right .inner {
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
li.product .product-block:hover .product-img-wrap.right-to-left .inner {
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
li.product .product-block:hover .product-img-wrap.swap .product-image {
opacity: 0;
}
li.product .product-block:hover .product-img-wrap.swap .product-image img {
transform: rotateY(180deg);
}
li.product .product-block:hover .product-img-wrap.swap .product-image.second-image {
opacity: 1;
}
li.product .product-block:hover .product-img-wrap.swap .product-image.second-image img {
transform: rotateY(0deg);
}
li.product .product-block:hover .product-img-wrap.fade .product-image {
opacity: 0;
}
li.product .product-block:hover .product-img-wrap.fade .product-image.second-image {
opacity: 1;
}
li.product .product-block:hover .product-img-wrap.zoom-in .product-image.second-image {
transform: scale(1);
}
li.product .product-block:hover .product-img-wrap.zoom-out .product-image {
transform: scale(0);
}
li.product .product-block:hover .product-img-wrap.zoom-out .product-image.second-image {
transform: scale(1);
}
li.product .product-transition .shop-action {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
display: flex;
justify-content: space-evenly;
opacity: 0;
transition: all ease 0.3s;
z-index: 7;
}
li.product .shop-action .woosc-btn,
li.product .shop-action .woosq-btn,
li.product .shop-action .woosw-btn,
li.product .shop-action a[class*=product_type_] {
transition: all ease 0.3s;
z-index: 7;
padding: 0;
font-size: 0;
color: #fff;
background-color: var(--accent);
width: 48px;
height: 48px;
display: block;
position: relative;
border-radius: 50%;
}
li.product .shop-action .woosc-btn:before,
li.product .shop-action .woosq-btn:before,
li.product .shop-action .woosw-btn:before,
li.product .shop-action a[class*=product_type_]:before {
font-size: 16px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
li.product .shop-action .woosc-btn:hover, li.product .shop-action .woosc-btn:focus, li.product .shop-action .woosc-btn:active,
li.product .shop-action .woosq-btn:hover,
li.product .shop-action .woosq-btn:focus,
li.product .shop-action .woosq-btn:active,
li.product .shop-action .woosw-btn:hover,
li.product .shop-action .woosw-btn:focus,
li.product .shop-action .woosw-btn:active,
li.product .shop-action a[class*=product_type_]:hover,
li.product .shop-action a[class*=product_type_]:focus,
li.product .shop-action a[class*=product_type_]:active {
background-color: var(--primary);
}
li.product .shop-action .woosc-btn:hover:before, li.product .shop-action .woosc-btn:focus:before, li.product .shop-action .woosc-btn:active:before,
li.product .shop-action .woosq-btn:hover:before,
li.product .shop-action .woosq-btn:focus:before,
li.product .shop-action .woosq-btn:active:before,
li.product .shop-action .woosw-btn:hover:before,
li.product .shop-action .woosw-btn:focus:before,
li.product .shop-action .woosw-btn:active:before,
li.product .shop-action a[class*=product_type_]:hover:before,
li.product .shop-action a[class*=product_type_]:focus:before,
li.product .shop-action a[class*=product_type_]:active:before {
color: #fff;
}
@media (max-width: 767px) {
li.product .shop-action .woosc-btn,
li.product .shop-action .woosq-btn {
display: none;
}
}
li.product .shop-action a[class*=product_type_]:before {
content: "\e054";
}
li.product .shop-action a[class*=product_type_].loading:before {
content: "\e039";
}
li.product .shop-action .woosw-btn:before {
content: "\e024";
}
li.product .shop-action .woosw-btn.woosw-adding:before {
opacity: 0;
}
li.product .shop-action .woosw-btn.woosw-adding::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e039" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
li.product .shop-action .woosw-btn.woosw-added {
color: red;
}
li.product .shop-action .woosw-btn.woosw-added:before {
margin-right: 0;
}
li.product .shop-action .woosw-btn.woosw-added:hover {
color: #fff;
}
li.product .shop-action .woosc-btn:before,
li.product .shop-action .wooscp-btn:before {
content: "\e049";
}
li.product .shop-action .woosq-btn:before {
content: "\e083";
}
li.product .shop-action:not(.quick-shop-shown):hover .product-transition .shop-action {
opacity: 1;
transform: translateY(-50%);
}
li.product .shop-action:not(.quick-shop-shown):hover .product-image img {
opacity: 0.85;
}
li.product:hover .product-img-wrap:before {
background: var(--secondary);
}
.product-block {
display: flex;
flex-direction: column;
}
.product-img-wrap {
overflow: hidden;
position: relative;
}
.product-img-wrap:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
opacity: 0.75;
}
.product-img-wrap .inner {
width: 100%;
height: 100%;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.product-img-wrap .product-image {
opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-moz-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.product-img-wrap .product-image img {
-ms-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-moz-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
-webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.product-img-wrap .product-image.second-image {
position: absolute;
width: 100%;
height: 100%;
}
.product-img-wrap.top-to-bottom .product-image {
bottom: 100%;
}
.product-img-wrap.left-to-right .product-image {
top: 0;
right: 100%;
}
.product-img-wrap.right-to-left .product-image {
top: 0;
left: 100%;
}
.product-img-wrap.swap .product-image {
top: 0;
left: 0;
transition: all 0.7s ease;
}
.product-img-wrap.swap .product-image img {
transition: all 0.7s ease;
transform: rotateY(0deg);
}
.product-img-wrap.swap .product-image.second-image {
z-index: 2;
opacity: 0;
}
.product-img-wrap.swap .product-image.second-image img {
transform: rotateY(-180deg);
}
.product-img-wrap.fade .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.fade .product-image.second-image {
opacity: 0;
z-index: 2;
}
.product-img-wrap.zoom-in .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.zoom-in .product-image.second-image {
transform: scale(0);
z-index: 2;
}
.product-img-wrap.zoom-out .product-image {
top: 0;
left: 0;
transition: all 0.5s ease;
}
.product-img-wrap.zoom-out .product-image.second-image {
z-index: -1;
}
.product-block .product-caption {
padding-top: 20px;
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
}
.hentry .entry-content .wc-block-grid__products .wc-block-grid__product > a,
.hentry .entry-content ul.products li.product > a {
text-decoration: none;
}
.price del + ins {
margin-left: 0.327em;
}
.product-transition {
position: relative;
overflow: hidden;
}
.product-transition .woocommerce-loop-product__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 0.4s ease-in-out;
}
.opal-product-tooltipster {
display: block !important;
}
.opal-product-tooltipster .tooltipster-content {
background-color: #000;
color: #fff;
padding: 0 15px;
font-size: 13px;
}
.opal-product-tooltipster.tooltipster-base.tooltipster-top .tooltipster-arrow-background {
border-top-color: #000;
}
.opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow {
transform: translateY(-5px);
}
.opal-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow-background {
border-left-color: #000;
}
.inventory_status {
color: #36d745;
}
.inventory_status.out-stock {
color: var(--light);
}
.woocommerce.columns-mobile-1 li.product {
width: 100%;
}
.woocommerce.columns-mobile-2 li.product {
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce.columns-mobile-3 li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.woocommerce.columns-mobile-4 li.product {
flex: 0 0 25%;
max-width: 25%;
}
.woocommerce.columns-mobile-5 li.product {
flex: 0 0 20.8333333333%;
max-width: 20.8333333333%;
}
.woocommerce.columns-mobile-6 li.product {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.product-block .blockUI.blockOverlay:before,
.product-block .loader:before {
top: 50%;
left: 50%;
opacity: 1 !important;
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e039";
animation: fa-spin 0.75s linear infinite;
font-size: 20px;
width: 20px;
height: 20px;
line-height: 1;
position: absolute;
display: block !important;
margin-left: -10px;
margin-top: -10px;
color: #000;
}
.product-block .blockUI.blockOverlay {
opacity: 1 !important;
overflow: hidden;
background-image: none !important;
background: #fff !important;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a,
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a {
padding: 0;
background-color: transparent;
color: var(--accent);
margin-top: 10px;
border: none;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a:hover,
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--add p > a:hover {
text-decoration: underline;
}
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-items table tbody tr td {
padding: 15px;
}
.mfp-close-btn-in .mfp-close {
padding: 0;
background-color: transparent;
}
.quick-shop-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999989;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 14px;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
box-sizing: border-box;
}
.quick-shop-wrapper .quick-shop-wrapper-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.quick-shop-wrapper .quick-shop-content {
width: 90%;
max-width: 737px;
height: auto;
max-height: 90%;
position: absolute;
background: #fff;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
display: flex;
flex-direction: column;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.quick-shop-wrapper .quick-shop-form {
display: flex;
align-items: stretch;
flex-direction: column;
padding-top: 25px;
width: 100%;
height: 100%;
overflow-y: auto;
}
.quick-shop-wrapper .quick-shop-form .woosc-btn,
.quick-shop-wrapper .quick-shop-form .wooscp-btn,
.quick-shop-wrapper .quick-shop-form .woosw-btn {
display: none;
}
.quick-shop-wrapper .quick-shop-form .variations td {
padding: 5px 0;
}
.quick-shop-wrapper .quick-shop-form .variations td.label label {
font-weight: 600;
}
.quick-shop-wrapper .woocommerce-loop-product__title {
padding-left: 30px;
padding-right: 30px;
}
.quick-shop-wrapper .variations_form {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.quick-shop-wrapper .variations_form:before {
content: "";
}
.quick-shop-wrapper .variations_form .woocommerce-variation {
-webkit-animation: none;
animation: none;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-description p {
margin-bottom: 10px;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-price .price,
.quick-shop-wrapper .variations_form .woocommerce-variation-availability p.stock {
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
.quick-shop-wrapper .variations_form .woocommerce-variation-price .price {
display: flex;
align-items: baseline;
font-size: 26px;
margin-bottom: 0.6em;
font-weight: 700;
color: var(--primary);
}
.quick-shop-wrapper div.quantity {
display: none !important;
}
.quick-shop-wrapper .woocommerce-variation-add-to-cart {
position: relative;
display: flex;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
order: 1;
margin-right: -30px;
margin-left: -30px;
}
.quick-shop-wrapper .single_add_to_cart_button {
flex: 1 1 auto;
border-radius: 0 !important;
}
.quick-shop-wrapper table.variations {
margin-bottom: 10px;
}
.quick-shop-wrapper table.variations .reset_variations {
bottom: -30px;
}
.quick-shop-wrapper .variation-swatch-selected .variations {
margin-bottom: 40px;
}
.quick-shop-wrapper .quick-shop-close {
position: absolute;
top: 5px;
right: 10px;
z-index: 5;
height: 30px;
opacity: 0;
transition: opacity 0.2s ease 0s;
background-color: #fff;
}
.quick-shop-shown {
overflow: hidden;
}
.quick-shop-shown .quick-shop-wrapper {
opacity: 1;
visibility: visible;
}
.quick-shop-shown .quick-shop-close {
opacity: 1;
transition: all 0.25s ease 0.35s;
padding-right: 16px;
}
.loading-quick-shop .product-transition::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e039";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
color: var(--accent);
z-index: 10;
}
.loading-quick-shop .product-transition .woocommerce-loop-product__link {
background-color: rgba(255, 255, 255, 0.95);
}
.cross-button {
position: relative;
display: inline-block;
cursor: pointer;
line-height: 30px;
}
.cross-button:after, .cross-button:before {
content: "\20";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
margin-top: -1px;
width: 12px;
height: 2px;
background-color: #000;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
}
.cross-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cross-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cross-button:hover:after, .cross-button:hover:before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item) {
margin: 8px 8px 8px 0;
padding: 3px;
width: auto;
height: auto;
min-width: 32px;
min-height: 32px;
border: 2px solid;
border-color: var(--border);
line-height: 1;
font-size: 12px;
font-weight: 600;
border-radius: 32px;
box-shadow: none;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span {
font-size: 12px;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
content: none;
}
.woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches.wvs-style-rounded .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none;
border-color: var(--accent);
}
.preloader .product-transition,
.preloader .woocommerce-loop-product__title > a,
.preloader .short-description,
.preloader .star-rating,
.preloader .button-group,
.preloader .posted-in,
.preloader .price > span,
.preloader .product-attributes .item,
.preloader .shop-action,
.preloader .product-label {
position: relative;
}
.preloader .product-transition:after,
.preloader .woocommerce-loop-product__title > a:after,
.preloader .short-description:after,
.preloader .star-rating:after,
.preloader .button-group:after,
.preloader .posted-in:after,
.preloader .price > span:after,
.preloader .product-attributes .item:after,
.preloader .shop-action:after,
.preloader .product-label:after {
content: "";
position: absolute;
z-index: 996;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.product-attributes {
display: flex;
margin-bottom: 12px;
}
.product-attributes .item {
margin-right: 10px;
}
.product-attributes .color-item {
position: relative;
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
}
.product-attributes .color-item[style="background-color:#ffffff"], .product-attributes .color-item[style="background-color:"] {
box-shadow: 0 0 0 1px inset var(--border);
}
.product-attributes .image-item img {
border: 1px solid #fff;
width: 20px !important;
height: 20px !important;
object-fit: cover;
border-radius: 50%;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
}
.product-attributes .name {
font-size: 11px;
border: 1px solid var(--border);
border-radius: 30px;
padding: 1px 10px;
color: var(--accent);
display: block;
} .single-product .pswp__button {
background-color: transparent;
}
.single-product div.product {
position: relative;
}
.single-product div.product::before, .single-product div.product::after {
content: "";
display: table;
}
.single-product div.product::after {
clear: both;
}
.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 2.617924em;
margin-top: 0;
}
.single-product div.product .content-single-wrapper:after {
content: "";
display: table;
clear: both;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 25px;
right: 25px;
display: block;
height: 45px;
width: 45px;
border-radius: 50%;
z-index: 80;
background: var(--primary);
text-align: center;
text-indent: -9999px;
overflow: hidden;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background: var(--primary_hover);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e01b";
display: block;
line-height: 45px;
text-indent: 0;
color: #fff;
font-size: 19px;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
position: relative;
display: block;
height: 100%;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .wp-post-image {
width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 5px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
padding: 0;
border: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
position: relative;
display: flex;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-prev, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-next {
border-radius: 0;
border: 1px solid;
border-color: var(--border);
width: 30px;
padding: 0;
background-color: transparent;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-prev:before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-next:before {
font-size: 16px;
color: var(--accent);
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-prev:hover, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs .slick-next:hover {
background-color: transparent;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
display: block !important;
position: relative;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
border: 1px solid;
border-color: var(--border);
margin-right: 5px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border-color: var(--primary);
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
border-color: var(--primary);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .flex-control-thumbs img {
max-width: 80px;
width: 80px;
}
@media (min-width: 568px) {
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .product-video-360 {
bottom: 125px;
}
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-prev, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-next {
height: 50%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-prev.slick-disabled, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-next.slick-disabled {
cursor: no-drop;
opacity: 0.5;
pointer-events: none;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-prev {
right: 0;
left: unset;
top: calc(50% - 1px);
transform: none;
height: calc(50% + 1px);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-prev:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e009";
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-next {
right: 0;
top: 0;
transform: none;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .slick-next:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e008";
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical {
display: flex;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-list {
height: 100% !important;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-prev, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-next {
width: 50%;
transform: translate(0);
height: 30px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-prev.slick-disabled, .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-next.slick-disabled {
cursor: no-drop;
opacity: 0.5;
pointer-events: none;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-prev {
top: calc(100% - 30px);
left: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-prev:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e007";
display: block;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-next {
right: 0;
left: calc(50% - 1px);
top: calc(100% - 30px);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .slick-next:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e00a";
display: block;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs li {
margin-bottom: 10px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-nav {
order: -1;
width: 80px;
margin-right: 5px;
flex-direction: column;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-nav li {
margin-bottom: 5px;
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-viewport {
width: calc(100% - 90px);
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .product-labels {
top: 25px;
left: 110px;
}
.single-product div.product .woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.single-product div.product .woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
flex-basis: 50%;
width: 50%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.single-product div.product .woocommerce-product-gallery-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
display: block;
border: 1px solid;
border-color: var(--border);
}
.single-product div.product .woocommerce-product-gallery-gallery .product-video-360 {
bottom: auto;
top: 30px;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
border: none;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
flex-basis: 100%;
width: 100%;
margin-bottom: 30px;
}
.single-product div.product .woocommerce-product-gallery-sticky .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
display: block;
border: 1px solid;
border-color: var(--border);
}
.single-product div.product .woocommerce-product-gallery-sticky .product-video-360 {
bottom: auto;
top: 30px;
}
.single-product div.product .woocommerce-product-gallery-slider {
width: 100%;
max-width: 680px;
margin-left: auto;
margin-right: auto !important;
float: unset !important;
}
.single-product div.product .woocommerce-product-gallery-slider .woocommerce-product-gallery__wrapper {
margin-left: -5px;
margin-right: -5px;
}
.single-product div.product .woocommerce-product-gallery-slider .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
padding-left: 5px;
padding-right: 5px;
}
.single-product div.product .woocommerce-product-gallery-slider .slick-list {
overflow: visible !important;
}
.single-product div.product .woocommerce-product-gallery-slider + .summary {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 660px;
float: unset;
clear: both;
}
.single-product div.product .woocommerce-product-gallery-slider + .summary p.price,
.single-product div.product .woocommerce-product-gallery-slider + .summary .kosi-countdown,
.single-product div.product .woocommerce-product-gallery-slider + .summary form.cart {
justify-content: center;
}
.single-product div.product .woocommerce-product-gallery-slider + .summary .deal-progress .progress-bar,
.single-product div.product .woocommerce-product-gallery-slider + .summary .woocommerce-product-details__short-description {
margin-left: auto;
margin-right: auto;
}
.single-product div.product .woocommerce-product-gallery .product-labels {
position: absolute;
z-index: 9;
top: 25px;
left: 25px;
}
.single-product div.product .woocommerce-product-gallery .product-label {
color: #fff;
padding: 5px 22px;
background-color: var(--primary);
display: inline-block;
}
.single-product div.product .summary.entry-summary .woosw-btn,
.single-product div.product .summary.entry-summary .woosc-btn {
display: inline-flex;
align-items: center;
margin-right: 25px;
font-size: 14px;
line-height: 20px;
padding: 0;
text-align: center;
border: none;
font-weight: 600;
color: var(--accent);
background-color: transparent;
text-transform: none;
}
.single-product div.product .summary.entry-summary .woosw-btn:hover,
.single-product div.product .summary.entry-summary .woosc-btn:hover {
border-bottom-color: var(--primary);
color: var(--primary);
}
.single-product div.product .summary.entry-summary .woosw-btn:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e025";
margin-right: 10px;
line-height: inherit;
vertical-align: middle;
font-size: 16px;
}
.single-product div.product .summary.entry-summary .woosc-btn:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e08a";
margin-right: 10px;
line-height: inherit;
vertical-align: middle;
font-size: 16px;
}
.single-product div.product .images .woocommerce-main-image {
margin-bottom: 1.618em;
display: block;
}
.single-product div.product .images .thumbnails a.zoom {
display: block;
width: 22.05%;
margin-right: 3.8%;
float: left;
margin-bottom: 1em;
}
.single-product div.product .images .thumbnails a.zoom.last {
margin-right: 0;
}
.single-product div.product .images .thumbnails a.zoom.first {
clear: both;
}
.single-product div.product form.cart {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-product div.product form.cart::before, .single-product div.product form.cart::after {
content: "";
display: table;
}
.single-product div.product form.cart::after {
clear: both;
}
.single-product div.product form.cart.variations_form {
padding: 0;
border: none;
}
.single-product div.product form.cart .quantity {
position: relative;
margin-right: 10px;
margin-top: 10px;
border: 2px solid var(--border);
display: flex;
align-items: center;
width: 100px;
}
.single-product div.product form.cart .quantity.hidden {
display: none;
}
.single-product div.product form.cart .quantity button {
color: #000;
padding: 0;
text-align: center;
z-index: 9;
width: 40px;
background-color: transparent;
border: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
}
.single-product div.product form.cart .quantity button:hover {
color: var(--primary);
outline: none;
}
.single-product div.product form.cart .quantity .qty {
border-radius: 0;
border: none;
-moz-appearance: textfield;
text-align: center;
font-size: 16px;
padding: 14px 0;
width: 33.33%;
color: var(--accent);
}
.single-product div.product form.cart .quantity .qty::-webkit-outer-spin-button, .single-product div.product form.cart .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.single-product div.product form.cart .quantity .qty:focus {
border-color: var(--primary);
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
float: none;
margin-right: 0;
width: 140px;
padding-right: 20px;
}
@media (max-width: 1023px) {
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
width: 100px;
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a {
font-size: 11px;
}
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button {
width: 100%;
text-align: center;
padding: 16px 10px;
text-transform: uppercase;
word-break: initial;
font-weight: 700;
font-size: 12px;
background-color: var(--accent);
color: #fff;
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity a.button:hover {
background-color: var(--primary);
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
margin-right: 20px;
margin-top: 0;
}
.single-product div.product form.cart table.group_table tr {
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product div.product form.cart table.group_table td {
padding: 20px 0;
vertical-align: middle;
font-size: 18px;
}
.single-product div.product form.cart table.group_table .quantity_label {
display: none;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-image {
padding: 20px 10px;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-image img {
max-width: 48px;
margin: auto;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label {
padding-right: 10px;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label a {
color: var(--accent);
word-break: break-word;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__label a:hover {
color: var(--primary);
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price {
text-align: right;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount {
font-weight: 400;
color: var(--light);
font-size: 14px;
}
.single-product div.product form.cart table.group_table .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount {
color: #ef3636;
font-weight: 700;
font-size: 18px;
}
.single-product div.product form.cart table.group_table .woocommerce-Price-amount {
font-size: 18px;
word-break: normal;
font-weight: 700;
color: var(--primary);
}
.single-product div.product form.cart table.group_table .stock.out-of-stock {
display: none;
}
.single-product div.product .single_add_to_cart_button {
margin-top: 10px;
white-space: nowrap;
min-width: 160px;
border: none;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
text-transform: capitalize;
padding: 16px 42px;
background-color: var(--accent);
}
.single-product div.product .single_add_to_cart_button:hover {
background-color: var(--primary_hover);
}
.single-product div.product .product_title {
font-size: 48px;
margin-bottom: 10px;
line-height: 1.16666;
clear: none;
text-transform: none;
}
@media (max-width: 567px) {
.single-product div.product .product_title {
font-size: 40px;
}
}
.single-product div.product p.price {
font-size: 25px;
margin-bottom: 20px;
font-weight: 600;
display: flex;
align-items: baseline;
position: relative;
color: var(--primary);
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.single-product div.product .woocommerce-product-details__short-description {
margin-bottom: 20px;
max-width: 550px;
}
.single-product div.product table.variations {
table-layout: fixed;
margin-top: 10px;
margin-bottom: 0;
position: relative;
}
.single-product div.product table.variations th,
.single-product div.product table.variations td {
display: list-item;
padding: 0;
list-style: none;
background-color: transparent;
}
.single-product div.product table.variations select {
max-width: 100%;
vertical-align: middle;
}
.single-product div.product table.variations a.reset_variations {
display: inline-block;
font-size: 14px;
text-decoration: underline;
}
.single-product div.product table.variations td.label label {
font-weight: 600;
font-size: 12px;
line-height: 18px;
color: var(--accent);
margin: 0 0 5px 0;
text-transform: uppercase;
}
.single-product div.product table.variations td.label .woo-selected-variation-item-name {
display: none;
}
.single-product div.product table.variations td.value {
margin-bottom: 25px;
}
.single-product div.product .single_variation .price {
display: flex;
align-items: baseline;
font-size: 26px;
margin-bottom: 0.6em;
font-weight: 700;
color: var(--primary);
}
.single-product div.product .single_variation .price del {
order: 2;
margin-left: 0.327em;
font-size: 18px;
color: var(--light);
}
.single-product div.product .single_variation .price ins {
order: 1;
margin-left: 0;
font-weight: 700;
font-size: 24px;
color: var(--primary);
}
.single-product div.product .single_variation_wrap {
width: 100%;
}
.single-product div.product .variations_button {
display: flex;
flex-wrap: wrap;
}
.single-product div.product .variations_button::before, .single-product div.product .variations_button::after {
content: "";
display: table;
}
.single-product div.product .variations_button::after {
clear: both;
}
.single-product div.product .woocommerce-product-rating {
line-height: 18px;
margin-bottom: 25px;
}
.single-product div.product .woocommerce-product-rating::before, .single-product div.product .woocommerce-product-rating::after {
content: "";
display: table;
}
.single-product div.product .woocommerce-product-rating::after {
clear: both;
}
.single-product div.product .woocommerce-product-rating a {
font-size: 14px;
text-transform: capitalize;
color: var(--light);
display: inline-block;
}
.single-product div.product .woocommerce-product-rating a:hover {
color: var(--primary);
text-decoration: underline;
}
.single-product div.product .woocommerce-product-rating .star-rating {
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.single-product div.product .product_meta {
padding-top: 50px;
margin-top: 50px;
border-top: 1px solid var(--border);
}
.single-product div.product .product_meta > span {
display: block;
font-size: 16px;
margin-bottom: 8px;
color: var(--accent);
}
.single-product div.product .product_meta > span:last-child {
margin-bottom: 0;
}
.single-product div.product .product_meta > span a, .single-product div.product .product_meta > span .sku {
font-weight: 400;
text-transform: none;
color: var(--text);
}
.single-product div.product .product_meta > span a:hover, .single-product div.product .product_meta > span .sku:hover {
color: var(--primary);
}
.single-product .time-sale {
margin-top: 30px;
margin-bottom: 30px;
}
.single-product .time-sale .deal-text {
text-transform: uppercase;
font-weight: 600;
color: var(--accent);
margin-bottom: 8px;
font-size: 12px;
}
.single-product .time-sale .kosi-countdown {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.single-product .time-sale .kosi-countdown .countdown-item {
padding: 0 10px;
text-align: center;
}
.single-product .time-sale .kosi-countdown .countdown-item .countdown-digits {
width: 60px;
height: 60px;
font-size: 16px;
color: var(--accent);
background-color: rgba(223, 167, 121, 0.1);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.single-product .time-sale .kosi-countdown .countdown-item .countdown-label {
color: var(--accent);
margin-top: 10px;
font-size: 12px;
text-transform: uppercase;
}
.single-product .woocommerce-tabs {
display: block;
padding-top: 50px;
border-top: 1px solid var(--border);
}
.single-product .woocommerce-tabs.product-accordions {
border: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.single-product .woocommerce-tabs ul.tabs {
margin: 0 0 25px 0;
list-style: none;
text-align: center;
}
@media (max-width: 767px) {
.single-product .woocommerce-tabs ul.tabs {
display: none;
}
}
.single-product .woocommerce-tabs ul.tabs li {
display: inline-block;
margin: 0 20px;
position: relative;
}
.single-product .woocommerce-tabs ul.tabs li:first-child {
margin-left: 0;
}
.single-product .woocommerce-tabs ul.tabs li a {
padding: 0;
display: block;
position: relative;
font-weight: 600;
font-size: 22px;
color: var(--text);
opacity: 0.5;
}
.single-product .woocommerce-tabs ul.tabs li a:hover {
color: var(--accent);
opacity: 1;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
opacity: 1;
color: var(--accent);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head {
padding: 30px;
position: relative;
cursor: pointer;
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:hover .accordion-title {
color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head.active:before {
background-color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head.active:after {
height: 0;
opacity: 0;
background-color: var(--primary);
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:before {
content: "";
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--accent);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
left: 0;
width: 16px;
height: 2px;
}
.single-product .woocommerce-tabs.product-accordions .accordion-head:after {
content: "";
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--accent);
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
left: 7px;
height: 16px;
width: 2px;
opacity: 1;
}
.single-product .woocommerce-tabs.product-accordions .accordion-title {
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--accent);
margin-bottom: 0;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body {
padding: 35px 0;
display: none;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body.active {
border-bottom: 1px solid;
border-color: var(--border);
}
.single-product .woocommerce-tabs.product-accordions .accordion-body h2:first-of-type {
display: none;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #comments,
.single-product .woocommerce-tabs.product-accordions .accordion-body #reviews #review_form_wrapper {
width: 100%;
float: none;
padding-right: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body .list-unstyled {
margin-left: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled {
margin: 0;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li {
margin-bottom: 5px;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled li.store-address > span:not(.details) {
font-weight: 700;
color: var(--accent);
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating {
vertical-align: middle;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .seller-rating .text {
vertical-align: text-bottom;
}
.single-product .woocommerce-tabs.product-accordions .accordion-body ul.list-unstyled .star-rating {
display: inline-block;
}
.single-product .woocommerce-tabs.product-accordions table td, .single-product .woocommerce-tabs.product-accordions table th {
word-break: unset;
}
.single-product .woocommerce-tabs .woocommerce-product-attributes {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description {
margin-left: auto;
margin-right: auto;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information {
width: 100%;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--reviews {
width: 100%;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller {
margin-left: auto;
margin-right: auto;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled {
margin: 0;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li {
margin-bottom: 5px;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.seller-name > span:not(.details), .single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled li.store-address > span:not(.details) {
font-weight: 700;
color: var(--accent);
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating {
vertical-align: middle;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .seller-rating .text {
vertical-align: text-bottom;
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel--seller ul.list-unstyled .star-rating {
display: inline-block;
}
.single-product .woocommerce-tabs .comment-form-cookies-consent {
display: inline-block;
}
.single-product .woocommerce-tabs .panel h2:first-of-type {
display: none;
}
.single-product .woocommerce-tabs .review_form label {
margin-bottom: 0.5em;
display: block;
}
.single-product .woocommerce-tabs h2.resp-accordion {
display: block;
font-size: 16px;
text-transform: uppercase;
padding: 1em 0;
border-bottom: 1px solid;
border-color: var(--border);
}
@media (min-width: 768px) {
.single-product .woocommerce-tabs h2.resp-accordion {
display: none;
}
}
.single-product .woocommerce-tabs h2.resp-accordion.active {
border-bottom: 2px solid;
border-color: var(--primary);
}
.single-product .deal-sold {
margin-bottom: 50px;
}
.single-product .deal-progress .progress-bar {
width: 100%;
max-width: 380px;
height: 5px;
background-color: #f5f5f5;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.single-product .deal-progress .progress-value {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: var(--primary);
}
.single-product .deal-sold-text {
font-size: 12px;
text-transform: uppercase;
color: var(--accent);
font-weight: 600;
margin-bottom: 6px;
}
.single-product .product-extra-info {
padding: 30px 0;
}
.single-product .product-extra-info > div {
padding: 30px 0;
border-top: 1px solid;
border-top-color: var(--border);
}
.single-product .product-extra-info ul {
margin-bottom: 0;
}
.single-product .product-extra-info .brand-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-product .product-extra-info .title-brand {
margin-right: 30px;
}
.single-product .product-extra-info img {
padding: 10px 0;
}
.single-product .product-brand {
float: right;
margin: 1px 1px 10px 10px;
}
.single-product .product-brand a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
background-color: #FFF;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
}
.single-product .product-brand a:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.14);
}
.single-product .product-brand img {
max-width: 90px;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
font-weight: 600;
}
a.reset_variations {
display: inline-block;
margin-left: 1em;
} #reviews {
outline: none;
font-size: 14px;
max-width: 780px;
margin: 0 auto;
}
#reviews #comments {
padding-top: 0;
padding-bottom: 0;
}
#reviews #comments + #review_form_wrapper {
margin-top: 30px;
}
#reviews .comment-title {
font-size: 24px;
margin-bottom: 20px;
font-weight: 700;
color: var(--accent);
display: block;
}
#reviews .comment-reply-title {
display: none;
}
#reviews .commentlist {
list-style: none;
margin: 15px 0 0;
}
#reviews .commentlist li {
margin-bottom: 2.617924em;
list-style: none;
clear: both;
}
#reviews .commentlist li::before, #reviews .commentlist li::after {
content: "";
display: table;
}
#reviews .commentlist li::after {
clear: both;
}
#reviews .commentlist li .comment_container {
border-radius: 3px;
}
#reviews .commentlist li .comment_container::before, #reviews .commentlist li .comment_container::after {
content: "";
display: table;
}
#reviews .commentlist li .comment_container::after {
clear: both;
}
#reviews .commentlist li .comment_container .comment-text {
width: calc(100% - 60px);
float: right;
display: flex;
flex-direction: column;
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
font-size: 0.875em;
}
#reviews .commentlist li .comment_container .comment-text .meta {
order: -1;
margin-bottom: 10px;
}
#reviews .commentlist li .comment_container .comment-text .description {
padding: 15px;
margin-top: 5px;
border-radius: 4px;
background: var(--background_light);
}
#reviews .commentlist li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
#reviews .commentlist li time {
color: var(--light);
}
#reviews .commentlist li .avatar {
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
border-radius: 50%;
object-fit: cover;
}
#reviews .commentlist li p.meta strong {
font-size: 16px;
color: var(--accent);
}
#reviews .commentlist li p.meta time {
display: block;
font-size: 12px;
}
#reviews .commentlist li p.meta time:before {
margin-right: 5px;
line-height: 1;
margin-top: -3px;
}
#reviews .commentlist li p.meta .verified {
font-style: normal;
font-size: 0.875em;
}
#reviews .commentlist li p.meta .woocommerce-review__dash {
display: none;
}
#reviews .commentlist li ul.children {
margin: 0;
width: 82.2222222222%;
float: right;
margin-right: 0;
padding-top: 1.618em;
}
#reviews .commentlist li ul.children .avatar {
width: 13.5135135135%;
float: left;
margin-right: 8.1081081081%;
}
#reviews .commentlist li ul.children .comment-text {
width: 78.3783783784%;
float: right;
margin-right: 0;
}
#reviews .commentlist li ul.children li {
margin-bottom: 1.618em;
}
#reviews .commentlist li ul.children li:last-child {
margin-bottom: 0;
}
#reviews .comment-form-rating {
clear: both;
margin-bottom: 1em;
}
#reviews .comment-form-rating label {
display: block;
font-weight: 600;
margin-bottom: 10px;
color: var(--accent);
}
#reviews .comment-form-comment,
#reviews .comment-form-author,
#reviews .comment-form-email,
#reviews .comment-form-cookies-consent,
#reviews .comment-notes {
margin-bottom: 1.41575em;
}
#reviews .comment-form-cookies-consent:before {
content: "";
display: block;
clear: left;
}
table.shop_attributes th {
color: var(--accent);
}
table.shop_attributes tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.kosi-sticky-add-to-cart {
background-color: var(--background);
}
.kosi-sticky-add-to-cart__content-title strong {
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--accent);
}
.kosi-sticky-add-to-cart__content-price {
display: inline-flex;
font-size: 16px;
font-weight: 700;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--primary);
margin-bottom: 4px;
}
.kosi-sticky-add-to-cart__content-price ins {
order: -1;
margin-left: 0;
margin-right: 0.6180469716em;
background-color: transparent;
color: #ef3636;
font-weight: 700;
}
.kosi-sticky-add-to-cart__content-price del {
font-weight: 400;
color: var(--accent);
}
.kosi-sticky-add-to-cart .kosi-sticky-add-to-cart__content-button {
font-size: 12px;
}
.sizechart-popup {
width: 630px;
max-width: 100vw;
overflow-y: auto;
position: fixed;
left: 50%;
padding: 60px;
background: #fff;
top: 50%;
transform: translate(-50%, -50%);
z-index: 998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all ease-in-out 0.3s;
}
.sizechart-popup.active {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.sizechart-popup.active + .sizechart-overlay {
opacity: 1;
visibility: visible;
}
.sizechart-popup .sizechart-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 24px;
line-height: 1;
}
.sizechart-popup .sizechart-close i {
color: var(--accent);
}
.sizechart-popup .sizechart-close:hover i {
color: var(--primary);
}
.sizechart-button {
font-size: 12px;
text-decoration: underline;
text-transform: uppercase;
line-height: 2;
margin-bottom: 1em;
display: inline-block;
color: var(--accent);
}
.sizechart-button:hover {
color: var(--primary);
}
.sizechart-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper {
display: inline-flex;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item) {
padding: 0;
margin: 5px 10px 5px 0;
box-shadow: none;
color: var(--text);
position: relative;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item) span {
font-size: 14px;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
box-shadow: none;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
min-width: 40px;
padding: 0 5px;
border-radius: 3px;
border: 1px solid var(--border);
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item:hover, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:hover {
box-shadow: none;
color: var(--primary);
border: 1px solid;
border-color: var(--primary);
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
border-radius: 50%;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item span {
border-radius: 50%;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
box-shadow: none;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item:hover span, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected span, .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:hover span {
border-radius: 50%;
color: var(--primary);
border: 2px solid;
border-color: var(--primary);
}
.wc-pao-addon {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 0;
margin-bottom: 15px;
}
.wc-pao-addon > * {
padding: 0 15px;
}
.wc-pao-addon .form-row label,
.wc-pao-addon .wc-pao-addon-wrap label {
display: flex !important;
align-items: center;
font-size: 14px;
cursor: pointer;
color: var(--text);
}
.wc-pao-addon .form-row {
width: 50%;
margin-bottom: 0;
}
.wc-pao-addon .form-row input[type=checkbox] {
-webkit-appearance: none;
border: 1px solid;
border-color: var(--border);
width: 16px;
height: 16px;
position: relative;
border-radius: 3px;
margin-right: 8px;
}
.wc-pao-addon .form-row input[type=checkbox]:checked {
border-color: var(--primary);
}
.wc-pao-addon .form-row input[type=checkbox]:checked:after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e010";
color: var(--primary);
position: absolute;
font-size: 12px;
top: 0;
left: 0;
width: 100%;
text-align: center;
line-height: 15px;
}
.wc-pao-addon .form-row input[type=radio] {
-webkit-appearance: none;
border: 1px solid;
border-color: var(--border);
width: 16px;
height: 16px;
position: relative;
border-radius: 16px;
margin-right: 8px;
}
.wc-pao-addon .form-row input[type=radio]:checked {
border-color: var(--primary);
}
.wc-pao-addon .form-row input[type=radio]:checked:after {
content: "";
display: block;
width: 6px;
height: 6px;
background-color: var(--primary);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
label.wc-pao-addon-name {
font-size: 14px;
font-weight: 600;
width: 100%;
margin-bottom: 15px;
color: var(--accent);
}
.single-product div.product div.product-addon-totals {
font-size: 14px;
}
.single-product div.product div.product-addon-totals .wc-pao-subtotal-line {
padding: 20px 0;
}
.single-product div.product div.product-addon-totals .wc-pao-subtotal-line p.price {
border: none;
padding-bottom: 0;
}
.single-product div.product div.product-addon-totals .wc-pao-subtotal-line p.price .amount {
margin-left: 10px;
}
.kosi-frequently-bought {
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
.kosi-frequently-bought .frequently-bought-product {
flex: 1 0 auto;
max-width: 100%;
}
.kosi-frequently-bought .frequently-bought-product .product-list {
display: flex;
flex-wrap: wrap;
}
.kosi-frequently-bought .frequently-bought-product .product-list .product-item {
width: 200px;
margin-bottom: 20px;
}
.kosi-frequently-bought .frequently-bought-product .product-list .product-title {
font-size: 16px;
margin-top: 20px;
color: var(--accent);
display: block;
}
.kosi-frequently-bought .frequently-bought-product .product-list .product-price {
font-weight: 600;
color: var(--accent);
margin-top: 8px;
}
.kosi-frequently-bought .frequently-bought-product .separator {
font-size: 32px;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
color: var(--accent);
}
.kosi-frequently-bought .wrap-checkbox {
margin-bottom: 20px;
line-height: 27px;
color: var(--accent);
}
@media (min-width: 1024px) {
.kosi-frequently-bought .wrap-checkbox {
margin-top: 40px;
}
}
.kosi-frequently-bought .wrap-checkbox strong {
margin-right: 3px;
}
.kosi-frequently-bought .wrap-checkbox .checkmark {
margin-right: 11px;
}
.kosi-frequently-bought .wrap-checkbox .checkmark::before {
content: "\e058";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
.kosi-frequently-bought .wrap-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.kosi-frequently-bought .wrap-checkbox input[type=checkbox]:checked ~ .checkmark::before {
content: "\e059";
color: var(--primary);
}
.kosi-frequently-bought .wrap-checkbox .price {
font-weight: 600;
color: var(--primary);
margin-left: 5px;
}
.kosi-frequently-bought .wrap-checkbox label.select-item {
display: flex;
align-items: center;
cursor: pointer;
}
.kosi-frequently-bought .wrap-checkbox label.select-item.current-item {
pointer-events: none;
}
.kosi-frequently-bought .wrap-checkbox label.select-item.current-item .checkmark::before {
color: var(--text);
}
.kosi-frequently-bought .product-buttons .price-box {
margin-bottom: 15px;
}
.kosi-frequently-bought .product-buttons .kosi-total-price {
font-size: 28px;
color: var(--primary);
font-weight: 600;
}
.kosi-frequently-bought .product-buttons .kosi_add_to_cart_button {
font-size: 14px;
padding: 12px 41px;
background: var(--primary);
border-color: var(--primary);
}
.kosi-frequently-bought .product-buttons .kosi_add_to_cart_button:hover {
background-color: var(--primary_hover);
border-color: var(--primary_hover);
} .product_list_widget {
list-style: none;
margin-left: 0;
}
.product_list_widget li {
margin-bottom: 17px;
}
.product_list_widget li::before, .product_list_widget li::after {
content: "";
display: table;
}
.product_list_widget li::after {
clear: both;
}
.product_list_widget li img {
max-width: 80px;
background-color: #f7f4ef;
float: left;
margin-right: 13px;
}
.product_list_widget li > a {
display: block;
}
.product_list_widget li .product-title {
font-weight: 600;
margin-bottom: 6px;
font-size: 17px;
}
.product_list_widget .reviewer {
font-size: 0.875em;
}
.product_list_widget .product-content {
margin-left: 20px;
flex: 1;
}
.product_list_widget .product-content del {
color: var(--light);
}
.product_list_widget .product-content del .amount {
font-size: 0.875em;
font-weight: 400;
color: var(--light);
}
.product_list_widget .product-content .amount {
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--primary);
}
.product_list_widget .star-rating {
margin-bottom: 5px;
}
.product_list_widget .product-title {
margin-top: 0.6180469716em;
margin-bottom: 0.875em;
line-height: 1.41575em;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 16px;
}
.product_list_widget .product-title span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--accent);
}
.product_list_widget .product-title span:hover {
color: var(--primary);
}
.product_list_widget a {
display: block;
}
.widget ul.products li.product a {
text-decoration: none;
}
.widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
text-decoration: none !important;
color: var(--light);
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
}
.widget_products a {
display: block;
}
.widget_shopping_cart .product_list_widget {
margin-bottom: 0;
}
.widget_shopping_cart .product_list_widget li {
position: relative;
padding-left: 27px;
}
.widget_shopping_cart .product_list_widget li a.remove {
position: absolute;
top: 0;
right: 4px;
opacity: 1;
font-size: 0;
color: var(--light);
}
.widget_shopping_cart .product_list_widget li a.remove:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e042";
font-size: 22px;
}
.widget_shopping_cart .product_list_widget li a.remove:hover:before {
color: #e2401c;
}
.widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin: 1.41575em;
}
.widget_shopping_cart .product_list_widget img {
margin-right: 1em;
float: left;
}
.widget_shopping_cart .mini_cart_item {
display: block;
font-size: 14px;
}
.widget_shopping_cart .mini_cart_item a {
font-size: 16px;
color: var(--accent);
font-weight: 700;
margin-bottom: 3px;
line-height: 22px;
}
.widget_shopping_cart .mini_cart_item a:hover {
color: var(--primary);
}
.widget_shopping_cart .mini_cart_item .quantity {
display: block;
margin-top: 10px;
color: var(--accent);
font-size: 17px;
padding-left: 96px;
}
.widget_shopping_cart .mini_cart_item .quantity .amount {
color: var(--primary);
font-size: 15px;
font-weight: 600;
}
.widget_shopping_cart p.total {
padding: 1em 0;
margin: 0;
border-top: 2px solid;
border-top-color: var(--border);
}
.widget_shopping_cart p.total strong {
color: var(--accent);
font-weight: 400;
}
.widget_shopping_cart p.total .amount {
color: var(--primary);
font-size: 24px;
font-weight: 600;
float: right;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.widget_shopping_cart .buttons {
margin: 0;
text-align: center;
display: flex;
flex-direction: column-reverse;
}
.widget_shopping_cart .buttons a {
display: block;
margin-bottom: 0.6180469716em;
}
.widget_shopping_cart .buttons a:not(.checkout) {
background-color: transparent;
color: var(--accent);
}
.widget_shopping_cart .buttons a:not(.checkout):hover {
color: #fff;
}
.widget_shopping_cart .buttons a:last-child {
margin-bottom: 0;
}
.widget_shopping_cart .buttons a img {
margin-left: auto;
margin-right: auto;
}
.widget_layered_nav li {
margin-bottom: 0.6180469716em;
}
.widget_layered_nav li a {
padding-left: 24px;
position: relative;
}
.widget_layered_nav li a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 1px solid;
border-color: var(--border);
width: 16px;
height: 16px;
border-radius: 3px;
margin-right: 8px;
}
.widget_layered_nav li a:hover:before {
border-color: var(--primary);
}
.widget_layered_nav li a:hover:after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e010";
color: var(--primary);
position: absolute;
font-size: 12px;
left: 4px;
top: 50%;
transform: translateY(-50%);
}
.widget_layered_nav li.chosen a:before {
border-color: var(--primary);
}
.widget_layered_nav li.chosen a:after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e010";
color: var(--primary);
position: absolute;
font-size: 12px;
left: 4px;
top: 50%;
transform: translateY(-50%);
}
.widget.woocommerce li .count {
font-size: 1em;
}
.widget_product_categories ul.children {
display: none;
}
.widget_product_categories li.current-cat > a {
color: var(--primary);
}
.widget_price_filter .widget-title {
border: none;
}
.widget_price_filter form {
margin-bottom: 0;
margin-top: 25px;
}
.widget_price_filter .price_slider {
margin-bottom: 20px;
}
.widget_price_filter .price_slider_amount {
display: flex;
align-items: center;
}
.widget_price_filter .price_slider_amount .button {
font-weight: 600;
font-size: 14px;
line-height: 20px;
padding: 0 0 5px 0;
background-color: transparent;
order: 3;
margin-left: auto;
color: var(--accent);
text-transform: none;
border-radius: 0;
border: 0;
border-bottom: 2px solid var(--accent);
}
.widget_price_filter .price_slider_amount .button:before {
content: none;
}
.widget_price_filter .price_slider_amount .button:hover {
color: var(--primary);
border-bottom-color: var(--primary);
text-decoration: none;
background-color: transparent;
}
.widget_price_filter .price_slider_amount .price_label {
color: var(--light);
}
.widget_price_filter .price_slider_amount .price_label > span {
color: var(--accent);
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
top: auto;
z-index: 2;
width: 15px;
height: 15px;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
cursor: ew-resize;
background-color: #ffffff;
box-sizing: border-box;
margin-top: -6px;
margin-left: auto;
opacity: 1;
border: 3px solid var(--primary);
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -15px;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-color: var(--primary);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
background: #e5e5e5;
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.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;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li {
padding: 5px;
margin-bottom: 0;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-button-type {
display: block;
padding: 5px 15px;
text-align: center;
min-width: 44px;
font-size: 16px;
line-height: 24px;
border: 1px solid;
border-color: var(--border);
color: var(--accent);
border-radius: 3px;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-button-type:hover {
border-color: var(--primary);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .kosi-button-type {
border-color: var(--primary);
color: var(--primary);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type {
display: block;
width: 30px;
height: 30px;
position: relative;
border-radius: 50%;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type:hover {
border: 1px solid;
border-color: var(--primary);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type:hover .color-label {
border: 3px solid #ffffff;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type img {
width: 100%;
height: 100%;
object-fit: contain;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .kosi-color-type {
border: 1px solid;
border-color: var(--primary);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .kosi-color-type .color-label {
border: 3px solid #ffffff;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-image-type {
display: block;
min-width: 90px;
margin-top: 5px;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-image-type img {
margin: auto;
opacity: 0.2;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-image-type .image-count {
display: block;
text-align: center;
color: var(--light);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-image-type .image-name {
display: block;
text-align: center;
margin-top: 10px;
color: var(--accent);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-image-type:hover img {
opacity: 1;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .kosi-image-type img {
opacity: 1;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen .kosi-image-type .image-name {
color: var(--primary);
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type .color-label {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}
.kosi_widget_layered_nav ul.woocommerce-widget-layered-nav-list li .kosi-color-type .color-name {
display: none;
} @media (min-width: 768px) {
table.cart {
margin-bottom: 3.706325903em;
}
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: none;
}
table.cart .text-quantity {
display: none;
}
table.cart thead {
border-bottom: 1px solid var(--border);
background: var(--background_light);
}
@media (max-width: 767px) {
table.cart thead {
display: none;
}
}
table.cart th {
font-size: 14px;
text-transform: uppercase;
color: var(--accent);
font-weight: 700;
}
table.cart td,
table.cart th {
padding: 2em 0 0;
}
table.cart tr td {
text-align: left;
border-color: var(--border);
}
@media (max-width: 767px) {
table.cart tr td {
text-align: right;
padding-bottom: 10px;
padding-top: 10px;
}
table.cart tr td:not(:last-child) {
border-style: solid;
border-width: 0 0 1px 0;
}
}
table.cart tr td[data-title]::before {
font-size: 14px;
color: var(--accent);
font-weight: 500;
}
table.cart tr:first-child td.product-remove {
border-top-width: 0;
}
table.cart td.product-thumbnail img {
margin: auto;
max-width: 100px;
}
table.cart td.product-thumbnail::before {
display: none;
}
@media (max-width: 767px) {
table.cart td.product-thumbnail {
position: absolute;
left: 10px;
top: 15px;
padding: 0;
border: none !important;
}
}
table.cart .product-quantity {
min-width: 120px;
}
table.cart td.product-remove {
padding: 0;
position: relative;
}
@media (max-width: 767px) {
table.cart td.product-remove {
position: absolute;
top: 18px;
right: 20px;
z-index: 1;
margin-bottom: 0;
padding-bottom: 0;
border: none;
font-size: 11px;
}
}
table.cart td.product-remove a.remove {
position: absolute;
font-size: 1.41575em;
top: -8px;
left: -6px;
box-shadow: none;
}
table.cart td.product-remove a.remove:hover:before, table.cart td.product-remove a.remove:active:before {
color: var(--primary);
}
table.cart td.product-name {
line-height: 1.4;
}
table.cart td.product-name:before {
margin-right: 1em;
}
table.cart td.product-name a {
font-weight: 500;
color: var(--accent);
box-shadow: none;
}
table.cart td.product-name a:hover {
text-decoration: underline;
}
table.cart td.product-name .backorder_notification {
font-size: 14px;
font-weight: 400;
color: var(--light);
}
@media (max-width: 767px) {
table.cart td.product-name {
text-align: left;
border-width: 0;
padding-right: 50px;
font-size: 16px;
}
table.cart td.product-name:before {
display: none;
}
}
table.cart .product-price {
text-align: center;
}
@media (max-width: 767px) {
table.cart .product-price {
text-align: right;
}
}
table.cart .product-price .amount {
color: var(--text);
}
@media (max-width: 767px) {
table.cart .quantity {
float: right;
}
}
table.cart td.product-quantity .qty {
padding: 0.326em;
width: 3.706325903em;
font-weight: 600;
color: var(--accent);
}
table.cart td.product-subtotal {
padding-bottom: 1.41575em;
}
@media (min-width: 768px) {
table.cart td.product-subtotal {
padding-bottom: 2.2906835em;
}
}
table.cart td.product-subtotal .amount {
color: var(--accent);
font-weight: 600;
}
table.cart .cart_item {
margin-bottom: 1em;
border-top: 1px solid;
border-top-color: var(--border);
}
table.cart .cart_item:first-child {
border-top: none;
}
@media (max-width: 767px) {
table.cart .cart_item {
padding-left: 140px;
position: relative;
display: block;
}
}
table.cart td.actions {
background-color: transparent;
padding-top: 10px;
padding-right: 0;
}
@media (min-width: 768px) {
table.cart td.actions {
padding-top: 30px;
}
}
@media (max-width: 767px) {
table.cart td.actions {
display: flex;
flex-direction: column-reverse;
}
}
table.cart td.actions label {
display: none;
}
table.cart td.actions .coupon {
position: relative;
margin-bottom: 1.5em;
text-align: left;
}
@media (max-width: 767px) {
table.cart td.actions .coupon {
margin-top: 1.5em;
}
}
table.cart td.actions .coupon .input-text {
border: 2px solid var(--border);
min-width: 300px;
padding-right: 50px;
padding-bottom: 9px;
padding-top: 9px;
}
table.cart td.actions .coupon .input-text:focus {
border-color: var(--primary);
}
table.cart td.actions .coupon button[type=submit] {
background-color: transparent;
padding: 0;
font-size: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50px;
text-align: center;
border: 0;
color: var(--accent);
}
table.cart td.actions .coupon button[type=submit]:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e00c";
font-size: 18px;
line-height: 40px;
}
table.cart td.actions .coupon button[type=submit]:hover {
color: var(--primary);
}
table.cart td.actions input {
display: block;
width: 100%;
margin: 0.5407911001em 0;
}
table.cart td.actions button[name=update_cart] {
padding: 8px 35px;
font-size: 16px;
}
.woocommerce-cart-form table td {
vertical-align: middle;
}
.cart-collaterals {
margin-bottom: 1.618em;
}
@media (min-width: 768px) {
.cart-collaterals {
margin-bottom: 4.235801032em;
}
}
.cart_totals {
padding: 40px 30px 30px;
position: relative;
background-color: var(--background_light);
border: 2px solid var(--border);
}
.cart_totals > h2 {
padding-left: 5px;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 18px;
line-height: 1;
}
.cart_totals table {
color: var(--accent);
font-weight: 600;
}
.cart_totals table th {
font-size: 14px;
}
.cart_totals table th, .cart_totals table td {
padding: 20px 10px;
}
.cart_totals table th .amount, .cart_totals table td .amount {
color: var(--primary);
}
.cart_totals .cart-subtotal {
border-bottom: 1px solid;
border-bottom-color: var(--border);
}
.cart_totals .cart-subtotal .amount {
color: var(--text);
font-weight: 400;
font-size: 14px;
}
.cart_totals .order-total {
border-top: 1px solid;
border-top-color: var(--border);
}
.cart_totals .order-total th {
vertical-align: middle;
}
.cart_totals .order-total td {
padding: 0.5em 0;
}
.cart_totals .order-total .amount {
font-size: 22px;
}
.cart_totals .checkout-button {
display: block;
text-align: center;
}
.cart_totals .checkout-button:after {
display: none;
}
.woocommerce-shipping-calculator {
margin: 0;
}
.woocommerce-shipping-calculator > p:first-child {
margin: 0;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
padding-top: 1.41575em;
}
.woocommerce-shipping-destination {
margin-bottom: 0;
}
ul#shipping_method {
list-style: none;
margin-left: 0;
margin-bottom: 10px;
margin-top: 0;
}
ul#shipping_method li {
margin-bottom: 0.2360828548em;
list-style: none;
}
ul#shipping_method li:last-child {
margin-bottom: 0;
}
ul#shipping_method input {
margin-right: 0.3342343017em;
}
ul#shipping_method input[type=radio] + label {
margin-left: 0;
color: var(--accent);
}
ul#shipping_method input[type=radio]:first-child:checked + label:after {
color: var(--primary);
}
.woocommerce-checkout ul#shipping_method {
margin-bottom: 0;
}
.site-header-cart .cart-contents {
color: var(--accent);
}
.site-header-cart .cart-contents i {
font-size: 23px;
line-height: 1;
vertical-align: middle;
}
.site-header-cart .cart-contents:hover {
color: var(--primary);
}
.site-header-cart .cart-contents:hover .amount {
text-decoration: underline;
}
.site-header-cart .cart-contents .count {
min-width: 16px;
height: 16px;
line-height: 16px;
font-size: 10px;
font-weight: 400;
text-align: center;
border-radius: 50%;
display: inline-block;
position: absolute;
top: -5px;
right: -8px;
color: #ffffff;
background-color: var(--primary);
}
.site-header-cart .cart-contents .amount {
font-weight: 600;
font-size: 15px;
margin-left: 9px;
color: var(--accent);
}
.site-header-cart .widget_shopping_cart {
border-color: var(--border);
}
.site-header-cart .widget.widget_shopping_cart {
border-top-color: var(--primary);
}
.woocommerce-cart .site-content {
margin-bottom: 6.8535260698em;
}
.woocommerce-cart .cart-empty {
background-color: transparent;
border: none;
text-align: center;
font-size: 18px;
color: var(--accent);
}
.woocommerce-cart .cart-empty:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e00f";
text-align: center;
display: block;
font-size: 120px;
color: var(--light);
line-height: 1;
margin-bottom: 30px;
}
.woocommerce-cart .return-to-shop {
text-align: center;
}
.cross-sells h2 {
font-size: 24px;
}
.cross-sells .slick-list li.product {
max-width: 100% !important;
}
.cross-sells .slick-slider .slick-dots {
position: static;
}
.cross-sells ul.products {
display: none;
}
.cross-sells ul.products.slick-initialized {
display: block;
}
.cross-sells ul.products .slick-track {
margin-left: 0;
margin-right: 0;
} .checkout_coupon {
margin-bottom: 2.617924em;
max-width: 450px;
margin-left: auto;
margin-right: auto;
padding: 30px;
border: 2px solid;
border-color: var(--border);
border-radius: 4px;
text-align: center;
display: grid;
grid-template-columns: 1fr 50px;
}
.checkout_coupon p:first-child {
grid-column-end: 2 span;
}
.checkout_coupon .form-row-first {
grid-column: 1/3;
grid-row: 2;
margin-right: 0;
width: 100%;
}
.checkout_coupon .form-row-last {
width: unset;
float: left;
grid-column: 2;
grid-row: 2;
z-index: 4;
}
.checkout_coupon .input-text {
width: 100%;
border: 2px dashed;
border-color: var(--border);
padding-top: 0;
padding-bottom: 0;
line-height: 50px;
padding-right: 50px;
}
.checkout_coupon .input-text:focus {
border-color: var(--primary);
}
.checkout_coupon button[type=submit] {
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
line-height: 50px;
background-color: transparent;
text-align: center;
border: 2px solid transparent;
}
.checkout_coupon button[type=submit]:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e00c";
font-size: 18px;
color: var(--accent);
line-height: 50px;
display: block;
}
.checkout_coupon button[type=submit]:hover {
background-color: transparent;
}
.checkout_coupon button[type=submit]:hover:before {
color: var(--primary);
}
form.checkout {
position: static !important; margin-top: 3.706325903em;
}
form.checkout::before, form.checkout::after {
content: "";
display: table;
}
form.checkout::after {
clear: both;
}
form.checkout > .blockUI {
position: fixed !important; }
#order_review_heading {
display: none;
}
.checkout-review-order-table-wrapper {
padding: 0 30px;
background-color: var(--background);
}
#order_review {
padding: 25px 40px 40px;
background-color: var(--background_light);
border: 2px solid var(--border);
}
#order_review table {
margin-bottom: 0;
}
#order_review table td, #order_review table th {
padding: 1em 0;
}
#order_review .woocommerce-checkout-review-order-table thead th, #order_review .woocommerce-checkout-review-order-table thead td {
border: none;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
}
#order_review .woocommerce-checkout-review-order-table th {
color: var(--accent);
}
#order_review .woocommerce-checkout-review-order-table th.product-total {
text-align: right;
}
#order_review .woocommerce-checkout-review-order-table td {
text-align: right;
}
#order_review .woocommerce-checkout-review-order-table td.product-name {
text-align: left;
font-size: 14px;
line-height: 20px;
color: var(--text);
}
#order_review .woocommerce-checkout-review-order-table td.product-name strong {
font-weight: 700;
color: var(--primary);
}
#order_review .woocommerce-checkout-review-order-table th, #order_review .woocommerce-checkout-review-order-table td {
border-top: 1px solid;
border-top-color: var(--border);
}
#order_review .woocommerce-checkout-review-order-table .amount {
color: var(--accent);
font-weight: 700;
}
#order_review .woocommerce-checkout-review-order-table .order-total th {
vertical-align: middle;
}
#order_review .woocommerce-checkout-review-order-table .order-total .amount {
font-size: 26px;
color: var(--primary);
}
#payment::before, #payment::after {
content: "";
display: table;
}
#payment::after {
clear: both;
}
#payment .create-account {
clear: both;
}
#payment .woocommerce-privacy-policy-text a:hover {
color: var(--primary_hover);
}
#payment .payment_methods {
margin: 0;
padding: 0;
}
#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label {
display: inline-block;
padding: 10px 0;
cursor: pointer;
font-size: 16px;
font-weight: 500;
margin-left: 0;
}
#payment .payment_methods li {
list-style: none !important;
margin-left: 0;
position: relative;
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
max-height: 1.618em;
}
#payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before, #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before {
color: var(--primary);
}
#payment .payment_methods li > label {
font-weight: 700;
color: var(--accent);
}
#payment .payment_methods li p {
margin: 0;
}
#payment .payment_methods li .payment_box {
font-size: 0.875em;
position: relative;
padding: 15px;
margin-bottom: 15px;
background-color: #FFF;
}
#payment .payment_methods li .payment_box:before {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-bottom: 6px solid;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 0;
top: -6px;
left: 35px;
border-bottom-color: #ffffff;
}
#payment .payment_methods li .payment_box fieldset {
border: 0;
margin: 0;
padding: 1em 0 0;
font-size: 0.875em;
}
#payment .payment_methods li .payment_box fieldset label {
width: auto;
margin-left: 0;
}
#payment .payment_methods li .payment_box fieldset .form-row {
margin-bottom: 1em;
}
#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
margin-right: 5px;
}
#payment .payment_methods li .payment_box fieldset #cvv {
width: 22% !important;
}
#payment .payment_methods li .payment_box fieldset .help {
width: 75%;
float: right;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
padding-top: 1em;
margin: 0;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
margin-top: 0.6180469716em;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
margin-right: 0.236em;
}
#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
margin-left: 0;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc {
font-size: 1.41575em;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
background-repeat: no-repeat;
background-position: right 0.6180469716em center;
background-size: 31px 20px;
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/unknown.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/visa.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/mastercard.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/laser.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/diners.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/maestro.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/jcb.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/amex.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//www.tpm-pac.com/assets/images/credit-cards/discover.svg);
}
#payment .terms {
width: 100%;
clear: both;
float: none;
margin-bottom: 1em;
}
#payment .terms label {
display: block;
cursor: pointer;
}
#payment .woocommerce-terms-and-conditions {
padding: 1em;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
background-color: rgba(0, 0, 0, 0.05);
}
#payment .place-order {
margin-top: 1.618em;
margin-bottom: 0;
float: none;
width: 100%;
}
#payment .place-order .button {
width: 100%;
white-space: pre-wrap;
}
table.woocommerce-checkout-review-order-table .product-name {
width: 45%;
word-wrap: break-word;
color: var(--accent);
}
table.woocommerce-checkout-review-order-table .product-quantity {
font-weight: 400;
}
table.woocommerce-checkout-review-order-table .variation,
table.woocommerce-checkout-review-order-table .product-quantity {
color: var(--text);
}
table.woocommerce-checkout-review-order-table .variation dt {
font-weight: 400;
}
.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br {
display: none;
}
.woocommerce-billing-fields h3 {
font-size: 28px;
line-height: 1;
margin-bottom: 30px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
background-color: var(--background_light);
font-weight: 600;
padding: 15px;
border: none;
text-align: center;
color: var(--accent);
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: var(--primary);
}
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
text-decoration: underline;
}
.woocommerce-additional-fields h3 {
font-size: 28px;
}
.woocommerce-order .woocommerce-thankyou-order-received {
color: #0f834d;
background-color: #f8f8f8;
font-size: 24px;
font-weight: 700;
text-align: center;
padding: 2.2906835em 1.41575em;
}
.woocommerce-order .woocommerce-order-details__title {
text-align: center;
text-transform: uppercase;
font-size: 1.618em;
}
@media (min-width: 768px) {
.woocommerce-order ul.woocommerce-thankyou-order-details li {
width: 20%;
margin: 0 !important;
}
}
.woocommerce-order .woocommerce-table--order-details {
max-width: 900px;
margin: 1.41575em auto 5.9968353111em;
}
.woocommerce-order .woocommerce-table--order-details th {
color: var(--accent);
}
.woocommerce-order .woocommerce-table--order-details tr td:last-child,
.woocommerce-order .woocommerce-table--order-details tr th:last-child {
text-align: right;
}
.woocommerce-order .woocommerce-table--order-details td,
.woocommerce-order .woocommerce-table--order-details th {
border-top: 1px solid;
border-top-color: var(--border);
padding-left: 0;
padding-right: 0;
}
.woocommerce-order .woocommerce-table--order-details thead td,
.woocommerce-order .woocommerce-table--order-details thead th {
border-top: 0;
border-bottom: 2px solid;
border-bottom-color: var(--border);
}
.woocommerce-order .woocommerce-table--order-details .product-name a {
color: var(--text);
}
.woocommerce-order .woocommerce-table--order-details .product-name a:hover {
color: var(--primary);
}
.woocommerce-order .woocommerce-table--order-details tfoot {
color: var(--accent);
}
.woocommerce-order .woocommerce-table--order-details tfoot .amount {
font-weight: 700;
}
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child .amount {
font-weight: 700;
font-size: 1.618em;
color: var(--primary);
}
form.woocommerce-form-track-order .order-text {
max-width: 740px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1024px) {
form.woocommerce-form-track-order .order-text {
margin-bottom: 50px;
}
}
form.woocommerce-form-track-order input {
width: 100%;
margin-bottom: 30px;
} .woocommerce-password-strength {
font-weight: 600;
padding: 0.5407911001em 0;
text-align: right;
font-size: 0.875em;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after {
content: "";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account h2 {
font-size: 40px;
font-weight: 700;
}
.woocommerce-account h1.entry-title {
display: none;
}
.woocommerce-account .woocommerce-privacy-policy-text a {
box-shadow: none !important;
}
label.inline {
display: inline !important;
margin-left: 1em;
}
.woocommerce-MyAccount-navigation .inner {
background: var(--background_light);
padding: 30px 20px;
}
.woocommerce-MyAccount-navigation .inner ul {
margin-bottom: 0;
border: 0;
}
.woocommerce-MyAccount-navigation .inner ul li {
border: 0;
margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link.is-active, .woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link:hover {
background: var(--primary);
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link:hover a {
color: #fff;
}
.woocommerce-MyAccount-navigation .inner ul li.woocommerce-MyAccount-navigation-link a {
margin: 0;
padding: 15px;
font-weight: 700;
}
.woocommerce-MyAccount-navigation ul {
margin: 0 !important;
border-top: 1px solid;
list-style: none;
border-top-color: var(--border);
}
.woocommerce-MyAccount-navigation ul li {
list-style: none !important;
border-bottom: 1px solid;
border-bottom-color: var(--border);
position: relative;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
text-decoration: none;
padding: 0.875em 0;
display: flex;
align-items: center;
color: var(--accent);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
color: var(--primary);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-left: auto;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
color: var(--primary);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a::after {
content: "\e03e";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a::after {
content: "\e036";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads a::after {
content: "\e01f";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a::after {
content: "\e028";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods a::after {
content: "\e018";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a::after {
content: "\e094";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a::after {
content: "\e037";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--subscriptions a::after {
content: "\e03d";
}
ul.order_details {
list-style: none;
position: relative;
max-width: 900px;
margin: 0 auto 1.618em;
}
ul.order_details::before, ul.order_details::after {
content: "";
display: table;
}
ul.order_details::after {
clear: both;
}
ul.order_details li {
padding: 1em 1.618em;
text-align: center;
border-color: var(--border);
}
ul.order_details li:first-child {
padding-top: 1.618em;
border: 0;
}
ul.order_details li:last-child {
padding-bottom: 1.618em;
}
ul.order_details li:last-child::before, ul.order_details li:last-child::after {
content: "";
display: table;
}
ul.order_details li:last-child::after {
clear: both;
}
ul.order_details li strong {
display: block;
text-transform: none;
color: var(--accent);
}
.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
padding: 0.6180469716em 0.875em;
font-size: 0.875em;
margin-right: 0.236em;
}
.woocommerce-MyAccount-content h2 {
font-size: 2em;
font-weight: 600;
}
.woocommerce-MyAccount-content #payment .payment_methods {
margin-bottom: 1.618em !important;
} .woocommerce-MyAccount-content .woocommerce-Pagination {
text-align: center;
}
.woocommerce-MyAccount-content table th {
color: var(--accent);
}
.woocommerce-MyAccount-content table thead th {
background-color: rgba(0, 0, 0, 0.05);
}
.woocommerce-MyAccount-content table tr:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.05);
}
.woocommerce-MyAccount-content .order_details a:not(.button) {
color: var(--accent);
}
.woocommerce-MyAccount-content .order_details a:not(.button):hover {
text-decoration: underline;
}
.woocommerce-MyAccount-content .order_details .product-quantity {
color: var(--light);
}
.woocommerce-MyAccount-content .order_details .product-total .amount {
font-weight: 700;
}
.woocommerce-MyAccount-content .order_details tfoot .amount {
font-weight: 700;
font-size: 1.41575em;
color: var(--accent);
}
.woocommerce-MyAccount-content .order-again {
margin-bottom: 3.706325903em;
}
form.woocommerce-form-register button[type=submit] {
display: block;
width: 100%;
}
form.woocommerce-form-login .woocommerce-form-login-wrap {
padding: 50px;
background: #f6f6f6;
margin-bottom: 30px;
}
form.woocommerce-form-login button[type=submit] {
display: block;
width: 100%;
}
form.woocommerce-form-login .woocommerce-form__label-for-checkbox {
float: left;
}
form.woocommerce-form-login .woocommerce-LostPassword {
float: right;
}
form.woocommerce-form-login .woocommerce-LostPassword a {
color: var(--text);
text-decoration: underline;
text-decoration-style: dotted;
}
.wcml-dropdown {
width: 100%;
}
.wcml-dropdown li,
.wcml-dropdown .wcml-cs-submenu li {
border-color: var(--border);
}
.wcml-dropdown .wcml-cs-submenu {
border-top: 0;
}
.wcml-dropdown a {
padding: 1em 1.41575em;
}
.wcml-dropdown a.wcml-cs-item-toggle:after {
right: 1em;
}
.wcml-horizontal-list li.wcml-cs-active-currency a,
.wcml-vertical-list li.wcml-cs-active-currency a {
font-weight: bold;
color: var(--accent);
cursor: default;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item {
border-radius: 0px;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item {
padding-top: 7px;
padding-bottom: 7px;
height: auto;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
min-width: 57px;
}
.kosi-canvas-filter {
background-color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
top: 0;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
position: fixed;
z-index: 10002;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
width: 360px;
height: 100vh;
}
@media (max-width: 768px) {
.kosi-canvas-filter {
width: 330px;
padding-left: 15px;
padding-right: 15px;
}
}
.kosi-canvas-filter::-webkit-scrollbar {
width: 3px;
}
.kosi-canvas-filter::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.kosi-canvas-filter::-webkit-scrollbar-thumb {
background-color: #000000;
}
.kosi-canvas-filter .widget {
margin-bottom: 45px;
}
.kosi-overlay-filter {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.off-canvas-active .kosi-overlay-filter {
visibility: visible;
opacity: 1;
}
.off-canvas-active .kosi-canvas-filter {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
a.filter-toggle {
font-size: 14px;
color: var(--accent);
font-weight: 600;
margin-right: auto;
}
@media (min-width: 768px) {
a.filter-toggle {
margin-right: 20px;
}
}
a.filter-toggle i {
font-size: 20px;
margin-right: 10px;
margin-top: -5px;
}
@media (min-width: 1024px) {
a.filter-toggle {
display: none;
}
}
.shop_filter_canvas a.filter-toggle {
display: inline-block;
}
@media (min-width: 768px) {
.shop_filter_canvas a.filter-toggle {
margin-right: 20px;
padding-right: 20px;
position: relative;
}
.shop_filter_canvas a.filter-toggle:after {
content: "";
height: 20px;
width: 1px;
background-color: var(--border);
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
a.filter-toggle:focus, a.filter-toggle:hover {
color: var(--primary);
}
.filter-close {
height: 50px;
line-height: 50px;
margin-bottom: 15px;
display: block;
cursor: pointer;
text-align: right;
vertical-align: middle;
font-weight: 400;
font-size: 12px;
color: var(--accent);
}
.filter-close:after {
content: "\2b";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -2px;
font-size: 30px;
font-weight: 400;
transform: rotate(45deg);
}
@media (min-width: 783px) {
.admin-bar .kosi-canvas-filter {
top: 32px;
}
}
@media (min-width: 600px) and (max-width: 782px) {
.admin-bar .kosi-canvas-filter {
top: 46px;
}
} #woosq-popup {
max-width: 1170px !important;
max-height: 600px !important;
}
#woosq-popup .slick-track,
#woosq-popup .thumbnails,
#woosq-popup .thumbnails img {
max-height: 600px !important;
}
#woosq-popup .single-product tr.product {
display: table-row;
}
#woosq-popup .single-product > .product {
display: flex;
}
#woosq-popup .single-product > .product > div {
height: 600px !important;
}
#woosq-popup .single-product .thumbnails {
background: #fff !important;
}
#woosq-popup .single-product .thumbnails img {
width: 100%;
}
#woosq-popup .single-product div.product .product_title {
font-size: 32px;
margin-bottom: 10px;
display: block;
}
#woosq-popup .single-product div.product .woocommerce-product-rating {
margin-bottom: 30px;
} .woosw-list .woosw-content-mid-notice {
text-transform: uppercase;
text-align: center;
font-weight: 600;
color: var(--accent);
padding: 30px 0 80px;
}
.woosw-list .woosw-content-mid-notice:before {
content: "\e00f";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-weight: 700;
font-size: 86px;
margin-bottom: 20px;
display: block;
color: rgba(135, 135, 135, 0.15);
}
.woosw-list table.woosw-content-items thead th {
font-size: 13px;
text-transform: uppercase;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 500;
padding: 20px;
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items thead {
display: none;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item {
border-top: 1px solid var(--border);
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item {
display: block;
padding-left: 120px;
position: relative;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item td {
background: transparent;
padding: 20px;
vertical-align: middle;
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item td {
padding: 10px 0;
text-align: right;
display: block;
border: none;
border-bottom: 1px solid;
border-color: var(--border);
}
.woosw-list table.woosw-content-items tr.woosw-content-item td:last-child {
border: none;
}
.woosw-list table.woosw-content-items tr.woosw-content-item td:before {
content: attr(data-title);
float: left;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--image {
width: 120px;
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--image img {
height: auto;
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--image {
position: absolute;
left: 10px;
top: 10px;
padding: 0;
border: 0;
width: 100px;
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--image img {
width: 100px;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--title a {
color: var(--accent);
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--title a:hover {
color: var(--primary);
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--title {
text-align: left;
padding-right: 30px;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--price {
color: var(--primary);
font-weight: 500;
font-size: 16px;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--stock {
color: var(--primary);
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--add p > a {
display: inline-block;
color: var(--accent);
background-color: transparent;
box-shadow: none;
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--add p > a {
display: block;
text-align: center;
}
}
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--remove {
width: 70px;
text-align: center;
}
@media (max-width: 767px) {
.woosw-list table.woosw-content-items tr.woosw-content-item .woosw-content-item--remove {
width: 30px;
position: absolute;
top: 10px;
right: 0;
padding: 0;
border: none;
}
}
.woosw-list .woosw-actions {
margin-bottom: 2.2906835em;
}
#woosw_copy_url {
padding: 0;
border: none;
background-color: transparent;
text-overflow: ellipsis;
}
#woosw_copy_btn {
padding: 0;
background-color: transparent;
color: var(--primary);
border: none;
margin-left: 10px;
text-decoration: underline;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
padding: 15px;
border: 1px solid var(--border);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
color: var(--accent);
text-transform: none;
font-weight: 600;
font-size: 16px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a:hover {
color: var(--primary_hover);
}
@media (max-width: 767px) {
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child {
min-width: 150px;
width: auto;
}
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table .tr-additional td {
vertical-align: top;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {
max-width: 150px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
padding: 15px;
border: 1px solid var(--border);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-label {
font-weight: 600;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes {
table-layout: auto !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th {
border: none !important;
background: none !important;
padding: 10px !important;
}
@media (max-width: 768px) {
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes td {
padding-top: 0 !important;
display: block;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .shop_attributes th {
display: block;
padding-bottom: 0 !important;
}
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del {
text-decoration: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .amount {
text-decoration: line-through;
color: var(--light);
font-size: 14px;
font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .amount {
color: var(--primary);
font-size: 16px;
font-weight: 700;
}
@media (min-width: 768px) {
ul.order_details {
margin: 3.706325903em auto !important;
}
ul.order_details li {
width: 22.5806451613%;
float: left;
margin-right: 3.2258064516%;
border-left-style: solid;
border-left-width: 1px;
}
ul.order_details li:first-child {
border: 0;
}
ul.order_details li:last-child {
float: right;
margin-right: 0;
}
ul.order_details li:last-child::before, ul.order_details li:last-child::after {
content: "";
display: table;
}
ul.order_details li:last-child::after {
clear: both;
}
.demo_store {
bottom: 0;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
background: rgba(0, 0, 0, 0.1);
float: right;
display: inline-block;
margin: -1em -1.41575em -1em 0;
padding: 1em 1.41575em;
} table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
table.shop_table_responsive tr.woocommerce-shipping-totals td {
width: 60%;
} .site-header-cart {
position: relative;
}
.site-header-cart .cart-contents {
display: inline-block;
position: relative;
text-indent: 0;
}
.site-header-cart .widget_shopping_cart {
position: absolute;
margin-top: 20px;
top: 100%;
width: 320px;
z-index: 999999;
right: -999em;
display: block;
border-width: 2px;
border-style: solid;
}
.site-header-cart .widget_shopping_cart:before {
content: "";
display: block;
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 20px;
}
.site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
display: none;
left: 0;
}
.site-header-cart .widget_shopping_cart h2.widgettitle {
display: none;
}
.site-header-cart .widget_shopping_cart .product_list_widget {
height: 0;
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
text-align: left;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
right: 0;
display: block;
}
.site-header-cart:hover .widget_shopping_cart .product_list_widget, .site-header-cart.focus .widget_shopping_cart .product_list_widget {
height: auto;
}
.site-search {
display: block;
}
.site-search form {
margin: 0;
} ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product {
clear: none;
width: 100%;
} ul.products.columns-1 li.product {
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.woocommerce.columns-tablet-1 ul.products-list li.product,
.woocommerce.columns-tablet-1 ul.products li.product {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce.columns-tablet-2 ul.products-list li.product,
.woocommerce.columns-tablet-2 ul.products li.product {
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce.columns-tablet-3 ul.products-list li.product,
.woocommerce.columns-tablet-3 ul.products li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.woocommerce.columns-tablet-4 ul.products-list li.product,
.woocommerce.columns-tablet-4 ul.products li.product {
flex: 0 0 25%;
max-width: 25%;
}
.woocommerce.columns-tablet-5 ul.products-list li.product,
.woocommerce.columns-tablet-5 ul.products li.product {
flex: 0 0 20%;
max-width: 20%;
}
.woocommerce.columns-tablet-6 ul.products-list li.product,
.woocommerce.columns-tablet-6 ul.products li.product {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
} .single-product div.product .images {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
margin-bottom: 3.706325903em;
}
.single-product div.product .images .thumbnails::before, .single-product div.product .images .thumbnails::after {
content: "";
display: table;
}
.single-product div.product .images .thumbnails::after {
clear: both;
}
.single-product div.product .images .thumbnails a.zoom {
width: 22.5806451613%;
float: left;
margin-right: 3.2258064516%;
}
.single-product div.product .images .thumbnails a.zoom.last {
float: right;
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery {
margin-right: 0;
float: left;
margin-bottom: 3.706325903em;
}
.single-product div.product .summary {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.single-product div.product .woocommerce-tabs {
clear: both;
}
.single-product #reviews .comment-form-author,
.single-product #reviews .comment-form-email {
flex: 50%;
max-width: 50%;
}
.single-product #reviews .comment-form-email {
margin-right: 0;
}
.single-product.single-product-vertical div.product .images {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
}
.single-product.single-product-vertical div.product .summary {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
#reviews .comment-form-email {
margin-right: 0;
} .woocommerce-cart .content-area,
.woocommerce-checkout .content-area {
width: 100%;
float: right;
margin-right: 0;
}
.woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
border-bottom: 0;
padding-bottom: 0;
}
table.cart th,
table.cart td {
padding: 15px 15px 15px 0;
}
table.cart .qty {
padding: 0.875em;
max-width: 3.632em;
}
table.cart td.product-remove {
display: table-cell;
padding: 1.618em 0 1.618em 1.618em;
border: 0;
width: 5%;
}
table.cart td.product-remove a.remove {
float: none;
position: relative;
top: auto;
right: auto;
font-size: 1em;
box-shadow: none;
}
table.cart td.product-thumbnail {
width: 14%;
}
table.cart td.product-name {
width: 40%;
}
table.cart td.product-price {
width: 16%;
}
table.cart td.product-subtotal {
padding: 1.618em 1.618em 1.618em 0;
width: 16%;
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: inline-block;
}
table.cart .quantity .qty {
padding: 0.6180469716em;
}
table.cart td.actions {
text-align: right;
}
table.cart td.actions label {
display: none;
}
table.cart td.actions .coupon {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
float: left;
}
table.cart td.actions input {
display: inline-block;
width: auto;
margin: 0;
}
.cart-collaterals::before, .cart-collaterals::after {
content: "";
display: table;
}
.cart-collaterals::after {
clear: both;
}
.cart-collaterals .cross-sells {
width: 42.0289855072%;
float: left;
margin-right: 4.347826087%;
}
.cart-collaterals .shipping_calculator {
width: 53.6231884058%;
float: right;
margin-right: 0;
margin: 0;
clear: right;
}
.cart-collaterals .cart_totals small.includes_tax {
display: block;
}
.cart-collaterals .shipping_calculator {
clear: right;
} table.wishlist_table .wishlist-items-wrapper tr td.product-name a.yith-wcqv-button {
display: none;
} #ship-to-different-address {
position: relative;
}
#ship-to-different-address label {
font-weight: 300;
}
#ship-to-different-address .woocommerce-form__input-checkbox {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-right: 0;
}
.col2-set {
width: 53.6231884058%;
float: left;
margin-right: 4.347826087%;
}
.col2-set .form-row-first {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
}
.col2-set .form-row-last {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.col2-set .col-1,
.col2-set .col-2 {
margin-bottom: 1.618em;
}
.col2-set + #customer_details {
display: none;
}
.col2-set .woocommerce-billing-fields::before, .col2-set .woocommerce-billing-fields::after {
content: "";
display: table;
}
.col2-set .woocommerce-billing-fields::after {
clear: both;
}
.col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.col2-set.addresses .col-1 {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.col2-set.addresses .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
#customer_details + #wc_checkout_add_ons {
width: 42.0289855072%;
float: right;
margin-right: 0;
}
#wc_checkout_add_ons input[type=radio] {
float: left;
margin-right: 0.5407911001em;
clear: left;
margin-top: 0.35em;
}
#order_review {
width: 42.0289855072%;
float: right;
margin-right: 0;
clear: right;
}
#order_review {
transition: box-shadow ease 0.4s;
}
.woocommerce-order-pay #order_review {
width: 100%;
float: none;
}
.woocommerce-order-pay #order_review #payment h3 {
padding-left: 1em;
padding-top: 1em;
}
.woocommerce-order-pay #order_review #payment .form-row {
padding: 1em;
}
.woocommerce-order-pay #order_review .payment_methods + .form-row {
padding: 1em;
}
.woocommerce-order-pay #order_review .button#place_order {
display: block;
width: 100%;
font-size: 1.41575em;
} table + .addresses {
margin-top: 1.618em;
}
.col2-set#customer_login {
width: 100%;
margin: 0;
}
.col2-set#customer_login .col-1 {
width: 50%;
float: left;
padding-right: 5%;
}
.col2-set#customer_login .col-2 {
width: 50%;
float: right;
padding-left: 5%;
}
.col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.col2-set.addresses .col-1 {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
}
.col2-set.addresses .col-2 {
width: 48.3870967742%;
float: right;
margin-right: 0;
}
.woocommerce-MyAccount-navigation {
width: 27.2727272727%;
float: left;
margin-right: 3.8961038961%;
}
.woocommerce-MyAccount-content {
width: 68.8311688312%;
float: right;
margin-right: 0;
}
.addresses header.title::before, .addresses header.title::after {
content: "";
display: table;
}
.addresses header.title::after {
clear: both;
}
.addresses header.title a {
float: right;
}
.addresses header.title h3 {
float: left;
} .form-row-first {
width: 48.3870967742%;
float: left;
margin-right: 3.2258064516%;
clear: both;
}
.form-row-last {
width: 48.3870967742%;
float: right;
margin-right: 0;
} .kosi-sticky-add-to-cart {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99998;
transform: translate3d(0, 100%, 0);
padding: 10px 1em;
overflow: hidden;
zoom: 1;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
animation-duration: 0.5s;
animation-fill-mode: both;
}
.kosi-sticky-add-to-cart--slideInDown {
animation-name: slideInDown;
}
.kosi-sticky-add-to-cart--slideOutUp {
animation-name: slideOutUp;
}
.kosi-sticky-add-to-cart__content {
display: flex;
align-items: center;
justify-content: center;
}
.kosi-sticky-add-to-cart__content-title {
display: block;
}
.kosi-sticky-add-to-cart__content-price {
margin-right: 0.875em;
}
.kosi-sticky-add-to-cart__content-button {
margin-left: auto;
padding-top: 0.86em;
padding-bottom: 0.86em;
}
.kosi-sticky-add-to-cart img {
max-width: 60px;
margin: 0 1.41575em 0 0;
padding: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.kosi-sticky-add-to-cart .star-rating {
display: inline-block;
margin: 0;
vertical-align: sub;
} #yith-quick-view-modal.open .product-title {
margin-top: -0.2333em;
font-size: 30px;
}
#yith-quick-view-close {
top: 10px;
right: 10px;
text-indent: -9999px;
}
}
@media (min-width: 768px) and (max-width: 900px) {
body:not(.page-template-template-fullwidth-php) table.cart td,
body:not(.page-template-template-fullwidth-php) table.cart th {
padding: 1em;
}
}
@media (min-width: 911px) {
.woocommerce-cart-form {
width: 65.5913978495%;
float: left;
margin-right: 3.2258064516%;
}
.cart-collaterals {
width: 31.1827956989%;
float: right;
margin-right: 0;
}
}
@media (min-width: 1024px) {
.woocommerce.columns-1 ul.products-list li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce.columns-2 ul.products-list li.product,
.woocommerce.columns-2 ul.products li.product {
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce.columns-3 ul.products-list li.product,
.woocommerce.columns-3 ul.products li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.woocommerce.columns-4 ul.products-list li.product,
.woocommerce.columns-4 ul.products li.product {
flex: 0 0 25%;
max-width: 25%;
}
.woocommerce.columns-5 ul.products-list li.product,
.woocommerce.columns-5 ul.products li.product {
flex: 0 0 20%;
max-width: 20%;
}
.woocommerce.columns-6 ul.products-list li.product,
.woocommerce.columns-6 ul.products li.product {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
.elementor-element.elementor-products-grid .woocommerce ul.products li.product {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
@media (max-width: 767px) {
.cart_totals table.shop_table_responsive th {
display: none !important;
}
}
.button.add_to_cart_button.loading {
opacity: 1 !important;
color: #fff;
}
.product-block-list {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
transition: all ease 0.4s;
}
.product-block-list h2,
.product-block-list h3,
.product-block-list .woocommerce-loop-product__title,
.product-block-list .wc-block-grid__product-title {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 10px;
}
.product-block-list h2 a,
.product-block-list h3 a,
.product-block-list .woocommerce-loop-product__title a,
.product-block-list .wc-block-grid__product-title a {
color: var(--accent);
}
.product-block-list h2 a:hover,
.product-block-list h3 a:hover,
.product-block-list .woocommerce-loop-product__title a:hover,
.product-block-list .wc-block-grid__product-title a:hover {
color: var(--primary);
}
.product-block-list .star-rating {
margin-bottom: 10px;
}
.product-block-list .price {
display: block;
color: var(--accent);
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.product-block-list .product-transition {
flex: 0 0 265px;
margin: 0 30px 0 0;
}
@media (max-width: 568px) {
.product-block-list .product-transition {
flex: unset;
width: 100%;
margin: 0 0 20px 0;
}
}
.product-block-list .shop-action {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.product-block-list .shop-action .woosc-btn,
.product-block-list .shop-action .woosq-btn,
.product-block-list .shop-action .woosw-btn,
.product-block-list .shop-action a[class*=product_type_] {
margin: 0 5px;
}
.product-block-list .short-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 10px;
}
.product-block-list .product-caption {
flex: 1;
}
.product-block-list a[class*=product_type_].loading:after {
color: #000;
}
.product-block-list a[class*=product_type_].loading::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "\e039";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.product-block-list a[class*=product_type_]:hover {
border-color: var(--primary_hover);
background-color: var(--primary_hover);
color: #fff;
}
.product-block-list:hover .product-img-wrap .inner {
-ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.product-block-list:hover .product-img-wrap.bottom-to-top .inner {
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.product-block-list:hover .product-img-wrap.top-to-bottom .inner {
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.product-block-list:hover .product-img-wrap.left-to-right .inner {
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.product-block-list:hover .product-img-wrap.right-to-left .inner {
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.product-block-list:hover .product-img-wrap.swap .product-image {
opacity: 0;
}
.product-block-list:hover .product-img-wrap.swap .product-image img {
transform: rotateY(180deg);
}
.product-block-list:hover .product-img-wrap.swap .product-image.second-image {
opacity: 1;
}
.product-block-list:hover .product-img-wrap.swap .product-image.second-image img {
transform: rotateY(0deg);
}
.product-block-list:hover .product-img-wrap.fade .product-image {
opacity: 0;
}
.product-block-list:hover .product-img-wrap.fade .product-image.second-image {
opacity: 1;
}
.product-block-list:hover .product-img-wrap.zoom-in .product-image.second-image {
transform: scale(1);
}
.product-block-list:hover .product-img-wrap.zoom-out .product-image {
transform: scale(0);
}
.product-block-list:hover .product-img-wrap.zoom-out .product-image.second-image {
transform: scale(1);
}
ul.products-list {
margin: 0;
margin-left: -20px;
margin-right: -20px;
clear: both;
display: flex;
flex-wrap: wrap;
}
ul.products-list li.product {
padding-left: 20px;
padding-right: 20px;
width: 100%;
list-style: none;
margin-bottom: 30px;
position: relative;
transition: all 0.4s ease-in-out;
}