/* Basic site styles to match the provided design */
body {
  font-family: Georgia, 'Times New Roman', serif;
  background: #fbfbfb;
  color: #222;
}

/* Center main page container */
.site-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* central column styling */
.center-column {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-brand { font-weight: 700; font-size: 1.5rem; }

.hero-card {
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}


.hero-card .card-body { padding: 2.2rem; }

.card { width: 100%; }

/* Make headers elegant */
h1, h2, h3, h5 { font-family: 'Georgia', serif; color: #111; }
h2 { font-weight: 700; letter-spacing: 0.4px; }

/* Layout spacing tweaks */
.col-lg-8 { padding-right: 18px; }
.col-lg-4 { padding-left: 18px; }

.sidebar-card { box-shadow: 0 4px 14px rgba(0,0,0,0.04); }

.btn-success {
  background-color: #2e9b4f;
  border-color: #2e9b4f;
}
.btn-success:hover { background-color: #23823f; border-color: #23823f; }

.thumb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.thumb-grid img { width: 100%; height: auto; border-radius: 4px; }

.card .lead { font-size: 1rem; }

.rating { color: #f5a623; font-size: 1.05rem; }

/* Form inputs default bootstrap styling is fine; add subtle rounding */
input.form-control, textarea.form-control { border-radius: 4px; }

@media (max-width: 991px) {
  .hero-card { margin-bottom: 1rem; }
  .col-lg-8, .col-lg-4 { padding-left: 0; padding-right: 0; }
  .center-column { padding-left: 12px; padding-right: 12px; }
}

/* form inputs - full width and nice padding */
input.form-control, textarea.form-control { width: 100%; padding: 12px; }
.btn-lg.w-100 { padding: 14px 18px; font-size: 1.05rem; }