/* preview */
.related-title {
	color: #ff6f59;
}
hr#related{
	display:none;
}

/* Callout */
.callout-what,
.callout-how,
.callout-inspiration {
	background: #fbfaff;
	border: 0 solid;
	padding: 24px;
	position: relative;
	margin-bottom: 3em;
	color: #434343;
	border-radius: 3px;
	line-height: 1.55em;
	font-size: 17px;
}
.callout-what > strong, 
.callout-how > strong,
.callout-inspiration > strong {
	color: #34435c;
	margin: 12px 0;
	display: block;
	padding-left: 72px;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
}
/*  images */
.callout-what::before {
	background-image: url("img/illustration_what.svg");
}
.callout-how::before {
	background-image: url("img/illustration_how.svg");
}
.callout-inspiration::before {
	background-image: url("img/illustration_inspiration.svg");
}


.callout-what::before,
.callout-how::before,
.callout-inspiration::before {
	content: "";
	height: 64px;
	position: absolute;
	width: 64px;
	top: 18px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
	left: 18px;
}

/*  Titles */
.callout-what > strong,
.callout-how > strong, 
.callout-inspiration > strong {
	color: #34435c;
	margin: 12px 0;
	display: block;
	padding-left: 72px;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
}

/*  Articles */
.callout-what > ul,
.callout-how > ul, 
.callout-inspiration > ul {
	margin: 0 auto 0;
	list-style: none;
	padding: 0;
}

.callout-what > ul li:first-child,
.callout-how > ul li:first-child,
.callout-inspiration > ul li:first-child {
	border-top: 0px dashed #f4f2fa;
}

.callout-what > ul li,
.callout-how > ul li,
.callout-inspiration > ul li {
	border-top: 1px dashed #cad3e0;
	margin: 12px 0 0 72px;
	padding: 12px 0 0 0;
}
.callout-what > ul li a:hover,
.callout-how > ul li a:hover,
.callout-inspiration > ul li a:hover {
	color: #270a7d;
}

.callout-what > ul li a,
.callout-how > ul li a,
.callout-inspiration > ul li a {
	color: #2C00AC;
}