@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/video/rich.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%); } }

.video-rich--content {
  line-height: 0; }
  @media (max-width: 940px) {
    .video-rich--content {
      padding: 30px 20px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; } }
  @media (min-width: 941px) {
    .video-rich--content {
      width: calc((23/38) * 100%); } }

.video-rich .content-block__title {
  font-family: Montserrat-SemiBold, arial, sans-serif;
  font-size: 32px;
  text-transform: none;
  line-height: 40px; }
  @media (min-width: 941px) {
    .video-rich .content-block__title {
      font-family: Montserrat-SemiBold, arial, sans-serif;
      font-size: 40px;
      text-transform: none;
      line-height: 45px; } }

.video-rich--s img {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }

.video-rich--l {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 300px; }

/*# sourceMappingURL=rich.css.map */