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

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

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


	body {
		font-size: var(--size-p);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.3em;
	}
	p {
		font-size: var(--size-p);
		font-family: var(--font-basic);
		font-weight:400;
		line-height: var(--line-height-p);
		margin-bottom: var(--xs);
	}
	h1 {
		font-size: var(--size-h1);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-bottom: var(--xs);
	}
	h2 {
		font-size: var(--size-h2);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-bottom: var(--xs);
	}
	h3 {
		font-size: var(--size-h3);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-bottom: var(--xs);
	}
	h4 {
		font-size: var(--size-h4);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-top: var(--xs);
		margin-bottom: var(--xs);
	}
	h5 {
		font-size: var(--size-h5);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-bottom: var(--xs);
	}
	h6 {
		font-size: var(--size-h6);
		font-family: var(--font-basic);
		font-weight:400;
		line-height:1.2em;
		margin-bottom: var(--xs);
	}

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

	ul{
		list-style-type: square;
		list-style-position: outside;
		padding:0;
		padding-left:20px;
	}


	.list-header {margin-bottom:var(--xxs);}
	.list-header + * {margin-top:0;}

	li
	{
		font-size: var(--size-p);
		line-height: var(--line-height-p);
	}

/*	====================================================
	MEDIA QUERY - MIN
	==================================================== */
	@media (max-width:320px)
	{
		body
		{
			font-size: var(--size-p-min);
		}

		p
		{
			font-size: var(--size-p-min);
			line-height: var(--line-height-p-min);
		}

		li
		{
			font-size: var(--size-p-min);
			line-height: var(--line-height-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)));
	}






/*	====================================================
	MEDIA QUERY - MAX
	==================================================== */
	@media (min-width:1200px){

		p{
			font-size:var(--size-p-max);
			line-height: var(--line-height-p-max);
		}

		h1{font-size:var(--size-h1-max);}

		h2{font-size:var(--size-h2-max);}

		h3{font-size:var(--size-h3-max);}

		h4{font-size:var(--size-h4-max);}

		h5{font-size:var(--size-h5-max);}

		h6{font-size:var(--size-h6-max);}

		.bulletpointlist li{font-size:20px;}

		ul.wz-bulletlist li{font-size:20px!important;}


		li
		{
			font-size: var(--size-p-max);
			line-height: var(--line-height-p-max);
		}
	}















/*	====================================================
	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)));
	}