/* Make the body and main take full height */
html, body {
    height: 100%;  /* Full height */

}

body {
    display: flex;
    flex-direction: column;  /* Stack elements vertically */
    background-color: #EDE8D0;
    color: #333;
}

/* Ensure the main content area takes the remaining space */
main.content {
    flex: 2;  /* Allow it to grow and take the remaining space */
    display: flex;
    flex-direction: column;  /* Stack the sections vertically */
    width: 100%;
}

/* Footer fixes */
footer {
    background-color: #CCBEB1;
    color: #331C08;
    text-align: center;
    padding: 15px 10px;
    margin-top: 30px;
    font-size: 0.9rem;
    /* Ensure footer always sticks to the bottom of the page */
    flex-shrink: 0; /* Prevent it from shrinking when the page content is small */
}

/* Navbar custom styling */
.navbar_main {
    display: flex;
    width: 100%;
    background-color: #CCBEB1; /* Updated navbar background */
}

.navbar_main a,
.navbar_main .nav-link,
.navbar_main span {
    color: #331C08 !important; /* Default font color */
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.navbar_main .nav-link:hover,
.navbar_main .nav-link.active {
    background-color: #664C36 !important; /* Hover/active background */
    color: #FFD3AC !important;           /* Hover font color */
}

/* Optional: remove unwanted border from header if needed */
.navbar_main header {
    border-bottom: none !important;
}

/* Font customization classes */
.montserrat-small {
    font-family: "Montserrat", sans-serif;
    font-size: 0.7rem;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

.montserrat-head {
    font-family: "Montserrat", sans-serif;
    font-size: 0.7rem;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

.montserrat-small2h {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
}

.montserrat-small2b {
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
}

.montserrat-custom {
    font-family: "Montserrat", sans-serif;
}


/* Gradient Background */
.gradient {
    min-height: 100vh;
    background: linear-gradient(to right, #ed6ea0, #ec8c69);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.headbox3 {
    width: 100%;
    height: auto; /* Allow dynamic height */
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Text Customization for Headbox */
.headbox3 h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.5rem;  /* Slightly smaller */
    color: #331C08;
    margin-bottom: 20px;
}

/* Adjust font size in paragraphs */
.headbox3 p {
    font-size: 1rem;  /* Smaller font size for the body text */
    font-family: "Montserrat", sans-serif;
    color: #6a4c3c;  /* Slightly muted text color */
}

/* Button custom styles for spacing and feel */
.btn {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    margin-top: 20px;
}

/* Footer Customizations */
footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* Customize footer text size */
footer .text-body-secondary {
    font-size: 0.9rem;  /* Smaller, classic font size */
}