.property-search-container { display: flex; flex-direction: column; justify-content: stretch; align-items: center; padding: 10px 50px; flex-grow: 1; } .property-search-bar-container { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 300px; max-width: 600px; width: 100%; padding: 0px 20px; min-height: 50px; border: 0.5px solid rgba(0, 0, 0, 0.08); border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; background-color: white; flex-grow: 1; margin-bottom: 15px; color: #252631; } .property-search-bar { border: 0px; padding: 10px; outline: none; font-family: Source Sans Pro; font-size: 15px; flex-grow: 1; } .search-bar-erase-button { display: none; } .search-bar-erase-button:hover { cursor: pointer; } .search-bar-filter-button { display: flex; justify-content: center; align-items: center; border-radius: 25px; border: 1px solid rgba(0, 0, 0, 0.14); padding: 4px; width: 20px; height: 20px; font-size: 14px; } .search-bar-filter-button:hover { cursor: pointer; } .property-search-filters-container { display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; align-items: center; width: 100%; } .property-search-filter-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-width: 75px; color: black; padding: 5px 10px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; font-family: Open Sans; font-weight: bold; font-size: 15px; } .property-search-results-container { color: purple; } .property-search-result-card { color: orange }