/* General typography and body */
body {
    font-family: 'Raleway', sans-serif;
    /* background-color: #f8f9fa; */
    background-color: #336699;
    color: #333;
}

/* Main heading */

.site-heading {
    background-color: #343a40;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.site-heading-lower {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--yellow)
}
/* Custom hamburger icon color */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* CTA Section Styling */
.page-section.cta {
    /* background-color: #ffffff; */
    background-color: transparent;
    /* border-top: 4px solid #343a40; */
    /* border-bottom: 4px solid #343a40; */
}
a:link, a:visited {
    color: #A07996;
}




/* Container padding */
.container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Student button grid */
#final .btn {
    /* background: #0069d9; */
    border: none;
    border-radius: 0.5rem;
    background-color: green;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: background 0.3s ease;
}

#final .btn:hover {
    background: #9be971;
    color: black;
    text-decoration: none;
}

/* Card styling */
.bg-faded {
    background-color: #5892AC;
    
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

/* Heading inside the card */
.bg-faded h1 {
    font-weight: 700;
    color: var(--yellow);
}



/* Responsive improvements */
@media (max-width: 576px) {
    .site-heading-lower {
        font-size: 1.75rem;
    }
}