:root {
--color-primary: #819DB0;
--color-orange: #e67d4c;
--color-green: #2b8c83;
--color-red: #819DB0;
--text-color: #2f2f2f;
--catalog-thumbnail: 251px;
}   [type=button],
[type=submit],
button {
border: medium none;
}
.page-content {
margin-bottom: 50px;
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
background-color: initial;
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
border: 1px solid #ddd;
}
.custom-grid {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 35px;
}
.custom-grid img {
max-height: 234px;
object-fit: cover;
}
.elementor-post.status-private {
display: none;
}
.related-product-section {
background-color: #f9f9f9;
padding: 20px 40px;
}   .elementor-posts .elementor-post__title {
line-height: 1.5em;
margin-bottom: 15px;
font-size: 18px;
font-weight: 600;
font-family: "Roboto", Sans-serif;
letter-spacing: 1px;
} .elementor-location-footer ul {
padding-left: 30px;
}
.elementor-location-footer li,
.elementor-location-footer h2,
.elementor-location-footer a {
color: #cdcdcd;
}   .woocommerce .col-1,
.woocommerce .col-2 {
max-width: none;
}
.woocommerce-page .woocommerce-message .button {
background-color: var(--color-primary);
color: white;
}
.woocommerce-message::before {
color: var(--color-primary);
}
.woocommerce-message {
border-top-color: var(--color-primary);
}   li.status-private {
display: none;
}
nav.woocommerce-pagination {
margin-bottom: 50px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 15px 20px;
}
input#coupon_code {
width: 200px !important;
}
.woocommerce-tabs.wc-tabs-wrapper {
display: none;
}
.related-products {
clear: both;
}
a.reset_variations {
display: none !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--text-color);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: var(--color-red);
padding: 13px 30px;
}
.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
background-color: var(--color-red);
left: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 20px;
padding: 0px;
}
.woocommerce ul.products li.product .price {
color: var(--text-color);
}
.woocommerce-page ul.products li.product a img {
max-height: var(--catalog-thumbnail);
object-fit: cover;
margin-bottom: 10px;
}
.small-product {
margin-bottom: 20px;
}
.small-product .post-title a {
text-decoration: none;
font-weight: bold;
}
.small-product .single_add_to_cart_button {
color: #fff;
background-color: var(--color-primary);
padding: 5px;
}
.small-product .single_add_to_cart_button.loading {
color: var(--color-orange);
font-weight: bold;
}
.small-product .single_add_to_cart_button.added {
color: var(--color-green);
font-weight: bold;
}
#add-all-to-cart {
color: var(--color-primary);
} .woocommerce ul.products li.product .woocommerce-loop-category__title {
font-size: 20px;
padding: 0px;
background-color: var(--color-primary);
margin: -30px 50px 0px;
text-align: center;
color: #fff;
border: 5px solid #fff;
position: absolute;
font-size: 16px;
padding: 9px;
left: 0;
right: 0;
}
h2.woocommerce-loop-category__title mark.count {
display: none;
}
.woocommerce ul.products li.product-category a img {
max-height: 143px;
object-fit: cover; width: 353px;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
margin-bottom: 80px!important;
}    .woocommerce-checkout .hidden-on-cart-page,
.woocommerce-cart .hidden-on-cart-page {
display: none;
}
.woocommerce-checkout .page-title,
.woocommerce-cart .page-title {
display: none;
}
.woocommerce-checkout .form-row .input-text {
padding: 0px 10px;
height: 35px;
color: black;
}
.woocommerce-checkout ::placeholder {
color: #686868;
}
.woocommerce-checkout select {
padding: 0px 20px;
height: 35px;
color: black;
border: 1px solid #3435381a;
}
.woocommerce #order_comments {
min-height: 100px;
background-color: #ffffff;
padding: 10px;
border: 1px solid #3435381a;
color: black;
}
.woocommerce-terms-and-conditions-link {
text-decoration: underline;
}
.woocommerce-checkout .form-row label {
margin-bottom: 0px;
}
.woocommerce-checkout .entry-content p {
margin-bottom: 10px;
}
.woocommerce-checkout #billing_state_field {
width: 48%;
display: inline-block;
}
.woocommerce-checkout #billing_state_field select {
width: 100%;
}
.woocommerce-checkout #billing_postcode_field {
width: 48%;
display: inline-block;
margin-left: 0%;
}
.woocommerce-checkout #billing_postcode_field input[type="text"] {
width: 100%;
;
}
.woocommerce form .form-row .required {
visibility: visible;
text-decoration: none;
}
.woocommerce #order_review {
padding: 30px 30px 30px;
}
table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table tfoot th {
padding: 3px 0px !Important;
color: #2F2F2F;
}
table.woocommerce-checkout-review-order-table .order-total {
border-top: 1px solid lightgrey;
}
table.woocommerce-checkout-review-order-table .order-total th,
table.woocommerce-checkout-review-order-table .order-total .amount {
font-size: 14px;
font-weight: bold;
}
.wc_payment_methods .wc_payment_method label {
text-transform: none;
}
table.woocommerce-checkout-review-order-table .shipping label {
text-transform: none;
}
.place-order .button,
.wc-proceed-to-checkout .button {
background-color: #d9534f;
}
.woocommerce-terms-and-conditions-wrapper {
padding: 0px 10px;
}
.shop_table thead th {
background: white;
color: black;
font-weight: bold;
}
.woocommerce-checkout .form-row label {
margin-bottom: 0px;
color: #686868;
}
.woocommerce form.checkout.woocommerce-checkout h3 {
margin-bottom: 10px;
}
.woocommerce form.checkout.woocommerce-checkout h3,
.woocommerce #order_review_heading {
display: none;
}
.woocommerce #order_review {
margin-top: 20px;
}
#shipping_method li {
margin-bottom: 0px;
} .shipping-qualification-banner {
background: white;
text-align: center;
font-weight: 600;
color: var(--color-red);
padding: 4px;
border-radius: 10px;
font-size: 15px;
text-decoration: underline; }
.woocommerce-cart .woocommerce .cart-collaterals .shop_table th,
.woocommerce-cart .woocommerce .cart-collaterals .shop_table td {
padding-bottom: 5px !important;
}
.woocommerce-cart .woocommerce .cart_totals {
border: 2px solid rgba(52, 53, 56, 0.1);
background: white;
margin-top: 30px;
}
.woocommerce-cart .woocommerce .cart-collaterals .shop_table th,
.woocommerce-cart .woocommerce .cart-collaterals .shop_table td {
padding: 5px 5px !important;
color: #2F2F2F;
font-weight: normal;
}
.woocommerce-cart .woocommerce .cart-collaterals h2 {
margin: 0px;
display: none;
}
p.woocommerce-shipping-destination strong {
font-weight: normal;
}
p.woocommerce-shipping-destination {
font-size: 12px;
font-style: italic;
color: #6b6b6b;
line-height: 1.4;
}
.woocommerce-shipping-totals td {
padding-bottom: 20px !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .shop_table th,
.woocommerce-cart .woocommerce .cart-collaterals .shop_table td {
font-weight: bold !important;
padding-bottom: 20px !important;
}
.cart-collaterals .shop_table .order-total .amount {
font-weight: bold !important;
}
.woocommerce .product-remove .remove:before {
background: #d9534f;
border-radius: 50%;
padding: 3px;
color: white;
text-align: center;
font-size: 9px;
padding-right: 2px;
}
.woocommerce-cart .woocommerce td.actions .coupon {
border-bottom: medium none;
}
.woocommerce-cart .woocommerce td.actions .coupon .input-text {
border: 1px solid #3435381a;
padding: 0px 10px;
height: 35px;
color: black;
}
.woocommerce-cart .woocommerce td.actions .coupon .input-text::placeholder {
color: #686868;
}
.shop_table.woocommerce-cart-form__contents td {
border: medium none;
color: #2F2F2F;
}
.woocommerce-cart .woocommerce td.actions .button {
color: #819DB0;
text-decoration: underline;
}
.shop_table.woocommerce-cart-form__contents td {
border-width: 0;
padding: 5px 0;
}
.shop_table .product-thumbnail img {
max-width: 50px;
border-radius: 5px;
}
.shop_table div.quantity span {
font-weight: bold;
color: black;
}
.shop_table.woocommerce-cart-form__contents th {
color: black;
text-transform: none;
}
.shop_table.woocommerce-cart-form__contents td.actions:before {
border-top: 1px solid #a6a6a6;
}
.woocommerce table.shop_table td {
padding: 2px 12px;
}
.product-quantity input[type=number] {
padding: 4px;
} .woocommerce table.shop_table tfoot th,
.woocommerce-cart .woocommerce .cart-collaterals .shop_table th,
.cart_totals table tr:first-child th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
border: none !important;
}   button.filter.btn.btn-secondary {
margin-bottom: 5px;
padding: 1px 10px;
border-radius: 3px;
}
span.badge.badge-light {
background: #fff;
border-radius: 3px;
color: #819db0;
padding: 0px 2px;
font-size: 12px;
}
.faq {
margin-bottom: 7px;
}    .row.toHide {
display: none !important;
}
.image-flex-container {
height: 220px;
overflow: hidden;
display: flex;
justify-content: center;
position: relative;
padding: 0px;
align-items: center;
color: #fff;
}
.image-flex-containers {
height: 65px;
overflow: hidden;
display: flex;
justify-content: center;
position: relative;
padding: 10px;
align-items: center;
}
.image-flex-container-link {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
}
.image-flex-container img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%
}
.image-flex-container.image-0 {
height: 440px;
padding-right: 10px;
}
.image-flex-container.image-0 img {
border-radius: 10px 0px 0px 10px;
}
.image-flex-container.image-2 img {
border-radius: 0px 10px 0px 0px;
}
.image-flex-container.image-4 img {
border-radius: 0px 0px 10px 0px;
}
.image-flex-container img {
width: 100% !important;
flex-shrink: 0;
min-width: 100% !important;
min-height: 100% !important;
object-fit: cover;
}
.gallery-button-container {
position: absolute;
bottom: 20px;
max-width: 1240px;
margin: 0px auto;
width: 20%;
height: 40px;
left: 160px;
}
.open-gallery {
background: white;
color: #333 !important;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.christmas-popup {           height: 100%;
width: 100%;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(52, 53, 56, 0.7);
}
.christmas-popup-close-button {
width: 408px;
height: 600px; background-image: url(//tjhokopaint.ch/wp-content/uploads/2020/04/popup.png);
position: relative;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
max-height: 100vh;
} .b2b_image_preview {
position: absolute;
z-index: 9999;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px; padding: 10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
.hover-thumb-popup img {
max-width: 100%;
}
a.empty-cart,
a.filter_reset {
color: var(--color-primary);
font-weight: bold;
text-decoration: underline;
}
.order-table tr td {
padding: 5px !important;
margin: 0 !important;
border: none;
border-bottom: 1px solid #eee;
vertical-align: middle;
}
.woocommerce table.cart td.actions .input-text,
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
background: white;
}   .b2b-account .b2b-my-account {
font-family: 'Arial', sans-serif;
color: #2c3e50;
margin-top: 2rem;
}
.b2b-account .welcome-message {
font-size: 2rem;
margin-bottom: 1rem;
}
.b2b-account .card {
background-color: #fcfcfc;
border: none;
border-radius: 5px;
margin-bottom: 2rem;
box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.b2b-account .card-title {
font-size: 18px;
margin-bottom: 0.5rem;
}
.b2b-account .card-link {
font-size: 1.1rem;
color: #3498db;
text-decoration: none;
}
.b2b-account .card-link:hover {
text-decoration: underline;
}
.b2b-account .card-icon {
font-size: 50px;
color: #134576;
margin-bottom: 1rem;
float: right;
opacity: 0.3;
}
.b2b-account ul {
padding-left: 10px;
}
.b2b-account li {
padding-left: 0px;
}
.b2b-account a {
text-decoration: underline;
}
.b2b-account .card-orders .card-icon {
color: #9b08a0bf;
}
.b2b-account .card-orders a {
color: #aa08b0;
}
.b2b-account .card-promotions .card-icon {
color: #ff6200eb;
}
.b2b-account .card-promotions a {
color: #eb5a00;
}
.b2b-account .card-training .card-icon {
color: #29292972;
}
.b2b-account .card-training a {
color: #757575;
}
.b2b-account .card-communications .card-icon {
color: #11c40acf;
}
.b2b-account .card-communications a {
color: #0e9309;
}
.b2b-account .card-account .card-icon {
color: #29292972;
}
.b2b-account .card-account a {
color: #292929;
}
.b2b-account .card-support .card-icon {
color: #007bffed;
}
.b2b-account .card-support a {
color: #007bff;
}   @media all and (max-width:769px) {
.christmas-popup-content {
max-height: 70vh;
}
.image-flex-container.image-0 {
height: 140px !important;
}
.image-flex-container {
padding: 1px !important;
height: 70px !important;
}
.custom-gallery {
padding-right: 20px !important;
}
.image-flex-container img {
max-height: 100% !important;
}
}
@media(min-width:768px) {
.checkout.woocommerce-checkout .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 90%;
}
.woocommerce .u-columns.col2-set .u-columns.col-1,
.woocommerce-page .col2-set .col-1 {
width: 48%;
}
#customer_details {
display: flex;
flex-flow: column nowrap;
float: left;
width: 50%;
}
#customer_details .col-2 {
width: 90%;
margin-top: 20px;
}
#order_review,
#order_review_heading {
width: 50%;
float: left;
clear: none;
}
.cart-.woocommerce .cart-collaterals,
.woocommerce-page .woocommerce-cart-form {
width: 65%;
margin-right: 4%;
display: inline-block;
vertical-align: top;
}
.cart-.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 30%;
display: inline-block;
vertical-align: top;
}
.woocommerce-cart .woocommerce .cart_totals {
width: 100%;
}
}
@media(max-width:768px) {
.woocommerce ul.products li.product-category a img {
max-height: 107px;
object-fit: cover;
} .woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
display: none;
} .cart .product-thumbnail:before {
display: none;
}
.woocommerce-cart table.cart img {
width: 150px;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: inline-block !important;
overflow: hidden;
text-align: left !important;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: flex;
}
.woocommerce table.shop_table td.product-thumbnail {
width: 10%;
padding: 0px;
}
.woocommerce table.shop_table td.product-remove {
position: absolute;
right: 0;
}
.woocommerce table.shop_table td.product-name {
width: 50%;
text-align: left !important;
}
.woocommerce table.shop_table td.product-price {
width: 25%;
}
.woocommerce table.shop_table td.product-quantity {
width: 10%;
}
.woocommerce table.shop_table td.product-subtotal {
display: none !important;
}
.woocommerce-cart table.cart img {
width: 100%;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: white;
}
.woocommerce .quantity .qty {
width: 30px;
}
input#coupon_code {
width: 120px !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .shop_table th,
.woocommerce-cart .woocommerce .cart-collaterals .shop_table td {
padding-bottom: 10px !important;
}
.wc_payment_methods .wc_payment_method label {
text-transform: none;
width: 80%;
margin: 10px 0px;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
width: 62px;
margin: 10px 0px;
}
.container.custom-gallery {
padding: 0px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
margin: -30px 10px 0px;
font-size: 14px;
}
.woocommerce ul.products li.product-category a img {
max-width: 100%;
}
.woocommerce .quantity .qty {
width: 70px;
}
}
@media (min-width: 768px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 840px;
}
.woocommerce ul.products li.product-category a img {
width: 250px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 13px !important;
}
}
@media (min-width: 992px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 970px;
} }
@media (min-width: 1200px) {
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 16px !important;
}
} a {
color: #2F2F2F;
}
.woocommerce table.shop_table th {
padding: 9px 0px;
}