/*SEARCH*/
body.search {
	background: #000;
}

body.search .site-title a, body.search nav.main-menu li.menu-button, body.search nav.main-menu a {
	color: white;
}

body.search .site-title a:hover, body.search nav.main-menu li.menu-button:hover, body.search nav.main-menu a:hover {
	color: #008c96;
}

body.search li.menu-button.close:after {
	filter: invert(100%);
}

li.search-button a{
	cursor: pointer;
}

.search-overlay {
	width: 100vw;
    height: 100vh;
    background: #000000;
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    opacity: 0;
    transition: .15s;
    pointer-events: none;
}

.search-overlay.open {
    /*display: inline;*/
    opacity: 1;
    pointer-events: auto;
    z-index: 99;
}

.search input:focus {
  color: transparent;
}

.search input.text {
	font-family: Lars Regular;
    color: white;
    font-size: 2.5vw;
	border: 1px solid white;
    background: transparent;
    width: 75vw;
    height: 3.75vw;
    margin-left: 12.5vw;
    border-radius: 0;
    margin-top: 50vh;
    padding: 0 .5vw;
    transform: translateY(-50%);
}

.search input.submit {
	border: 0;
    font-family: Lars Medium;
    font-size: 2.5vw;
    color: white;
    background: transparent;
    display: block;
    margin-top: -1.25vw;
    margin-left: 50%;
    padding: 0;
    transform: translateX(-50%);
    transition: color .15s;
    cursor: pointer;
}

.search input.submit:hover {
	color: #008c96;
    /*border-bottom: 1px solid #008c96;*/
}

img.close-search {
	filter: invert(100%);
    width: 1.8vw;
    height: auto;
    position: absolute;
    top: 1.4vw;
    right: 1.2vw;
    cursor: pointer;
}

/*RESULTS*/
.search-keywords {
	font-family: Lars Medium;
	font-size: 1.2vw;
	/*position: absolute;*/
}

.search-keywords p{
	color: white;
}

.search-keywords span{
	text-transform: uppercase;
    color: #008c96;
}

/*TABLET*/
@media (max-width:1024px) {
}

/*MOBILE*/
@media (max-width:600px) {

.search input.text {
	font-family: Lars Regular;
    color: white;
    font-size: 6vw;
	border: 1px solid white;
    background: transparent;
    width: 90vw;
    height: 8vw;
    margin-left: 2.5vw;
    border-radius: 0;
    margin-top: 50vh;
    padding: 1.5vw 2.5vw;
    transform: translateY(-150%);
}

.search input.submit {
	border: 0;
    font-family: Lars Medium;
    font-size: 6vw;
    color: white;
    background: transparent;
    display: block;
    margin-top: -12.5vw !important;
    margin-left: 50%;
    padding: 0;
    transform: translateX(-50%);
    transition: color .15s;
    cursor: pointer;
}

img.close-search {
	width: 3.6vw;
    height: auto;
    position: absolute;
    top: 4vw;
    right: 2.5vw;
}

/*RESULTS*/
.search-keywords {
	font-size: 3.6vw;
}

body.search ul.menu-items.open {
	background: black;
}

}