/*=======================================
  EDITORIAL CARDS FROM KC TEMPLATE
  with TOP-IMAGE OPTION
========================================*/
.editorial-cards {
 padding:0 0 20px 0;
 margin-top: 25px;
 display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 1.5rem;
 min-height: 355px;
}
.editorial-cards h3 {
 margin-bottom:0;
}
@media(min-width: 992px) {
 .editorial-cards>.editorial-card {
  margin-top:75px;
 }
}
.editorial-cards .editorial-card-top-image {
 margin-top:0px;
 height:355px;
}
@media(min-width: 992px) {
 .editorial-cards .editorial-card {
  margin-top:0;
 }
}
.editorial-cards .editorial-card-top-image a {
 text-transform:uppercase;
 text-decoration:none;
 color:#000;
 display:flex;
  flex-direction: column;
 font-weight:bold;
 background-color:#fff;
 border:1px solid #ececec;
 height: 355px;
 margin:0px;
 
}
.editorial-cards .editorial-card a:hover {
 box-shadow:0px 1px 3px 0px rgba(0,0,0,.5);
}
.editorial-cards .editorial-card .editorial-card-details {
 margin:0;
 padding:18px 20px 18px;
 width:100%;
 height: 155px;
 position:relative;
}
/*.editorial-cards .editorial-card .editorial-card-details div {
 flex-direction:column;
 margin-bottom:3px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
}*/
.editorial-card-details .editorial-headline {
    flex-direction:column;
    margin-bottom:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
   }
.editorial-card-details .editorial-category {
    position: absolute!important;
    bottom: 6px;
}
.editorial-card-details  .heading-underline {
    color: #4788FF; /* 3.37:1 color contrast */
    color: #306ddf; /* 4.8:1 color contrast */
    border: 0;
}
.editorial-cards .editorial-card .editorial-card-details span {
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
}
.editorial-cards .editorial-card .editorial-card-details .editorial-date {
 text-transform:none;
 font-weight:normal;
 position:unset;
 margin-bottom: 14px;
}
.editorial-cards .editorial-card img {
 width:155px;
 height:155px;
  object-fit: cover;
  object-position: 50% 50%;
 display:block;
}
.editorial-cards .editorial-card-top-image img {
 width:100%;
 height:200px!important;
  object-fit: cover;
  object-position: 50% 50%;
 display:block;
}
@media(min-width: 768px) {
 .editorial-cards .editorial-card img {
  display:inherit;
 }
}
.editorial-cards a {
 margin:40px 0px 0px 17px;
}

@media (max-width: 767px) {
  .editorial-cards .editorial-card:nth-child(n+4) {
    display: none;
  }
}


/* loading message */
.loading-message {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
}

.loading-message span {
  font-size: 20px;
  margin-right: 10px;
}

.spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #3498db;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}