@import "../../scss/variables";
@import "../../scss/mixins";
@import "../../scss/palettes";
@import "../../../public/css/variables";
@import "../../../public/css/functions";
@import "../../../public/css/mixins";
@import "~material-components-web/material-components-web";

:host {
  display: block;
}

.footer {
  $last-column-width: 350px;
/*   min-height: 260px;*/
  min-height: 60px;
  padding-top: 30px;
  padding-bottom: 23px;
  box-sizing: border-box;
text-align: center;
  &.p-15 {
    padding: 15px;
  }

  .w-100 {
    width: 100%;
  }

  .bottom {
    margin: auto;
    width: 100%;
    max-width: $main-content-width;
    font-size: 13px;
    // color: fade-out(black, .2);
    font-family: "Open Sans";
    @include ng-theming($if: default) {
      color: fade-out(black, .2);
    }
    @include ng-theming($if: night) {
      color: fade-out(white, .2);
    }

    a{
        color: white;
        font-size: 20px;
    }

    .important {
      width: $last-column-width;
    }

    &.lt-md {
      text-align: center;

      .important {
        width: auto;
        margin-bottom: 15px;
        margin-top: 15px;
      }
    }
  }

  .top {
    margin: auto;
    width: 100%;
    max-width: $main-content-width;
    line-height: 2;

    .title {
      font-weight: bold;
    }

    .last-column {
      width: $last-column-width;
    }

    .mt-10 {
      margin-top: 10px;
    }
  }

  .input-with-button {
    border-radius: 6px;
    padding-left: 15px;
    background-color: transparent;
    overflow: hidden;
    line-height: 26px;

    /deep/ {
      .mat-input-wrapper {
        padding-bottom: 0;
      }

      .mat-input-infix {
        border-top: none;
      }

      .mat-input-underline {
        display: none;
      }

      .mat-button {
        line-height: normal;
      }
    }
  }
}
