/* ==========================================================================
   COE at a Glance Stat Bullets (Flexbox Refactor)
   ========================================================================== */

/* 1. Base List Configurations */
#statBullets .multi-col-section__cell ul {
  list-style-type: none; /* Removes default unalignable square bullets */
  padding-left: 0;       /* Removes default browser padding */
}

/* 2. Flexbox Item Alignment */
#statBullets .multi-col-section__cell ul li {
  display: flex;
  align-items: center;   /* Perfectly centers bullet vertically with the text */
  gap: 12px;             /* Space between the bullet and the text */
  margin-bottom: 8px;    /* Optional spacing between list items */
}

/* 3. Recreate the Square Bullet Structure */
#statBullets .multi-col-section__cell ul li::before {
  content: "";
  display: inline-block;
  width: 15px;           /* Adjust width to control bullet size */
  height: 15px;          /* Adjust height to control bullet size (square) */
  flex-shrink: 0;        /* Prevents bullet from squeezing on small viewports */
  background-color: #000000; /* Default fallback color for items without explicit rules */
  
  /* Optional Nudge: If your font family sits high, uncomment the line below to nudge bullet down */
  /* transform: translateY(1px); */
}

#statBullets .multi-col-section__cell ul li.brightRed::before {
  background-color: #d41736;
}

#statBullets .multi-col-section__cell ul li.sdsuRed::before {
  background-color: #a6192e;
}

#statBullets .multi-col-section__cell ul li.darkRed::before {
  background-color: #4b181e;
}

#statBullets .multi-col-section__cell ul li.brightTeal::before {
  background-color: #00A39D;
}

#statBullets .multi-col-section__cell ul li.darkTeal::before {
  background-color: #008080;
}

#statBullets .multi-col-section__cell ul li.lightGray::before {
  background-color: #bcbec0;
}

#statBullets .multi-col-section__cell ul li.darkGray::before {
  background-color: #818284;
}

/* ==========================================================================
   Adjusts borders and padding for accordions used in Image List snippet
   ========================================================================== */

#accordionInImageList .genimglist__item, #accordionInImageList .genimglist__body {
	border-bottom: none !important;}

.genimglist .genimglist__item, .genimglist__body {
	border-bottom: none !important;}

#accordionInImageList .accordion {
	padding: 0;
}