.ais-RefinementList-labelText {
    margin: 0 5px;
    color: white;
}

.ais-RefinementList-list {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
    flex-direction: row;
    font-weight: bolder;
    justify-content: center;
    text-transform: capitalize;
}

.ais-RefinementList-item {
    display: grid;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.ais-InstantSearch__root {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    margin: 0 auto;
}

.ais-Pagination-item--selected .ais-Pagination-link {
    border: #313a43 1px solid;
    background: #424e5a;
}

.ais-Pagination-link {
    border: none;
    color: #7bb4c3 !important;
}

.ais-Pagination-item {
    border-radius: 5px;
}

.ais-SearchBox {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
}

.ais-RefinementList-count {
    background-color: 'grey';
    border: 1px solid grey;
    padding: 5px;
    border-radius: 10px;
}

.ais-SearchBox-reset {
    margin-right: 10px;
}

.ais-SearchBox-submit {
    display: none;
}

/* INPUT */
#header {
    height: 80px;
    margin-top: 20px;
    display: flex;
}
#header img {
    top: 9px;
    left: 0;
    float: left;
    max-width: 23%;
    max-height: 61%;
}

#header .ais-SearchBox__root {
    max-width: none;
}

#header .ais-SearchBox__wrapper input {
    font-size: 28px;
    font-weight: 100;
    width: 96%;
    margin-left: 4%;
    padding: 10px 0 6px;
    border: none;
    border-bottom: 5px solid #eee;
    box-shadow: none;
}
#header .ais-SearchBox__input:valid ~ .ais-SearchBox__reset {
    margin-right: 25px;
}
#header .ais-SearchBox__submit {
    top: inherit;
    right: 0px;
    left: inherit;
}
#header .ais-SearchBox__wrapper input,
.ais-SearchBox__wrapper input:focus {
    transition: border-color 0.3s ease-in;
    outline: 0;
}
#header .ais-SearchBox__wrapper input:focus {
    border-color: #ed5565;
}
#header .ais-SearchBox__wrapper input::-webkit-input-placeholder,
.ais-SearchBox__wrapper input:-moz-placeholder,
.ais-SearchBox__wrapper input:-moz-placeholder,
.ais-SearchBox__wrapper input:-ms-input-placeholder {
    font-weight: 100;
    color: #999;
}

.centerPanel > .ais-Hits {
    display: block;
    flex-wrap: nowrap;
    width: 100%;
    transition: all 2s;
    align-self: center;
}

.centerPanel > .ais-Hits > .ais-Hits-list-tagView {
    width: 100%;
}

.centerPanel > .ais-Hits > .ais-Hits-list-tagView {
    width: 100%;
}

.ais-Hits-closed {
    visibility: hidden;
    opacity: 0;
    width: 100%;
}

/* HITS */
.ais-Hits__root {
    border-top: 2px solid #eee;
    margin-top: 5px;
    /* border: 5px solid yellow; */
}

/* 
    Search result cards
  */

.ais-Hits-item-tagView {
    margin: 10px 0;
    padding: 0;
    background: #dce1e5;
    box-shadow: 0 2px 3px 0 #708090;
    border-radius: 3px;
    height: auto;
    min-height: 156px;
}

.ais-Hits-list {
    display: grid;
    grid-template-columns: 1fr;
    margin: -3px;
}

.ais-Hits-list-tagView {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    margin: 0 10px;
    padding: 0;
    width: 30%;
    list-style: none;
    /* border: 10px solid black; */
    /* overflow: hidden; */
    border-radius: 5px;
}

.ais-Pagination__root {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none;
    text-align: center;
}
.ais-Pagination__itemLink {
    padding: 10px 5px;
    text-decoration: none;
    border: 1px solid #eee;
}
.ais-Pagination__itemLink:hover {
    background: #f5f5f5;
    color: #000;
}
.ais-Pagination__item:hover .ais-Pagination__itemLink {
    color: #000;
}
.ais-Pagination__item {
    display: inline;
    padding: 10px;
}
.ais-Pagination__item:hover {
    background: transparent;
    color: #000;
}
.ais-Pagination__item:first-child .ais-Pagination__itemLink {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ais-Pagination__item:last-child .ais-Pagination__itemLink {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ais-Pagination__itemSelected .ais-Pagination__itemLink {
    color: white;
    border-color: #ed5565;
    background: #ed5565;
}
.ais-Pagination__itemSelected {
    border: none;
    background: transparent;
}
.ais-Pagination__itemSelected .ais-Pagination__itemLink:hover {
    cursor: default;
}
.ais-Pagination__itemDisabled .ais-Pagination__itemLink:hover {
    background: none;
}
.ais-Pagination__itemDisabled .ais-Pagination__itemLink {
    cursor: not-allowed;
}

.ais-Stats__root {
    align-self: center;
}

.ais-SearchBox-form {
    display: flex;
    flex-direction: row;
    font-size: 20px;
    width: 100%;
    height: 50px;
}

.ais-SearchBox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
    caret-color: #5a5e9a;
    color: #23263b;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font: inherit;
    padding-left: 2.5rem;
    border-radius: 10px;
}

@media (min-width: 1024px) {
    .ais-Hits-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .ais-SearchBox {
        padding-left: 300px;
        padding-right: 300px;
        padding-bottom: 0;
    }
    .ais-SearchBox-form {
        width: 100%;
    }
    .ais-RefinementList-list {
        display: grid;
        grid-template-columns: fit-content(230px) fit-content(230px) fit-content(230px);
        align-content: left;
    }
}