#faqs-container {
margin: 25px 0 40px 0;
}
.faq-wrapper {
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin-bottom: 21px;
}
.faq-wrapper:hover {
background: #f5f3f3;
}
.faq-title{
padding:6px 10px ;
cursor: pointer;
}
.faq-title h4 {
margin: 0;
overflow: hidden;
font-size: 14px;
line-height: 28px;
font-weight: 700;
clear: inherit;
}
.faq-title .plus,
.faq-title .minus {
float: left;
margin: 0 12px 0 0;
width: 9px;
height: 8px;
padding: 6px;
position: relative;
top: 8px;
}
.ie9 .faq-title .plus,
.ie9 .faq-title .minus{
top: 4px;
}
.faq-title .minus{
background: transparent url(//beautyboxlb.com/wp-content/themes/nielsen/theme/plugins/yit-framework/modules/faq/assets/images/faq-opened.png) no-repeat center center;
}
.faq-title .plus{
background: transparent url(//beautyboxlb.com/wp-content/themes/nielsen/theme/plugins/yit-framework/modules/faq/assets/images/faq-closed.png) no-repeat center center;
}
.faq-item {
display: none;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.faq-item-content {
padding: 10px 12px 24px;
clear: both;
font-size: 14px;
}
.faq-item-content p {
margin: 0;
}
ul.filters.faq {
float: right;
display: none;
}
.widget.faq-filters ul li a {
display: block;
padding: 9px 0px 8px;
border-bottom: 1px solid #ccc;
}
.widget.faq-filters ul li a.active,
.widget.faq-filters ul li a:hover{
padding: 6px 0;
border-top: 3px solid #ccc;
border-bottom: 3px solid #ccc;
text-decoration: none;
}
.widget.faq-filters ul li.with-image a{
padding: 6px 0px 8px;
}
.widget.faq-filters ul li.with-image a.active ,
.widget.faq-filters ul li.with-image a:hover {
border-top: 0px;
}