.news-feed  {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100vw;
}

.news-feed--section {
  background-color: rgba(35, 31, 32, 0.05);
  position: relative;
  top: 10rem;
  
}

div.news-feed__cards button.slick-arrow { display:none!important; }

@media (max-width: 899px)  {
	
	.news-feed__inner {
		margin-bottom: 30px!important;
    height: 350px; // Force cards to overlap container
	}
	.news-feed--section {
	  top: 0px!important;
	  
	}
}

.news-feed__arrows{
  display: none;
}

@media (min-width: 900px)  {
  .news-feed {
    padding: unset;
  }

  .news-feed__arrows {
    position: absolute;
    left: 8rem;
    top: 10rem;
    display: flex;
    flex-direction: column;
  }
  
  .news-feed__arrow {
    border: none;
    background: none;
    margin: 1rem 0;
  }
}


/* todo: clean up */
.news-feed .hero__inner span {
  display: flex;
  flex-direction: row;
  position: relative;
  max-width: fit-content;
  margin: 0 auto;
}

.news-feed .hero__inner span img {
  height: 1rem;
  width: 1rem;
  position: absolute;
  right: -1.4rem;
  bottom: 1rem;
}

.news-feed .hero__inner span h1 {
  font-size: 4.8rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.01rem;
}

@media (min-width: 900px) {
  .news-feed .hero__inner span h1 {
    font-size: 6rem;
    text-align: right;
    
  }
}

.news-feed .hero__icon--grey {
  position: relative;
}

@media (min-width: 900px) {
  .news-feed .hero__inner {
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  
  .news-feed .hero__headline-title {
    text-align: center;
    max-width: 50rem;
    margin: 0 auto;
  }
  
  .news-feed .hero__intro-text {
    margin: 5rem auto;
    max-width: 90rem;
    text-align: center;
  }
}

.news-feed__categories {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.news-feed__inner {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

@media (min-width: 900px) {
  .news-feed__inner {
    width: 100%;  
    margin: 0 auto 10rem;
    padding-bottom: 4rem;
    padding-top: 0;
  }
}

@media (min-width: 900px) {
  .news-feed__image-slider {
    max-width: 71.2rem;
    width: 100%;
    height: 42.8rem;
    position: relative;
    top: -20rem;
    left: 0; 
    right: 0;
    margin: 0 auto -20rem;
  }
}

.news-feed__image-slider__image {
  height: 42.8rem;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.news-feed__cards::before, .news-feed__cards::after {
  background: rgba(35, 31, 32, 0.05);
}

#team .news-feed__cards {
  background: none !important;
}

.news-feed__cards {
  width: 100%;
  position: relative;
  background-color: #f4f4f4;
  top: -7rem;
}

@media (min-width:800px) {   section.single-post__related-articles .news-feed__cards { background:transparent center no-repeat url("../../assets/images/you-might-also-like-background.png"); } }
@media (max-width:899px) {  section.single-post__related-articles .news-feed__cards { height:320px;} }
@media (max-width:899px) {  .news-feed__cards { position:relative !important; top: -6rem !important; margin-bottom:5rem !important; height:450px;} }

@media (min-width: 900px) {
  .news-feed__cards {
    /*display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    */padding: 0;
    top: -9rem;
  }
}

.news-feed__cards-background {
  position: absolute;
  z-index: -1;
  left: 0;
  right: -20rem;
  top: -14rem;
  margin: 0 auto;
  height: 100rem;
}

.news-feed__card {
  width: 90%;
  margin: 2rem;
  border-radius: 0px 0px 1.4px 1.4px;
  background-color: white;
  height: fit-content;
}

.news-feed__card.slick-slide {
  filter:opacity(50%);
}
.news-feed__card.slick-slide.slick-active {
  filter:opacity(100%);
}

@media (min-width: 900px) {
  .news-feed__card {
    max-width: 35.2rem;
    height: 45.2rem!important;
    width: 100%;
    position: relative;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }
}

@media (min-width:900px) { section.single-post__related-articles .news-feed__card { max-width:36rem; box-shadow:0 3px 6px rgba(0,0,0,0.1), 8px 4px 12px rgba(0,0,0,0.1);   } } 

.news-feed__card-content {
  padding: 1.5rem;
}

.news-feed__card-image {
  width: 100%;
  height: 100%;
  max-height: 14.8rem;
  object-fit: cover;
  object-position: top;
}

@media (min-width: 900px) {
  .news-feed__card-image {
    max-height: 20.8rem;
  }
}

.news-feed__card-category {
  background-color: #F7F7F7;
  padding: .5rem 2rem;
  border-radius: 3rem;
  max-width: fit-content;
  margin: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.news-feed__card-category a {
    text-decoration: none;
    color: var(--black);
}

.news-feed__card-title {
  font-weight: 500;
  font-size: 2rem;
  margin: 0 0 1rem;
}

@media (min-width: 900px) {
  .news-feed__card-title {
    font-size: 2.8rem;
    line-height: 3.6rem;
    max-width: 30rem;
    text-overflow: ellipse;
  }
}

.news-feed__card-link {
  text-decoration: none;
}

@media (min-width: 900px) {
  .news-feed__card-link {
    position: absolute;
    bottom: 2rem;
  }
}

.news-feed__card-link::hover {
  text-decoration: underline;
}

.news-feed__filters {
  display: flex;
  /* flex-direction: column;
  list-style-type: none; */
  margin: 3rem auto;
}

@media (min-width: 900px) {
  .news-feed__filters {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.news-feed__filter {
  background-color: #F6F6F6;
  border-radius: 2rem;
  padding: 1rem 2rem;
  max-width: fit-content;
  max-height: 5rem;
  margin: 1rem 0;
  display: none;
  font-size: 1.4rem;
}

@media (min-width: 900px) {
  .news-feed__filter {
    margin: 2rem;
    display: block;
  }
}

.news-feed__pagination-arrows {
  display: flex;
  flex-direction: row;
  max-width: 20rem;
  margin: 0 auto;
}

@media (min-width: 900px) {
  .news-feed__pagination-arrows {
    margin: 3rem auto;
  }
}

.news-feed__pagination-arrow {
  border-radius: 50%;
  background-color: lightgray;
  color: var(--black);
  height: 5rem;
  width: 5rem;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
  margin: 2rem;
}

.news-feed__pagination-arrow--left {
  transform: rotate(180deg);
}

.news-feed__headline {
  font-size: 4rem;
  text-align: center;
  max-width: 20rem;
  padding: 4rem 0;
  font-weight: 500;
  margin: 0 auto;
}

@media (min-width: 900px) {
  .news-feed__headline {
    max-width: unset;
  }
}

.news-feed__intro-text {
  margin: 2rem auto;
  font-size: 2.1rem;
  width: 90%;
}

@media (min-width: 900px) {
  .news-feed__intro-text {
    max-width: 46rem;
  }
}

.news-feed__content {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 900px) {
  .news-feed__content {
    max-width: 46rem;
  }
}

.news-feed__icon--computer {
  fill: yellow;
  position: absolute;
  bottom: -6rem;
  left: 0;
  z-index: 1;
}

.news-feed__icon--down-arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: 7rem auto;
}

.news-feed__cta {
  /* background-color: var(--black); */
  background-color: #231F20;
  color: white;
  border-radius: 5rem;
  max-width: fit-content;
  margin: 0 auto 2.5rem;
  text-decoration: none;
  padding: 1rem 4rem;
  font-size: 1.8rem;
  transition: 0.5s all;
  border: solid 0.2rem var(--black);
}