

#search-agritourism {
  background-color: transparent;
  background-image: url("../images/icons/dark_search.png"); 
  background-size: 16.5px 16.5px; 
  background-position: 1rem; 
  background-repeat: no-repeat; 
  font-size: 15px;
  padding: 10px 70px 10px 15px;
  border: 1px solid #187f9a;
  margin: 0px 0px 0px 0px;
  color: rgba(0, 0, 0, 0.85);
  height: 48px;
  display: flex;
  min-width: 100%!important;
  padding: 10px 70px 10px 15px;
  line-height: 1.42857143;
  position: relative;
  z-index: 0;
  border-radius: 2rem;
/*  -webkit-transition: border 0.2s ease; */
/*  transition: border 0.2s ease; */
/*  box-shadow: 0 2px 4px rgba(130, 161, 181, 0.5); */
  }
  #search-agritourism:focus, .search-agritourism-input:focus {
    padding: 1rem 1rem 1rem 2.5rem!important;
    outline: none!important;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0);
    -webkit-transition: background-image 1.5s ease;
    -moz-transition: background-image 1.5s ease;
    -o-transition: background-image 1.5s ease;
    transition: background-image 1.5s ease;
    }
  /* 11/13/23 Display search for mobile sized screens */
  .search-agritourism input {
    border: 0px solid transparent;
    height: 48px;
    min-width:	100%!important;
    outline: none!important;
    color: #222828;
    background: transparent;


    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;

    text-shadow: none;
    display: inline-block;

    cursor: text;

    padding-left: 2.5rem!important;
 
  /* border: 4px solid rgba(0, 0, 0, 0.35); */
  }
  
 .search-agritourism input:focus {
  border: 0px solid transparent;
  outline: none!important;
 }

 
  .srch-results-agritourism {     
  background-color: transparent;
  /* border-radius: 0rem; */
  color: #202945!important;
  min-width: 100%!important;
  /* This top margin is directly related to the top margin of #search */
  margin: inherit!important;
  /* Padding of 0 allows a full width background hover during search selection */
  /* It also prevents overflow of search results box prior to search */
  padding: inherit;
  display: inline-block!important;
  min-height: 100%!important;
  overflow-y: auto!important;
  }
  
  .srch-results-agritourism a {
  color: black;
  
  }
  
  ul#srch-results-agritourism li {
  min-width:100%!important;
  margin: inherit;
  padding: 0.25rem 0.5rem;
  }
  .srch-results-agritourism ul li:hover {
  cursor: pointer;
  background: rgba(106, 188, 184, 0.15)!important;
  margin: inherit;
  }
  
  .clear-icon-agritourism {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  cursor: pointer;
  visibility: hidden; 
  z-index: 9999;
  display: block;
  /* transition the background change */
  transition: background-color 0.25s;
  /* 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-agritourism:not(:valid) ~ .close-icon-agritourism {
  display: none;
  }
    
  .clear-icon-agritourism:hover, .clear-icon-agritourism:focus {
  /* add a background on hover */
  /* pointer cursor on hover */
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  }
  .clear-icon-agritourism:hover, .clear-icon-agritourism:focus {
    /* add a background on hover */
    /* pointer cursor on hover */
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
  .search-box-agritourism {
  padding-left: 2.5rem!important;
  }
  .search-box-agritourism:focus {
  padding-left: 2.5rem!important;
  }
  .search-layout-agritourism {
    
  /*  padding-top: 24px;*/ 
   position: absolute; 
  /*  padding-right: 24px;*/ 
  /*  float: right!important;*/
  float: left; 
  /*  top: 13; */
    z-index: 1; 
  /*  right: 0;*/
  min-width: 100%!important;
    }
  .search-wrapper {
    min-width: 100%!important;
  }
  
  /* 11/13/23 Display search for mobile sized screens */
  /* @media (min-width: 1199px) { */
  /*   .search-layout-agritourism { */
  /*     display: none!important; */
  /*   } */
  /* } */
 
  ::placeholder {
  color: #187f9a!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;
  padding-left: 0rem!important;
  opacity: 1; /* Firefox */
  }
    
  ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #187f9a!important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
  font-size: 1rem;
  padding-left: 0rem!important;
  }
   
  .form-control::-moz-placeholder{
  color: #187f9a!important;
  padding-left: 0rem!important;
  }
  
  .form-control::-ms-input-placeholder{
  color: #187f9a!important;
  padding-left: 0rem!important;
  }
  
  .form-control::-webkit-input-placeholder{
  color: #187f9a!important;
  padding-left: 0rem!important;
  }

  .form-control:focus::placeholder{
    color:#187f9a!important;
    padding-left: 0rem!important;
  }
    
  /* 11/13/23 Display search for standard sized screens */
  @media (min-width: 920px) {
      .search-layout-agritourism {
          display: block!important;
        }
      }