/home/moonrcjl/template.moontelict.com/attorix/assets/scss/components/_accordion.scss
@use '../utils' as *;

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/

.mt-accordion {
    &-header {
        margin: 0;
    }

    &-item {
        border-radius: 24px;
        background: #C7A172;
        padding: 25px 30px;
    }

    &-button {
        font-size: 24px;
        font-weight: 600;
        font-family: var(--mt-ff-body);
        width: 100%;
        text-align: left;
        @include flexbox();
        align-items: center;
        gap: 15px;
        color: var(--mt-common-white);
        position: relative;

        @media #{$xs} {
            font-size: 15px;
        }

        &::before {
            content: "\f068";
            font-family: var(--mt-ff-fontawesome);
            font-size: 16px;
            font-weight: 600;
            color: var(--mt-common-black-2);
            background-color: var(--mt-common-white);
            width: 26px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);

            @media #{$xs} {
                width: 40px;
            }

        }

        &.collapsed {
            &::before {

                content: "\2b";
            }
        }

    }

    &-body {
        border-top: 1px dashed #B68C5A;

        & p {
            color: var(--mt-common-white);
            margin-bottom: 0;
        }
    }



}