/*-----
* 
* Custom responsive navigation created for: The Spencer Davis Foundation
* Authgor: Matthew Boyles @ https://www.embeemedialab.com
* 
-----*/
#navbar{position:fixed;top:0;width:100%;z-index:999;transition:background .5s ease}#navbar.transparent{background:transparent}#navbar.scrolled{background:rgb(234,234,234);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}@media only screen and (max-width:576px){.nav-container{padding:5px 15px}.logo img{max-height:100px}}.logo img{height:120px}.nav-links ul{list-style:none;display:flex;gap:20px;float:right;text-transform:capitalize}.nav-links ul li a{text-decoration:none;color:white;font-weight:bold;float:right}.nav-links ul li a:hover{text-decoration:none;color:#de9696;font-weight:bold}#navbar.scrolled .nav-links ul li a{color:#121212}#navbar.scrolled .nav-links ul li a:hover{color:#900}.buttons{display:flex;gap:10px}.buttons .btn{padding:8px 15px;border:none;cursor:pointer;font-weight:bold;transition:background .3s ease;color:white}.buttons .btn.primary{background-color:transparent;color:white;border-radius:5px;display:inline-block;position:relative;overflow:hidden}#navbar.scrolled .buttons .btn.primary{background-color:#121212}.buttons .btn.secondary{background-color:#900;color:white;border-radius:5px}.buttons .btn.btn.secondary:hover{background-color:#121212}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background-color:#900;padding:15px;border-radius:50%;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 6px 15px rgba(0,0,0,0.3);justify-content:center;align-items:center;position:relative;width:50px;height:50px}.hamburger span{width:25px;height:3px;background:black;transition:all .3s ease}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#121212;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:998;transition:transform .3s ease-in-out;transform:translateY(-100%)}.mobile-menu.active{display:flex;transform:translateY(0)}.mobile-menu nav ul{list-style:none;text-align:center}.mobile-menu nav ul li{margin:15px 0}.mobile-menu nav ul li a{text-decoration:none;color:#fff;font-size:26px}.close-menu{position:absolute;top:30px;right:20px;font-size:40px;border:none;background:none;cursor:pointer;color:#900}@media (max-width:768px){.nav-links,.buttons{display:none}.hamburger{display:flex}.mobile-menu.active{display:flex}}.btn-link{overflow:hidden;position:relative;display:inline-block;color:#fff;padding:10,15}.btn-link::before,.btn-link::after{content:'';position:absolute;width:100%;left:0}.btn-link::after{content:attr(data-replace);height:100%;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .3s cubic-bezier(0.76,0,0.24,1);text-decoration:underline}.btn-link:hover::before{transform-origin:0% 50%;transform:scaleX(1)}.btn-link:hover::after{transform:translate3d(0,0,0)}.btn-link span{display:inline-block;transition:transform .3s cubic-bezier(0.76,0,0.24,1)}.btn-link:hover span{transform:translate3d(-200%,0,0)}#navbar.scrolled .buttons .btn-link{color:#900}