/* Branded markers for unordered lists created in the content editor. */
:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) {
    padding-left: 0 !important;
    border-left: 0 !important;
    list-style: none !important;
}

:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li {
    position: relative;
    padding-left: 27px !important;
}

:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li::marker {
    content: "";
}

:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li::before {
    position: absolute !important;
    top: .8em !important;
    left: 0 !important;
    display: block !important;
    z-index: 1;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    content: "" !important;
    background: transparent url("../assets/icons/whale-tail-list-marker-v2.png") center / contain no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 1px 1px rgba(7, 23, 47, .2));
    transform: translateY(-50%) !important;
}

:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li + li {
    margin-top: 8px;
}

:where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) ul:is(.wp-block-list, :not([class])) {
    margin-top: 8px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    :where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li {
        padding-left: 23px !important;
    }

    :where(.space-page-content, .entry-content, .cch-editorial-content, .editor-styles-wrapper) ul:is(.wp-block-list, :not([class])) > li::before {
        width: 16px !important;
        height: 16px !important;
    }
}
