/* Start of Search bar inside Results page */

.search {
    padding: 10px;
}

.search .search-box {
    position: relative;
    color: var(--lightgray);
}

.search .search-box button {
    position: absolute;
    background: none;
    border: none;
    height: 100%;
    font-size: var(--fontmedium);
    left: 10px;
}

.search .search-box button i {
    color: var(--lightgray);
    transition: all 0.5s ease;
}

.search .search-box button i:hover {
    color: var(--darkgray);
}

.search .search-box input {
    padding: 8px 0px 7px 40px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: var(--shadowBox05);
    color: var(--darkgray);
    font-size: var(--fontmedium);
    outline: none;
}

.search .search-box input:hover {
    box-shadow: var(--shadowBoxHover10);
}

.search .search-box input:focus {
    box-shadow: var(--shadowBoxHover10);
}

.search .search-box input::placeholder {
    color: var(--lightgray);
    font-size: var(--fontmedium);
    font-style: italic;
    transition: all 0.5s ease;
}

.search .search-box input:hover::placeholder {
    color: var(--darkgray);
}

/* End of  Search bar inside Results page */

@media only screen and (max-width: 1200px) {
    .container{
        flex-direction: column;
    }
}