@keyframes animateGradient {
  0% { left: -40%; }
  100% { left: 100%; }
}

body.path-search {
  background-color: #0d1448;
}

body.path-search #block-riverside-content {
  background-color: white;
  min-height: calc(100vh - 248px);
}

.google-cse-wrapper {
  padding-top: 64px;
  padding-bottom: 64px;
}

#google-cse-wrapper h1 {
  margin-bottom: .5em;
}

.google-cse-form {
  margin-bottom: 48px;
}

.google-cse-form .google-cse-form-input {
  width: 100%;
}

.google-cse-form .google-cse-form-submit {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.google-cse-form .google-cse-form-submit:disabled,
.google-cse-form .google-cse-form-submit:disabled:hover {
  opacity: .5;
  background-color: #0d1448;
  cursor: progress;
}

.search-result-wrapper,
.placeholder-wrapper {
  margin-bottom: 36px;
}

.search-result-wrapper p {
  font-size: 15px;
  line-height: 1.35em;
}

.layout-container .google-cse-wrapper .google-cse-load-more {
  padding: 5px 15px;
  line-height: 1.65em;
}

#google-cse-load-more,
#google-cse-end-of-results-wrapper,
#google-cse-error-wrapper {
  display: none;
}

#google-cse-load-more.show,
#google-cse-end-of-results-wrapper.show,
#google-cse-error-wrapper.show {
  display: block;
}

.placeholder-title {
  position: relative;
  height: 30px;
  width: 300px;
  margin-bottom: 10px;
  background-color: #eee;
  overflow: hidden;
}

.placeholder-snippet {
  position: relative;
  width: 100%;
  height: 24px;
  background-color: #eee;
  overflow: hidden;
}

.placeholder-title::after,
.placeholder-snippet::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(to left, #eee, #dedede, #eee);
  width: 40%;
  animation: animateGradient 5s linear infinite;
}

.google-cse-end-of-results-text,
.google-cse-error-text {
  text-align: center;
}

@media screen and (min-width: 576px) {
  body.path-search #block-riverside-content {
    min-height: calc(100vh - 180px);
  }

  .google-cse-form {
    display: flex;
    justify-content: start;
  }

  .google-cse-form .google-cse-form-submit {
    margin-top: 0;
    margin-left: 10px;
  }
}

@media screen and (min-width: 992px) {
  body.path-search #block-riverside-content {
    min-height: calc(100vh - 210px);
  }
}