#header .mod_search {
  position: absolute;
  top: -100%;
  width: 100%;
  background:var(--submenu);
  padding:1em;
  max-width: 1200px;
  z-index: 1;
  transition: all ease 0.3s;
  box-shadow:0 0 0 rgba(0,0,0,0.25);
  opacity:0;
  &.active{
  	top: 75%;
  	box-shadow:0 10px 20px rgba(0,0,0,0.35);
  	opacity:1;
  }
  .formbody {
  	display: flex;
  	gap:20px;
  	max-width: 1200px;
  	margin:auto;
  	.widget-text{
  		width:100%;
  	}
  	.text {
  		font-family: inherit;
  		padding:12px;
  		border:none;
  		width: 100%;
  		background: var(--b);
  		display:block;
  	}
  	.submit {
  		font-family: inherit;
  		font-size: inherit;
  		padding:12px 24px;
  		border:none;
  		cursor:pointer;
  	}
  }
}
.mod_navigation {
	display:flex;
	justify-content: center;
	align-items: center;
	#activateBtn {
		font-family: inherit;
  		font-size: inherit;
  		border:none;
  		padding:0px;
  		cursor:pointer;
  		width:30px;
  		aspect-ratio:1/1;
  		position:relative;
  		border-radius: 0.3em;
  		&:after {
  			font: var(--fa-font-solid);
  			-webkit-font-smoothing: antialiased;
  			content:"\f002";
  			z-index:1;
  		}
	}
}

.mod_navigation #activateBtn.active:after {
  			font: var(--fa-font-solid);
  			-webkit-font-smoothing: antialiased;
  			content:"\f00d";
  			z-index:2;
  		}

#main .mod_search {
	form {
	background:var(--submenu);
	padding:1em;
	max-width: 1200px;
	margin-block:0 2em;
	}
	.highlight {
		padding:6px;
		background:var(--green);
		color:var(--w);
	}
	  .formbody {
  	display: flex;
  	gap:20px;
  	max-width: 1200px;
  	margin:auto;
  	.widget-text{
  		width:100%;
  	}
  	.text {
  		font-family: inherit;
  		padding:12px;
  		border:none;
  		width: 100%;
  		background: var(--b);
  		display:block;
  	}
  	.submit {
  		font-family: inherit;
  		font-size: inherit;
  		padding:12px 24px;
  		border:none;
  		cursor:pointer;
  	}
  }
}