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/fire-tech/fire-tech.nl/resources/assets/sass/site/pages/_subscribe.sass
#subscribe
  .dynamic-content
    padding: 60px 0
    .kms-content
      h3, h4
        color: $red
        text-align: center
        text-transform: none

      h5
        text-align: left
        margin: 0
        font-size: 0.9rem
        color: $black
        display: inline-block
        width: auto
        line-height: 1.5rem

  *[hidden]
    display: none
  .form
    margin: 0 auto

    label
      margin-top: 8px

    .add-student
      text-align: center
      a
        background-color: rgba($red, 0.2)
        color: rgba($red, 0.7)
        border-radius: 4px
        padding: 5px 20px 5px 10px
        font-weight: bold
        +inline-flex(flex-start, center)
        span
          font-size: 1.8em
          margin: 0 10px

    input[type="radio"],
    input[type="checkbox"]
      display: inline-block
      width: auto
      margin-right: 15px

    input[type="radio"]
      position: relative
      top: -2px

    .dates
      color: rgba($red, 0.7)
      font-weight: bold
      label
        font-size: 1em
        +flex(flex-start, center)
        color: rgba($red, 0.7)
        text-transform: none

        input
          margin-right: 10px

        &.disabled
          h5
            text-decoration: line-through

    .genders
      margin-bottom: 10px
      input
        margin-right: 5px
        position: relative
        top: 2px
      label
        display: inline-block

        &:first-of-type
          display: block

      a
        text-decoration: underline
        &:hover
          color: $red

    .birthdateInputs
      +flex(space-between, center)

    input
      &.datum_geboorte
        display: inline-block
        margin: 0 10px
        &:first-of-type
          margin-left: 0
        &:last-of-type
          margin-right: 0

      +placeholder
        font-size: 0.8rem

    .form-element
      &.company_street,
      &.company_city
        display: inline-block
        width: 70%

        +respond-to-width(600)
          width: 100%

      &.company_street,
      &.company_postal_code
        margin-right: 4%

        +respond-to-width(600)
          margin-right: 0

      &.company_housenumber,
      &.company_postal_code
        display: inline-block
        width: 25%

        +respond-to-width(600)
          width: 49%