/* Make sure we hit both ul and ol, and win specificity battles */
ul.wp-block-list.is-style-duny-arrow-circle,
ol.wp-block-list.is-style-duny-arrow-circle,
ul.is-style-duny-arrow-circle,
ol.is-style-duny-arrow-circle,
ul.wp-block-list.is-style-duny-check-circle,
ol.wp-block-list.is-style-duny-check-circle,
ul.is-style-duny-check-circle,
ol.is-style-duny-check-circle {
  list-style: none !important;
  padding-left: 0 !important;

  /* Defaults (will be overridden by inline vars when set) */
  --duny-marker-bg: var(--wp--preset--color--duny-red, #992932);
  --duny-marker-fg: var(--wp--preset--color--white, #ffffff);
}

/* list spacing */
ul.wp-block-list.is-style-duny-arrow-circle > li,
ol.wp-block-list.is-style-duny-arrow-circle > li,
ul.is-style-duny-arrow-circle > li,
ol.is-style-duny-arrow-circle > li,
ul.wp-block-list.is-style-duny-check-circle > li,
ol.wp-block-list.is-style-duny-check-circle > li,
ul.is-style-duny-check-circle > li,
ol.is-style-duny-check-circle > li {
  position: relative;
  padding-left: 2.25rem !important;
  margin: .6rem 0 !important;
}

/* marker */
ul.wp-block-list.is-style-duny-arrow-circle > li::before,
ol.wp-block-list.is-style-duny-arrow-circle > li::before,
ul.is-style-duny-arrow-circle > li::before,
ol.is-style-duny-arrow-circle > li::before,
ul.wp-block-list.is-style-duny-check-circle > li::before,
ol.wp-block-list.is-style-duny-check-circle > li::before,
ul.is-style-duny-check-circle > li::before,
ol.is-style-duny-check-circle > li::before {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: .15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--duny-marker-bg) !important;
  color: var(--duny-marker-fg) !important;
  font-size: 14px;
}

/* icons */
ul.wp-block-list.is-style-duny-arrow-circle > li::before,
ol.wp-block-list.is-style-duny-arrow-circle > li::before,
ul.is-style-duny-arrow-circle > li::before,
ol.is-style-duny-arrow-circle > li::before {
  content: "→";
  font-weight: 100;
}

ul.wp-block-list.is-style-duny-check-circle > li::before,
ol.wp-block-list.is-style-duny-check-circle > li::before,
ul.is-style-duny-check-circle > li::before,
ol.is-style-duny-check-circle > li::before {
  content: "✓";
  font-weight: 100;
}

ul.wp-block-list > li.has-duny-item-icon,
ol.wp-block-list > li.has-duny-item-icon {
  list-style: none !important;
  position: relative;
  padding-left: 2.25rem !important;
  margin: .6rem 0 !important;
}

ul.wp-block-list.is-style-duny-arrow-circle > li.has-duny-item-icon::before,
ol.wp-block-list.is-style-duny-arrow-circle > li.has-duny-item-icon::before,
ul.is-style-duny-arrow-circle > li.has-duny-item-icon::before,
ol.is-style-duny-arrow-circle > li.has-duny-item-icon::before,
ul.wp-block-list.is-style-duny-check-circle > li.has-duny-item-icon::before,
ol.wp-block-list.is-style-duny-check-circle > li.has-duny-item-icon::before,
ul.is-style-duny-check-circle > li.has-duny-item-icon::before,
ol.is-style-duny-check-circle > li.has-duny-item-icon::before {
  display: none;
}

ul.wp-block-list > li > .duny-list-item-marker,
ol.wp-block-list > li > .duny-list-item-marker {
  position: absolute;
  left: 0;
  top: .15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  font-size: 1rem;
  line-height: 1;
}

ul.wp-block-list.is-style-duny-arrow-circle > li > .duny-list-item-marker,
ol.wp-block-list.is-style-duny-arrow-circle > li > .duny-list-item-marker,
ul.is-style-duny-arrow-circle > li > .duny-list-item-marker,
ol.is-style-duny-arrow-circle > li > .duny-list-item-marker,
ul.wp-block-list.is-style-duny-check-circle > li > .duny-list-item-marker,
ol.wp-block-list.is-style-duny-check-circle > li > .duny-list-item-marker,
ul.is-style-duny-check-circle > li > .duny-list-item-marker,
ol.is-style-duny-check-circle > li > .duny-list-item-marker {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--duny-marker-bg, #992932) !important;
  color: var(--duny-marker-fg, #ffffff) !important;
  font-size: 14px;
  line-height: 1;
}

ul.wp-block-list > li > .duny-list-item-marker i,
ol.wp-block-list > li > .duny-list-item-marker i,
ul.wp-block-list.is-style-duny-arrow-circle > li > .duny-list-item-marker i,
ol.wp-block-list.is-style-duny-arrow-circle > li > .duny-list-item-marker i,
ul.is-style-duny-arrow-circle > li > .duny-list-item-marker i,
ol.is-style-duny-arrow-circle > li > .duny-list-item-marker i,
ul.wp-block-list.is-style-duny-check-circle > li > .duny-list-item-marker i,
ol.wp-block-list.is-style-duny-check-circle > li > .duny-list-item-marker i,
ul.is-style-duny-check-circle > li > .duny-list-item-marker i,
ol.is-style-duny-check-circle > li > .duny-list-item-marker i {
  font-size: 14px;
  line-height: 1;
}

ul.wp-block-list.has-duny-list-columns-2,
ol.wp-block-list.has-duny-list-columns-2,
ul.has-duny-list-columns-2,
ol.has-duny-list-columns-2,
ul.duny-list-columns-2,
ol.duny-list-columns-2 {
  column-count: 2;
}

ul.wp-block-list.has-duny-list-columns-3,
ol.wp-block-list.has-duny-list-columns-3,
ul.has-duny-list-columns-3,
ol.has-duny-list-columns-3,
ul.duny-list-columns-3,
ol.duny-list-columns-3 {
  column-count: 3;
}

ul.wp-block-list.has-duny-list-columns-4,
ol.wp-block-list.has-duny-list-columns-4,
ul.has-duny-list-columns-4,
ol.has-duny-list-columns-4,
ul.duny-list-columns-4,
ol.duny-list-columns-4 {
  column-count: 4;
}

ul.wp-block-list.has-duny-list-columns-2,
ol.wp-block-list.has-duny-list-columns-2,
ul.wp-block-list.has-duny-list-columns-3,
ol.wp-block-list.has-duny-list-columns-3,
ul.wp-block-list.has-duny-list-columns-4,
ol.wp-block-list.has-duny-list-columns-4,
ul.has-duny-list-columns-2,
ol.has-duny-list-columns-2,
ul.has-duny-list-columns-3,
ol.has-duny-list-columns-3,
ul.has-duny-list-columns-4,
ol.has-duny-list-columns-4,
ul.duny-list-columns-2,
ol.duny-list-columns-2,
ul.duny-list-columns-3,
ol.duny-list-columns-3,
ul.duny-list-columns-4,
ol.duny-list-columns-4 {
  column-gap: 2rem;
}

ul.wp-block-list.has-duny-list-columns-2 > li,
ol.wp-block-list.has-duny-list-columns-2 > li,
ul.wp-block-list.has-duny-list-columns-3 > li,
ol.wp-block-list.has-duny-list-columns-3 > li,
ul.wp-block-list.has-duny-list-columns-4 > li,
ol.wp-block-list.has-duny-list-columns-4 > li,
ul.has-duny-list-columns-2 > li,
ol.has-duny-list-columns-2 > li,
ul.has-duny-list-columns-3 > li,
ol.has-duny-list-columns-3 > li,
ul.has-duny-list-columns-4 > li,
ol.has-duny-list-columns-4 > li,
ul.duny-list-columns-2 > li,
ol.duny-list-columns-2 > li,
ul.duny-list-columns-3 > li,
ol.duny-list-columns-3 > li,
ul.duny-list-columns-4 > li,
ol.duny-list-columns-4 > li {
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: visible;
  vertical-align: top;
}

@media (max-width: 767px) {
  ul.wp-block-list.has-duny-list-columns-2,
  ol.wp-block-list.has-duny-list-columns-2,
  ul.wp-block-list.has-duny-list-columns-3,
  ol.wp-block-list.has-duny-list-columns-3,
  ul.wp-block-list.has-duny-list-columns-4,
  ol.wp-block-list.has-duny-list-columns-4,
  ul.has-duny-list-columns-2,
  ol.has-duny-list-columns-2,
  ul.has-duny-list-columns-3,
  ol.has-duny-list-columns-3,
  ul.has-duny-list-columns-4,
  ol.has-duny-list-columns-4,
  ul.duny-list-columns-2,
  ol.duny-list-columns-2,
  ul.duny-list-columns-3,
  ol.duny-list-columns-3,
  ul.duny-list-columns-4,
  ol.duny-list-columns-4 {
    column-count: 1;
  }
}