/**
 * Blocksy - v1.8.39
 * 
 * Copyright (c) 2022
 * Licensed GPLv2+
 */

@media (prefers-reduced-motion: no-preference) {
  .ct-searching .search-submit svg {
    opacity: 0;
  }
  .ct-searching .search-submit [data-loader] {
    opacity: 1;
    visibility: visible;
    animation-play-state: running;
  }
}

.ct-search-results {
  position: var(--position, absolute);
  z-index: 1;
  top: -15px;
  left: -15px;
  width: var(--width, calc(100% + 30px));
  padding-top: calc(var(--form-field-height, 40px) + 14px);
  border-radius: 5px;
  background: var(--search-dropdown-background, #fff);
  box-shadow: var(--search-dropdown-box-shadow, 0px 50px 70px 0px rgba(210, 213, 218, 0.4));
}
.ct-search-results a {
  display: flex;
  align-items: center;
  padding: var(--items-padding, 16px);
}
.ct-search-results a:not(:last-child) {
  border-bottom: var(--items-divider, 1px dashed rgba(0, 0, 0, 0.05));
}
.ct-search-results a .ct-image-container {
  flex: 0 0 var(--search-image-size, 45px);
  max-width: var(--search-image-size, 45px);
  align-self: flex-start;
  border-radius: 2px;
  --image-spacing: 15px;
  margin-inline-end: var(--image-spacing);
}
.ct-search-results a .ct-search-item-price {
  display: block;
  margin-top: 5px;
}

#search-modal .ct-search-results {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 0;
  --position: static;
  --width: 100%;
  --search-dropdown-box-shadow: none;
  --search-dropdown-background: transparent;
  --items-padding: 0;
  --items-divider: none;
}
@media (min-width: 690px) {
  #search-modal .ct-search-results {
    grid-template-columns: repeat(2, 1fr);
  }
}
#search-modal .ct-search-results .ct-image-container {
  --image-spacing: 5%;
}
@media (max-width: 689.98px) {
  #search-modal .ct-search-results .ct-image-container {
    --search-image-size: 15%;
  }
}
@media (min-width: 690px) {
  #search-modal .ct-search-results .ct-image-container {
    --search-image-size: 20%;
  }
}
#search-modal .ct-search-results .ct-search-more {
  grid-column: 1/-1;
  justify-content: center;
}

.ct-search-results.ct-slide, .ct-search-results.ct-fade-leave, .ct-search-results.ct-fade-leave-active, .ct-search-results.ct-fade-enter, .ct-search-results.ct-fade-enter-active {
  transition: height 0.3s ease, opacity 0.3s ease;
}
.ct-search-results.ct-fade-enter {
  opacity: 0;
}
.ct-search-results.ct-fade-enter-active {
  opacity: 1;
}
.ct-search-results.ct-fade-leave {
  opacity: 1;
}
.ct-search-results.ct-fade-leave-active {
  opacity: 0;
}