@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 "../../../_fonts/fontawesome/scss/fontawesome";
@import "../../../_fonts/fontawesome/scss/solid";

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

html body {
  .ce_rsce_quotebox {
    .quote--element {
      text-align: center;


      .quote--image {
        margin-bottom: 1.5rem;
        //height: rfs-value(100px);
        display: flex;
        flex-flow: column wrap;
        justify-content: center;

        img {
          //max-height: rfs-value(100px);
          //max-width: rfs-value(285px);
        }
      }

      .quote--detail {
        display: inline-block;

        .quote--text {
          display: inline-block;
          position: relative;
          padding: 0rem 2.25rem;
          font-size: 2rem;


          &::before {
            left: 0;
            top: 0;
            content: fa-content($fa-var-quote-left);
          }

          &::after {
            bottom: 0;
            right: 0;
            content: fa-content($fa-var-quote-right);
          }

          &:before, &:after {
            @include font-size(24px);
            position: absolute;

            @extend .fas;
          }
        }

        .quote--name {
          padding: 0 2.25rem;
          display: block;
          margin-top: .75rem;
          @include font-size(14px);
          text-align: right;
        }
      }
    }
  }
}