#wa-widget-search-results
{
margin-top:20px;
min-height: 100px;
}


.wa-search-result-item
{
  margin-bottom:20px;
  /*overflow: hidden;*/
  overflow-wrap: break-word;
}


.wa-search-result-item .top-url
{
  font-size:14px;
  line-height:1.3;
}
.wa-search-result-item .top-url a
{
  color:#202124;
  text-decoration:none;
}


.wa-search-result-item .main-title
{
  font-size:20px;
  line-height:1.3;
}


.wa-search-result-item .main-title a
{
  color:#1a0dab;
  text-decoration:none;

}

.wa-search-result-item .main-title a:hover
{
  color:#1a0dab;
  text-decoration:underline;
}

/* responsive mobile */
@media (max-width : 540px) {
  .wa-search-result-item .top-url
  {
    font-size:12px;
  }

  .wa-search-result-item .main-title
  {
    font-size:14px;
  }
}








.wa-search-default-message
{
  font-size:25px;
  text-align:center;
  color:rgba(0,0,0,0.7);
 /* min-height:100px;*/

  display:flex;
   align-items: center;
  justify-content: center;
}

.wa-search-default-message-txt
{
  display:flex;
  /*  max-width:300px;*/
  
}

.wa-search-input-dlg
{
  font-size:16px;
  -webkit-appearance:none;
  border: 1px solid gray;
  text-indent:30px;

  padding: 3px 3px 3px 3px;
  margin: 5px 1px 3px 0px;
  border-radius: 5px 5px 5px 5px;
  outline: none;


  background-image: url(search.svg);
  background-repeat: no-repeat;
  background-position:left center;
  background-size:45px 45px;
  

 transition: border-color 0.5s ease,box-shadow 0.5s ease;
}


.wa-search-input-dlg:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 3px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}


/* spinner */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 4px;
  border: 4px solid black;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: black transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}