@import "../../variables-layout";

@import "../../../_vendor/node_modules/bootstrap/scss/functions";
@import "../../../_vendor/node_modules/bootstrap/scss/variables";
@import "../../../_vendor/node_modules/bootstrap/scss/mixins";

@import "../../scss-variables";
@import "../../_theme/variables-layout";

html body {
  .ce_rsce_boxtitlesubtitle {
    .boxtitlesubtitle {
      position: relative;

      @include media-breakpoint-down(sm) {
        margin-top: rfs-value(40px);
      }

      .bts--url {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }

      &:hover {
        img {
          opacity: 0.8;
        }
      }

      .bts--image {
        text-align: center;

        img {
          transition: opacity 0.3s ease;
        }
      }

      .bts--content {
        margin-top: rfs-value(12.5px);
        text-align: center;

        @include media-breakpoint-up(md) {
          margin-top: rfs-value(25px);
        }

        .bts--headline {
          color: var(--bs-primary);
          font-weight: bold;
        }

        .bts--subline {
          color: var(--bs-secondary);
        }
      }
    }
  }
}