Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/modules/faq/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// SOON FAQ
// ==============================================

.soon_faq-index-index {
    .page-title {
        @extend .title-1;
        text-align: center;
    }

    .columns {
        background-color: $c-white;
        padding: 10px 15px 15px;
        max-width: 1050px;
        margin: 0 auto 30px;

        @include breakpoint(md) {
            padding: 10px 45px 30px;
        }
    }

    .column {
        & > h2 {
            position: relative;
            padding: 10px 25px 10px 0;
            margin-top: 10px;
            border-bottom: 1px solid $c-grey;
            cursor: pointer;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 1.2rem;
            line-height: 1.8;

            @include breakpoint(md) {
                padding: 15px 40px 15px 0;
                font-size: 1.6rem;
            }

            &:after {
                content:"\e93d";
                @extend %icon-icomoon;
                display: block;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                overflow: hidden;
                height: 20px;
                line-height: 20px;
                transition: height .1s linear, line-height .1s linear;
                font-size: 1.6rem;

                @include breakpoint(md) {
                    font-size: 2rem;
                }
            }

            &.is-active {
                color: $c-blue;

                &:after {
                    height: 3px;
                    line-height: 3px;
                }

                & + ul {
                    visibility: visible;
                    max-height: none;

                    > li {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }
            }
        }

        & > ul {
            visibility: hidden;
            max-height: 0;
            overflow: hidden;

            > li {
                opacity: 0;
                padding-top: 30px;
                transform: translateY(-10px);
                transition: transform .5s linear, opacity .4s linear;

                &:last-child {
                    margin-bottom: 40px;
                }

                > div,
                p {
                    font-size: 1.4rem;
                    line-height: 1.8;
                }
            }

            h3 {
                color: $c-blue;
                margin-bottom: 10px;
                font-weight: bold;
                font-size: 1.4rem;

                @include breakpoint(md) {
                    font-size: 1.6rem;
                }
            }
        }
    }
}