/*
#showcase .cta-blocks a.tso{background-color:#00b6ee;}
#showcase .cta-blocks a.kdv{background-color:#e95977;}
#showcase .cta-blocks a.bso{background-color:#f18e00;}
#showcase .cta-blocks a.po{background-color:#3fae2a;}

*/
.page-section__showcase{
	
	padding:0;
	position:relative;
	margin-bottom:3rem;
		
	.showcase-text{
		position:absolute;
		z-index:10;
		left:0;right:0;
		width:100%;
		text-align:center;
		@include absolute-center();
		h1{color:$white;text-shadow: 0 0 0.75em rgba($black,0.75);}
		
		
	}
	
	.showcase-blocks{
		position:absolute;
		width:100%;
		z-index:10;
		bottom:-4.5rem;
		
		@include breakpoint(small only){
			padding-top:0.75rem;
			background:$white;
		}
	}
	
	.skl-links{
		list-style:none;
		margin:0;
		
		.block{
			display:block;text-align:center;color:#fff;text-decoration:none;padding:1em 0;@include animate();background-color:$primary-color;min-height:10rem;
			
			.vertical-center{position:relative;top:50%;transform:translateY(-50%);}
			@include breakpoint(small only){
				min-height:0;
				margin:0.75rem 0;
			}
			
		}
		
		.block__kdv{
			background-color:#e95977;
			&:hover{background-color: darken(#e95977, 10%);}
		}
		.block__po{
			background-color:#3fae2a;
			&:hover{background-color: darken(#3fae2a, 10%);}
		}
		.block__bso{
			background-color:#f18e00;
			&:hover{background-color: darken(#f18e00, 10%);}
		}
		.block__tso{
			background-color:#00b6ee;
			&:hover{background-color: darken(#00b6ee, 10%);}
		}
		
		span{display:block;font-weight:$global-weight-bold;}
		span.onderdeel{padding-top:0.375rem;}
		
		@include breakpoint(small only){
			span.lighter,
			span.onderdeel{display:none;}
			span > img{width:60%;margin:0 20%;}
		}
		
		@include breakpoint(medium down){
			.small-3{
				padding:0;
				font-size:0.75rem;
				span{line-height:1rem;word-break: break-all;}
			}
		}
		
		
	}
	
	
	
	
}