/*** 
====================================================================
	Inner Page Banner + Breadcrumb — Fast Way Send
	Used on about.html, services.html, contact.html, track.php
	Palette: navy #1b3e69 / orange #ff5e02
====================================================================
***/

:root{
	--fws-navy:#1b3e69;
	--fws-navy-deep:#12294a;
	--fws-navy-deeper:#0d2039;
	--fws-orange:#ff5e02;
	--fws-orange-light:#ff8a4c;
	--fws-line:#e6e1d6;
	--fws-muted:#6b7a8a;
}

.fws-page-banner{
	position:relative;
	background:
		linear-gradient(120deg, rgba(13,32,57,.90) 0%, rgba(27,62,105,.78) 55%, rgba(18,41,74,.90) 100%),
		url('../images/background/12.jpg') center/cover no-repeat;
	padding:150px 0 34px; /* extra top padding: room for the transparent nav overlapping above */
	overflow:hidden;
}
.fws-page-banner::before{
	content:"";position:absolute;inset:0;
	background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
	background-size:24px 24px;
	mask-image:radial-gradient(ellipse 60% 90% at 15% 30%, black 0%, transparent 75%);
	pointer-events:none;
}
.fws-page-banner .auto-container{position:relative;z-index:2;}
.fws-page-banner h1{
	font-family:'Raleway',sans-serif;font-weight:800;font-size:32px;color:#ffffff;
	margin:0 0 12px;letter-spacing:-.3px;
}
.fws-crumb{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;font-family:'Open Sans',sans-serif;font-size:13.5px;}
.fws-crumb li{color:#93a2b4;display:flex;align-items:center;gap:8px;}
.fws-crumb li a{color:#c3cedd;font-weight:600;}
.fws-crumb li a:hover{color:var(--fws-orange-light);}
.fws-crumb li.fws-crumb-current{color:var(--fws-orange-light);font-weight:700;}

@media (max-width:600px){
	.fws-page-banner{padding:120px 0 24px;}
	.fws-page-banner h1{font-size:25px;}
}

/* ===== Transparent nav overlapping the page banner (only on inner pages) ===== */
.fws-nav.fws-nav-transparent{
	position:absolute;
	top:38px; /* sits right below the utility bar */
	left:0;right:0;
	background:transparent;
	border-bottom:none;
	z-index:55;
}
.fws-nav.fws-nav-transparent .fws-logo-text .fws-l2{color:#ffffff;}
.fws-nav.fws-nav-transparent .fws-links a{color:#ffffff;}
.fws-nav.fws-nav-transparent .fws-links a::after{background:#ffffff;}
.fws-nav.fws-nav-transparent .fws-toggle{color:#ffffff;border-color:rgba(255,255,255,.4);}
.fws-nav.fws-nav-transparent .fws-icon-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#ffffff;}
.fws-nav.fws-nav-transparent .fws-icon-btn:hover{border-color:var(--fws-orange-light);color:var(--fws-orange-light);}
.fws-nav.fws-nav-transparent .fws-lang-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#ffffff;}
.fws-nav.fws-nav-transparent .fws-lang-btn:hover{border-color:var(--fws-orange-light);color:var(--fws-orange-light);}
.fws-nav.fws-nav-transparent .fws-search-panel,
.fws-nav.fws-nav-transparent .fws-lang-menu{
	/* Dropdowns stay solid/readable even while the nav itself is transparent */
	background:#ffffff;
}
.fws-nav.fws-nav-transparent .fws-search-panel input,
.fws-nav.fws-nav-transparent .fws-lang-menu li{color:var(--fws-ink,#1c2a38);}

/* Once fixed (scrolled), it behaves exactly like the solid homepage nav */
.fws-nav.fws-nav-transparent.fws-fixed{
	position:fixed;top:0;left:0;right:0;
	background:#ffffff;
}
.fws-nav.fws-nav-transparent.fws-fixed .fws-logo-text .fws-l2{color:var(--fws-orange);}
.fws-nav.fws-nav-transparent.fws-fixed .fws-links a{color:var(--fws-navy);}
.fws-nav.fws-nav-transparent.fws-fixed .fws-links a::after{background:var(--fws-orange);}
.fws-nav.fws-nav-transparent.fws-fixed .fws-toggle{color:var(--fws-navy);border-color:var(--fws-line);}
.fws-nav.fws-nav-transparent.fws-fixed .fws-icon-btn{background:#ffffff;border-color:var(--fws-line);color:var(--fws-navy);}
.fws-nav.fws-nav-transparent.fws-fixed .fws-lang-btn{background:var(--fws-orange);border-color:var(--fws-orange);color:#ffffff;}

@media (max-width:820px){
	/* Mobile menu panel needs a solid background even while nav is transparent */
	.fws-nav.fws-nav-transparent .fws-links{background:#ffffff;}
	.fws-nav.fws-nav-transparent .fws-links a{color:var(--fws-navy);}
	.fws-nav.fws-nav-transparent .fws-links a::after{background:var(--fws-orange);}
}

/* Keep print behavior working with the new class names */
@media print{
	.fws-header, .fws-page-banner, .fws-footer{display:none !important;}
}