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

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background: linear-gradient( rgba(52, 63, 85,.2), rgba(52, 63, 85,.2)), url('/css/Background/1680.jpg') no-repeat center center fixed;
        background: url('../Login/1670.jpg') no-repeat center center fixed;
    background-size: cover;
}*/

body {
    padding-top: 50px;
    padding-bottom: 20px;    
    background: linear-gradient(rgba(52,63,85,.2), rgba(52,63,85,.2)), url('/css/Background/1680.jpg') no-repeat center center fixed;
    background-size: cover;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    text-align: center;
    background-color: rgba(233,236,239,.5);
    border-radius: 0.3rem;
    color: white;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}


.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
    color: white;
}

    .modal-footer > * {
        margin: 0.25rem;
    }

/* Append these styles to the end of your existing Site.css */

/* Hero */
.hero {
    background: linear-gradient(rgba(10, 25, 47, .6), rgba(10,25,47,.4)), url('/css/Background/1680.jpg') center/cover no-repeat fixed;
    min-height: 320px;
}

/* Cards */
.card {
    border: 0;
    border-radius: .5rem;
}

/* Code block */
pre code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
    font-size: .92rem;
}

/* Utility spacing tweaks for modern look */
.container > .row {
    align-items: start;
}


/* Add or append these lines */
html, body {
    height: 100%;
}

footer {
    background: #f8f9fa;
    /* optional: subtle shadow */
    box-shadow: 0 -1px 4px rgba(0,0,0,0.03);
}

/* Animation utilities (append to Site.css) */

/* reveal entrance */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s cubic-bezier(.2,.9,.2,1), transform .6s cubic-bezier(.2,.9,.2,1);
    will-change: opacity, transform;
}

    .reveal.in-view {
        opacity: 1;
        transform: translateY(0);
    }

/* stagger helpers */
.delay-1 {
    transition-delay: 0.12s;
}

.delay-2 {
    transition-delay: 0.24s;
}

.delay-3 {
    transition-delay: 0.36s;
}

.delay-4 {
    transition-delay: 0.5s;
}
.delay-10 {
    transition-delay: 10s;
}

/* hero title micro-style */
.hero-title {
    transform-origin: center;
    backface-visibility: hidden;
}

/* button micro-interactions */
.btn-animated {
    transition: transform .18s ease, box-shadow .18s ease;
}

    .btn-animated:hover,
    .btn-animated:focus {
        transform: translateY(-3px) scale(1.01);
        box-shadow: 0 6px 18px rgba(10, 25, 47, .12);
    }

/* subtle fade for subtitle */
.hero-sub {
    color: rgba(255,255,255,.95);
}

/* keep footer layout behavior (if not already present) */
html, body {
    height: 100%;
}

footer {
    background: #f8f9fa;
    box-shadow: 0 -1px 4px rgba(0,0,0,0.03);
}