/*
 * Site-wide content typography. TheGem strips native list markers
 * (list-style: none) and draws bullets itself as a tiny absolutely
 * positioned ::before dot colored via background-color, not the marker/text
 * color — so recoloring bullets means overriding that background-color,
 * not color or ::marker (confirmed via computed styles: content:"",
 * background-color is the dot's actual paint, color is irrelevant here).
 */

.entry-content li::before,
.wpb_wrapper li::before {
	background-color: #B69256 !important;
}

/*
 * Practice area page content styling. Every practice area page is built
 * from a duplicated WPBakery template that always wraps its tabbed content
 * in el_id="practice-area-tabs" (see the Lawfirm Manager plugin's practice
 * area page-build workflow) — these rules are scoped to that ID and are
 * safe to load site-wide since it simply won't exist on other pages.
 */

#practice-area-tabs .vc_tta-tabs-list {
	border-bottom: 1px solid #ccc;
}

#practice-area-tabs .vc_tta-tab {
	margin-right: 24px !important;
}

#practice-area-tabs .vc_tta-tab:last-child {
	margin-right: 0 !important;
}

#practice-area-tabs .vc_tta-tab:first-child > a {
	padding-left: 0 !important;
}

#practice-area-tabs .vc_tta-tab > a,
#practice-area-tabs .vc_tta-tab > a:hover,
#practice-area-tabs .vc_tta-tab > a:focus {
	background-color: transparent !important;
}

#practice-area-tabs .vc_tta-tab.vc_active > a,
#practice-area-tabs .vc_tta-tab.vc_active > a:hover,
#practice-area-tabs .vc_tta-tab.vc_active > a:focus {
	background-color: transparent !important;
	color: #0047A9 !important;
}

#practice-area-tabs .vc_single_image-wrapper,
#practice-area-tabs .vc_single_image-wrapper img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

#practice-area-tabs .vc_tta-panel-body {
	padding-top: 20px !important;
}

#practice-area-tabs .vc_tta-panel-body > *:first-child {
	margin-top: 0 !important;
}