/** Shopify CDN: Minification failed

Line 136:5 Unexpected "not("

**/
.box {
  width: 100%; /* Full width */
  margin: 0 auto; /* Center the box */
  box-sizing: border-box; /* Include padding in the box model */
}

.black-bar {
  background-color: black; /* Set the background color to black */
  width: 100%; /* Full width */
  text-align: center; /* Center the text */
  height: 200px;
  padding-top: 25px;
}

.press-box-link {
  text-decoration: none; /* Remove underline from link */
  color: inherit; /* Inherit text color */
  flex: 1 0 calc(33.333% - 50px); /* Set each link to take up 1/3rd minus margin */
  margin: 25px; /* Margin for spacing */
  box-sizing: border-box; /* Include padding in the width */
  max-width: calc(33.333% - 50px); /* Ensure consistent width for press boxes */

}

.black-bar-text {
  color: white; /* Set text color to white */
  margin: 0; /* Remove default margins from the h1 */
  font-size: 40px;
}

#press-boxes {
  display: flex; /* Use Flexbox */
  flex-wrap: wrap; /* Allow wrapping */
  justify-content: flex-start; /* Align items to the left */
  align-items: flex-start; /* Align items at the top */
  justify-content: spaced-evenly;
  min-height: 300px; /* Minimum height for visibility */
  margin-top: -100px; /* Overlap press boxes with black bar */
  padding-left: 10px;
  padding-right: 10px;
}

.press-box-image {
  height: 200px; /* Fix height for flatter appearance */
  width: 100%; /* Make the image take the full width of the press box */
  display: block; /* Ensure the image behaves like a block element */
  object-fit: cover; /* Ensure the image covers the box without distortion */
  margin: 0; /* Remove any margins */

}

.press-box:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
}

.press-box {
  display: flex;              /* Set to flex to enable flexbox */
  flex-direction: column;     /* Stack children vertically */
  justify-content: space-between; /* Ensure space between items */
  flex: 1 0 calc(33.333%);   /* Ensure consistent width */
  box-sizing: border-box;     /* Include padding in the width */
  background-color: #DCDCDC;  /* Background color */
  transition: box-shadow 0.3s ease; /* Transition for hover effect */
  position: relative;         /* For stacking context */
  z-index: 0;                /* Stack behind black bar */
  width: 100%;               /* Full width */
  min-height: 350px;         /* Minimum height */
}

.press-box-content {
  display: flex;             /* Make content a flex container */
  flex-direction: column;    /* Stack title and date vertically */
  flex-grow: 1;              /* Allow it to grow and take up space */
  height: 100%;
}

.press-box-text {
  margin-top: auto;          /* Push the date to the bottom */
  font-family: 'HelveticaNeueLTStd-BlkCn'; /* Font family for date */
  color: var(--color--gray-16); /* Color for date */
  font-weight: 600;       /* Font weight */
  font-size: 12px;           /* Font size */
  padding-left: 10px;
}

.press-box-title {
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: var(--spacing-20);
  color: var(--color--black);
  font-family: var(--font-family--sodo);
  font-weight: var(--font-weight--medium);
  line-height: 1.33;
  margin: 0;
  text-align: left;
  transition: color .2s ease-out;
  font-weight: bold;
}

.pagination {
  display: flex; /* Use flexbox for pagination layout */
  justify-content: center; /* Center pagination controls */
  align-items: center; /* Center items vertically */
  margin-top: 20px; /* Add some space above */
}

.page-button {
  margin: 0 5px; /* Spacing between buttons */
  padding: 10px 15px; /* Button padding */
  cursor: pointer; /* Change cursor on hover */
  border: none; /* Remove default button styling */
  color: black; /* Text color */
  font-size: 16px; /* Adjust font size */
}
.page-button.active {
  text-decoration: underline; /* Add underline */
  font-weight: bold; /* Optional: Make it bold to highlight more */
}

.back-button, .next-button {
  margin: 0 5px; /* Spacing between buttons */
  padding: 10px 15px; /* Button padding */
  cursor: pointer; /* Change cursor on hover */
  border: none; /* Remove default button styling */
  color: white; /* Text color */
  font-size: 16px; /* Adjust font size */
  background-color: black;
}

span not(.jdgm-prev-badge__stars) {
  margin: 0 5px; /* Spacing for ellipsis */
  font-size: 16px; /* Adjust font size for ellipsis */
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
  .press-box-link {
    flex: 1 0 100%; /* Each box takes up 100% of the width */
    max-width: 100%; /* Ensure full width */
    margin: 10px 0; /* Adjust margins for spacing */
    padding-left: 15px; /* Add padding to the left */
    padding-right: 15px; /* Add padding to the right */
  }

  .press-box {
    width: 100%; /* Ensure press box takes full width */
  }
}