*, *:before, *:after {
  box-sizing: border-box;
}

@media (max-width: 60em) {
.container {
  display: none;
}
}

.container {
  padding: 1.5rem;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
 /* original margin-bottom: -1rem !important; */
}

.searchbar-dock {
 /* margin-bottom: -5rem !important; */

}

.searchbar {
  width: 100%;
  opacity: 0;
}

.searchbar__input {
    padding: 4px 1rem;
    border: 1px solid #565c65;
    /* border-radius: 5px; */
    width: 88%;
    float: left;
  }

.searchbar__input:hover {
      border-color: #565c65;
    }

.searchbar__input:focus {
  border-color: #565c65;
  box-shadow: 0 1px 1px #565c65 inset, 0 0 0px 3px #033003;
  outline: 0 none;
    }

.searchbar__input::placeholder {
      color: #565c65;
    }

.searchbar.sticky {
    background-color: #dcdee0;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-top: 2px solid #dcdee0;
    border-bottom: 2px solid #dcdee0;
    padding: 0.4rem;
    position: fixed;
    /* top: 2.8rem !important; */
    top: 5.9rem !important;
    left: 0;
    /* padding-left: 11rem; */
    padding-left: 8rem;
    padding-right: 11rem;
    opacity: 1;
  }


  .searchbar-button {
    float: right;
    width: 10%;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #303030;
    background-color: #303030;
    color: #ffffff;
    border: 1px solid 
    opacity: 1;

  }


  .searchbar-button:hover {
    background: #ffffff;
    color: #303030;
  }

  .searchbar [type=search] {
    margin-bottom: -35px;
  }

  .searchbar.sticky [type=search] {
    margin-bottom: 0px;

  }
 /*
  .search-vt-logo {
  margin-bottom: -85px;
  }


  .searchbar.sticky img{
    float: left;
    width: 8%;
    padding-top: 9px;
    margin-left: 7.5rem;
    margin-right: 5px;
  } */