@charset "utf-8";
/* CSS Document */

 :root{
      --fuchsia:#FF0088;
      --royal-blue:#0E37D7;
      --gold:#D4AF37;
    }
    body{font-family:'Plus Jakarta Sans',sans-serif;overflow-x:hidden;}
    .text-fuchsia{color:var(--fuchsia);}
    .bg-fuchsia{background-color:var(--fuchsia);}
    .text-royal-blue{color:var(--royal-blue);}
    .bg-royal-blue{background-color:var(--royal-blue);}
    .text-gold{color:var(--gold);}
    .border-gold{border-color:var(--gold);}

    .hero-gradient{
      background:linear-gradient(to right, rgba(14,55,215,.85), rgba(255,0,136,.35)),
                 url('https://browncountyymca.org/wp-content/uploads/2019/04/2016-10-Y_BSE-SHOT5_0022_RGB.jpg');
      background-size:cover;
      background-position:center;
      background-attachment:fixed;
    }
	  
	  #main-nav, #main-nav > *{
		  
		  width: 100%;
		  max-width: 100%;
		  border-radius: 0px;
		  
	  }
	  
	  #main-nav{
		  position: relative;
		  padding: 0px;
	  }
    .fuchsia-glow{box-shadow:0 0 30px rgba(255,0,136,.3);}
    .scroll-indicator{animation:bounce 2s infinite;}
    @keyframes bounce{
      0%,20%,50%,80%,100%{transform:translateY(0)}
      40%{transform:translateY(-10px)}
      60%{transform:translateY(-5px)}
    }

    @media screen and (max-width: 600px){
      #empower{font-size:3px;}
      #empower > span{font-size:2.5em !important;}
    }

    .btn-gold-outline{
      border:2px solid var(--gold);
      color:var(--gold);
      position:relative;
      overflow:hidden;
      z-index:1;
    }
    .btn-gold-outline::before{
      content:'';
      position:absolute;
      top:0;left:0;width:0;height:100%;
      background:var(--gold);
      transition:.3s ease;
      z-index:-1;
    }
    .btn-gold-outline:hover::before{width:100%;}
    .btn-gold-outline:hover{color:white;}

    /* MOBILE MENU (same nav links as desktop; single nav set) */
    #mobile-menu{
      transition:all .3s ease-in-out;
      transform:translateY(-20px);
      opacity:0;
      pointer-events:none;
    }
    #mobile-menu.active{
      transform:translateY(0);
      opacity:1;
      pointer-events:auto;
    }
    /* Keep dropdown aligned under the nav container and responsive */
    #mobile-menu a{
      display:block;
      width:100%;
    }

    /* IMPORTANT: removed the nav{ position:relative !important; } override so fixed nav works */