@import "variables";

.card {
	display: block;
	@include word-wrap;
}

//
// Grid layout
//

@include media-breakpoint-up(md) {
	.card-deck {
		display: flex;
		margin-right: -$card-deck-margin / 2;
		margin-left: -$card-deck-margin / 2;
		flex-flow: row wrap;
		.card {
			margin-right: $card-deck-margin / 2;
			margin-left: $card-deck-margin / 2;
			flex: 1 0 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
	}
	.posts-list {
		&--grid-2-cols,
		&--grid-3-cols {
			.card {
				max-width: calc(100% / 2 - #{$card-deck-margin});
				flex: 1 0 calc(100% / 2 - #{$card-deck-margin});
			}
		}
	}
}

@include media-breakpoint-up(lg) {
	.posts-list {
		&--grid-2-cols {
			.card {
				max-width: calc(100% / 2 - #{$card-deck-margin});
				flex: 1 0 calc(100% / 2 - #{$card-deck-margin});
			}
		}
		&--grid-3-cols {
			.card {
				max-width: calc(100% / 3 - #{$card-deck-margin});
				flex: 1 0 calc(100% / 3 - #{$card-deck-margin});
			}

		}
	}
}

@include media-breakpoint-only(lg) {
	.posts-list {
		&--grid-3-cols {
			&.one-right-sidebar,
			&.one-left-sidebar {
				.card {
					max-width: calc(100% / 2 - #{$card-deck-margin});
					flex: 1 0 calc(100% / 2 - #{$card-deck-margin});
				}
			}
		}
	}
}