/* Styling for Search Box */
.searchform #s {
    padding: 0.75rem 1.25rem;
    border-radius: 0.375rem;
    border: 2px solid #ddd; /* Border for the search box */
    background-color: #f7f7f7;
    width: 100%;
    transition: border-color 0.3s, background-color 0.3s;
}

.searchform #s:focus {
    background-color: #fff;
    border-color: #1a3d7f; /* Accent color for focus */
    outline: none;
}

/* Styling for Search Button */
.searchform #searchsubmit {
    padding: 0.75rem 1.5rem;
    margin-top: 1rem;
    border: none;
    border-radius: 0.375rem;
    background-color: #1a3d7f; /* Main color */
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.searchform #searchsubmit:hover {
    background-color: #c5a201; /* Hover color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow on hover */
}