/** @format */

#hero-section .x-bg-layer-upper-color {
  background-image: linear-gradient(to top, #00576f, rgba(0, 87, 111, 0.5));
}

.blog-archive-small {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/** ALM Styles **/
.article-container {
  position: relative;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}

.article-container .article-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.article-container h2.article-title {
  margin: 0 0 0.512em 0;
  font-size: 26px;
  line-height: 1.2;
  transition: 0.3s ease;
}
.article-container h2.article-title:hover {
  color: #f45c00;
}

.article-container .article-content {
  padding: 30px;
}
.article-container .article-excerpt {
  font-family: "Work Sans";
  font-size: 16px;
  color: #657d80;
  font-weight: 500;
  line-height: 1.88;
  margin-top: 10px;
}
.article-container .article-category {
  margin: 20px 0 0 0;
  font-family: "Work Sans";
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}
.article-container .featured-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.article-container .featured-image {
  transition: 0.3s ease;
}
.article-container:hover .featured-image {
  opacity: 0.7;
}
/** Templates **/
.alm-reveal {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 24px;
}
.article-container.article-v1 {
  display: grid;
  grid-template-rows: 50% 50%;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.article-container.article-v3 {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.article-container.article-v2 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-start: 3;
  grid-column-end: 5;
}
.article-container.article-v4 {
  display: grid;
  grid-template-rows: 50% 50%;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 3;
  grid-column-end: 5;
}

/** ALM filter **/
.alm-filters-container.alm-filters .alm-filter--text-wrap.has-button button {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0 4px 4px 0;
}
.alm-filters-container.alm-filters
  .alm-filter--text-wrap.has-button
  input[type="text"] {
  margin: 0;
  border-radius: 4px 0 0 4px;
  border-color: #dfe4ea;
}
.alm-filters-container.alm-filters {
  margin-bottom: 0;
}
.alm-filters-container.alm-filters .alm-filter--inner {
  padding: 0;
}

@media screen and (max-width: 979px) {
  .alm-reveal {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .article-container.article-v1,
  .article-container.article-v2,
  .article-container.article-v3,
  .article-container.article-v4 {
    grid-template-rows: unset;
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: auto;
    grid-column-end: auto;
    grid-template-columns: unset;
  }
  .featured-image {
    height: 250px;
  }
}

@media screen and (max-width: 700px) {
  .alm-reveal {
    grid-template-columns: 1fr;
  }
}