.brand-gradient {
  background: #4d8df5; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to top,
    #4d8df5,
    #25cdd0
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to top,
    #4d8df5,
    #25cdd0
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.banner-holder,
.main-page-header {
  background-image: url(./images/banner.jpg);
  background-size: cover;
  background-position: bottom;
}

.custom-nav {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgb(255 255 255 / 85%);
}

.custom-nav form[role="search"] {
  width: 100%;
  max-width: 280px;
}

@media (max-width: 991.98px) {
  .custom-nav form[role="search"] {
    margin-top: 0.75rem;
    max-width: none;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .home-posts .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
  }

  .post-loop article > .col-md-3 {
    flex: 0 0 auto;
    width: 33.333333%;
  }

  .post-loop article > .col-md-9 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
}

@media (max-width: 575.98px) {
  .banner-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}