﻿/* #region bootstrap colors / theme colors */
/* #endregion */
/* #region bootstrap color tints */
/* #endregion */
.featurette {
  margin: 2.5rem auto;
  position: relative;
  /*
    .overlay-body {
      + .multi-link {
        margin-top: $grid-base;
      }
    }
  */
}
.featurette:first-child {
  margin-top: 0;
}
.featurette .main-content {
  position: relative;
}
.featurette picture,
.featurette img {
  display: block;
}
.featurette .overlay {
  margin: 1.25rem 0.9375rem 0.625rem;
}
.featurette .overlay.color {
  margin-top: -1.875rem;
  padding: 1.875rem 1.25rem;
  background-color: #ca3d6a;
  color: #fff;
  opacity: 0.95;
}
.featurette .overlay.color .heading {
  color: #fff;
}
.featurette .overlay.color a {
  color: inherit;
}
.featurette .overlay.color a:hover {
  opacity: 0.75;
}
.featurette .overlay.color a::after {
  color: inherit;
}
.featurette .overlay.red {
  background-color: #ba0c2f;
}
.featurette .overlay.red .bg-red {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.featurette .overlay.pink {
  background-color: #ca3d6a;
}
.featurette .overlay.pink .bg-pink {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.featurette .overlay.pink-purple, .featurette .overlay.purple-light {
  background-color: #ba508e;
}
.featurette .overlay.pink-purple .bg-light-purple, .featurette .overlay.purple-light .bg-light-purple {
  background-color: #8f4469 !important;
}
.featurette .overlay.dark-purple, .featurette .overlay.purple {
  background-color: #8f4469;
}
.featurette .overlay.dark-purple .bg-purple, .featurette .overlay.purple .bg-purple {
  background-color: #752864 !important;
}
.featurette .overlay.purple-dark {
  background-color: #752864;
}
.featurette .overlay.purple-dark .bg-dark-purple {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.featurette .overlay.teal, .featurette .overlay.blue {
  background-color: #01768b;
}
.featurette .overlay.teal .bg-teal, .featurette .overlay.blue .bg-teal {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.featurette .overlay.green {
  background-color: #428615 !important;
}
.featurette .overlay.green .bg-green {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.featurette .overlay.lighter-green, .featurette .overlay.green-light {
  background-color: #67a141;
}
.featurette .overlay.lighter-green .bg-light-green, .featurette .overlay.green-light .bg-light-green {
  background-color: #428615 !important;
}
.featurette .overlay.white {
  background-color: #fff;
}
@media (min-width: 62rem) {
  .featurette .overlay.white {
    background-color: rgba(238, 239, 239, 0.95);
  }
}
.featurette .overlay.white .single-link a {
  color: #565a5c;
}
.featurette .overlay.white .single-link a:hover {
  opacity: 1;
  color: #abadae;
}
.featurette .overlay .badge {
  padding: 0.3125rem 0.9375rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  width: auto;
  max-width: 100%;
}
.featurette .overlay .badge.badge-narrow {
  width: fit-content;
}
@media (min-width: 62rem) {
  .featurette .overlay .badge.badge-narrow {
    min-width: 12rem;
  }
}
.featurette .overlay .badge.badge-full {
  width: 100%;
  text-align: left;
}
@media (min-width: 62rem) {
  .featurette .overlay {
    margin: 0;
    padding: 1.875rem;
  }
  .featurette .overlay.color {
    margin-top: 0;
  }
}
@media (min-width: 87.5rem) {
  .featurette .overlay.color {
    padding: 2.5rem 3.75rem;
  }
  .featurette .overlay.white {
    padding: 3.75rem;
  }
}
.featurette .heading {
  font-size: 1.375rem;
  line-height: 1.375;
  letter-spacing: -0.03125em;
}
.featurette .heading a {
  display: block;
  color: inherit;
}
.featurette .heading a:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media (min-width: 62rem) {
  .featurette .heading {
    font-weight: 500;
  }
}
@media (min-width: 75rem) {
  .featurette .heading {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .featurette .head-large {
    font-size: 2rem;
    font-weight: 300;
  }
}
@media (min-width: 87.5rem) {
  .featurette .head-large {
    font-size: 2.5rem;
    font-weight: 100;
  }
}
.featurette .heading,
.featurette .overlay-body,
.featurette .action-block {
  margin-bottom: 0.9375rem;
}
.featurette .heading:last-child,
.featurette .overlay-body:last-child,
.featurette .action-block:last-child {
  margin-bottom: 0;
}
.featurette .action-block .cta-link {
  margin: 0.625rem 0;
  padding: 0.625rem 0;
}
.featurette .action-block.single-link {
  margin-top: 0;
}
.featurette .action-block.single-link a {
  background-color: unset !important;
}
.featurette .action-block.single-link a:hover {
  color: inherit;
  opacity: 0.75;
}
.featurette .action-block.multi-link a {
  padding: 1.25rem 1.875rem;
  color: #fff;
}
.featurette .action-block.multi-link a:hover {
  background-image: linear-gradient(to bottom, rgba(86, 90, 92, 0.2), rgba(86, 90, 92, 0.2));
}
.featurette .action-block.multi-link a.bg-transparent {
  color: inherit;
}
.featurette .action-block.multi-link a::after {
  color: inherit;
}
.featurette .action-block.action-bottom a {
  margin: 0.625rem 1.25rem;
}
@media (min-width: 62rem) {
  .featurette .action-block.action-bottom {
    display: flex;
  }
  .featurette .action-block.action-bottom a {
    flex: 1 0 auto;
    display: block;
    margin: 0;
    font-size: 1.125rem;
    text-align: center;
  }
  .featurette .action-block.action-bottom.has-2 a {
    flex: 0 0 50%;
  }
  .featurette .action-block.action-bottom.has-3 a {
    flex: 0 0 33.3333333333%;
  }
  .featurette .action-block.action-bottom.has-4 a {
    flex: 0 0 25%;
  }
  .featurette .action-block.action-bottom.has-5 a {
    flex: 0 0 20%;
  }
}
@media (min-width: 75rem) {
  .featurette .action-block.action-bottom a {
    font-size: 1.375rem;
  }
}
@media (max-width: 47.98rem) {
  .featurette .img-group {
    z-index: -1;
  }
}
@media (min-width: 62rem) {
  .featurette {
    margin-bottom: 3.5rem;
  }
  .featurette.overlay-left .badge-narrow {
    right: 0;
    left: auto;
  }
  .featurette.hero-center {
    margin-top: 0;
  }
  .featurette.hero-center .overlay {
    position: absolute;
    top: 50%;
    right: 0;
    width: 33.3333333333%;
    transform: translate(0, -50%);
  }
  .featurette.hero-center.img-left .img-group {
    left: 0;
  }
  .featurette.hero-center.overlay-right .overlay {
    right: 0;
    left: auto;
  }
  .featurette.hero-center.img-right .img-group {
    left: 25%;
  }
  .featurette.hero-center.overlay-left .overlay {
    left: 0;
    right: auto;
  }
  .featurette.width-75 .main-content {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    margin: 0 auto;
    max-width: 86.25rem;
    z-index: auto;
  }
  .featurette.width-75 .badge + .heading {
    margin-top: 0.625rem;
  }
  .featurette.width-75 .img-group {
    flex: 0 0 75%;
    overflow: hidden;
  }
  .featurette.width-75 .img-group,
.featurette.width-75 .action-bottom {
    margin: 0;
  }
  .featurette.width-75 .overlay {
    flex: 0 0 auto;
    -ms-grid-row-align: center;
    /* stylelint-disable-line property-no-vendor-prefix */
    align-self: center;
    margin: 2.5rem 0;
    width: calc(25% + 12rem);
    position: relative;
    z-index: 1;
  }
  .featurette.width-75 .overlay .multi-link a {
    padding: 0.625rem 0.9375rem;
    width: fit-content;
    min-width: 16rem;
    max-width: 100%;
  }
  .featurette.width-75.overlay-left .overlay {
    order: 1;
  }
  .featurette.width-75.overlay-left .img-group {
    order: 2;
    margin-left: -12rem;
  }
  .featurette.width-75.overlay-right .overlay {
    order: 2;
    margin-left: -12rem;
  }
  .featurette.width-75.overlay-right .img-group {
    order: 1;
  }
}
@media (min-width: 75rem) {
  .featurette.hero-center .img-group {
    overflow: hidden;
  }
  .featurette.hero-center .main-content,
.featurette.hero-center .action-bottom {
    margin: 0 auto;
    max-width: 86.25rem;
    position: unset;
  }
  .featurette.hero-center .overlay {
    width: calc(100vw - 100% + 33.3333333333%);
  }
}
@media (min-width: 100rem) {
  .featurette.hero-center.wider {
    max-width: 100rem;
  }
  .featurette.hero-center .main-content,
.featurette.hero-center .img-group,
.featurette.hero-center .action-bottom {
    margin: 0;
    max-width: none;
  }
  .featurette.hero-center .overlay {
    width: 33.3333333333%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_var-bootstrap-reset.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/10-lazyload/featurette.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/libs/bootstrap5/mixins/_breakpoints.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/libs/bootstrap5/mixins/_gradients.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_mx-flexbox.scss%22,%22file:///C:/actions-runner/_work/ws.dotorg/ws.dotorg/CCHMC.Web.MVC/includes/stylesheets/org/01-abstracts/_var-spacing.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AA4CA;AAuFA;AAGA;AAoGA;AC3NA;EACE;EACA;AAgOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AA9NA;EACE;;AAGF;EACE;;AAOF;AAAA;EAEE;;AAGF;EACE;;AAEA;EACE;EACA;EACA,kBDsBU;ECrBV,OD/BU;ECgCV;;AAEA;EACE,ODnCQ;;ACsCV;EACE;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE,kBDEU;;ACAV;EACE;;AAIJ;EACE,kBDRU;;ACUV;EACE;;AAIJ;EAEE,kBDtBU;;ACwBV;EACE;;AAIJ;EAEE,kBD9BU;;ACgCV;EACE;;AAIJ;EACE,kBDrCU;;ACuCV;EACE;;AAIJ;EAEE,kBDxDU;;AC0DV;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EAEE,kBDrEU;;ACuEV;EACE;;AAIJ;EACE,kBDxHU;;AEmDZ;EDoEA;IAII;;;AAIA;EACE,OD7HM;;AC+HN;EACE;EACA,OD3HI;;ACiIZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACpGJ;EDmGE;IAII,WA3Ja;;;AA+JjB;EACE;EACA;;AC7GJ;ED3BF;IA6II;IACA,SD6RkB;;EC3RlB;IACE;;;ACtHJ;ED2HE;IACE;;EAGF;IACE;;;AAKN;EACE,WD8N0B;EC7N1B;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AChJJ;EDqIF;IAgBI;;;ACrJF;EDqIF;IAoBI,WD0MwB;;;AEnW1B;ED6JF;IAEI,WDmMwB;IClMxB;;;AChKF;ED6JF;IAOI;IACA;;;AAIJ;AAAA;AAAA;EAGE,eDmOoB;;ACjOpB;AAAA;AAAA;EACE;;AAYF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA,ODnQQ;;ACqQR;EEzPN;;AF6PM;EACE;;AAGF;EACE;;AAMJ;EACE;;AClOJ;EDgOA;IGtQF;;EH8QM;IGvQN,MHwQsB;IACd;IACA;IACA,WDyHoB;ICxHpB;;EAIA;IGhRR,MHiRwB;;EAKhB;IGtRR,MHuRwB;;EAKhB;IG5RR,MH6RwB;;EAKhB;IGlSR,MHmSwB;;;ACpQtB;ED0QI;IACE,WDyFoB;;;AEvV1B;EDqQA;IACE;;;ACnRF;EDhDJ;IAwUI;;EAGE;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAIA;IACE;;EAKF;IACE;IACA;;EAKF;IACE;;EAKF;IACE;IACA;;EAMJ;IG9WJ;IA4BA,WHoVyB;IG9RzB,aH+R2B;IACrB;IACA;IACA;;EAIA;IACE,YDrID;;ECyIH;IGtXJ,MHuXoB;IACd;;EAGF;AAAA;IAEE;;EAGF;IGhYJ,MHiYoB;IG9SlB,oBH+SwB;AG/SM;IAGhC,YH4S0B;IACpB;IACA,OAxZW;IAyZX;IACA;;EAGE;IACE;IACA;IACA;IACA;;EAMJ;IGvXN,OHwXuB;;EAGjB;IG3XN,OH4XuB;IACf;;EAKF;IGlYN,OHmYuB;IACf;;EAGF;IGvYN,OHwYuB;;;ACrYrB;ED6YE;IACE;;EAQF;AAAA;IAEE;IACA;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;;EAGF;IACE,OIteQ%22%7D */