HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/nec.creativefellows.nl/public/scss/_sections.scss
.page-section{
	padding:3rem 0 1.5rem 0;
	
	h2 > strong{color:$primary-color;}
	h3 > strong{color:$secondary-color;}
	
}

.page-section__showcase{
	padding:0;
}

.page-section__hex-icons{
	padding-top:0;
	padding-bottom:3rem;
}

.page-section__has-devider-after{
	padding-bottom:1.5rem;
	 .grid-x::after{clear:both;content:"";display:block;margin-left:0.5em;margin-right:0.5em;border-bottom:solid 1px $light-gray;width:100%;margin-top:1.5rem;}
}

.page-section__panel-grey10,
.page-section__background-gray{
	background: #f6f6f6;
}


.page-section__text-center{
	text-align:center;
}

.page-section__footer{
	padding:0;	
}

.page-section__not-found{
	padding:3rem 0 3rem 0;
}

.page-section__flipping-cards{
	
	background: #f6f6f6;
	
}

.button-group__filter-results{
	margin:0 auto 0 auto;
	display:inline-block;
	background:none;
	&:hover{background:none;}
	
	.button{padding:$global-padding/2 $global-padding;border-radius:1.5rem;text-transform:uppercase;font-size:0.875rem;background:none;color:$primary-color;}
	.button:hover{background:$light-gray;}
	.button__active,
	.button__active:hover{background:$primary-color;color:$white;font-weight:400;}

}

.page-section__sitemap{

	padding:1.5rem 0 0 0;
	
	.column-header{
		font-size:1.125rem;
		margin-top:0;
		position:relative;
		&::before{content:"";position:absolute;top:0;left:-0.75rem;bottom:0;border-left:solid 1px $primary-color;}
	}
	
	.group-header{
		margin:0;
		text-transform:none;
	}	
	
	&.page-section__sitemap-partners{
		hr{border-color:transparent;}
	}
	
}

.page-section__related-content{

	background:#f6f6f6;
	margin-bottom:0;
	padding:3rem 0;
		
	.related-item{
		padding:1rem;
		min-height:9rem;
		margin-top:0;
		h4{margin-bottom:0;}
		h4+p{font-size:0.875rem;margin:0;}
		*{color:$white;}
	}
	
	.grid-x .cell{
		&:nth-child(1) .related-item{background:get-color-nec(0);}
		&:nth-child(2) .related-item{background:get-color-nec(1);}
		&:nth-child(3) .related-item{background:get-color-nec(2);}
		&:nth-child(4) .related-item{background:get-color-nec(3);}
	}
	
}