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/SBogers10/zuiderbos.komma.pro/wwwroot/css/dynamic/_contentBlock.sass
.content-block
  padding: 0 0 45px

  .content-container
    position: relative
    z-index: 10

    .image-side
      float: left
      padding-left: 10px

      &.right
        float: right

      &.content66
        width: calc(100% / 3)

        img.large
          display: none

      &.content50
        width: calc(100% / 2)

        img.medium
          display: none

      &.content33
        width: calc(100% / 3 * 2)

        img.medium
          display: none

      img
        width: 100%

      &.left
        padding-left: 0
        padding-right: 10px

    .content-side
      float: left
      padding-right: 10px

      &.right
        float: right
        padding-right: 0

      .inner
        width: 100%
        margin: auto
        padding: 0
        background: white

      h1, h2
        text-align: left
        font-weight: bold()
        color: $orange
      p, em, ul, li
        color: $gray
        a
          color: $orange
        strong
          color: $darkBlue
        a
          text-decoration: underline

      &.content66
        width: calc(100% / 3 * 2 - 20px)

      &.content50
        width: calc(100% / 2 - 20px)

      &.content33
        width: calc(100% / 3 - 20px)

      &.left
        padding-left: 10px
        padding-right: 0

+respond-to-width(1100px)
  .content-block
    .content-container.content33
      padding-bottom: 0
      .content-side, .image-side
        width: 100% !important
        padding: 0 0 80px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%



+respond-to-width(900px)
  .content-block
    margin-bottom: -20px
    .content-container.content33
      .image-side
        img.medium
          display: block

        img.large
          display: none

    .content-container.content50
      padding-bottom: 0
      .content-side, .image-side
        width: 100% !important
        padding: 0 0 20px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%

+respond-to-width(780px)
  .content-block
    .content-container
      padding-bottom: 0
      .content-side, .image-side
        width: 100% !important
        padding: 0 0 20px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%