@font-face {
    font-family: Celine;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/CelineWeb-Medium_06hf.eot) format("embedded-opentype"), url(fonts/CelineWeb-Medium_06hf.ttf) format("truetype"), url(fonts/CelineWeb-Medium_06hf.woff) format("woff")
}

@font-face {
    font-family: Celine;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/CelineWeb-Bold_07hf.eot) format("embedded-opentype"), url(fonts/CelineWeb-Bold_07hf.ttf) format("truetype"), url(fonts/CelineWeb-Bold_07hf.woff) format("woff")
}


/* specifically for CEL-647: client want exactly Celine medium font to be bold*/
@font-face {
    font-family: Celine-Medium-Bold;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/CelineWeb-Medium_06hf.eot) format("embedded-opentype"), url(fonts/CelineWeb-Medium_06hf.ttf) format("truetype"), url(fonts/CelineWeb-Medium_06hf.woff) format("woff")
}

/* this font it's used for print receipt and return form print*/
@font-face {
    font-family: Celine-Receipt-Font;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/OCRB.eot) format("embedded-opentype"), url(fonts/OCRB.ttf) format("truetype"), url(fonts/OCRB.woff) format("woff")
}

@font-face {
    font-family: 'celine_icons';
    src: url('fonts/fontello/celine_icons.eot?25249600');
    src: url('fonts/fontello/celine_icons.eot?25249600#iefix') format('embedded-opentype'),
        url('fonts/fontello/celine_icons.woff2?25249600') format('woff2'),
        url('fonts/fontello/celine_icons.woff?25249600') format('woff'),
        url('fonts/fontello/celine_icons.ttf?25249600') format('truetype'),
        url('fonts/fontello/celine_icons.svg?25249600#celine_icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'celine_payment_icons';
    src: url('fonts/fontello/celine_payment_icons.eot?69065519');
    src: url('fonts/fontello/celine_payment_icons.eot?69065519#iefix') format('embedded-opentype'),
        url('fonts/fontello/celine_payment_icons.woff2?69065519') format('woff2'),
        url('fonts/fontello/celine_payment_icons.woff?69065519') format('woff'),
        url('fonts/fontello/celine_payment_icons.ttf?69065519') format('truetype'),
        url('fonts/fontello/celine_payment_icons.svg?69065519#celine_payment_icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
    Rules :
    - Neue Haas Grotesk Display for font-size bigger than 20px
    - Neue Haas Grotesk Text for font-size smaller than 20px
*/

/* Display - For Regular text bigger than 20px */
@font-face {
    font-family: 'Neue-HaasGrotesk-Display';
    src: url('fonts/HaasGrot-roman.eot');
    src:
        url('fonts/HaasGrot-roman.woff2') format('woff2'),
        url('fonts/HaasGrot-roman.woff') format('woff'),
        url('fonts/HaasGrot-roman.ttf') format('truetype'),
        url('fonts/HaasGrot-roman.svg#HaasGrot-roman') format('svg'),
        url('fonts/HaasGrot-roman.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/* Display - For Bold text bigger than 20px */
@font-face {
    font-family: 'Neue-HaasGrotesk-Display';
    src: url('fonts/HaasGrot-bold.eot');
    src:
        url('fonts/HaasGrot-bold.woff2') format('woff2'),
        url('fonts/HaasGrot-bold.woff') format('woff'),
        url('fonts/HaasGrot-bold.ttf') format('truetype'),
        url('fonts/HaasGrot-bold.svg#HaasGrot-bold') format('svg'),
        url('fonts/HaasGrot-bold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
}

/* Text - For Regular text smaller than 20px */
/* @font-face {
    font-family: 'Neue-HaasGrotesk-Text';
    src: url('fonts/NeueHaasGroteskTextRegular.eot');
    src:
        url('fonts/NeueHaasGroteskTextRegular.woff2') format('woff2'),
        url('fonts/NeueHaasGroteskTextRegular.woff') format('woff'),
        url('fonts/NeueHaasGroteskTextRegular.ttf') format('truetype'),
        url('fonts/NeueHaasGroteskTextRegular.svg#NeueHaasGroteskTextRegular') format('svg'),
        url('fonts/NeueHaasGroteskTextRegular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
} */

/* Text - For Bold text smaller than 20px */
/* @font-face {
    font-family: 'Neue-HaasGrotesk-Text';
    src: url('fonts/NeueHaasGroteskTextBold.eot');
    src:
        url('fonts/NeueHaasGroteskTextBold.woff2') format('woff2'),
        url('fonts/NeueHaasGroteskTextBold.woff') format('woff'),
        url('fonts/NeueHaasGroteskTextBold.ttf') format('truetype'),
        url('fonts/NeueHaasGroteskTextBold.svg#NeueHaasGroteskTextBold') format('svg'),
        url('fonts/NeueHaasGroteskTextBold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
} */

/*
Added because the line under app_celine_v2_core_recast/.../htmlhead_UI.isml
    <link rel="stylesheet" type="text/css" href="${URLUtilsHelper.makeRelative(URLUtils.httpsStatic('/css/fonts.css'))}" />
*/
@font-face {
    font-family: "celine_icons";
    src: url("../assets/fonts/celine_icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "celine_payment_icons";
    src: url("../assets/fonts/celine_payment_icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}