.zeus-accordion {
text-align: left;
}
.zeus-accordion .zeus-accordion-title {
display: block;
background-color: #e5c063;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1;
margin: 0;
padding: 15px 20px;
cursor: pointer;
-webkit-transition: all 300ms cubic-bezier(0, 0.49, 0.27, 0.99);
-moz-transition: all 300ms cubic-bezier(0, 0.49, 0.27, 0.99);
-ms-transition: all 300ms cubic-bezier(0, 0.49, 0.27, 0.99);
-o-transition: all 300ms cubic-bezier(0, 0.49, 0.27, 0.99);
transition: all 300ms cubic-bezier(0, 0.49, 0.27, 0.99);
}
.zeus-accordion .zeus-accordion-title .zeus-accordion-icon {
display: inline-block;
width: 1.5em;
font-weight: 400;
}
.zeus-accordion .zeus-accordion-title .zeus-accordion-icon.zeus-accordion-icon-right {
float: right;
text-align: right;
}
.zeus-accordion .zeus-accordion-title .zeus-accordion-icon.zeus-accordion-icon-left {
float: left;
text-align: left;
}
.zeus-accordion .zeus-accordion-item .zeus-accordion-icon-closed {
display: block;
}
.zeus-accordion .zeus-accordion-item .zeus-accordion-icon-opened {
display: none;
}
.zeus-accordion .zeus-accordion-item.zeus-active .zeus-accordion-icon-closed {
display: none;
}
.zeus-accordion .zeus-accordion-item.zeus-active .zeus-accordion-icon-opened {
display: block;
}
.zeus-accordion .zeus-accordion-content {
display: none;
padding: 15px 20px;
}
.zeus-accordion .zeus-accordion-content > p:last-child {
margin-bottom: 0;
} body.rtl .zeus-accordion {
text-align: right;
}
body.rtl .zeus-accordion .zeus-accordion-title .zeus-accordion-icon.zeus-accordion-icon-right {
float: left;
text-align: left;
}
body.rtl .zeus-accordion .zeus-accordion-title .zeus-accordion-icon.zeus-accordion-icon-left {
float: right;
text-align: right;
} @media only screen and (max-width: 767px) {
.zeus-accordion .zeus-accordion-title {
padding: 12px 15px;
}
.zeus-accordion .zeus-accordion-title .zeus-accordion-icon {
width: 1.2em;
}
.zeus-accordion .zeus-accordion-content {
padding: 7px 15px;
}
}