/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 *
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License:
 */

 #screen {
   width: 100%;
   height: 100vh;
   background: rgba(255, 255, 255, 0.75);
   position: absolute;
   z-index: 9;
   display: none;
 }

#search-wrapper {
 display: inline-block;
 z-index: 10;
 position: relative;
}

#mainSearch {
  margin-top: 20px;
  margin-left: 20px;
}

.easy-autocomplete {
  position: relative;
}
.easy-autocomplete input {
  font-family: 'Calling Code';
  border: none;
  border-radius: 100px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  float: none;
  padding: 10px 12px;
  min-width: 250px;
}
.easy-autocomplete input:focus {
  box-shadow: 0px 0px 10px rgba(0, 0, 255, 0.3);
  outline: none;
}
.easy-autocomplete a {
  display: block;
}

.easy-autocomplete-container {
  left: 0;
  position: relative;
  width: 400%;
  z-index: 2;
}
.easy-autocomplete-container ul {
  font-family: 'Cormorant Garamond';
  font-weight: lighter;
  display: none;
  position: absolute;
  top: 10px;
  transition: display 0.5s;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  display: block;
  font-size: 4rem;
  font-weight: lighter;
  padding: 8px 0px;
}
.easy-autocomplete-container ul li.selected {
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  cursor: pointer;
  color: #00f;
}
.easy-autocomplete-container ul li.selected div a {
  color: #00f;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: lighter;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: lighter;
  font-style: italic;
}
.easy-autocomplete-container ul li a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.easy-autocomplete-container ul .eac-category {
  color: #aaa;
  font-style: italic;
}

.eac-item sup {
  font-family: 'Calling Code';
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4);
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

#tail {
    position: absolute;
    display: none;
    float: left;
    height: 25vw;
    width: 35vw;
    background-size: cover;
    background-position: center;
}