:root {
--listIndent: 1.2em
}
@media (max-width: 767px) {
:root {
--lineHeight: 24px
}
}
@media (min-width: 1200px) {
.d-pr-space {
padding-right: 108px
}
}
@media (max-width: 992px) {
.collapse-tablet-portrait-down {
display: block
}
.collapse-tablet-portrait-down .wp-block-column:nth-child(2n) {
margin-left: 0
}
}
@media (max-width: 768px) {
.full-size figure {
margin-top: 0;
margin-bottom: 0;
margin-left: 0 !important;
width: 100%;
float: none
}
.full-size figure img {
width: 100%
}
}
[data-block="hook"] .ugb-button-wrapper .ugb-block-content .ugb-button, [data-block="hook"] .ugb-column__content-wrapper .mb-0 {
margin-bottom: 0
}
@media (max-width: 767px) {
[data-block="hook"] .ugb-column__content-wrapper .mb-0 {
text-align: center
}
}
@media (min-width: 1024px) {
.wpcf7-form-control-wrap.your-name input, .wpcf7-form-control-wrap.your-email input, .wpcf7-form-control-wrap.your-subject input {
max-width: 298px
}
}
@media (min-width: 1024px) {
.wpcf7-form-control-wrap.your-message textarea {
max-width: 628px
}
}
.cf7-subscription .wpcf7-form > p {
display: grid;
grid-template-columns:repeat(3, 1fr);
grid-column-gap: 32px
}
@media (max-width: 576px) {
.cf7-subscription .wpcf7-form > p {
grid-template-columns:1fr;
grid-row-gap: 24px
}
}
.cf7-subscription .wpcf7-response-output, .cf7-subscription .ajax-loader {
display: none
}
.cf7-subscription .your-name input, .cf7-subscription .your-email input {
width: 100%;
max-width: 100%
}
.cf7-subscription .your-name input:focus, .cf7-subscription .your-email input:focus {
background-color: var(--border-color)
}
.cf7-subscription .your-name input.wpcf7-not-valid, .cf7-subscription .your-email input.wpcf7-not-valid {
border-color: red
}
.cf7-subscription .wpcf7-not-valid-tip {
margin-top: 0;
font-size: 12px;
display: none
}
.cf7-subscription input[type="submit"] {
--buttonInitialColor: var(--buttonTextInitialColor);
color: white;
float: none;
max-width: 136px
}
@media (max-width: 576px) {
.cf7-subscription input[type="submit"] {
max-width: 100%
}
}
.ct-filter-trigger {
padding-top: 6px;
padding-bottom: 6px;
font-size: 12px;
line-height: normal;
letter-spacing: -0.18px
}
.ct-drawer-canvas #woo-filters-panel .widget-title {
--fontFamily: Inter, sans-serif;
--fontSize: 16px;
margin-bottom: 8px;
font-weight: bold
}
.ct-drawer-canvas #woo-filters-panel .ct-panel-content {
display: block
}
.ct-drawer-canvas #woo-filters-panel .ct-panel-actions {
padding-bottom: 24px;
position: relative
}
.ct-drawer-canvas #woo-filters-panel .ct-panel-actions:after {
content: '';
height: 1px;
width: calc(100% - 80px);
background-color: var(--border-color);
top: 100%;
position: absolute
}
.ct-drawer-canvas #woo-filters-panel .ct-panel-actions > h6 {
--fontFamily: Inter, sans-serif;
font-size: 18px;
font-weight: bold
}
.ct-drawer-canvas .widget_price_filter .ui-slider .ui-slider-range {
background-color: #f8f9fb;
opacity: 1;
height: 8px
}
.ct-drawer-canvas .widget_price_filter .ui-slider:before {
height: 8px;
border-radius: 5px
}
.ct-drawer-canvas .widget_price_filter .ui-slider .ui-slider-handle {
top: calc(100% - 7px);
box-shadow: inset 0 0 0 18px var(--paletteColor2)
}
.ct-drawer-canvas .woocommerce-widget-layered-nav-list li a {
display: flex;
align-items: center;
justify-content: flex-start
}
.ct-drawer-canvas .woocommerce-widget-layered-nav-list li a:before {
position: static
}
.ct-drawer-canvas .woocommerce-widget-layered-nav-list li .count {
display: none
}
.ct-panel-content[data-device="mobile"] .ct-search-box .ct-icon {
fill: white
}
@media (min-width: 768px) and (max-width: 1024px) {
.ct-panel-content[data-device="mobile"] .ct-search-box {
width: 100%;
max-width: 100%
}
}
#productCarouselNr-0[data-products].columns-4 {
--cardsGap: 0;
margin-bottom: 0
}
#productCarouselNr-0[data-products].columns-4:before, #productCarouselNr-0[data-products].columns-4:after {
content: '';
top: 0;
position: absolute;
width: 105px;
height: calc(100% - 30px);
mix-blend-mode: hard-light;
z-index: 1
} @media (min-width: 1920px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 120px;
}
} @media (min-width: 1440px) and (max-width: 1919px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 96px;
}
} @media (min-width: 1280px) and (max-width: 1439px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 80px;
}
} @media (min-width: 1025px) and (max-width: 1279px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 72px;
}
} @media (min-width: 769px) and (max-width: 1024px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 64px;
}
} @media (min-width: 577px) and (max-width: 768px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 45px;
}
} @media (max-width: 576px) {
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 30px;
}
}  #productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
content: '';
top: 0;
position: absolute;
height: calc(100% - 30px);
mix-blend-mode: hard-light;
z-index: 1;
} @media (min-width: 2560px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(5, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 140px;
}
} @media (min-width: 1920px) and (max-width: 2559px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(5, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 120px;
}
} @media (min-width: 1440px) and (max-width: 1919px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(4, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 100px;
}
} @media (min-width: 1200px) and (max-width: 1439px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(4, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 85px;
}
} @media (min-width: 1025px) and (max-width: 1199px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 72px;
}
} @media (min-width: 769px) and (max-width: 1024px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 64px;
}
} @media (min-width: 577px) and (max-width: 768px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 45px;
}
} @media (max-width: 576px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: repeat(2, 1fr);
}
#productCarouselNr-0[data-products].columns-4:before, 
#productCarouselNr-0[data-products].columns-4:after {
width: 30px;
}
}
#productCarouselNr-0[data-products].columns-4:before {
left: 0;
background: #fff;
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
#productCarouselNr-0[data-products].columns-4:after {
right: 0;
background: #fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
#productCarouselNr-0 .slick-list {
padding-bottom: 30px !important;
width: 100vw;
}
#productCarouselNr-0 .slick-track {
height: 100%;
}
#productCarouselNr-0 .slick-prev, 
#productCarouselNr-0 .slick-next {
top: 50%;
position: absolute;
transform: translateY(-50%);
cursor: pointer;
background-color: transparent;
text-align: center;
outline-color: transparent;
display: flex;
align-items: center;
justify-content: center;
z-index: 12;
}
#productCarouselNr-0 .slick-prev svg, 
#productCarouselNr-0 .slick-next svg {
transition: fill 300ms ease-in-out;
}
#productCarouselNr-0 .slick-prev:hover svg, 
#productCarouselNr-0 .slick-prev:focus svg, 
#productCarouselNr-0 .slick-next:hover svg, 
#productCarouselNr-0 .slick-next:focus svg {
fill: var(--buttonInitialColor);
}
#productCarouselNr-0 .slick-prev {
left: 40px;
transform: translateY(0);
}
@media (max-width: 768px) {
#productCarouselNr-0 .slick-prev {
left: 30px;
}
}
@media (max-width: 480px) {
#productCarouselNr-0 .slick-prev {
left: 20px;
}
}
#productCarouselNr-0 .slick-next {
right: 40px;
transform: rotateY(180deg);
}
@media (max-width: 768px) {
#productCarouselNr-0 .slick-next {
right: 30px;
}
}
@media (max-width: 480px) {
#productCarouselNr-0 .slick-next {
right: 20px;
}
}
#productCarouselNr-0 .slick-slide > div {
--gap: 32px;
margin-left: calc(var(--gap) / 2);
margin-right: calc(var(--gap) / 2);
}
@media (max-width: 768px) {
#productCarouselNr-0 .slick-slide > div {
--gap: 24px;
}
}
@media (max-width: 576px) {
#productCarouselNr-0 .slick-slide > div {
--gap: 16px;
}
}
@media (min-width: 1000px) {
#productCarouselNr-0[data-products].columns-4 {
--shop-columns: auto 1fr auto;
}
}
@media (max-width: 999.98px) {
#productCarouselNr-0[data-products] {
--shop-columns: auto 1fr auto;
}
} #productCarouselNr-1[data-products].columns-4 {
--cardsGap: 0;
margin-bottom: 0;
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
content: '';
top: 0;
position: absolute;
height: calc(100% - 30px);
mix-blend-mode: hard-light;
z-index: 1;
} @media (min-width: 2560px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(5, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 140px;
}
} @media (min-width: 1920px) and (max-width: 2559px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(5, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 120px;
}
} @media (min-width: 1440px) and (max-width: 1919px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(4, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 100px;
}
} @media (min-width: 1200px) and (max-width: 1439px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(4, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 85px;
}
} @media (min-width: 1025px) and (max-width: 1199px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 72px;
}
} @media (min-width: 769px) and (max-width: 1024px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 64px;
}
} @media (min-width: 577px) and (max-width: 768px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(3, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 45px;
}
} @media (max-width: 576px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: repeat(2, 1fr);
}
#productCarouselNr-1[data-products].columns-4:before, 
#productCarouselNr-1[data-products].columns-4:after {
width: 30px;
}
}
#productCarouselNr-1[data-products].columns-4:before {
left: 0;
background: #fff;
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
#productCarouselNr-1[data-products].columns-4:after {
right: 0;
background: #fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
#productCarouselNr-1 .slick-list {
padding-bottom: 30px !important;
width: 100vw;
}
#productCarouselNr-1 .slick-track {
height: 100%;
}
#productCarouselNr-1 .slick-prev, 
#productCarouselNr-1 .slick-next {
top: 50%;
position: absolute;
transform: translateY(-50%);
cursor: pointer;
background-color: transparent;
text-align: center;
outline-color: transparent;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
#productCarouselNr-1 .slick-prev svg, 
#productCarouselNr-1 .slick-next svg {
transition: fill 300ms ease-in-out;
}
#productCarouselNr-1 .slick-prev:hover svg, 
#productCarouselNr-1 .slick-prev:focus svg, 
#productCarouselNr-1 .slick-next:hover svg, 
#productCarouselNr-1 .slick-next:focus svg {
fill: var(--buttonInitialColor);
}
#productCarouselNr-1 .slick-prev {
left: 40px;
transform: translateY(0);
}
@media (max-width: 768px) {
#productCarouselNr-1 .slick-prev {
left: 30px;
}
}
@media (max-width: 480px) {
#productCarouselNr-1 .slick-prev {
left: 20px;
}
}
#productCarouselNr-1 .slick-next {
right: 40px;
transform: rotateY(180deg);
}
@media (max-width: 768px) {
#productCarouselNr-1 .slick-next {
right: 30px;
}
}
@media (max-width: 480px) {
#productCarouselNr-1 .slick-next {
right: 20px;
}
}
#productCarouselNr-1 .slick-slide > div {
--gap: 24px;
margin-left: calc(var(--gap) / 2);
margin-right: calc(var(--gap) / 2);
}
@media (max-width: 768px) {
#productCarouselNr-1 .slick-slide > div {
--gap: 18px;
}
}
@media (max-width: 576px) {
#productCarouselNr-1 .slick-slide > div {
--gap: 16px;
}
}
@media (min-width: 1000px) {
#productCarouselNr-1[data-products].columns-4 {
--shop-columns: auto 1fr auto;
}
}
@media (max-width: 999.98px) {
#productCarouselNr-1[data-products] {
--shop-columns: auto 1fr auto;
}
}
.home .wc-block-featured-category {
min-height: 224px !important;
align-content: flex-end;
margin-bottom: 32px
}
.home .wc-block-featured-category:before {
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
display: block;
background: linear-gradient(to bottom, rgba(23, 40, 65, 0), rgba(47, 68, 93, 0.66))
}
.home .wc-block-featured-category:hover {
background-blend-mode: difference
}
.home .wc-block-featured-category:hover .wc-block-featured-category__title {
text-shadow: 0 1px 3px rgba(250, 196, 0, 0.5)
}
.home .wc-block-featured-category .wp-block-button__link {
top: 0;
left: 0;
position: absolute;
padding: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
color: transparent;
font-size: 0
}
.home .wc-block-featured-category .wp-block-button__link:hover, .home .wc-block-featured-category .wp-block-button__link:focus {
background: transparent; }
.home .wc-block-featured-category .wc-block-featured-category__link {
padding: 0
}
.home .wc-block-featured-category .wc-block-featured-category__title {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 24px;
font-size: 16px;
letter-spacing: -0.18px;
line-height: 24px;
transition: text-shadow 300ms ease
}
@media (max-width: 992px) {
.home .wc-block-featured-category {
margin-bottom: 24px
}
}
.single-product .summary button[name="add-to-cart"] {
text-transform: initial
}
.single-product .summary button[name="add-to-cart"]:after {
content: '';
background-image: url(//meetmiddelen.eu/wp-content/themes/blocksy-child/assets/dist/images/shop-cart.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
width: 22px;
height: 21px;
margin-left: 10px;
transition: filter 300ms ease
}
.single-product .summary button[name="add-to-cart"]:hover::after {
filter: brightness(0) invert(1)
}
.single-product .summary .ct-price-container {
flex-direction: column
}
.single-product .summary .ct-price-container .price {
margin-bottom: 0
}
.single-product .summary .ct-price-container .price del {
color: rgba(47, 68, 93, 0.3);
font-size: 19px;
font-weight: bold
}
.single-product .summary .ct-price-container .price .woocommerce-price-suffix {
font-size: 26px
}
.single-product .summary .ct-price-container .price-with-tax {
order: 1;
letter-spacing: -0.18px;
font-size: 14px
}
.single-product .summary form.cart {
margin-top: 5px !important;
margin-bottom: 5px !important;
padding-top: 10px!important;
padding-bottom: 1px;
border-bottom: 1px solid var(--border-color)
}
.single-product .summary .product_meta {
margin-top: 24px !important;
padding-top: 0 !important;
border-top: 0 !important
}
.single-product .summary .product_meta > span {
text-transform: initial !important;
font-size: 14px !important;
letter-spacing: -0.18px !important
}
.single-product .summary .woocommerce-product-details__short-description {
margin-bottom: 24px;
padding-bottom: 4px;
border-bottom: 1px solid var(--border-color)
}
.single-product .summary .woocommerce-product-details__short-description ul {
--listIndent: 2px
}
.single-product .summary .woocommerce-product-details__short-description li {
display: flex;
align-items: center
}
.single-product .summary .woocommerce-product-details__short-description li::marker {
content: none
}
.single-product .summary .woocommerce-product-details__short-description li:before {
content: '';
background-image: url(//meetmiddelen.eu/wp-content/themes/blocksy-child/assets/dist/images/Iconly_Curved_Arrow - Right 2.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
width: 22px;
height: 24px;
margin-right: 13px
}
.single-product .floating-bar-actions button[name="add-to-cart"] {
text-transform: initial
}
.woocommerce-tabs {
margin-bottom: 2em
}
.woocommerce-tabs .wc-tabs:after {
content: none !important
}
.woocommerce-tabs .wc-tab > h2:first-child {
font-size: 33px;
border-bottom: 2px solid var(--border-color)
}
.woocommerce-tabs li:not(.active) a {
font-weight: 400
}
@media (min-width: 992px) {
.single-product .related > h2 {
font-size: 33px
}
}
#webshop-category-description {
margin-bottom: 35px
}
.webshop-categories {
--contentSpacing: 36px;
display: grid;
grid-template-columns:1fr 1fr;
grid-gap: 48px;
padding-left: 0;
list-style-type: none
}
.webshop-categories__term {
margin-bottom: 0
}
.webshop-categories a {
display: block;
position: relative
}
.webshop-categories a:before {
content: '';
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(23, 40, 65, 0), rgba(47, 68, 93, 0.66))
}
.webshop-categories a:hover .term-title {
text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.8)
}
.webshop-categories .term-title {
font-size: 23px;
font-weight: 600;
line-height: 1.39;
letter-spacing: -0.44px;
color: white;
bottom: 36px;
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: text-shadow 300ms ease-in
}
@media (max-width: 767px) {
.webshop-categories .term-title {
font-size: 18px
}
}
@media (max-width: 1024px) {
.webshop-categories {
grid-gap: 30px
}
}
@media (max-width: 576px) {
.webshop-categories {
grid-template-columns:1fr;
grid-gap: 24px
}
}
@media (max-width: 1680px) {
.products[data-products="type-2"] .woocommerce-loop-product__title {
--lineHeight: 24px
}
}
.products[data-products="type-2"] .entry-meta[data-type="simple:none"] .meta-categories[data-type="simple"] {
margin-right: 0;
padding-left: 10px;
padding-right: 10px
}
.products[data-products="type-2"] .add_to_cart_button {
--buttonFontSize: 13px;
text-transform: initial
}
.products[data-products="type-2"] .price {
flex-wrap: wrap;
font-size: 14px;
font-weight: bold;
line-height: 1;
column-gap: 5px
}
.products[data-products="type-2"] .price .woocommerce-price-suffix {
font-size: 11px;
color: rgba(47, 68, 93, 0.2);
letter-spacing: -0.18px
}
@media (max-width: 1024px) {
.products[data-products="type-2"] .price .woocommerce-price-suffix {
font-size: 9px
}
}
.products[data-products="type-2"] .price .sale-price del {
font-size: 10px;
font-weight: bold;
color: #3d5163;
letter-spacing: -0.18px
}
@media (max-width: 1024px) {
.products[data-products="type-2"] .price {
font-size: 11.5px
}
}
.products[data-products="type-2"] .ct-woo-card-actions {
border-top-color: var(--border-color)
}
.products[data-products="type-2"] .ct-woo-card-actions .price:after {
background: var(--border-color)
}
.products[data-products="type-2"] .ct-woo-card-actions > * {
min-height: auto !important;
}
.home .slick-slide > div {
height: 100%
}
.home .product {
display: grid !important;
grid-template-rows:1fr 0.15fr .1fr;
height: inherit
}
#text-12 .textwidget p + p {
margin-top: 32px
}
.ct-footer .widget_media_gallery .gallery {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8.5px
}
@media (max-width: 689.98px) {
.ct-footer .widget_media_gallery .gallery {
justify-content: center
}
}
.ct-footer .widget_media_gallery .gallery-icon {
display: flex;
align-items: center;
justify-content: center
}
.ct-footer .widget_media_gallery .gallery-icon img {
padding: 5px;
width: 32px;
height: 24px;
object-fit: contain;
border: var(--formBorderSize) solid #e6e6e6;
border-radius: 3px;
background-color: transparent
}
@media (max-width: 689.98px) {
[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] > div {
justify-content: center
}
[data-footer*="type-1"] [data-column="copyright"] {
--horizontal-alignment: center
}
}
.woocommerce-checkout #main p {
line-height: inherit
}
.woocommerce-checkout .woocommerce-privacy-policy-text p {
line-height: 32px !important
}
.woocommerce-checkout .woocommerce-privacy-policy-text p a {
color: var(--paletteColor3)
}
.woocommerce-checkout input:not([type="submit"]), .woocommerce-checkout textarea {
--formBorderInitialColor: var(--paletteColor4);
background-color: transparent
}
.woocommerce-checkout[data-forms='classic'] .select2-container .select2-selection--single {
--formBackgroundInitialColor: transparent
}
.woocommerce-checkout label {
color: #2f445d;
font-weight: bold
}
.woocommerce-checkout label[for="order_comments"] {
font-weight: 400
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
font-weight: 400
}
.woocommerce-checkout .woocommerce-privacy-policy-text, .woocommerce-checkout .woocommerce-checkout-review-order-table {
color: #2f445d
}
@media (max-width: 480px) {
.tax-product_cat .woocommerce-ordering, .post-type-archive-product .woocommerce-ordering {
width: 100%
}
}
.tax-product_cat .orderby, .post-type-archive-product .orderby {
border: solid 1px var(--border-color);
background-color: transparent
}
.tax-product_cat .woo-listing-top:not(:empty), .post-type-archive-product .woo-listing-top:not(:empty) {
margin-bottom: 32px
}
@media (max-width: 768px) {
.tax-product_cat .woo-listing-top, .post-type-archive-product .woo-listing-top {
align-items: flex-start
}
}
.tax-product_cat .webshop-footer, .post-type-archive-product .webshop-footer {
margin-top: 60px
}
@media (max-width: 767px) {
.tax-product_cat .webshop-footer, .post-type-archive-product .webshop-footer {
margin-top: 30px
}
}
.post-type-archive-product .ct-filter-trigger {
display: none
}
#offcanvas .ct-panel-actions {
background: var(--paletteColor5);
padding: 18px 37px 18px 23px
}
#offcanvas #media_image-3 img {
max-width: unset !important;
height: 32px !important;
width: auto
}
.products.columns-4.css-slider, .woocommerce.columns-4.css-slider > .products {
--overflow-desktop: auto;
--overflow-tablet: auto;
--overflow-phone: auto;
--overflow: var(--overflow-desktop);
--items-desktop: 4;
--items-tablet: 3;
--items-phone: 2;
--items: var(--items-desktop);
--gap-desktop: 32px;
--gap-tablet: 24px;
--gap-phone: 16px;
--gap: var(--gap-desktop);
--padding-desktop: 100px;
--padding-tablet: 50px;
--padding-phone: calc((100vw - var(--block-width)) / 2);
--padding: var(--padding-desktop);
--align-desktop: center;
--align-tablet: center;
--align-phone: start;
--align: var(--align-desktop);
--max-width-desktop: 100%;
--max-width-tablet: 100%;
--max-width-phone: 100%;
--max-width: var(--max-width-desktop);
--calculated-gap: calc((var(--items) - 1) * var(--gap));
--item-width: calc(
calc(100% - var(--calculated-gap) - (var(--padding) * 2)) /
var(--items, 1)
);
position: relative;
display: flex;
overflow-x: var(--overflow);
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
width: 100%;
gap: var(--gap);
max-width: var(--max-width);
-ms-overflow-style: none;
scrollbar-width: none
}
@media only screen and (min-width: 1600px) {
.products.columns-4.css-slider, .woocommerce.columns-4.css-slider > .products {
--items-desktop: 5
}
}
@media only screen and (max-width: 1024px) {
.products.columns-4.css-slider, .woocommerce.columns-4.css-slider > .products {
--items: var(--items-tablet);
--gap: var(--gap-tablet);
--padding: var(--padding-tablet);
--align: var(--align-tablet);
--max-width: var(--max-width-tablet);
--overflow: var(--overflow-tablet)
}
}
@media only screen and (max-width: 767px) {
.products.columns-4.css-slider, .woocommerce.columns-4.css-slider > .products {
--items: var(--items-phone);
--gap: var(--gap-phone);
--padding: var(--padding-phone);
--align: var(--align-phone);
--max-width: var(--max-width-phone);
--overflow: var(--overflow-phone)
}
}
@media only screen and (max-width: 500px) {
.products.columns-4.css-slider, .woocommerce.columns-4.css-slider > .products {
--items-phone: 1
}
}
.products.columns-4.css-slider::after, .woocommerce.columns-4.css-slider > .products::after {
content: '';
min-width: var(--padding, 0px);
flex: 1
}
.products.columns-4.css-slider > *, .woocommerce.columns-4.css-slider > .products > * {
flex: 1;
min-width: var(--item-width, 100%);
max-width: var(--item-width, 100%);
scroll-margin-left: var(--padding);
scroll-snap-align: var(--align)
}
.products.columns-4.css-slider > *:first-child, .woocommerce.columns-4.css-slider > .products > *:first-child {
margin-left: var(--padding, 0px)
}
.products.columns-4.css-slider::-webkit-scrollbar, .woocommerce.columns-4.css-slider > .products::-webkit-scrollbar {
display: none
}
.ugb--has-block-background input {
border: 0
}
.ct-footer-copyright ul {
list-style-type: none;
display: flex;
flex-direction: row;
padding: 0;
margin: 0
}
@media (max-width: 480px) {
.ct-footer-copyright ul {
flex-direction: column
}
}
.ct-footer-copyright ul li {
margin-left: 24px
}
.ct-footer-copyright ul li:nth-child(1) {
margin-left: 0
}
@media (max-width: 480px) {
.ct-footer-copyright ul li {
margin-left: 0;
margin-top: 16px
}
.ct-footer-copyright ul li:nth-child(1) {
margin-top: 0
}
}
div.quantity input[type="number"] {
background: transparent
}
.woocommerce-tabs[data-type*="type-2"] .tabs li {
--tab-padding: 12px 24px !important
}
.entry-button {
margin-top: auto
}