@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {font-family: "DM Sans", sans-serif;}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.card-sidebar { min-height: 80vh; }
.sidebar a { text-decoration:none; }
.header-overlay { background: rgba(0,0,0,0.35); }
.slider-img { height: 80vh; object-fit: cover; width:100%; }
.footer-cols { padding: 2rem 1rem; }

.page-footer {
    background-color: #02552f !important;
}
.copyright-section {
    background-color: #4e2400 !important;
}

.top-bar {
    background-color: #4e2400 !important;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    padding: 10px 15px;
}

.navbar-nav li.nav-item a.nav-link {
    padding:10px 15px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    background-color: #02552f !important;
    color: #ffffff !important;
}

.navbar-nav .nav-link.active {
    background-color: #02552f !important;
    color: #ffffff !important;
}