/* Styling for CourseSpots*/
/* This file is generated during build, based on the tenant-settings.json. */
/* Changes made in this file may look nice at first, but will have no */
/* effect on the application in the long term. */
/* To change the theme, modify the settings in dashboard. */
:root {
  --theme-color-1: #27153e;
  --theme-color-2: #27153e;
  --theme-color-3: #caf4b3;
  --theme-color-4: #fdc232;
  --theme-color-5: #9c2ad2;
  --theme-color-6: #ABABAB;
  --theme-color-7: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 69.25%);
  --theme-color-8: #EFEFEF;
  --theme-color-9: rgba(190, 190, 190, 0.4);
  --theme-color-10: rgba(5, 0, 58, 0.8);
  --theme-color-11: #FDC232;
  --theme-color-12: #7D22A8;
  --theme-color-13: linear-gradient(173.99deg, #22E191 2.07%, #0BB6FF 103.33%);
  --theme-color-14: #4E4B66;
  --theme-color-15: #2F80ED;
  --theme-color-16: #9C2AD2;
  --theme-color-17: #27153E;
  --theme-color-18: #caf4b3;
  --colors-primary: #0581f5;
  --colors-on-primary: #ffffff;
  --colors-secondary: #f36006;
  --colors-on-secondary: #ffffff;
  --colors-surface: #fbf9f5;
  --colors-on-surface: null;
  --colors-black: #111111;
  --colors-white: #fefefe;
  --colors-grey: #e4e4e4;
  --colors-header: #27153e;
  --spacing-container: 156px;
  --spacing-top-and-bottom: 88px;
  --spacing-top-and-bottom-small: 44px;
  --spacings-spacing-xs: 8px;
  --spacings-spacing-sm: 16px;
  --spacings-spacing-md: 32px;
  --spacings-spacing-lg: 48px;
  --borders-border-radius-sm: 8px;
  --borders-border-radius-md: 32px;
  --gradient: linear-gradient(173.99deg, #F65B45 35%, #EF3A7D 80%);
  --basic-white: #FFFFFF;
  --basic-black: #000000;
  --basic-red: #FF0000;
  --basic-grey: #FAFAFA;
  --basic-cta: #db2525;
  --color-6: #F2F2F2;
  --color-7: #D4D0D8;
  --color-8: #E0E0E0;
  --color-9: #BDBDBD;
  --color-10: #27AE60;
  --color-text-light: #4F4F4F;
  --color-text-lighter: #828282;
  --color-modal: rgba(78, 75, 102, 0.6);
  --body-font-color: #362F3E;
}

@font-face {
  font-family: "Red Hat Display";
  src: url("https://coursespots.nl/fonts/RedHatDisplay/RedHatDisplay-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("https://coursespots.nl/fonts/RedHatDisplay/RedHatDisplay-Bold.ttf");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("https://coursespots.nl/fonts/RedHatDisplay/RedHatDisplay-Italic.ttf");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("https://coursespots.nl/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://coursespots.nl/fonts/Inter/Inter-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://coursespots.nl/fonts/Inter/Inter-Bold.ttf");
  font-weight: bold;
  font-display: swap;
}