/* Font awesome icons sizes */

.small_size_icon {
  font-size: 30px;
}

.normal_size_icon {
  font-size: 40px;
}

/* Fonts (not that awesome just regular cool) */

/* Black font */
@font-face {
  font-family: 'Satoshi-Black';
  src: url('Satoshi-Black.otf') format('opentype');
}

/* BlackItalic font */
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('Satoshi-BlackItalic.otf') format('opentype');
}

/* Bold font */
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('Satoshi-Bold.otf') format('opentype');
  font-style: italic;
}

/* BoldItalic font */
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('Satoshi-BoldItalic.otf') format('opentype');
}

/* Italic font */
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('Satoshi-Italic.otf') format('opentype');
}

/* Light font */
@font-face {
  font-family: 'Satoshi-Light';
  src: url('Satoshi-Light.otf') format('opentype');
}

/* LightItalic font */
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('Satoshi-LightItalic.otf') format('opentype');
}

/* Medium font */
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('Satoshi-Medium.otf') format('opentype');
}

/* MediumItalic font */
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('Satoshi-MediumItalic.otf') format('opentype');
}

/* Regular font */
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('Satoshi-Regular.otf') format('opentype');
}

/* font rules for html elements 
-------------------------------
font-family: 'Satoshi-x' is first choise followed by second standard
if for some reason Satoshi not working in this case sans-serif is plan b. */

h1,
h2,
h3 {
  font-family: 'Satoshi-Medium', sans-serif;
}

body,
span,
label,
.dygraph-title,
.dygraph-label,
.dygraph-axis-label,
.dygraph-legend {
  font-family: 'Satoshi-Regular', sans-serif;
}

b,
strong {
  font-family: 'Satoshi-Bold', sans-serif;
}

em,
i {
  font-family: 'Satoshi-Italic', sans-serif;
}

/* styling for the introduction page 
------------------------------- */

table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}

td,
th {
  border: 1px solid #e5e7eb;
  padding: .6rem;
  vertical-align: top;
}

/* optional: only hide borders for layout tables */
table.layout-2col, 
table.layout-2col td, 
table.layout-2col th { border: none !important; }

/* If a 2-column table is used for layout, keep column width equal on larger screens */
@media (min-width: 900px) {
  table.layout-2col td {
    width: 50%;
  }
}

figure {
  margin: 1rem 0;
}

figcaption {
  font-size: 1rem;
  color: #6b7280;
}