/* custom helpers & properties */

.section-headline {
  max-width: 730px;
}

.cards-container {
  overflow-y: auto;
}

.card-block.cards-block-scrollable-on-mobile {
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.card-block.cards-block-scrollable-on-mobile::-webkit-scrollbar {
  display: none; /* Chrome */
}

.card-block .card {
  border-radius: 6px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
  min-height: 332px;
  min-width: 255px;
  max-width: 355px;
  top: 0;
  transition: all 0.25s linear;
}

.card-block .card:hover, .card-block .card:active {
  background-color: #fff !important;
  text-decoration: none;
  top: -12px;
}

.card .card-image-container img {
  object-fit: cover;
  height: 230px;
}

.card .card-text .arrow-link {
    color: var(--primary-dark);
    font-weight: 500;
    position: relative;
}

.card .card-text .arrow-link:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(https://f.hubspotusercontent20.net/hubfs/442271/2021%20DOC-FAC%20Merge%20Project/Icons/CaretRight.svg);
    position: absolute;
    top: -11px;
    margin: 15px 6px;
    background-repeat: no-repeat;
    transition: all 0.25s ease-in-out 0s;
}

@media (max-width: 768px) {
  .card-block.cards-block-no-scrollable-on-mobile {
    padding: 6px 16px 0 16px;
    width: 100%;
  }

  .card-block.cards-block-no-scrollable-on-mobile .card {
    min-height: 120px;
    max-width: 100%;
  }

  .card-block.cards-block-no-scrollable-on-mobile .card:hover, .card-block .card:active {
    top: 0;
  }

  .card-block.cards-block-no-scrollable-on-mobile .card-image-container{
    width: 30%!important;
  }
  
  .card-block.cards-block-no-scrollable-on-mobile .card-text{
    width: 70%!important;
   }
  
  .card-block.cards-block-no-scrollable-on-mobile .card .card-image-container img {
    width: 100%;
    height: auto;
  }
  
}