/* ---------- BOOTSTRAP VARIABLES ---------- */
:root,
[data-bs-theme=light] {
  --bs-blue: #00365a;
  --bs-primary: #00365a;
  --bs-link-color: #00365a;
}
/* ---------- FONTS ---------- */

* {
    font-family: 'Lato', Roboto, sans-serif;
}

h2 {
    margin-bottom:20px;
}

p {
    margin: 0 0 20px;
}
/* ---------- HEADER ---------- */
.header-logo-img {
    width: 64px;
    margin-left: 1rem;
}
.header-logo-text {
    color: #00365a;
    font-size: 2.5rem;
    font-weight: 700;
}

@media (max-width: 768px) {
    .header-logo-img {
        margin-left: 0;
    }
    .header-logo-text {
        font-size: 1.5rem;
    }

}

/* ---------- JUMBOTRON ---------- */

.jumbotron {
    background-color:rgba(16, 31, 60, 1);
    margin-bottom: 0;
    color:white;
    padding: 2rem;
}
/* ---------- MAIN CONTAINER ---------- */

p a {
    color:#3544b1;
}

p a:hover, p a:focus {
    color: rgba(53, 68, 177, 0.8);
}

.grey-bg {
    background-color:#ced9df;
}
.light-blue-bg {
    background-color:#7eb7d4;
}
.orange-bg {
    background-color: rgba(247, 156, 55, .8);
    color: white;
}

/* ---------- BLOG on Homepage ---------- */

.blog-promoImage {
    width:100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    margin-bottom:20px;
    border-radius: 3px; 
}

.box-blog {
    padding-top: 50px;
    height:500px;
}

.box-blog .blog-meta {
    font-style: italic;
    color: rgba(0, 0, 0, .7);
    font-size: 13px;
}

.blog-box-btn {
    margin-bottom:10px;
}

@media (max-width: 992px) {
    .box-blog {
        height:600px;
    }
}

@media (max-width: 768px) {
    .box-blog {
        height:450px;
    }
}

/* ---------- FOOTER ---------- */

.footer {
    background-color:#00365a;
    color: white;
}

footer a, footer a:hover{
    color: white;
    text-decoration: none;
}