* {
  margin: 0;
}

.___gatsby {
  background-color: #fff;
}

body {
  background-color: transparent;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #5816e3;
  color: #fff;
}

/* Overriding bullet (dots) styling on Image slider as seen on "Home" page on Figma */
.rsis-container + div {
  right: 5%;
  left: unset !important;

  @media (max-width: 960px) {
    right: 10%;
  }
}
.rsis-container + div > button {
  width: 12px !important;
  height: 12px !important;
  margin: 0 5px !important;
}

.filter-panel--modal {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100%;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikBlack.otf") format("otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikBlackItalic.otf") format("otf");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikBold.otf") format("otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikBoldItalic.otf") format("otf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikExtralight.otf") format("otf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikExtralightItalic.otf") format("otf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikLight.otf") format("otf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikLightItalic.otf") format("otf");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikMedium.otf") format("otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikMediumItalic.otf") format("otf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikRegular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikRegularItalic.otf") format("otf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikSemibold.otf") format("otf");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikSemiboldItalic.otf") format("otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikSuper.otf") format("otf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikSuperItalic.otf") format("otf");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikThin.otf") format("otf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Graphik, sans-serif;
  src: url("../../src/fonts/GraphikThinItalic.otf") format("otf");
  font-weight: 100;
  font-style: italic;
}