/*
Theme Name: Lifeblood Child
Template: Impreza
Theme URI: https://lifebloodmarketing.ca
Description: Child theme for Impreza used by Lifeblood Marketing
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Lifeblood Marketing
Author URI: https://lifebloodmarketing.ca
Version: v1
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain:  impreza-child

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* 1. Reset the list */
.w-post-elm ul {
  list-style: none;
  padding-left: 0;
  margin-left:0;
}

/* 2. Position the list item */
.w-post-elm ul li {
  position: relative;
  padding-left: 0rem; /* Space for your custom icon */
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  font-weight:bold;
}

/* 3. Create the SVG Bullet */
.w-post-elm ul li::before {
  content: "";
  display: inline-block;
  width: 26px;  /* Adjust size as needed */
  height: 31px; /* Adjust size as needed */
  
  /* Use your SVG as a mask */
  background-color: var(--svg-color, #000); /* Default to black if var is missing */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg width="26" height="31" viewBox="0 0 101 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.9473 120.595H0.849716L69.9024 0.989014H101L31.9473 120.595Z" fill="black"></path></svg>') no-repeat center;
  mask: url('data:image/svg+xml;utf8,<svg width="26" height="31" viewBox="0 0 101 121" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.9473 120.595H0.849716L69.9024 0.989014H101L31.9473 120.595Z" fill="black"></path></svg>') no-repeat center;
  
  /* Ensure the mask covers the area */
  -webkit-mask-size: contain;
  mask-size: contain;
  
  margin-right: 12px;
}