.jc--faqs ~ hr {
margin:5rem 0 2rem;
}
.jc--faqs > h2,
.jc--faqs > p {
max-width:850px;
}
.entry-content.first-is-white section:nth-child(odd) .jc--faq {
background-color:#f5f6f8;
}
.jc--faq {
background-color:#FFF;
border-radius:7px;
padding:1.4583rem 2rem;
position:relative;
margin-bottom:20px;
-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.05);
box-shadow: 0 6px 12px 0 rgba(0,0,0,.05);
transition:all .2s ease-in-out;
}
.jc--faq.is--colored::after {
content: attr(data-title);
display:block;
font-size:1.25rem;
font-weight:700;
white-space:nowrap;
position:absolute;
top:0;
line-height: 10px;
max-width: calc(100% - 4rem);
overflow: hidden;
border-radius: 0 0 5px 5px;
background-color:#9B9B9B;
color:#9B9B9B;
transition:all .2s ease-in-out;
}
.jc--faq.is--colored.is--closed::after {
font-size:1rem;
font-weight:400;
}
.jc--faq.is--closed {
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.jc--faq > h3 {
cursor:pointer;
line-height:1.333;
margin:0;
transition:all .2s ease-in-out;
position:relative;
padding:.4em 2rem .4em 0;
}
.jc--faq > h3::before {
content: '\e809';
font-family: "jcions";
font-size:1.25rem;
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
color:#555555;
}
.jc--faq.is--closed > h3::before {
content: '\e808';
}
.jc--faq > h3::after {
content:"";
position:absolute;
top:-1.4583rem;
right:-2rem;
bottom:-1.4583rem;
left:-2rem;
}
.jc--faq.is--closed > h3 {
color:#555555;
font-size:1rem;
font-weight:400;
padding:0 2rem 0 0;
}
.jc--faq > div {
max-height:none;
}
.jc--faq.is--closed > div {
max-height:0;
overflow:hidden;
}