/*
 * mail as svg
 */
object.email {
	/*height: 2em;*/
	margin: -1em 0px;
	vertical-align: middle;	
	fill: red;
}
object.email:hover {
	/*height: 2em;*/
	margin: -1em 0px;
	vertical-align: middle;	
	fill: red;
}
.mail-color {
	color: yellow;
}

/*
 * ===================================================== 
 * 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: var(--quaternary);*/
		background: #fff;
		opacity: 1;
		/*border-bottom-color: var(--quaternary);*/
}

/* 
 * 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(--tertiary) 0%, var(--secondary) 80%);*/
	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%);*/
	background: linear-gradient(135deg, var(--tertiary) 0%, var(--secondary) 80%);
}
/*
 * Social icons in footer
 */
#footerRight .social-icons a:not(.btn):not(.no-footer-css) {
	color: var(--light) !important;
	background: #0073b2 !important;
	border-color: var(--light) !important;
	border-width: 2px !important;
	border-style: solid !important;
	border-radius: 50% !important;
	transition: all 0.3s ease-in-out !important;
}
#footerRight .social-icons a:not(.btn):not(.no-footer-css):hover {
	color: var(--quaternary-200) !important;
	background: var(--light-200) !important;
}

/**
 * Overlay effect for images
 */	
.overlay-secondary {
  outline: 100vmax solid rgb(39, 79, 158, 0.4);
  outline-offset: -100vmax;
  /* keep only the image area visible */
  mask: linear-gradient(#000 0 0); 
  transition: outline-color .4s;
/* z-index: 6;*/
}
.overlay-quaternary {
  outline: 100vmax solid rgb(56, 63, 72, 0.2);
  outline-offset: -100vmax;
  /* keep only the image area visible */
  mask: linear-gradient(#000 0 0); 
  transition: outline-color .4s;
  /*z-index: 4;*/
}
.overlay-tertiary {
  outline: 100vmax solid rgb(60, 170, 0, 0.2);
  outline-offset: -100vmax;
  /* keep only the image area visible */
  mask: linear-gradient(#000 0 0); 
  transition: outline-color .4s;
  /*z-index: 2;*/
}
img:hover .overlay-secondary .overlay-quaternary .overlay-tertiary {
  --_o: 0%;
}

/*
 * Footer copyright style 3
 */
 #footer .footer-copyright-3 {
	border-top: 1px solid rgba(0, 0, 0);
}
#footer .footer-copyright.footer-copyright-style-3 {
}
/**
 * Footer link styles
 */
#footer a:not(.btn):not(.no-footer-css).text-color-light:hover {
	color: var(--primary) !important;
}

/**
 * No-Owl aka nowl custom styles.
 */
.owl-carousel-light .nowl-item {
	/*display: none;
	visibility: hidden;*/
	/*opacity: 0;*/
	position: absolute !important;
	width: 100%;
	height: 100%;
	top: 0;
	transition: ease opacity 300ms;
}