/* ============================
   EVENT TOP BAR
============================ */
.event-topbar{
    width:100%;
    background: #3CA341;
    position:fixed;
    top:0;
    left:0;
    z-index:1100;
  }
  .event-topbar-inner{
    margin:auto;
    padding:0.6em 1.2em;
  }
  .event-left, p{
    font-size:15px;
    color:#fff;
    margin-top: 1px;
  }
  .event-left strong{
    font-weight:700;
    font-size:16px;
  }
  /* Event button */
  .event-btn{
    background:#fff;
    color:#3CA341!important;
    padding:10px 20px;
    border-radius:25px;
    font-size:14px!important;
    font-weight:600;
    text-decoration:none;
  }
  
  /* ============================
     NAVBAR
  ============================ */
  .classy-navbar{
    position:fixed;
    top:70px;
    left:0;
    width:100%;
    z-index:1050;
    transition:top 0.35s ease;
  }
  /* Navbar slide control */
  .nav-down{
    top:70px;
  }
  .nav-up{
    top:-120px;
  }
  /* Push page below both bars */
  .header-area{
    padding-top:70px;
  }
  @media(max-width:991px){
  .classy-nav-container {
      position: relative;
      z-index: 1200;
      background-color: #fff;
   }
   .classy-navbar{
       top:120px;
   }
   .event-topbar .marginbottom2{
     padding-bottom: 1rem;
   }
   .header-area{
    padding-top:100px;
   }
   .event-left, p{
    font-size:14px;
  }
  .event-left strong{
    font-size:15px;
  }
  }
  /* Mobile */
  @media(max-width:768px){
    .event-topbar-inner{
      flex-direction:column;
      align-items:flex-start;
      gap:8px;
    }
    .classy-navbar{
       top:115px
   }
    .event-left, p{
      font-size:12px;
    }
    .event-left strong{
      font-size:14px;
    }
  }

  @media(max-width:572px){
    .classy-navbar{
      top:150px
    }
    .header-area{
      padding-top:130px;
     }
  }