:root { --border-width: 2px;
--box-shadow: 1px 1px 18px rgba(0,0,0,0.05); --depth-2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
--depth-4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
--depth-8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
--depth-16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
--depth-28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
--depth-64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14); --spacing: var(--padding); --dark_or_lightmode: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
:root { }
} #wpadminbar {
font-family: var(--textFont)!important;
}
#wp-admin-bar-wp-logo, #wp-admin-bar-comments {
display: none!important;
}
#wp-admin-bar-qreative-web-need-support {
float: right!important;
background: rgba(255,255,255,0.2)!important;
} .has-no-spacing {
--spacing:  0;
}
.has-small-spacing {
--spacing: calc( var(--padding) / 1.5 );
}
.has-intermediate-spacing {
--spacing: calc( var(--padding) / 1.3 );
}
.has-default-spacing {
--spacing: var(--padding);
}
.has-medium-spacing {
--spacing: calc( var(--padding) * 1.5 );
}
.has-large-spacing {
--spacing: calc( var(--padding) * 2 );
}
.has-x-large-spacing {
--spacing: calc( var(--padding) * 2.5 );
}
.has-2-columns {
grid-template-columns: repeat(2, 1fr);
}
.has-3-columns {
grid-template-columns: repeat(3, 1fr);
}
.has-4-columns {
grid-template-columns: repeat(4, 1fr);
}
.has-5-columns {
grid-template-columns: repeat(5, 1fr);
}
.has-6-columns {
grid-template-columns: repeat(6, 1fr);
}
.has-7-columns {
grid-template-columns: repeat(7, 1fr);
}
.has-font-family-paragraph {
font-family: var(--textFont);
}
.has-font-family-heading {
font-family: var(--headingFont);
} label {
display: block;
position: relative;
}
fieldset {
margin: 25px 0;
border: 0;
padding: 0;
}
legend {
font-weight: bold;
}
ul.inline-list, ol.inline-list {
list-style: none;
padding: 0;
margin: 0;
}
ul.inline-list li, ol.inline-list li {
display: inline-block;
}
ul.seperated-list li:after, ol.seperated-list li:after {
content: "|";
padding: 5px;
position: relative;
bottom: 1px;
font-size: .8em;
}
ul.seperated-list li:last-child:after, ol.seperated-list li:last-child:after {
content: "";
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--headingFont);
}
img, svg {
vertical-align: middle;
max-width: 100%;
height: auto;
}
mark {
background: transparent;
color: inherit;
}
::selection {
background-color: var(--main);
color: #FFF;
}
::-moz-selection {
background-color: var(--main);
color: #FFF;
}
html, body {
padding: 0;
margin: 0;
min-height: 100%;
background: var(--backgroundColor);
color: var(--textColor);
font-family: var(--textFont);
}
@media (prefers-color-scheme: dark) {
html, body {
background: var(--backgroundColor_dm);
color: var(--textColor_dm);
}
}
.wrap, 
#wp-toolbar, 
.is-style-wrap {
max-width: var(--wrapperWidth);
width: 100%;
margin: 0 auto;
position: relative;
padding-left: var(--padding);
padding-right: var(--padding);
}
.is-style-small-wrap {
max-width: 750px;
margin: 0 auto;
}
* {
box-sizing: border-box;
}
a {
color: inherit;
text-decoration: none;
}
iframe {
max-width: 100%;
}
figure {
margin: 0;
}
pre {
background: #282C34;
color: #FFF!important;
padding: 25px!important;
position: relative;
overflow-y: auto;
border-radius: var(--rondeRandjes);
font-size: 14px!important;
line-height: 24px;
}
pre em {
font-style: normal;
opacity: .6;
}
pre.shortcode {
color: #FFF;
}
pre.shortcode code:before {
content: "[";
}
pre.shortcode code:after {
content: "]";
} *:focus {
outline: 0;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
}
:-moz-placeholder {
color: inherit;
opacity: 0.5;
}
::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
:-ms-input-placeholder {  
color: inherit;
opacity: 0.5;
}
input, select, textarea {
background-color: var(--backgroundColor);
color: var(--textColor);
font-family: var(--textFont);
border: var(--border-width) solid var(--borderColor);
padding: 10px 15px;
border-radius: var(--rondeRandjes);
width: 350px;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
transition: .3s;
font-size: 16px; }
@media (prefers-color-scheme: dark) {
input, select, textarea {
background-color: var(--backgroundColor_dm);
color: var(--textColor_dm);
border-color: var(--borderColor_dm);
}
}
input:hover, select:hover, textarea:hover {
border-color: var(--textColor);
}
input:focus, select:focus, textarea:focus {
border-color: var(--main);
}
select {
background-image: url(/wp-content/themes/basetheme/assets/next.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 20px;
}
input[type="checkbox"] {
-moz-appearance: checkbox;
-webkit-appearance: checkbox;
} input[type="radio"]:not(:checked), input[type="radio"]:checked {
position: absolute;
left: -9999px;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
content: '';
position: absolute;
}
input[type="radio"], input[type="checkbox"] {
width: auto;
}
input[type="radio"] + label {
padding-left: 20px;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
left: -3px;
top: 1px;
width: 15px; 
height: 15px;
background: var(--backgroundColor);
border-radius: 3px;
border: var(--border-width) solid var(--borderColor);
}
@media (prefers-color-scheme: dark) {
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
background-color: var(--backgroundColor_dm);
border-color: var(--borderColor_dm);
}
}
input[type='radio']:checked + label:before {
background: var(--main); 
border-color: var(--main);
}
input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
width: 15px; 
height: 15px;
border-radius: 500px;
top: 1px; 
left: -3px;
}
input[type="radio"]:checked + label:after {
color: var(--backgroundColor);
}
input[type="radio"]:checked + label:after {
position: absolute;
display: inline-block;
content: "";
width: 19px; 
height: 19px;
top: 1px; 
left: -3px;
background: url(/wp-content/themes/basetheme/assets/check.svg);
background-size: contain;
background-position: center center;
filter: invert(100%);
}  button, input[type="submit"] {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
button, input[type="submit"], .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 14px;
}
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link, button, input[type="submit"], .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button.disabled {
font-family: var(--headingFont);
cursor: pointer;
position: relative;
z-index: 1;
width: auto;
margin: 2px;
padding: calc( var(--spacing) / 2 ) var(--spacing);
font-weight: bold;
font-size: inherit;
transition: .3s;
border-radius: var(--rondeRandjes);
isolation: isolate;
}
.wp-block-button:not([class*="-spacing"]) .wp-block-button__link, button, input[type="submit"], .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button.disabled {
--spacing: var(--padding);
}
.wp-block-button .wp-block-button__link:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5;
border-radius: inherit;
z-index: -10;
transition: .3s;
background: inherit;
}
.wp-block-button .wp-block-button__link:hover:before {
top: -7px;
left: -7px;
right: -7px;
bottom: -7px;
filter: brightness(120%);
}
button, input[type="submit"], .button {
background: var(--main);
color: #FFF;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
color: #FFF;
}
.wp-block-button.has-image .wp-block-button__link {
padding: 15px;
}
.wp-block-button .wp-block-button__link:hover, button:hover, input[type="submit"]:hover, .button:hover {
text-decoration: none!important;
filter: brightness(80%);
} .wp-block-button .wp-block-button__link:not(.has-background) {
border: var(--border-width) solid;
}
.wp-block-button.is-style-fill .wp-block-button__link {
background: var(--main);
border-color: var(--main);
}
.wp-block-button.is-style-alternative .wp-block-button__link {
background: var(--second);
border-color: var(--second);
}
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color), 
.wp-block-button.is-style-alternative .wp-block-button__link:not(.has-text-color) {
color: #FFF;
}
.wp-block-button.is-style-grey .wp-block-button__link {
background: #edf2f6;
border-color: #edf2f6;
}
.wp-block-button.is-style-grey .wp-block-button__link:not(.has-text-color) {
color: #475978;
}
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-alternative-outline .wp-block-button__link, .wp-block-button.is-style-grey-outline .wp-block-button__link {
background-color: transparent;
}
.wp-block-button.is-style-woocommerce .wp-block-button__link {
background: var(--wc-primary);
border-color: var(--wc-primary);
color: var(--wc-primary-text);
} .wp-block-button.is-style-fill-outline .wp-block-button__link:not(.has-text-color) {
color: var(--main);
border-color: var(--main);
}
.wp-block-button.is-style-alternative-outline .wp-block-button__link:not(.has-text-color) {
color: var(--second);
border-color: var(--second);
}
.wp-block-button.is-style-grey-outline .wp-block-button__link:not(.has-text-color) {
color: #edf2f6;
border-color: #edf2f6;
} .wp-block-button.wide .wp-block-button__link {
display: block;
width: 100%;
} .wp-block-button__link.no-border-radius {
border-radius: 5px!important;
} .grecaptcha-badge {
display: none!important;
}
#page.page-is-boxed {
background: var(--dark_or_lightmode);
border-left: 1px solid var(--borderColor);
border-right: 1px solid var(--borderColor);
max-width: calc( var(--wrapperWidth) + calc( var(--padding) * 2 ) );
width: 100%;
margin: 0 auto;
position: relative;
}
#page.header-style-left-sidebar {
margin-left: 250px;
}
#page_loading {
background: var(--dark_or_lightmode);
position: fixed;
top:  0;
left:  0;
right: 0;
bottom:  0;
display: flex;
justify-content: center;
z-index: 1000000000;
}
#page_loading span {
width: 75%;
max-width: 250px;
display: flex;
align-self: center;
}
#page_loading span img, #page_loading span svg {
width: 100%;
}
.woocommerce-store-notice, p.demo_store {
position: fixed;
font-size: 1em;
padding: 10px;
background-color: var(--footerColor);
color: var(--footerblackOrWhite);
box-shadow: none;
}
#top {
background: var(--topColor);
color: var(--topblackOrWhite);
padding: calc( var(--spacing) / 4 ) 0;
}
#header {
background: var(--headerColor);
color: var(--headerblackOrWhite);
top:  0;
left:  0;
right:  0;
z-index: 5000;
position: relative;
--_spacing: var(--spacing);
}
#header ul:not(.sub-menu) > li {
padding: var(--_spacing) 0;
}
#header.sticky {
position: sticky;
}
#header.fixed {
position: absolute;
}
#header.fixed.scroll {
position: fixed;
animation-name: scrollDownFromTop;
animation-duration: 1s;
}
#header.scroll {
box-shadow: var(--depth-4);
transition: .3s;
}
#header.scroll .hide-on-scroll {
display: none;
}
#header.left-sidebar {
position: fixed;
left: 0;
right: auto;
bottom: 0;
max-width: 250px;
padding: calc( var(--spacing) * 2 ) var(--spacing);
box-shadow: var(--depth-4);
}
#header.transparent_header:not(.scroll):not(.left-sidebar) {
background: transparent;
color: var(--bannerTextColor);
position: absolute;
}
#header .header_blocks {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
#header .header_blocks .header_block {
flex-grow: 1;
}
#header .header_blocks .header_block.logo {
order:  1;
flex-grow: 0;
}
#header .header_blocks .header_block.logo img, #header .header_blocks .header_block.logo svg {
width: var(--logo_size);
height: auto;
color:  var(--main); }
#header.transparent_header:not(.scroll):not(.left-sidebar) .header_blocks .header_block.logo svg {
color: var(--bannerTextColor);
}
#header .header_blocks .header_block.site_subtitle {
order:  3;
}
#header .header_blocks .header_block.navigation {
order:  5;
background: var(--navColor);
color: var(--navblackOrWhite);
isolation: isolate;
}
#header .header_blocks .header_block.search_block {
order:  7;
}
#header .header_blocks .header_block.widget_area {
order: 9;
}
#header .header_blocks .header_block.header_icons {
order:  11;
} #header.scroll .header_blocks .header_block.logo img, #header.scroll .header_blocks .header_block.logo svg {
width: calc( var(--logo_size) / 1.5 );
} @media screen and (min-width: 725px) { #header.left-sidebar .header_blocks {
flex-direction: column;
} #header.logo-left-nav-right .header_blocks .header_block.search_block {
order:  4;
}
#header.logo-left-nav-right .header_blocks .header_block.nav {
background: transparent;
color: inherit;
}
#header.logo-left-nav-right .header_blocks .header_block.header_icons {
flex-grow: 0;
} #header.logo-left-nav-bottom {
padding-bottom: 0;
}
#header.logo-left-nav-bottom .header_blocks .header_block.nav {
order: 13;
flex-basis: 100%;
padding: 0;
position: relative;
}
#header.logo-left-nav-bottom:before,
#header.logo-left-nav-bottom .header_blocks .header_block.nav:before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
width: 100dvw;
height: 100%;
background: inherit;
transform: translateX(-50%);
}
#page.page-is-boxed #header.logo-left-nav-bottom:not(.scroll):before,
#page.page-is-boxed #header.logo-left-nav-bottom:not(.scroll) .header_blocks .header_block.nav:before {
width: calc( var(--wrapperWidth) + calc( var(--_spacing) * 2 ) );
}
#header.logo-left-nav-bottom .header_blocks .header_block.header_icons {
text-align: right;
}
#header.logo-left-nav-bottom .header_blocks .header_block.search_block {
padding-left: var(--_spacing);
} #header.logo-nav-center {
padding-top: var(--_spacing);
padding-bottom: 0;
}
#header.logo-nav-center .header_blocks {
display: grid;
grid-template-columns: 1fr var(--logo_size) 1fr;
gap: var(--_spacing);
align-items: center;
text-align: center;
}
#header .header_blocks .header_block.search_block {
order:  1;
}
#header.logo-nav-center .header_block.logo {
order: 2;
}
#header.logo-nav-center .header_block.header_icons {
order: 3;
padding: 0;
flex-grow: 0;
}
#header .header_blocks .header_block.search_block #searchform {
max-width: 300px;
}
#header .header_blocks .header_block.site_subtitle {
order:  5;
grid-column: span 3;
}
#header .header_blocks .header_block.navigation {
order:  7;
grid-column: span 3;
padding: 0;
position: relative;
}
#header .header_blocks .header_block.navigation:before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
width: 100dvw;
height: 100%;
background: inherit;
transform: translateX(-50%);
}
#page.page-is-boxed #header .header_blocks .header_block.navigation:before {
width: calc( var(--wrapperWidth) + calc( var(--_spacing) * 2 ) );
}
#header .header_blocks .header_block.widget_area {
order: 9;
grid-column: span 3;
}
} #searchform {
background: var(--backgroundColor);
color: var(--textColor);
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
position: relative;
text-align: left;
display: grid;
grid-template-columns: 1fr 55px;
overflow: hidden;
}
#searchform input, 
#searchform button {
background: transparent;
color: inherit;
margin: 0;
border: 0;
padding: 10px 20px;
}
#searchform input {
width: 100%;
}
#searchform button {
margin: 3px;
padding: 12px;
}
#searchform button svg {
height: 100%;
}
#searchform button:hover svg {
filter: brightness(2);
}
#header.scroll .header_blocks .header_block.search_block #searchform input,
#header.scroll .header_blocks .header_block.search_block #searchform button {
padding: 8px;
}
#header.scroll .header_blocks .header_block.search_block #searchform button svg {
width: 22px;
}
body.woocommerce.search-results .woocommerce-products-header {
margin: 0;
padding: 0;
}
body.woocommerce.search-results .wp-block-searchform {
margin-bottom: 25px;
} header ul, 
nav ul {
list-style: none;
padding: 0;
margin: 0;
--_active_menu_color: var(--main);
}
#header.transparent_header:not(.scroll) ul:not(.sub-menu) {
--_active_menu_color: var(--bannerTextColor);
}
#header.left-sidebar ul, #header.left-sidebar nav ul {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--padding);
}
header ul li, 
nav ul li {
display: inline-flex;
align-items: center;
border-radius: var(--rondeRandjes);
transition: .3s;
margin: 2px;
position: relative;
}
nav .current-menu-item > a, 
nav .current-page-ancestor > a, 
nav .current-post-parent > a, 
nav .current-menu-parent > a, 
nav .current_page_parent  > a,
nav .current-cat > a,
nav.blog-nav span.current,
nav.default ul li:hover {
color: var(--_active_menu_color);
}
nav.menu_buttons .current-menu-item > a, 
nav.menu_buttons .current-page-ancestor > a, 
nav.menu_buttons .current-post-parent > a, 
nav.menu_buttons .current-menu-parent > a, 
nav.menu_buttons .current_page_parent > a,
nav.menu_buttons .current-cat > a,
nav.blog-nav.menu_buttons span.current,
nav.menu_buttons ul li:hover > a {
mix-blend-mode: multiply;
background: var(--borderColor);
color: var(--headerblackOrWhite);
}
nav ul li a, 
nav.blog-nav ul li span {
display: grid;
align-items: center;
grid-template-columns: 1fr;
padding: calc( var(--spacing) / 3 ) calc( var(--spacing) / 2 );
transition: .3s;
border-radius: inherit;
min-width: 32px;
gap: calc( var(--spacing) / 10 );
}
ul li .menu_item_icon svg {
width: 18px;
height: 18px;
}
ul li .menu_item_dropdown svg {
width: 14px;
height: 14px;
}
ul li .menu_item_subtext {
display: block;
font-size: small;
opacity: .8;
}
ul li.has-svg-icon > a {
grid-template-columns: 25px 1fr;
}
ul li.has-svg-icon.menu-item-has-children > a {
grid-template-columns: 25px 1fr 20px;
}
ul li.has-subtext.has-svg-icon > a > .menu_item_icon svg {
width: 24px;
height: 24px;
}
nav ul li ul li {
display: block;
text-align: left;
width: 100%;
margin: 2px 0;
padding: 0;
}
nav ul li ul li:after {
display: none;
}
nav ul li ul li .menu_item_dropdown {
transform: rotate(-90deg);
float: right;
} nav.menu_buttons ul li > a, 
nav ul li.menu-button > a ,
nav.blog-nav.menu_buttons ul li span {
border:  var(--border-width) solid transparent;
} nav.underlined ul li a,
nav.underlined.blog-nav ul li span {
position: relative;
}
nav.underlined ul li:not(.menu-button) a:after,
nav.blog-nav.underlined span.current:after {
content: "";
display: block;
position: absolute;
bottom: -3px;
height: 3px;
left: 45%;
right: 45%;
background: transparent;
border-radius: 10px;
transition: .3s;
z-index: 0;
}
nav.underlined ul li.current-menu-item:not(.menu-button) a:after, 
nav.underlined ul li.current-menu-parent:not(.menu-button) a:after, 
nav.underlined ul li.current-page-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-post-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-category-ancestor:not(.menu-button) a:after,
nav.blog-nav.underlined span.current:after,
nav.underlined ul li.current-cat > a:after {
background: currentColor;
left: 35%;
right: 35%;
}
nav.underlined ul li:not(.menu-button) a:hover:after {
background: currentColor;
left: 25%;
right: 25%;
}
nav.underlined ul li ul li:not(.menu-button) a:after {
display: none;
} nav ul li.menu-button.button-main > a {
background: var(--main);
color:  #FFF;
position: relative;
}
nav ul li.menu-button.button-alt > a {
background: var(--second);
color:  #FFF;
position: relative;
}
nav ul li.menu-button > a:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .5;
border-radius: inherit;
z-index: -1;
transition: .3s;
filter: brightness(120%);
}
nav ul li.menu-button.button-main > a:before {
background: var(--main);
}
nav ul li.menu-button.button-alt > a:before {
background: var(--second);
}
nav ul li.menu-button.current-menu-item > a:before, 
nav ul li.menu-button.current-page-ancestor > a:before, 
nav ul li.menu-button.current-post-parent > a:before, 
nav ul li.menu-button.current_page_parent  > a:before,
nav ul li.menu-button:hover > a:before {
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
} @media screen and (min-width: 725px) { nav.default ul:not(.sub-menu) > li:not(.menu-button):first-child a,
nav.default ul:not(.sub-menu) > li:not(.menu-button):first-child a {
padding-left: 0px;
}
nav.default ul:not(.sub-menu) > li:not(.menu-button):last-child a,
nav.default ul:not(.sub-menu) > li:not(.menu-button):last-child a {
padding-right: 0px;
} .submenu_overlay {
position: fixed;
top: 200px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.1);
z-index: -10;
display: none;
} nav ul li ul.sub-menu {
--submenuBackground: var(--backgroundColor);
display: none;
position: absolute;
z-index: 1000;
background: var(--submenuBackground);
color: var(--textColor);
padding: 15px 10px;
transition: .3s;
top: 99%;
width: 250px;
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
box-shadow: var(--box-shadow);
}
nav ul li:hover > ul.sub-menu {
animation: showsub .3s;
display: block;
}
nav ul li.has-big-sub:hover > ul.sub-menu {
display: grid;
}
li.has-big-sub:hover ~ .submenu_overlay {
display: block;
} #header.left-sidebar nav ul li ul.sub-menu {
position: relative;
width: auto;
background: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0;
border: 0;
top: auto;
opacity: .7;
}
#header.left-sidebar nav ul li ul.sub-menu li {
text-align: center;
}
#header.left-sidebar nav ul li ul.sub-menu li a {
padding: 0;
}
#header.left-sidebar nav ul li.menu-item-has-children {
flex-direction: column;
}
@keyframes showsub {
0% {
margin-top: -20px;
}
100% {
margin-top: 0px;
}
} nav ul li:not(.has-big-sub) ul li ul {
top: 0px!important;
margin-left: 200px;
}
nav ul li ul.sub-menu li ul li a {
font-weight: normal;
} nav ul li.has-big-sub {
position: initial;
}
nav ul li.has-big-sub > ul {
grid-template-columns: repeat( 4, 1fr );
gap: var(--spacing);
width: var(--wrapperWidth);
left: 0;
right: 0;
border: 0;
border-bottom: var(--border-width) solid var(--borderColor);
box-shadow: 500px 0 0 var(--submenuBackground), -500px 0 0 var(--submenuBackground);
border-radius: 0px;
padding: 25px 20px;
}
nav ul li.has-big-sub ul li {
margin: 0;
padding: 0;
}
nav ul li.has-big-sub ul li:hover > ul {
animation: showsub 0s;
}
nav ul li.has-big-sub ul li ul,
nav ul li.has-big-sub ul li ul li {
position: relative;
display: block;
width: 100%;
padding: 0;
margin: 0;
border: 0;
box-shadow: none;
top: 0!important;
}
nav ul li.has-big-sub ul li.menu-item-has-children {
margin-bottom: 10px;
}
nav ul li.has-big-sub ul li.menu-item-has-children > a {
font-family: var(--headingFont);
font-weight: bold;
font-size: 1.1em;
position: relative;
}
nav ul li.has-big-sub ul li .menu_item_dropdown {
display: none;
}
} h1 small, h1 sup, h2 small, h2 sup {
display: block;
color: var(--main);
font-size: .5em;
line-height: 1;
font-weight: normal;
}
#banner {
display: grid;
background: var(--bannerColor);
color: var(--bannerTextColor);
position: relative;
overflow: hidden;
}
#banner.is-style-wrap {
border-radius: var(--rondeRandjes);
}
#banner.banner_background_image img.banner_background {
position: absolute;
top:  50%;
left:  0;
opacity: .1;
right: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
object-fit: cover;
transform: translateY(-50%);
}
#banner .inner_banner {
position: relative;
z-index: 50;
padding-top: var(--spacing);
padding-bottom: var(--spacing);
}
#banner h1 {
margin: 10px 0;
font-weight: inherit;
}
#banner ul, #banner ol {
margin:  10px 0;
opacity: .8;
font-weight: normal;
}
#banner .wp-block-searchform {
margin-top: 15px;
}
#banner img.woocommerce_page_title_image {
float: right;
margin-left: 15px;
max-width: 125px;
}
#breadcrumbsbar {
font-size: 14px;
opacity: .6;
}
ol.breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 5px;
}
ol.breadcrumbs li.divider {
opacity: .8;
}
ol.breadcrumbs li a {
color: inherit!important;
}
ol.breadcrumbs li a:hover {
text-decoration: underline;
}
ol.breadcrumbs li span[itemprop="position"] {
display: none;
}
ol.breadcrumbs li svg {
width: var(--_sizing);
}
ol.breadcrumbs li.divider svg {
width: calc( var(--_sizing) * 0.8 );
}
ol.breadcrumbs li.item-1 span[itemprop="name"] {
display: none;
} #main .html-sitemap-column h2 {
background: var(--textColor);
color: #FFF;
font-size: 1.1em;
padding: 20px;
border-radius: var(--rondeRandjes);
}
#main .html-sitemap-column ul {
list-style: none;
padding-left: 10px;
}
#main .html-sitemap-column ul li a {
display: block;
padding: 10px 0;
border-bottom: 1px solid var(--borderColor);
color: var(--textColor);
}
#main .html-sitemap-column ul li ul li a:before {
content:  "- ";
} #content {
gap: var(--padding);
padding-top: var(--spacing);
padding-bottom: var(--spacing);
grid-template-areas: "column-1 column-2";
}
#content.has-no-spacing {
padding: 0;
}
#content.sidebar-show-left {
display: grid;
grid-template-columns: 250px 1fr;
}
#content.sidebar-show-right {
display: grid;
grid-template-columns: 1fr 250px;
}
#content.sidebar-show-left #sidebar {
grid-area: column-1;
}
#content.sidebar-show-right #sidebar {
grid-area: column-2;
}
#main a:not([class]) {
color: var(--second);
}
#main a:not([class]):hover {
text-decoration: underline;
}
#main .has-text-color a {
color: inherit;
}
#main h1.page-title {
margin-top: 0;
}
#main nav.sub-categories {
margin-bottom: 15px;
}
#main nav.sub-categories ul li a {
color: var(--textColor);
}
#main nav.sub-categories ul li.cat-item-none {
display: none;
}
#main .post-tags {
padding-top: 25px;
font-weight: bold;
font-size: 14px;
}
#main .single_post_image {
border-radius: var(--rondeRandjes);
}
.wp-block-searchresults {
padding-bottom:  var(--padding);
}
.widget a:hover {
text-decoration: underline;
}
.widget .inner_widget ul {
padding:  0;
list-style: none;
}
.widget .inner_widget ul li {
display: block;
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.widget .inner_widget ul li ul {
padding-top: 10px;
opacity: .8;
}
.widget .inner_widget ul li ul li {
padding-left: 23px;
border-bottom: 0px;
}
.widget_product_search input {
margin-bottom: 10px;
}
footer {
background: var(--footerColor);
color: var(--footerblackOrWhite);
margin: 0;
clear: both;
}
footer .is-style-wrap {
padding: var(--spacing) var(--padding);
}
#copy .wp-block-columns {
align-items: center;
gap: 10px;
}
#copy .wp-block-columns .wp-block-column {
margin:  0;
}
#copy .wp-block-columns .wp-block-column.copy_logo {
max-width: calc( var(--logo_size) * 0.8 );
}
#copy .wp-block-columns .wp-block-column.copy_logo img, #copy .wp-block-columns .wp-block-column.copy_logo svg {
width:  100%;
height: auto;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo {
align-self: center;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo strong {
display: block;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo span {
display: block;
font-size: .9em;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo em {
display: block;
font-style: normal;
opacity: .5;
font-size: .8em;
}
.single_post_comments {
padding: var(--spacing) 0;
}
ol.commentlist,
ol.commentlist li.comment ul.children {
list-style: none;
padding: 0;
}
ol.commentlist li.comment {
--_spacing: 20px;
padding: var(--_spacing);
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
margin: var(--_spacing) 0;
}
ol.commentlist li.comment .comment-author {
display: inline-block;
vertical-align: middle;
width: 50%;
}
ol.commentlist li.comment .comment-author img {
border-radius: var(--rondeRandjes);
margin-right: 10px;
}
ol.commentlist li.comment .comment-author cite {
font-style: normal;
}
ol.commentlist li.comment .comment-author .says {
display: none;
}
ol.commentlist li.comment .comment-meta {
display: inline-block;
vertical-align: middle;
width: 50%;	
text-align: right;
}
ol.commentlist li.comment ul.children li.comment {
--_spacing: 10px;
}
#respond {
display: grid;
grid-template-columns: 150px 1fr;
gap: 10px;
padding: 20px;
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
width: 100%;
}
.archive-description {
padding-bottom: 25px;
}
.archive-columns {
display: grid;
gap: var(--padding);
}
.next-and-previous-posts-columns {
padding-top: 50px;
}
.blogitem {
border-radius: var(--rondeRandjes);
transition:  .3s;
overflow: hidden;
background: var(--borderColor);
position: relative;
}
.blogitem:hover {
outline: 3px solid var(--main);
}
.blogitem .inner_blogitem {
display: grid;
height: 100%;
gap: calc( var(--padding) / 2);
padding: var(--padding);
}
.blogitem .inline-post-img {
overflow: hidden;
width: 100%;
height: 100%;
}
.blogitem .inline-post-img img {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
object-position: center;
}
.blogitem .blogitem-author {
align-self: flex-end;
background: var(--footerColor);
color: var(--footerblackOrWhite);
padding: calc( var(--padding) / 2);
margin: calc( 0px - var(--padding) );
margin-top: 0;
}
.blogitem .wp-block-button {
align-self: flex-end;
}
.blogitem.item-aside {
background: linear-gradient( var(--second), var(--borderColor) );
} .layout-1 .blogitem .inline-post-img {
aspect-ratio: 16 / 9;
width: calc( 100% + calc( var(--padding) * 2 ) );
margin: calc( 0px - var(--padding) );
margin-bottom: 0;
} .layout-2 .inner_blogitem {
grid-template-columns: 150px 1fr;
height: 100%;
}
.layout-2 .blogitem-author,
.layout-2 .wp-block-button {
grid-column-start: span 2;
} .layout-3 .blogitem .inline-post-img {
width: calc( 100% + calc( var(--padding) * 2 ) );
height: calc( 100% + calc( var(--padding) * 2 ) );
margin: calc( 0px - var(--padding) );
}
.layout-3 .blogitem.item-aside {
background: var(--second);
color: #FFF;
}
.layout-3 .blogitem .inline-post-img {
position: absolute;
width: 100%;
height: 100%;
opacity: .2;
transition: .3s;
}
.layout-3 .blogitem:hover .inline-post-img {
opacity: 0;
}
.layout-3 .blogitem .blogitem-author {
background: transparent;
color: inherit;
padding: var(--padding);
}
.blogitem-author {
display: block;
padding-top:  15px;
font-size: .8em;
}
.blogitem-author img {
border-radius: 100px;
}
.blogitem-author strong {
display: block;
}
nav.blog-nav {
text-align: center;
font-size: 16px;
margin-top: 25px;
} .modal_overlay {
display: none;
position: fixed;
z-index: 7500;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); 
}
#modal {
position: fixed;
background: var(--dark_or_lightmode);
overflow: auto;
transition: .3s;
z-index: 7600;
}
#modal.default {
display: none;
width: 600px;
max-width: 95%;
max-height: 90%;
border-radius: var(--rondeRandjes);
top: 50%;
left: 50%;
border: 1px solid var(--borderColor);
transform: translate( -50%, -50% ) scale( 0.8 );
}
#modal.shown {
transform: translate( -50%, -50% ) scale( 1 );
}
#modal::-webkit-scrollbar {
width: 8px;
}
#modal::-webkit-scrollbar-track {
background: transparent;
}
#modal::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.4);
border-radius: 30px;
margin: 4px;
}
#modal::-webkit-scrollbar-thumb:hover {
background: rgba(0,0,0,0.2);
}
#modal .modal_title {
padding: 20px 85px 20px 25px;
position: sticky;
top: 0;
z-index: 100;
min-height: 90px;
display: flex;
justify-content: center;
flex-direction: column;
background: inherit;
border-bottom: 1px solid var(--borderColor);
}
#modal .modal_title strong {
display: block;
}
#modal.search .modal_title {
background: var(--borderColor);
}
#modal.add_to_cart_popup.add_to_cart_popup__message .modal_title {
background: #E5F4E9;
color: #01982B;
}
#modal .modal_title span.closebutton {
color: #363A43;
position: absolute;
right: 25px;
width: 40px;
height: 40px;
top: calc( 50% - 20px );
cursor: pointer;
background: #EDF2F6;
padding: 5px;
border-radius: 30px;
}
#modal.add_to_cart_popup.add_to_cart_popup__message .modal_title span.closebutton {
background: #01982B;
color: #E5F4E9;
}
#modal.search .modal_title span.closebutton {
background: var(--dark_or_lightmode);
}
#modal .modal_title span.closebutton:hover {
filter: brightness(95%);
}
#modal .modal_content {
padding: 25px 25px 20px 25px;
}
#modal .modal_content h2, #modal .modal_content h3 {
font-size: 1em;
margin: 0;
}
#modal .modal_buttons {
padding: 15px 25px;
border-bottom: 1px solid var(--borderColor);
text-align: center;
}
@media screen and (min-width: 725px) {
#modal .woocommerce ul.products[class*=' columns-'] {
grid-template-columns: repeat(3, 1fr);
}
}  .payment-icons img {
margin: 2px;
} #product-header {
position: sticky;
background: var(--headerColor);
color: var(--headerblackOrWhite);
padding: var(--spacing) 0;
margin: var(--spacing) 0;
bottom: var(--spacing);
left:  0;
right:  0;
z-index: 5000;
box-shadow: var(--depth-4);
display: none;
border-radius: var(--rondeRandjes);
}
#product-header.scroll {
display: block;
animation-name: scrollUpFromBottom;
animation-duration: 1s;
}
#product-header .inner {
display: grid;
grid-template-columns: 60px 1fr 1fr;
align-items: center;
gap: 10px;
}
#product-header .inner .product-header-add-to-cart {
text-align: right;
} .woocommerce-message, .woocommerce-error, .woocommerce-info  {
border-radius: var(--rondeRandjes);
border-top: 0px;
color: #FFF;
padding: 20px;
margin: 0 0 15px 0;
}
.woocommerce-message {
background: #E5F4E9;
color: #01982B;
}
.woocommerce-error {
background: #FFECEC;
color: #EB0400;
position: relative;
}
.woocommerce-info {
background: #F0F6FF;
color: #3578E5;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
display: none;
}
.woocommerce-info a, .woocommerce-message a, .woocommerce-error a {
font-weight: bold;
color: inherit;
margin-left: 10px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
text-transform: none;
background-color: transparent;
padding: 3px;
}
.woocommerce .woocommerce-message .button {
color: #01982B;
}
.woocommerce .woocommerce-info .button {
color: #3578E5;
}
.woocommerce .woocommerce-error .button {
color: #EB0400;
} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: auto;
float: none;
}
.woocommerce div.product div.wc-product-page-columns {
margin-top: 25px;
gap: var(--padding);
}
.woocommerce div.product .product_title {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-product-rating {
font-size: 20px;
margin: 0;
display: flex;
align-items: center;
}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link {
margin-left: 10px;
opacity: .5;
font-size: 14px;
}
.woocommerce div.product .single_product_brandimage {
max-height: 60px;
float: right;
margin: 0px 0px 10px 10px;
}
.woocommerce div.product .summary p.jebespaart {
font-size: .9em;
opacity: .9;
margin: 0;
}
.woocommerce div.product .stock {
color: inherit;
}
.woocommerce div.product .summary .stock {
padding: var(--padding) 0;
margin: 0;
}
.woocommerce div.product .summary .stock p.stock_subtext {
font-size: .9em;
opacity: .9;
}
.woocommerce #content div.product section.products {
padding: var(--padding) 0;
} .woocommerce a.ajax_add_to_cart.added span,
.woocommerce a.ajax_add_to_cart.loading span {
visibility: hidden;
opacity: 0;
}
.woocommerce a.ajax_add_to_cart.added {
background: var(--wc-highlight);
color: #FFF;
}
.woocommerce a.ajax_add_to_cart.added:after,
.woocommerce a.ajax_add_to_cart.loading:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.woocommerce a.ajax_add_to_cart.added:after  {
mask: url(/wp-content/themes/basetheme/assets/check.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask: url(/wp-content/themes/basetheme/assets/check.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
background-color: currentColor;
width: 28px;
height: 28px;
}
.woocommerce a.ajax_add_to_cart.loading:after {
border: 4px solid transparent;
border-top-color: currentColor;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.woocommerce a.added_to_cart {
display: none!important;
} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
color: var(--textColor);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background: var(--wc-primary);
color: var(--wc-primary-text);
border-radius: var(--rondeRandjes);
margin: 0px;
text-align: center;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: var(--wc-primary);
color: var(--wc-primary-text);
}
.woocommerce .quantity .qty {
width: 75px;
padding: 12px;
}
.woocommerce #reviews #review_form_toggler .wp-block-button__link {
padding: 5px 15px;
border-radius: 5px;
}
.woocommerce #review_form {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color:  var(--textColor);
opacity: .6;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin-bottom: 0;
}
.woocommerce #review_form,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: var(--border-width) solid var(--borderColor);
padding: 25px 20px;
border-radius: var(--rondeRandjes);
width: 100%;
margin: 0;
margin-bottom: 15px;
}
.woocommerce #review_form #respond p {
margin: 0;
}
.woocommerce #review_form #respond label {
display: none;
}
.woocommerce #review_form #respond p.stars {
font-size: 2em;
color: #FFD814;
padding:  20px 0 15px 0;
}
.woocommerce div.product form.cart .button {
padding: 18px 30px 19px 30px;
}
#bulkdiscount, #productfamilies {
padding: 10px 0;
}
#bulkdiscount label, #productfamilies label {
font-weight: bold;
margin-bottom: 10px;
}
.wp-block-buttons.btw-buttons-woo .wp-block-button .wp-block-button__link {
border-color: var(--borderColor);
text-align: left;
}
.wp-block-buttons.btw-buttons-woo .wp-block-button .wp-block-button__link:hover {
border-color: var(--textColor);
}
.woocommerce .summary .woocommerce-variation-price {
display: none;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
display: none;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
vertical-align: middle;
padding: 5px 0;
}
.woocommerce div.product form.cart .variations th {
min-width: 100px;
}
.woocommerce div.product form.cart .variations select {
border-width: 1px;
background-color: transparent;
} .woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin: 0px 0px 10px 0px;
}
.woocommerce .woocommerce-result-count {
padding: 10px 0;
}
.woocommerce .woocommerce-ordering select {
background: transparent;
padding: 10px 0;
border: 0;
margin: 0;
text-align: right;
color: var(--second);
line-height: 1.5;
}
.woocommerce .woocommerce-products-header {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--borderColor);
}
.woocommerce .widget_price_filter .price_slider_amount .button {
padding: 10px 15px;
}
.term-description {
margin-bottom: var(--spacing);
}
.term-description-toggle {
display: block;
padding: 10px 0;
cursor: pointer;
margin-bottom: var(--spacing);
}
.term-description.collapsed-content {
border-bottom: var(--border-width) solid var(--borderColor);
position: relative;
margin-bottom: 0;
}
.term-description.collapsed-content:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 25px;
background: linear-gradient( 0deg, rgba(0,0,0,0.1), transparent );
backdrop-filter: blur( 1px );
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
display: none;
}
.wc-block-grid {
text-align: left;
}
.woocommerce ul.products,
.wc-block-grid ul.wc-block-grid__products {
display: grid;
gap: 10px;
padding: 0;
margin: 0;
}
.woocommerce ul.products.columns-1,
.wc-block-grid.has-1-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 1, 1fr );
}
.woocommerce ul.products.columns-2,
.wc-block-grid.has-2-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 2, 1fr );
}
.woocommerce ul.products.columns-3,
.wc-block-grid.has-3-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 3, 1fr );
}
.woocommerce ul.products.columns-4,
.wc-block-grid.has-4-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 4, 1fr );
}
.woocommerce ul.products.columns-5,
.wc-block-grid.has-5-columns ul.wc-block-grid__products {
grid-template-columns: repeat( 5, 1fr );
}
.woocommerce ul.products.columns-6,
.wc-block-grid.has-6-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 6, 1fr );
}
.woocommerce ul.products.columns-7,
.wc-block-grid.has-7-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 7, 1fr );
}
.woocommerce ul.products.columns-8,
.wc-block-grid.has-8-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 8, 1fr );
}
.woocommerce ul.products.columns-9,
.wc-block-grid.has-9-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 9, 1fr );
}
.woocommerce ul.products.columns-10,
.wc-block-grid.has-10-columns ul.wc-block-grid__products  {
grid-template-columns: repeat( 10, 1fr );
}
.woocommerce ul.products li.product.type-product, 
.woocommerce ul.products li.product.product-category,
ul.wc-block-grid__products li.wc-block-grid__product {
--_spacing: 10px;
--_item-background: var(--dark_or_lightmode);
display: grid;
gap: var(--_spacing);
float: none;
margin: 0;
padding: 10px;
width: auto;
font-size: 14px;
background: var(--_item-background);
transition: .2s;
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
overflow: hidden;
}
.woocommerce ul.products li.product.product-category {
text-align: center;
font-size: 1.3em;
}
.woocommerce ul.products li.product:hover,
ul.wc-block-grid__products li.wc-block-grid__product:hover {
border-color: var(--main);
}
.woocommerce ul.products li.product .loop-stock {
font-size: 12px;
}
.woocommerce ul.products li.product .onsale {
top: 12px;
left: 8px;
right: auto;
margin: 0px;
font-size: 12px;
}
.woocommerce ul.products li.product a img,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image img {
border-radius: var(--rondeRandjes);
}
.woocommerce ul.products li.product .btt_image_wrapper,
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
position: relative;
}
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail {
display: flex;
align-items: center;
position: absolute;
background: var(--_item-background);
}
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail img,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
object-fit: contain;
}
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail.second_thumbnail {
z-index: -1;
}
.woocommerce ul.products li.product:hover .btt_image_wrapper.has_second_image .basetheme_product_thumbnail.second_thumbnail {
z-index: 1;
}
.woocommerce ul.products li.product .btt_title_wrapper .woocommerce-loop-product__title {
padding: 0;
font-weight: normal;
}
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title {
margin-top: var(--_spacing);
}
.woocommerce ul.products li.product .btt_title_wrapper .product-quick-info {
font-size: 12px;
padding-top: var(--_spacing);
opacity: .9;
}
.woocommerce ul.products li.product .btt_price_wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-top: var(--_spacing);
gap: var(--_spacing);
}
.woocommerce ul.products li.product .btt_product_content a.button {
font-size: 0;
position: absolute;
right: var(--_spacing);
bottom: -50px;
}
.woocommerce ul.products li.product .btt_product_content a.button:before {
content: '';
display: inline-block;
mask: url(/wp-content/themes/basetheme/assets/cart.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask: url(/wp-content/themes/basetheme/assets/cart.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
width: 24px;
height: 24px;
background-color: currentColor;
}
.woocommerce ul.products li.product:hover .btt_product_content a.button {
bottom: var(--_spacing);
}
#main nav.wc-subcats {
overflow: auto;
white-space: nowrap;
}
#main nav.wc-subcats ul li a {
color: var(--textColor);
}
#main nav.wc-subcats:not(.default) ul li a:hover {
text-decoration: none;
} .woocommerce ul.products.columns-1 li.product {
grid-template-columns: 125px 1fr;
align-items: center;
} .woocommerce span.onsale {
min-height: auto;
min-width: auto;
padding: 6px 8px;
line-height: 1;
top: 10px;
left: 10px;
border-radius: var(--rondeRandjes);
background-color: var(--wc-green);
font-size: 14px;
}
.price,
.woocommerce ul.products li.product .price {
color: var(--textColor);
}
.price .woocommerce-Price-amount {
font-weight: normal;
}
.price del {
opacity: .5;
}
.price ins {
text-decoration: none;
}
.price ins .woocommerce-Price-amount {
color: red;
font-weight: 500;
margin-left: 3px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: var(--textColor);
}
.woocommerce .star-rating {
color: #FFC723;
margin: 0!important;
} .woocommerce-product-gallery img {
margin: 0 auto;
border-radius: var(--rondeRandjes);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
border-color: var(--textColor);
}
ul.flex-direction-nav {
position: absolute;
top: calc(50% - 25px);
z-index: 99999;
width: 100%;
left: 0;
margin: 0;
padding: 0px;
list-style: none;
opacity: 0;
transition: .3s;
}
.woocommerce div.product div.images:hover ul.flex-direction-nav {
opacity: 1;
}
ul.flex-direction-nav li.flex-nav-prev {
position: absolute;
left: 15px;
}
ul.flex-direction-nav li.flex-nav-next {
position: absolute;
right: 15px;
}
ul.flex-direction-nav li a {
display: block;
font-size: 0;
width: 50px;
height: 50px;
background: #FFF;
border-radius: 100px;
background-size: 50%;
background-position: center center;
background-repeat: no-repeat;
}
ul.flex-direction-nav li.flex-nav-prev a {
background-image: url(/wp-content/themes/basetheme/assets/prev.svg);
}
ul.flex-direction-nav li.flex-nav-next a {
background-image: url(/wp-content/themes/basetheme/assets/next.svg);
} .wc-product-column-layout-switched .wc-product-page-column.product-summary {
order: 0;
}
.wc-product-column-layout-switched .wc-product-page-column.product-image {
order: 1;
position: relative;
} .woocommerce div.product div.images .flex-control-thumbs {
display: flex;
justify-content: center;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 60px;
margin: 5px 5px 0px 0px;
float: none;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
} .wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
gap: 5px;
position: absolute;
left: 5px;
right: 5px;
bottom: 10px;
justify-content: center;
}
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li {
display: inline-flex;
width: 12px;
height: 12px;
border-radius: 30px;
transition: .3s;
border: 1px solid #000;
overflow: hidden;
}
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li img {
width: 100%;
height: 100%;
opacity: .5;
border: 6px solid #FFF;
}
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
opacity: .8;
border-color: var(--wc-primary);
} @media screen and (min-width: 725px) {
.wc-product-gallery-layout-leftside .woocommerce-product-gallery {
display: grid;
grid-template-columns: 60px 1fr;
gap: 10px;
}
.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-viewport {
order: 2;
}
.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-control-thumbs {
overflow-y: auto;
order: 1;
}
.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
margin-bottom: 5px;
}
.wc-product-gallery-layout-leftside.woocommerce div.product div.images ul.flex-direction-nav li.flex-nav-prev {
left: 90px;
}
} .woocommerce-page.wc-product-layout-tabbed div.product .woocommerce-tabs {
display: grid;
grid-template-columns: 250px 1fr;
gap: var(--padding);
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs, 
.woocommerce-account #main .woocommerce-MyAccount-navigation {
margin: 0;
padding: 0;
border-top: 1px solid var(--borderColor);
width: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li {
display: block;
border: 0px;
background-color: transparent;
border-radius: 0;
margin: 0;
padding: 0;
border-bottom: 1px solid var(--borderColor);
color: var(--textColor);
position: relative;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li:before, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li:before {
content: "";
display: block;
width: 3px;
height: auto;
position: absolute;
top: 15px;
bottom: 15px;
left: 0px;
border: 0px;
border-radius: 50px;
box-shadow: none;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li:hover:before, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li:hover:before {
background: var(--borderColor);
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li.active:before, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li.is-active:before {
background: var(--main);
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li.active a, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li.is-active a {
font-weight: bold;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce-account #main .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 20px 15px;
color: inherit;
font-weight: inherit;
}
.woocommerce #main div.product .woocommerce-tabs .panel h2:first-child, 
.woocommerce-account #main .woocommerce-MyAccount-content h1 {
margin-top: 0px;
}
.woocommerce.wc-product-layout-rows #main div.product .woocommerce-tabs ul.tabs {
display: none;
}
.woocommerce.wc-product-layout-rows #main div.product .woocommerce-tabs .panel {
display: grid!important;
grid-template-columns: 350px 1fr;
gap: var(--spacing);
padding: var(--spacing) 0;
margin: var(--spacing) 0;
border-top: var(--border-width) solid var(--borderColor);
}
.woocommerce.wc-product-layout-rows #main div.product .woocommerce-tabs .panel > div {
padding: var(--spacing);
}
.woocommerce-page.wc-product-layout-rows div.product .woocommerce-tabs .panel .panel-title {
position: sticky;
top: 0;
height: fit-content;
}
.woocommerce-account #main .woocommerce-MyAccount-content fieldset {
padding: var(--padding) 0;
border-top: var(--border-width) solid var(--borderColor);
} .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
display: none;
}
.woocommerce-account.logged-in #main nav.account-back-nav {
margin-bottom: var(--padding);
}
.woocommerce-account.logged-in #main .woocommerce {
display: grid;
gap: calc( var(--padding) * 2 );
grid-template-columns: 250px 1fr;
}
.woocommerce-account.logged-in #main .is-style-small-wrap .woocommerce {
grid-template-columns: 1fr;
}
.woocommerce-account.logged-in #main .is-style-small-wrap .woocommerce  .woocommerce-MyAccount-navigation {
display: none;
}
.woocommerce-account.logged-in #main .woocommerce-MyAccount-content {
width: auto;
}
.woocommerce form.login, .woocommerce form.register {
border: 0;
padding: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
padding: 6px 0;
}
.woocommerce table.my_account_orders.shop_table {
font-size: 1em;
border: 0px;
}
.woocommerce table.my_account_orders.shop_table thead {
display: none;
}
.woocommerce table.my_account_orders.shop_table tbody {
display: block;
}
.woocommerce table.my_account_orders.shop_table tr {
display: block;
border: var(--border-width) solid var(--borderColor);
padding: var(--padding);
border-radius: var(--rondeRandjes);
margin-bottom: 25px;
position: relative;
}
.woocommerce table.my_account_orders.shop_table td {
display: block;
border: 0px;
padding: 0;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-title h3 {
margin-top: 0;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status {
position: absolute;
top: var( --padding );
right: var( --padding );
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
display: inline-block;
color: #777;
background: #E5E5E5;
border-radius: var(--rondeRandjes);
padding: 2px 10px;
font-size: 14px;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-processing {
border-color: #c8d7e1;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-completed {
border-color: #c6e1c6;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
background: #c8d7e1;
color: #2e4453;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
background: #c6e1c6;
color: #5b841b;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
padding-top: 15px;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button {
padding: 10px 15px;
font-size: 14px;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
font-size: 14px;
}
.woocommerce address, .woocommerce .woocommerce-customer-details address, .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-account-fields {
border: var(--border-width) solid var(--borderColor);
border-radius: var(--rondeRandjes);
padding: var(--padding);
margin-bottom: 25px;
line-height: 1.6;
font-style: normal;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {
display: none;
}
.account-page-blocks {
padding-top: var(--spacing);
}
.account-page-blocks__columns {
display: grid;
grid-template-columns: repeat( 2, 1fr );
gap: 10px;
} .woocommerce-info[data-notice="getcarttotals"],
.woocommerce-info[data-notice="getfreeshipping"],
.woocommerce-message[data-notice="combideal_savings"] {
background: transparent;
border: 0;
padding: 0!important;
font-weight: normal;
}
.woocommerce-info[data-notice="getcarttotals"] {
color: var(--textColor);
margin: 0!important;
}
.woocommerce-info[data-notice="getfreeshipping"],
.woocommerce-message[data-notice="combideal_savings"] {
color: var(--wc-highlight);
}
.woocommerce-cart table.shop_table {
border: 0px;
}
.woocommerce-cart table.cart thead {
display: none;
}
.woocommerce-cart table.cart .product-thumbnail {
text-align: center;
width: 95px;
}
.woocommerce-cart table.cart img {
width: auto;
height: 75px;
border-radius: var(--rondeRandjes);
}
.woocommerce-cart table.cart td.product-name a {
color: var(--textColor)!important;
font-weight: 600;
}
.woocommerce-cart table.cart td.product-price {
display: none;
}
.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {
opacity: .8;
margin-top: 0;
}
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name dl.variation p {
margin-top: 0;
}
.woocommerce td.product-remove {
width: 25px;
}
.woocommerce td.product-remove a {
line-height: 0.9;
border: 2px solid;
color: var(--textColor)!important;
opacity: .8;
}
.woocommerce td.product-remove a:hover {
border: 2px solid red!important;
opacity: 1;
}
.woocommerce-cart .cross-sells {
padding: var(--padding) 0;
} .woocommerce-cart-page, #cart-header {
display: grid;
grid-template-columns: 1fr 350px;
gap: var(--padding);
}
#cart-header {
position: sticky;
top: 0;
left: 0;
right: 0;
background: var(--backgroundColor);
z-index: 5000;
margin-bottom: var(--padding);
align-items: center;
}
#cart-header .wc-cart-subtotal {
font-size: 1.3em;
}
#cart-header .cart-header-right {
text-align: right;
}
#cart-header .woocommerce-message, #cart-header .woocommerce-error, #cart-header .woocommerce-info {
padding: 8px 15px;
margin: 5px 0;
}
.woocommerce-cart .cart-collaterals .woocommerce-form-coupon-toggle,
.woocommerce-cart .cart-collaterals form.checkout_coupon p:not([class]),
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout,
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination,
.woocommerce-cart .coupon {
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals, 
.woocommerce-cart .cart-collaterals form.checkout_coupon {
display: block!important;
width: 100%;
float: none;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon {
border: var(--border-width) solid var(--borderColor);
border-radius: var(--rondeRandjes);
padding: 0;
margin: var(--padding) 0 0 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon input {
border: 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon button {
padding: 10px 15px;
font-size: 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon button:before {
content: '';
display: inline-block;
mask: url(/wp-content/themes/basetheme/assets/add.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask: url(/wp-content/themes/basetheme/assets/add.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
width: 24px;
height: 24px;
background-color: var(--textColor);
}
.woocommerce-cart .cart-collaterals form.checkout_coupon .form-row.form-row-first {
width: calc(100% - 70px);
margin: 0;
padding: 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon .form-row.form-row-last {
width: 58px;
margin: 0;
padding: 0;
}
.cart-collaterals table.shop_table tr {
display: block;
padding: 8px;
text-align: left;
}
.cart-collaterals table.shop_table th {
font-size: .8em;
}
.cart-collaterals table.shop_table th, 
.cart-collaterals table.shop_table td {
display: block;
padding: 0;
border: 0;
width: 100%!important;
font-weight: normal!important;
border: 0px!important;
}
.cart-collaterals table.shop_table tr.cart-discount td {
color: var(--wc-green);
}
.cart-collaterals table.shop_table tr.order-total {
border-top: 2px solid var(--textColor);
font-weight: 600;
}
.woocommerce table.shop_table td {
border-color: var(--borderColor);
}
.woocommerce table.shop_table td.actions {
padding: 0;
padding-top: 15px;
}
.woocommerce table.shop_table td.actions .button {
padding: 0;
background: transparent;
color: var(--wc-green);
}
.woocommerce table.shop_table td.actions .button[aria-disabled="true"] {
opacity: 0;
}
.woocommerce ul#shipping_method li {
margin: 0;
padding: 3px 0;
font-size: 14px;
}
.woocommerce ul#shipping_method li .amount {
font-weight: normal!important;
float: right;
} #modal.wc_mini_cart .woocommerce-mini-cart {
list-style: none;
padding: 0;
margin: 0;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item {
padding: 10px 0;
border-bottom: 1px solid var(--borderColor);
position: relative;
padding-right: 30px;
min-height: 70px;
}
#modal.wc_mini_cart.search .woocommerce-mini-cart .woocommerce-mini-cart-item {
padding-right: 0;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove {
position: absolute;
top: calc( 50% - 12px );
right: 0;
}
#modal.wc_mini_cart .woocommerce-mini-cart__total {
padding-top: 25px;
}
#modal.wc_mini_cart .woocommerce-mini-cart__total span.woocommerce-Price-amount.amount {
float: right;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a:not(.remove) {
font-weight: normal;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a:not(.remove):hover {
text-decoration: underline;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item img {
max-width: 50px;
min-width: 50px;
width: auto;
height: auto;
float: right;
border-radius: 5px;
margin: 0;
margin-left: 5px;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation {
opacity: .6;
padding: 0;
margin: 0;
border: 0;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dt {
display: none;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dd,
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
margin-left: 0px;
display: block;
}
#modal.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dd p {
margin: 0;
}
#modal.wc_mini_cart .woocommerce-mini-cart__buttons {
display: none;
}
#modal.wc_mini_cart .woocommerce-mini-cart .cart-stock.in-stock {
color: var(--wc-green);
} .woocommerce-checkout .hide-on-checkout,
.woocommerce-checkout #payment ul.payment_methods .payment_box,
.woocommerce-checkout #order_review_heading {
display: none!important;
}
form.checkout.woocommerce-checkout {
display: grid;
grid-template-columns: 1fr 350px;
gap: var(--padding);
}
.woocommerce-checkout #customer_details div[class*="col"] {
width: 100%;
}
.woocommerce-checkout #payment ul.payment_methods {
}
border-bottom: 0px;
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 0;
font-size: 14px;
}
.woocommerce-checkout #payment ul.payment_methods li label {
display: grid;
grid-template-columns: 1fr 35px;
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
background-color: var(--dark_or_lightmode);
color: var(--textColor);
height: 40px;
align-items: center;
padding: 0 10px;
cursor: pointer;
margin: 2px 0;
}
.woocommerce-checkout #payment ul.payment_methods input[type='radio'] + label:before, .woocommerce-checkout #payment ul.payment_methods input[type='radio'] + label:after {	
display: none;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked+label {
border-color: var(--wc-primary);
font-weight: bold;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding-bottom: 0px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table, .woocommerce table.shop_table.order_details {
border-radius: var(--rondeRandjes);
border: var(--border-width) solid var(--borderColor);
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name .variation,
.woocommerce-order .woocommerce-thankyou-order-received {
display: none;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child {    
border-top: var(--border-width) solid var(--borderColor);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
border-radius: var(--rondeRandjes);
background: var(--borderColor);
}
.woocommerce-privacy-policy-text {
font-size: .8em;
}
.cr-customer-consent {
margin-top: 0;
height: 0;
overflow: hidden;
}
.cr-customer-consent label {
font-size: .8em;
line-height: 0!important;
} .woocommerce a.woocommerce-remove-coupon {
display: inline-block;
width: 11px;
height: 16px;
border-radius: 10px;
font-size: 0;
position: relative;
top: -6px;
color:  red;
}
.woocommerce a.woocommerce-remove-coupon:hover {
color: red;
}
.woocommerce a.woocommerce-remove-coupon:after {
display: inline-block;
content: "×";
font-size: 20px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.woocommerce form .form-row.form-row-wide.address-field#shipping_address_1_field,
.woocommerce form .form-row.form-row-wide.address-field#billing_address_1_field {
clear: none;
float: left;
width: 47%;
}
.woocommerce form .form-row.form-row-wide.address-field#shipping_address_2_field,
.woocommerce form .form-row.form-row-wide.address-field#billing_address_2_field {
clear: none;
float: right;
width: 47%;
} .woocommerce-checkout.woocommerce-order-received .woocommerce-order-details p:first-child {
margin-top: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details.mollie-instructions {
background: transparent;
color: var(--textColor);
padding: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details {
margin-top: 50px;
}
.woocommerce ul.order_details {
display: flex;
gap: 25px;
padding: var(--padding);
list-style: none;
border-radius: var(--rondeRandjes);
background: #FAFAFA;
}
.woocommerce ul.order_details:before {
display: none;
}
.woocommerce ul.order_details li {
float: none;
margin: 0;
padding: 0;
border: 0;
flex-grow: 1;
} .woocommerce .addresses .title {
padding: 10px 0 15px 0;
}
.woocommerce .addresses .title h3 {
margin: 0;
}
.woocommerce .addresses .title .edit {
float: right;
padding: 4px 8px;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
}
.woocommerce .addresses .title .edit:hover {
background: #edf2f6;
color: #475978;;
}
.woocommerce address p, .woocommerce .woocommerce-customer-details address p {
margin: 0;
} .wc-block-featured-product .wc-block-featured-product__background-image {
transition: .3s;
}
.wc-block-featured-product:hover .wc-block-featured-product__background-image {
transform: scale(1.2);
}
.wc-block-featured-product.align_top {
align-content: flex-start!important;
}
.wc-block-featured-product.align_center {
align-content: center!important;
}
.wc-block-featured-product.align_bottom {
align-content: flex-end!important;
}
.wc-block-featured-product__wrapper {
padding: var(--padding);
}
.wc-block-featured-product__description, .wc-block-featured-product__link, .wc-block-featured-product__price, .wc-block-featured-product__title, .wc-block-featured-product__variation {
padding: 8px 0!important;
} .cp_portfolio_item {
border: var(--border-width) solid var(--borderColor);
border-radius: var(--rondeRandjes);
}
.cp_portfolio_item .cp_portfolio_image img {
border-radius: var(--rondeRandjes);
}
.cp_portfolio_item .cp_portfolio_text {
border-radius: var(--rondeRandjes);
}
.style-2 .cp_portfolio_item .cp_portfolio_text {
background: rgba(0,0,0,0.1);
}
.style-2 .cp_portfolio_item .cp_portfolio_text h3.cp_portfolio_category {
background: var(--main);
color: #FFF;
font-size: .6em;
}  @media screen and (min-width: 725px ) {
#wpadminbar ul li a {
padding-left: 15px!important;
padding-right: 15px!important;
font-weight: 500!important;
}
#wpadminbar #wp-admin-bar-top-secondary {
display: none;
}
.hideThisOnDesktop {
display: none!important;
}
} @media screen and (max-width: 1200px) {
.woocommerce ul.products.columns-7,
.woocommerce ul.products.columns-8,
.woocommerce ul.products.columns-9,
.woocommerce ul.products.columns-10 {
grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );
}
}
@media screen and (max-width: 1000px) {
.woocommerce ul.products[class^='columns-'], .woocommerce ul.products[class*=' columns-'] {
grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );
}
.hideThisOnTablet {
display: none;
}
} @media screen and (max-width: 724px) { 
.hideThisOnMobile {
display: none!important;
}
.padding .wrap, 
.padding .is-style-wrap {
padding: 0;
}
#page.page-is-boxed {
border: 0px;
}
#header .header_blocks {
flex-wrap: nowrap;
gap: 5px;
}
#header .header_blocks .header_block.logo img, #header .header_blocks .header_block.logo svg {
width: calc( var(--logo_size) / 1.5 );
}
#header ul li .menu_item_icon svg {
width: 20px;
height: 20px;
}
nav.responive-nav-menu {
position: fixed;
overflow: auto;
z-index: 1010;
top: 0;
left: auto;
right: -100%;
bottom: 0;
width: 250px;
max-width: 90%;
background: var(--navColor);
color: var(--navblackOrWhite);
padding: var(--spacing) 0;
border-radius: var(--rondeRandjes) 0 0 var(--rondeRandjes);
transition: .2s;
}
nav.responive-nav-menu.mobile-menu-is-shown {
right: 0;
}
nav.responive-nav-menu ul {
--_spacing: 0;
}
nav.responive-nav-menu ul li {
display: block;
text-align: left;
margin: 5px;
width: auto;
}
nav.responive-nav-menu ul li ul {
display: none;
background: var(--navColor);
filter: brightness(95%);
border-radius: inherit;
}
nav.responive-nav-menu ul li.submenu-is-opened > a {
font-weight: bold;
background: var(--navColor);
filter: brightness(95%);
}
nav.responive-nav-menu ul li.submenu-is-opened > a .menu_item_dropdown {
transform: rotate(180deg);
}
nav.responive-nav-menu ul li .menu_item_dropdown {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
background: var(--navColor);
color: var(--navblackOrWhite);
filter: brightness(90%);
border-radius: 25px;
aspect-ratio: 1;
}
nav.responive-nav-menu .current-menu-item > a, 
nav.responive-nav-menu .current-page-ancestor > a, 
nav.responive-nav-menu .current-post-parent > a, 
nav.responive-nav-menu .current-menu-parent > a, 
nav.responive-nav-menu .current_page_parent  > a,
nav.responive-nav-menu .current-cat > a {
font-weight: bold;
background: transparent;
}
nav.responive-nav-menu .current-menu-item > a .menu_item_label, 
nav.responive-nav-menu .current-page-ancestor > a .menu_item_label, 
nav.responive-nav-menu .current-post-parent > a .menu_item_label, 
nav.responive-nav-menu .current-menu-parent > a .menu_item_label, 
nav.responive-nav-menu .current_page_parent  > a .menu_item_label,
nav.responive-nav-menu .current-cat > a .menu_item_label {
border-bottom: 2px solid var(--main);
}
nav.underlined ul li:not(.menu-button) a:after,
nav.underlined ul li.current-menu-item:not(.menu-button) a:after, 
nav.underlined ul li.current-menu-parent:not(.menu-button) a:after, 
nav.underlined ul li.current-page-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-post-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-category-ancestor:not(.menu-button) a:after,
nav.underlined ul li:not(.menu-button) a:hover:after {
display: none;
}
.mobmenuoverlay {
background: #000;
opacity: .5;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1008;
display: none;
}
.wp-block-column.has-background {
margin-bottom: var(--padding);
}
.wp-block-quote:before,
.wp-block-quote.is-style-large:before {
position: relative;
top: auto;
left: 0;
}
#content.sidebar-show-left,
#content.sidebar-show-right {
grid-template-columns: 1fr;
grid-template-areas: "column-1" "column-2";
}
#content.sidebar-show-left #sidebar,
#content.sidebar-show-right #sidebar {
grid-area: column-2;
} .archive-columns[class*='-columns'] {
grid-template-columns: 1fr;
} .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-ordering select {
text-align: center;
width: 100%;
}
.woocommerce .woocommerce-ordering {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--borderColor);
}
.woocommerce ul.products[class^='columns-'], .woocommerce ul.products[class*=' columns-'] {
grid-template-columns: repeat( 1, 1fr );
gap: 0;
}
.woocommerce ul.products[class^='columns-'] li.product, .woocommerce ul.products[class*=' columns-'] li.product {
grid-template-columns: 75px 1fr;
padding: var(--padding) 0;
border-radius: 0;
border-width: 0 0 var(--border-width) 0;
}
.woocommerce ul.products li.product .btt_product_content a.button {
right: 0;
bottom: var(--padding);
}
.woocommerce ul.products li.product .onsale {
display: block;
top: auto;
left: 0;
bottom: var(--padding);
max-width: 75px;
}
.woocommerce ul.products li.product .onsale .badge {
display: block;
padding: 4px 5px;
} .woocommerce-account.logged-in #main .woocommerce {
display: block;
}
.woocommerce-account #main .woocommerce-MyAccount-navigation {
display: none;
} body.single-product #content {
padding-top: 0px;
}
.woocommerce div.product div.wc-product-page-columns {
margin-top: 0px;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
margin: 0 var(--negative-padding);
background: var(--borderColor);
}
.woocommerce div.product div.images.woocommerce-product-gallery img {
border-radius: 0;
height: 33vh!important;
width: auto!important;
} 
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
max-height: 33vh!important;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: none;
}
.woocommerce div.product .product_title {
font-size: 1.1em;
}
.woocommerce div.product .woocommerce-product-details__short-description {
font-size: .9em;
}
.woocommerce div.product .summary .price {
display: none;
}
.woocommerce div.product .summary form.cart {
margin-bottom: 0;
}
.woocommerce div.product .summary .wp-block-button.is-style-woocommerce {
display: none;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs {
display: block;
width: 100%;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li {
display: inline-block;
border-bottom: 0px;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li:before {
width: auto;
height: 3px;
top: auto;
bottom: 3px;
left: 15%;
right: 15%;
}
.woocommerce #main div.product .woocommerce-tabs ul.tabs li a {
padding: 15px 10px;
}
.woocommerce #main div.product .woocommerce-tabs .panel, .woocommerce-account #main .woocommerce-MyAccount-content {
display: block;
width: 100%;
padding: 0;
padding-top: var(--padding);
}
.woocommerce.wc-product-layout-rows #main div.product .woocommerce-tabs .panel {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.woocommerce-page.wc-product-layout-rows div.product .woocommerce-tabs .panel .panel-title {
position: relative;
}
.woocommerce-page.wc-product-layout-rows div.product .woocommerce-tabs .panel .panel-title h2 {
display: grid;
grid-template-columns: 1fr 25px;
}
#product-header {
padding: 10px 0;
position: fixed;
display: block;
bottom: 0;
border-radius: 0;
margin: 0;
}
#product-header.scroll {
animation-duration: 0s;
}
#product-header .inner {
grid-template-columns: 100px 1fr;
}
#product-header .inner .product-header-add-to-cart a {
width: 100%;
padding-inline: 0;
font-size: 14px;
}
#product-header .inner .price del {
display: block;
font-size: .6em;
}
#modal .modal_buttons .wp-block-buttons {
display: flex;
align-items: center;
justify-content: flex-start;
} ul.flex-direction-nav {
opacity: 1;
} .woocommerce #content div.product .woocommerce-tabs, 
.woocommerce div.product .woocommerce-tabs, 
.woocommerce-page #content div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs {
display: block;
} .woocommerce-cart-page, #cart-header {
grid-auto-flow: row;
grid-template-columns: 1fr;
}
#cart-header {
gap: 0;
padding: var(--padding ) 0;
} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: transparent;
}
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: block;
}
.woocommerce-cart table td:before {
display: none;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
text-align: left!important;
}
.cart-collaterals table.shop_table tr {
padding: 10px 0;
}
.woocommerce-cart table.cart.shop_table_responsive {
border-top: 1px solid var(--borderColor);
margin: 0;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr {
display: flex;
flex-wrap: wrap;
position: relative;
border-bottom: 1px solid var(--borderColor);
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td {
background: transparent;
padding: 10px 0;
border-width: 0px;
text-align: left!important;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-remove {
order: 3;
width: 25px;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-thumbnail {
display: inline-flex;
order: 1;
width: 75px;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-name {
order: 2;
width: calc(100% - 100px);
padding-right: 15px;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-quantity {
order: 4;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-quantity input {
background: transparent;
padding: 3px;
}
.woocommerce-cart table.cart.shop_table_responsive tbody tr td.product-subtotal {
order: 5;
flex-grow: 1;
align-self: center;
text-align: right!important;
} body.woocommerce-checkout #header .header_blocks, 
body.woocommerce-checkout #header .header_blocks .header_block {
display: block;
text-align: center;
max-width: 100%;
}
body.woocommerce-checkout .button.choose-payment-method {
width: 100%;
margin-bottom: 25px;
text-align: center;
}
form.checkout.woocommerce-checkout {
grid-auto-flow: row;
grid-template-columns: 1fr;
} #banner.is-style-wrap {
border-radius: 0;
}
} @keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes scrollDownFromTop {
0% {top: -500px;}
100% {top: 0;}
}
@keyframes scrollUpFromBottom {
0% {bottom: -500px;}
100% {bottom: 20px;}
}  .wp-block-media-text {
gap: var(--padding);
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
} .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
overflow: hidden;
border-radius: var(--rondeRandjes);
margin-bottom: 15px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a {
display: block;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img {
width: 100%;
transition: .3s;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:hover .wp-block-latest-posts__featured-image img {
transform: scale(1.2);
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list li  .wp-block-latest-posts__post-date {
opacity: .8;
} .wp-block-separator {
color: var(--borderColor);
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px;
}
.wp-block-separator.is-style-wide {
width: 100%;
}
.wp-block-separator.is-style-dots {
color: var(--main);
} .wp-block-quote {
border-left: 0px;
position: relative;
padding: 0;
margin: 0;
}
.wp-block-quote p {
font-style: normal;
margin: 0;
}
.wp-block-quote:before {
content: open-quote;
position: absolute;
font-size:  3em;
top: -15px;
left: 0;
transform: translateX( -100% );
}
.wp-block-quote:after {
content: no-close-quote;
}
.wp-block-quote.is-style-large:before {
font-size: 6em;
}
.wp-block-quote cite {
font-style: normal;
opacity: .5;
font-size:  .7em;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 0;
} .wp-block-table thead {
border-bottom: 0;
font-weight: bold;
}
.wp-block-table thead:nth-child(2n+1) tr td {
padding-top: calc( var(--padding) * 2 );
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
} .wp-block-columns {
display: flex;
} .wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img {
border-radius: var(--rondeRandjes);
}
.wp-block-image.is-style-circle img, .wp-block-image .is-style-circle img {
border-radius: 999px;
} .stretch {
width: 100%;
height: 100%;
}
.sticky {
position: sticky;
top: 25px;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: var(--dark_or_lightmode);
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
display: none;
} .v-align-top {
align-items: start;
}
.v-align-middle {
align-items: center;
}
.v-align-bottom {
align-items: end;
}
.grey-bg-hover {
transition: .3s;
}
.grey-bg-hover:hover {
background: var(--borderColor);
}
.flex {
display: flex!important;
}
.grid {
display: grid;
}
.grid-col-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid-col-5 {
grid-template-columns: repeat(5, 1fr);
}
.block {
display: block!important;
}
.inline-block {
display: inline-block!important;
}
.hidden {
display: none!important;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.gap {
gap: var(--padding);
}
.nogap {
gap: 0!important;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.nomargin {
margin: 0;
}
.nomargintop {
margin-top: 0!important;
}
.nomarginleft {
margin-left: 0!important;
}
.nomarginright {
margin-right: 0!important;
}
.nomarginbottom {
margin-bottom: 0!important;
}
.wp-block-columns > .wp-block-column.nomargin {
margin-left: 0px!important;
}
.nopadding {
padding: 0;
}
.nopaddingtop {
padding-top: 0!important;
}
.nopaddingleft {
padding-left: 0!important;
}
.nopaddingright {
padding-right: 0!important;
}
.nopaddingbottom {
padding-bottom: 0!important;
}
.padding {
padding: var(--padding);
}
.depth-2 {
box-shadow: var(--depth-2);
}
.depth-4 {
box-shadow: var(--depth-4);
}
.depth-8 {
box-shadow: var(--depth-8);
}
.depth-16 {
box-shadow: var(--depth-16);
}
.depth-28 {
box-shadow: var(--depth-28);
}
.depth-64 {
box-shadow: var(--depth-64);
}
.border {
border: var(--border-width) solid var(--borderColor);
}
.border-radius {
border-radius: var(--rondeRandjes);
overflow: hidden;
}
.no-border-radius {
border-radius: 0px!important;
}
.no-border-radius img {
border-radius: 0px!important;
}
.force_bottom  {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.noscroll {
overflow: hidden;
}
.uppercase {
text-transform: uppercase;
}
.align_top {
justify-content: flex-start;
align-items: flex-start;
}
.align_center {
justify-content: center;
align-items: center;
}
.align_bottom {
justify-content: flex-end;
align-items: flex-end;
}
.t-left {
text-align: left;
}
.t-center {
text-align: center;
}
.t-right {
text-align: right;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.border {
border: var(--border-width) solid var(--borderColor);
}
.box-shadow {
box-shadow: var(--box-shadow);
}
.wide {
width: 100%;
}
.wc-green {
color: var(--wc-green);
}
.wc-orange {
color: var(--wc-orange);
}
.wc-red {
color: var(--wc-red);
}
.font1 {
font-family: var(--headingFont);
}
.font2 {
font-family: var(--textFont);
}
.text-100 {
font-weight: 100;
}
.text-300 {
font-weight: 300;
}
.text-400 {
font-weight: 400;
}
.text-500 {
font-weight: 500;
}
.text-600 {
font-weight: 600;
}
.text-700 {
font-weight: 700;
}
.text-800 {
font-weight: 800;
}
.text-900 {
font-weight: 900;
}
.has-black-color {
color: #000;
}
.has-white-color {
color: #FFF;
}
.has-cyan-bluish-gray-color {
color: #abb8c3;
}
.has-vivid-red-color {
color: #cf2e2e;
}
.has-vivid-orange-color {
color: #ff6900;
}
.has-luminous-vivid-amber-color {
color: #fcb900;
}
.has-light-green-cyan-color {
color: #7bdcb5;
}
.has-vivid-green-cyan-color {
color: #00d084;
}
.has-pale-cyan-blue-color {
color: #8ed1fc;
}
.has-vivid-cyan-blue-color {
color: #0693e3;
}
.has-vivid-cyan-purple {
color: #9b51e0;
}
.has-small-font-size {
--_sizing: 13px;
font-size: var(--_sizing);
}
.has-intermediate-font-size {
--_sizing: 14px;
font-size: var(--_sizing);
}
.has-default-font-size {
--_sizing: 16px;
font-size: var(--_sizing);
}
.has-medium-font-size {
--_sizing: 21px;
font-size: var(--_sizing);
}
.has-large-font-size {
--_sizing: 36px;
font-size: var(--_sizing);
}
.has-huge-font-size {
--_sizing: 42px;
font-size: var(--_sizing);
}
.has-parent-font-size {
font-size: inherit!important;
}
@media screen and (max-width: 725px) {
.mob-t-left {
text-align: left;
}
.mob-t-center {
text-align: center;
}
.mob-t-right {
text-align: right;
}
}#header.logo-nav-center {
border-top: 10px solid var(--main);
text-transform: uppercase;
padding-top: 0;
}
#header .wrap {
max-width: 100%;
}
#header.logo-nav-center .header_block.logo {
background: #000;
padding: var(--padding);
border-radius: 0 0 var(--rondeRandjes) var(--rondeRandjes);
position: relative;
margin-bottom: -50px;
}
.header_block.right-menu {
order: 5;
text-align: left;
}
.menu_item_icon {
text-align: left;
}
.menu_item_icon svg {
border-radius: 20px;
}
#banner {
border: 10px solid var(--main);
}
#banner.is-style-wrap {
border-top: 0px;
border-radius: 0 0 var(--rondeRandjes) var(--rondeRandjes);
}
#banner.banner_background_image img.banner_background {
opacity: 0.9;
}
.wp-block-cover.bright-hover,
.wp-block-cover.bright-hover .wp-block-cover__background {
transition: .3s;
}
.wp-block-cover.bright-hover:hover {
transform: scale(1.02);
}
.wp-block-cover.bright-hover:hover .wp-block-cover__background {
opacity: .2;
}
.wp-block-cover__link a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.cursus-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.cursus-list li {
display: grid;
grid-template-columns: 16px 1fr;
align-items: center;
gap: 5px;
padding: 5px 0;
}
.cursus-list li:before {
content: "";
display: block;
width: 16px;
aspect-ratio: 1;
background-image: url(https://hondentrainingcentrumkrivee.nl/wp-content/uploads/2023/08/logo-head-150x150.png);
background-size: contain;
border-radius: 100px;
}
@media screen and (min-width: 725px) {
.header_block.navigation {
display: none;
}
}