@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;1,300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); :root { --primary: #2a5298; --primary-light: #87CEFA; --primary-dark: #07476f; --accent-blue-1: #00bcd4; --accent-blue-2: #2554d7; --text-dark: #222; --accent-gradient: linear-gradient(45deg, var(--t-color, #222), #68a5c8); } * { margin: 0; padding: 0; box-sizing: border-box; } :root { --t-color: #1c3d6e; --background: #838783; } html { scroll-padding-top: 60px; /* Adjust this value to match your nav bar's height */ } body{ background-color: #e8e3d9; scroll-behavior: smooth; scroll-padding-top: 0.5rem; outline: none; border: none; text-decoration: none; text-transform: capitalize; font-family: 'Poppins', 'sans-serif'; } /* Hamburger Menu */ /* ===================== */ /* Navbar Base Styles */ /* ===================== */ .navbar { background: #fff !important; /* white background */ box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .cmda-logo { font-family: 'Georgia', serif; font-size: 2.5rem; /* bigger logo text */ letter-spacing: 2px; text-shadow: none; } /* ===================== */ /* Navbar Links */ /* ===================== */ .navbar .nav-link { font-size: 1.5rem; /* bigger link text */ font-weight: 500; } .navbar .nav-link:hover { text-decoration: underline; /* simple hover effect */ } .navbar .dropdown-toggle { font-size: 1.5rem; /* bigger dropdown toggle */ } /* ===================== */ /* Hamburger Button */ /* ===================== */ .navbar-toggler { border: 1px solid #000; /* simple border */ border-radius: 5px; } .navbar-toggler-icon { filter: none; /* default icon */ } /* ===================== */ /* Dropdown Menu */ /* ===================== */ .dropdown-menu { background: #fff; /* white dropdown */ border-radius: 8px; } .dropdown-item { padding: 0.8rem 1.5rem; } .dropdown-item:hover { background: #f0f0f0; /* light gray hover */ } /* ===================== */ /* Mobile adjustments */ /* ===================== */ @media (max-width: 767px) { .cmda-logo { font-size: 2rem; } .navbar .nav-link, .navbar .dropdown-toggle { font-size: 1.3rem; } .dropdown-menu.show { max-height: 600px; padding: 0.5rem auto; } } /* /Hamburger Menu */ /* Annual Banquet button */ /* Add this to your stylesheet (style.css or