main#content.page-content {
background-color: #f5f5f5; /* main body color if using papers theme*/
}

.main-header__top-bar .container .top-bar__advanced-search {
display: none;
}

.main-search-button{
  display: none !important;
}

.main-footer__top {
display: none;
}

.my-image-class {
    border: 2px solid #000000; /* 2px solid black border */
    border-radius: 6px; /* Gently rounded corners */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Optional: A subtle shadow for depth */
}

.block-image {
  display: block;          /* makes it a block container */
  height: 260px;           /* uniform card height */
  border: 2px solid #000;
  border-radius: 6px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  overflow: hidden;        /* clips the image */
}

.block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* proportional scaling */
  display: block;
}


.blocks h2 {
  width: 100%;
  text-align: left;
}

.collecting-block-form h2 {
font-size: 1.4rem; /* adjust if needed */
line-height: 1.3;
margin-bottom: 0.75em;
}

.back-button,
.back-button:link,
.back-button:visited {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--primary-dark);
  color: #fff !important;
  font-weight: 600;
  border: 1px solid var(--primary);
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.back-button:hover,
.back-button:focus {
  background-color: var(--primary);
  color: #fff !important;
  transform: translateY(-1px);
}

/* Apply these changes only for screens up to 600px wide (mobile) */
@media (max-width: 600px) {
    /* 1. Make the entire .field container use full width (optional, but good practice) */
    .field {
        display: block; /* or keep as flex if it is, but ensure its children stack */
    }

    /* 2. Make the label container take 100% width, forcing the text box onto the next line */
    .field-meta {
        width: 100%;
        padding-right: 0; /* Remove the extra padding that might take up space */
        margin-bottom: 5px; /* Add a little space between the label and the text box */
    }

    /* 3. Make the input container also take 100% width */
    .field .inputs {
        width: 100%;
    }
}

@media (max-width: 600px) {
.collecting-block-form h2 {
font-size: 1.15rem;
line-height: 1.25;
}
}