@charset "utf-8";
/* OVERRIDES FOR MONOCHROME SITE */
/* Comes after jbs-newsite.css */
/* Site Update Aug 2023 */

:root {
/*
	--jbs-green: rgb(123,198,35);
	--jbs-lightblue: rgb(45,156,215);
	--jbs-darkblue: rgb(61,16,123);
	--jbs-orange: rgb(239,156,0);
	--jbs-red: rgb(223,0,36);
	--jbs-purple: rgb(128,1,123);
	--jbs-yellow: rgb(255,249,6);
*/	
	--jbs-green: #666;
	--jbs-lightblue: #666;
	--jbs-darkblue: #666;
	--jbs-orange: #666;
	--jbs-red: #666;
	--jbs-purple: #666;
	--jbs-yellow:  #666;
}

nav a {
	text-transform: uppercase;
	font-weight: 500;
}
nav a:hover {
	color: rgb(45,156,215) !important;
}

.nav-link {	/*override bootstrap*/
	transition: color 0.75s ease-in-out !important;
}

li.nav-item.active a {
	color: #333 !important;
}


.dropdown-item.active, .dropdown-item:active {
	background-color:rgba(238,238,238,0.5);
	color: rgb(45,156,215) !important;
}

.sm-links a {
	color: #999;
	transition: color 0.5s ease-in-out !important;
}

.sm-links a:hover {
	color: rgb(45,156,215);
}


/* ----------------------- */
/*       Page Layouts      */

/* Backgrounds - MONOCHROME COLOURS SET ABOVE*/
.bg-jbs-lightblue {
	background-color: var(--jbs-lightblue) !important;
	color: white !important;
}
.bg-jbs-darkblue {
	background-color: var(--jbs-darkblue) !important;
	color: white !important;
}
.bg-jbs-orange {
	background-color: var(--jbs-orange) !important;
	color: white !important;
}
.bg-jbs-green {
	background-color: var(--jbs-green) !important;
	color: white !important;
}

/* Buttons */
.btn-jbs-purple {
	background-color: rgba(102,102,102,0.8) !important;	/* grey */
	text-decoration: none !important;
}
.btn-jbs-purple:hover {
	background-color: rgba(102,102,102,1) !important;
}


/* Text Sections */
.welcome-text a {
	color: white;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
.welcome-text a:hover {
	text-decoration-style: solid;
}

.orange-header {
	background-color: var(--jbs-orange);
	color: white;
}

.orange-wrapper a {
	color: var(--jbs-orange);
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.orange-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.purple-header {
	background-color: var(--jbs-purple);
	color: white;
}

.purple-wrapper a {
	color: var(--jbs-purple);
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.purple-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.green-header {
	background-color: var(--jbs-green);
	color: white;
}

.green-wrapper a {
	color: var(--jbs-green);
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.green-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.blue-header {
	background-color: var(--jbs-lightblue);
	color: white;
}

.blue-wrapper a {
	color: var(--jbs-lightblue);
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.blue-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.darkblue-header {
	background-color: var(--jbs-darkblue);
	color: white;
}

.darkblue-wrapper a {
	color: var(--jbs-darkblue);
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.darkblue-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.grey-header {
	background-color: #999;
	color: white;
}

.grey-wrapper a {
	color: #333;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration: none;
	transition: color 0.5s ease-in-out !important;
	font-variant-caps: small-caps;
}
.grey-wrapper a:hover {
	color: #099ad9;
	text-decoration: none;
}

.policies-wrapper a {
	color: #111;
	text-decoration: underline;
}
.policies-wrapper a:hover {
	color: #000;
	text-decoration: none;
}

/* Link Overrides :: Add Underline to differentiate on mono display */
.orange-wrapper a,
.purple-wrapper a,
.green-wrapper a,
.blue-wrapper a,
.darkblue-wrapper a,
.grey-wrapper a {
	text-decoration: underline !important;
}

/* Need to add override ??? */
a.text-decoration-none {
	text-decoration: none !important;
}