:root {
	--brand-1: #325ACF;
	--brand-2: #2b87da;
	--brand-3: #494455;
	--brand-4: #45AEEE;
	--brand-5: #ffffff;
	--brand-6: #ffffff;
	--brand-7: #ffffff;
	--brand-8: #ffffff;
	--text-color: #666666;
	/* 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;}