/* MadCap-Branding resources:/English/Templates/Projects/Empty.flprj/ */

/*Fonts*/

@font-face {
    font-family: Neue-Haas;
    src: url(../../Fonts/NeueHaasGrotDisp-25XThin-Web.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: Neue-Haas;
    src: url(../../Fonts/NeueHaasGrotDisp-45Light-Web.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: Neue-Haas;
    src: url(../../Fonts/NeueHaasGrotDisp-55Roman-Web.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: Neue-Haas;
    src: url(../../Fonts/NeueHaasGrotDisp-65Medium-Web.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: Neue-Haas;
    src: url(../../Fonts/NeueHaasGrotDisp-65Medium-Web.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}

:root 
{
	/*Images and logos*/
	--documentation-logo: url('../../Images/Web/collibra-logo.svg');
	
	/*Primary colors*/
	--navy: #002B40;
	--forest: #03755F;
	/*Secondary colors*/
	--lime: #72BF00;
	--lemon: #FDCC37;
	--tangerine: #F4881C;
	--blueberry: #006EC2;
	--ocean: #0EBFD6;
	/*Neutral colors*/
	--light-forest: #B6D8D1;
	--cloud: #DFE6E8;
	--light-cloud: #F0F2F3;
	/*Accent colors*/
	--dark-grey: #5E7177;
	--charcoal: #4B4B4B;
	/*Shade colors*/
	--navy-80: #33557F;
	--navy-60: #66809F;
	--navy-40: #99AABF;
	--forest-80: #33917F;
	--forest-60: #66AC9F;
	--forest-40: #98C8BF;
	--lime-80: #8ECC33;
	--lime-60: #AAD966;
	--lime-40: #C7E599;
	--lemon-80: #FDD65F;
	--lemon-60: #FEE087;
	--lemon-40: #FEECAF;
	--tangerine-80: #F6A049;
	--tangerine-60: #F8B877;
	--tangerine-40: #FBCFA4;
	--blueberry-80: #338BCE;
	--blueberry-60: #66A8DA;
	--blueberry-40: #99C5E7;
	--ocean-80: #35D6C6;
	--ocean-60: #67E0D4;
	--ocean-40: #9AEBE3;
	--light-forest-80: #C5E0DA;
	--light-forest-60: #D3E8E3;
	--light-forest-40: #E2EFED;
	/*Greys*/
	--grey-666: #666;
	--grey-999: #999;
	--grey-ccc: #CCC;
	--grey-ddd: #DDD;
	--grey-eee: #EEE;

	/*Legacy colors*/
	--grey: #bdccd4;
	--yellow: #FDCC37;
	--alert-70: #D4041D;
	--alert-80: #A40013;
	--alert-90: #7A000E;
	--blue-70: #006EC2;
	/*Accent colors*/
	--accent-10: #EBF4F2;
	--accent-20: #D8EDE9;
	--accent-40: #9ED8CC;
	--accent-60: #32A18C;
	--accent-70: #11856F; /*Main accent color*/
	--accent-80: #03755F; /*Same as forest*/
	--accent-90: #00624F;
	
	/*Fonts*/
	--font-primary: Neue-Haas, Arial, sans-serif;
	/*Text size*/
	--text-eyebrow: 0.8125rem; /*13px*/
	--text-body: 16px;
	--text-body-hero: 1.25rem; /*18px*/
	--text-h7: 1.25rem; /*20px*/
	--text-h6: 1.5rem; /*24px*/
	--text-h5: 1.875rem; /*30px*/
	--text-h4: 2.25rem; /*36px*/
	--text-h3: 2.625rem; /*42px*/
	--text-h2: 3.125rem; /*50px*/
	--text-h1: 3.75rem; /*60px*/
	/*Line height*/
	--line-height-eyebrow: 1.3; /*16.9px*/
	--line-height-body: 1.5;
	--line-height-body-hero: 1.56; /*28px*/
	--line-height-h7: 1.4; /*28px*/
	--line-height-h6: 1.32; /*32px*/
	--line-height-h5: 1.27; /*38px*/
	--line-height-h4: 1.22; /*44px*/
	--line-height-h3: 1.2; /*50px*/
	--line-height-h2: 1.16; /*58px*/
	--line-height-h1: 1.14; /*68px*/
	/*Letter spacing*/
	--letter-spacing-body: 0.03125rem; /*0.5px*/
	--letter-spacing-title-l: 0.0125rem; /*0.2px*/
	--letter-spacing-title-s: 0.0225rem; /*0.36px*/
	/*Page elements dimmensions*/
	--max-width: 1820px;
	--padding-width: 20px;
	--padding: 1em 0.8em 1em 1.5em;
	--margin: 1.5em 0;
	--list-margin: 0.4em;
	--space-width: 30px;
	--negative-space-width: -30px;
	--full-width:50px;
	--column-width: 80px;
	--space-height-half: 20px;
	--space-height: 40px;
	--space-height-double: 80px;
	--radius-xs: 5px;
	--radius-s: 10px;
	--radius-m: 15px;
	--radius-l: 30px;
	--radius-xl: 45px;
	--shadow-light-m: 0px 5px 10px rgba(0, 0, 0, 0.1);
	--shadow-light-l: 0px 10px 20px rgba(0, 0, 0, 0.1);
	--shadow-medium-m: 0px 5px 10px rgba(0, 0, 0, 0.2);
	--shadow-dark-m: 0px 5px 10px rgba(0, 0, 0, 0.3);
	
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/
/* Let's ignore these for the time being
@media tablet
{
	:root
	{
		--text-eyebrow: 12px;
		--text-body: 14px;
		--text-body-hero: 18px;
		--text-h6: 16px;
		--text-h5: 18px;
		--text-h4: 20px;
		--text-h3: 25px;
		--text-h2: 36px;
		--text-h1: 60px;
	}
}

@media mobile
{
	:root
	{
		--base: 0.875;
	}
}*/


@media print
{
	:root
	{
		--text-eyebrow: 12px;
		--text-body: 14px;
		--text-h6: 12px;
		--text-h5: 14px;
		--text-h4: 16px;
		--text-h3: 18px;
		--text-h2: 20px;
		--text-h1: 40px;
	}
}