@import '/core/css/import.less';

/*
 * FAQ Wrap
 */

.faqContent {
    margin: 0 0 20px;
}

.faqQuestionAnswerWrap {
    margin: 0 0 40px;

    .faqQuestionAnswer {

        border-bottom: 1px solid var(--border_color);

        .faqQuestion {
            font-family: var(--primary_font);
            .rems(18);
            color: var(--highlight_color);
            position: relative;
            padding: 10px 30px 10px 0;
            cursor: pointer;

            &:after {
                .fa(f107, @text_color);
                position: absolute;
                top: 17px;
                right: 10px;
                transform: translateY(-50%), rotate(0deg);
                .rems(18);
                transition: transform 0.3s;
                line-height: 100%;
            }

            &.open:after {
                transform: rotate(-90deg);
            }
        }

        .faqAnswer {
            display: none;
            padding: 10px 0 20px;
        }
    }
}
