/*
MIA styling

KiSS Consulting

*/
@charset "UTF-8";

@import "slick/slick.css";

@import "slick/slick-theme.css";

@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/content-buddy-theme/cb3/contentbuddy.css');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
	
	font-size: 10px;
	
	--blue:#005FAB;
	--light-grey:#DEE2E6;
	--white: #FFFFFF;
	--grey: #F9F9F9;
	--black: #000000;
	--light-blue: #8ed6e9;
	--medium-blue:#3a5689;
	
	--header-grey: #F5F5F5;
	--nav-color:#005FAB;
	--aux-link-color:#005FAB;
	
	--border-radius: 1.2rem;
	--border: 1px solid #DEE2E5;
	

	
	
	/* colours */
		--brand-1-bg: var(--blue); /* main brand colour */
		--brand-1-fg: var(--white);
		--brand-2-bg: var(--blue); /* secondary, contrasting brand colour (used to for standouts) */
		--brand-2-fg: var(--white);
		--brand-3-bg: var(--light-grey);
		--brand-3-fg: var(--black);
		--colour-default-bg: #ffffff;
		--colour-default-fg: #000000;
		--colour-on-light: #000000;
		--colour-on-dark: #ffffff;
		--colour-on-image: #ffffff; /* assume light images and dark images to match themes */
		
	/* text */
		/* font families */
			--font-family-default:
	'Inter', sans-serif;
			--font-family-title:
	'Inter', sans-serif;
			--font-family-article:
	'Inter', sans-serif;
		/* default */
			--font-size-default: 1.9rem; /* assuming html has font-size: 16px; */
			--font-weight-default: 400;
			--line-height-default: 2.5rem;
		/* button */
			--font-size-button: 1.5rem;
			--font-weight-button: 400;
			--text-transform-button: none;
		/* prominent */
			--font-size-prominent: 1.9rem;
			--font-weight-prominent: 500;
			--text-transform-prominent: none;
			
	/* titles */
		--font-size-title1: 3.6rem;
		--font-size-title2: 2.4rem;
		--font-size-title3: 1.9rem;
		--font-size-title4: 1.9rem;
		--font-size-title5: 1.6rem;
		--font-size-title6: 1.3rem;
		--font-weight-title: 600;
		--line-height-title: 120%;
		--text-shadow-title: none;
		--text-transform-title: none;
		/* prominent titles like banners */
			--font-size-special: 3rem;
			--font-weight-special: 600;
			--text-shadow-title-special: 0 0 1rem rgba(0,0,0,0.3);
			
	/* alignment */
		--text-align: left; /* general text */
		--layout-align: center; /* general layouts: start / center / end */
		--card-align: left; /* card content */
	
	/* boxes (e.g. cards) */
		--box-bg: #ffffff;
		--box-shadow: none;
		--box-border-radius: 0px;
		
	/* buttons */
		--button-padding: 0.5em 1.5em;
		--button-shadow: none;
		--button-shadow-hover: 0 0 0.4rem rgba(0,0,0,0.2);
		--button-border-radius: 3px;
	
	/* misc */
	/* --overlay-bg: rgba(0,96,155,0.6); // for image overlays - applied as "background:" */
		--overlay-bg: linear-gradient(0.35turn,rgba(4,127,204,0.8),rgba(4,127,204,0.4)); /* gradient sample */
		--gradient-overlay: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0.5) 100%); /* for covering long descriptions - should match --box-bg colour */

	
}

.bg-grey{
	background-color:var(--grey);
}