/**
			 * modalsearchs ($modalsearchs)
			 */
			
			/* 1. Ensure this sits above everything when visible */
			.modalsearch {
			    position: absolute;
			    z-index: 10000; /* 1 */
			    top: 0;
			    left: 0;
			    visibility: hidden;
			    width: 100%;
			    height: 100%;
			}
			
			.modalsearch.is-visible {
			    visibility: visible;
			}
			
			.modalsearch-overlay {
			  position: fixed;
			  z-index: 10;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: hsla(0, 0%, 0%, 0.5);
			  visibility: hidden;
			  opacity: 0;
			  transition: visibility 0s linear 0.3s, opacity 0.3s;
			}
			
			.modalsearch.is-visible .modalsearch-overlay {
			  opacity: 1;
			  visibility: visible;
			  transition-delay: 0s;
			}
			
			.modalsearch-wrapper {
			  position: absolute;
			  z-index: 9999;
			  /*top: 100vh;*/
			 
			  width: 100vw;
			  
			  background-color: #fff;
			  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
			}
			
			.modalsearch-transition {
			  transition: all 0.3s 0.12s;
			  transform: translateY(-10%);
			  opacity: 0;
			}
			
			.modalsearch.is-visible .modalsearch-transition {
			  transform: translateY(0);
			  opacity: 1;
			}
			
			.modalsearch-header,
			.modalsearch-content {
			  padding: 1em;
			}
			
			.modalsearch-header {
			  position: relative;
			  background-color: #fff;
			  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
			  border-bottom: 1px solid #e8e8e8;
			}
			
			.modalsearch-close {
			  position: absolute;
			  top: 0;
			  right: 0;
			  padding: 1em;
			  color: #aaa;
			  background: none;
			  border: 0;
			}
			
			.modalsearch-close:hover {
			  color: #777;
			}
			
			.modalsearch-heading {
			  font-size: 1.125em;
			  margin: 0;
			  -webkit-font-smoothing: antialiased;
			  -moz-osx-font-smoothing: grayscale;
			}
			
			.modalsearch-content > *:first-child {
			  margin-top: 0;
			}
			
			.modalsearch-content > *:last-child {
			  margin-bottom: 0;
			}