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;
}


/* Add this to your Site.css or custom CSS file */
.navbar-nav > li > a,
.navbar-nav > li > ul > li > a {
    color: #FFFFFF !important;
}
    /* Example: Change hover background to light blue */
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus,
    .navbar-nav > li > ul > li > a:hover,
    .navbar-nav > li > ul > li > a:focus {
        background-color: #003329 !important; /* Light blue background */
        /* color: #0066cc !important; /* Darker blue text */
    }
/* Reduce bottom padding of the li elements */
.navbar-nav > li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

    /* Or reduce the overall height by adjusting the anchor padding inside li */
    .navbar-nav > li > a {
        padding-bottom: 10px !important; /* Reduce from default ~15px */
    }

.dropdown-menu {
    background-color: #00664f !important;
}

/* Mobile responsiveness */
/* Mobile responsiveness for both title locations */
@media (max-width: 850px) {
    body {
        padding-top: 70px; /* More padding for mobile */
    }

    /* Target both title locations */
    .navbar .container > span,
    .navbar-header span {
        font-size: 14pt !important;
        line-height: 1.3;
        word-wrap: break-word;
        max-width: 280px;
        display: inline-block;
    }
    /* Better form layout */
    .container.body-content {
        padding-top: 70px;
    }
    /* Better form layout */
    .container.body-content h1 {
        margin-top: 20px;
    }
    navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }
}

/* Very small screens */
@media (max-width: 480px) {
    body {
        padding-top: 70px;
    }

    .navbar .container > span,
    .navbar-header span {
        font-size: 14pt !important;
        max-width: 250px;
    }
}