div.ccm-page .featureline {
  margin: 0 0 1.5em;
  padding: 0 10px 10px;
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  background: #FFFFFF;
  border-bottom: 8px solid #D4136C;
  box-sizing: border-box;
  text-align: center;
}

div.ccm-page .featureline:before {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -13px;
	border: 10px solid transparent;
	border-top: 10px solid #FFFFFF;
	z-index: 2;
}

div.ccm-page .featureline:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -16px;
	border: 13px solid transparent;
	border-top: 13px solid #D4136C;
	z-index: 1;
}

div.ccm-page .featureline hr {
	margin: 0;
	padding: 0;
	border-top: 0;
	height: 3px;
}

/*yellow*/
div.ccm-page .line-yellow .featureline {
  border-bottom: 8px solid #FFCE45;
}
div.ccm-page .line-yellow .featureline:after {
	border-top: 13px solid #FFCE45;
}

/*orange*/
div.ccm-page .line-orange .featureline {
  border-bottom: 8px solid #E57C48;
}
div.ccm-page .line-orange .featureline:after {
	border-top: 13px solid #E57C48;
}

/*red*/
div.ccm-page .line-red .featureline {
  border-bottom: 8px solid #E23B44;
}
div.ccm-page .line-red .featureline:after {
	border-top: 13px solid #E23B44;
}

/*red*/
div.ccm-page .line-green .featureline {
  border-bottom: 8px solid #9FD649;
}
div.ccm-page .line-green .featureline:after {
	border-top: 13px solid #9FD649;
}