/**************************\
  Required Styles
\**************************/

.wp-sls-search-modal[aria-hidden="true"] {
  display: none;
}

/**************************\
  Basic Modal Styles
\**************************/

.wp-sls-search-modal {
  z-index: 9999;
}

.wp-sls-search-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.wp-sls-search-modal__container {
  background-color: #fff;
  padding: 30px 50px;
  width: 80vw;
  height: 80vh;
  overflow: scroll;
}

.wp-sls-search-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  margin-bottom: 30px;
}

.wp-sls-search-modal__results {
  padding: 30px 0;
}

.wp-sls-search-modal__results > article {
  padding-bottom: 2em;
}

.wp-sls-search-modal__results .entry-summary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.wp-sls-search-modal__header a:before {
  content: "\2715";
}









.sse-search .form-row {
    width: 100%;
    display: flex;
    align-items: center
}

.sse-search .search-input-container {
    flex: 1
}

.sse-search .search-input {
    border: 1px solid rgba(0,0,0,.54);
    width: 100%;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    transition: .2s ease-in;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.sse-search .search-input:focus {
    border-color: #6804cc
}

.sse-search .search-submit {
    padding: 9px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6804cc;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 9px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer
}

.sse-search .search-submit:hover {
    box-shadow: 0 0 30px 0 rgba(104,4,204,.4)
}

.sse-search .search-submit svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.sse-search>.search-form .search-submit {
    margin: 0
}

.sse-search-container .search-auto-complete {
    display: none;
    position: absolute;
    margin-top: -1px;
    border: 1px solid rgba(0,0,0,.54);
    padding: 4px 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    transition: none;
    top: 41px;
    max-width: calc(100% - 2px);
    border-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #6804cc
}

.sse-search-container .search-auto-complete.show {
    display: block
}

.sse-search-container .search-auto-complete ul {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: none
}

.sse-search .auto-complete-item {
    padding: 5px 0 5px 10px;
    margin: 0;
    font-size: 16px;
    border-top: 1px solid #ececec
}

.sse-search .auto-complete-item:hover {
    cursor: pointer;
    background: rgba(0,0,0,.12)
}

.sse-search .auto-complete-item p {
    margin: 0
}

.sse-search .auto-complete-item.selected {
    background: rgba(0,0,0,.12)
}

.sse-search .search-input-container {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    position: relative
}

.sse-search .search-form {
    width: auto
}


.sse-search-container .search-auto-complete.show  ul {
    max-height: calc(100vh - 8rem);
    overflow-y: scroll; /* Add the ability to scroll */
}
  
/* Hide scrollbar for Chrome, Safari and Opera */
.sse-search-container .search-auto-complete.show ul::-webkit-scrollbar {
    display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.sse-search-container .search-auto-complete.show ul {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}