:root{
  --blog-content-width: 680px;
}

// START Resources View
////////////////////////////////////////////////////////////////

.resource-description{
  position: relative;
}

.resource-content-wrapper{
  padding: 15px 0px 40px 0px;
  display: grid;
  grid-template-columns: minmax(400px, 800px) minmax(260px, 380px);
  min-height: 350px;
  gap: 40px;
  padding-top: 28px;
}

.resource-content-wrapper .post-full-image{
  width: 100%;
}

.more-resources{
  display: grid;
  grid-template-columns: auto;
  gap: 15px;
  padding: 36px 0px;
  margin: auto;

  .resources-grid{
    padding-top: 18px;
  }
}
  
.more-resources-list{

  max-width: 680px;

  .resources-grid{
    width: 90%;
    flex-direction: column;
  }

  .resources-card-wrapper{
    grid-template-columns: 1fr 2fr !important;
    grid-template-rows: auto;
  }
  
  .resource-card-title-wrapper{
    height: fit-content;
  }
  
  .resources-card-img{
    max-height: 120px;
  }

}

.resource-excerpt{
  padding-bottom: 30px;
}

// END Resources View
////////////////////////////////////////////////////////////////


// START Resources Card
////////////////////////////////////////////////////////////////
.resources-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 20px;
  padding-top: 0px;
  // display: flex;
  // flex-basis: auto;
  // flex-wrap: wrap;
  // flex-grow: 1;
  // max-width: calc(var(--blog-content-width) + 40px);
  // width: 90%;

  gap: 30px;
  padding-bottom: 20px;
  padding-top: 0px;
}

.resources-card-container{
    width: 100%;
    flex-grow: 1;
    flex-shrink: 10;
    flex-basis: 30%;

    .native-ad-wrapper{
      width: fit-content;
    }
}

.resources-card-wrapper{
  position: relative;
  display: grid;
  grid-template-rows: 200px auto;
  padding: 0px;
  gap: 0px;
  color: white;
  align-items: center;
  height: fit-content;
  // height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.resource-card-text{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.resource-card-title-wrapper{
  padding: 20px;
  height: calc(100% - 40px);
}

.resource-card-title{
  @extend .resource-card-text;

  font-weight: 900;
  margin-bottom: 0px !important;
}

.resource-card-description{
  @extend .resource-card-text;
  
  opacity: 0.8;
  font-weight: 500 !important;
  color: red;
  margin-bottom: 0px !important;
}

.resources-card-img { 
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 0% 50%;
}


@media only screen and (max-width: 1200px){
  
  .resource-content-wrapper{
    grid-template-columns: 9 minmax(260px, 450px);
    gap: 40px;
  }

}

@media only screen and (max-width: 1004px){

  .resources-grid{
    gap: 20px
  }

  .resource-card-title-wrapper{
    padding: 10px 25px;
  }

  .resource-description h3{
    font-size: 1.5rem;
  }

  .resource-excerpt{
    padding-bottom: 20px;
  }

}

@media only screen and (max-width: 900px){
  
  .resources-grid{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  
  .resource-card-title-wrapper{
    padding: 20px 25px;
  }
  
}

@media only screen and (max-width: 820px){
  
  .resource-content-wrapper{
    padding: 15px 0px 40px 0px;
    grid-template-columns: auto;
    gap: 40px;
  }

}

@media only screen and (max-width: 600px){

  .resources-grid{
    grid-template-columns: 1fr;
    gap: 30px;
  }


}