/* CSS Document */

.wp-block-page-header {
	position: relative;
	margin: -190px 0 60px;

	.pageHeaderBlockContent {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		background-color: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 0 43px rgba(0, 0, 0, 0.5);

		.contentCol {
			flex: 2;
			padding: 75px 90px 90px;
			text-align: center;

			h2 {
				font-size: 4em;
				margin-bottom: 15px;
			}

			.redText {
				p {
					color: #b63333;
					font-size: 2.2em;

					a {
						color: inherit;
						text-decoration: none;
					}
				}
			}
		}

		.imageCol {
			flex: 1;
			position: relative;
			overflow: hidden;
			
			& img {
				height: 100%;
				position: absolute;
				transform: translate(-50%, 0);
				left: 50%;
				top: 0;
				width: 104%;
				max-height: 600px;
				object-fit: cover;
				max-width: none;
			}
		}
	}

	.blockLines {
		position: absolute;
		left: 36%;
		bottom: -160px;
		width: 220px;
		height: 236px;
		background-image: url("header-block-lines.png");
	}

	@media (max-width: 1029px) {
		margin: -90px 0 60px;

		.pageHeaderBlockContent {
			flex-direction: column-reverse;

			.contentCol {
				flex: auto;
				padding: 45px 40px 25px !important;

				h2 {
					font-size: 3em;
				}

				.redText p {
					font-size: 1.7em;
				}
			}

			.imageCol {
				flex: auto;

				img {
					position: static;
					width: 100% !important;
					height: auto;
					transform: none;
                    max-height: none;
				}
			}
		}

		.blockLines {
			display: none;
		}
	}
}