@import url("/css/bootstrap5/bootstrap.css");
@import url("/css/bootstrap5/bootstrap-icons.css");
@import url("/css/lightbox.css");

.item {
  padding-top: 1rem; padding-bottom: 1rem; /* py-3 */
  border-radius: 3px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  margin-bottom: 3rem; /* mb-5 */
}

.item.blank {
  height: 0;
  padding: 0; margin: 0;
  box-shadow: none;
}

.item dl {
  margin-left: 1rem; margin-right: 1rem; /* mx-3 */
  margin-bottom: 0; /* mb-0 */
}

.item dl dt {
  font-size: 1.25rem; /* fs-5 */
}

.item:hover {
  background: rgba(240, 128, 0, 0.07);
}

.item dd.price {
  color: var(--bs-red);
  font-size: 1.2rem;
  margin-top: .5rem; margin-bottom: .5rem; /* my-2 */
}

.item dd.expln {
  text-align: justify;
}

footer {
  color: var(--bs-gray-600);;
  font-size: .9rem;
  text-align: center;
  padding-top: .5rem; /* pt-2 */
  border-top: 1px solid var(--bs-gray-400);
  margin-top: 1.5rem; margin-bottom: 1.5rem; /* my-4 */
}