:root {
  --transparent: rgba(0, 0, 0, 0); /* for ____ */

  --Blue-dark: #204873;
  --Blue-dark2: #11375f;
  --Blue-med: #2d91b6;
  --Blue-light: #dff2fd;
  --Yellow: #ffcb56;
  --Black: #000000;
  --White: #ffffff;
  --Grey-cool: #9aa7b5;
  --Grey-cool-dark: #436487;
  --Trans-shade: rgba(0, 0, 0, 0.2);
}

/* HEADER UPPER -------------------------------------- */
.sePageHeader {
  background-color: var(--Blue-dark);
}

/* SEARCH BAR */
.input-group {
  background-color: var(--Blue-dark2);
}

@media only screen and (min-width: 992px) {
  .input-group {
    border-radius: 50px;
  }
}

/* END SEARCH BAR */
/* SEARCH INPUT */
#seHeaderSearchBox {
  background-color: var(--transparent);
  border-color: var(--transparent);
  color: var(--White); /* seach box input color */
  /*  color: var(--Grey-cool) !important;*/
}

#seHeaderSearchBox::placeholder {
  color: var(--Grey-cool);
}
/* END SEARCH INPUT */
/* SEARCH BUTTON & ICON */
.seSearchButton {
  background-color: var(--transparent) !important;
  border-color: var(--transparent) !important;
}

.seIconSearch {
  color: var(--Grey-cool) !important;
}
/* END SEARCH BUTTON & ICON */