/* Standard Internal page — hero breadcrumb banner */
.site-breadcrumbs { font-size: 15px; margin-bottom: 16px; }
.breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-breadcrumbs ol,
.hero-breadcrumb-trail {
	justify-content: center;	
}

.hero-breadcrumb-trail i {
	margin-top: -4px;
}
.breadcrumb-item { display: inline-flex;  align-items: flex-start;gap: 8px; }
.breadcrumb-item:not(:first-child)::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 0.85em;
}
.breadcrumb-item a:hover { text-decoration: underline; }

.hero-breadcrumb {
    position: relative;
    height: 455px;
    overflow: hidden;
    display: flex;
    align-items: center;
	padding: 0;
}

.hero-breadcrumb-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Post Hero Image */

.hero-breadcrumb:after,
.post-template-default .hero-breadcrumb:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 2;
	background: radial-gradient(
		circle,
		rgba(241, 73, 80, 0.3) 0%,
		rgba(241, 73, 80, 0.15) 25%,
		rgba(35, 31, 32, 0.65) 80%,
		rgba(0,0,0,0.85) 100%
	);
}

.single-h2_service .hero-breadcrumb img,
.post-template-default .hero-breadcrumb img {	
	z-index: 1;
}

.hero-breadcrumb .skin-inner {
    color: var(--skin-white);
	position: relative;
	z-index: 3;
}

/* Keep breadcrumb content above the decorative lines */

.hero-breadcrumb-lines {
	position: absolute;
	z-index: 3;
	width: 4px;
	height: 400px;
	background: var(--skin-red);
	transform: rotate(-32deg);
	pointer-events: none;
	opacity: 0;
}

.hero-breadcrumb-lines::after {
	content: "";
	position: absolute;
	left: 38px;
	top: 0;
	width: 4px;
	height: 100%;
	background: rgba(255, 255, 255, .75);	
}

.hero-breadcrumb-lines--left {
	background: var(--skin-red);
}

.hero-breadcrumb-lines--left::after {
	background: rgba(255, 255, 255, .75);
	top: -60px;
	height: 110%;
}


/* Bottom-left */
.hero-breadcrumb-lines--left {
	left: 70px;
	bottom: -75px;
	animation: hero-line-bottom-in .8s ease-out .2s forwards;
}


/* Top-right */
.hero-breadcrumb-lines--right {
	right: 100px;
	height: 400px;
	top: -70px;
	animation: hero-line-top-in .8s ease-out .2s forwards;
}

.hero-breadcrumb-trail {
    font-size: var(--font-size);
    line-height: 29px;
    margin-bottom: 12px;
}
.hero-breadcrumb-trail i,
.hero-breadcrumb .breadcrumb-item:not(:first-child)::before { font-size: 18px; }
.hero-breadcrumb h1 { color: var(--skin-white); text-align: center; }

@media (max-width: 767.98px) {
	
	
    .hero-breadcrumb { height: 320px; }
    .hero-breadcrumb h1 { 
		font-size: 36px; line-height: 42px; 
		margin: 50px 0 30px;
	}
	
	.hero-breadcrumb .breadcrumb-list {
		justify-content: flex-start;
	}

	.hero-breadcrumb-trail i,
	.hero-breadcrumb .breadcrumb-item:not(:first-child)::before { font-size: 15px; }

	.hero-breadcrumb-lines--left {
		display: none;
	}
	.hero-breadcrumb-lines--right {
		right: -10px;
	}
}


@keyframes hero-line-bottom-in {
	from {
		opacity: 0;
		transform: translate(-100px, 160px) rotate(-32deg);
	}

	to {
		opacity: 0.5;
		transform: translate(0, 0) rotate(-32deg);
	}
}

@keyframes hero-line-top-in {
	from {
		opacity: 0;
		transform: translate(100px, -160px) rotate(-32deg);
	}

	to {
		opacity: 0.5;
		transform: translate(0, 0) rotate(-32deg);
	}
}