Author: mckenzie-admin01

Board elects new officers

The Grover and Sara McKenzie Family Foundation, Inc. board of directors elected new officers at their July 26, 2020 annual meeting. The board is responsible for the overall policy and direction of the foundation. The officers of the board serve terms of three years. Grover McKenzie III, Director of Core Services, Library Technology Services, University of Pennsylvania, […]

/* ========== RESPONSIVE NAVIGATION STYLES ========== */ .main-navigation { background: #1a365d; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; } .nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; position: relative; } /* Site Branding */ .site-branding { flex: 1; } .site-logo { text-decoration: none; color: white; font-weight: bold; font-size: 1.3em; padding: 15px 0; display: inline-block; } .site-name { color: white; } /* Desktop Menu */ .nav-menu-wrapper { flex: 2; } .nav-menu { display: flex; list-style: none; justify-content: center; gap: 30px; margin: 0; padding: 0; } .nav-menu li { position: relative; } .nav-menu a { color: rgba(255, 255, 255, 0.9); text-decoration: none; padding: 20px 5px; font-weight: 500; transition: color 0.3s; display: block; position: relative; } .nav-menu a:hover, .nav-menu a:focus { color: white; } .nav-menu a:after { content: ''; position: absolute; bottom: 15px; left: 0; width: 0; height: 2px; background: #63b3ed; transition: width 0.3s; } .nav-menu a:hover:after, .nav-menu a:focus:after { width: 100%; } /* CTA Button */ .nav-cta { flex: 1; text-align: right; } .nav-donate-btn { background: #63b3ed; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; transition: background 0.3s; } .nav-donate-btn:hover { background: #4299e1; } /* Mobile Menu Toggle (Hidden on Desktop) */ .mobile-menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 10px; flex-direction: column; gap: 4px; } .hamburger { width: 25px; height: 3px; background: white; transition: 0.3s; } /* ========== RESPONSIVE NAVIGATION MEDIA QUERIES ========== */ /* Tablet Navigation */ @media (max-width: 1024px) { .nav-menu { gap: 20px; } .nav-container { padding: 0 15px; } } /* Mobile Navigation */ @media (max-width: 768px) { .nav-container { flex-wrap: wrap; padding: 0; } .mobile-menu-toggle { display: flex; order: 1; padding: 15px; } .site-branding { order: 2; flex: 1; text-align: center; padding-left: 50px; /* Compensate for toggle button */ } .nav-cta { order: 3; padding: 15px; } .nav-menu-wrapper { order: 4; width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .nav-menu-wrapper.active { max-height: 500px; } .nav-menu { flex-direction: column; gap: 0; background: #2d3748; padding: 20px 0; } .nav-menu li { width: 100%; } .nav-menu a { padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav-menu a:after { display: none; } /* Animate hamburger to X */ .mobile-menu-toggle.active .hamburger:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu-toggle.active .hamburger:nth-child(2) { opacity: 0; } .mobile-menu-toggle.active .hamburger:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); } } /* Small Mobile */ @media (max-width: 480px) { .site-logo { font-size: 1.1em; } .nav-donate-btn { padding: 8px 15px; font-size: 0.9em; } .mobile-menu-toggle { padding: 10px; } }