/*  google search engine custom styles  ## 12/23/23 > google-search.css  */

.gsc-search{
height: 2em !important;
}
.gsc-control-cse{
  background-color: transparent ;
  border: none !important;
  margin-top: 1em !important;
}

input.gsc-input,
input.gsc-input.focus,
input.gsc-input.visited
{
   font-size: 24px;
}
::placeholder{
  color:blueviolet;
  font-size: 24px !important;
}
.gs-snippet{
  text-shadow: none !important;
}
.gs-title{
  background-color: azure !important;
}

/*
form.gsc-search-box{
background-color: green !important;
margin: auto !important;
}
*/

/*
.gsc-control-wrapper-cse{
background-color: yellow !important;
}
.gsc-search-box{
background-color: green !important;
}
.gsc-input{
  background-image: none !important;
  background-color: whitesmoke !important;
}
.gsc-input-box{
background-color: red !important;
}
*/
/* ---------------------------------------------------*/
/*   Steel Gray Button  */
/* s ~ Button up */
button.gsc-search-button,
button.gsc-search-button:focus,
button.gsc-search-button:visited {
  background-color: Gray;
  background: linear-gradient(to top, SlateGray, LightSlateGray, Gray, DarkGray, LightGray, Gainsboro, GhostWhite);
  border-radius: 8px;
  border-color: silver;
  color: OldLace;
  text-shadow: 1px 1px 0px black;
  box-shadow: 5px 5px 5px gray; }

/* S ~ Button hover */
button.gsc-search-button:hover {
  background-color: DarkGray;
  background: linear-gradient(to top, SlateGray, LightSlateGray, Gray, DarkGray, LightGray, Gainsboro, GhostWhite);
  color: azure;
  text-shadow: 1px 1px 0px darkgray;
  box-shadow: 2px 2px 0px gray; }

/* S ~ Button down */
button.gsc-search-button:active {
  background-color: LightGray;
  background: linear-gradient(to top, Gray, DarkGray, LightGray, Gainsboro, GhostWhite);
  color: white;
  text-shadow: 1px 1px 0px black;
  box-shadow: 0px 2px 1px 1px silver inset; }

.btn-gray.edit {
  border-radius: 4px;
  font-size: .8rem;
  height: 1.2rem; }