/* WIDGET: PAGE TITLE
-------------------------------------------- */

.vlt-page-title {
	position: relative;
	overflow: hidden;
	z-index: 1;

	&__subtitle,
	.vlt-breadcrumbs {
		margin-top: px2rem(10px);
		@include vlt_primary_medium_15;
	}

	.vlt-breadcrumbs {

		.sep {
			margin: 0 px2rem(8px);
			opacity: 0.5;
		}

	}

	&__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		z-index: -1;
	}

}

/* STYLE 1
-------------------------------------------- */

.vlt-page-title--style-1 {
	padding: px2rem(90px) 0;
	background-color: var(--vlt-color-gray-light);
}

/* STYLE 2
-------------------------------------------- */

.vlt-page-title--style-2 {
	padding: px2rem(210px) 0;
	text-align: center;
	background-color: var(--vlt-color-gray-light);

	.vlt-page-title__title,
	.vlt-page-title__subtitle,
	.vlt-breadcrumbs {
		color: var(--vlt-color-white);
	}

}