$quote-breakpoint: 640px;

.frame-type-quote {
    padding-top: 125px;
    padding-bottom: 80px;

    blockquote {
        quotes: auto;
        padding: 0;
        border: none;
        quotes: auto;

        > * {
            &:first-child {
                &:before {
                    content: open-quote;
                }
            }

            &:last-child {
                &:after {
                    content: close-quote;
                }
            }
        }

        p {
            font-size: 28px;
            line-height: 1.3;

            &:last-child {
                // margin-bottom: 0;
            }
        }
    }

    figcaption {
        text-align: left;
    }

    &.frame-layout-0 {
        .ce-quote__quote {
            position: relative;
            margin-inline: auto;


            &::before,
            &::after {
                position: absolute;
                inset: -85px auto auto 0;
                content: '';
                width: 70px;
                height: 52px;
                background: url(../../Images/Quotes-Start.png);
                background-size: 100%;
                z-index: 0;

            }

            &::after {
                inset: auto 0 -64px auto;
                background: url(../../Images/Quotes-End.png);
                background-size: 100%;
                @media (max-width: 540px) {
                    inset: auto 0 -100px auto;
                }
            }

            blockquote > * {
                &:first-child {
                    &:before {
                        display: none;
                    }
                }

                &:last-child {
                    &:after {
                        display: none;
                    }
                }
            }


            &-author {
                font-size: 16px;
                font-weight: bold;

                &_annex {
                    font-weight: normal;
                    font-size: 80%;
                }
            }
        }
    }

    &.frame-layout-10 {
        padding-top: 1rem;
        padding-bottom: 1rem;

        .ce-quote {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            column-gap: 2rem;
            row-gap: 0;

            @media (min-width: $quote-breakpoint) {
                grid-template-columns: 33% 1fr;

            }




            &__img {
                order: 1;
                img {
                    width: 100%;
                    border-radius: 500%;
                    object-fit: cover;
                    aspect-ratio: 1 / 1;
                }

                &-caption {
                    font-size: 80%;
                    text-align: left;
                    margin-top: 5px;

                    @media (min-width: $quote-breakpoint) {
                        text-align: right;
                    }
                }

                @media (min-width: $quote-breakpoint) {
                    order: 0;
                }
            }

            &__quote {
                background: var(--noventi-gradient);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            &__quote-content p {
                font-family: Noto-Serif, sans-serif;
                font-size: clamp(22px, calc(4.22px + 2.315vw), 26px);
                line-height: 1.3;
                //font-weight: bold;
            }

            &__quote-author {
                font-size: 80%;
                margin-top: 20px;
                background: #000;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                p {
                    text-align: center;
                }
            }





        }
    }
}



@media (min-width: $quote-breakpoint) {
    .frame-type-quote.frame-layout-10 .ce-quote.inner.reverse-column {
        direction: rtl;

        .ce-quote__img,
        .ce-quote__quote {
            direction: ltr;
        }
    }
}

/* quickfix NOV-996*/
.frame-type-quote.frame-layout-10 .ce-quote__quote {
    display: flex;
    align-items: center;
}