@import url('wix-fonts.css');

.page-blog-site {
  font-family: var(--wix-font-body);
  font-weight: 400;
}

.page-blog-site .main-nav a {
  font-family: Arial, Helvetica, var(--wix-font-body), sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.page-blog-site .btn,
.page-blog-site .view-all,
.page-blog-site .blog-pagination button,
.page-blog-site .blog-pagination a,
.page-blog-site .blog-load-more button {
  font-family: Arial, Helvetica, var(--wix-font-body), sans-serif;
  font-weight: 400;
}

.blog-load-more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.blog-load-more button:disabled {
  opacity: 0.6;
  cursor: default;
}

.page-blog-site p,
.page-blog-site li,
.page-blog-site .blog-read-time,
.page-blog-site .blog-card-meta span,
.page-blog-site .blog-card p,
.page-blog-site .featured-copy p,
.page-blog-site .newsletter-copy p,
.page-blog-site .footer-brand p,
.page-blog-site .footer-col a,
.page-blog-site .footer-bottom {
  font-family: var(--wix-font-body);
  font-weight: 400;
}
.featured-copy p {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
}
.blog-read-time {
    color: #000;
    font-size: 12px;
    margin-bottom: 12px;
}
.page-blog-site .blog-featured .blog-heading {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 45px;
}

.page-blog-site .blog-listing .blog-heading {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 32px;
}

.page-blog-site .featured-copy h3 {
    font-family: "khand";
    font-weight: 500;
    font-size: 28px;
}

.page-blog-site .blog-card h4 {
  font-family: var(--wix-font-nuckle-bold);
  font-weight: 400;
  font-size: 24px;
}

.page-blog-site .newsletter-cta h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 48px;
}

.page-blog-site .blog-tag {
  font-family: var(--wix-font-body);
  font-weight: 400;
}

.page-blog-site .footer-col h5 {
  font-family: var(--font-display);
  font-weight: 400;
}

.featured-card {
    border-radius: 0;
}
.blog-card {
    border-radius: 0;
    background: #f5f5f5;
}
.blog-card-media {
    border-radius: 0;
    margin: 0;
}
.blog-card-body {
    background-color: #f5f5f5;
}

.blog-card-body a.blog-tag {
    background-color: #8c0404;
    color: #fff;
}

.featured-copy:hover h3, .featured-copy:hover p {
    color: #8c0404;
}

.blog-card-body:hover a h4,  .blog-card-body:hover a p{
    color: #8c0404;
}

.blog-card-body:hover a.blog-tag{
   background-color: #000;
   color: #fff;
}


@media (max-width: 768px) {
  .page-blog-site .blog-featured .blog-heading {
    font-size: 34px;
  }

  .page-blog-site .blog-listing .blog-heading {
    font-size: 28px;
  }

  .page-blog-site .featured-copy h3 {
    font-size: 22px;
  }

  .page-blog-site .blog-card h4 {
    font-size: 19px;
  }
}