$rsce_fullscreen-image-box_color-bright: $ls-color-white !default;
$rsce_fullscreen-image-box_color-dark: $ls-color-black !default;

.ce_rsce_fullscreen-image-box {

  .text-box-wrapper{
    .text-container {
      text-align: center;
      font-size: $ls-font-size-h3;
      border: 0.1rem solid;

      h1,
      h2,
      h3 {
        font-size: $ls-font-size-h1;
        padding-bottom: $grid-gutter-width-small;
        margin-bottom: $grid-gutter-width-small;
        position: relative;

        &::after {
          content: "";
          position: absolute;
          width: 30%;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          border-bottom: 0.1rem solid;
        }
      }

      a {
        @include ls_defaultButton;
        @include ls_dynamicBackground;
      }

      .text {
        margin-top: $grid-gutter-width / 2;
      }
    }
  }

  &.text-background-dark {
    .text-box-wrapper {
      .text-container {
        color: $rsce_fullscreen-image-box_color-bright;
        border-color: $rsce_fullscreen-image-box_color-bright;
        background-color: rgba($rsce_fullscreen-image-box_color-dark, 50%);
        text-shadow: 0 0 0.5rem rgba($rsce_fullscreen-image-box_color-dark, 90%);

        h1,
        h2,
        h3 {
          &::after {
            border-bottom-color: $rsce_fullscreen-image-box_color-bright;
          }
        }

        a {
          border-color: $rsce_fullscreen-image-box_color-bright;
        }
      }
    }
  }

  &.text-background-bright {
    .text-box-wrapper {
      .text-container {
        color: $rsce_fullscreen-image-box_color-dark;
        border-color: $rsce_fullscreen-image-box_color-dark;
        background-color: rgba($rsce_fullscreen-image-box_color-bright, 50%);
        text-shadow: 0 0 0.5rem rgba($rsce_fullscreen-image-box_color-bright, 90%);

        h1,
        h2,
        h3 {
          &::after {
            border-bottom-color: $rsce_fullscreen-image-box_color-dark;
          }
        }

        a {
          border-color: $rsce_fullscreen-image-box_color-dark;
        }
      }
    }
  }
}