.search_elem {
padding: 10px 15px;
background-color: white;
border-radius: 5px;
box-shadow: var(--main_soft_shadow);
overflow: hidden;
}
.search_elem form {
display: flex;
align-items: center;
gap: 10px;
}
.search_elem input[type=text] {
flex: auto;
border: none;
box-shadow: none;
background-color: transparent;
outline: 0;
}
.search_elem input[type=text]::placeholder {
color: #b2b4b5;
}
.search_elem button[type=submit] {
font-size: 18px;
padding: 20px 40px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #61ce70;
color: #fff;
}
.search_elem .categories-selector {
display: flex;
align-items: center;
}
.search_elem .categories-selector:after {
content: '';
width: 1px;
height: 17px;
position: relative;
background-color: #999999;
margin-right: 30px;
margin-left: 20px;
}
.search_elem .categories-selector select,
.search_elem .categories-selector select:focus {
border-width: 0px;
outline: 0;
}
@media only screen and (max-width: 430px) {
.search_elem button[type=submit] {
padding: 15px 20px;
}
.search_elem input {
height: 50px;
}
.search_elem input,
.search_elem button {
width: 100%;
}
.search_elem form:not(.no-wrap) {
flex-wrap: wrap;
}
.search_elem .categories-selector:after {
display: none;
}
}