.jctecs-site .page_search {
  max-width: 1100px;
  margin: 30px auto;
  padding: 30px 34px 38px;
  border: 1px solid var(--jctecs-line);
  border-radius: 10px;
  background: #fff url("../images/hero-globe.png") right -110px / 58% auto no-repeat;
  box-shadow: 0 5px 18px #102b5b0b;
}
.jctecs-site .page_search > .breadcrumbs {
  display: none;
}
.jctecs-site .page_search > h1 {
  position: relative;
  margin: 0 0 20px;
  color: var(--jctecs-navy);
  font-size: 34px;
}
.jctecs-site .page_search > form.cmp_form {
  position: relative;
  padding: 20px;
  border: 1px solid var(--jctecs-line);
  border-radius: 8px;
  background: #ffffffeb;
}
.jctecs-site .page_search .search_input input.query {
  width: 100%;
  padding: 14px 48px 14px 16px;
  border: 1px solid #c7d6eb;
  border-radius: 6px;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b1d48' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")
    right 16px center/18px no-repeat;
  color: var(--jctecs-navy);
  font-size: 14px;
}
.jctecs-site .page_search .search_input input.query:focus,
.jctecs-site .page_search input:focus,
.jctecs-site .page_search select:focus {
  border-color: var(--jctecs-blue);
  outline: 2px solid #0757d51c;
}
.jctecs-site .page_search .search_advanced {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px 25px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--jctecs-line);
  border-radius: 6px;
  background: #fbfcff;
}
.jctecs-site .page_search .search_advanced legend {
  grid-column: 1/-1;
  color: var(--jctecs-navy);
  font-size: 13px;
  font-weight: 700;
}
.jctecs-site .page_search .date_range {
  display: flex;
  gap: 12px;
}
.jctecs-site .page_search .date_range > div,
.jctecs-site .page_search .author {
  flex: 1;
}
.jctecs-site .page_search label.label {
  display: block;
  margin: 0 0 5px;
  color: var(--jctecs-navy);
  font-size: 11px;
  font-weight: 700;
}
.jctecs-site .page_search .search_advanced input,
.jctecs-site .page_search .search_advanced select {
  width: 100%;
  max-width: 100%;
  padding: 9px 10px;
  border: 1px solid #c7d6eb;
  border-radius: 5px;
  background: #fff;
  color: var(--jctecs-navy);
  font-size: 12px;
}
.jctecs-site .page_search .date_range label {
  display: block;
  margin-bottom: 4px;
  color: var(--jctecs-muted);
  font-size: 10px;
}
.jctecs-site .page_search .date_range select {
  width: 10em;
  padding: 8px 5px;
}
.jctecs-site .page_search .author .label_contexts {
  margin-top: 12px;
}
.jctecs-site .page_search .submit {
  margin-top: 16px;
}
.jctecs-site .page_search button.submit {
  padding: 11px 24px;
  border: 1px solid var(--jctecs-blue);
  border-radius: 5px;
  background: var(--jctecs-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.jctecs-site .page_search .search_results {
  display: grid;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.jctecs-site .page_search .search_results > li {
  padding: 0;
  border: 1px solid var(--jctecs-line);
  border-radius: 7px;
  background: #fbfcff;
}
.jctecs-site .page_search .obj_article_summary {
  padding: 16px 18px;
}
.jctecs-site .page_search .obj_article_summary .title {
  margin: 0;
  font-size: 15px;
}
.jctecs-site .page_search .obj_article_summary .title a {
  color: var(--jctecs-navy);
}
.jctecs-site .page_search .obj_article_summary .title a:hover {
  color: var(--jctecs-blue);
}
.jctecs-site .page_search .obj_article_summary .meta {
  display: flex;
  gap: 14px;
  margin-top: 7px;
  color: var(--jctecs-muted);
  font-size: 11px;
}
.jctecs-site .page_search .cmp_pagination {
  margin-top: 22px;
}
.jctecs-site .page_search .pkp_notification {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid var(--jctecs-line);
  border-radius: 7px;
  background: #f4f8ff;
  color: var(--jctecs-muted);
}
@media (max-width: 650px) {
  .jctecs-site .page_search {
    margin: 18px 14px;
    padding: 24px 18px 30px;
    background-size: cover;
  }
  .jctecs-site .page_search .search_advanced {
    grid-template-columns: 1fr;
  }
  .jctecs-site .page_search .date_range {
    flex-direction: column;
  }
  .jctecs-site .page_search .date_range select {
    width: 100%;
  }
}