/*
    HSC Navy: 2E5A8A
    HSC Light BLue: 00B5CC
    HSC Green 2026: 697f27
*/

body {
    height: auto !important;
    background-color: #333 !important;
    padding-top: 80px;
}

a {
    color: #000 !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 80em;
    }
}

.bg-topbar{
    background-color: #fff;
    color: #000;
}

.jumbotron h1 {
    background-color: transparent;
    display: block;
    padding: 10px;
    text-align:left;
    font-size: 4em;
}

.jumbotron .lead {
    background-color: transparent;
    display: block;
    padding: 10px;
    text-align: left;
    font-size: 2em;
}

.jumbotron {
    background-image: url(../images/BannerStandardsSwirlNoPeople.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: 0px;
    text-shadow: none;
    background-color: #697f27;
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: auto;
    padding: 2rem;
}

.jumbotron-image {
    background-image: url(../images/BannerStandardsSwirl.jpg);
    min-height: 28rem;
    padding: 5rem 2rem;
}

.navbar-nav .active {
    border-bottom: solid 4px #697f27;
}

@media (max-width: 1200px) {
    .jumbotron {
        background-image:none;
        padding: 10px;
    }
}

main {
    background-color: #fff;
}

.jumbo-content {
    padding: 2rem 0;
    z-index: 1;
}

.jumbo-actions .btn {
    margin-bottom: .5rem;
}

.jumbo-actions .btn + .btn {
    margin-left: .35rem;
}

.jumbotron h1,
.jumbotron .lead {
    max-width: 100%;
}

footer {
    background-color: #697f27;
    color: #fff;
}

.action-boxes {
    margin-top: 1rem;
}

.action-box-card {
    border: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 45, 61, 0.08) !important;
}

.action-box-card .card-body {
    padding: 1.5rem;
}

.action-box-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.action-box-icon--green {
    background: #e7f6e9;
    color: #27a844;
}

.action-box-icon--green-light {
    background: #e8f5e9;
    color: #28a745;
}

.action-box-icon--blue {
    background: #e7f0fb;
    color: #1f5aa6;
}

.action-box-title {
    margin: 0 0 .75rem 0;
    color: #1f2d3d;
    font-size: 1.3rem;
    font-weight: 700;
}

.action-box-text {
    color: #55657a;
    font-size: 1.1rem;
    line-height: 1.35;
    margin-bottom: 1.25rem;
}

.action-box-btn {
    border-radius: 6px;
    padding: .6rem 1rem;
    font-weight: 600;
}

.action-box-btn--primary {
    background: #28a745;
    border-color: #28a745;
    color: #fff;
}

.action-box-btn--primary:hover,
.action-box-btn--primary:focus {
    background: #23913c;
    border-color: #23913c;
    color: #fff;
}

.action-box-btn--secondary {
    background: #fff;
    border: 1px solid #aeb8c4;
    color: #4e5f75;
}

.action-box-btn--secondary:hover,
.action-box-btn--secondary:focus {
    background: #f7f9fb;
    color: #334155;
}

.action-box-link {
    display: inline-flex;
    align-items: center;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f5aa6;
}

.action-box-link:hover,
.action-box-link:focus {
    color: #17457f;
    text-decoration: none;
}