/* admin?mod=Configfrontmenu */
.cfm_container {
	max-width:1200px;
}

/* start pages*/
.cfm_entrypoints {	
	border: 1px solid rgba(0,0,0,0.25);
	background-color: #efefef;
	border-radius: 3em;
}
.cfm_entrypoints .cfm_block {
	height:75px;
}
.cfm_entrypoints h4 {
	font-size:1.3em;
}

/* steps */
.cfm_step1, .cfm_step2, .cfm_step3, .cfm_step4, .cfm_step5, .cfm_step6 {
	border: 1px solid rgba(0,0,0,0.25);
	background-color: #efefef;
	border-radius: 3em;
}

/* steps: block width setting + transition on hover */
.cfm_step1 .cfm_block, 
.cfm_step2 .cfm_block, 
.cfm_step3 .cfm_block, 
.cfm_step4 .cfm_block,
.cfm_step5 .cfm_block,
.cfm_step6 .cfm_block {
	width:130px;
	transition:all 0.3s;
}

.cfm_step1 .cfm_block:hover, 
.cfm_step2 .cfm_block:hover, 
.cfm_step3 .cfm_block:hover, 
.cfm_step4 .cfm_block:hover,
.cfm_step5 .cfm_block:hover,
.cfm_step6 .cfm_block:hover {
	transform: scale(1.1);
}

/* height setting for horizontal postioned steps */
.cfm_step3.cfm_blockpad, 
.cfm_step4.cfm_blockpad,
.cfm_step5.cfm_blockpad,
.cfm_step6.cfm_blockpad {
	height:180px;
}

/* position arrow */
img.customTop {
	top:-35px;
}

/* badge */
.cfm_container .badge {
	top:-26px;
	white-space: wrap;
}

/* grayscale img (label always in full color), on hover img full color */
.cfm_step1 .cfm_block a, 
.cfm_step2 .cfm_block a, 
.cfm_step3 .cfm_block a, 
.cfm_step4 .cfm_block a,
.cfm_step5 .cfm_block a,
.cfm_step6 .cfm_block a {
	filter: grayscale(100%);
}
.cfm_step1 .cfm_block:hover a, 
.cfm_step2 .cfm_block:hover a, 
.cfm_step3 .cfm_block:hover a, 
.cfm_step4 .cfm_block:hover a,
.cfm_step5 .cfm_block:hover a,
.cfm_step6 .cfm_block:hover a {
	filter: grayscale(0%);
}