/* Reset for all fields to ensure no unexpected display properties */
.field {
  display: inline-block; /* Attempt to inline all fields */
  clear: none; /* Prevent breaks after each field */
  margin-right: 15px; /* Consistent spacing between fields */
}

/* Specific styling for "People," "Places," and "Plants" */
input[name="dcterms:creator"],
input[name="dcterms:spatial"], /* Correctly identifying Places */
input[name="dcterms:title"] {
  border: 1px solid #ccc; /* Consistent border */
  border-radius: 5px; /* Rounded corners */
  background-color: #f0f0f0; /* Visual cue for grouping */
}

/* Ensuring these fields are displayed inline with each other */
.field input[type="text"] {
  display: inline-block; /* Inline display for text inputs */
  width: auto; /* Adjust width as necessary */
  margin-right: 10px; /* Spacing between inputs */
}

/* Additional rule to ensure the 'Free Text Search' stays separate */
.field:first-child {
  display: block; /* Make sure the first field is on its own line */
  margin-bottom: 20px; /* Space between 'Free Text Search' and the grouped fields */
}

@media (max-width: 767px) {
  .field,
  .field input[type="text"] {
    display: block; /* Stack fields vertically on smaller screens */
    width: 100%; /* Full width for easier readability */
    margin-right: 0; /* Adjust spacing for a stacked layout */
  }
  /* Adjust the first field margin for consistency */
  .field:first-child {
    margin-bottom: 10px;
  }
}

 /* Add more prominent shadows to page images */
  .asset img {
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
      border-radius: 12px;
  }

/* Remove box-shadow from footer images and their wrappers */                           
  .footer_image,
  .footer_image img,                                                                      
  figure.footer_image,                                                                    
  a.footer_image,                                                                         
  .asset.footer_image,
  .asset.footer_image img {
      box-shadow: none !important;
      border-radius: 0 !important;
  }
