/* CSS File: transparent-header-mobile.css
 * Created by Carter (Carter) on 2024-11-19 18:36:01
 * Last Updated: 2024-11-19 18:36:01 by Carter (Carter)
 * Active Theme: Enfold
 */

@media only screen and (max-width: 989px) {
	#header .avia-menu {
		float: right;
		margin: 0;
	}
	#header.av_header_transparency {
		position: absolute !important;
		background: transparent !important;
	}
	#header.av_header_transparency  .header_bg {
		background-color: transparent !important;
		background: linear-gradient(to bottom, black 20%, rgba(0,0,0,0));
		height: 150%;
		pointer-events: none;
		opacity: 0.5 !important;
	}
	#header.av_header_transparency .logo a > img {
		opacity: 0 !important;
	}
	#header.av_header_transparency .logo .subtext img {
		display: block !important;
	}
	
#header.av_header_transparency + #main > div:first-of-type .container {
		padding-top: 90px;
	}
	#menu-item-search a {
		transition: color 0.3s ease;
	}
	html:not(.av-burger-overlay-active) #header.av_header_transparency #menu-item-search a  {
		color: white !important;
	}
	#header:not(.av_header_transparency) .av-hamburger-inner {
		background: currentcolor;
	}
	
	html:not(.av-burger-overlay-active) #header.av_header_transparency   .av-hamburger-inner {
		background: white;
	}
}