// NOTE -- additional styles located in common/less/layout.less
.view-header {

	.font-size-medium();

	color: @color-text-dark;
	display: flex;
	flex-wrap: wrap-reverse;

	.view-header-group {
		display: flex;
		flex: 1;
		justify-content: flex-start;
		margin: 0 1em 1em 0;
	}

	.view-header-group:not(:first-child) {
		display: flex;
		flex: 1;
		justify-content: flex-end;
	}

	.view-header-group:last-child {
		margin: 0 0 1em;
	}

	h2 {

		.font-size-extra-large();
		.font-weight-normal();
	}
}