/* Style for modal in login status in settings page - contact us and FAQ */
.settings {
  .account-section {
    text-align: center;
  }
  .list {
    .item {
      padding-top: $padding-large-vertical;
      padding-bottom: $padding-large-vertical;
      font-weight: $font-weight-light;
      color: $normal-grey;
      .item-note {
        color: $base-color;
      }

      .icon {
        font-size: $font-size-base * 2;
      }

      &.item-divider {
        padding-top: $padding-base-vertical;
        padding-bottom: $padding-base-vertical;
        font-weight: $font-weight-bold;
      }
    }
    .compressed-item {
        .item-content {
          padding-top: 0px;
          padding-bottom: 0px;
        }
      }
  }
}
/* Style for modals in settings - contact us and FAQ */
.settings-modal {
  padding-top: $padding-large-vertical;
  padding-left: $padding-large-horizontal;
  padding-right: $padding-large-horizontal;
  p {
    font-size: $font-size-base;
    color: $base-color;
    padding-bottom: $padding-large-vertical;
  }
}
/* Style for the legal modals in settings - Terms of Use and Privacy Policy */
.legal {
  padding: $content-padding $content-padding*3;

  h1{
    font-size: $font-size-large*1.5;
  }
  h2 {
    padding-top: $padding-large-vertical*3;
    padding-bottom: $padding-large-vertical;
  }

  p{
    color: $dark;
    padding-top: $padding-large-vertical;
    padding-left: $padding-large-horizontal;
    padding-bottom: $padding-large-vertical;
  }
  ol {
    list-style-type: decimal;
    counter-reset: item;
  }
  ul{
    list-style-type: disc;
    list-style-position: inside;
  }
  span.subHeader {
    font-weight: bold;
  }
  ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
  }
  ul li:before {
    content: "• ";
  }
  ol, ul {
    padding-top: $padding-large-vertical;
    padding-left: $padding-large-horizontal;
    padding-bottom: $padding-large-vertical;
    li {
      display: block;
      font-weight: bold;
      li {
        text-indent: -2em;
        padding-left: 18px;
        font-weight: normal;
        li {
          padding-left: 0px;
          text-indent: -2.5em;
        }
      }
    }
  }
}
/* Style for the faq modal in settings*/
.faq {
  padding: $padding-large-vertical*3;

  p{
    font-size: $font-size-base;
    color: $dark;
  }

  hr{
    width: 100%;
    border: none; //because margins does not work for hr
    border-bottom: 1px solid $card-border-color;
    height: 20px;
  }

  h2{
    padding-top: $padding-large-vertical;
    font-size: $font-size-small;
    text-transform: uppercase;
    color: $dark;
  }

  h3{
    padding-top: $padding-large-vertical*2;
    font-size: $font-size-large;
    color: $royal;
  }
}
