.search-layout {
  position: absolute; 
  padding-right: 0px; 
  margin-right: 0px;
  float: right!important; 
  display: block!important;
  top: 1; 
  z-index: 99; 
  right: 0;
  }

#search {
border: 1px solid rgba(12, 118, 129, 0.85);

background-image: url("../images/icons/magnify.png"); 
background-size: 16.5px 16.5px;
background-position: .75rem;
background-repeat: no-repeat;
font-size: 15px;

/* This top margin is directly related to the top margin of srch results */
margin: 0px 0px 0px 0px;
color: #333;
height: 40px;
width: 223px;
padding: 0.75em 0 1em 2.25em;
line-height: 1.42857143;
position: relative;
z-index: 0;
}
/* 11/13/23 Display search for mobile sized screens */

.search input.standard {
outline: none!important;
height: 40px;
rgb(254, 254, 253)!important;
}
#search:focus {
background-repeat: no-repeat;

-webkit-transition: background-color 1.5s ease;
-moz-transition: background-color 1.5s ease;
-o-transition: background-color 1.5s ease;
transition: background-color 1.5s ease;
}
.standard-placeholder::placeholder {
  color: #333!important;
}
.standard-placeholder.form-control::-moz-placeholder{
  color: #333!important;
  font-style: normal;	
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
  font-size: 1rem;
  opacity: 1; /* Firefox */
}
.standard-placeholder.form-control:-ms-input-placeholder{
  color: #333!important;
  font-style: normal;	
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
  font-size: 1rem;
  opacity: 1; /* Firefox */
}
.standard-placeholder.form-control::-webkit-input-placeholder{
  color: #333!important;
  font-style: normal;	
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
  font-size: 1rem;
  opacity: 1; /* Firefox */
}
.standard-placeholder::-webkit-input-placeholder {
  color: #333!important;
  font-style: normal;	
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
  font-size: 1rem;
  opacity: 1; /* Firefox */
}
.standard-placeholder::placeholder {
color: #333!important;
font-style: normal;	
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
font-size: 1rem;
opacity: 1; /* Firefox */
}
.standard-placeholder::-ms-input-placeholder { /* Edge 12 -18 */
color: #333!important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
font-size: 1rem;
}
.srch-results {    
width: 223px; 
background: rgb(254, 254, 253);
border-radius: 4px;
padding-top: 0em;
margin-left: 0em!important; 
display: inline-block!important;
position: relative; 
z-index: 9999!important;
}

/* Keep this style for search results and hovering items */
.srch-results a {
color: #333!important;
margin: 0!important;
}
ul#srch-results li {
margin: 0rem;
left: 0!important;
padding: 0.25em 1em 0.20em 1em;
display: block;
}

.srch-results ul li:hover { 
cursor: pointer;  
background: #dedede;
margin: 0px;
/* color: rgb(50, 202, 146)!important;*/

width: 100%!important;
}

/* No left padding on search results list items */
#srch-results {
  padding: 0px!important;

}
.clear-icon {
position: absolute;
top: 0.64em;
right: 0.5rem;
cursor: pointer;
visibility: hidden; 
z-index: 9999;
display: block;
/* transition the background change */
transition: background-color 0.05s;
/* height of the icon */
height: 1.25em;
/* width of the icon */
width: 1.25em;
/* space between the icon and the background edge */
padding: 0.25em;
/* make it rounded */
border-radius: 50%;
}

search-box:not(:valid) ~ .close-icon {
display: none;
}
	
.clear-icon:hover, .clear-icon:focus {
/* add a background on hover */
border-radius: 50%;
background-color: #ddd; 
/* pointer cursor on hover */ 
cursor: pointer;
-webkit-transition: all 0.05s ease;
-moz-transition: all 0.05s ease;
-o-transition: all 0.05s ease;
transition: all 0.05s ease;
}

.search-box:focus  {
outline: none!important;
box-shadow: 0 0 15px 5px rgba(62, 185, 185, 0)!important; 
/* border: 1px solid  rgba(12, 118, 129, 1)!important; */
} 

  .search-layout { 
     display: block; 
   } 

.nav-link-color:hover {
  text-decoration: none;
  color: rgba(223, 227, 127, 1)!important;
}
 /* 11-13-23 Mobile navigation style */
 @media (max-width: 747px) {
  .search-layout {
    top: 14em!important;
    left: 0;
    margin: 0 auto!important;
    justify-self: center;
  }
ul#srch-results li {
  text-decoration: none;
  color: #333!important;
}

.site-header #navbar ul a:hover {
  color: rgba(223, 227, 127, 1)!important;
}
}