/* SCSS messes around with the layers & this must be set before anything else. */
@layer bootstrap-reset, primeng, bootstrap-utilities;

/*

Using SCSS for the styles got too complicated,
see https://firstchoicepos.atlassian.net/wiki/spaces/POS/pages/484081667/assets+-+use+relative+path

so instead will just fallback to using css and import it in the main index.html file
so we don't have to worry about telling th compiler to ignore the path

*/

/* Font's */
@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/Source_Sans_Pro/SourceSansPro-Light.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff2") format("woff2");
  font-weight: 600;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/Source_Sans_Pro/SourceSansPro-Bold.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("./fonts/Source_Sans_Pro/SourceSansPro-Black.woff2") format("woff2");
  font-weight: 900;
}

@font-face {
  font-family: "Kalam";
  font-style: normal;
  src:
    local("Kalam"),
    local("Kalam-Regular"),
    url("./fonts/Kalam-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Herr Von Muellerhoff";
  font-style: normal;
  src:
    local("Herr Von Muellerhoff"),
    local("Herr Von Muellerhoff-Regular"),
    url("./fonts/HerrVonMuellerhoff-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto Mono";
  src: url("./fonts/RobotoMono/RobotoMono-Light.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Roboto Mono";
  src: url("./fonts/RobotoMono/RobotoMono-Regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto Mono";
  src: url("./fonts/RobotoMono/RobotoMono-Medium.woff2") format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "Museo-300";
  src: url("./fonts/Museo-300.ttf") format("truetype");
}

@font-face {
  font-family: "Museo-500";
  src: url("./fonts/Museo-500.ttf") format("truetype");
}

@font-face {
  font-family: "Museo Sans 300";
  src: url("./fonts/Museo Sans 300.ttf") format("truetype");
}

@font-face {
  font-family: "Museo Sans 500";
  src: url("./fonts/Museo Sans 500.ttf") format("truetype");
}

@font-face {
  font-family: "Patrick Hand";
  src: url("./fonts/Source_Sans_Pro/PatrickHand.woff2") format("truetype");
}

@font-face {
  font-family: "Dollar";
  src: url("./fonts/dollar.ttf") format("truetype");
}


.background-fc-pattern {
  background: linear-gradient(rgba(255, 255, 255, 0.7) 100%, rgba(255, 255, 255, 1)),
    url(./images/background-logo-light.png);
}