.container
{
    width: 100%;
    margin: 0 auto;
}

.container h1
{
    font-weight: bold;
    color: #000;
    margin-bottom: 40px;
}
.container h1 a:hover,
.container h1 a:focus
{
    color: #a664b7;
}

.container p
{
    line-height: 1.6;
}

.faq
{
}
.faq input
{
    width: 100%;
    height: 60px;
    font-size: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba( 52, 67, 75, .2 );
    display: block;
    padding: 0 20px;
    margin-bottom: 40px;

    -webkit-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
}
.faq input::-webkit-input-placeholder	{ color: #a1bdcb !important; }
.faq input::-moz-placeholder		{ color: #a1bdcb !important; }
.faq input:-ms-input-placeholder	{ color: #a1bdcb !important; }
.faq input:focus
{
    box-shadow: 0px 4px 8px rgba( 52, 67, 75, .4 );
}
.faq .highlight
{
    background-color: #fffd77;
}
.faq > ul
{
    list-style-type: none;
}
.faq > ul > li
{
}
.faq > ul > li:not( :first-child )
{
    border-top: 1px solid #dcebed;
    margin-top: 20px;
    padding-top: 20px;
}
.faq > ul > li.is-hidden
{
    display: none;
}
.faq > ul > li h2
{
    font-size: 24px;
    font-weight: 700;
}
.faq > ul > li h2:hover,
.faq > ul > li h2:focus,
.faq > ul > li.is-active h2,
.faq > ul > li:target h2
{
    color: #a664b7;
}
.faq > ul > li > div
{
    display: none;
}
.faq > ul > li.is-active > div,
.faq > ul > li:target > div
{
    display: block;
    margin-top: 10px;
}

.faq__notfound
{
    font-size: 20px;
    font-style: italic;
    display: none;
}
.faq__notfound.is-visible
{
    display: block;
}