/* Add any additional custom styles here */
body {
    background-color: #f0f0f0;
}

.teal-bg {
    background-color: #215d03 !important;
}

.gold-text {
    color: #ffeb3b !important;
}

.mainsection {
    margin-top: 20px;
}

.mainsection h2 {
    color: #215d03;
    font-size: 1.8em; /* Adjusted font size */
}

.mainsection h3 {
    color: #215d03;
    font-size: 1.5em; /* Adjusted size for better hierarchy */
}

.mainsection h4 {
    color: #215d03;
    font-size: 1.3em; /* Slightly smaller for subheadings */
}

.mainsection p {
    color: #333;
    font-size: 1.2em; /* Adjusted font size */
}

.createdby {
    font-size: 12px; /* Smaller size for footer */
}

.header {
    background-color: #215d03;
    color: #fff;
}

.footer {
    background-color: #215d03;
    color: #fff;
    padding: 20px 0;
}

.footer a {
    color: #ffeb3b;
}

.footer a:hover {
    text-decoration: underline;
}

.footer img {
    width: 120px;
    margin: 0 5px;
}

.sidenav {
    background-color: #215d03;
    color: #ffeb3b;
}

.btn {
    background-color: #215D02 !important;
    color: #FFD700; /* Gold yellow for text */
}

/* Debug */
/*
.border {
    border: 1px solid red;
}

.row {
    margin-bottom: 0; 
}

.col {
    border: 1px solid blue; 
    padding: 5px; 
}
*/