/* ====================================================== 
   <!-- Header Area -->                                        
/* ====================================================== */

/*
 * 1. Default
 * 2. Theme - White
*/



/* 
 ---------------------------
 1. Default
 ---------------------------
 */ 

/* Don't use "margin" or "padding" to set up ".uix-header__container" */

.uix-header__container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 90000;
	border-bottom: 2.15px solid rgba(255, 255, 255, .2);
	box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.08);
	background-color: var(--uix-highlight-color1);
	background-image: linear-gradient(to right, var(--uix-btn-gradient-color1) 0%, var(--uix-btn-gradient-color2) 20%, var(--uix-btn-gradient-color3) 100%);
	
	
	&.is-fixed {
		
	}
	

	/* 
	 ---------------------------
	 2. Overlay Header
	 ---------------------------
	 */ 
	&.uix-header__container--overlay {
		background: rgba(255, 255, 255, 0.15);
		background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%,rgba(255, 255, 255, 0.15) 100%);	
        backdrop-filter: blur(2px);

		&.is-fixed {
			background-color: var(--uix-highlight-color1);
			background-image: linear-gradient(to right, var(--uix-btn-gradient-color1) 0%, var(--uix-btn-gradient-color2) 20%, var(--uix-btn-gradient-color3) 100%);
		}

	}

	
}

/* Show Toolbar when viewing site with WordPress */
.admin-bar .uix-header__container {
    top: 32px;
	
}

/* Admin bar becomes taller on smaller devices with WordPress */
@media all and (max-width: 782px) {
    .admin-bar .uix-header__container {
         top: 0;
    }
}


/* Don't use "margin" or "padding" to set up ".uix-header" */

.uix-header {
	/* Floating layer protection for IE */
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	
	.uix-menu__right-box {
		float: right;
	}
}



/* Header Placeholder, to prevent floating elements from affecting layout */
.uix-header__placeholder {
	height: 75px;
	background: none;
	display: block;
	visibility: hidden;
	width: 100%;
	
	&.is-fixed {
		
	}
	
}



@media all and (max-width: 768px) {
	
	
	.uix-header__container {
		position: relative;

		
		&.uix-header__container--overlay {

			background-color: var(--uix-highlight-color1);
			background-image: linear-gradient(to right, var(--uix-btn-gradient-color1) 0%, var(--uix-btn-gradient-color2) 20%, var(--uix-btn-gradient-color3) 100%);
			position: relative;

		}

		
	}

	/* Header Placeholder, to prevent floating elements from affecting layout */
	.uix-header__placeholder {
		height: 0;
	}

	
	
}