.theme-paragraph-quote-quote {
  font-size: 1.6rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.56;
  color: #61503c; }

.theme-paragraph-quote-person-name {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.23;
  color: #0c6158; }

.theme-paragraph-quote-person-position {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.23;
  color: #0c6158; }

.theme-paragraph-quote {
  background-color: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  flex-grow: 1; }
  @media screen and (max-width: 768px) {
    .theme-paragraph-quote {
      box-shadow: none; } }
  .type-paragraph_body + .type-paragraph_quote .theme-paragraph-quote {
    -webkit-transform: translate(-2.5rem, -1.5rem);
    transform: translate(-2.5rem, -1.5rem); }
    .home-page .type-paragraph_body + .type-paragraph_quote .theme-paragraph-quote {
      -webkit-transform: none;
      transform: none; }
  .theme-paragraph-quote--rotate {
    display: none;
    width: 30rem; }
    .theme-paragraph-quote--rotate.active {
      display: block; }
      @media screen and (min-width: 769px) {
        .theme-paragraph-quote--rotate.active {
          position: absolute;
          top: 13.3rem; } }
  .theme-paragraph-quote-quote {
    flex-shrink: 1;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
    order: 1;
    padding: 4.5rem 4.5rem 3rem;
    box-sizing: border-box;
    position: relative; }
    .cssmask .theme-paragraph-quote-quote:before, .cssmask .theme-paragraph-quote-quote:after {
      content: '';
      display: inline-block;
      width: 2.6rem;
      height: 2.6rem;
      background-color: #17685e;
      -webkit-mask-image: url(../images/icons.svg#quotes);
      mask-image: url(../images/icons.svg#quotes);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 2.6rem 2.6rem;
      mask-size: 2.6rem 2.6rem;
      -webkit-mask-position: 0 0;
      mask-position: 0 0; }
    .cssmask .theme-paragraph-quote-quote:before {
      margin-left: -2.6rem;
      vertical-align: bottom;
      -webkit-transform: translate(-1rem, -1rem) rotateZ(180deg);
      transform: translate(-1rem, -1rem) rotateZ(180deg); }
    .cssmask .theme-paragraph-quote-quote:after {
      margin-right: -2.6rem;
      vertical-align: top;
      -webkit-transform: translate(1rem, 1rem);
      transform: translate(1rem, 1rem); }
    .no-cssmask .theme-paragraph-quote-quote:before, .no-cssmask .theme-paragraph-quote-quote:after {
      content: "";
      position: relative;
      top: 0;
      pointer-events: none;
      width: 3.6rem;
      height: 3.6rem;
      background-image: url(../images/icons.svg#quotes);
      background-repeat: no-repeat;
      background-size: 3.6rem 3.6rem;
      background-position: 0 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .theme-paragraph-quote-person {
    flex-shrink: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: calc(100% - 10.1rem);
    -webkit-box-ordinal-group: 4;
    order: 3;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box; }
  .theme-paragraph-quote-person-image {
    flex-shrink: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 10rem;
    -webkit-box-ordinal-group: 3;
    order: 2; }
    .theme-paragraph-quote-person-image figure {
      margin: 0; }
    .theme-paragraph-quote-person-image img {
      vertical-align: bottom; }