@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  src: local('Inter'), url('Inter-Medium.ttf') format('opentype');
}

@font-face {
  font-family: 'Inter';
  font-weight: 500;
  font-style: normal;
  src: local('Inter'), url('Inter-Medium.ttf') format('opentype');
}

@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  src: local('Inter'), url('Inter-Bold.ttf') format('opentype');
}

/* url color for link */
a {
  color: #348ECE;
  transition: all 0.1s linear;
}
a:hover {
  color: #005C97 ;
}

/* making ApexCharts friendly in dark and light mode. None of these classes are searchable in our code as they are taken from apexcharts stackoverflows  */

.apexcharts-tooltip {
  color: #94A1A1;
}

.apexcharts-menu-item {
  color: #94A1A1;
}

.apexcharts-xaxis-texts {
  color: #94A1A1;
}

/* making homepage logos opacity lower - used in HomeAsSeenIn.js */

.homepage-logos img {
  transition: all 0.3s ease;
}

.homepage-logos:hover img {
  opacity: 0.6;
}