/* global, header, and nav */
* {
    font-family: Helvetica, Arial, sans-serif;
}

.carousel-item {
    max-height: 65vh;
}


.nav-link {
    color: #005090 !important;
    font-size: 1.3rem;
    font-weight: 600;
}

.nav-link:hover {
    color: #7FB0D8 !important;  
}

footer {
    background-color: #005090;
    height: 5vh;
}

footer .copyright {
    color: white;
    position: relative;
    top: 8px;
    margin-left: 5px;
    opacity: .8
}


/* home page */ 
.jumbotron {
    background-color: rgba(0, 80, 144, .2);
    border-radius: 1px;
}

.jumbotron h2 {
    font-weight: 500;
}

.jumbotron .lead {
    font-weight: 500;
    font-size: 1.4rem;
    margin-top: 20px;
}

div h3 {
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 0;
}

/* contact card */ 
#contact-card .card-header {
    background-color: white;
    font-weight: 600;
    font-size: 1.6rem;
    border-radius: 1px;
}

#contact-card {
    font-size: 1.3rem;
    border-radius: 1px;
}

.contact-key {
    font-weight: 600;
    color: #0C161C;
}

.contact-value {
    font-weight: 500;
    color: #12171C;
}



/* card deck (summary) */
.summary .card-title {
    border-radius: 3px;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    font-size: 1.3rem;
    
}

.summary .card {
    border-top: 5px solid #005090;
    border-radius: 1px;
    box-shadow: 3px 3px 5px rgba(0, 80, 144, .3);
    font-size: 1.1rem;
    font-weight: 400;
}


/* community page styles */
#community-header {
    animation-name: fade-in;
    animation-duration: 3s;
    font-size: 3.3rem;
    margin-top: 4rem;
    margin-bottom: 5rem;
}

@keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* products */
p.products {
    font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 400;
}

h1.products {
    font-size: 3rem;
    padding-bottom: 1rem;
}

h2.products {
    font-size: 2.6rem;
    padding-bottom: 1rem;
}

.first.products.row {
    margin-top: 4.5rem;
}

.second.products.row {
    margin-top: 4.5rem;
}