✏️ Editing: _header-banner.scss Writable

.wrap_header_banner{
	width: 100%;
	position: relative;

&.left{
		ul.breadcrumb{
			justify-content: flex-start;
		}
	}
	&.right{
		ul.breadcrumb{
			justify-content: flex-end;
		}
	}
	&.center{
		ul.breadcrumb{
			justify-content: center;
		}
	}

.breadcrumbs_underline{
		ul.breadcrumb{
			background-image: url('assets/img/underline-sub-title.svg');
			background-position: bottom center;
			background-repeat: no-repeat;
		}
	}

ul.breadcrumb{
		margin: 0 0 15px 0;
		padding: 0 0 2px 0;

li {
			font-size: 16px;
			font-weight: 600;
			line-height: 1.1;
			text-transform: capitalize;

.separator i{
				opacity: 0.6;
			}
		}
	}
	
	&.bg_feature_img{
		background-size: cover!important;
		background-repeat: no-repeat!important;
		background-position: center center!important;
	}
	.cover_color{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.header_banner_el{
		position: relative;
		z-index: 1;
	}

/*title*/
	.header_title{
		margin: 0;
		padding: 0;
		.wrap-title{
			display: inline-flex;
			margin: 0;
			padding: 0;
			font-size: 65px;
			text-transform: capitalize;
			line-height: 1.2;
			font-weight: 700;
			color: #fff;

&.title_underline{
				background-image: url('assets/img/underline-title.svg');
				background-position: bottom left;
				background-repeat: no-repeat;
			}
		}
	}
}

🔐 Sid Gifari File Manager Pro