/*
Theme Name: Wux Theme
Author: Wux
Author URI: https://wux.nl/
Version: 1.2
*/

.otgs-development-site-front-end { display: none; }
.grecaptcha-badge {display: none!important;}

:root {
    --wpb-light: 245, 246, 248;
    --wpb-dark: 29, 55, 99;
    --wpb-headings: 63, 76, 88;
    --wpb-text: 98, 112, 125;


    --wpb-red: 201, 20, 45;
    --wpb-blue: 32, 129, 195;
    --wpb-light-blue: 222, 236, 246;
    --wpb-green: 86, 161, 31;
    --wpb-orange: 226, 122, 0;
    
    --wpb-border: 226, 227, 227;
    --wpb-border-dark: 191, 199, 199;
}


/*** ----- Custom icons ----- ***/
.wpb-icon.wpb-icon__cart { --src: url('/wp-content/themes/wux/assets/icons/cart-shopping.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__user { --src: url('/wp-content/themes/wux/assets/icons/user.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__bookmark { --src: url('/wp-content/themes/wux/assets/icons/bookmark.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__trashcan { --src: url('/wp-content/themes/wux/assets/icons/trash-can.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__filter { --src: url('/wp-content/themes/wux/assets/icons/filter.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }
.wpb-icon.wpb-icon__ruler-combined { --src: url('/wp-content/themes/wux/assets/icons/ruler-combined.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }
.wpb-icon.wpb-icon__info { --src: url('/wp-content/themes/wux/assets/icons/info.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }
.wpb-icon.wpb-icon__trash { --src: url('/wp-content/themes/wux/assets/icons/trash.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }
.wpb-icon.wpb-icon__minus { --src: url('/wp-content/themes/wux/assets/icons/minus.svg'); }
.wpb-icon.wpb-icon__plus { --src: url('/wp-content/themes/wux/assets/icons/plus.svg'); }
.wpb-icon.wpb-icon__truck { --src: url('/wp-content/themes/wux/assets/icons/truck.svg'); }
.wpb-icon.wpb-icon__phone { --src: url('/wp-content/themes/wux/assets/icons/phone.svg'); }
.wpb-icon.wpb-icon__repeat { --src: url('/wp-content/themes/wux/assets/icons/repeat.svg'); }
.wpb-icon.wpb-icon__paper-plane { --src: url('/wp-content/themes/wux/assets/icons/paper-plane.svg'); }
.wpb-icon.wpb-icon__ban { --src: url('/wp-content/themes/wux/assets/icons/ban.svg'); }
.wpb-icon.wpb-icon__file { --src: url('/wp-content/themes/wux/assets/icons/file.svg'); }
.wpb-icon.wpb-icon__headset { --src: url('/wp-content/themes/wux/assets/icons/headset.svg'); }
.wpb-icon.wpb-icon__info-circle { --src: url('/wp-content/themes/wux/assets/icons/info-circle.svg'); }
.wpb-icon.wpb-icon__pinterest { --src: url('/wp-content/themes/wux/assets/icons/pinterest.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }
.wpb-icon.wpb-icon__pen-to-square { --src: url('/wp-content/themes/wux/assets/icons/pen-to-square.svg'); --color: var(--wpb-dark); --width: 1.8rem; --height: 1.8rem; }

.wpb-icon.wpb-icon__van { --src: url('/wp-content/themes/wux/assets/icons/icon_van.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__polygon { --src: url('/wp-content/themes/wux/assets/icons/icon_polygon.svg'); --color: var(--wpb-dark); }
.wpb-icon.wpb-icon__favicon { --src: url('/wp-content/themes/wux/assets/icons/icon_favicon.svg'); --color: var(--wpb-red); }
.wpb-icon.wpb-icon__trusted-shops { --src: url('/wp-content/themes/wux/assets/img/logo_trusted_shops.svg'); --color: var(--wpb-dark); --width: 5.6rem; --height: 2.3rem; }
.wpb-icon.wpb-icon__trademark { --src: url('/wp-content/themes/wux/assets/icons/trademark.svg'); --color: var(--wpb-dark);}

.wpb-icon.wpb-icon__draagvermogen { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-1 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-1.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-2 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-2.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-3 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-3.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-4 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-4.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }
.wpb-icon.wpb-icon__draagvermogen-5 { --src: url('/wp-content/themes/wux/assets/icons/draagvermogen-5.svg'); --color: 255,255,255; --width: 4.5rem; --height: 3.2rem; }

.wpb-icon.wpb-icon__voedselgeschiktheid { --src: url('/wp-content/themes/wux/assets/icons/voedselgeschiktheid.svg'); --color: 255,255,255; --width: 2.9rem; --height: 2.9rem; }
.wpb-icon.wpb-icon__esd { --src: url('/wp-content/themes/wux/assets/icons/esd.svg'); --color: 255,255,255; --width: 2.9rem; --height: 2.9rem; }

.wpb-icon.wpb-icon-13 { --width: 1.3rem; --height: 1.3rem; }
.wpb-icon.wpb-icon-15 { --width: 1.5rem; --height: 1.5rem; }
.wpb-icon.wpb-icon-18 { --width: 1.8rem; --height: 1.8rem; }

:root {   
    --global-fs: 1.4rem; --global-lh: 1.5;
    --wpb-font-family: 'Open Sans', sans-serif;
    --wpb-border-color: var(--wpb-border);
}

@media (min-width: 768px) {
    :root {
        --global-fs: 1.6rem;
        --global-lh: 1.5;
    }
}

* { font-family: var(--wpb-font-family); }


/* REGION SWITCHER */
.global-region-switcher { display: flex; align-items: center; gap: .4rem; cursor: pointer;}
.global-region-switcher * {color: #fff; --color: 255, 255, 255; text-transform: uppercase; font-weight: 600; font-size: 1.4rem; line-height: 1;}
.global-region-switcher .wpb-icon { --width: 1.4rem; --height: 1.4rem; }

@media (max-width: 768px) {
    .global-region-switcher * {font-size: 1.3rem;}
    .global-region-switcher {padding: 0 1.6rem;}
}

/* REGION POP-UP */
.modal--localisation .modal-dialog {max-width: 97rem;}
.modal--localisation .modal-dialog .modal-dialog__body .header {display: flex; justify-content: space-between; padding: 3.2rem 0 2.4rem; align-items: center;}
.modal--localisation .modal-dialog .modal-dialog__body .header p {max-width: 600px; margin-top: 6px;}
.modal--localisation .modal-dialog .modal-dialog__body .languages {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.2rem;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language {border: 1px solid rgba(var(--wpb-border)); border-radius: .8rem; padding: 2rem 2.8rem; text-decoration: none; transition: border-color .12s ease;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .region {display: flex; align-items: center; column-gap: .6rem; font-size: 1.8rem; font-weight: 700; color: rgba(var(--wpb-dark));}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language:hover {border-color: rgba(var(--wpb-dark));}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .region .region-flag {width: 1.8rem; height: 1.8rem; border-radius: 50%; object-fit: cover;}
.modal--localisation .modal-dialog .modal-dialog__body .languages .language .is-current {margin-left: 6px; line-height: 1; background-color: #DEECF6; color: rgba(var(--wpb-blue)); font-size: 1.1rem; font-weight: 600; border-radius: .4rem; padding: .12rem .4rem;}
@media (max-width: 576px) {
    .modal--localisation .modal-dialog .modal-dialog__body .header {padding: 2rem 0 1.6rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .header p {font-size: 1.3rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .header .btn {display: none;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages {gap: .6rem; grid-template-columns: repeat(2, 1fr);}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language {padding: 1rem 1.6rem; border-radius: .4rem; position: relative;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language .region {font-size: 1.4rem;}
    .modal--localisation .modal-dialog .modal-dialog__body .languages .language .is-current {position: absolute; right: 8px; top: 8px;}
}

/*** 
SEE CORE.CSS FOR THE REST OF THE STYLES
***/

#CybotCookiebotDialog {font-size: 14px!important;}