$teaser-gutter: 6px;

.teaser-blocks {
	padding: 74px 0;

	.container {
		padding: 0 70px;

		@include media-breakpoint-down(sm) {
			padding: 0 15px;

			& > .row {
				margin: 0;
			}
		}

		.row {
			@extend .justify-content-center;

			.teaser-header {
				font-family: $font-family-serif;
				font-size: $h3-font-size;
				font-weight: bold;
				color: $green;
				flex: none;
				margin-bottom: 50px;
				max-width: 100% !important;
				text-align: center;
				text-transform: uppercase;
			}

			.block {
				background-color: #fff;
				box-shadow: inset $teaser-gutter 0px 0px 0px #fff; 
				margin-bottom: $teaser-gutter;
				padding: 40px $teaser-header-h 23px;
				text-align: left;

				@include media-breakpoint-down(sm) {
					box-shadow: none;
				}

				h2, p {
					color: $brown;
					width: 100%;
				}

				h2 {
					@extend %heading-small;
					margin-bottom: 0;
					min-height: 60px;
					padding-bottom: 20px;

					@include media-breakpoint-down(sm) {
						font-weight: 500;
						min-height: 1px;
					}
				}

				p {
					@extend %type-teaser;
					min-height: 62px;
				}

				&:first-child {
					box-shadow: none !important;
				}
			}
		}
	}

	//d-flex justify-content-center
	body.page-template-page-plaintext & {
		.container .row {
			.block {
				background: $greygreen;
			}
			.teaser-footer {
				text-align: center;
				width: 100%;
			}
		}
	}

	body.home & {
		padding: 0;

		.container .row {
			@extend .justify-content-start;

			.teaser-header, .teaser-footer {
				@extend %teaser-header;
				max-width: 33.333% !important;
				text-transform: none;

				@include media-breakpoint-down(sm) {
					font-weight: 500;
					text-align: left;
					max-width: 100% !important;
				}
			}
			.teaser-footer {
				max-width: 100% !important;
				width: 100%;
			}
			.teaser-header {
				margin-bottom: $teaser-gutter;
			}
		}
	}

	body.page-id-190 &,
	body.home & {
		.container .row {
			.block {
				box-shadow: inset $teaser-gutter 0px 0px 0px $offwhite;

				@include media-breakpoint-down(sm) {
					box-shadow: none;
				}
			}
		}
	}
}

.teaser-blocks + .teaser-blocks {
	padding-top: 0;
}