/*
 * 431c5d (purple)
 * 172495 (blue)
 * bddbde (slate)
 * c2dde6 (light blue-gray)
 * e6e9f0 (light gray)
 *
 * https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
 */

body {
  background-color: #EBF0F5;
}

.nav {
  background-color: #54346F;
  color: #fff;
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.3);
}

.nav .selected {
  border-bottom: 2px solid #fff;
}

.nav a {
  text-decoration: none;
  color: inherit;
}

.title {
  font-family: Arial, Helvetica, sans-serif;
}

.content {
  margin-top: 100px;
}

.content li, .content ul {
  list-style: none;
  padding: 8px;
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.content a {
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}

.content hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.tip {
  background-color: #fff;
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
  padding: 1px 20px 20px;
  margin: 20px;
  border-left: 6px solid #54346F;
}

.tip a {
  color: #54346F;
  text-decoration: none;
}

.tip a:hover {
  text-decoration: underline;
}

.year .table-cell {
  padding: 0px 20px;
}

.next-year, .prev-year {
  border-radius: 6px;
  border: 1px solid #2b2b2b;
  padding: 6px;
  color: #2B2B2B;
}

.next-year a, .prev-year a {
  text-decoration: none;
  color: inherit;
}

.primary-text {
  color: #2B2B2B;
}

.secondary-text {
  color: #7F7F7F;
}

.mini-sitemap {
  background-color: #54346F;
  color: #fff;
  box-shadow: 0 -4px 6px 0 hsla(0, 0%, 0%, 0.3);
}

.mini-sitemap a {
  color: #fff;
  /* padding: 8px; */
  text-decoration: none;
}

.mini-sitemap a:hover {
  text-decoration: underline;
}

.card {
  background-color: #fff;
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
  padding: 1px 20px 20px;
  margin: 20px;
  border-left: 6px solid #54346F;
}

.card a {
  color: #54346F;
  font-size: 20px;
  text-decoration: none;
}

.card a:hover {
  text-decoration: underline;
}

.card p {
    font-size: 20px;
}

table {
  border: none;
}

tr, td {
  padding: 0.5rem;
}