/* ==========================================================================
   Utility classes — Berges Family Foundation
   ========================================================================== */

/*
 * Enfold sets `.main_color div { border-color: #d3d3d3 }` (specificity 0,1,1),
 * which overrides a plain `.bff-border-left-*` color. Use #top + !important
 * so the left accent always wins.
 */

/* 2px solid left accent border — add class to any container / column / section */
#top .bff-border-left,
#top .bff-border-left-orange,
#top .bff-border-left-green,
#top .bff-border-left-blue,
#top .bff-border-left-purple {
	border-left-style: solid !important;
	border-left-width: var(--stroke-left-width, 2px) !important;
}

#top .bff-border-left-orange {
	border-left-color: var(--orange, #ff9222) !important;
}

#top .bff-border-left-green {
	border-left-color: var(--green, #009548) !important;
}

#top .bff-border-left-blue {
	border-left-color: var(--blue, #00abe0) !important;
}

#top .bff-border-left-purple {
	border-left-color: var(--purple, #133990) !important;
}