/*
Add font styling to Aidbase chatbot. This should be a temporary solution

See discord for support ticket here
https://discord.com/channels/1168938370362245201/1169550790101315624/1238894169062117426

It should be solved in the future by Aidbase team. If you see this comment, please check if the issue is solved
*/
body {
  font-family: "Roboto";
}

/*Since vuetify 1.11.3 they added -12px margin to top and buttom
We fix this by overriding this through this file */
.row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.nuxt-content h2 {
  font-size: 2.125rem !important;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.0073529412em !important;
  font-family: "Roboto", sans-serif !important;
  margin-bottom: 20px;
  margin-top: 50px;
}
.nuxt-content h3 {
  font-size: 1.5rem !important;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif !important;
  margin-bottom: 20px;
}
.nuxt-content p,
.nuxt-content ol,
.nuxt-content ul,
.nuxt-content iframe {
  margin-bottom: 20px;
}

.nuxt-content ul:only-child {
  margin-bottom: 0;
}

.nuxt-content li {
  margin-bottom: 8px;
}