@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/HelmholtzHalvarMittel-Lt.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-Lt.woff) format("woff"),
    url(./fonts/HelmholtzHalvarMittel-Lt.eot) format("eot");
}

@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/HelmholtzHalvarMittel-Rg.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-Rg.woff) format("woff"),
    url(/fonts/HelmholtzHalvarMittel-Rg.eot) format("eot");
}

@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/HelmholtzHalvarMittel-Bd.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-Bd.woff) format("woff"),
    url(/fonts/HelmholtzHalvarMittel-Bd.eot) format("eot");
}

@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(./fonts/HelmholtzHalvarMittel-LtSlanted.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-LtSlanted.woff) format("woff"),
    url(/fonts/HelmholtzHalvarMittel-LtSlanted.eot) format("eot");
}

@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(./fonts/HelmholtzHalvarMittel-RgSlanted.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-RgSlanted.woff) format("woff"),
    url(/fonts/HelmholtzHalvarMittel-RgSlanted.eot) format("eot");
}

@font-face {
  font-display: auto;
  font-family: halvar;
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: url(./fonts/HelmholtzHalvarMittel-BdSlanted.woff2) format("woff2"),
    url(./fonts/HelmholtzHalvarMittel-BdSlanted.woff) format("woff"),
    url(/fonts/HelmholtzHalvarMittel-BdSlanted.eot) format("eot");
}

body {
  font-family: halvar, sans-serif;
  margin: 0;
  color: #002864;
}

p a {
  --tw-text-opacity: 0.8;
  color: rgb(20 200 255 / var(--tw-text-opacity));
}

p a:hover {
  --tw-text-opacity: 1;
  color: rgb(20 200 255 / var(--tw-text-opacity));
}

.text-justify {
  text-align: justify;
}

.graph {
  font-family: halvar, sans-serif;
  width: 100%;
  height: 450px;
  margin-top: 4%;
}

.graph-container {
  max-width: none;
  display: flex;
  justify-content: space-between;
}

.card {
  border: 0px;
  padding: 16px;
}
.card-left {
  border-right: 0.5px solid #333;
}
.card-right {
  border-left: 0px solid #333;
}

#navbar {
  background-color: #fff;
  box-shadow: 0 2px 8px -6px rgba(0, 0, 0, 0.5);
  transition: 1s;
  z-index: 1030;
}

.navbar-light .navbar-nav .nav-link {
  --tw-text-opacity: 1;
  color: rgb(0 40 100 / var(--tw-text-opacity));
}

.navbar-light .navbar-nav .nav-link.active {
  --tw-text-opacity: 1;
  color: rgb(20 200 255 / var(--tw-text-opacity));
}

#navbar-collapse {
  flex-direction: column;
}

.info-box {
  background-color: #ecfbfd;
}

.info-box a,
.content a {
  color: #002864;
  text-decoration: underline;
  font-weight: 600;
}

.info-box a:hover,
.content a:hover {
  --tw-text-opacity: 1;
  color: rgb(20 200 255 / var(--tw-text-opacity));
  text-decoration: none !important;
  font-weight: bold;
}

.info-box h3:first-child {
  padding: 16px;
}

.info-box .accordion .accordion-item,
.info-box .accordion-button {
  background-color: #ecfbfd;
  color: #002864;
}

.banner {
  background-position: center top;
  background-size: cover;
  height: 280px;
  background-repeat: no-repeat;  
  background-image: url("/dashboard/assets/banner_background.jpg");

  background-color: rgba(50, 100, 105, 1);
  background-blend-mode: multiply;
}

.banner h3 {
  color: #fff;
  padding-left: 5rem;
  font-weight: bold;
}

.bg-blue,
.bg-blue-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 100 / var(--tw-bg-opacity));
}

.bg-blue-light {
  --tw-bg-opacity: 1;
  background-color: rgb(20 200 255 / var(--tw-bg-opacity));
}

footer .nav-link {
  color: #fff;
  padding-left: 0;
}

flex .items-center .my-6 .space-x-4 {
  display: flex;
  justify-content: flex-start;

  margin-top: 1.5rem;
}

footer .w-full.mb-6 .flex {
  display: flex;
  list-style-type: none;
  padding: 0;
}