/**
 * Simple Category List — front-end list styles.
 * Override in your theme or add classes via shortcode: wrapper_class, list_class.
 */

.simple-category-list {
    --scl-title-color: inherit;
    --scl-link-color: #2271b1;
    --scl-link-hover-color: #135e96;
    --scl-nest-indent: 1.1em;
    --scl-list-marker: disc;
    --scl-container-max: 100%;
    --scl-spacing-title: 0.75em;
    --scl-spacing-items: 0.35em;
    --scl-font-title: 1.35rem;
    --scl-font-links: 1rem;

    max-width: var(--scl-container-max);
    box-sizing: border-box;
}

.simple-category-list__title {
    margin: 0 0 var(--scl-spacing-title);
    color: var(--scl-title-color);
    font-size: var(--scl-font-title);
    font-weight: 700;
    line-height: 1.25;
}

.simple-category-list__title-text {
    display: inline-block;
}

.simple-category-list__list,
.simple-category-list .simple-category-list__list {
    list-style-type: var(--scl-list-marker);
    list-style-position: outside;
    margin: 0;
    padding: 0 0 0 var(--scl-nest-indent);
}

.simple-category-list > .simple-category-list__list {
    padding-left: 0;
    list-style: none;
}

.simple-category-list__item {
    margin: var(--scl-spacing-items) 0;
    line-height: 1.45;
    font-size: var(--scl-font-links);
}

.simple-category-list__link {
    color: var(--scl-link-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.simple-category-list__link:hover,
.simple-category-list__link:focus {
    color: var(--scl-link-hover-color);
}

.simple-category-list__error {
    margin: 0.5em 0;
}

.simple-category-list__count {
    font-weight: 400;
    opacity: 0.85;
    font-size: 0.95em;
}

.simple-category-list__description {
    display: block;
    font-size: 0.9em;
    font-weight: 400;
    opacity: 0.88;
    margin-top: 0.2em;
}

.simple-category-list--inline .simple-category-list__description {
    display: inline;
    margin-top: 0;
    margin-left: 0.25em;
}

.simple-category-list__inline {
    line-height: 1.6;
}

.simple-category-list--inline .simple-category-list__inline .simple-category-list__link {
    white-space: normal;
}