/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

#body .inline {
  display: inline;
  margin: 0 0.25em;
  padding: 0;
  vertical-align: middle;
}

#body .inline-centered {
  display: block;
  margin: 0 0.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  vertical-align: middle;
}

#body .imageleft {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#body .floatleft {
  float: left;
  margin: 0;
  padding: 0;
}

#body-inner {
  /*text-align: center;*/
}

#body img {
  margin: 1rem auto;
}

#google_translate_element {
    margin-top: 20px; /* Adjust as needed for spacing */
    font-size: 14px; /* Adjust font size */
}

.goog-te-gadget-simple {
    color: black !important; /* Change text color */
    border: none; /* Removes border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Spacing around text or dropdown */
    font-family: Arial, sans-serif; /* Modern font */
}

/* Specifically target the text within the widget */
.goog-te-gadget-simple a, .goog-te-gadget-simple span {
    color: black !important;
}