/* some vars */
/* use https://www.hexcolortool.com/ for conversion */
:root {
	/*--themePrimaryColour: ##6CCFEA;
	--themePrimaryColourRGBA: rgba(108, 207, 234, 1);
	--themePrimaryColourLowestOpacity: rgba(108, 207, 234, 0.2);
	--themePrimaryColourLowOpacity: rgba(108, 207, 234, 0.5);
	--themePrimaryColourHighOpacity: rgba(108, 207, 234, 0.8);*/
	/*--mainBackground: #F2F2F2;*/
	--mainBackground: #FFF;
	--themePrimaryColour: #F43581;
	--themePrimaryColourRGBA: rgba(244, 53, 129, 1);
	--themePrimaryColourLowestOpacity: rgba(244, 53, 129, 0.2);
	--themePrimaryColourLowOpacity: rgba(244, 53, 129, 0.5);
	--themePrimaryColourHighOpacity: rgba(244, 53, 129, 0.8);
	--sectionHeadBackgroundColour: #FA2B5D;
	--boxShadowColour: #4696AB;
	--cardTitleText: #F4224F;
	--buttonSuccessColour: #DE5F26;
	--buttonSuccessColour-less20pc: #B64000; /*20pc darker*/
	--buttonSuccessColour-less10pc: #D05A18;
	--buttonSuccessColour-plus10pc: #FF8D4B;
	--fontFamilyCustomBold: 'Poppins', sans-serif;
	--fontFamilyMain: 'Averta';
	--fontFamilyMainBold: 'Averta Bold';
	--fontFamilyMainBlack: 'Averta Black';
	--fontFamilyMainLight: 'Averta Light';
	--fontFamilyMainSemi: 'Averta Semibold';
}

body {
	font-family: var(--fontFamilyMain);
}