/* line 1, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] {
  position: relative;
  margin: 0 auto;
  background-color: var(--ssgr);
  background-image: url(../../svg/comb-back.svg), linear-gradient(60deg, var(--ssgr) 20%, var(--stgr) 100%);
  background-blend-mode: soft-light;
  background-size: contain;
  width: 100%;
}

/* line 10, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] h2 {
  max-width: unset;
  text-align: center;
  color: var(--white);
  padding-bottom: 1rem;
  font-size: var(--lg-h2);
}

/* line 17, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  /* line 17, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
  [id="spotlight"] [id="spotlight-boxes"] {
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
  }
}

/* line 25, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] .socialbox {
  overflow: hidden;
  margin-bottom: 1rem;
  flex: 1;
}

/* line 29, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] .socialbox:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 960px) {
  /* line 25, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
  [id="spotlight"] [id="spotlight-boxes"] .socialbox {
    margin-bottom: 0;
    margin-right: 1rem;
  }
  /* line 37, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
  [id="spotlight"] [id="spotlight-boxes"] .socialbox:last-child {
    margin-right: 0;
  }
}

/* line 41, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] .socialbox a {
  display: block;
  color: var(--stgr);
  padding: 2rem;
  font-size: 1.25rem;
  text-decoration: none;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: var(--wgolt);
  border-radius: var(--all-corners);
  border-bottom: 4px solid var(--wgo);
}

/* line 55, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] .socialbox a:visited {
  background-color: inherit;
}

/* line 58, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-spotlight.scss */
[id="spotlight"] [id="spotlight-boxes"] .socialbox a:hover, [id="spotlight"] [id="spotlight-boxes"] .socialbox a:focus {
  color: var(--ssgr);
  background-color: var(--wgomd);
  border-bottom: 4px solid var(--brz);
}

/*# sourceMappingURL=22-module-spotlight.css.map */