HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/sdo/sdoschoonmaak.nl/resources/assets/sass/site/partials/show/_modelDetail.sass
.show-model-detail
  position: relative
  overflow: hidden

  +respond-to-width-beyond(900)
    background-color: $whiteBlue

  .return-to-overview
    background-color: $darkPurple
    padding: 20px column(1, 14)
    text-decoration: none
    display: none
    width: 100%

    .arrow
      position: relative
      top: 1px
      left: 4px
      display: block
      width: 12px
      margin-right: 25px
      transform: translate3d(0,0,0)
      transition: transform 0.3s

      svg
        max-height: 15px

      .arrow-icon
        width: 100%
        transform: rotate(90deg)
        transform-origin: center
        .st0
          fill: white

    p
      font-size: 0.8rem
      color: white
      margin: 0
      font-weight: semibold()

    &:hover
      .arrow
        transform: translate3d(-5px,0,0)

  .show-sub-menu
    position: relative
    z-index: 3
    display: inline-block
    width: column(3.5, 12)
    vertical-align: top

  .dynamic-content
    position: relative
    z-index: 2
    display: inline-block
    width: column(8, 12)
    padding: 80px 0
    vertical-align: top

    +respond-to-width-beyond(900)
      margin-left: column(0.5, 12)
      padding-left: column(0.5, 12)

    &:after
      content: ''
      position: absolute
      z-index: -1
      display: block
      width: 100vw
      height: 100vh
      background-color: white
      left: 0
      top: 0

    .kms-content
      .button
        margin-top: 40px
        text-transform: uppercase
        color: $purple

        &.right
          .arrow
            margin-left: 30px

    .dynamic-block
      &.full-text-block
        .content
          margin-left: 0
          text-align: left


  +respond-to-width(900)
    .grid-row
      width: 100%
      +flex(flex-start, flex-start)
      +flex-rows

    .return-to-overview
      +order(1)
      +flex(flex-start, center)

    .dynamic-content
      +order(2)
      width: 100%
      padding: 40px column(1, 14)

    .show-sub-menu
      +order(3)
      background-color: $whiteBlue
      width: 100%
      padding: 80px column(1, 14)

  &.overview-page

    +respond-to-width(900)
      .show-sub-menu
        display: none
      .dynamic-content
        width: 100%
      .background-image
        display: none

  +respond-to-width(1050)
    padding-top: 60px