
/* style-1 for the accordion */

.template-10202.accordion.style-1 .accordion__item:last-of-type {
    margin-bottom: 0 !important;
}

.template-10202.accordion.style-1 .accordion__item .accordion__body::after {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    height: 100%;
    border: 1px dashed lightgray;
    width: 1px;
}

.template-10202.accordion.style-1 .accordion__item .accordion__title {  
    background: var(--color-2);
    transition: 0.5s color;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(175,175,175,1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(175,175,175,1);
    box-shadow: 0px 0px 8px 1px rgba(175,175,175,1);
}

.template-10202.accordion.style-1 .accordion__title:not(.collapsed) {
    color: var(--color-3);
}

.template-10202.accordion.style-1 .accordion__title .title__image::after {
    content: '\002B';
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-2);
    text-align: center;
    width: 30px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}

.template-10202.accordion.style-1 .accordion__title:not(.collapsed) .title__image::after {
    content: '-';
}

/* symbol */

.template-10202.accordion .accordion__title .accordion__symbol::after {
    content: '\002B';
}

.template-10202.accordion .accordion__title:not(.collapsed) .accordion__symbol::after {
    content: '\002D';
}

.template-10202.accordion.symbol-remove-close .accordion__title:not(.collapsed) .accordion__symbol::after {
    content: '\2212';
}

/* Symbol style 1 */

.template-10202.accordion.symbol-style-1 .accordion__title .accordion__symbol::after,
.template-10202.accordion.symbol-style-1 .accordion__title:not(.collapsed) .accordion__symbol::after {
    font-size: 30px;
    line-height: 10px;
    vertical-align: middle;
}

/* Transition */

.template-10202.accordion .accordion__item,
.template-10202.accordion .accordion__item .accordion__title {
    transition: 0.1s;
}

/* Active background & accordion item color 2 class */

.template-10202.accordion-bg-color-active-2 .accordion__item:not(:has(.accordion__title.collapsed)),
.template-10202.heading-bg-color-active-2 .accordion__item:not(:has(.accordion__title.collapsed)) .accordion__title {
    background-color: var(--color-2);
}

/* Active heading color 3 class */

.template-10202.heading-color-active-3 .accordion__item:not(:has(.accordion__title.collapsed)) .accordion__title {
    color: var(--color-3);
}

/* Active heading color 4 class */

.template-10202.heading-color-active-4 .accordion__item:not(:has(.accordion__title.collapsed)) .accordion__title {
    color: var(--color-4);
}

/* Active heading color 3 class */

.template-10202.symbol-color-active-3 .accordion__item:not(:has(.accordion__title.collapsed)) .accordion__symbol {
    color: var(--color-3);
}

/* Ul style */

.template-10202.ul-style-1 .accordion__body-inner ul {
    padding-left: 1.5rem;
    margin-bottom: 0;
}
