:root {
	--lesl-primary: #da251c; /*red*/
	--lesl-secondary: #fff500; /*yellow*/
	--lesl-secondary-light: #ffffe6; /*yellow-white*/
	--lesl-black: #000000; /*black*/
	--lesl-dark: #1E1F20; /*dark*/
	--lesl-darkish: #363738; /*dark*/
}
#top-bar {
	background-color: var(--lesl-primary);
	color: var(--lesl-secondary-light);
}
#top-bar .icon {
	color: var(--lesl-secondary);
}
.hero-title {
	color: var(--lesl-darkish);
}
.lesl-btn-dark {
	background-color: var(--lesl-dark);
}
.lesl-bg-dark {
	background-color: var(--lesl-dark);
}
.services-grid .feature-box {
/*	background-color: var(--cnvs-themecolor);*/
	background-color: var(--lesl-black);
}
.services-grid .feature-box:hover {
	border-color: var(--lesl-darkish);
}
.home-services-box {
	background-image: linear-gradient(#1E1F20, #000000);
}
footer h5 {
	color: rgb(46, 52, 57);
}
footer .brand {
	color: var(--lesl-primary);
}
footer .dot {
	color: var(--lesl-secondary);
}
#copyrights {
	background-color: var(--lesl-primary);
	color: var(--lesl-secondary-light);
}
.copyright-links,
.copyright-links a {
	color: var(--lesl-secondary-light);
}
.copyright-links a {
	border-bottom: 1px dotted var(--lesl-secondary-light);
}
.copyright-links a:hover,
.copyright-links.active {
	color: var(--lesl-secondary);
	border-bottom-color: var(--lesl-secondary);
}
.hero-title{
	margin-bottom: 4px;
}