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(12px + (16 - 12) * ((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.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;
	}

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


	/* LINKAGE - ICONERY */

	/* globe */
	.wz-link.wz-link-icon-default a:before
	{
		font-family: FontAwesome;
		content: "\f0ac";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* phone */
	.wz-link.wz-link-icon-phone a:before
	{
		font-family: FontAwesome;
		content: "\f095";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* share */
	.wz-link.wz-link-icon-share a:before
	{
		font-family: FontAwesome;
		content: "\f1e0";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* download */
	.wz-link.wz-link-icon-download a:before
	{
		font-family: FontAwesome;
		content: "\f019";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* mailto */
	.wz-link.wz-link-icon-mailto a:before
	{
		font-family: FontAwesome;
		content: "\f003";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* file */
	.wz-link.wz-link-icon-file a:before
	{
		font-family: FontAwesome;
		content: "\f016";
		padding-right: 4px;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* anchor */
	.wz-link.wz-link-icon-anchor a:before
	{
		font-family: FontAwesome;
		content: "\f063";
		padding-right: 4px;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* top */
	.wz-link.wz-link-icon-top a:before
	{
		font-family: FontAwesome;
		content: "\f062";
/* 
		padding-right: 4px;
 */
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* facebook */
	.wz-link.wz-link-icon-facebook a:before
	{
		font-family: FontAwesome;
		content: "\f230";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* whatsapp */
	.wz-link.wz-link-icon-whatsapp a:before
	{
		font-family: FontAwesome;
		content: "\f232";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* twitter */
	.wz-link.wz-link-icon-twitter a:before
	{
		font-family: FontAwesome;
		content: "\f081";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* google */
	.wz-link.wz-link-icon-google a:before
	{
		font-family: FontAwesome;
		content: "\f1a0";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* googleplus */
	.wz-link.wz-link-icon-googleplus a:before
	{
		font-family: FontAwesome;
		content: "\f0d4";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* instagram */
	.wz-link.wz-link-icon-instagram a:before
	{
		font-family: FontAwesome;
		content: "\f16d";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* skype */
	.wz-link.wz-link-icon-skype a:before
	{
		font-family: FontAwesome;
		content: "\f17e";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* snapchat */
	.wz-link.wz-link-icon-snapchat a:before
	{
		font-family: FontAwesome;
		content: "\f2ad";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* pinterest */
	.wz-link.wz-link-icon-pinterest a:before
	{
		font-family: FontAwesome;
		content: "\f0d3";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* linkedin */
	.wz-link.wz-link-icon-linkedin a:before
	{
		font-family: FontAwesome;
		content: "\f08c";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* xing */
	.wz-link.wz-link-icon-xing a:before
	{
		font-family: FontAwesome;
		content: "\f169";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* yelp */
	.wz-link.wz-link-icon-yelp a:before
	{
		font-family: FontAwesome;
		content: "\f1e9";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
	
	/* android */
	.wz-link.wz-link-icon-android a:before
	{
		font-family: FontAwesome;
		content: "\f17b";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* apple */
	.wz-link.wz-link-icon-apple a:before
	{
		font-family: FontAwesome;
		content: "\f179";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}

	/* mailto for default mailto links*/
/*
	.wz-link.wz-link-type-mailto a:before
	{
		font-family: FontAwesome;
		content: "\f003";
		padding-right: 4px;
		vertical-align: middle;
		display:inline-block;
		width: 1.7em;
		text-align: center;
	}
*/

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

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

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


.blst-light1 a.wz.button,
.blst-light2-skew a.wz.button,
.blst-light2 a.wz.button
{
	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
{
	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;
}