/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/navbar-burger/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * Navbar & Dropdown Styles
 */
.navbar {
  position: relative;
  z-index: 10;
}

.nav-link {
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.8) !important;
}

.dropdown-toggle::after {
  display: none !important;
}

/* Submenu Icon */
.submenu-icon {
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

/* Dropdown Active States */
.dropdown-item.active,
.dropdown-item:active {
  color: #111 !important;
  background-color: transparent !important;
}

.dropdown-icon {
  line-height: 0;
  transition: transform 0.3s ease;
}

/* Rotate icon when dropdown is open */
.show .dropdown-icon {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.dropdown-menu {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: none !important;
}

/* Dropdown Item */
.dropdown-item {
  padding: 1rem 0.7rem !important;
  transition: background-color 0.2s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}

.dropdown-item.active {
  font-weight: 600;
  background-color: #e9ecef;
}

/* Sub Items */
.sub-item {
  background-color: #f8f8f8 !important;
}

.border-bottom-sm {
  border-bottom: 1px solid rgb(236.8, 236.8, 236.8) !important;
}

.nav-item:last-child .border-bottom-sm {
  border-bottom: none;
}

/* Mega Submenu Animations */
.mega-submenu .animated-item {
  opacity: 0;
  transform: rotateY(-90deg);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.animated-item {
  will-change: transform, opacity;
}

.mega-submenu.animate-subitems .animated-item {
  opacity: 1;
  transform: rotateY(0);
}

/* Mega submenu fade */
.mega-submenu {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.mega-submenu.active {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
  z-index: 10;
}

/* Submenu Toggle */
.submenu-toggle.collapsed .submenu-icon {
  transform: rotate(90deg);
}

.text-grey {
  color: #c2c2c2;
}

.sub-hovered:hover {
  background: #f8f9fa;
  border-radius: 1.25rem;
}

/* Hug Card */
.hug-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}

.card-subitem.first-card {
  border-top: 0.5px solid rgba(0, 0, 0, 0.08);
  margin-top: 0.75rem;
  padding-top: 1rem;
}

/* Nav Link Small */
.nav-link-sm {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.01px;
  color: #111;
  padding: 15px 50px;
  transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
}

/* Cursor disabled nav */
.nav-link.cursor-default {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Submenu animations */
.mega-submenu-wrapper.menu-opened .mega-submenu {
  opacity: 1;
  transform: translateY(0);
}

.nav-item li {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.nav-item li.animated-in {
  opacity: 1;
}

.collapsing {
  transition: height 0.9s ease, opacity 0.3s ease !important;
}

/* Navbar Placeholder */
.navbar-placeholder {
  display: none;
  height: 70px; /* match navbar height */
}

/* Fixed Navbar */
.navbar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 1.025rem 0rem;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

/*****************************************************************
 * Navbar Toggler (Hamburger)
 *****************************************************************/
.navbar-toggler {
  width: 32px;
  height: 24px;
  position: relative;
  transition: 0.5s ease-in-out;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.navbar-toggler span {
  margin: 0;
  padding: 0;
}

.toggler-icon {
  display: block;
  position: absolute;
  height: 3.33px;
  width: 100%;
  background: #1d1d1d;
  border-radius: 999px;
  left: 0;
  top: 10px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

/* Collapsed State */
.navbar-toggler.collapsed .top-bar {
  position: absolute;
  top: 0px;
  transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  position: absolute;
  top: 10px;
}

.navbar-toggler.collapsed .bottom-bar {
  position: absolute;
  top: 20px;
  transform: rotate(0deg);
}

/* Expanded (X) State */
.navbar-toggler .top-bar {
  top: inherit;
  transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
  opacity: 0;
  top: inherit;
}

.navbar-toggler .bottom-bar {
  top: inherit;
  transform: rotate(-135deg);
}

/*****************************************************************
 * Card & Subitems
 *****************************************************************/
.hug-card .card-img-top {
  width: 100%;
  max-height: 280px;
  border-radius: 1rem !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.card-subitem .article-title {
  display: inline;
  padding-bottom: 3px;
  background-image: linear-gradient(#1d1d1d, #1d1d1d);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}

.card-subitem:hover .article-title {
  background-size: 100% 2px;
}

/*****************************************************************
 * Responsive
 *****************************************************************/
@media (min-width: 768px) {
  .nav-item:hover,
  .nav-item.hovered {
    background-color: #f8f9fa;
    border-radius: 1.25rem;
  }
}
@media (max-width: 768px) {
  .navbar.fixed {
    top: 0;
  }
}
.btn.show {
  border-color: transparent !important;
}

/*# sourceMappingURL=style-index.css.map*/