/* FONTS */

@dr-font-icons: 'prijsvrij-icons-2022';
@pv-font-icons-name: 'Prijsvrij Icons';
@pv-font-icons-version: '7';

@pv-fonts:{

    @font-face {
        font-family: '@{pv-font-icons-name}';
        src: url('../Original/Fonts/@{dr-font-icons}.eot?v=@{pv-font-icons-version}');
        src: url('../Original/Fonts/@{dr-font-icons}.eot?#iefix&v=@{@pv-font-icons-version}') format('embedded-opentype'), 
            url('../Original/Fonts/@{dr-font-icons}.svg?v=@{pv-font-icons-version}#tga_bold') format('svg'), 
            url('../Original/Fonts/@{dr-font-icons}.woff?v=@{pv-font-icons-version}') format('woff'), 
            url('Fonts/@{dr-font-icons}.ttf?v=@{pv-font-icons-version}') format('truetype');
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 700;
        src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(Fonts/Lato-BoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 400;
        src: local('Lato Italic'), local('Lato-Italic'), url(Fonts/Lato-Italic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 800;
        src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(Fonts/Lato-BlackItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 300;
        src: local('Lato Light Italic'), local('Lato-LightItalic'), url(Fonts/Lato-LightItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 300;
        src: local('Lato Light'), local('Lato-Light'), url(Fonts/Lato-Light.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        src: local('Lato Regular'), local('Lato-Regular'), url(Fonts/Lato-Regular.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        src: local('Lato Bold'), local('Lato-Bold'), url(Fonts/Lato-Bold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 800;
        src: local('Lato Black'), local('Lato-Black'), url(Fonts/Lato-Black.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: italic;
        font-weight: 600;
        src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(Fonts/TitilliumWeb-SemiBoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: italic;
        font-weight: 700;
        src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(Fonts/TitilliumWeb-BoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: italic;
        font-weight: 400;
        src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(Fonts/TitilliumWeb-Italic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: italic;
        font-weight: 300;
        src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(Fonts/TitilliumWeb-LightItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 300;
        src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(Fonts/TitilliumWeb-Light.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 400;
        src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(Fonts/TitilliumWeb-Regular.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 600;
        src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(Fonts/TitilliumWeb-SemiBold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 700;
        src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(Fonts/TitilliumWeb-Bold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 800;
        src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(Fonts/TitilliumWeb-Black.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }
}

;


@text-small: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
};

 @text-small-default: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
};

@text-default: {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
;

@text-large: {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
}
;

@text-xlarge: {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
}
;


@header-xsmall: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
}

;
@header-small: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

;
@header-default: {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
}

;
@header-large: {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
}

;
@header-large-lite: {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
}

;
@header-xlarge: {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight:bold;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.02em;
}

;
@header-xxlarge: {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.02em;
}

;
@header-xsmall-caps: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

;
@header-small-caps: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    @fontSize: 12px;
    @lineHeight: 16px;
}

;
@header-default-caps: {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

;

@color-primary: #0077BF;
@color-primary-dark-50:#003C60;
@color-primary-dark-25:#00598F;
@color-primary-light-25:#4099CF;
@color-primary-light-50:#80BBDF;
@color-primary-light-75:#BFDDEF;
@color-primary-travelparty:#FFF; /* ? */

@color-secondary:#FF7801;
@color-secondary-dark-50:#803C00;
@color-secondary-dark-25:#BF5A01;
@color-secondary-light-25:#FF9A40;
@color-secondary-light-50:#FFBB80;
@color-secondary-bg:#000; /* ? */

@color-cta:#8EA604;
@color-cta-dark-50:#475302;
@color-cta-dark-25:#6A7C03;
@color-cta-light-25:#C7D381;
@color-cta-light-50:#AABC43;
@color-cta-review:#FFF; /* ? */

@color-text-body:#333;
@color-text-primary:#0077BF;
@color-text-secondary:#FF7801;
@color-text-black:#000;
@color-text-white:#FFF;
@color-text-subtle:#AEAEAE;

@color-dark:#333;
@color-dark-dark-50:#1A1A1A;
@color-dark-dark-25:#262626;
@color-dark-light-25:#666;
@color-dark-light-50:#999;

@color-light:#E8E8E8;
@color-light-dark-50:#747474;
@color-light-dark-25:#AEAEAE;
@color-light-light-25:#F4F4F4;
@color-light-light-50:#EEEEEE;

@color-black:#000;
@color-white:#FFF;

@color-action-success:#52C75D;
@color-action-warning:#FFD466;
@color-action-alert:#FF6766;