/* =============================================================================
 * ce_hyperlink-extended
 * ========================================================================== */

.ce_hyperlink-extended a {
	min-width: 190px;
}

.ce_hyperlink-extended.small a {
	min-width: 0;
}

.ce_hyperlink-extended a.link-white {
	color: rgb(152,152,152);
	border: 2px solid rgb(255,255,255);
	background: rgb(255,255,255);
}

.ce_hyperlink-extended a.link-white:hover {
	background: rgb(152,152,152);
	color: rgb(255,255,255);
}

.ce_hyperlink-extended a.link-white.outline {
	color: rgb(255,255,255);
}

.ce_hyperlink-extended a.link-white.outline:hover {
	background: rgb(255,255,255);
	border-color: rgb(255,255,255);
	color: rgb(37,37,37);
}

.ce_hyperlink-extended a.outline {
	background: transparent;
}

.ce_hyperlink-extended a.outline:hover {
	background: rgb(37,37,37);
	border-color: rgb(37,37,37);
	color: rgb(255,255,255);
}

.ce_hyperlink-extended a.link-black {
	color: rgb(255,255,255);
	border: 2px solid rgb(0,0,0);
	background: rgb(0,0,0);
}

.ce_hyperlink-extended a.link-black:hover {
	color: rgb(0,0,0);
	border: 2px solid rgb(0,0,0);
	background: rgb(255,255,255);
}

.ce_hyperlink-extended a.link-black-outline {
	color: rgb(0,0,0);
	border: 2px solid rgb(0,0,0);
	background: none;
}

.ce_hyperlink-extended a.link-black-outline:hover {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}

.ce_hyperlink-extended a.link-own-color-lighttxt {
	color: rgb(255,255,255)!important;
}

.ce_hyperlink-extended a.link-own-color-darktxt {
	color: rgb(0,0,0)!important;
}

.ce_hyperlink-extended a.link-own-color-outline {
	background: none!important;
}

.ce_hyperlink-extended a.link-own-color-lighttxt:hover,
.ce_hyperlink-extended a.link-own-color-darktxt:hover,
.ce_hyperlink-extended a.link-own-color-outline:hover {
	opacity: 0.8;
}

.ce_hyperlink-extended i {
	margin-right: 10px;
}

.ce_hyperlink-extended.small a {
	padding: 9px 15px;
	font-size: 0.75rem;
}

.ce_hyperlink-extended.large a {
	padding: 20px 30px;
}

.ce_hyperlink-extended.wide a {
	padding: 15px 50px;
}

.ce_hyperlink-extended.expand a {
	width: 100%;
}

.ce_hyperlink-extended a.success {
	background: rgb(157,213,93);
	border-color: rgb(157,213,93);
}

.ce_hyperlink-extended a.secondary {
	background: rgb(231,231,231);
	border-color: rgb(231,231,231);
	color: rgb(51,51,51);
}

.ce_hyperlink-extended a.alert {
	background: rgb(247,80,90);
	border-color: rgb(247,80,90);
}

.ce_hyperlink-extended a.warning {
	background: rgb(240,138,36);
	border-color: rgb(240,138,36);
}

.ce_hyperlink-extended a.info {
	background: rgb(160,211,232);
	border-color: rgb(160,211,232);
	color: rgb(51,51,51);
}

.ce_hyperlink-extended a.success:hover, a.btn.success:hover,
.ce_hyperlink-extended a.secondary:hover, a.btn.secondary:hover,
.ce_hyperlink-extended a.alert:hover, a.btn.alert:hover,
.ce_hyperlink-extended a.warning:hover, a.btn.warning:hover,
.ce_hyperlink-extended a.info:hover, a.btn.info:hover {
	opacity: 0.8;
}

.ce_hyperlink-extended.border-radius-3 a {
	border-radius: 3px;
}

.ce_hyperlink-extended.border-radius-5 a {
	border-radius: 5px;
}

.ce_hyperlink-extended.border-radius-10 a {
	border-radius: 10px;
}

.ce_hyperlink-extended.border-radius-20 a {
	border-radius: 20px;
}

.ce_hyperlink-extended.btn-animated i {
	opacity: 0;
	width: 0;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.ce_hyperlink-extended.btn-animated a:hover i {
    opacity: 1;
    width: 16px;
}

.ce_hyperlink-extended.align-inline {
	display: inline-block;
	margin-right: 5px;
}

.ce_hyperlink-extended a.link-sec-color {
	border-color: var(--secondColor);
	background: var(--secondColor);
}

.ce_hyperlink-extended a.link-sec-color:hover {
	color: var(--secondColor);
	border-color: var(--secondColor);
}

.ce_hyperlink-extended a.link-sec-color-outline {
	color: var(--secondColor);
	border-color: var(--secondColor);
}

.ce_hyperlink-extended a.link-sec-color-outline:hover {
	background: var(--secondColor);
	color: #fff;
}

/* =============================================================================
* smart phones  (s / small screens)
* ========================================================================== */
@media only screen and (max-width: 767px) {
	.ce_hyperlink-extended.align-inline {
		display: block;
	}
}