
@media only screen and (max-width: 990px){
	li#menu-item-search{
		margin-top: unset;
	}
}
.responsive #top #header_main .container.av-logo-container {
	width: 100%;
	max-width: 100%;
}
.responsive #top #header #header_main span.logo {
	width: 50%;
	padding-left: 1em;
}
.responsive #top .av-main-nav .av-burger-menu-main.menu-item-avia-special {
	padding-right: 1em;
}
@media only screen and (min-width: 990px) {
	.responsive #top .av-main-nav .av-burger-menu-main.menu-item-avia-special {
		padding-right: unset;
	}
	li#menu-item-search {
		padding-top: 1em;
	}
	.search-bar.full-size {
		padding-top: 1.5em;
		justify-content: flex-end;
		max-width: 30em;
	}
}
@media only screen and (max-width: 989px) {
	.search-bar {
		padding-top: 1.5em;
	  }
}

	  button.search-btn, .search-bar input {
		font: 1em Hind, sans-serif;
		line-height: 1.5em;
		color: #c72b6e;
	  }
	  .search-bar {
		display: flex;
	  }
	  .search-bar input,
	  .search-btn, 
	  .search-btn:before, 
	  .search-btn:after {
		transition: all 0.25s ease-out;
	  }
	  #top #headerSearch:not(:focus) {
		width: 3em;
		}
	  .search-bar input,
	  .search-btn {
		height: 3em;
	  }
	  .search-bar input:invalid:not(:focus),
	  .search-btn {
		cursor: pointer;
	  }
	  .search-bar,
	  .search-bar input:focus,
	  .search-bar input:valid  {
		width: 100%;
	  }
	  .search-bar input:focus,
	  .search-bar input:not(:focus) + .search-btn:focus {
		outline: transparent;
	  }
	  .search-bar {
		margin: auto;
		justify-content: center;
		max-width: 30em;
	  }
	  #top .search-bar input#headerSearch {
		background: transparent;
		border-radius: 1.5em;
		box-shadow: 0 0 0 0.4em #c72b6e inset;
		padding: 0.75em;
		transform: translate(0.5em,0.5em) scale(0.5);
		transform-origin: 100% 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	  }
	  .search-bar input::-webkit-search-decoration {
		-webkit-appearance: none;
		appearance: none;
	  }
	  .search-bar input:focus,
	  .search-bar input:valid {
		background: #fff;
		border-radius: 0.375em 0 0 0.375em;
		box-shadow: 0 0 0 0.1em #d9d9d9 inset;
		transform: scale(1);
	  }
	  .search-btn {
		background: #c72b6e;
		border-radius: 0 0.75em 0.75em 0 / 0 1.5em 1.5em 0;
		padding-left: 1.5em;
		position: relative;
		transform: translate(0.1em,0.1em) rotate(45deg) scale(0.3,0.125);
		transform-origin: 0 50%;
		-webkit-text-fill-color: #c72b6e;
	  }
	  .search-btn:before, 
	  .search-btn:after {
		content: "";
		display: block;
		opacity: 0;
		position: absolute;
	  }
	  .search-btn:before {
		border-radius: 50%;
		box-shadow: 0 0 0 0.2em #f1f1f1 inset;
		top: 0.7em;
		left: 0.5em;
		width: 1em;
		height: 1em;
	  }
	  .search-btn:after {
		background: #f1f1f1;
		border-radius: 0 0.25em 0.25em 0;
		top: 51%;
		left: 51%;
		width: 0.75em;
		height: 0.25em;
		transform: translate(0.2em,0) rotate(45deg);
		transform-origin: 0 50%;
	  }
	  .search-btn span {
		display: inline-block;
		overflow: hidden;
		width: 1px;
		height: 1px;
	  }
	  
	  /* Active state */
	  .search-bar input:focus + .search-btn,
	  .search-bar input:valid + .search-btn {
		background: #2762f3;
		border-radius: 0.375em;
		transform: scale(1);
		margin-left: .5em;
	  }
	  .search-bar input:focus + .search-btn:before, 
	  .search-bar input:focus + .search-btn:after,
	  .search-bar input:valid + .search-btn:before, 
	  .search-bar input:valid + .search-btn:after {
		opacity: 1;
	  }
	  .search-bar input:focus + .search-btn:hover,
	  .search-bar input:valid + .search-btn:hover,
	  .search-bar input:valid:not(:focus) + .search-btn:focus {
		background: #0c48db;
	  }
	  .search-bar input:focus + .search-btn:active,
	  .search-bar input:valid + .search-btn:active {
		transform: translateY(1px);
	  }
	  #top .search-bar input#headerSearch:focus {
		font-size: 1.5em;
		margin-right: 0.2em;
		margin-left: -5em;
		color: #2762f3;
		background: #fff;
		}
	  
	  /* @media screen and (prefers-color-scheme: dark) {
		.search-bar input {
		  box-shadow: 0 0 0 0.4em #f1f1f1 inset;
		}
		.search-bar input:focus,
		.search-bar input:valid {
		  background: #3d3d3d;
		  box-shadow: 0 0 0 0.1em #3d3d3d inset;
		}
		.search-btn {
		  background: #f1f1f1;
		}
	  } */