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/tandartsmaas.komma.pro/wwwroot/css/partials/_footer.sass
footer
  position: relative
  z-index: 10
  width: 100%

  background: $purple
  color: $purpleWhite

  font-size: .888888889em
  line-height: 1.5

  .top-row
    padding: 80px 0
    @extend %clearfix

    +respond-to(mobileNavigation)
      padding: 80px

    +respond-to-width(500)
      padding: 40px

  a
    color: $purpleWhite

    &.active
      color: #fff
      +RalewayBold

    &:hover
      color: #fff

  ul
    margin-bottom: 1.3333em

  .title
    display: block
    margin-bottom: 1.3333em
    padding-bottom: 3px
    width: 87.5%
    border-bottom: 2px solid #706578

    color: #fff

    +RobotoSlab
    font-size: 1.25em

    +respond-to(mobileNavigation)
      width: 100%

  .contact
    margin-left: 12.5%

    +respond-to(mobileNavigation)
      margin-left: 0

    +respond-to-width(500)
      margin-top: 1.3333em

    a
      color: #fff

    .logo
      display: inline-block
      margin: 50px 20px 0 0

      &.krt
        +sprite(-420px,-100px,70px,58px)

      &.knmt
        position: relative
        top: -14px
        left: 0
        margin-right: 0
        +sprite(-520px,-100px,110px,40px)

  .hours
    float: left
    width: 50%
    margin-bottom: 1.3333em

    +respond-to-width(500)
      width: 100%
      float: none
      margin-bottom: 0

  .bottom-row
    clear: both
    +row-height(2)
    background: $purpleWhite
    color: $purple
    font-size: .888888889em

    +respond-to-width(500)
      +row-height(3)
      padding-top: 40px

    a
      color: $purple

      &:hover
        .text
          text-decoration: underline

    .copyright
      float: left
      margin: 28px 0 0 40px

      +respond-to-width(500)
        display: block
        float: none
        margin: 0 0 0 60px

    .komma
      float: right
      margin: 28px 40px 0 0

      +respond-to-width(500)
        display: block
        float: none
        margin: 5px 0 0 40px

      .logo
        display: inline-block
        margin-right: 6px
        +sprite(-480px, -180px, 24px, 24px)
      .text
        +position(relative, -8px null null 0)