/* expandable start */
.expandable .expand-bar {
    text-align: center;
}

    .expandable .expand-bar::before {
        height: 40px;
        top: -40px;
    }

    .expandable .expand-bar > span {
        padding: 0.25rem 2rem;
        background: #01a957;
        display: inline-block;
        border-radius: 0.375rem;
        color: #fff;
        position: relative;
    }

        .expandable .expand-bar > span:before {
            font-family: "Font Awesome 5 Pro";
            font-size: 0.5rem;
            padding-right: 6px;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            right: 0.5rem;
        }

        .expandable .expand-bar > span.more:before {
            content: "\f107";
        }

        .expandable .expand-bar > span.less:before {
            content: "\f106";
        }

.expand-bar:not([display='none']) ~ .content-expandable {
    padding-bottom: 50px;
}

.expandable.expanded > *:not(a) {
    padding-bottom: 3rem !important;
}

.expandable .expand-bar i {
    display: none;
}

@media(max-width: 424px) {
    .expandable .expand-bar > span {
        padding: 0.25rem 0.5rem;
    }
}

/*.content-category-star img,
.content-category-end img {
    height: auto !important;
    max-width: 100%;
}*/