/* =========================
   Global element defaults
========================= */

html {
  min-height: 100%;
  font-size: 16px;
  background-color: var(--color-white);
  color: var(--color-black);
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  font-family: var(--font-base);
  font-weight: 300;
  overflow-x: hidden;
  background-color: transparent;
}

h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 300;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }

/* Icons */
ion-icon {
  vertical-align: middle;
  pointer-events: none;
}

/* Links */
a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: var(--color-quaternary);
}


.flexContainer {
	display: flex;
	justify-content: space-between;
}

.img-thumbnail {
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

td, th, tr {
  border-color: var(--color-shadow);
}