/*** Icon style v1 ***/

.wpb-icon-wrapper { display: inline-grid; place-items: center; transition: background-color var(--ts-15) ease, border-color var(--ts-15) ease; }

.wpb-icon { --src: ; --clr: rgb(0,0,0); --w: 2rem; --h: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); min-width: var(--w); min-height: var(--h); background-color: var(--clr); transition: background-color var(--ts-15) ease; }
.wpb-icon.wpb-icon--small { --w: 1.5rem; --h: 1.5rem; }
.wpb-icon.wpb-icon--large { --w: 2.5rem; --h: 2.5rem; }

.wpb-icon.wpb-icon--chevron-left { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/chevron-left.svg'); }
.wpb-icon.wpb-icon--chevron-right { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/chevron-right.svg'); }
.wpb-icon.wpb-icon--chevron-down { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/chevron-down.svg'); }
.wpb-icon.wpb-icon--chevron-up { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/chevron-up.svg'); }
.wpb-icon.wpb-icon--arrow-left { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/arrow-left.svg'); }
.wpb-icon.wpb-icon--arrow-right { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/arrow-right.svg'); }
.wpb-icon.wpb-icon--arrow-right-light { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/arrow-right.svg'); }
.wpb-icon.wpb-icon--arrow-right-long { --src: url('/wp-content/themes/wux/assets/icons/arrow-right-long.svg'); --w: 3.4rem; --h: 1.5rem; }
.wpb-icon.wpb-icon--arrow-left-long { --src: url('/wp-content/themes/wux/assets/icons/arrow-right-long.svg'); --w: 3.4rem; --h: 1.5rem; transform: rotate(180deg); }

.wpb-icon.wpb-icon--search { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/magnifying-glass.svg'); }
.wpb-icon.wpb-icon--close { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/xmark.svg'); }
.wpb-icon.wpb-icon--play { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/play.svg'); }
.wpb-icon.wpb-icon--xmark { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/xmark.svg'); }
.wpb-icon.wpb-icon--house { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/house.svg'); }
.wpb-icon.wpb-icon--check { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/check.svg'); }
.wpb-icon.wpb-icon--medal { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/medal.svg'); }
.wpb-icon.wpb-icon--headset { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/headset.svg'); }
.wpb-icon.wpb-icon--cart { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/cart-shopping.svg'); }
.wpb-icon.wpb-icon--user { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/user.svg'); }
.wpb-icon.wpb-icon--bookmark { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/bookmark.svg'); }
.wpb-icon.wpb-icon--trashcan { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/trash-can.svg'); }
.wpb-icon.wpb-icon--filter { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/filter.svg'); }
.wpb-icon.wpb-icon--ruler-combined { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/ruler-combined.svg'); }
.wpb-icon.wpb-icon--info { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/info.svg');  }
.wpb-icon.wpb-icon--trash { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/trash.svg'); }
.wpb-icon.wpb-icon--minus { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/minus.svg'); }
.wpb-icon.wpb-icon--plus { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/plus.svg'); }
.wpb-icon.wpb-icon--truck { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/truck.svg'); }
.wpb-icon.wpb-icon--phone { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/phone.svg'); }
.wpb-icon.wpb-icon--repeat { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/repeat.svg'); }
.wpb-icon.wpb-icon--paper-plane { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/paper-plane.svg'); }
.wpb-icon.wpb-icon--ban { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/ban.svg'); }
.wpb-icon.wpb-icon--info-circle { --src: url('/wp-content/themes/wux/assets/icons/fa/light/circle-info.svg'); }
.wpb-icon.wpb-icon--user { --src: url('/wp-content/themes/wux/assets/icons/fa/light/user-circle.svg'); }
.wpb-icon.wpb-icon--cart { --src: url('/wp-content/themes/wux/assets/icons/fa/light/shopping-cart.svg'); }
.wpb-icon.wpb-icon--cart-shopping { --src: url('/wp-content/themes/wux/assets/icons/fa/light/shopping-cart.svg'); }
.wpb-icon.wpb-icon--file { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/file.svg'); }
.wpb-icon.wpb-icon--circle-check { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/circle-check.svg'); }
.wpb-icon.wpb-icon--circle-xmark { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/circle-xmark.svg'); }

.wpb-icon.wpb-icon--facebook { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/facebook-f.svg'); }
.wpb-icon.wpb-icon--instagram { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/instagram.svg'); }
.wpb-icon.wpb-icon--linkedin { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/linkedin-in.svg'); }
.wpb-icon.wpb-icon--twitter { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/twitter.svg'); }
.wpb-icon.wpb-icon--x-twitter { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/x-twitter.svg'); }
.wpb-icon.wpb-icon--whatsapp { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/whatsapp.svg'); }
.wpb-icon.wpb-icon--youtube { --src: url('/wp-content/themes/wux/assets/icons/fa/brands/youtube.svg'); }
.wpb-icon.wpb-icon--pinterest { --src: url('/wp-content/themes/wux/assets/fa/brands/pinterest-p.svg'); }

.wpb-icon.wpb-icon--bookmark { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/bookmark.svg'); }
.wpb-icon.wpb-icon--bookmark-solid { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/bookmark.svg'); }
.wpb-icon.wpb-icon--share { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/share-nodes.svg'); }
.wpb-icon.wpb-icon--copy { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/copy.svg'); }
.wpb-icon.wpb-icon--minus { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/minus.svg'); }
.wpb-icon.wpb-icon--plus { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/plus.svg'); }
.wpb-icon.wpb-icon--credit-card { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/credit-card.svg'); }
.wpb-icon.wpb-icon--phone { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/phone.svg'); }
.wpb-icon.wpb-icon--envelope { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/envelope.svg'); }
.wpb-icon.wpb-icon--send { --src: url('/wp-content/themes/wux/assets/icons/fa/solid/paper-plane-top.svg'); }
.wpb-icon.wpb-icon--location-dot { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/location-dot.svg'); }
.wpb-icon.wpb-icon--droplet { --src: url('/wp-content/themes/wux/assets/icons/fa/regular/droplet.svg'); }
.wpb-icon.wpb-icon--star { --src: url('/wp-content/themes/wux/assets/icons/fa/sharp-solid/star.svg'); }
.wpb-icon.wpb-icon--email { --src: url('/wp-content/themes/wux/assets/icons/email-icon.svg'); }
.wpb-icon.wpb-icon--location { --src: url('/wp-content/themes/wux/assets/icons/location-icon.svg'); }
.wpb-icon.wpb-icon--setting { --src: url('/wp-content/themes/wux/assets/icons/setting.svg'); }

.wpb-icon.wpb-icon--pa_diameter { --src: url('/wp-content/themes/wux/assets/icons/diameter.svg'); }
.wpb-icon.wpb-icon--pa_dikte { --src: url('/wp-content/themes/wux/assets/icons/dikte.svg'); }


/*** ---------- Flags ---------- ***/
.wpb-flag { --flag: ; background: var(--flag) no-repeat 0/contain; width: 2rem; height: auto; }
.wpb-flag.wpb-flag__nl { --flag: url('/wp-content/themes/wux/assets/icons/flags/nl.svg'); }
.wpb-flag.wpb-flag__be { --flag: url('/wp-content/themes/wux/assets/icons/flags/be.svg'); }
.wpb-flag.wpb-flag__de { --flag: url('/wp-content/themes/wux/assets/icons/flags/de.svg'); }
.wpb-flag.wpb-flag__fr { --flag: url('/wp-content/themes/wux/assets/icons/flags/fr.svg'); }

.wpb-icon.wpb-icon--europe-diamond-icon { --src: url('/wp-content/themes/wux/assets/icons/europe-diamond-icon.svg'); }
.wpb-icon.wpb-icon--europe-diamond { --src: url('/wp-content/themes/wux/assets/icons/europe-diamond.svg'); }
.wpb-icon.wpb-icon--diamond { --src: url('/wp-content/themes/wux/assets/icons/diamond-icon.svg'); }

.wpb-icon.wpb-icon--text-media { --src: url('/wp-content/themes/wux/assets/icons/default/icon_text_media.svg'); --w: 20.5rem; --h: 20.5rem; --clr: var(--clr-primary); }
.wpb-icon.wpb-icon--text-media-background { --src: url('/wp-content/themes/wux/assets/icons/default/text_media_background.svg'); --w: 100%; --h: 100%; --clr: var(--clr-primary); mask-size: contain; -webkit-mask-size: contain; -webkit-mask-position: left; mask-position: left; }
.wpb-icon.wpb-icon--text-media-background-dark { --src: url('/wp-content/themes/wux/assets/icons/default/text_media_background_dark.svg'); --w: 100%; --h: 100%; --clr: var(--clr-primary); mask-size: contain; -webkit-mask-size: contain; -webkit-mask-position: left; mask-position: left; }
.wpb-icon.wpb-icon--blogs-background { --src: url('/wp-content/themes/wux/assets/icons/default/blogs-background-image.svg'); --w: 100rem; --h: 100%; --clr: var(--clr-primary); mask-size: cover; -webkit-mask-size: cover; -webkit-mask-position: right; }

.wpb-icon.wpb-icon--footer-background { --src: url('/wp-content/themes/wux/assets/icons/footer-bg-asset.svg'); --w: 100%; --h: 100%; --clr: var(--clr-primary); mask-size: contain; -webkit-mask-size: contain; -webkit-mask-position: left; mask-position: left; }

.wpb-icon.wpb-icon--dot { --clr: rgb(0,0,0); --w: .8rem; --h: .8rem; -webkit-mask-image: url('/wp-content/themes/wux/assets/icons/fa/solid/circle.svg'); mask-image: url('/wp-content/themes/wux/assets/icons/fa/solid/circle.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--w); height: var(--h); min-width: var(--w); min-height: var(--h); background-color: var(--clr); transition: background-color var(--ts-15) ease; }
.wpb-icon.wpb-icon--dot-green { --clr: #1FC539; }
.wpb-icon.wpb-icon--dot-red { --clr: #ff0000; }