/* List posts */
.list__card__post { }		
	
	
/* ===========
   CARD - POST
   =========== */	

/*.card__post * {
	outline: 1px solid red; }*/
	   
.card__post {
	position: relative;
	color: var(--color-charcoal-dark);
	display: flex;
	padding: 2rem 0;
	border-bottom: 1px solid var(--color-charcoal-dark-tint-light); }

.card__post:first-of-type {
	border-top: 1px solid var(--color-charcoal-dark-tint-light); }

.card__post__title {
	width: 70%;
	padding-right: 3rem;
	display: flex;
	align-items: center;
	align-content: center; }

.card__post__image {
	width: 30%;
	height: 0;
	padding-bottom: 10%;
	margin-right: 5rem;
	flex-shrink: 0;
	position: relative;
	overflow: hidden; }

.card__post__image div {
	position: absolute;
	transition: all .6s;
	left: 0;
	top: 0;
	width: 70%;
	height: 100%; }	

.card__post__image img {
	object-fit: cover;
    width: 100%;
    height: 100%; }
    
.card__post:hover .card__post__image div {
	width: 100%; }

.card__post__title div {
	display: block; }
		
.card__post__title h3 {
	margin-bottom: 0;
	padding-left: 8rem;
	display: inline; }	

.card__post__title p {
	width: 10rem;
	position: absolute; }	
	
.card__post .icon_link {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2rem;
	right: 0; }
	
.card__post .icon_link #Path {
	fill: var(--color-charcoal-dark); }	
	
	
@media all and (max-width:900px) {
	
	.card__post__title {
		width: 75%; }
	
	.card__post__image {
		width: 25%;
		height: 0;
		margin-right: 3rem;
		padding-bottom: 15%; }
	
	.card__post__image div {
		width: 90%; }
	
}	



@media all and (max-width:480px) {
	
	 .card__post {
	 	flex-wrap: wrap; }	
	 	
	 .card__post__title {
	 	margin-top: 2.2rem;
	 	width: 100%; }
	
	.card__post__image {
		padding-bottom: 22%;
		width: 40%; }
}