.bc-socialpost {

	color: #fff;

	padding: 30px;

	font-weight: bold;

	border-radius: 6px;

	-webkit-box-shadow: 6px 9px 12px rgba(0,0,0,.12);

	-moz-box-shadow: 6px 9px 12px rgba(0,0,0,.12);

	box-shadow: 6px 9px 12px rgba(0,0,0,.12);

	-o-transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	transition: .3s;

	min-height: 350px;

	position: relative;

}



.bc-socialpost:hover {

	background-color: #ff4137;

}



.bc-socialpost-icon img {

	height: 30px;

	width: auto;

	display: block;

}



.bc-socialpost-icon .fa {

	font-size: 30px;

	color: #fff;

}



a.bc-socialpost-link,

a.bc-socialpost-link img {

	color: #fff;

	background-color: none;

	text-decoration: none;

	box-shadow: none;

	text-shadow: none;

	border: none;

}



.bc-socialpost-content {

	font-size: 21px;

	line-height: normal;

	color: #fff;

	position: relative;

	margin-top: 90px;
	
	overflow-wrap: break-word;

}



.bc-socialpost-date {

	font-size: 16px;

	line-height: normal;

	color: #fff;

	margin-bottom: 0;

}



.bc-actionposts {

	background-color: transparent;

}



.bc-actiontwitter {

	background-color: transparent;

}

.bc-actionbluesky {

	background-color: transparent;

}

.bc-actionfacebook {

	background-color: transparent;

}



.bc-socialpost-icon {

	position: absolute;

	top: 30px;

	left: 30px;

	font-size: 24px;
	
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";

}



.bc-socialpost-date {

    position: absolute;

    bottom: 30px;

    left: 30px;

}

.bc-socialpost-link .bc-socialpost-icon svg {
	max-width: 25px;
	width: 100%;
	height: auto;
}

.bc-socialpost-link .bc-socialpost-icon path {
	fill: #fff;
}

.bc-socialpost-link:hover .bc-socialpost-icon path {
	fill: #fff;
}











/* Responsive Styles */



@media (min-width: 900px){

	

	.bc-socialpost:hover {

		-moz-transform: translateY(-6px);

		-o-transform: translateY(-6px);

		-ms-transform: translateY(-6px);

		-webkit-transform: translateY(-6px);

		transform: translateY(-6px);

	}

	

}