.search-overlay {
    width:100vw;
    height:100vh;
    background:var(--monoBack);
    position:fixed;
    z-index:200;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s;
}

.search-overlay-show {
    top:0;
    left:0;
    opacity:1;
}

.search-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}

.search-overlay-top {
	width:100%;
	box-shadow:0px 0px 5px var(--monoFront);
	position:absolute;
	top:0;
	left:0;
	background:var(--monoBack);
	border-bottom:solid 0.25em var(--baseColour);
}

.search-overlay-top-inner {
	width:var(--contentwidth);
	margin:auto;
	background-size:auto 90% !important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.search-overlay-top-inner i {
		font-size:1.25em;
	display:block;
	color:var(--monoFront);
	padding:0.5em;
	transition:all 0.5s;
	cursor:pointer;
}

.search-overlay-top-inner i:hover {
		background:var(--baseColour);
	color:var(--baseColourInvert);
}

.search-overlay-search {
}
.search-overlay-search-title {
	font-family:var(--font01);
	font-weight:600;
	font-size:2em;
}
.search-overlay-search-form {
	width:100%;
	display:block;
}
.search-overlay-search-form #search {
	outline:none;
	border:0;
	background:transparent;
	border-bottom:solid 0.25vmin black;
	padding:0.25em;
	font-family:var(--font02);
	font-size:1.2em;
	width:60vw;
}

.search-overlay-search-form #searchsubmit {
	border:0;
	background:var(--baseColour);
	font-size:1.25em;
	color:var(--baseColourInvert);
	padding:0.5em;
	transition:all 0.5s;
	cursor:pointer;
}

.search-overlay-search-form #searchsubmit:hover {
	background:var(--baseColour_010);
	color:var(--baseColour_095);
}