/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2024 | 13:11:35 */
ul.kit_pigments li.attr_pigment{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: repeat(3, auto); 
	line-height: 18px;
	margin-bottom: 20px;
	column-gap: 20px;
	break-inside: avoid-column;
}


ul.kit_pigments li.attr_pigment span.color_kit{
	grid-column: 1 / span 1;
	grid-row: 1 / span 3;
	aspect-ratio : 1; 
	border-radius: 50%;
	width: 50px;
}

ul.kit_pigments li.attr_pigment span.name_kit{
	font-weight: 700;
}


/* DESKTOP */ 

.et_pb_row:has(.et_pb_column_3_tb_body) ul.kit_pigments{
	columns: 2;
	padding: 0 !important;
	column-gap: 50px;
}

.et_pb_row:has(.et_pb_column_3_tb_body):has(ul.kit_pigments){
	display: grid;
    grid-template-columns: 300px 1fr 400px;
    column-gap: 50px;
}

.et_pb_row:has(.et_pb_column_3_tb_body):has(ul.kit_pigments)::after{
	display: none;
}

.et_pb_row:has(.et_pb_column_3_tb_body) .et_pb_column{
	width: 100%;
	/* min-width: 100%;*/
	margin-right: 0 !important;
}

/* SMALL DESKTOP */

@media screen and (max-width: 1800px){
	.et_pb_row:has(.et_pb_column_3_tb_body):has(ul.kit_pigments){
    	grid-template-columns: 0 1fr 400px;
	}
}

@media screen and (max-width: 1300px){
	.et_pb_row:has(.et_pb_column_3_tb_body) ul.kit_pigments{
		columns: 1;
	}
}


section.related {
  display:block !important;
}