@use "../variables" as vars;
@use "../functions" as func;
@use "../mixins" as mixins;

footer {

  p, h1, h2, h3, h4, h5, h6 {
    margin:0;
  }
  .h1, .h2, .h3, .h4, .h5, .h6 {
    margin:0;
  }


  // generel for footer
  .footer {
    border-top: func.border(vars.$footer-border);
    background-color: func.color(vars.$footer-background-color);
    padding-top: calc(#{func.units(5)} - 1px);
    padding-bottom: func.units(4);
    margin-top: 8rem;
    color: func.color(vars.$footer-text-color);
    @include mixins.media-breakpoint-up(md) {
      padding-bottom: calc(#{func.units(9)} + #{func.units(4)});
    }
    p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
      color: func.color(vars.$footer-text-color);
    }

    .function-link {
      color: func.color(vars.$footer-text-color);
      &:hover, &:focus, &:visited{
        color: func.color(vars.$footer-text-color);
      }
    }

    .footer-col {
      &:not(:first-child) {
        margin-top: func.units(5);
      }
      @include mixins.media-breakpoint-up(md) {
        &:not(:first-child) {
          margin-top: 0;
        }
      }
    }

    .logo{
      background-image: url("#{vars.$image-path}#{vars.$footer-logo}");
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block;
      height: auto;
      max-height: 100%;
      max-width: 150px;
    }

    ul{
      &:not(:last-child) {
        margin-bottom: func.units(5);
      }

      &.footer-links {
        li {
          margin-top:func.units(3);
        }
      }
    }

    .inline-list {
      > li:not(:last-child) {
        &::after {
          @include mixins.media-breakpoint-up(md) {
            content: "\00b7" !important;
            margin-left: func.units(3);
            margin-right: func.units(3);
          }
        }
      }
    }
  }
  // footer-theme
  .footer-theme {
    padding-top: func.units(4);
    padding-bottom: func.units(3);
  }
}