@import "../_colors";

.p-accordion {
    .p-accordionpanel {
        background-color: #fff;
        border: 1px solid #c1c1cc;
        overflow: hidden;

        .p-accordionheader {
            background-color: #fff;
            border: none;
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            font-weight: 700;
            padding: 16px;
            text-transform: uppercase;

            .p-iconwrapper {
                color: #212533;
                font-size: 24px;
                line-height: 1;
                margin-right: 12px;

                .p-icon {
                    display: none;
                }

                &::before {
                    content: "\2b";
                }
            }
        }

        .p-accordioncontent {
            color: #212533;
            font-family: "Open Sans", sans-serif;
            font-size: 14px;

            .p-accordioncontent-content {
                border: none;
                padding: 20px;
            }
        }

        &-active {
            .p-accordionheader {
                background-color: #eeebf2 !important;
                border-bottom: 1px solid #dedce5 !important;

                .p-iconwrapper {
                    &::before {
                        content: "\2212";
                    }
                }
            }
        }

        &:first-child {
            border-radius: 6px 6px 0 0;
        }

        &:last-child {
            border-radius: 0 0 6px 6px;
        }
    }
}