@mixin cwui-site-footer {
  .site-footer {
    &,
    a,
    a:hover,
    a:focus,
    &__heading {
      color: #fff;
    }
  
    &__heading {
      font-weight: 700;
      font-size: rem-calc(21);
    }
  
    >.row {
      background: #6f695d;
      padding: rem-calc(30) ($grid-column-gutter / 2);
      margin: 0 auto;
      max-width: $grid-row-width;
      >.columns {
        margin-bottom: rem-calc(20);
      }
    } // temp
  
    .icon {
      height: 16px;
      width: 16px;
    }
  }
  
  .site-footer-inner {
    @include grid-row();
    background: #6f695d;
    padding: rem-calc(30) ($grid-column-gutter / 2);
    position: relative;

    .row {
      @include grid-row($behavior: nest);
    }

    >.columns {
      margin-bottom: rem-calc(20);
    }
  }
  
  .footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
  
    &--nested {
      list-style-type: square;
      margin-left: rem-calc(16);
    }
  
    .site-footer__heading+& {
      margin-top: (-($header-margin-bottom));
    }
  }
}