/* @group Faq
------------------------------------ */
.faqs { color: var(--timeline-text); }
.faqs .faq-text { border-bottom: .1rem solid rgba(200,213,219,1); animation: closeDraw .25s 1 cubic-bezier(1,.2,0,.4) forwards; overflow: hidden; margin: 0 0 2rem; }
.faqs .faq-title[data-state="show-details"] + .faq-text { animation: openDraw 2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
.faqs h3 { font-size: 2em; font-style: italic; letter-spacing: 3.2px; line-height: 1.4em; }
.faqs p,
.faqs li { font-size: 2em; line-height: 1.6em; }
.faqs p,
.faqs ul { margin: 0 0 3.2rem; }
.faqs p:last-child,
.faqs ul:last-child { margin: 0 0 3.9rem; }
.faqs h4 { color: var(--green); font-size: 1.4em; letter-spacing: 2.24px; line-height: 1.286em; margin: 0 0 1.9rem; }
.faqs .faq-title { cursor: pointer; margin: 0 0 1.8rem; position: relative; padding-right: 3.2rem; }
.faqs .faq-title i { color: var(--green-text); font-size: 1.5em; position: absolute; right: 1rem; top: 1rem; }
.faqs .faq-title .icon-minus { font-size: .3rem; }
.Safari .faqs .faq-title .icon-minus::before,
.Mac .faqs .faq-title .icon-minus::before,
.iPhone-iPod .faqs .faq-title .icon-minus::before { content: none; }
.Mac .faqs .faq-title .icon-minus,
.Safari .faqs .faq-title .icon-minus,
.iPhone-iPod .faqs .faq-title .icon-minus { background: var(--green-text); display: block; height: .3rem; width: 1.5rem; }

[data-bg="visit"] .faq-light { background: var(--bg-light); }

.faq-dark { background: var(--bg-visit); }
.faq-dark .faq-text { border-bottom-color: var(--title-light); }
.faq-dark h3 { color: var(--title-light); }
.faq-dark h4 { color: var(--green); }
.faq-dark .faq-title i { color: var(--green); }
@media only screen
and (min-width : 961px) {
    .faqs h3 { font-size: 2.4em; letter-spacing: 3.84px; line-height: 1.5em; }
    .faqs p,
    .faqs li { font-size: 2.4em; line-height: 1.5em; }
    .faqs p,
    .faqs ul { margin: 0 0 3.6rem; }
    .faqs p:last-child,
    .faqs ul:last-child { margin: 0 0 4.2rem; }
    .faqs .faq-title,
    .faqs dd { padding: 0 25vw 0 calc(8.333333333333332vw + 2rem); }
    .faqs .faq-title i { right: calc(16.666666666666664vw + 2rem); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 1600px)
and (max-width : 1920px) {
    .faqs .faq-title,
    .faqs dd { padding: 0 22vw 0 calc(8.333333333333332vw + 2rem); }
    .faqs .faq-title i { right: calc(16.666666666666664vw + 2rem); }
}
@media only screen
and (min-width : 1920px) {
    .faqs .faq-title,
    .faqs dd { padding: 0 25vw 0 calc(16.666666666666664vw + 2rem); }
    .faqs .faq-title i { right: calc(16.666666666666664vw + 2rem); }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .faqs ul li { margin-left: 1rem; }
    .faq-dark article,
    .faq-light article { padding: 0 1rem; }
}

/* @end */