#courses
  .dynamic-content
    margin-left: column(1, 24)
    width: column(7, 12)
    padding: 72px column(1, 24) 100px
    background-color: white

    +respond-to-width(1000)
      width: column(11, 12)

    +respond-to-width(600)
      width: 100%
      margin-left: 0
      padding: 30px column(1, 24) 100px

  .overview-page
    .background
      position: absolute
      top: 0
      left: 0
      width: 100%
      height: 100%
      background-color: white

      +respond-to-width(900)
        display: none

      .left
        position: absolute
        top: 0
        left: 0
        display: block
        height: 100%
        width: column(3, 12)
        background: $red

      .right
        position: absolute
        top: 0
        right: 0
        display: block
        height: 100%
        width: column(3, 12)
        background:
          image: url("/img/backgrounds/courses.jpg")
          size: cover
          position: center center

    > .grid-row
      position: relative
      z-index: 2

      &:before
        content: ''
        position: absolute
        top: 0
        left: 0
        display: block
        height: 100%
        width: column(7, 24)
        background: $red

        +respond-to-width(900)
          display: none

    .show-sub-menu
      p
        color: white
      ul
        li
          a
            color: rgba(white, 0.7)
            .arrow
              svg.arrow-icon
                .st0
                  fill: rgba(white, 0.7)

          &.active
            a
              color: white


    .cta-row
      background-color: white
      .cta-trigger, .cta-trigger-2
        h3, p
          color: $brightBlue

      .cta-person
        .contact-info
          width: calc(100% - 175px)
          padding-left: 25px

          p, span
            color: $brightBlue

          a
            color: darken($brightBlue, 15%)

            &:hover
              color: $brightBlue

  .index-grid-row
    background-color: white
    &:before
      content: ''
      display: block
      position: absolute
      top: 0
      left: 0
      width: 100%
      height: 200px
      background-color: $blue


.nibhv,
.ncp
  margin-top: 30px

.ncp
  margin-left: auto