/* codeDESIGN - custom_code_article.css */
@charset "utf-8";

/* CUSTOM CODE ARTICLE */
.custom_code_article div.container {
	padding-left: 0px;
	padding-right: 0px;
}

.custom_code_article [class^="col-"],
.custom_code_article [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.custom_code_article {
	margin-top: 80px;
	padding: 0px;
}

div.custom_code_article ul {
	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.custom_code_article ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
div.custom_code_article ul li::before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: var(--ci_color_accent_1);
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.custom_code_article ul li:hover::before {
	color: var(--ci_color_accent_2);
  	left: 6px;
}

div.custom_code_article a,
div.custom_code_article a:link,
div.custom_code_article a:visited {
	font-weight: 500;
	color: var(--ci_color);
	text-decoration: none;
	position: relative;
	hyphens: none;
	text-wrap: nowrap;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.custom_code_article a:hover {
	color: var(--ci_color_accent_2);
  	text-decoration: none !important;
}
div.custom_code_article a::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: currentColor;
	top: 100%;
	left: 0;
	pointer-events: none;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
div.custom_code_article a:hover::after {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}