:root {
	/* MISC */
	--website-code: bldemo;
	/* FONTS */
	--font-size: 19px;
	--h1-size: 50px;
	--h2-size: 35px;
	--h3-size: 26px;
	--h4-size: 21px;
	--line-height: 1.7;
	--heading-font: Arial, sans-serif;
	--copy-font: Arial, sans-serif;
	--text-decoration: underline; /* set to either underline/none etc 	*/
	--link-weight: bold;
	--heading-weight: bold;
	/* COLOURS */
	--primary-colour: var(--blue);
	--secondary-colour: var(--dark-blue);
	--tertiary-colour: var(--orange);
	--light-colour: #fff;
	--dark-colour: var(--copy-colour);
	--copy-colour: #333;
	--heading-colour: var(--dark-blue);
	--link-colour: var(--blue);
	--link-colour-hover: var(--dark-blue);
	--blue: #0973ba;
	--dark-blue: #1a1c3c;
	--orange: #ff6c1c;
	--light-grey: rgb(242, 242, 242); /* used as bg for articles/calendar/profiles/accordion etc */
	--mid-grey: rgb(222,222,222); /* used as bg for articles/calendar/profiles/accordion etc */
	/* SIZES */
	--row-width: 1200px;
	--padding: 20px;
	--hero-img: calc(100vh - var(--nav-height));
	--nav-height: 124px;
	--nav-menu-width: 120px;
	/* STYLES */
	--border-radius: 10px; /* used for blocks of content e.g. news/profiles */
	--box-shadow: 2px 2px 8px rgba(0,0,0,0.1); /* used for blocks of content e.g. news/profiles */
	--box-shadow-hover: 2px 2px 15px rgba(0,0,0,0.15); /* used for blocks of content e.g. news/profiles */
}