Wyszukiwanie zaawansowane
.boxSearch label {
display: inline-flex;
align-items: center;
}
.boxSearch label input {
margin-right: 1em;
}
.search-header .field input,
.search-filters input[type="text"],
.search-filters .filter select {
width: 100%;
box-sizing: border-box;
background: transparent;
border: 1px solid #99999955;
border-radius: 3px;
}
.search-header .field {
margin: 1em 0;
}
.search-header .field input {
padding: 15px;
font-size: 1.2em;
}
.search-header .options {
display: flex;
justify-content: space-between;
align-items: center;
margin: 1em 0 2em 0;
}
.search-filters {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 3em -10px -10px -10px;
}
.search-filters .filter {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 25%;
min-width: 250px;
padding: 10px;
box-sizing: border-box;
}
.search-filters .filter .description {
margin-bottom: .5em;
overflow: hidden;
}
.search-filters .filter .description label {
margin: .5em 0;
}
.search-filters .filter input[type="text"] {
padding: 10px;
}
.search-filters .filter select {
padding: 8px;
}
@media (max-width: 490px) {
.search-filters .filter {
width: 100%;
}
}
