.text-block {
   font-size: rem(14);
   color: #231f20;

   @include _XSDesktop {
      font-size: rem(12);
   }

   @include _LDesktop {
      font-size: rem(14);
   }
   @include _HDesktop {
      font-size: rem(16);
   }
   p {
      line-height: 1.5;
      color: #231f2099;
      margin-bottom: 24px;

      @include _Tablet {
         line-height: 1.5;
      }

      @include _XSDesktop {
         font-size: 1em;
      }

      @include _HDesktop {
         margin-bottom: 48px;
         font-size: 1em;
      }

      &:last-child {
         margin-bottom: 0;
      }
   }
   a {
      color: cl("accent");
      text-decoration: underline;
   }

   li {
      font-size: 1em;
      margin-left: 1.3em;
      margin-bottom: 1em;
      color: #231f2099;

      &:last-child {
         margin-bottom: 2em;
      }
   }

   ul li {
      list-style-type: disc;
   }

   ol li {
      list-style-type: decimal;
   }

   h2 {
      font-weight: 700;
      font-size: rem(18);
      line-height: 1.3;
      margin-bottom: 24px;
      text-transform: uppercase;

      @include _Tablet {
         font-size: rem(24);
      }

      @include _HDesktop {
         font-size: rem(40);
         letter-spacing: -1%;
         margin-bottom: 48px;
      }
   }

   h3 {
      font-weight: 700;
      font-size: rem(16);
      line-height: 1.4;
      margin-bottom: 16px;
      text-transform: uppercase;

      @include _Tablet {
         font-size: rem(20);
      }

      @include _HDesktop {
         font-size: rem(28);
         margin-bottom: 32px;
      }
   }

   h4 {
      font-weight: 700;
      font-size: rem(16);
      line-height: 1.4;
      margin-bottom: 8px;
      text-transform: uppercase;

      @include _Tablet {
         font-size: rem(14);
         line-height: 1.5;
      }

      @include _Desktop {
         font-size: rem(16);
         line-height: 1.2;
      }
      @include _HDesktop {
         font-size: rem(20);
         margin-bottom: 16px;
         line-height: 1.5;
      }
   }

   h5 {
      font-weight: 600;
      font-size: rem(13);
      line-height: 1.5;
      margin-bottom: 8px;

      @include _HDesktop {
         font-size: rem(14);
         margin-bottom: 16px;
      }
   }

   h6 {
      font-weight: 600;
      font-size: rem(12);
      line-height: 1.5;
      margin-bottom: 8px;

      @include _HDesktop {
         font-size: rem(14);
         margin-bottom: 12px;
      }
   }

   &__wrapper {
      > *:first-child {
         padding-top: 12px;

         @include _XSDesktop {
            padding-top: 16px;
         }
         @include _HDesktop {
            padding-top: 20px;
         }
      }

      > *:last-child {
         padding-bottom: 12px;

         @include _XSDesktop {
            padding-bottom: 16px;
         }
         @include _HDesktop {
            padding-bottom: 20px;
         }
      }
   }
}

.text-block--light-text {
   color: #ffffff99;
   p,
   li {
      color: #ffffff99;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      color: #ffffff;
   }
}
