/* General settings for content boxes */
.info-box, .gallery-box {
    background-color: #ffffff; /* White background */
    border-left: 5px solid #006600; /* Green left border */
    border-top: 5px solid #006600; /* Green top border */
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Light shadow */
    clear: both; /* Đảm bảo không trùng lặp với các phần tử khác */
}

/* Header styles within boxes */
.info-box h2, .gallery-box h2 {
    color: #004400; /* Darker green text */
    font-size: 200%; /* Increase font size to double */
    margin-bottom: 15px; /* Space between title and content */
}

/* Styles for images in gallery boxes */
.gallery-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Center images */
}

/* Chú thích hình ảnh */
.gallery-box .gallery-caption {
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    font-weight: bold;
}

/* Header style for post title and author */
h1.post-title {
    color: #000000; /* Black text color */
    margin-bottom: 10px;
}

.author-name {
    font-size: 16px;
    color: #666666; /* Gray text color */
    margin-bottom: 20px;
}

/* Styles for H2 sections */
.info-box h2.section-title {
    color: #004400; /* Darker green text */
    font-size: 200%; /* Increase font size to double */
    margin-bottom: 15px; /* Space between title and content */
}

/* Content within info boxes */
.info-box .content {
    margin-top: 15px;
}

/* Adjust images within info boxes */
.info-box img {
    max-width: 100%; /* Ensure images fit within the container */
    display: block;
    margin: 0 auto; /* Center images */
}

/* Styles for image captions */
.info-box p.gallery-caption {
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    font-weight: bold;
}

/* Remove styles related to footer and sidebar */
/* Các quy tắc CSS liên quan đến footer và sidebar đã được loại bỏ */