/* ----------Main Body------------------ */ .auto-suggetion-dropdown, .auto-suggetion-dropdown-header{background: #fff; border: 1px solid #ddd; position: absolute!important; left: 0; top: 100%; z-index: 1; width: 100%; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%); padding: 1rem; max-height: 200px; overflow: auto; display: none;} .auto-suggetion-dropdown li, .auto-suggetion-dropdown-header li { cursor: pointer; } .autocomplete_result { background: #fff; max-height: 400px; overflow-y: auto; padding: 10px; text-align:left; position: absolute; left: 0; right: 0; top: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); } .result_list { box-shadow: none !important; } .result_list li { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .result_list li a { display: inline-block; padding: 10px; width: 100%; color: inherit; } .result_list li:hover a { background: rgba(0, 0, 0, 0.03); color: theme('color.primary'); } .result_list li img { float:left; margin: 0 10px 0 0; } @media(min-width:1199px){ .nav--primary ul li{margin-left: calc(0.5rem + 0.5vw)!important;} .nav--secondary > ul > li{margin-left: calc(0.8rem + 0.8vw)!important;} }