//--------------------------------------------------
// mixins
//--------------------------------------------------

//--------------------------------------------------
// classes
//--------------------------------------------------
.list {
  &--stripes {
    @include ul-unstyled;

    .list {
      &__li {
        padding: rem-calc(16 14);

        &:nth-child(odd) { background-color: $grey-xlight; }
      }

        &__title {
          font-weight: $bold;
          margin-right: rem-calc(14);
        } 
    }
  }

  &--underline {
    @include ul-unstyled;
    max-height: rem-calc(280);
    overflow-y: scroll;

    @include beautify-scrollbar;
    padding-right: rem-calc(19);


    .list {
      &__li {
        @include flex;
        border-top: solid 1px $grey-light;
        padding: rem-calc(14 0);

        &:first-child { border-top: none; }
      }

        &__a {
          margin-left: auto;
        }

        &__icon {
          @include circle-icon;
          background-color: $grey;
          margin-right: rem-calc(24);
        }

        &__title {
          font-weight: $bold;
          margin-right: rem-calc(24);
        } 

        &__value {

        }

        &__a {
          @include button-with-icon;
          @include flex-no-shrink;
          
          &::after {
            @include icon-circle-chevron-black;
            height: rem-calc(21);
            width: rem-calc(21);
          }
        }
    }
  }
}

//--------------------------------------------------
// mixins
//--------------------------------------------------

//--------------------------------------------------
// classes
//--------------------------------------------------
.list {
  &--stripes {
    @include ul-unstyled;

    .list {
      &__li {
        padding: rem-calc(16 14);

        &:nth-child(odd) { background-color: $grey-xlight; }
      }

        &__title {
          font-weight: $bold;
          margin-right: rem-calc(14);

          display: block;

          @include breakpoint($medium) { display: inline; }
        } 
    }
  }

  &--underline {
    @include ul-unstyled;
    max-height: rem-calc(280);
    overflow-y: scroll;

    @include beautify-scrollbar;
    padding-right: rem-calc(19);


    .list {
      &__li {
        @include flex;
        border-top: solid 1px $grey-light;
        padding: rem-calc(14 0);

        &:first-child { border-top: none; }
      }

        &__a {
          margin-left: auto;
        }

        &__icon {
          @include circle-icon;
          background-color: $grey;
          margin-right: rem-calc(24);
        }

        &__title {
          font-weight: $bold;
          margin-right: rem-calc(24);
        } 

        &__value {

        }

        &__a {
          @include button-with-icon;
          @include flex-no-shrink;
          
          &::after {
            @include icon-circle-chevron-black;
            height: rem-calc(21);
            width: rem-calc(21);
          }
        }
    }
  }
}

Break text onto new line for M & T in the striped lists on the region/country/site pages
Break text onto new line for M & T in the striped lists on the region/country/site pages
