/* Icoon-lijst (Divi: dsm_icon_list) — icoon van 35px in een kader met 10px
   ruimte eromheen, daarnaast het label. Gemeten op de live site: regel 55px
   hoog, label Inter 500 / 14px / 23,8px met 5px ruimte links, items 50px uit
   elkaar, hover schuift het item 10px naar rechts. */
.td-iconlist{list-style:none;margin:0;padding:0;color:#000;}
.td-iconlist__item{display:flex;}
.td-iconlist__link{
	display:flex;align-items:center;
	color:inherit;text-decoration:none;
	transition:transform .3s;
}
a.td-iconlist__link:hover{transform:translateX(10px);}
.td-iconlist__icon{flex:0 0 auto;display:inline-block;padding:10px;line-height:0;}
.td-iconlist__icon img{display:block;width:35px;height:auto;}
.td-iconlist__label{
	padding-left:5px;
	font-family:"Inter",Helvetica,Arial,sans-serif;
	font-weight:500;font-size:14px;line-height:23.8px;
}

/* Horizontaal: items naast elkaar met 50px tussenruimte (list_space_between).
   Net als in Divi zijn de items inline-flex in een blok-lijst: ze krimpen niet,
   maar vallen op een smal scherm netjes door naar de volgende regel. */
.td-iconlist--inline{display:block;}
.td-iconlist--inline .td-iconlist__item{display:inline-flex;vertical-align:top;}
.td-iconlist--inline .td-iconlist__item:not(:last-child){margin-right:50px;}

/* Op een blauwe band staat de tekst wit. */
.block--blue .td-iconlist{color:#fff;}

/* Vinkjes-variant (Divi: dsm_icon_list met font-icoon "N"). Gemeten op de live
   site: vinkje 20px in merkblauw, tekst Inter 300 / 15px / 25,5px met 10px
   ruimte ernaast, 13px tussen de regels, icoon verticaal gecentreerd. */
.td-iconlist--check .td-iconlist__item:not(:last-child){margin-bottom:13px;}
.td-iconlist--check .td-iconlist__link{align-items:center;}
.td-iconlist--check .td-iconlist__link::before{
	content:"";flex:0 0 20px;width:20px;height:20px;
	background:var(--td-blue);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.td-iconlist--check .td-iconlist__label{
	padding-left:10px;font-weight:300;font-size:15px;line-height:25.5px;
}
.block--blue .td-iconlist--check .td-iconlist__link::before{background:#fff;}