/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

.rogue-accordion-item {
    border-bottom: 1px solid #eeeeee;
}

.rogue-accordion-section {
    display: none;
    padding: 10px;
}

.rogue-accordion-section.show {
    display: block;
}

.rogue-accordion-header {
    display: grid;
    grid-template-columns: auto 100px;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}

.rogue-accordion-header-title {
    margin: 0;
}

.rogue-accordion-header-icon {
    text-align: center;
    margin: 0;
    padding: 0;
}

.rogue-accordion-header-icon .header-icon-text {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.rogue-accordion-header-icon .header-icon-text:after,
.rogue-accordion-header-icon .header-icon-text:before {
    font-family: dashicons;
    width: auto;
    height: auto;
    vertical-align: bottom;
    display: inline-block;
}

.rogue-accordion-header-icon .header-icon-text:after {
    content: '\f543';
}

.rogue-accordion-header-icon .header-icon-text.hidden:after {
    content: '\f460';
}

@media screen and (min-width: 768px) {

}