@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/video/boxed-large.css

multitheme Front-end code based on Randstad Human Forward components

@media (min-width: 941px) {
  .gradient-overlay::before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .gradient-overlay--dark-from-left::before {
    background: -webkit-linear-gradient(left, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 60%);
    background: linear-gradient(to right, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 60%); }
  .gradient-overlay--dark-from-right::before {
    background: -webkit-linear-gradient(right, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 80%);
    background: linear-gradient(to left, rgba(15, 25, 65, 0.5), rgba(15, 25, 65, 0) 80%); }
  .gradient-overlay--light-from-left::before {
    background: -webkit-linear-gradient(left, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 60%);
    background: linear-gradient(to right, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 60%); }
  .gradient-overlay--light-from-right::before {
    background: -webkit-linear-gradient(right, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 80%);
    background: linear-gradient(to left, rgba(247, 245, 240, 0.7), rgba(247, 245, 240, 0) 80%); } }

@media (min-width: 941px) {
  .video--boxed-large {
    padding-bottom: 130px;
    padding-top: 130px; }
    .video--boxed-large .banner__wrapper {
      position: relative; }
    .video--boxed-large .banner__content {
      padding-bottom: 80px;
      padding-top: 80px;
      width: calc((28/58) * 100%); }
    .video--boxed-large .banner__text-container {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 calc((33/58) * 100%);
      -ms-flex: 0 0 calc((33/58) * 100%);
      flex: 0 0 calc((33/58) * 100%);
      grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .video--boxed-large .content-block__title {
      font-family: Montserrat-ExtraBold, arial, sans-serif;
      font-size: 20px;
      text-transform: none;
      line-height: 30px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .video--boxed-large .content-block__title {
        font-family: Montserrat-ExtraBold, arial, sans-serif;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 45px; } }

/*# sourceMappingURL=boxed-large.css.map */