/* ==========================================================================
   MOBILE TOGGLE
   ========================================================================== */

.hc-menu-toggle{

    display:none;

    width:46px;

    height:46px;

    border:none;

    background:#76a53f;

    border-radius:4px;

    cursor:pointer;

    padding:10px;

}

.hc-menu-toggle span{

    display:block;

    width:100%;

    height:3px;

    margin:5px 0;

    background:#ffffff;

}

/* ==========================================================================
   MAIN NAVIGATION
   ========================================================================== */

#hc-menu{
    width:100%;
	background:#f9ffec;
	padding-bottom:5px;
}

#hc-menu .hc-inner{
    padding-left:var(--hc-gutter);
    padding-right:var(--hc-gutter);
}

/* ==========================================================================
   MENU WRAPPER
   ========================================================================== */

.hc-main-menu{

    background:#ffffff;

    border-radius:4px;

    overflow:visible;

    position:relative;

}

/* ==========================================================================
   LEVEL 1
   ========================================================================== */

.hc-menu{

    display:flex;

    align-items:stretch;

    margin:0;

    padding:0;

    list-style:none;

    overflow:visible;
	justify-content: center;

}

.hc-menu>li{

    position:relative;

    margin:0;

    padding:0;

}

.hc-menu>li>a{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    height:50px;

    padding:0 26px;

    color:#333;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

    z-index:2;

}

.hc-menu>li:last-child>a{

    border-right:none;

}

/* ==========================================================================
   HOVER
   ========================================================================== */

.hc-menu>li:hover>a{

    background:#83b34d;

    color:#fff;

}

/* ==========================================================================
   ACTIVE
   ========================================================================== */

.hc-menu>li.is-active>a,
.hc-menu>li>a.is-active{

    background: linear-gradient(to bottom,#87ba4d,#55841f);
  color: #fff;
}

/* ==========================================================================
   ACTIVE INDICATOR
   ========================================================================== */

.hc-menu>li.is-active>a::after,
.hc-menu>li>a.is-active::after{
content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 10px;
  height: 10px;
  background: #598626;
  transform: translateX(-50%) rotate(45deg);
  z-index: 1;

}

/* ==========================================================================
   DROPDOWN
   ========================================================================== */

.hc-submenu{

    position:absolute;

    top:100%;

    left:0;

    min-width:240px;

    margin:0;

    padding:0;

    list-style:none;

    background:#fff;

    border:1px solid #dddddd;

    display:none;

    z-index:999;

}

.hc-menu>li:hover>.hc-submenu{

    display:block;

}

.hc-submenu li{

    position:relative;

}

.hc-submenu li a{

    display:block;

    padding:12px 18px;

    color:#444;

    background:#fff;

    border-bottom:1px solid #eeeeee;

    text-decoration:none;

}

.hc-submenu li:last-child>a{

    border-bottom:none;

}

.hc-submenu li:hover>a{

    background:#76a53f;

    color:#fff;

}

.hc-submenu .hc-submenu{

    top:0;

    left:100%;

}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width:991px){
.hc-mobile-title {
	display:block !important;
  position: absolute;
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--hc-primary);
}
    .hc-main-menu{

        padding:10px;

    }

    .hc-menu-toggle{

        display:block;

        margin-left:auto;

    }

    .hc-menu{

        display:none;

        width:100%;

        margin-top:15px;

    }

    .hc-main-menu.open .hc-menu{

        display:block;

    }

    .hc-menu > li{

        width:100%;

    }

    .hc-menu > li > a{

        display:block;

        padding:14px 16px;

        border-right:none;

        border-bottom:1px solid #eeeeee;

    }

    .hc-submenu{

        position:static;

        display:block;

        border:none;

        box-shadow:none;

    }

    .hc-menu > li.is-active > a::after{

        display:none;

    }

}

.hc-mobile-title {
	display:none;
}