.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  margin-top: 50px;
}
 .overlay a {font-size: 16px;color:yellow;}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-bottom: 500px;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
  text-decoration: none;
}

.overlay .closebtn {
  position: absolute;
  top: 30px;
  right: 25px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 16px;color:yellow;}
  .overlay .closebtn {
  font-size: 40px;
  top: 30px;
  right: 25px;
  }
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}

.sticky + .content {
  padding-top: 10px;
  z-index: 999;
}

#limheight {
    height: auto; /*your fixed height*/
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; /*3 in those rules is just placeholder -- can be anything*/
}

#limheight li {
    display: inline-block; /*necessary*/
    position: relative;
    padding: 8px 7px;
    letter-spacing: .1px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

input.searchTerm[type=text] {
  width: 130px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input.searchTerm[type=text]:focus {
  width: 60%;
}

.search {
  top: 50%;
    left: 50%;

}

.searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 16px;
  border-radius: 1px 0 0 1px;
  outline: none;
  color: #9DBFAF;

}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 32px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 14px;
  margin-left: -5px;
}


/*bagian bar search*/

.searchtop {
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 6px;
}

.searchtopTerm {
  width: 100%;
  border: 1px solid #ccc;
  border-right: none;
  padding: 5px;
  height: 10px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchtopTerm:focus{
  color: #00B4CC;
}

.searchtopButton {
  width: 40px;
  height: 22px;
  border: 1px solid #ccc;
  background: #ccc;
  text-align: center;
  color: #fff;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  font-size: 15px;
}

a.ovrly{
	color:yellow;
}