.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.button2 {background-color: #4474c1;color: black;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */


/* Sidebar button lists: one straight full-width column, left-aligned white text */
.pkp_structure_sidebar .button2 {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 6px 0;
  text-align: left;
  color: #fff;
}

.pkp_structure_sidebar .button2:hover,
.pkp_structure_sidebar .button2:focus {
  color: #fff;
  opacity: 0.9;
}

/* Homepage SINTA 4 certificate: proportional and centred instead of full content width */
.homepage_about img[src*="sinta4-"] {
  display: block;
  width: 450px !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
}

/* Keep the "About the Journal" table inside the content column even if the editor adds widths on save */
.homepage_about table {
  width: 100% !important;
  max-width: 100%;
}
.homepage_about table td {
  width: auto !important;
}
.homepage_about table img {
  max-width: 100%;
  height: auto;
}