.vitamed-search {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.vitamed-search-input {
width:100%;
height:58px;
padding:0 55px 0 52px;
border:1px solid #d9dee5;
border-radius:25px;
background:#fff;
font-size:17px;
font-weight:400;
color:#2d3748;
transition:.25s ease;
box-sizing:border-box;
outline:none;
box-shadow: 0 2px 8px rgba(0,0,0,.01);
}
.vitamed-search-input::placeholder {
color:#98a2b3;
}
.vitamed-search-input:hover {
border-color:#b9c4d0;
}
.vitamed-search-input:focus {
border-color:#CC353A;
box-shadow: 0 10px 25px rgba(0,0,0,.03);
}
.vitamed-search-form {
margin: 0;
}
.vitamed-search-results {
position: absolute;
top: calc(100% + 5px);
left: 0;
right: 0;
display: none;
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
z-index: 9999;
box-shadow: 0 8px 25px rgba(0,0,0,.12);
max-height: 350px;
overflow-y: auto;
}
.vitamed-search-results.active {
display: block;
}
.vitamed-search-results li {
margin: 0;
padding: 0;
border-bottom:1px solid #f1f1f1;
}
.vitamed-search-results li a {
display: block;
padding: 12px 16px;
color: #333;
text-decoration: none;
transition:all .2s ease;
}
.vitamed-search-results li a:hover{
background:#f7f9fc;
padding-left:22px;
}
.vitamed-search-results li:last-child{
border-bottom:none;
}
.vitamed-search-results li a:hover {
background: #f5f5f5;
}