.eshop-footer-wrapper {
  background: $bottom-menu-bg-color;
  @extend  .filled ;

  .pink-line {
    display: block;
    height: 5px;
    background: $success;
  }
  .eshop-footer-brands {
    @extend  .mt-#{$eshop-footer-brands-spacing} ;
    background-color: $eshop-footer-brands-bg;
    &-inner {
      @extend  .container ;
      .brand {
        @extend  .p-#{$eshop-footer-brands-spacing} ;
        display: inline-block;
        width: 20%;
      }
    }
    @include media-breakpoint-down(sm) {
      display: none;
    }
  }
  .eshop-footer {
    background-color: $eshop-footer-bg;
    border-top: solid $eshop-footer-line-size $eshop-footer-line-color;
    &-inner {
      @extend  .container ;
      @extend  .py-#{$eshop-footer-brands-spacing} ;
      .eshop-footer-items {
        @extend  .row ;
        > div {
          @extend  .col-sm-3 ;
          h5 {
            margin-top: 20px;
            @include media-breakpoint-down(sm) {
              margin-top: 60px;
            }
          }
        }
        .tag-line {
          img {
            @extend  .mb-4 ;
          }
          .quoted {
            text-align: center;
            color: $eshop-footer-tag-line-color;
            margin-top: 30px;
            &:before {
              left: 3px;
            }
          }
        }

        .contact {
          .contact-item {
            @extend    .mb-#{$eshop-footer-contact-spacing} ;

            span {
              display: block;
              margin-left: 22px;
            }
            svg {
              color: $eshop-footer-contact-icon-color;
              float: left;
              margin-top: 3px;
            }
          }
        }
        .newsletter {
          p {
            font-size: $eshop-footer-newsletter-font-size;
          }
          input {
            color: $eshop-footer-newsletter-input-color;
            background-color: $eshop-footer-newsletter-input-bg-color;
            border-color: $eshop-footer-newsletter-input-bg-color;
          }
          .btn {
            background-color: $eshop-footer-newsletter-button-bg-color;
            color: $eshop-footer-newsletter-button-color;
          }
        }
        .suppport-link {
          a {
            display: block;
            &:link, &:visited {
              color: $eshop-footer-support-link-color;
            }
          }
        }
      }
    }
  }
  .copyright {
    @extend                    .container ;
    @extend                    .pl-#{$bottom-menu-spacing} ;
    @extend                    .pb-#{$bottom-menu-spacing / 2} ;
    text-align:               left;
    margin-top:               $eshop-footer-copyright-top-margin;
    font-size:                $eshop-footer-copyright-font-size;
    @include media-breakpoint-down(md) {
      margin-top: 0px;
      //padding-left: 0px !important;
    }
  }
}
