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/_newsroom.scss
.page-section__news{

	padding:0;
	margin-bottom:1.5rem;

	h2{margin:3rem 0 1.5rem;color:$primary-color;}
	
	.news-article{border:solid 1px $light-gray;padding:1.5rem;margin-bottom:1.5rem;position:relative;}
	.news-article:not(.news-artivle__show-all):hover{background:rgba($light-gray,0.25);}
	
	.news-article-block{/*height:15rem;overflow:hidden;*/}
	.news-article-head{}
	.news-article-intro{margin:0;}
	
	.news-article-date{
		font-weight:$global-weight-bold;
		font-size:0.875rem;
		&:before{
		    content: "";
		    padding-right: 0.5rem;
		    border-left: solid 2px #ec6600;
		}
	}
	
	.news-artivle__show-all{
		background-color:$secondary-color;
		
		h4{color:$white;font-size:1.5rem;@include vertical-center();text-align:center;left:0;right:0;}
		a{color:$white;}
		
	}
	
	.button__hidden{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:none;text-indent:-5000px;}
	
	ul.list-category{
		margin:0;
		li{list-style:none;list-style:none;margin-bottom:0.375em;padding-bottom:0.375em;border-bottom:solid 1px #ddd;}
		li a{
			color:$black;
			&:hover{color:$primary-color;}
		}
	}
}


.page-section__news-details{

	.news-article-contents{padding-left:3rem;}
	
	h1{margin-bottom:3rem;font-size:2rem;}
	h2{margin:1.5rem 0;color:$primary-color;}
	img{margin-bottom:1.5rem;}
	
	.jssocials-share:not(.jssocials-share-email) .fa{font-family: "Font Awesome 5 Brands";}
	
}


.sidebar-navigation{
	
	h3{color:$primary-color;}
	
	.sidebar-menu{list-style:none;margin:0 0 1.5rem 0;}
	.sidebar-menu li{list-style:none;margin-bottom:0.375em;padding-bottom:0.375em;border-bottom:solid 1px #ddd;} /*background: url(../images/background-line.png) repeat-x 0 100%;*/
	.sidebar-menu li:last-child{border:none;margin:0;}
	.sidebar-menu .link{
		color:$black;
		&:hover{color:$primary-color;}
	}
	.sidebar-menu .link__active{
		color:$secondary-color;
		font-weight:$global-weight-bold;
		
		&:hover{color:$secondary-color;}
	}
}