/* ==========================================================================
   Title styles
   ========================================================================== */

.qodef-page-title {
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	
	&.qodef-image--responsive {
		height: auto !important; // because of inline style
		
		.qodef-m-content {
			position: absolute;
			top: 0;
			left: 0;
			
			&.qodef-content-grid {
				left: 50%;
				transform: translateX(-50%);
			}
		}
	}
	
	&.qodef-alignment--center {
		text-align: center;
	}
	
	&.qodef-alignment--right {
		text-align: right;
	}
	
	.qodef-m-image {
		@include qodefRelativeLayout();
		
		img {
			display: block;
			width: 100%;
		}
	}
	
	.qodef-m-content {
		
		&.qodef-content-full-width {
			padding: $full-width-side-padding;
		}
	}
	
	.qodef-breadcrumbs {
		@include qodefParagraphStyle();

		a, span {
			font-size: inherit;
			color: inherit;
		}

		a:hover {
			color: inherit;
		}

		.qodef-breadcrumbs-current {
			position: relative;

			&:after {
				content: '';
				display: inline-block;
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				width: 100%;
				height: 1px;
				background-color: currentColor;
			}
		}

		.qodef-breadcrumbs-separator {
			margin: 0 6px 0 0;
			
			&:after {
				content: '/';
			}
		}
	}
}
