/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Featured Items */
.wkFeatured {
  background: var(--primary--xlite);
  margin: 0 auto;
  max-width: 192rem;
  padding: 6rem 1.5rem;
}
@media (min-width: 576px) {
  .wkFeatured {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 1366px) {
  .wkFeatured {
    padding: 10rem 0;
  }
}
.wkFeatured__wrapper {
  margin: 0 auto;
  max-width: 128rem;
}
@media (min-width: 1366px) {
  .wkFeatured__wrapper .heading {
    margin-bottom: 7.5rem;
  }
}
.wkFeatured__contents {
  margin: 0 auto;
  max-width: 128rem;
}
@media (min-width: 768px) {
  .wkFeatured__contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.wkFeatured__box {
  margin: 0 auto;
  max-width: 41rem;
  position: relative;
}
@media (min-width: 768px) {
  .wkFeatured__box {
    margin: 0;
    max-width: none;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .wkFeatured__box {
    width: 33.3%;
  }
}
.wkFeatured__box:hover img, .wkFeatured__box:focus img, .wkFeatured__box:active img {
  transform: scale(1.1);
  transition: transform 0.6s ease-in-out;
}
.wkFeatured__box:hover a button, .wkFeatured__box:focus a button, .wkFeatured__box:active a button {
  background: var(--primary--hover--transparent);
}
.wkFeatured__box__image {
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
}
.wkFeatured__box__image picture {
  max-height: 20rem;
  transform: scale(1);
  transition: transform 0.6s ease-in-out;
  width: auto;
}
@media (min-width: 375px) {
  .wkFeatured__box__image picture {
    max-height: none;
  }
}
.wkFeatured__box__title {
  font-size: var(--font-size--xxlarge);
  font-weight: 500;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.wkFeatured__box__link {
  align-items: flex-end;
  display: flex !important;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.wkFeatured__box__link button {
  background: var(--primary--transparent);
  font-weight: 300;
  letter-spacing: 0.02rem;
  margin-bottom: 1.6rem;
  max-width: 24rem;
  min-height: 4rem;
  text-transform: initial;
  width: 100%;
}
@media (min-width: 1366px) {
  .wkFeatured__box__link button {
    font-size: var(--font-size--large);
    min-height: 6rem;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wkFeatured__box__link button {
    line-height: 6rem;
  }
}
/*# sourceMappingURL=wkFeatured.css.map */
