/**
Theme Name: Bark & Bloom (Flatsome Child)
Description: Various styles for bullet (unordered) lists
Author: Gareth
Template: flatsome
Version: 1.0

**/

ul.list-gold,
ul.list-accent,
ul.list-paw,
ul.list-clean,
ul.list-important {
    list-style: none;
    padding-left: 0;
}

ul.list-gold li,
ul.list-accent li,
ul.list-paw li,
ul.list-clean li,
ul.list-important li {
    position: relative;
    padding-left: 1.5em;
}

/* Elegant Gold Dot */
ul.list-gold li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    background-color: #c7a447; /* soft gold */
    border-radius: 50%;
}

/* Branded Accent Line */
ul.list-accent li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    height: 1em;
    width: 3px;
    background-color: #800020;
    border-radius: 2px;
}

/* Subtle Paw */
ul.list-paw li::before {
    content: "🐾";
    position: absolute;
    left: 0;
    opacity: 0.4;
    font-size: 0.9em;
}

/* Blue 'Sparkle' */
ul.list-clean li::before {
    content: "✦";
    position: absolute;
    left: 0;
    color: #9ec5d1; /* soft blue */
    font-size: 0.9em;
}

/* Importat Points*/
ul.list-important li::before {
  content: "➤";
  position: absolute;
  left: 0;
  top: 0;
  color: #9ec5d1; /* soft dental blue */
  font-weight: bold;
  font-size: 1em;
}

@media (max-width: 549px) {

    ul.list-gold,
    ul.list-accent,
    ul.list-paw,
    ul.list-clean,
    ul.list-important {
        margin-left: -15px;
        /* Reduce Flatsome default margin */
    }


}