/* =========================================================
   exhibit.css
   Page-specific styles for /exhibit
   Split out of the old monolithic style.css. Rule order is
   unchanged from the original file.
   ========================================================= */

.exhibit-p {
  padding-top: 100px;
  padding-left: 50px
}
@media (max-width: 991px) {
  .exhibit-p {
    padding-top: 30px;
    padding-left: 20px
  }
}
.horizontal-card {
  display: flex;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: 0.3s ease;
}
.horizontal-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.18);
}
.horizontal-img img {
  width: 260px;
  height: 100%;
  object-fit: cover;
}
.horizontal-content {
  padding: 25px 30px;
  flex-grow: 1;
}
.horizontal-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}
@media (max-width: 768px) {
  .horizontal-card {
    flex-direction: column;
  }
  .horizontal-img img {
    width: 100%;
    height: 220px;
  }
}

/* ---------------------------------------------------------
   Moved out of exhibit.php (was an inline <style> block)
   --------------------------------------------------------- */

                            .small-alert {
                                padding: 8px 12px !important;
                                font-size: 14px !important;
                                margin-top: 10px;
                            }
                        

                        .small-alert {
                            padding: 8px 12px !important;
                            font-size: 14px !important;
                            margin-top: 10px;
                        }