HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/Neopoints/momsecurity.be/resources/sass/5-Components/_components.largeQuote.scss
$largeQuoteBp: 740;

.c-large-quote {

  @include mq($largeQuoteBp) {
    display: flex;
    justify-content: center;
  }
}

.c-large-quote__image {
  max-width: 280px;
  margin: auto;

  @include mq($largeQuoteBp) {
    max-width: 360px;
    width: column(2, 6);
    margin: 0;
  }

  .c-clipped-image__svg {
    color: palette(secondary, 80);
  }
  .c-clipped-image__background {
    opacity: 1;
  }
}

.c-large-quote__main {

  @include mq($max: $largeQuoteBp) {
    margin: 30px auto 0;
    width: column(10, 12);
    text-align: center;
  }

  @include mq($largeQuoteBp) {
    margin-left: column(0.5, 6);
    width: column(3.5, 6);
    max-width: 700px;
  }
}


.c-large-quote__text {
  position: relative;

  h2 {
    margin-bottom: 50px;
  }
}

.c-large-quote__quote-mark {
  width: 35px;
  max-height: 30px;

  @include mq($max: $largeQuoteBp){
    display: inline-block;
    margin-bottom: 20px;
  }

  @include mq($largeQuoteBp) {
    position: absolute;
    left: -65px;
    top: -5px;
  }
}

.c-large-quote__name {
  margin-top: 40px;
  font-weight: 500;
  color: palette(text, 400);
  line-height: 1.2;
}

.c-large-quote__function {
  @include font-size(16);
}