/*
$brand-color-1: #1d1d1d;
$brand-color-2: #fefefe;
$brand-color-3: #0398C9;
$brand-color-4: #00475f;
$brand-color-5: #04bdfa;
$brand-color-6: #9ee3fa;
$brand-color-7: #f3eae2;
*/
/* Sass variables for media queries */
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
$brand-color-1: #1d1d1d;
$brand-color-2: #fefefe;
$brand-color-3: #0398C9;
$brand-color-4: #00475f;
$brand-color-5: #04bdfa;
$brand-color-6: #9ee3fa;
$brand-color-7: #f3eae2;
*/
.article-header-wrapper {
  margin: 0 calc(50% - 50vw);
  padding-bottom: 2vh;
}
.article-header-wrapper .article-header {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #2d2633;
  border-bottom: 1px solid #2d2633;
  padding: 2vh 0;
}

.article-date,
.article-author {
  font-style: italic;
}

.article-list-grid {
  margin-top: 5vh;
}
.article-list-grid .article-item {
  margin-bottom: 5vh;
}
.article-list-grid .article-item h2 {
  font-size: 2.5vw;
  font-size: clamp(24px, 2.5vw, 28px);
  margin: 0;
}
.article-list-grid .article-item .article-button-read-more {
  text-align: center;
  margin-top: 20px;
}
.article-list-grid .article-item .article-button-read-more a {
  background-color: #f0ebdf;
}
.article-list-grid p {
  margin: 0;
}

.viewsreference--view-title {
  display: none;
}

/*# sourceMappingURL=articles.css.map */