.accordionjs {
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-top: 10px;
margin-bottom: 50px !important;
}
.accordionjs .acc_section {
border: 1px solid #6c3c1c;
position: relative;
z-index: 10;
margin-top: -1px;
overflow: hidden;
}
.accordionjs .acc_section .acc_head {
position: relative;
background: #fff;
padding: 10px;
display: block;
cursor: pointer;
}
.accordionjs .acc_section .acc_head h4 {
line-height: 1;
margin: 5px 0;
font-size: 18px;
position: relative;
padding: 0 30px 0 0;
}
.accordionjs .acc_section .acc_head h4:after{
font: normal normal normal 22px/1 FontAwesome;
content: "\f055";
position: absolute;
top: -2px;
right: 0;
}
.accordionjs .acc_section .acc_content {
padding: 20px 10px;
}
.accordionjs .acc_section .acc_content p{
font-size: 15px;
}
.accordionjs .acc_section .acc_content p:last-child{
margin: 0;
}
.accordionjs .acc_section:first-of-type,
.accordionjs .acc_section:first-of-type .acc_head {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.accordionjs .acc_section:last-of-type,
.accordionjs .acc_section:last-of-type .acc_content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.accordionjs .acc_section.acc_active > .acc_content {
display: block;
}
.accordionjs .acc_section.acc_active > .acc_head {
background: #6c3c1c;
border-bottom: 1px solid #6c3c1c;
}
.accordionjs .acc_section.acc_active > .acc_head h4 {
color: #fff;
}
.accordionjs .acc_section.acc_active > .acc_head h4:after{
content: "\f056";
}
@media screen and (max-width: 767px) {
.accordionjs .acc_section .acc_head h4{
font-size: 15px;
}
.accordionjs .acc_section .acc_content p {
font-size: 14px;
}
}