@randstad-design/orbit-multitheme/dist/assets/theme-randstad/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; } }

@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-size: 20px;
      letter-spacing: 0;
      line-height: 30px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .video--boxed-large .content-block__title {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }

.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-size: 32px;
  letter-spacing: -1px;
  line-height: 40px; }
  @media (min-width: 941px) {
    .video-rich .content-block__title {
      font-size: 40px;
      letter-spacing: -2px;
      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 */