
/* #Page titles
================================================== */
.overlap #fancy-header,
.overlap .page-title {
	margin-top: -70px;
	margin-bottom: -70px;
}
.transparent .page-title {
	visibility: hidden;
}
.is-webkit.overlap #fancy-header,
.is-webkit.overlap .page-title {
	position: relative;
}

/* #Fancy Title
================================================== */
/*.fancy-parallax-bg {
	will-change: transform;
}*/
	#fancy-header.title-center .wf-wrap,
	#fancy-header.content-left .wf-wrap,
	#fancy-header.content-right .wf-wrap {
		display: table;
		width: 100%;
	}
	#fancy-header .wf-wrap,
	.page-title .wf-wrap {
		padding-top: 0;
		padding-bottom: 0;
	}
	.overlap #fancy-header .wf-wrap,
	.overlap .page-title .wf-wrap {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#fancy-header > .wf-wrap {
		max-width: 100%;
	}
		#fancy-header.title-center .wf-table,
		#fancy-header.content-left .wf-table,
		#fancy-header.content-right .wf-table {
			display: table-cell;
			vertical-align: middle;
		}

			.fancy-header .wf-td {
				width: 50%;
				vertical-align: middle;
			}
			.content-left.fancy-header .wf-td,
			.content-right.fancy-header .wf-td {
				display: block;
				width: 100%;
			}
			.content-right.fancy-header .wf-td,
			.title-left .breadcrumbs,
			.title-right .hgroup {
				text-align: right;
			}
			.fancy-header.title-center .wf-table,
			.fancy-header.title-center .wf-td {
				display: block;
				width: 100%;
				text-align: center;
			}

				.mobile-false #fancy-header .fancy-title,
				.mobile-false #fancy-header .fancy-subtitle,
				.mobile-false #fancy-header .breadcrumbs {
					opacity: 0;
				}
					#fancy-header .fancy-title > span {
						display: inline-block;
					}
				.ie-mobile #fancy-header .fancy-title,
				.ie-mobile #fancy-header .fancy-subtitle,
				.ie-mobile #fancy-header .breadcrumbs {
					opacity: 1;
				}

				#fancy-header .fancy-title.start-animation,
				#fancy-header .fancy-subtitle.start-animation,
				#fancy-header .breadcrumbs.start-animation {
					-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
					animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
					opacity: 1;
				}

				.fancy-header .hgroup,
				.page-title .hgroup {
					overflow: hidden;
					padding: 5px 0;
				}
				.title-center.breadcrumbs-off .hgroup,
				.content-left.breadcrumbs-off .hgroup,
				.content-right.breadcrumbs-off .hgroup {
					margin-top: 5px;
					margin-bottom: 5px;
				}
				.title-center .breadcrumbs.breadcrumbs-bg,
				.content-left .breadcrumbs.breadcrumbs-bg,
				.content-right .breadcrumbs.breadcrumbs-bg {
					margin-top: 10px;
				}
				#fancy-header.titles-off .breadcrumbs {
					margin-top: 5px;
					margin-bottom: 5px;
				}

				.title-center .breadcrumbs,
				.content-left .breadcrumbs,
				.content-right .breadcrumbs {
					margin-bottom: 10px;
				}
				.disabled-bg.title-center .breadcrumbs,
				.disabled-bg.content-left .breadcrumbs,
				.disabled-bg.content-right .breadcrumbs,
				.disabled-bg.title-center.breadcrumbs-off .hgroup,
				.disabled-bg.content-left.breadcrumbs-off .hgroup,
				.disabled-bg.content-right.breadcrumbs-off .hgroup,
				.disabled-bg.breadcrumbs-off.page-title h1 {
					margin-bottom: 0;
				}
				.title-center .hgroup,
				.content-left .hgroup,
				.content-right .hgroup {
					padding-bottom: 5px;
				}
				.title-center.breadcrumbs-off .hgroup,
				.content-left.breadcrumbs-off .hgroup,
				.content-right.breadcrumbs-off .hgroup {
					margin-bottom: 5px;
				}

					.fancy-header .fancy-title,
					.fancy-header .fancy-subtitle {
						padding: 0;
					}
					.fancy-header .fancy-title{
						margin: 5px 0;
						padding: 0;
					}
					.fancy-header .fancy-subtitle {
						margin: 0;
						padding: 5px 0;
					}

				.fancy-header .wf-td .breadcrumbs,
				.page-title .wf-td .breadcrumbs {
					display: inline-block;
				}

				.breadcrumbs.bg-dark,
				.breadcrumbs.bg-light,
				.hr-breadcrumbs .breadcrumbs.bg-light,
				.hr-breadcrumbs .breadcrumbs.bg-dark {
					padding: 4px 10px;
				}
				.breadcrumbs.bg-dark {
					background-color: rgba(15, 18, 19, 0.1);
				}
				.breadcrumbs.bg-light {
					background-color: rgba(255, 255, 255, 0.12);
				}
				.title-left .breadcrumbs {
					float: right;
				}
					.fancy-header .breadcrumbs li {
						position: relative;
						background: none;
					}
						.fancy-header .breadcrumbs li:first-child:before,
						.breadcrumbs li:first-child:before {
							content: "";
						}
						.fancy-header .breadcrumbs li:before,
						.breadcrumbs li:before {
							position: absolute;
							left: 0;
							top: 0;
							width: 15px;
							height: 13px;
							content: "/";
							opacity: 0.5;
							text-align: left;
							z-index: 3;
						}
						.breadcrumbs li:before {
							opacity: 1;
						}


/* #Page title
================================================== */
.page-title.title-center .wf-container-title,
.page-title.content-left .wf-container-title,
.page-title.content-right .wf-container-title {
	display: table;
	width: 100%;
}
	.page-title.title-center .wf-table,
	.page-title.content-left .wf-table,
	.page-title.content-right .wf-table {
		display: table-cell;
		vertical-align: middle;
	}
		.page-title.title-center .wf-td,
		.page-title.content-left .wf-td,
		.page-title.content-right .wf-td {
			display: block;
			text-align: center;
		}
		.page-title.content-left .wf-td {
			text-align: left;
		}
		.page-title.content-right .wf-td,
		.page-title.title-left .hr-breadcrumbs,
		.page-title.title-right h1 {
			text-align: right;
		}
		.page-title.title-left .hr-breadcrumbs {
			float: right;
		}
			.page-title h1 {
				margin: 5px 0;
			}
			.page-title .hr-breadcrumbs .breadcrumbs:after {
				display: none;
			}

	.page-title .wf-container-title,
	.page-title.full-width-line,
	.article-top-bar .wf-container-top {
		border-bottom: 1px solid;
	}
	.page-title.solid-bg .wf-container-title,
	.page-title.full-width-line .wf-container-title,
	.page-title.disabled-bg .wf-container-title,
	.page-title.transparent-bg .wf-container-title {
		border-bottom: none;
	}
		.page-title.disabled-bg .wf-td,
		.page-title.title-center.disabled-bg .wf-table,
		.page-title.content-left.disabled-bg .wf-table,
		.page-title.content-right.disabled-bg .wf-table {
		/*	vertical-align: bottom;
			padding: 0;*/
		}
		.page-title.title-left.disabled-bg h1,
		.page-title.title-right.disabled-bg h1 {
			margin: 0;
		}

/* #Breadcrumbs
================================================== */
.dt-breadcrumbs-shortcode {
	.flex-display(@display: flex);
	&.align-centre {
		.justify-content(@justify: center);
	}
	&.align-right {
		.justify-content(@justify: flex-end);
	}
}
.breadcrumbs {
	list-style: none;
}
	.breadcrumbs li {
		position: relative;
		display: inline-block;
		padding-left: 12px;
		margin-left: 8px;
	}

		.breadcrumbs li:first-child {
			padding-left: 0;
			margin-left: 0;
			background: none !important;
		}
			.breadcrumbs li a,
			.fancy-header .breadcrumbs li a {
				color: inherit;
			}
			.breadcrumbs a {
				text-decoration: none;
			}
			.breadcrumbs a:hover {
				text-decoration: underline;
			}
