#header-search {
	position: absolute;
	width: 100%;
	z-index: 9999;
	display: none;
	overflow: hidden;
	@include transition (height 0.3s, line-height 0.3s);
	@include breakpoint(mobile-only) {
		display: none !important;
	}
	.uk-close {
		position: absolute;
		right: 25px;
		font-size: 25px;
		opacity: 1;
		@include transition (all 0.3s);
		&:hover {
			opacity: 0.6;
		}
	}
	// Joomla
	.search {
		form {
			margin-bottom: 0;
		}
		input {
			font-family: inherit;
			margin-bottom: 0;
			padding: 0;
			border: none;
			box-shadow: none !important;
			font-size: 2.5rem;
			color: inherit;
			width: 100%;
			border-radius: 0;
			background: none;
			@include transition (height 0.3s, line-height 0.3s);
			@include placeholder {
				opacity: 1;
			}
		}
	}
	// Wordpress
	.search-form {
		.search-field {
			font-family: inherit;
			padding: 0;
			border: none;
			box-shadow: none !important;
			font-size: 2.5rem;
			color: inherit;
			width: 100%;
			border-radius: 0;
			background: none;
			@include transition (height 0.3s, line-height 0.3s);
			@include placeholder {
				opacity: 1;
			}			
		}
		label {
			margin-bottom: 0;
		}
		.search-submit {
			display: none;
		}
	}
	.g-content {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	// Grav
	.search-input {
		font-family: inherit;
		padding: 0;
		border: none;
		box-shadow: none !important;
		font-size: 2.5rem;
		color: inherit;
		width: 100%;
		border-radius: 0;
		background: none;
		@include transition (height 0.3s, line-height 0.3s);
		@include placeholder {
			opacity: 1;
		}
	}
	// Joomla class for the Search
	.element-invisible {
		border: 0 none;
		height: 1px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
}

#header-search-toggle {
	> i {
		opacity: 1;
	}
}