/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.social_wall_masonry {
    width:100%;
}

.wall-item {
	background:#f9f9f9;
}


.wall-item { 
	width: 100%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px; 
}

@media screen and (min-width: 481px) {
    /* 3 columns by default */
    .wall-item { width: 48%; margin-right:2%;margin-bottom:2%;}
}
@media screen and (min-width: 768px) {
    /* 5 columns for larger screens */
    .wall-item { width: 31%;margin-right:2%;margin-bottom:2%; }
}

@media screen and (min-width: 1023px) {
    .wall-item { width: 23%; margin-right:2%;margin-bottom:2%;}
    
}

/*kleur #1DA1F2*/
a.twitter {background:#fff;border: 1px solid #fff;color:#1DA1F2;width:auto;}
a.twitter:hover{background: #fff;color:#1DA1F2;}

/*kleur ##0069b4*/
a.facebook {background:#fff;border: 1px solid #fff;color:#0069b4;width:auto;}
a.facebook:hover{background: #fff;color:#0069b4;}

/*kleur ##262626*/
a.instagram {background:#fff;border: 1px solid #fff;color:#262626;width:auto;}
a.instagram:hover{background: #fff;color:#262626;}

.wall-item .top {
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	width:100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.wall-item.twitter .top {
	background:#1DA1F2;
	background-image:url('../images/twitter.png');
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position:center center;
}

.wall-item.facebook .top {
	background:#0069b4;
	background-image:url('../images/facebook.png');
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position:center center;
}

.wall-item.instagram .top {
	background:#262626;
	background-image:url('../images/instagram.png');
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position:center center;
}

.wall-item .afbeelding {
	float:left;
	width:100%;
}

.wall-item .afbeelding img {
	float:left;
}

.wall-item .data {
	float:left;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	
}

.wall-item .data .datum {
	float:left;
	width:100%;
	margin-top:20px;
}

.wall-item .data .bericht {
	float:left;
	width:100%;
}

.wall-item .data .linkBericht {
	float:left;
	width:100%;
	text-align:center;
}

.wall-item.facebook .datum {
	color:#1DA1F2;
}

.wall-item.twitter .datum {
	color:#0069b4;
}

.wall-item.instagram .datum {
	color:#262626;
}