/* FONT STYLING */

.filson,
.abonnement-titel,
.abonnement-prijs,
.abonnement-prijs-extra,
.product-titel,
.product-prijs,
ul.producten-loop li .product-kopen,
ul.product-loop li .product-kopen,
.optie-informatie .product-kopen,
.filson-bold strong,
div#wpsl-stores:before,
.single-post .span2columns h2,
.single-post .span2columns h3,
.single-post .span2columns h4,
.single-vraag .span2columns h1,
.single-vraag .span2columns h2,
.single-vraag .span2columns h3,
.single-vraag .span2columns h4,
/* pages voorwaarden, cookies etc. */
.headers-medium h2,
.headers-medium h3,
.headers-medium h4,
.product-specificaties h3,
.button a,
.wp-block-button a,
button.grijs,
a.grijs.email,
input#wpsl-search-btn,
a.wpsl-directions,
input.wpcf7-form-control[type="submit"]
    {font-family: var(--wp--preset--font-family--filson, sans-serif);}

#CybotCookiebotDialog div
#CybotCookiebotDialog div a,
#CybotCookiebotDialog div ul#CybotCookiebotDialogNavList li.CybotCookiebotDialogNavItem a,
#CybotCookiebotDialog div h2,
div#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change
    {font-family: var(--wp--preset--font-family--notosans, sans-serif) !important;}


.slider_icoontjes figcaption
    {font-size: 0.8em;}

_::-webkit-full-page-media, _:future, :root .slider_icoontjes figcaption .smaller
    {font-size: 0.8em;}

sup,
.kleinetekst.has-small-font-size
    {font-size: 0.6em;}

footer .kleinetekst.has-small-font-size
    {font-size: 0.6em !important;}

.small
    {font-size: 0.7em !important;}

a.wpsl-directions,
.wpsl-store-location p,
.wpsl-direction-wrap,
.breadcrumbs > *,
.wp-block-post-excerpt,
p.wp-block-post-excerpt__excerpt
    {font-size: var(--wp--preset--font-size--small);}

div#wpsl-result-list:before,
.wpsl-store-location p strong,
.specificaties .wp-block-post-terms,
aside.product-opties h4,
button.hide-show,
.wp-block-button a,
button.grijs,
a.grijs.email /*,
button.optie */
	{font-size: var(--wp--preset--font-size--medium);}

.abonnement-prijs-extra,
.single-post .span2columns h2,
.single-post .span2columns h3,
.single-post .span2columns h4,
.single-vraag .span2columns h1,
.single-vraag .span2columns h2,
.single-vraag .span2columns h3,
.single-vraag .span2columns h4,
/* pages voorwaarden, cookies etc. */
.headers-medium h2,
.headers-medium h3,
.headers-medium h4,
.product-specificaties h3,
h3.medium-grootte,
h2.medium-grootte
	{font-size: calc(var(--wp--preset--font-size--medium) + 0.2em);}

.producten-loop h3.product-titel,
.product-loop h3.product-titel,
.abonnementen-loop h3.abonnement-titel
    {font-size: calc(var(--wp--preset--font-size--large) - 0.2em);}

div#wpsl-stores:before,
.headerfoto h1,
ul.producten-loop li .product-kopen,
ul.product-loop li .product-kopen,
.optie-informatie .product-kopen
    {font-size: var(--wp--preset--font-size--large);}

h1.tekst.filson.wp-block-post-title
    {font-size: calc(var(--wp--preset--font-size--xx-large) + 1vw);}

/* font-weight */
strong,
.single-vraag aside h3:not(.filson),
section div.taxonomy-vraag-categorie a,
.abonnement-titel,
.product-titel,
main .button a,
.wp-block-button a,
button.grijs,
a.grijs.email,
.button.roze a .wp-block-navigation-item__label,
a.wpsl-directions,
input#wpsl-search-btn,
.vinkjes li,
.abonnement-meer a,
.single-post .span2columns h2,
.single-post .span2columns h3,
.single-post .span2columns h4,
.single-vraag .span2columns h1,
.single-vraag .span2columns h2,
.single-vraag .span2columns h3,
.single-vraag .span2columns h4,
.headers-medium h2,
.headers-medium h3,
.headers-medium h4,
.product-specificaties h3,
input.wpcf7-submit,
#veelgesteldevragen h3
	{font-weight: 600;}

footer aside h4.wp-block-heading,
footer aside h3.wp-block-heading
/* moet 700 zijn */
	{font-weight: 700;}

/* text- + letter- */

.breadcrumbs h6
	{text-transform: none;}

/* text-decoration */

.button a,
a.grijs.email,
header aside.bovenmenu a,
footer aside li a,
a.wpsl-directions,
section div.taxonomy-vraag-categorie a,
aside.menu-vragen h3 a,
footer aside h3 a,
.post-type-archive-product .dropdown:first-child ul li:first-child > a,
.page-id-7281 .dropdown:first-child ul li:nth-child(2) > a,
.page-id-7295 .dropdown:first-child ul li:nth-child(3) > a,
.specificaties .table a,
.single-product .taxonomy-accessoires a,
.single-product .taxonomy-product-categorie a
	{text-decoration: none;}

a.underlinenone
	{text-decoration: none !important;}

button.hide-show,
aside.breadcrumbs .taxonomy-product-categorie a,
.underline
	{text-decoration: underline;}

/* line-height */

.abonnement-prijs
	{line-height: 1;}

footer aside ul li,
footer .wp-block-query  ul li h4
	{line-height: 1.7;}

ul.vinkjes
	{line-height: 2;}

/* paragraph */
.align-center,
.abonnement-titel,
.product-titel,
.abonnement-prijs,
.abonnement-prijs-extra,
.product-prijs,
.product-prijs-extra,
.width290px a,
.drie .width33 a,
ul.producten-loop li .product-kopen,
ul.product-loop li .product-kopen,
input.wpcf7-submit
	{text-align: center;}

/*//////////////////////////
 * /////////////////////////
 * /////////////////////////*

/* COLORS */
.button.roze a,
.button.blauw a,
.button.grijs a,
button.grijs,
a.grijs.email,
.has-base-color a,
.abonnement-titel,
.product-titel,
.wp-block-navigation .button.roze a.wp-block-navigation-item__content,
input#wpsl-search-btn,
input.wpcf7-submit,
input.gform_button[type="submit"]
	{color: var(--wp--preset--color--base);}

.button.groen a
	{color: var(--wp--preset--color--contrast);}

#CookiebotWidget .CookiebotWidget-consent-details button
	{color: var(--wp--preset--color--contrast) !important;}

.has-roze-color a,
div#wpsl-result-list:before,
#veelgesteldevragen article h3
	{color: var(--wp--preset--color--roze);}

.breadcrumbs a,
.menu-vragen h3,
.menu-vragen a,
.menu-vragen ::marker,
.has-grijs-color a,
.breadcrumbs > *,
.breadcrumbs > a,
.optie-buttons a,
.aansluitkosten,
input,
textarea,
option, select,
::placeholder,
span[data-name="aanspreekvorm"]:after,
span[data-name="domein"]:after,
span.name_prefix_select:after
	{color: var(--wp--preset--color--grijs);}

.slider_icoontjes figcaption
	{color: var(--wp--preset--color--lichtgrijs);}

/* BACKGROUND */
div#wpsl-result-list,
.slider_icoontjes figure img,
.posts-loop li,
.wp-block-image.size-thumbnail.bordergrijs20_img img,
aside.product-opties div,
.single-product ul.dropdown,
select, option,
span[data-name="aanspreekvorm"],
span[data-name="domein"]
	{background-color: var(--wp--preset--color--base);}

.button.roze a,
input#wpsl-search-btn
	{background-color: var(--wp--preset--color--roze);}

.button.groen a,
a.wpsl-directions
	{background-color: var(--wp--preset--color--lichtgroen);}

.button.blauw a,
header.headerfoto .drie-iconen div,
.abonnement-titel,
.product-titel,
input.wpcf7-submit,
input.gform_button[type="submit"]
	{background-color: var(--wp--preset--color--blauw);}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change
	{background-color: var(--wp--preset--color--blauw) !important;}

.abonnementen-loop .abonnement-info,
ul.producten-loop li,
.wpsl-gmap-canvas,
.wpsl-search,
.drie #klantenservice
	{background-color: var(--wp--preset--color--witgrijs);}

.table.kolommen2 > *:nth-child(4n + 3),
.table.kolommen2 > *:nth-child(4n + 4),
.search-results section.wp-block-query,
.search-no-results section.wp-block-query,
.error404 section.wp-block-query
	{background-color: var(--wp--preset--color--lichtgrijs);}

.button.grijs a,
button.grijs,
a.grijs.email
	{background-color: var(--wp--preset--color--grijs);}

button.hide-show,
button.optie,
span[data-name="aanspreekvorm"] select,
span[data-name="domein"] select
	{background-color: transparent;}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg 
	{fill: var(--wp--preset--color--roze) !important;}

/* BACKGROUND GRADIËNT */
header.headerfoto .tekst
	{background: linear-gradient(270deg,rgba(var(--wp--preset--color--lichtgroen-rgb), 0) 2%, rgba(var(--wp--preset--color--lichtgroen-rgb), 0.2) 15%,rgba(var(--wp--preset--color--lichtgroen-rgb),0.5) 20%,rgba(var(--wp--preset--color--lichtgroen-rgb), 0.6) 60%,rgba(var(--wp--preset--color--lichtgroen-rgb), 0) 95%);}

body:not(.home) header.headerfoto .tekst
	{background: linear-gradient(270deg,rgba(var(--wp--preset--color--lichtgroen-rgb), 0) 2%, rgba(var(--wp--preset--color--lichtgroen-rgb), 0.2) 15%,rgba(var(--wp--preset--color--lichtgroen-rgb),0.3) 20%,rgba(var(--wp--preset--color--lichtgroen-rgb), 0.4) 60%,rgba(var(--wp--preset--color--lichtgroen-rgb), 0.6) 95%);}

/* BACKGROUND + BORDER icons */ 
header .bovenmenu p.telefoon a:before,
header .bovenmenu p.klantenservice a:before,
header .bovenmenu p.gebruiker a:before,
header .bovenmenu p.winkelmandje a:before,
header .bovenmenu p.link-zoeken a::before,
.social-icons-block img,
header.headerfoto .drie-iconen figure img
 	{background-color: var(--wp--preset--color--base);
	border: solid calc(var(--icon-height) / 8) var(--wp--preset--color--base);
	border-radius: 50%;}

/* BORDERS */
.bordergrijs20,
.bordergrijs20_img img,
.abonnement-info,
.product-info,
ul.producten-loop li,
ul.product-loop li,
#wpsl-search-input,
#wpsl-search-wrap input,
.bordergrijs20_input input.wp-block-search__input,
.wpsl-dropdown,
.posts-loop li,
input[type="password"]
	{border: solid 1px rgba(var(--wp--preset--color--grijs-rgb),0.2);}

aside.product-opties div,
.single-product ul.dropdown
	{border: solid 1px rgba(var(--wp--preset--color--grijs-rgb),0.8);}

input#wpsl-search-btn
	{border: solid 1px var(--wp--preset--color--roze);}

#wpsl-wrap #wpsl-result-list ul li,
.search-results .wp-block-query ul li,
.borderbottomgrijs20,
hr.bordergrijs20,
.breadcrumbs,
.single-vraag main section.span2columns div.wp-block-post-content,
.single-product .optie-buttons
	{border-bottom: solid 1px rgba(var(--wp--preset--color--grijs-rgb),0.2);}

#wpsl-wrap #wpsl-result-list ul li:first-child,
.search-results .wp-block-query ul li:first-child,
.bordertopgrijs20,
.breadcrumbs,
.menu-vragen h3
	{border-top: solid 1px rgba(var(--wp--preset--color--grijs-rgb),0.2);}

hr.bordergrijs20,
.menu-vragen h3:first-child
	{border-top: none;}

iframe.kiyoh-reviews,
section .wp-block-search__input,
input, textarea,
select, option
	{border: none;}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change
	{border: none !important;}

/* BORDER-RADIUS */
.button a,
button.grijs,
a.grijs.email,
input#wpsl-search-btn,
/* header .bovenmenu */ section .wp-block-search input,
.borderradius,
.borderradius_img img,
.single-product .wp-block-gallery.product-gallery figure img,
#wpsl-search-input,
#wpsl-search-wrap input,
.wpsl-dropdown,
a.wpsl-directions,
aside.product-opties div,
.single-product ul.dropdown,
input, textarea,
select, option,
span[data-name="aanspreekvorm"],
span[data-name="domein"]
	{border-radius: 1rem;}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled
	{border-radius: 2em !important;}

.afgerondehoeken,
.abonnement-info,
.product-info,
ul.producten-loop li,
ul.product-loop li,
ul.posts-loop li,
header.headerfoto .drie-iconen div,
.wp-block-button a
	{border-radius: 2rem;}

/* HOVER */
.button a:hover,
input.wpcf7-submit:hover,
input.gform_button[type="submit"]:hover
	{background-image: linear-gradient(
    rgba(var(--wp--preset--color--grijs-rgb), 0.3), 
    rgba(var(--wp--preset--color--grijs-rgb), 0.3));
	text-decoration: none;}

p:not(.button) a:hover
	{color: var(--wp--preset--color--blauw);}

.button.grijs a:hover
	{background: rgba(var(--wp--preset--color--grijs-rgb), 0.8);}


.bovenmenu.has-blauw-background-color a:hover,
footer .has-blauw-background-color a:hover
	{color: var(--wp--preset--color--contrast);}

.single-product .tabbladeren div.optie-buttons button:hover
	{color: var(--wp--preset--color--contrast);}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover
	{background: var(--wp--preset--color--contrast) !important;}


/* LISTS */

footer ul li,
ul.vinkjes li,
aside.product-opties ul li,
.single-product ul.dropdown li,
.single-product li.zwart-vinkje
	{list-style: none;}

ul.vinkjes li:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/groenvinkje.png');
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-right: 1rem;
	margin-bottom: .15rem;
	vertical-align: middle;}

.wifi-icoontje:after
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/wifi-icoontje.png');
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-left: 0.2rem;}

.breadcrumbs > *:before,
.breadcrumbs > p:before
	{content: "/";
	padding-right: 0.5em;}

.breadcrumbs p:first-child:before
	{content: none;
	padding-right: 0;}

.abonnement-meer:before,
main .wp-block-query ul li h4:after,
aside.menu-vragen h3.wp-block-heading a:after,
aside.product-opties h4:after,
.single-product ul.dropdown li:first-child:after,
#contactformulier p span[data-name="aanspreekvorm"]:after,
#contactformulier p span[data-name="domein"]:after,
#geenvoorraad p span[data-name="aanspreekvorm"]:after,
.wpsl-selected-item::after,
span.name_prefix_select:after /* gravitity forms */,
div.ginput_container_select:after /* gravitity forms */
	{content: ">";}

.single-product .zwart-vinkje:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/zwart-vinkje.png');
	content: "" ;
	width: 1rem;
	height: 1rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0.5rem;}

.single-product .zwart-vinkje:before
	{margin-right: 0.3rem;}

.single-product .table.kolommen2 span.zwart-vinkje:before
	{margin-bottom: -.4rem;}

.abonnement-meer:before
	{padding-right: 0.5em;}

main .wp-block-query ul li h4:after,
aside.menu-vragen h3.wp-block-heading a:after,
aside.product-opties h4:after,
.single-product ul.dropdown li:first-child:after
	{padding-left: 0.5em;}

body.bestellen aside.menu-vragen h3.bestellen a:after,
body.alarmeren aside.menu-vragen h3.alarmeren a:after,
body.verhuizen aside.menu-vragen h3.verhuizen a:after,
body.mijn-wuzzi aside.menu-vragen h3.mijn-wuzzi a:after,
body.vindbaarheid aside.menu-vragen h3.vindbaarheid a:after
	{transform: rotate(.25turn);
	display: inline-block;
	padding-left: 0.2em;
	margin-left: .5em;}

#contactformulier p span[data-name="aanspreekvorm"]:after,
#contactformulier p span[data-name="domein"]:after,
#geenvoorraad p span[data-name="aanspreekvorm"]:after,
span.name_prefix_select:after, /* gravitity forms */
div.ginput_container_select:after /* gravitity forms */
	{display: inline-block;
	margin-left: -1em;}

.wpsl-selected-item::after
	{top: 0.5em;
	border: none !important;}

span.extra-functies span:after
	{content: ",";
	padding-right: 0.3em;}

span.extra-functies span:last-child:after
	{content: " ";}

span.extra-functies span:first-letter
	{text-transform: uppercase;}

span.extra-functies span:first-child
	{display: inline-block;}


/* ADD EXTRA CONTENT PLUGIN WP STORE LOCATOR */
div#wpsl-result-list:before
	{content: "Winkels";
	display: inline-block;}

div#wpsl-stores:before
	{content: "Kom langs bij";
	display: inline-block;}

/* STYLING BOVENMENU */

header .bovenmenu p.telefoon a:before,
header .bovenmenu p.klantenservice a:before,
header .bovenmenu p.gebruiker a:before,
header .bovenmenu p.winkelmandje a:before,
header .bovenmenu p.link-zoeken a::before
	{content: "";
	width: var(--icon-height);
	height: var(--icon-height);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0.4rem;}

header .bovenmenu .klantenservice a:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/klantenservice.png');}

header .bovenmenu .telefoon a:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/telefoon.png');}

.icoon-zoeken .wp-block-search__inside-wrapper
	{position: relative;
	box-sizing: border-box; }

.icoon-zoeken .wp-block-search__inside-wrapper:after
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/vergrootglas.png');
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	position: absolute;
	left: 0.8rem;
	margin-top: 0.4rem;}

header .bovenmenu .gebruiker a:before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/gebruiker.png');}

header .bovenmenu .winkelmandje a:before,
.optie-informatie p.winkelmandje a:after,
.product-tekst p.winkelmandje a:after
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/winkelmandje.png');
	margin-right: 0;}

p.email a:after,
button.grijs.email:after,
a.grijs.email:after
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/email.png');
	margin-right: 0;}

header .bovenmenu p.contentnone:before
	{content: none;}

.optie-informatie p.winkelmandje a:after,
.product-tekst p.winkelmandje a:after,
p.email a:after,
button.grijs.email:after,
a.grijs.email:after
	{content: "";
	width: calc(var(--icon-height) / 2);
	height: calc(var(--icon-height) / 2);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 0.5rem;
	vertical-align: bottom;
	margin-bottom: 0.1rem;}


/* HEADER HOMEPAGE */
.groenvinkje strong::before
	{background-image: url('https://wuzzialert.com/wp-content/themes/inthemewz/assets/images/groenvinkje.png');
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-right: 0.4rem;}

aside.block-usp
	{overflow: hidden;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 1.5em;
	grid-template-areas: "slider";}

.block-usp  p.groenvinkje
	{margin-left: -100% !important;
	width: 300%;
	max-width: none;
	height: 1.5em;
	margin-block-start: 0;
	grid-area: slider;}

.block-usp p.groenvinkje strong
	{display: flex;
	align-items: center;
	justify-content: center;
	animation-duration: 12s;
	animation-iteration-count: infinite;}

.block-usp p.groenvinkje:nth-child(1) strong
	{animation-name: slidein01;}

.block-usp p.groenvinkje:nth-child(2) strong
	{animation-name: slidein02;}

.block-usp p.groenvinkje:nth-child(3) strong
	{animation-name: slidein03;}

.block-usp p.groenvinkje:nth-child(4) strong
	{animation-name: slidein04;}

.slider_box
	{overflow: hidden;}

.slider_icoontjes
	{width: 300%;
	animation-duration: 16s;
	animation-iteration-count: infinite;
	animation-name: alarmknop_slides_one;}

.slider
	{width: 600%;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-name: logo_slides_one;}


/* FOOTER */
footer .social-icons-block .wuzzi img
	{border: none;}