{}
------------------------ {}
TYPO {}

/*	====================================================
	MIN - H1-H6, P
	==================================================== */
	_____MIN-TYPO{}

	p,h1,h2,h3,h4,h5,h6
	{
		margin:0;
		padding:0;
	}


	body,p {
		font-family: var(--p-font);
		font-weight: var(--p-font-weight);
		font-size: var(--p-font-size);
		line-height:var(--p-line-height);
		color:var(--p-color);
	}
	h1 {
		font-family: var(--h1-font);
		font-weight: var(--h1-font-weight);
		font-size: var(--h1-font-size);
		line-height:var(--h1-line-height);
		color:var(--h1-color);
	}
	h2 {
		font-family: var(--h2-font);
		font-weight: var(--h2-font-weight);
		font-size: var(--h2-font-size);
		line-height:var(--h2-line-height);
		color:var(--h2-color);
	}
	h3 {
		font-family: var(--h3-font);
		font-weight: var(--h3-font-weight);
		font-size: var(--h3-font-size);
		line-height:var(--h3-line-height);
		color:var(--h3-color);
	}
	h4 {
		font-family: var(--h4-font);
		font-weight: var(--h4-font-weight);
		font-size: var(--h4-font-size);
		line-height:var(--h4-line-height);
		color:var(--h4-color);
	}
	h5 {
		font-family: var(--h5-font);
		font-weight: var(--h5-font-weight);
		font-size: var(--h5-font-size);
		line-height:var(--h5-line-height);
		color:var(--h5-color);
	}
	h6 {
		font-family: var(--h6-font);
		font-weight: var(--h6-font-weight);
		font-size: var(--h6-font-size);
		line-height:var(--h6-line-height);
		color:var(--h6-color);
	}


	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,
	h6:first-child,
	p:first-child
	{
		padding-top:0;
	}

	@media (min-width:1200px){
		body,p
		{
			font-size: var(--size-p-max);
		}
	}


	@media (max-width:320px)
	{
		body,p
		{
			font-size: var(--size-p-min);
		}
	}


	span.m-yellow
	{
		background-color: var(--marker-yellow);
		padding-left:var(--xxs);
		padding-right:var(--xxs);
	}


	p.gap-sm
	{
		padding-bottom: calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
	}


/*	====================================================
	TYPO COLORATION - DEPENDING ON BLOCKSTYLE
	==================================================== */
	.wz.cell.block.blst-light1 h1
	{
		color: #007c52;
	}

	body.color-scheme-bi .wz.cell.block.blst-light1 h1
	{
		color: #00537f;
	}

	.wz.cell.block.blst-light1 h2
	{
		color: #007c52;
		color: #000000;
	}

	.wz.cell.block.blst-light1 h3
	{
		color: rgb(100,100,100);
	}

	.wz.cell.block.blst-light1 h4
	{
		color: rgb(100,100,100);
	}

	.wz.cell.block.blst-light1 h5
	{
		color: rgb(100,100,100);
	}

	.wz.cell.block.blst-light1 h6
	{
		color: rgb(100,100,100);
	}





/*	====================================================
	MEDIA QUERY - MAX
	==================================================== */
/*
	@media (min-width:1200px){
		p{font-size:20px;}
		.bulletpointlist li{font-size:20px;}
		ul.wz-bulletlist li{font-size:20px!important;}
		h1{font-size:42px;}
		h2{font-size:32px;}
		h3{font-size:28px;}
		h4{font-size:24px;}
		h5{font-size:20px;}
		h6{font-size:18px;}
	}
*/















/*	====================================================
	MIN - TEXT STYLING
	==================================================== */
	_____MIN-TEXT-STYLING{}

	span.text-underline
	{
		text-decoration:underline;
	}

	span.text-marker1
	{
		background-color:#F57B00;
		padding-left:4px;
		padding-right:4px;
	}


	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,
	h6:first-child,
	p:first-child
	{
		margin-top: 0;
	}

	h1:last-child,
	h2:last-child,
	h3:last-child,
	h4:last-child,
	h5:last-child,
	h6:last-child,
	h1.top,
	h2.top,
	h3.top,
	h4.top,
	h5.top,
	h6.top,
	p:last-child
	{
		margin-bottom: 0;
	}

	h1.caps,
	h2.caps,
	h3.caps,
	h4.caps,
	h5.caps,
	h6.caps
	{
		text-transform:uppercase;
	}

	p.gap
	{
		margin-top:2em;
	}

	h1.gap
	{
		margin-top:2em;
	}

	h2.gap
	{
		margin-top:2em;
	}

	h3.gap
	{
		margin-top:2em;
	}

	h4.gap
	{
		margin-top:2em;
	}

	h5.gap
	{
		margin-top:2em;
	}

	h6.gap
	{
		margin-top:2em;
	}

	.wz-menu-title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
	}

	.image-caption
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
		margin-top: calc(4px + (12 - 4) * ((100vw - 320px) / (1200 - 320)));
	}

	.image-copyright
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
	}



	i.icon.inline
	{
		padding-right: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}