/*
 * mail as svg
 */
object.email {
	margin: -1em 0px;
	vertical-align: middle;
}

/*
 * ===================================================== 
 * Customizing one agency demo
 * =====================================================
 */

/*
 * header-body if position not on top
 */
#header .header-body {
		background: #fff !important; 
		opacity: 0.8;
}

/* 
 * header-body if position on top, aka sticky header
 */
html.sticky-header-active #header .header-body {
		background: #fff;
		opacity: 1;
}

/* 
 * Due to the white background of the header-body, the active link color needs to be changed
 * to a color that is visible on white background.
 */
#header .header-nav-main nav > ul > li > a {
		color: var(--quaternary) !important;
}


/*
 * thumb-info not so high
 */
.thumb-info .thumb-info-title {
		bottom: 5% !important
}

/*
 * section overlay with tertiary and secondary gradient
 */
section.section.section-overlay-opacity-gradient:before {
	background: linear-gradient(135deg, var(--secondary) 0%, var(--tertiary) 80%);
}

section.section.section-overlay-opacity-gradient-2:before {
	background: linear-gradient(135deg, var(--tertiary) 0%, var(--secondary) 80%);
}

/*
 * Footer copyright style 3
 */
 #footer .footer-copyright-3 {
	border-top: 1px solid rgba(0, 0, 0);
}

/* Footer text links: colour stays, underline on hover (logo excluded) */
#footer a:not(.btn):not(.no-footer-css):not(.logo):hover {
	text-decoration: underline;
}

/*
 * card-border in tertiary color (green)
 */
.card-border.card-border-tertiary:after {
	background-color: var(--tertiary);
}