.op3-element[data-op3-element-type="courselist"] {
    .op3-element-courselist__container {
        .op3-element[data-op3-element-type="courselistitemcontent"] {
            display: none;
        }

        &:not([data-op3-course-state]) .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="available"],
        &[data-op3-course-state=""] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="available"],
        &[data-op3-course-state="available"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="available"],
        &[data-op3-course-state="in_progress"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="in_progress"],
        &[data-op3-course-state="completed"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="completed"],
        &[data-op3-course-state="dripped"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="dripped"],
        &[data-op3-course-state="locked"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="locked"] {
            display: flex;
        }

        &[data-op3-enable-links-image=""] .op3-element[data-op3-element-spec="courselistimage"],
        &[data-op3-enable-links-image="0"] .op3-element[data-op3-element-spec="courselistimage"],
        &[data-op3-enable-links-postmeta=""] .op3-element[data-op3-element-spec="courselistpostmeta"] .op3-element[data-op3-element-type="image"],
        &[data-op3-enable-links-postmeta="0"] .op3-element[data-op3-element-spec="courselistpostmeta"] .op3-element[data-op3-element-type="image"],
        &[data-op3-enable-links-postmeta=""] .op3-element[data-op3-element-spec="courselistpostmeta"] .op3-element[data-op3-element-type="text"],
        &[data-op3-enable-links-postmeta="0"] .op3-element[data-op3-element-spec="courselistpostmeta"] .op3-element[data-op3-element-type="text"],
        &[data-op3-enable-links-title=""] .op3-element[data-op3-element-spec="courselisttitle"],
        &[data-op3-enable-links-title="0"] .op3-element[data-op3-element-spec="courselisttitle"],
        &[data-op3-enable-links-content=""] .op3-element[data-op3-element-spec="courselistcontent"],
        &[data-op3-enable-links-content="0"] .op3-element[data-op3-element-spec="courselistcontent"] {
            a {
                pointer-events: none;
            }
        }

        &:not([data-op3-course-state="dripped"]) .op3-element[data-op3-element-spec="courselistdrippedlabel"] {
            display: none !important;
        }

        &[data-op3-post-list-edit-empty-message="1"] .op3-element[data-op3-element-type="courselistitem"],
        &[data-op3-post-list-edit-empty-message="1"] .op3-element[data-op3-element-spec="wrapflexcourselistpagenavigation"],
        .op3-element[data-op3-element-spec="courselistemptymessage"] {
            display: none;
        }

        .op3-element-courselist__children[data-op3-children="1"] .op3-element[data-op3-element-spec="courselistemptymessage"],
        &[data-op3-post-list-edit-empty-message="1"] .op3-element[data-op3-element-spec="courselistemptymessage"] {
            display: block;
        }
    }
}