@accordion-icon-margin-left: 10px;
@accordion-icon-color: @global-inverse-color;
@internal-accordion-open-image: "/images/accordion-open.svg";
@internal-accordion-close-image: "/images/accordion-close.svg";

@accordion-item-margin-top: 10px;

@accordion-title-font-size: @global-small-font-size;
@accordion-title-line-height: 1.4;

@accordion-title-color: @global-inverse-color;
@accordion-title-hover-color: @global-inverse-color;

@accordion-content-margin-top: 0;

.hook-accordion-title() {
    background-color: @global-primary-background;
    text-decoration: none;
    padding: 15px;

    transition: all 0.5s;

    &::before {
        width: 25px;
        height: 25px;
    }
    img {
        margin-right: 10px;
    }
}
.hook-accordion-title-hover() {
    color: @global-emphasis-color;
}

.uk-open .uk-accordion-title {
    color: @global-inverse-color;
    background-color: #ff2400;
}

.hook-accordion-content() {
    box-shadow: @global-small-box-shadow;
    padding: 15px;
    a {
        color: @global-color;
        text-decoration: none;
    }
    .uk-icon {
        color: @global-emphasis-color;
    }
}