@import "../../scss/variables";
@import "../../scss/mixins";
@import "../../scss/palettes";

main {
  display: block;
  text-align: center;
  height: 100%;

  &.main-gt-md {
    //>= 1280px
    width: $main-content-width;
    margin: 0 auto;
    padding: 0;
  }

  &.main-xs {
    padding: 0 16px;
  }

}

.sidenav-container-wraper {

  .actions-row {
    padding: 15px 20px;

    span {
      &:first-child {
        text-align: left;
      }

      &:last-child {
        text-align: right;

        a,
        a:active,
        a:hover,
        a:visited {
          text-decoration: none;
          border: none;
          outline: none;
        }
      }
    }
  }

  .menu-item {
    line-height: 40px;

    a,
    a:active,
    a:hover,
    a:visited {
      text-decoration: none;
    }

    &.general-item {
      font-size: 17px;

      a {
        padding-left: 20px;
      }
    }

    &.submenu-item {
      font-size: 15px;

      a {
        padding-left: 35px;
        padding-right: 18px;
      }
    }
  }

  .newsletter {
    margin-top: 120px;
    padding-left: 20px;
    padding-right: 20px;

    .text {
      margin-top: 13px;
      margin-bottom: 13px;
      font-size: 13px;
      text-align: center;
    }

    .mat-input-container {
      width: 100%;
      border-radius: 6px;
      margin: 20px auto;
    }
  }
  a,
  a:active,
  a:hover,
  a:visited {
    color: inherit;
  }
}

md-sidenav {
  width: 300px;
}
