/* Define colours */
:root {
  --background-color: #000000;
  --wellborder-color: #ffffff;
  --wellbackground-color: #ffffff;
}

/* Background */
body {
  background-color: #01332b;
}

/* Layout */

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.container-fluid img {
  margin-left: 2rem !important;
}

.my-1 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}




/* fonts colors */
/* applies to all elements of the dashboard */
* {  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Regular.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* link color */
/* hyperlink teal */
a {
  color: #0a7b6b;
}

/* nav link color */
/* hyperlink teal */
.nav {
	--bs-nav-link-color: #0a7b6b !important;
	--bs-nav-link-hover-color: #0a7b6b !important;
}

/* h4 is the tag for headers level 4, which are the texts/labels of widgets */
h4, .h4 {
   color: var(--background-color);
   margin-top: 6px; /* fixes the plots which go a bit over wells */
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Regular.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Bold.woff2') format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Bold-Italic.woff2') format("woff2");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Regular-Italic.woff2') format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Light.woff2') format("woff2");
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: "SolvePro";
  src: url('assets/fonts/Solve-Pro-Light-Italic.woff2') format("woff2");
  font-weight: 200;
  font-style: italic
}