@import "ge-drupal-search-form.css";

body:has(div#cboxLoadedContent) {
  overflow-y: hidden;
}

body:has(main#ge-drupal-search) {
  background-color: var(--ge-atmosphere-blue);
}

body:has(main#ge-drupal-search) div.language-switcher-block {
  display: none !important;
}

a#ge-drupal-search {
  cursor: pointer;
}
main#ge-drupal-search {
  margin-top: 6rem;
}

#cboxOverlay {
  background-color: var(--ge-atmosphere-blue) !important;
}

#cboxLoadingOverlay {
  background-color: var(--ge-atmosphere-blue);
  opacity: 0.5;
}

button#cboxClose {
  display: none;
}

#cboxLoadingGraphic {
  position: absolute;
  top: 258px;
  left: -8px;
  width: 100%;
  height: 100%;
}

#cboxLoadingGraphic .search-icon-heading .ficon-search {
  color: transparent;
}

#cboxLoadingGraphic div.GEInputbox div.rbt.clearfix.open {
  margin-right: 55px;
  width: 100%;

  @media (max-width: 1199.98px) {
    margin-left: 10px;
    margin-right: 46px;
  }
}

#cboxLoadingGraphic div#ge-drupal-search-component {
  height: 168px;
}

#cboxLoadingGraphic div#ge-search-component-footer {
  background-color: var(--ge-white);
  height: auto;
}

#cboxLoadingGraphic div#ge-search-component-footer-item {
  background-color: var(--ge-white);
  height: 250px;
}

#cboxLoadingGraphic .v-skeleton-loader__bone {
  align-items: center;
  border-radius: inherit;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}

#cboxLoadingGraphic .v-skeleton-loader__bone {
  background: #46465c77;
}

@keyframes loading {
  100% {
    transform: translate(100%);
  }
}

#cboxLoadingGraphic .v-skeleton-loader__bone:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxLoadingGraphic .v-skeleton-loader__bone:after {
  animation: loading 1.5s infinite;
  background: #6161AD;
  background: linear-gradient(90deg, rgba(97, 97, 173, 0) 1%, rgba(97, 97, 173, 0.91) 50%, rgba(97, 97, 173, 0) 100%);
  transform: translate(-100%);
  z-index: 1;
}