/* FILE: content/page/_header.scss */

.page-header {
	position: relative;
	width: calc( 100vw - var(--scrollbar_width) );
	padding: var(--white_space) 6vw 0;
	margin-top: var(--content_padding_negative);
	margin-#{$left}: calc( 50% - 50vw + ( var(--scrollbar_width) / 2 ) );
	margin-bottom: var(--white_space);
	text-align: center;

	.has-widgets-in-sidebar & {
		@include media( map_get( $breakpoint, 'l' ) ) {
			margin-#{$left}: calc( ( 50% / ( 1 - var(--sidebar_width) ) ) - 50vw + ( var(--scrollbar_width) / 2 ) );
		}
	}

	&-content {
		max-width: var(--layout_width_entry_content);
		margin-left: auto;
		margin-right: auto;
	}

	.page-title {

		.search-results & {

			span {
				font-weight: 400;
			}

		}

	}

	.page-summary {
		margin-top: 2rem;
		font-size: 1.2em;
		color: var(--color_content_headings);
	}

	.page-number {
		font-size: 1.2rem;
		font-weight: 400;
		text-transform: none;
		white-space: nowrap;
	}

	.page-meta {
		margin-top: 2rem;
	}

}