/* Import the basic stylesheet */

@import url('Styles.css');

:root
{
	--Brand1: #0083a9;
	/* Main palette dark blue */
	--Brand1-rgb: 0, 131, 169;
	/* Use when opacity is needed */
	--Brand2: #0098c3;
	/* Main palette medium blue */
	--Brand3: #00add0;
	/* Main palette bright blue */
	--Dark: #39404a;
	/* Main palette dark grey */
	--Dark-rgb: 57, 64, 74;
	/* Use when opacity is needed */
	--Medium: #364d62;
	/* Complementary palette medium grey */
	--Light: #efefef;
	/* Complementary palette pale grey */
	--Light-rgb: 239, 239, 239;
	/* Use when opacity is needed */
	--Black: #000000;
	--Black-rgb: 0, 0, 0;
	/* Use when opacity is needed */
	--White: #ffffff;
	--White-rgb: 255, 255, 255;
	/* Use when opacity is needed */
	--SectorBrand1: #d3942f;	/* Operations sector palette dark */
	--SectorBrand1-rgb: 211, 148, 47; 	/* Use when opacity is needed */
	--SectorBrand2: #f4ba53;	/* Operations sector palette medium */
	--SectorBrand2-rgb: 244, 186, 83; 	/* Use when opacity is needed */
	--SectorBrand3: #f2db91;	/* Operations sector palette light */
	--SectorBrand3-rgb: 242, 219, 145; /* Use when opacity is needed */
	--Contrast: #d3942f;
}

/* Additional styles specific to the Operations sector */

div.home-layout
{
	background-image: url('../Images/Backgrounds/Operations-Background.jpg');
}