/** 
  @ Service Page Styles
  -------------------------------
*/

.wdt-sermons-archive-wrapper { display: flex; flex-wrap: wrap; --ser-gap: 30px; gap: var(--ser-gap); }

.wdt-sermons-archive-wrapper.wdt-columns-5 > .wdt-sermons-item { flex: 0 0 calc(20% - calc(var(--ser-gap) / 1.25)); }
.wdt-sermons-archive-wrapper.wdt-columns-4 > .wdt-sermons-item { flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.333)); }
.wdt-sermons-archive-wrapper.wdt-columns-3 > .wdt-sermons-item { flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.5)); }
.wdt-sermons-archive-wrapper.wdt-columns-2 > .wdt-sermons-item { flex: 0 0 calc(50% - calc(var(--ser-gap) / 2)); }
.wdt-sermons-archive-wrapper.wdt-columns-1 > .wdt-sermons-item { flex: 0 0 100%; }


.wdt-sermons-item { padding: 20px; text-align: left; border-radius: 20px; }

.wdt-sermons-item { padding: 20px; background: var(--wdtTertiaryColor); -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X);
  -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-light-bg .wdt-sermons-item { background: var(--wdtAccentTxtColor); }
.wdt-sermons-item .wdt-sermons-media-group { display: flex; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item .wdt-sermons-image > a > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; 
    -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); }
.wdt-sermons-item .wdt-sermons-title h5{ font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item:hover{ background-color: var(--wdtSecondaryColor); }
.wdt-sermons-item:hover .wdt-sermons-title h5 a,
.wdt-sermons-item:hover .wdt-sermons-excerpt { color: var(--wdtAccentTxtColor); }
.wdt-sermons-item .wdt-sermons-excerpt { -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item:hover .wdt-sermons-button>a{ color: var(--wdtPrimaryColor); }

.wdt-sermons-item .wdt-sermons-detail-group { display: grid; gap: 5px 10px; }

.wdt-sermons-item .wdt-sermons-detail-group .sermons-features-wrap { order: 1; margin-bottom: 0; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item .wdt-sermons-detail-group .sermons-features-wrap .sermons-features-list { display: flex; gap: 10px; margin-top: -5px; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item .wdt-sermons-detail-group .sermons-features-wrap .sermons-features-list .feature-icon.svg-icon { 
    padding: 10px 10px; background-color: var(--wdtSecondaryColor); border-radius: var(--wdtRadius_2X); color: var(--wdtAccentTxtColor); line-height: 1; aspect-ratio: 1;
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-sermons-item:hover .wdt-sermons-detail-group .sermons-features-wrap .sermons-features-list .feature-icon.svg-icon { 
    background-color: var(--wdtAccentTxtColor); color: var(--wdtSecondaryColor); }

.wdt-sermons-item .wdt-sermons-button { position: relative; z-index: 0; display: flex ; align-items: flex-end; }

.wdt-sermons-item .wdt-sermons-button>a {
    display: inline-flex;
  color: var(--wdtHeadAltColor);
  line-height: var(--wdtLineHeight_H1);
  font-family: var(--wdtFontTypo_Alt);
  font-size: var(--wdtFontSize_H6);
  background: linear-gradient(90deg, currentcolor 0%, currentColor 100%);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: var(--wdtAltTransition);
  -webkit-transition-property: background-size, color;
  transition-property: background-size, color;
}
.wdt-light-bg .wdt-sermons-item .wdt-sermons-button>a { color: var(--wdtSecondaryColor); }
.wdt-sermons-item .wdt-sermons-button>a:hover {
    background-position: bottom right;
    background-size: 0% 1px;
}


/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */
@media (max-width: 1540px) {
  .wdt-sermons-archive-wrapper.wdt-columns-5>.wdt-sermons-item {
    flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.25));
  }

}


@media (max-width: 1280px) {
  .wdt-sermons-archive-wrapper.wdt-columns-5>.wdt-sermons-item {
    flex: 0 0 calc(33.333% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-4>.wdt-sermons-item {
    flex: 0 0 calc(33.333% - calc(var(--ser-gap) / 1.333));
  }

}


@media (max-width: 1024px) {
  .wdt-sermons-archive-wrapper.wdt-columns-5>.wdt-sermons-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-4>.wdt-sermons-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.333));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-3>.wdt-sermons-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5));
  }

}

@media (max-width: 767px) {
  .wdt-sermons-archive-wrapper.wdt-columns-5>.wdt-sermons-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-4>.wdt-sermons-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.333));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-3>.wdt-sermons-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.5));
  }

  .wdt-sermons-archive-wrapper.wdt-columns-2>.wdt-sermons-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 2));
  }
}