/* Base */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800');

:root {
	--heroImg:		url('../images/custom/manual-FusionChip.png');
	--blogImg:		url('../images/stock/blogHeaderBG.jpg');
	--heroBG:		#131313;
	--heroColour:	whitesmoke;
	--headFont:		Instrument Sans, Arial;
	--stdFont:		Montserrat, Arial;
	--bodyBG:		whitesmoke;
	--thmColour1:	#003e7e; /*#00205B*/
	--thmColour2:	#B4A367;
	--goldGrad:
		linear-gradient(
			45deg,
			hsl(50, 47%, 32%) 0%,
			hsl(48, 29%, 43%) 3.53%,
			hsl(43, 38%, 52%) 10.53%,
			hsl(42, 45%, 60%) 17.73%,
			hsl(43, 50%, 63%) 25.14%,
			hsl(41, 56%, 68%) 33.13%,
			hsl(43, 50%, 63%) 41.06%,
			hsl(43, 46%, 60%) 52%,
			hsl(45, 37%, 55%) 64.71%,
			hsl(47, 33%, 48%) 78.74%,
			hsl(49, 49%, 34%) 93.7%,
			hsl(50, 47%, 32%) 97.55%
		);
	--goldGradLight:
		linear-gradient(
			45deg,
			hsl(50, 47%, 42%) 0%,
			hsl(48, 29%, 53%) 3.53%,
			hsl(43, 38%, 62%) 10.53%,
			hsl(42, 45%, 70%) 17.73%,
			hsl(43, 50%, 73%) 25.14%,
			hsl(41, 56%, 78%) 33.13%,
			hsl(43, 50%, 73%) 41.06%,
			hsl(43, 46%, 70%) 52%,
			hsl(45, 37%, 65%) 64.71%,
			hsl(47, 33%, 58%) 78.74%,
			hsl(49, 49%, 44%) 93.7%,
			hsl(50, 47%, 42%) 97.55%
		);
}

* {
	font-family: var(--stdFont);
}

p, li {	
	font-weight: 350;
	color: #111;
}

a {
	color: var(--heroColour);
}

a.plainLink {
	color: var(--thmColour2);
	cursor: pointer;
}

a.plainLink:hover {
	color: var(--thmColour1);
}

a.revPlainLink {
	color: var(--thmColour1);
	cursor: pointer;
}

a.revPlainLink:hover {
	color: var(--thmColour2);
}

body {	
	background-color: var(--bodyBG);
}

.title, .subtitle, h1, h2, h3, h4, h5, h6 {
	font-family: var(--headFont)
}

.banner {
	background-color: transparent;
}

.banner.sticking {
	background-color: var(--thmColour1);
	box-shadow: var(--soft-shadow);
    /* backdrop-filter: blur(16px); */
}

.white {
	color: white;
}

.black {
	color: black !important;
}

.blue {
	color: var(--thmColour1) !important;
}

.gold {
	color: var(--thmColour2) !important;
}

.desc > p {
	color: #bbbbbb;
}

.blogHeader {
	background-image: var(--blogImg);
	background-color: var(--thmColour1);
	background-position: 0 0;
	background-size: cover;
	background-blend-mode: multiply;
	
	p {
		font-size: 0.95rem;
		color: #ccc;
		text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3), 0px 0px 4px rgba(255,255,255,0);
	}
}

.liner {
	border-top: 1px solid var(--thmColour2);
	margin-top: calc(2 * var(--header-row-gap));
	
	p {
		font-size: 0.75rem;
		color: #bbb;
	}
}

.linerReverse {
	width: 100% !important;
	border-bottom: 1px solid var(--thmColour2);
	margin-bottom: calc(2 * var(--header-row-gap));
	
	p {
		font-size: 0.75rem;
	}
}

header {
	
	background-image: var(--heroImg), linear-gradient(
		55deg,
		hsl(219deg 100% 18%) 0%,
		hsl(219deg 91% 17%) 2%,
		hsl(219deg 83% 16%) 5%,
		hsl(219deg 74% 15%) 8%,
		hsl(219deg 64% 14%) 12%,
		hsl(219deg 55% 13%) 17%,
		hsl(219deg 45% 12%) 24%,
		hsl(217deg 37% 11%) 32%,
		hsl(219deg 27% 10%) 43%,
		hsl(213deg 19% 9%) 57%,
		hsl(210deg 10% 8%) 75%,
		hsl(0deg 0% 7%) 100%
	);
	background-color: var(--heroBG);
	background-size: 47%, 100%;
	background-position: 90% 30%, 0%;
	color: var(--heroColour);
}

.CTA, .CTA::after {
	background-image: var(--goldGrad);
	/*background-color: var(--thmColour2);*/
	color: var(--heroColour);
}

.bleedIn, .bleedOut, .bleedWide {
	box-shadow: var(--shadow);
	background-color: #eee;
}

.grey {
	background-color: #eee;
}

.whiteBG {
	background-color: white;
}

.lightShadow {
	box-shadow: var(--soft-shadow);
	border: none !important;
}

.bgWhite {
	background-color: white;
}

.blogCard, .valueCard, .locCard {
	border: 1px solid #aaa;
	
	button {	
		color: var(--thmColour2);
		border: none; /* 1px solid var(--thmColour2);*/
	}
}

.plainButton {	
	color: var(--thmColour2);
	border: none; /* 1px solid var(--thmColour2);*/
	
	* {
		color: var(--thmColour2);
	}
}

.plainButton:hover {	
	color: var(--thmColour1);
	
	* {
		color: var(--thmColour1);
	}
}

.cardButtons button {
	color: black;
	
	* {
		color: black);
	}
	
	b {color: inherit;}
}

.cardButtons button:hover {	
	color: var(--thmColour2);
	
	* {
		color: var(--thmColour2);
	}
}

.indLbl {
	color: #555;
}

.valueCardIcon {color: var(--thmColour2);}

#whyUs, .toBlue {background-image: linear-gradient(to top, #cfd2e2, whitesmoke);}

#ourTeam1, #ourTeam2, .toWhite {background-image: linear-gradient(to bottom, #cfd2e2, whitesmoke);}

#ourSystems, .navyBack {
	background-color: hsl(219deg 100% 18%); 
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25), 0 8px 17px 0 rgba(0, 0, 0, 0.23);
	h2 {color: whitesmoke;}
	h3 {color: #ddd;}
	p {color: #bbb;}
}

.nudeCardLeft, .nudeCardMid, .nudeCardRight {
	img, div {color: #131313;}
}

.iconColour {color: var(--thmColour1) !important; transition: color 2s !important;}

.iconColour:hover {color: #131313 !important;}

.after .baList li:hover {
	p {color: #009245; font-weight: 550;}
	span {color: #009245;}
}

.after .baList {
	span {color: var(--thmColour2);}
	li {background-color: #fafafa;}
	/* p {color: var(--thmColour1);} */
}
.before .baList li:hover {
	p {color: red; font-weight: 550;}
	span {color: red;}
}

.before .baList {
	span {color: #aaa;}
	li {background-color: #f5f5f5;}
	p {color: #aaa;}
}

.dirLabelLoose {
	background-color: #131319dd;
	border: 1px solid #aaa;
	color: #dedede;
	h4 {color: white;}
}

.oneReview {
	border: 2px solid var(--thmColour2);
}

.industry {
	background-image: var(--goldGrad);
	color: var(--heroColour);
}

.hoverHijack * {
	cursor: pointer;
}

.hoverHijack > div:hover * {
	color: var(--thmColour1) !important;
}

.tintChilds .valueCard {
	/* background-color: #e7e9ed; */
	background-color: white;
	box-shadow: var(--soft-shadow);
	border: none;
	
	.valueCardIcon {
		font-size: 1.75rem !important;
	}
	
	p {
		font-size: 0.8em;
	}
}

#closer {
	background-image: url('../images/custom/manual-FusionChip-translucent.png'), linear-gradient(to bottom, var(--thmColour1), #131313);
	background-size: auto 100%, 100%;
	background-position: -15vw 50%, 0%;
	
	h2 {color: whitesmoke;}
	p {color: #ccc;}
}

#closeHdr, .closeShadow {
	text-shadow: 0px 0px 8px #000;
}

footer {
	background-color: #131313;
	
	* {color: #bbbbbb;}
}

@media only screen and (max-width: 640px) {
	.stackHeroImg {
		background-image: var(--heroImg), linear-gradient(
			135deg,
			hsl(219deg 100% 18%) 0%,
			hsl(219deg 91% 17%) 2%,
			hsl(219deg 83% 16%) 5%,
			hsl(219deg 74% 15%) 8%,
			hsl(219deg 64% 14%) 12%,
			hsl(219deg 55% 13%) 17%,
			hsl(219deg 45% 12%) 24%,
			hsl(217deg 37% 11%) 32%,
			hsl(219deg 27% 10%) 43%,
			hsl(213deg 19% 9%) 57%,
			hsl(210deg 10% 8%) 75%,
			hsl(0deg 0% 7%) 100%
		);
		background-color: var(--heroBG);
		background-size: 100%, 100%;
		background-position: 50% 10%, 0%;
	}
	
	#closer {
		background-position: -100vw 50%, 0%;
	}
}

@media only screen and (min-width: 640px) and (max-width: 1050px) {
	.stackHeroImg {
		background-image: var(--heroImg), linear-gradient(
			55deg,
			hsl(219deg 100% 18%) 0%,
			hsl(219deg 91% 17%) 2%,
			hsl(219deg 83% 16%) 5%,
			hsl(219deg 74% 15%) 8%,
			hsl(219deg 64% 14%) 12%,
			hsl(219deg 55% 13%) 17%,
			hsl(219deg 45% 12%) 24%,
			hsl(217deg 37% 11%) 32%,
			hsl(219deg 27% 10%) 43%,
			hsl(213deg 19% 9%) 57%,
			hsl(210deg 10% 8%) 75%,
			hsl(0deg 0% 7%) 100%
		);
		background-color: var(--heroBG);
		background-size: 75%, 100%;
		background-position: 50% 10%, 0%;
	}
	
	#closer {
		background-position: -45vw 50%, 0%;
	}
}
	
	
	
/* Original gold gradient:

linear-gradient(
	45deg,
	hsl(48, 26%, 51%) 0%,
	hsl(48, 29%, 57%) 3.53%,
	hsl(43, 38%, 66%) 10.53%,
	hsl(42, 45%, 73%) 17.73%,
	hsl(43, 56%, 78%) 25.14%,
	hsl(41, 62%, 80%) 33.13%,
	hsl(43, 56%, 78%) 41.06%,
	hsl(43, 46%, 71%) 52%,
	hsl(45, 37%, 61%) 64.71%,
	hsl(47, 33%, 48%) 78.74%,
	hsl(49, 49%, 34%) 93.7%,
	hsl(50, 47%, 32%) 97.55%
);

pink gradient:

linear-gradient(
    0deg,
    hsl(329deg 86% 57%) 0%,
    hsl(341deg 100% 63%) 8%,
    hsl(356deg 100% 68%) 15%,
    hsl(14deg 100% 66%) 23%,
    hsl(28deg 100% 63%) 31%,
    hsl(39deg 100% 61%) 38%,
    hsl(48deg 98% 61%) 46%,
    hsl(45deg 96% 59%) 54%,
    hsl(30deg 100% 58%) 62%,
    hsl(10deg 96% 61%) 69%,
    hsl(339deg 96% 46%) 77%,
    hsl(327deg 100% 37%) 85%,
    hsl(302deg 100% 25%) 92%,
    hsl(246deg 100% 26%) 100%
  );

*/