body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/* Make navbar background full width but keep inner content aligned with .container */
.navbar {
    background-color: #000; /* nền đen toàn thanh */
    border: none;
    margin-bottom: 0;
    border-radius: 0;
    color: #fff;
}

    /* Nội dung trong navbar (brand + links) sẽ hiển thị màu trắng */
    .navbar .navbar-brand,
    .navbar .nav > li > a {
        color: #f8f9fa !important;
    }

        /* Tạo hiệu ứng hover */
        .navbar .nav > li > a:hover,
        .navbar .navbar-brand:hover {
            color: #ffc107 !important;
        }

/* Footer nền đen full width, nội dung nằm trong container để bằng slider */
.site-footer {
    background-color: #000;
    color: #fff;
    margin-top: 30px;
    padding: 20px 0;
}

    /* Dòng bản quyền tách nền nhẹ */
    .site-footer .sub-footer {
        background-color: #222;
        text-align: center;
        padding: 10px 0;
    }

/* Nếu dùng carousel bên trong .container, ảnh nên fill container */
.carousel-inner > .item > img {
    width: 100%;
    display: block;
}