.page-node-type-page,
.path-search,
.path-taxonomy,
.path-blog,
.path-news,
.page-node-type-news {

	& article header {
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 537px;

		& .header-color {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 500px;
			z-index: 1;
		}


		& .header-inner {
			position: absolute;
			bottom: var(--size-64);

			& h1 {
				margin-bottom: 0;
				line-height: 1.3;
				word-break: break-word;

				@media screen and (max-width: 500px) {
					font-size: var(--size-35);
				}
			}
		}

		& picture {
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 500px;
			object-position: right top;

			& img {
				object-fit: cover;
				height: 100%;
				width: 100%;
			}
		}

		& .ray {
			position: absolute;
			width: 5.5rem;
			height: 24rem;
			transform: skew(-45deg);
			background: white;
			transform-origin: 0 0;
			background: linear-gradient(224deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 70%);
			mix-blend-mode: overlay;

			&.ray--first {
				left: 6rem;
				top: 0rem;
				height: 7rem;
			}

			&.ray--second {
				left: 17rem;
				top: 0rem;
				height: 24rem;
				background: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 80%);
			}
		}
	}

	& article.rays-top-right {
		overflow: hidden;
		background: transparent url('../../images/rays-main-blue.png') no-repeat right top;
		margin: 0;
		background-position-y: -15px;

		@media screen and (max-width: 767px) {
			background: none;
		}
	}

	& .node-content-container.rays-bottom-left {
		overflow: hidden;
		background: transparent url('../../images/rays-main-blue-reversed.png') no-repeat left bottom;
		margin: 0;
		background-position-y: 100%;

		@media screen and (max-width: 767px) {
			background: none;
		}
	}

	& .have-questions-wrapper {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		margin-bottom: 0px;

		& .have-questions-wrapper-left {
			display: block;
			flex-grow: 0;
			flex-shrink: 1;
			flex-basis: auto;
			align-self: auto;
			order: 1;
			min-width: 515px;
			min-height: 304px;
			background: transparent url("../../images/have-questions-nt.png") no-repeat 0 0;
			color: var(--white);
			text-align: center;
			position: relative;

			& span {
				position: absolute;
				top: 30%;
				left: 50%;
				font-size: 35px;
				line-height: 42px;
				width: 200px;
			}
		}

		& .have-questions-wrapper-right {
			display: block;
			flex-grow: 0;
			flex-shrink: 1;
			flex-basis: auto;
			align-self: center;
			order: 2;
			width: 50%;
		}

		& .field--name-field-have-questions {
			& p {
				color: var(--black);
				font-family: var(--font-sans);
				font-size: var(--size-20);
				font-style: normal;
				font-weight: 700;
				line-height: 150%;
				margin-left: calc(100vw / 18);
				margin-right: calc(100vw / 20);
			}
		}
	}

	& .field--name-body {
		margin: 3em 0;
	}

	& .field--name-field-text {
		font-family: var(--font-sans);

		& h2 {
			color: var(--dark);
			font-family: var(--font-sans);
			font-size: var(--size-26);
			font-style: normal;
			font-weight: 700;
			line-height: var(--size-28);
			margin-bottom: var(--size-19);
		}

		& h3 {
			color: var(--gray-dark, #171717);
			font-family: var(--font-sans);
			font-size: var(--size-18, 18px);
			font-style: normal;
			font-weight: 700;
			line-height: 150%;
			/* 27px */
			margin-bottom: 18px;
		}

		& p,
		ul,
		ol {
			color: var(--black, #000);
			font-family: var(--font-sans);
			font-size: var(--size-18);
			font-style: normal;
			font-weight: 400;
			line-height: 150%;
			/* 27px */
			margin-bottom: 1rem;
			display: block;
		}

		& ul,
		ol {
			margin-left: -1rem;
			margin-bottom: 24px;
		}

		& li {
			line-height: 150%;
		}

	}

	.header-wrapper {
		display: inline-block;
		font-family: var(--font-sans);
		font-size: var(--size-18);
		color: var(--gray);
		background-color: var(--white);
		padding: 0 15px;

		& h1 {
			margin: 0;
			font-size: var(--size-52);
		}
	}

	& .print-share {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: baseline;
		margin: 2rem 0 2.5rem;
		font-size: var(--size-16);
		font-family: var(--font-sans);
		display: none;

		& .print {
			min-width: 5rem;

			& a {
				&:before {
					content: url('../../images/icons/print.png');
					padding-right: 11px;
					position: absolute;
					left: 0;
					top: 0;
				}
			}
		}

		& .share {
			margin-left: 1rem;

			& a {
				&:before {
					content: url('../../images/icons/share.png');
					padding-right: 11px;
					position: absolute;
					left: 0;
					top: 0;
				}
			}
		}

		& a {
			color: inherit;
			text-decoration: none;
			padding-left: 25px;
			position: relative;
		}
	}
}

.path-search {
	& #block-rasc-content {
		padding: 5rem;
	}

	& ol.search-results {
		font-size: var(--size-18);
		font-family: var(--font-sans);
	}
}

@media screen and (min-width: 1024px) {

	.page-node-type-page,
	.path-search,
	.path-taxonomy,
	.path-blog,
	.path-news {

		& article header {

			& .header-inner {
				left: var(--global-side-padding-large);
				right: var(--global-side-padding-large);
			}

			& picture {
				display: block;
			}
		}
	}

	.path-taxonomy {
		& article header .header-inner {
			max-width: 95%;
		}
	}
}

@media screen and (max-width: 1370px) {

	.page-node-type-page,
	.path-search,
	.path-taxonomy,
	.path-blog,
	.path-news {

		& article header {
			& .header-inner {
				left: var(--global-side-padding-medium);
				right: var(--global-side-padding-medium);
			}


		}
	}
}

@media screen and (max-width: 1023px) {
	.path-search {
		& #block-rasc-content {
			padding: 2rem;
		}
	}

	.page-node-type-page,
	.path-search,
	.path-taxonomy,
	.path-blog,
	.path-news {
		& article header {
			min-height: 320px;

			& .header-inner {
				left: var(--global-side-padding-small);
				right: var(--global-side-padding-small);
			}
		}
	}

	.page-node-type-page header .true-ray {
		background-size: 50%;
	}

	.have-questions-wrapper-left {
		background-position-x: -100px !important;
		min-width: 415px !important;

		& span {
			left: calc(50% - 50px) !important;
		}
	}
}

@media screen and (max-width: 900px) {
	.have-questions-wrapper {
		flex-flow: column !important;

		.have-questions-wrapper-left {
			background: none !important;
			min-width: unset !important;
			min-height: unset !important;
			color: unset !important;
			text-align: left !important;

			& span {
				position: relative !important;
				top: unset !important;
				left: unset !important;
				padding: 50px 20px 20px;
				width: unset !important;
				display: block;
			}
		}

		.have-questions-wrapper-right {
			width: 100% !important;
			padding: 0 0 50px;

			& p {
				margin: 0 !important;
				padding: 0 20px;
			}
		}
	}

	.page-node-type-page,
	.path-search,
	.path-taxonomy,
	.path-blog,
	.path-news {

		& article header {
			padding: 0;

			& .header-inner {
				left: var(--global-side-padding-small);
				bottom: var(--size-14);

				& .header-wrapper {
					max-width: 90vw;
					margin-top: var(--size-8);

					& h1 {
						font-size: var(--size-42);
					}
				}
			}

		}
	}

}

@media screen and (max-width: 500px) {
	.page-node-type-page {
		& article header {
			& .header-inner {
				& .header-wrapper {
					max-width: 75vw;

					& h1 {
						font-size: var(--size-35);
					}
				}
			}
			
		}

		&.node-12,
		&.node-20 {
			& article header {
				@media screen and (max-width: 500px) {
					background-position-y: 0;
					background-position-x: -118px;
					background-size: 286%;
				}
			}
		}
	}
}