/**************** General ****************/
.monochrome .accordion {
    width: 95%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
}
.monochrome .accordion li {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.monochrome .accordion a {
    color: #000;
    display: block;
    margin: 0;
    padding: 18px 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.125em;
}
.monochrome .accordion ul a {
}
.monochrome .accordion a.dcjq-parent, .monochrome .accordion a.dcjq-parent:hover {
    
}
.monochrome .accordion a.dcjq-parent.active {}
.monochrome .accordion a .dcjq-icon {
    position: absolute;
    right: 15px;
}
.monochrome .accordion a .dcjq-icon:before {
  content: "+";
}
.monochrome .accordion a.dcjq-parent.active .dcjq-icon:before {
    content: "-";
}
.monochrome .accordion a:hover {
    background: #f5f5f5;
    color: #000;
}
.monochrome .accordion a:active{}

/**************** Dropdown ****************/
.monochrome .accordion .sub_menu li {
    border-bottom: none;
}
.monochrome .accordion .sub_menu a {
    font-size: 98%;
    color: #5e5e5e;
    padding: 15px 12px;
}

/**************** Media Query ****************/
@media screen
and (max-height: 56.5em) {
    .monochrome .accordion a {
        color: #000;
        display: block;
        margin: 0;
        padding: 15px 12px;
        text-decoration: none;
        font-weight: 400;
        font-size: 1em;
    }
    .monochrome .accordion .sub_menu a {
        font-size: 98%;
        color: #5e5e5e;
        padding: 12px;
    }
}