#search {
  margin-left:-0.5em;
}

#search1 {
  display: inline-block;
}

#search2 {
  display: none;
  outline: none;
}

#sa {
  outline: 1px solid #ccc;
}

.sb-search,.sb-search-input {
  width:110px;
  max-width:450px;
}

.sb-search-input {
  width: 100%;
  height: 45px;
}

#sb-search {
  /* width:110px; */ 
  margin-top:-2px;
  height:2.2em;
  padding-bottom:32px;
}

#sb-search:hover {
  outline: 1px solid #ccc;  
}

#sb-search-submit:hover {
  outline: 1px solid #ccc;
}

.sb-icon-search {
  background: #647EB2;
  color: #fff;
  margin-top:-2px;
}

.sb-icon-search:after {
    content: "  Search";
    color:#fff;
    font-size: 16px;
    vertical-align: 2px;
    /* font-family: 'Open Sans', sans-serif; */
}

#q {
  height:2em;
}

.navbar-brand {
  color: #fff;  
}
.navbar-brand:hover {
  color: #fff;
  outline: 1px solid #ccc;
}

/*
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
*/

.nav-link:hover {
  /* color: #dce7f3; */
  color: #000;
  background-color: #eee;
}

.container-header {
  padding:0;
  max-width:95%;
  border:0px solid blue;
}

.dropdown-menu {
  /* padding:0; */
  /* margin:0; */
}

.dropdown-menu, .dropdown-item {
  border: none;
  background: transparent;
  color: #000;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.navbar .nav-item:hover .dropdown-item{ 
  /* background: transparent; */
}

.nav-link {
  color: #000;
  /* font-weight: semi-bold; */
}

.navbar-toggler {
  /* border: none; */
  /* height:500px; */
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}

.navbar-toggler-icon {
  background-image: none;
}

.navbar-light .navbar-toggler {
  border-color: transparent !important;
}

.navbar-toggler-icon {
  background-image: url(
    "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"
  );
}

/* NON MEDIA QUERY UNIVERSAL: */
/* .dropdown:hover .dropdown-menu { */
  /* display: block; */
  /* margin-top: 0; /* remove the gap so it doesn't close */ */
/* } */

/* .dropdown>.dropdown-toggle:active { */
  /* Without this, clicking will make it sticky */
  /* pointer-events: none; */
/* } */


/* ============ default view ============ */
.dropdown-menu, .dropdown-item {
  border: none;
  color: #000;
}

.dropdown-item:hover {
    /* color: blue; */
    color: #000;
    background-color: #eee;
}


#headnav ul {

}

#headnav li {
	margin: 0;
	line-height: 1.5em;	
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  #search1 {
    display: none;
  }
  #search2 {
    display: inline-block;
  }
  .dropdown-menu {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
  }
  .dropdown-item {
    border: none;
    background-color: #fff;
    color: #000;
  }
  .navbar .nav-item:hover { 
    background: transparent;
    outline: 1px solid #ccc;
  }
  .nav-link {
    color: #fff;
    /* font-weight: semi-bold; */
  }
  .nav-link:hover {
    color: #fff;
    background: transparent;
  }
  .dropdown-item:hover {
    background-color: #eee;
  }
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0px; }
}	
/* ============ desktop view .end ============ */
/* ============ medium view ============ */
@media (min-width: 421px) {
  #logo_lg {
    display: block;
  }
  #logo_sm {
    display: none;
  }
  /*
  #brand-donate {
    display: none;
  }
  */
}
/* ============ medium view .end ============ */
/* ============ mobile view ============ */
@media (max-width: 420px) {
  #logo_lg {
    display: none;
  }
  #logo_sm {
    display: block;
  }
  #brand-donate {
    display: inline;
  }
}
/* ============ mobile view .end ============ */