@import "https://fonts.googleapis.com/css?family=Roboto|Rubik";
.blog-header {
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin-bottom: 3em; }

.blog-header .blog-title {
  font-family: 'Rubik', sans-serif;
  font-weight: medium;
  margin-bottom: 0; }

.blog-header .blog-title .blog-description {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 20px; }

.blog-header nav {
  margin: 0 auto; }

.blog-header .nav-item:not(:first-child):before {
  content: " | "; }

.blog-header .blog-home-link:hover {
  text-decoration: none; }

.post {
  margin-top: 1em;
  margin-bottom: 2em; }
  @media (max-width: 480px) {
    .post {
      margin-left: 1em;
      margin-right: 1em; } }

.post img {
  max-width: 100%; }

.post-content.preview img {
  display: none; }

.post .post-title {
  margin-bottom: 0; }

.post-title {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  @media (max-width: 480px) {
    .post-title {
      flex-direction: column; } }

.post-title .post-date {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 15px; }
  @media (min-width: 480px) {
    .post-title .post-date {
      margin-right: 1em; } }

.post .post-content p {
  margin: 0.8em 0; }

@media (max-width: 480px) {
  .related {
    margin-left: 1em;
    margin-right: 1em; } }

.related-posts {
  padding: 0; }

.related-posts li {
  list-style-type: none; }

.related-post .related-date {
  font-size: 12px; }

.related-post {
  display: inline-block;
  margin: 0.25em 0; }

.related-post a {
  display: flex;
  flex-direction: column; }

.subscribe {
  margin-top: 2em; }
  @media (max-width: 480px) {
    .subscribe {
      margin-left: 1em;
      margin-right: 1em; } }

#mc-embedded-subscribe.button {
  background-color: #0074D9 !important; }

#mc-embedded-subscribe.button:hover {
  background-color: #00305a !important; }

#mc-embedded-subscribe-form {
  padding-left: 0 !important; }
  @media (max-width: 480px) {
    #mc-embedded-subscribe-form {
      margin-left: 1em !important;
      margin-right: 1em !important; } }

#mc_embed_signup_scroll {
  text-align: center !important;
  display: inline-block !important;
  margin-left: auto !important;
  margin-right: auto !important; }

#mc-embedded-subscribe-form {
  text-align: center !important; }

.signup-fields {
  display: flex;
  justify-content: center; }

.signup-fields input {
  margin: 0 0.25em !important; }

.privacy {
  text-align: center; }

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 480px) {
    .pagination {
      margin-left: 1em;
      margin-right: 1em; } }

.pagination-item {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 2px solid #0074D9;
  padding: 10px 20px;
  border-radius: 10px; }

.pagination-item.disabled {
  border-color: #AAAAAA;
  color: #AAAAAA; }

.pagination-item:hover:not(.disabled) {
  color: white;
  background-color: #0074D9;
  text-decoration: none; }

body {
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  color: #555;
  max-width: 50em;
  margin: 0 auto; }

h1, h2, h3, strong {
  color: #333; }

a:link {
  color: #0074D9;
  text-decoration: none; }

a:visited {
  color: #004b8d;
  text-decoration: none; }

a:hover {
  color: #00305a;
  text-decoration: underline; }

a:active {
  color: #0074D9; }

p {
  margin-bottom: 100px; }

@media (min-width: 480px) {
  .mobile-only {
    display: none; } }