/***** Main button *****/

.fusion-button.button-default {
}

/* light */
.fusion-button.button-default.light {
	box-shadow: inset 0 0 0 1px #00061B66!important;
	background: none!important;
}
.fusion-button.button-default.light > .fusion-button-text {
	color: #000!important;
}

.fusion-button.button-default.light:hover {
	box-shadow: inset 0 0 0 1px #ff0000!important;
}

.fusion-button.button-default.light:hover > .fusion-button-text {
	color: #ff0000!important;
}

/* light-white */
.fusion-button.button-default.light.white {
	box-shadow: inset 0 0 0 1px #FBFCFE80!important;
}

.fusion-button.button-default.light.white > .fusion-button-text {
	color: #fafafa!important;
}

.fusion-button.button-default.light.white:hover {
	box-shadow: inset 0 0 0 1px #fff!important;
}

.fusion-button.button-default.light.white:hover > .fusion-button-text {
	color: #fff!important;
}


/* white */
.fusion-button.button-default.white {
	background: #fafafa;
}

.fusion-button.button-default.white > .fusion-button-text {
	color: #ff0000;
}

.fusion-button.button-default.white:hover {
	opacity: 0.95;
}

/* rev slider hack */
.cta-with-arrow.rev-btn {
	width: auto!important;
}

.fusion-button.button-default.with-arrow::after, 
.fusion-button.button-default.light.white.with-arrow::after, 
.fusion-button.button-default.light.white.with-arrow:hover::after, 
.cta-with-arrow.rev-btn::after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	background-image: url(../images/arrow-right.svg); /*preload hover image */
	background-image: url(../images/arrow-right_red.svg);  /*preload hover image */
	background-image: url(../images/arrow-right_white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: #000;
	margin-left: 10px;
	transition: all 0.3s;
}

.fusion-button.button-default.light.with-arrow:not(.white)::after {
	background-image: url(../images/arrow-right.svg);
}

.fusion-button.button-default.light.with-arrow:not(.white):hover::after, 
.fusion-button.button-default.white.with-arrow:not(.light)::after {
	background-image: url(../images/arrow-right_red.svg);
}

.fusion-button.button-default.with-arrow:hover::after {
	transform: translateX(3px);
}


.fusion-button.button-default.download::before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 22px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transition: all 0.3s;
}

.fusion-button.button-default.light.download::before {
	background-image: url(../images/icon_download_small_red.svg); /* preload hover image */
	background-image: url(../images/icon_download_small.svg);
}

.fusion-button.button-default.light.download:hover::before {
	background-image: url(../images/icon_download_small_red.svg);
}

.fusion-button.button-default.white.download::before {
	background-image: url(../images/icon_download_small_red.svg);
}

.fusion-button.button-default.light.white.download::before {
	background-image: url(../images/icon_download_small_white.svg);
}

.fusion-button.button-default.download:hover::before {
	animation: download 1.5s infinite;
}


@keyframes download {
	0% {
		transform: translateY(0);
	}
	
	20% {
		transform: translateY(2px);
	}
	
	60% {
		transform: translateY(0);
	}
	
	100% {
		transform: translateY(0);
	}
}


/**** look like text-link ****/
.fusion-button.button-default.text-link {
	box-shadow: none;
	background: none;
	padding: 0!important;
}

.fusion-button.button-default.text-link > .fusion-button-text {
	font-family: 'Calibri regular'!important;
	color: #000!important;
	text-decoration: underline!important;
}

.fusion-button.button-default.text-link.download::before {
	background-image: url(../images/icon_download_small.svg)!important;
	margin-right: 16px;
}
/*****************************/




/***** Text Link *****/

.text-link {
	width: fit-content;
}

.text-link.center {
	margin-left: auto!important;
	margin-right: auto!important;
}

.text-link a {
	font-family: 'Calibri bold';
	text-decoration: underline;
}

.text-link.with-arrow::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: #000;
	margin-left: 10px;
	transition: all 0.3s;
}

.text-link.with-arrow:hover::after {
	background-image: url(../images/arrow-right_red.svg);
	transform: translateX(3px);
}