:root {
	--brand-1: #033294;
	--brand-2: #546a7b;
	--brand-3: #3C3C3B;
	--brand-4: #721BAA;
	--brand-5: #b4b4b4;
	--brand-6: #00DFFB;
	--brand-7: #0089FF;
	--brand-8: #7C7C7B;
	--text-color: #1A1A1A;
	--hero-overlay: rgba(0, 137, 255, 0.75);
	/* Add other brand colours as required. Note that if you add more than 4 you will need to update the colour picker in functions.php */
	--shadow: rgba(0,0,0,0.15);
}

.brand-1 { background-color: var(--brand-1); }
.brand-2 { background-color: var(--brand-2); }
.brand-3 { background-color: var(--brand-3); }
.brand-4 { background-color: var(--brand-4); }
.brand-5 { background-color: var(--brand-5); }
.brand-6 { background-color: var(--brand-6); }
.brand-7 { background-color: var(--brand-7); }
.brand-8 { background-color: var(--brand-8); }
.brand-shadow { background-color: var(--shadow); }

.brand-1-text { color: var(--brand-1); }
.brand-2-text { color: var(--brand-2); }
.brand-3-text { color: var(--brand-3); }
.brand-4-text { color: var(--brand-4); }
.brand-5-text { color: var(--brand-5); }
.brand-6-text { color: var(--brand-6); }
.brand-7-text { color: var(--brand-7); }
.brand-8-text { color: var(--brand-8); }
.brand-shadow-text { color: var(--shadow); }



/**NEVER REMOVE**/
.wp-block{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;}