// out: 42.css, compress: true, sourceMap: true
@import "../style-scss/_mixins";

.case-study-single__content {
  @include respond-below(sm) {
    padding-top: 154px !important;
  }
}

.case-study-42 {
  display: flex;
  flex-wrap: wrap;

  .first {
    .title.big {
      padding-left: 5%;
      padding-right: 5%;
    }
  }

  >div {
    width: 100%;

    &.first {
      order: 1;
    }

    &.firma-w-liczbach {
      order: 2;
    }

    &.height100 {
      order: 3;
    }

    &.cele-wspolpracy {
      order: 4;
    }

    &.blok-testowy-04 {
      order: 6;
    }

    &.firma-o-dobrej-reputacji {
      order: 7;
      background: #FAFAFA;
    }

    &.gwiazdki-w-reklamach {
      order: 8;
    }

    &.blok-tekstowy-07 {
      order: 9;
    }

    &.blok-tekstowy-08 {
      order: 10;
    }

    &.blok-tekstowy-09 {
      order: 11;
    }

    &.blok-tekstowy-02-bialy {
      order: 12;
      background: #FAFAFA;

      h2 {
        font-weight: 600;
      }
    }

    &.integracja {
      order: 13;
      background: #FFF !important;
      color: #000 !important;
    }

    &.cta02 {
      order: 14;
    }
  }

  .cta01 {
    background: #FFF;

    .cta-01 {
      margin-bottom: -125px;
    }
  }

  .cele-wspolpracy {
    padding-bottom: 0;
  }

  .cele_wspolpracy_header_img {
    margin: 75px auto;
    display: block;
    max-width: 100%;
  }

  .first {
    padding-bottom: 0;
  }

  .video_local {
    position: relative;

    &::after {
      background: #FFF;
      z-index: 10;
      width: 100vw;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 80%;
      content: '';
      display: block;
      top: 20%;
    }

    video {
      max-width: 1000px;
      margin: auto;
      display: block;
      position: relative;
      z-index: 20;
    }
  }
}

@include respond-below(md) {
  .blok-tekstowy-08 {
    .two_columns {
      .img:first-child {
        order: 2;
      }

      .img:last-child {
        order: 1;
      }
    }
  }
}