:root {
    --jfaq-toggle-width: 3px;
    --jfaq-main-color: #2790e6;
    --jfaq-accent-color: #27e677;
    --jfaq-toggle-color: #444
}

.--no-margin-ymk {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.jfaq-wrap {
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.jfaq-wrap ul.jfaq--faqs {
    display: block;
    margin-left: 0 !important;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.jfaq-wrap ul.jfaq--faqs li {
    margin: 0;
    padding: 0
}

.jfaq-wrap .jfaq--toggle {
    display: none
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--item.--jfaq-opened .jfaq--question {
    transition: all .3s;
    background-color: var(--jfaq-question-bg-color-alt, var(--jfaq-question-bg-color, inherit)) !important
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--item.--jfaq-opened .jfaq--title-text {
    font-size: var(--jfaq-question-font-size-alt, var(--jfaq-question-font-size, inherit)) !important;
    color: var(--jfaq-question-color-alt, var(--jfaq-question-color, inherit)) !important;
    font-weight: var(--jfaq-question-font-weight-alt, var(--jfaq-question-font-weight, inherit)) !important
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--item.--jfaq-opened .jfaq--answer {
    opacity: 1;
    transition: opacity .3s ease, max-height .3s ease-out
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--question {
    background-color: var(--jfaq-question-bg-color, inherit);
    font-weight: 600;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-color: var(--jfaq-question-color, inherit)
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--title {
    flex: 1
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--title-text {
    font-size: 1em;
    font-size: var(--jfaq-question-font-size, inherit);
    color: var(--jfaq-question-color, inherit);
    font-weight: var(--jfaq-question-font-weight, inherit)
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--toggle {
    display: inherit;
    min-width: 2em;
    min-height: 1em;
    text-align: center
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--answer {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: opacity .3s ease, max-height .3s ease-out;
    background-color: var(--jfaq-answer-container-bg-color, inherit)
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--answer-content {
    background-color: var(--jfaq-answer-bg-color);
    color: var(--jfaq-answer-color, inherit);
    font-size: var(--jfaq-answer-font-size, inherit)
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--answer-content p {
    font-size: var(--jfaq-answer-font-size, 1em)
}

.jfaq-wrap div[class*="--jfaq-theme-"] .jfaq--answer-content>:last-child {
    margin-bottom: 0
}

.jfaq--group .--jfaq-opened .jfaq--toggle-wrap {
    background-color: var(--jfaq-toggle-bg-color-alt, var(--jfaq-toggle-bg-color, transparent));
    border-color: var(--jfaq-toggle-border-color-alt, var(--jfaq-toggle-border-color, var(--jfaq-toggle-color-alt, var(--jfaq-toggle-color, var(--jfaq-question-color-alt, var(--jfaq-question-color, inherit))))))
}

.jfaq--group .--jfaq-opened .jfaq--toggle:after,
.jfaq--group .--jfaq-opened .jfaq--toggle:before {
    color: var(--jfaq-toggle-color-alt, var(--jfaq-toggle-color, var(--jfaq-question-color-alt, var(--jfaq-question-color, inherit))));
    background-color: var(--jfaq-toggle-color-alt, var(--jfaq-toggle-color, var(--jfaq-question-color-alt, var(--jfaq-question-color, inherit))))
}

.jfaq--group.--toggle-border .--jfaq-opened .jfaq--toggle-wrap {
    border-color: var(--jfaq-toggle-border-color-alt, var(--jfaq-toggle-border-color, var(--jfaq-toggle-color-alt, var(--jfaq-toggle-color, var(--jfaq-question-color-alt, var(--jfaq-question-color, inherit))))))
}

.jfaq--group .jfaq--toggle-wrap {
    transition: transform .3s;
    font-size: 16px;
    margin-top: -.25em;
    margin-bottom: -.25em;
    overflow: hidden;
    background-color: var(--jfaq-toggle-bg-color, transparent)
}

.jfaq--group .jfaq--toggle {
    position: relative;
    width: 2em !important;
    height: 2em !important
}

.jfaq--group .jfaq--toggle:after,
.jfaq--group .jfaq--toggle:before {
    color: var(--jfaq-toggle-color, var(--jfaq-question-color, inherit));
    background-color: var(--jfaq-toggle-color, var(--jfaq-question-color, inherit))
}

.jfaq--group.--toggle-left .jfaq--question {
    flex-direction: row-reverse
}

.jfaq--group.--toggle-border .jfaq--toggle-wrap {
    box-sizing: content-box;
    border-width: 2px;
    border-color: var(--jfaq-toggle-border-color, var(--jfaq-toggle-color, var(--jfaq-question-color, inherit)));
    border-style: solid
}

.jfaq--group.--toggle-rounded .jfaq--toggle-wrap {
    border-radius: .5em
}

.jfaq--group.--toggle-circle .jfaq--toggle-wrap {
    border-radius: 50%
}

.jfaq--group.--toggle-size-xs .jfaq--toggle {
    font-size: 50%
}

.jfaq--group.--toggle-size-s .jfaq--toggle {
    font-size: 75%
}

.jfaq--group.--toggle-size-l .jfaq--toggle {
    font-size: 125%
}

.jfaq--group.--toggle-180 .jfaq--toggle:after {
    transform: rotate(0deg)
}

.jfaq--group.--toggle-180 .--jfaq-opened .jfaq--toggle:after {
    transform: rotate(180deg)
}

.jfaq-wrap .--jfaq-toggle-1 .jfaq--toggle {
    width: 1em
}

.jfaq-wrap .--jfaq-toggle-1 .jfaq--toggle:after,
.jfaq-wrap .--jfaq-toggle-1 .jfaq--toggle:before {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: .75em;
    top: calc(50% - 3px / 3);
    transition: transform .3s ease-in-out
}

.jfaq-wrap .--jfaq-toggle-1 .jfaq--toggle:before {
    right: calc(1em - 0.1098375em - 1.06066px + .325px);
    transform: rotate(45deg)
}

.jfaq-wrap .--jfaq-toggle-1 .jfaq--toggle:after {
    left: calc(1em - 0.1098375em - 1.06066px + .325px);
    transform: rotate(-45deg)
}

.jfaq-wrap .--jfaq-toggle-1 .--jfaq-opened .jfaq--toggle:before {
    transform: rotate(-45deg)
}

.jfaq-wrap .--jfaq-toggle-1 .--jfaq-opened .jfaq--toggle:after {
    transform: rotate(45deg)
}

.jfaq-wrap .--jfaq-toggle-1.--toggle-180 .jfaq--toggle {
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.jfaq-wrap .--jfaq-toggle-1.--toggle-180 .--jfaq-opened .jfaq--toggle {
    transform: rotate(-180deg)
}

.jfaq-wrap .--jfaq-toggle-1.--toggle-180 .--jfaq-opened .jfaq--toggle:before {
    transform: rotate(45deg)
}

.jfaq-wrap .--jfaq-toggle-1.--toggle-180 .--jfaq-opened .jfaq--toggle:after {
    transform: rotate(-45deg)
}

.jfaq-wrap .--jfaq-theme-1 .jfaq--item {
    border-bottom: 1px solid #e9e9e9
}

.jfaq-wrap .--jfaq-theme-1 .jfaq--question {
    padding: 1em 0
}

.jfaq-wrap .--jfaq-theme-1 .jfaq--title {
    margin: 0;
    padding: 0
}

.jfaq-wrap .--jfaq-theme-1 .jfaq--toggle-wrap {
    margin-left: .5em;
    margin-right: .5em
}

.jfaq-wrap .--jfaq-theme-1 .jfaq--answer-content {
    padding-top: 1em;
    padding-bottom: 1em
}