.card {
	// float: left;
	// margin-right: 1rem; /*16px*/
	margin-bottom: $spacer; /*16px*/
	// width: 20vw;
	// min-width: 18rem; /*288px*/
	// max-width: 20rem; /*320px*/
	height: 465px; /*465px*/
	border: 1px solid $gray-light;
  overflow: hidden;
	// box-shadow: 0px 0px 1px 0px rgba($gray-mid,0.5);

  a {
    color: $black !important;
  }

	&:hover,
	&:focus,
	&:active {
		@include shadow-3dp();
	}

	.card-img-top {
		height: 12.5rem; /*200px*/
		width: auto;
		object-fit: cover;
	}

  &.card-inverse {
    border: none;
    .card-img {
      height: 100%;
    }
    .card-img-overlay {
      top: auto;
      .card-title {
        color: $white !important;
      }
      .card-subtitle {
        color: $white !important;
        font-family: Montserrat, arial, sans-serif;
        font-size: 0.75rem; /*12px*/
        text-transform: uppercase;
      }
    }
  }

	.card-block {

		time {
			@extend .text-muted;
		}
	}

	.card-title {
		font-family: ProximaNova-Medium,arial,sans-serif;
		font-size: 1rem; /*16px*/
		line-height: 1.625rem; /*26px*/
		margin-top: 0.9375rem; /*15px*/
		margin-bottom: 0.625rem; /*10px*/
    	color: $black !important;
	}

	.card-text {
		@extend .small;
		margin-top: 1.25rem; /*20px*/
		margin-bottom: 0.625rem; /*10px*/

	}

	.card-footer {
		// @extend .text-muted;
    @include truncate();
		background-color: white;
		border-top: 1px solid $gray-light;
		position: absolute;
		bottom: 0;
		width: 100%;

    &.card-footer-icon {
      padding-right: 50px;
    }

    .card-footer-icon-right {
      position: absolute;
      right: 30px;
    }

		&.categories {
			color: $gray-mid;
			font-family: Montserrat, arial, sans-serif;
			font-size: 0.75rem; /*12px*/
			span {
				margin-left: 5px;
				&.current-category {
					color: $gray;
					font-size: 0.6875rem; /*11px*/
					letter-spacing: 0.15rem; /*150*/
					font-weight: bold;
					text-transform: uppercase;
					margin-right: 5px;
				}
			}
		}
	}

	.post-meta ul {
		li:not(first-child){ 
		display: none;
		 }
	}

}

/*// Small devices (landscape phones, less than 768px)*/
@include media-breakpoint-down(lg) {
	.card {
		height: 242px;
		height: 242px;
		.card-block {
			padding: $grid-gutter-width-base / 2;
			small {
				font-size: 0.6875rem; /*11px*/
				line-height: 0.6875rem; /*11px*/
				margin-bottom: 0.3125rem; /*10px*/
				display: block;
			}
		}
		.card-title, .card-text {
			font-size: 0.75rem; /*12px*/
			line-height: 1.125rem; /*18px*/
			margin-top: 0;
		}
		.card-img-top {
			height: 7rem;
		}
		.card-footer {
			padding: 8px $grid-gutter-width-base / 2;
			&.categories {
				span.current-category {
					color: $gray-mid;
					font-size: 0.625rem; /*10px*/
					font-weight: normal;
				}
			}
		}
	}
}
