#divOverlaySearchResults {overflow:auto; height:100%;}

#overlay-search { height: auto; width: 60%; position: fixed; left: 0; top: 0; z-index: 999 !important; padding: 0 20% 4em 20%; text-align: left; zoom: 1; display: none; box-shadow: 0px 0px 20px #00000026; background: #f5f4ef; }
    #overlay-search.full {height: 100% !important;}
    #overlay-search.fixed {top: 68px;}
    .overlay-search-close { text-decoration: none; font-size: 40px; line-height: 40px; position: fixed; top: 2%; right: 2%; color: #999; padding: 0 5px; margin: 0; cursor: pointer; display: block; }
.overlay-search-close:hover             {color:#000;}
#overlay-search.fixed .overlay-search-close {top: 78px;}
.overlay-search-title { font-family: "neue-kabel", Arial, Sans-serif; font-weight: bold; font-size: 60px; color: #000; margin: 0; padding: 5% 0 2% 0; display: block; width: 100%; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.overlay-search-tbx { font-size: 40px; padding: 1% 2%; margin: 0; border: 2px solid #ccc; width: 100%; outline-style: none; outline-width: 0pt; background-color: #f7f7f7; color: #bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border-radius: 50em; }
    .overlay-search-tbx:focus { background-color: #fff; color: #000; border: 2px solid var(--gray); }
.overlay-search-result                  {padding:3% 0 5% 0; margin:0; list-style:none; width:100%;}
.overlay-search-result li               {padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #ccc; display:flex; justify-content:flex-start; gap: 20px; align-items:flex-start;}
.overlay-search-result li:last-child    {padding:0; margin:0; border:0;}
.overlay-search-result li p.title       {padding:0; margin:0; font-size:20px; font-weight:bold; color:#000;}
.overlay-search-result li p.hits        {padding:2px 0 0 0; margin:0; font-size:10px;}
.overlay-search-result li a             {font-size:14px; text-decoration:none;}
.overlay-search-result li a:hover       {text-decoration:underline;}
.overlay-search-info                    {font:normal 20px/20px Arial, Sans-serif; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;}
.overlay-search-alert                   {font:normal 20px/20px Arial, Sans-serif; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;}
.overlay-search-preloader               {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}
.overlay-search-result .image {width: 125px; height:150px; }
.overlay-search-result .image img { height: 100%; width:100%; object-fit:contain; }
@media screen and (max-width: 1100px) {
    #overlay-search                     {width:90%; overflow:auto; overflow-x:hidden; padding:0 5%;}
    .overlay-search-close               {font-size:25px; line-height:25px; }
    .overlay-search-title               {font:bold 24px/24px Arial, Sans-serif; margin:0 0 1.5% 0;}
    .overlay-search-tbx, 
    .overlay-search-tbx:focus           {font-size:18px; line-height:18px; padding:1% 2%; margin:0 0 1.5% 0; border-width:1px;}
    .overlay-search-result li p.title   {font-size:14px;}
    .overlay-search-result li p.hits    {font-size:10px; padding:0;}
    .overlay-search-result li a         {font-size:12px;}
    .overlay-search-info, 
    .overlay-search-alert               {font:normal 14px/14px Arial, Sans-serif; border-width:1px; padding:2%;}
    
}
@media screen and (max-width: 600px) {
    .overlay-search-preloader           {width:80px; height:80px; margin-left:-40px; margin-top:-20px;}
}

@media screen and (max-width: 480px)
{
    .overlay-search-preloader           {width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
}