LINKAGE {}

/*
	DEFAULT *start*

	- set a color to dark color
	- set text decoration to none
	- set hover color to dark color
	- set icon color to dark color
	- set cursor to pointer
	-----------------------------------------

	.wz-link a span.fa,
	.wz-link a span.fa:hover,
	.wz-link a span.fa:visited,
	.wz-link a span.fa:active

	-----------------------------------------
	LINK TYPES

	.wz-link
	.wz-button
	.wz-js-button
	-----------------------------------------

*/

/*
	-----------------------------------------
	RESET
	-----------------------------------------
*/
	a,
	a:hover,
	a:link,
	a:active,
	a:visited
	{
		color:#000;
		font-weight:400;
		text-decoration:none;
	}


/*
	-----------------------------------------
	WZ-LINK
	-----------------------------------------
*/
	.wz-link
	{
		display:inline-block;
	}


	.wz-link a,
	.wz-link a:before,
	.wz-link a:hover,
	.wz-link a:hover::before,
	.wz-link a:focus,
	.wz-link a:visited,
	.wz-link a:active
	{
		color: #204180;
		text-decoration: none;
		white-space:nowrap;
		cursor: pointer;
	}

	.wz-link a:hover,
	.wz-link a:hover::before
	{
		color: #204180;
	}


	/* TEXT - BASIC TEXT COLOR ON DARK BACKGROUNDS */
	.wz-block.blockstyle-20 .wz-link a,
	.wz-block.blockstyle-20 .wz-link a:visited,
	.wz-block.blockstyle-20 .wz-link a:hover
	{
		color:#fff;
	}

	.wz-block.blockstyle-20 .wz-link a:hover
	{
		color:#ddd;
	}

/*
	-----------------------------------------
	TEXT LINK - TEXT STYLE *end*
	-----------------------------------------
*/
	.wz-link-type-text a,
	.wz-link-type-text a:active,
	.wz-link-type-text a:focus,
	.wz-link-type-text a:visited
	{
/* 
		font-family: 'Source Sans Pro', sans-serif;
		font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
		line-height:1.4em;
		margin:0;
		margin-bottom:1em;
 */
	}

	.wz-link-type-text a:hover
	{
		color:#555;
/* 
		text-decoration: underline;
 */
	}


/*
	-----------------------------------------
	BUTTON STYLE *start*
	/ default style /
	- set dark bg color
	- set textcolor to light color
	- set border attributes
	- set border radius
	- set icon color to light color
	-----------------------------------------
*/

	.link-type-button a,
	.link-type-button a:active,
	.link-type-button a:focus,
	.link-type-button a:visited,
	.link-type-button input[type="submit"],
	a.wz.button,
	a.wz.button:active,
	a.wz.button:focus,
	a.wz.button:visited,
	a.wz.button input[type="submit"],
	.wz-button.form-submit
	{
		display:inline-block;
		border-radius:5px;
		background-color:#064771;
/*		border: 1px solid #000; */
		color:#fff;
	    transition: background-color .2s;

		/* set default size = size-md */
		font-size: calc(10px + (13 - 10) * ((100vw - 320px) / (1200 - 320)));

		/* set default padding = padding-md */
		padding: calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));

		/* set default text alignment = text-align-center */
		text-align:center;

	}

	a.wz.button.small
	{
		padding: calc(2px + (2 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(2px + (6 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(2px + (6 - 2) * ((100vw - 320px) / (1200 - 320)));
	}


	a.wz.button.style-light1
	{
		background-color:#ff8600;
	}



	.wz-link-type-button a:hover,
	a.wz-button:hover
	{
		background-color:#2E6694;
		color:#fff;
	}

	.wz-link-type-button a:before,
	.wz-link-type-button a:hover::before
	{
		color:#fff;
	}


	/* LIGHT STYLE */
/*
	.wz-link-type-button.wz-link-style-1 a
	{
		border-radius:4px;
		background-color:#fff;
		border: 1px solid #ccc;
		color:#204180;
		font-weight:400;
	    transition: background-color .5s;
	}

	.wz-link-type-button.wz-link-style-1 a:hover
	{
		background-color:#f1f1f1;
		color:#204180;
	}

	.wz-link-type-button.wz-link-style-1 a:before,
	.wz-link-type-button.wz-link-style-1 a:hover::before
	{
		color:#204180;
	}
*/

/*
	-----------------------------------------
	WZ-JS-BUTTON
	-----------------------------------------
*/


	.wz-js-button
	{
		display:inline-block;
		cursor: pointer;
	}

	.wz-js-button.button-style1
	{
		background-color: #013c8a;
		font-family: 'Source Sans Pro', serif;
		color:#fff;
		font-weight:600;
		border:none;
		border-radius:4px;
	    transition: background-color .3s;
	}

	.wz-js-button.button-style1:hover
	{
		background-color: #1fa02c;
		color:#fff;
	}

	.wz-js-button.button-style1.button-type-submit:hover
	{
		background-color: #1fa02c;
		color:#fff;
	}

	.wz-js-button.button-style1.button-type-cancel:hover
	{
		background-color: #AE1323;
		color:#fff;
	}











	/* ??? bar icon for small menu ??? */
	a span.fa-bars,
	a span.fa-bars:hover,
	a span.fa-bars:visited,
	a span.fa-bars:active
	{
		color: #204180;
		text-decoration: none;
	}


	.wz-menu-small .wz-menu-level-0 > .wz-menuitem-wrapper > .wz-menuitem-submenulink .wz-menuitem
	{
		background-color:#f1f1f1;
	}





	/* ??? */
	a.linklist
	{
		display:inline-block;
		margin-bottom:6px;
		padding:2px 6px;
		width:100%;
	}
	
	/* ??? */
	a.link-visible
	{
		color: #0054AB;
	}
	
	/* ??? */
	a:hover.link-visible
	{
		text-decoration: underline;
	}

	a.wz-active
	{
		border-bottom:2px solid #ccc;
	}

	a.wz-inactive
	{
		border-bottom:2px solid transparent;
	}

	/* TIDY */
	.wz-menu-large .wz-menu-level-0 > .wz-menuitem-wrapper > a.wz-menuitem-link:hover
	{
		border-bottom:2px solid #0054AB;
	}

	/* TIDY */
	.wz-menuitem-submenu a.wz-active
	{
		border:none;
		background-color: #f1f1f1;
	}

	/* TIDY */
	.wz-menuitem-submenu a.wz-inactive
	{
		border:none;
	}


/* #################################### */


	.wz-button a
	{
		display:inline-block;
		cursor: pointer;
		background-color: #660033;
		color:#fff;
		font-weight:600;
		border:none;
		border-radius:4px;
	}


.link.button
{
	padding-top: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	padding-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	margin-top: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
}

.link.button.btn-style-0
{
	background-color:#fff;
	border: 1px solid #ccc;
	color:#0054AB;
	font-weight:400;
}

.link.button.btn-style-0:hover
{
	background-color:#f1f1f1;
}

.button-width-25,
.btn-width-25
{width:25%;}

.button-width-50,
.btn-width-50
{width:50%;}

.button-width-75,
.btn-width-75
{width:75%;}

.button-align-left,
.btn-align-left
{margin-left:0;margin-right:auto;}

.button-align-center,
.btn-align-center
{margin-left:auto;margin-right:auto;}

.button-align-right,
.btn-align-right
{margin-left:auto;margin-right:0;}










	/*
	-----------------------------------------
	NEW LINKAGE
	-----------------------------------------
	*/












/* ############################################################################################# */


	/*
	-----------------------------------------
	LINK TYPE - MENU
	-----------------------------------------
	*/
	.wz-link-type-menu a
	{
		color: #666;
		text-decoration: none;
		text-transform: uppercase;
	}


	/*
	-----------------------------------------
	LINK TYPE - BUTTON
	-----------------------------------------

		- wz-style
		- wz-size
		- wz-width-{xxs-xxl} -> 2.0
		- wz-align-{xxs-xxl} -> 2.0

	*/


	/* button text color/decoration */
	/* set default alignment for block button links */
	.wz-link-type-button.wz-link-display-block
	{
		-webkit-box-justify-content:center;
		-moz-box-justify-content:center;
		-ms-justify-content:center;
		-webkit-justify-content:center;
		justify-content:center;
	}
	


	/*
	-----------------------------------------
	BUTTON - DISPLAY
	-----------------------------------------
	*/

	.OFF-wz-link-type-button.wz-link-display-block
	{
		/* set display to flex if the link should be a non-inline button */
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;

		-webkit-box-flex: 0 1 auto;
		-moz-box-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;

		/* ie height fix for flex display */
		min-height:1px;

		/* add default bottom margin */
		margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}


	.wz-button a:hover
	{
		background-color: #660033;
		color:#fff;
	}

	.wz-button a:visited
	{
		color:#fff;
	}

	.wz-button-disabled a,
	.wz-button-disabled a:hover
	{
		background-color: #ccc;
		color:#fff;
	}


	/*
	-----------------------------------------
	BUTTON - SIZES
	-----------------------------------------
	*/


	/* button size sm */
	.wz-button.wz-button-size-sm a,
	.wz-js-button.button-size-sm
	{
		padding-top: calc(2px + (5 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-bottom: calc(2px + (5 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		font-size:calc(9px + (13 - 9) * ((100vw - 320px) / (1200 - 320)));
		font-weight:400;
	}

	/* button size md */
	.wz-button.wz-button-size-md a,
	.wz-js-button.button-size-md
	{
		padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(8px + (16 - 8) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(8px + (16 - 8) * ((100vw - 320px) / (1200 - 320)));
		font-size:calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
		font-weight:400;
	}


	/* button size lg */
	.wz-button.wz-button-size-lg a,
	.wz-js-button.button-size-lg
	{
		padding: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(12px + (24 - 12) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(12px + (24 - 12) * ((100vw - 320px) / (1200 - 320)));
		font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
		font-weight:400;
	}






	/*
	-----------------------------------------
	BUTTON - WIDTH (XXS)
	-----------------------------------------
	*/
	.wz-link-type-button.wz-link-width-25 a
	{
		min-width:25%;
	}

	.wz-link-type-button.wz-link-width-33 a
	{
		min-width:33.333333%;
	}

	.wz-link-type-button.wz-link-width-50 a
	{
		min-width:50%;
	}

	.wz-link-type-button.wz-link-width-66 a
	{
		min-width:66.66665%;
	}

	.wz-link-type-button.wz-link-width-75 a
	{
		min-width:75%;
	}

	.wz-link-type-button.wz-link-width-100 a
	{
		min-width:100%;
	}


	/*
	-----------------------------------------
	BUTTON - MARGINS (XXS)
	-----------------------------------------
	*/

	.wz-link-type-button.wz-link-margin-right-md a
	{
		margin-right: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}

	.wz-link-type-button.wz-link-margin-bottom-md a
	{
		margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}


	/*
	-----------------------------------------
	BUTTON - PADDING (XXS)
	-----------------------------------------
	*/

	.wz-link-type-button.wz-link-padding-sm a
	{
		padding: calc(2px + (4 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
	}

	.wz-link-type-button.wz-link-padding-md a
	{
		padding: calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}

	.wz-link-type-button.wz-link-padding-lg a
	{
		padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1200 - 320)));
		padding-left: calc(8px + (16 - 8) * ((100vw - 320px) / (1200 - 320)));
		padding-right: calc(8px + (16 - 8) * ((100vw - 320px) / (1200 - 320)));
	}


	/*
	-----------------------------------------
	BUTTON - ALIGN (XXS)
	-----------------------------------------
	*/
	.wz-link-type-button.wz-link-display-block.wz-link-align-left
	{
		-webkit-box-justify-content:flex-start;
		-moz-box-justify-content:flex-start;
		-ms-justify-content:flex-start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.wz-link-type-button.wz-link-display-block.wz-link-align-center
	{
		-webkit-box-justify-content:center;
		-moz-box-justify-content:center;
		-ms-justify-content:center;
		-webkit-justify-content:center;
		justify-content:center;
	}

	.wz-link-type-button.wz-link-display-block.wz-link-align-right
	{
		-webkit-box-justify-content:flex-end;
		-moz-box-justify-content:flex-end;
		-ms-justify-content:flex-end;
		-webkit-justify-content:flex-end;
		justify-content:flex-end;
	}



	/*
	-----------------------------------------
	BUTTON - TEXT ALIGN
	-----------------------------------------
	*/
	.wz-link-type-button.wz-link-text-align-center a
	{
		text-align:center;
	}





	/* !!! set correct class tags for block button links */
	.link.button
	{
		margin-top: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
		margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1200 - 320)));
	}



	/* ??? */

	a.link.button.button-width-textwidth
	{
		display:inline-block;
	}

	a.link.button.button-style-icon
	{
		display:block;
	}

	a.link.button.button-style-icon span.fa
	{
		font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1200 - 320)));
		color:#fff;
	}

	/*
	-----------------------------------------
	*/


/* add pointer to clickable items */
.wz.click {
	cursor:pointer;
}

div[class*="blst-light1"] a.wz.link,
a.wz.link.style-light1
{
	color:#00537f;
}

body.color-scheme-ne div[class*="blst-light1"] a.wz.link,
a.wz.link.style-light1
{
	color:#007c52;
}


i.bi
{
	color:#00537f;
}


button.bi
{
	color:#fff;
	background-color:#00537f;
	border:0;
	padding:2px 6px;
	border-radius:4px;
    font-family: 'Titillium Web', sans-serif;
	font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1200 - 320)));
}

.form-control {
  font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1200 - 320)));
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.form-control p {
  padding-left: .3em;
}

.form-control + .form-control {
  margin-top: 1em;
}


.seminar-module
{
	border-top: 1px solid #ccc;
	padding-top:14px;
}

.seminar-module.last
{
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
}

.seminar-module ul.wz-bulletlist
{
	padding-top:10px;
}

:root {
  --form-control-color: #00537f;
  --form-control-disabled: #959495;
}

input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.07em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.7em;
  height: 0.7em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.form-control--disabled p {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}







div[class*="blst-light1"] a.wz.link:hover,
a.wz.link.style-light1:hover
{
	color:#FF8600;
}

body.color-scheme-ne div[class*="blst-light1"] a.wz.link:hover,
a.wz.link.style-light1:hover
{
	color:#007c52;
}


.blst-light1 a.wz.button,
.blst-light2-skew a.wz.button,
.blst-light2 a.wz.button
{
	background-color:#0099cc;
	background-color:#FF8600;
	color:#fff;
	font-weight:600;
}

.blst-light1 a.wz.button:hover,
.blst-light2-skew a.wz.button:hover,
.blst-light2 a.wz.button:hover
{
	background-color:#DF6600;
	color:#fff;
}


.blst-light3 a.wz.button,
.blst-light3-skew a.wz.button,
.blst-light4 a.wz.button,
.blst-light4-skew a.wz.button
{
	background-color:#FF8600;
	color:#fff;
	font-weight:600;
}

.blst-light3 a.wz.button:hover,
.blst-light3-skew a.wz.button:hover,
.blst-light4 a.wz.button:hover,
.blst-light4-skew a.wz.button:hover
{
	color:#fff;
}