html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
  margin-bottom: 60px;
  padding-top:56px;
}

.hero-section {
    background: linear-gradient(rgba(0, 128, 0, 0.6), rgba(0, 128, 0, 0.6)), url('/images/Hero.jpg') center/cover no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar.scrolled {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.blog-hero {
    background:
        linear-gradient(rgba(18, 108, 56, 0.88), rgba(18, 108, 56, 0.88)),
        url('/images/Hero.jpg') center/cover no-repeat;
}

.blog-hero-image {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.blog-card {
    overflow: hidden;
}

.blog-card .card-img-top {
    height: 220px;
    object-fit: cover;
}

.blog-card .ratio {
    background: #111;
}

.blog-media-placeholder {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f4ed;
    color: #198754;
    font-size: 3rem;
}

.blog-detail-image {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
}

.blog-article-content {
    font-size: 1.08rem;
    line-height: 1.8;
}

.news-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.admin-panel .card {
    border-radius: 8px;
}

.admin-post-table td,
.admin-post-table th {
    padding: 1rem;
}

.admin-content-editor {
    min-height: 320px;
    line-height: 1.7;
}

@media (max-width: 767.98px) {
    .admin-post-table .btn {
        width: 100%;
    }
}