/* NAVIGATION */
.navigation.fixed-top{position:fixed;top:0;right:0;left:0;z-index:19998;}
.navigation.sticky-top{position:sticky;top:0;will-change:opacity;z-index:19998;}
.navigation > .container{display:flex;}

/* MOBILE HEADER */
.navigation-header{width:100%;display:flex;align-items:center;justify-content:space-between;}
@media (min-width:1025px) {
  .navigation-header{display:none;}
}

/* OVERLAY PANEL */
.overlay-panel{width:0;height:0;position:fixed;left:0;top:0;opacity:0;z-index:-999999;transition:opacity 0.8s;}
.overlay-panel.is-visible{width:100%;height:100%;opacity:1;z-index:19999;}
.overlay-panel.is-invisible{opacity:0;}
@media (min-width:1025px) {
  .overlay-panel.is-visible{display:none !important;}
}

/* NAVIGATION BRAND TEXT */
.navigation-brand-text a{font-size:16px;font-weight:bold;color:#555d65;text-decoration:none;}
@media (min-width:1025px) {
  .navigation-brand-text a{font-size:22px;}
}
.navigation-header .navigation-brand-text{padding:0 1rem;}

/* NAVIGATION BUTTON TOGGLER */
.navigation-button-toggler{display:flex;align-items:center;justify-content:center;width:40px;height:45px;cursor:pointer;background:transparent;border-radius:4px;}
.navigation-button-toggler .hamburger-icon{width:26px;height:2px;display:inline-block;font-style:normal;color:#164267;box-shadow:inset 0 0 0 32px, 0 -10px, 0 10px;}

/* NAVIGATION BODY */
.navigation-body{width:85%;height:100%;position:fixed;top:0;left:-100%;overflow-x:hidden;overflow-y:auto;background-color:#ffffff;z-index:20000;transition:left 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1), right 0.8s cubic-bezier(0.1, 0.1, 0.1, 0.1);}
@media (min-width:500px) {
  .navigation-body{width:320px;}
}
@media (min-width:1025px) {
  .navigation-body{display:none;/* display:flex; */align-items:center;width:100%;position:relative;left:auto;overflow:visible;z-index:auto;background-color:transparent;transition:all 0s ease 0s;}
}
.navigation-body.offcanvas-right{left:auto;right:-100%;}
@media (min-width:1025px) {
  .navigation-body.offcanvas-right{right:auto;}
  .navigation-body {height:45px;}
}
.navigation-body.is-visible{left:0;transition:left 0.8s, right 0.8s;}
.navigation-body.offcanvas-right.is-visible{right:0;left:auto;}
@media (min-width:1025px) {
  .navigation-body.offcanvas-right.is-visible{right:auto;}
}
.navigation-body.is-invisible{left:-100%;}
.navigation-body.offcanvas-right.is-invisible{right:-100%;}
.navigation-body.scroll-momentum{-webkit-overflow-scrolling:touch;}

@media (min-width:1025px) {
  .navigation-centered .navigation-body{justify-content:center;}
  .navigation-logo-top .navigation-body{flex-direction:column;}
}
.navigation-body-header{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #e9ecef;}
@media (min-width:1025px) {
  .navigation-body-header{border:none;}
  .navigation-centered .navigation-body-header{padding:0;}
  .navigation-logo-top .navigation-body-header{padding-top:20px;}
}
.navigation-body-close-button{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-left:auto;padding:5px;line-height:initial;text-align:center;font-size:44px;color:#164267;cursor:pointer;}
@media (min-width:1025px) {
  .navigation-body-close-button{display:none;}
}
.navigation-body-section{width:100%;padding:16px;display:inline-flex;flex-direction:column;}
@media (min-width:1025px) {
  .navigation-body-section{width:auto;display:inline-block;}
}
.navigation-body-section + .navigation-body-section{padding-top:0;}
@media (min-width:1025px) {
  .navigation-body-section + .navigation-body-section{padding-top:16px;}
}

/* NAVIGATION MENU */
.navigation-menu{width:100%;margin:0;padding:0;list-style:none;font-size:0rem;display:inline-block;float:left;}
@media (min-width:1025px) {
  .navigation-menu{width:auto;display:flex;align-items:center;}
  .navigation .navigation-menu{align-self:stretch;align-items:stretch;}
  .navigation-logo-top .navigation-menu{justify-content:center;}
}

/* NAVBAR ITEM */
.navigation-item{width:100%;margin:0;float:left;display:inline-block;}
@media (min-width:1025px) {
  .navigation-item{width:auto;}
}

/* NAVBAR LINK */
.navigation-link{width:-webkit-fill-available;width:-moz-available;padding:13px 16px;display:flex;align-items:center;font-size:20px;font-weight:700;letter-spacing:0.3px;color:#164267;border-top:solid 1px #e9ecef;transition:color 0.1s;}
.navigation-create{width:-webkit-fill-available;width:-moz-available;padding:13px 16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;letter-spacing:0.3px;color:#fff !important;border-top:solid 1px #e9ecef;transition:color 0.1s;background-color:#1ba8d9;border-radius:10px;margin:10px;}
@media (min-width:1025px) {
  .navigation-item:last-child .navigation-link{border-top:none;border-bottom:none;}
}
.navigation-item:not(.navigation-brand-text):hover .navigation-link,.navigation-item:not(.navigation-brand-text):focus .navigation-link,.navigation-item:not(.navigation-brand-text).is-active .navigation-link{text-decoration:none !important; background-color:transparent;}
@media (min-width:1025px) {
  .navigation-link {border:none;}
}
.navigation-menu.navigation-social-menu + .navigation-menu:not(.navigation-social-menu) .navigation-item:first-child .navigation-link{border-top:solid 1px #e9ecef;}
@media (min-width:1025px) {
  .navigation-menu.navigation-social-menu + .navigation-menu:not(.navigation-social-menu) .navigation-item:first-child .navigation-link{border-top:none;}
}
.navigation-link i{width:28px;float:left;text-align:center;font-size:24px;line-height:0;}
.navigation-link i[class*=fa]{font-size:21px;}
@media (min-width:1025px) {
  .navigation-link i{width:auto;}
}
.navigation-link i + span{padding-left:8px;}
.navigation-icon-item .navigation-link{padding:13px 16px;}
@media (min-width:1025px) {
  .navigation-icon-item .navigation-link{width:100%;margin:0;padding:25px 25.6px;border-left:solid 1px #e9ecef;}
}
@media (min-width:1025px) {
  .navigation-icon-item .navigation-link span:not(.submenu-indicator){display:none;}
}
@media (min-width:1025px) {
  .navigation-icon-item .navigation-link .navigation-badge{right:10px;}
}
@media (min-width:1025px) {
  .navigation-icon-item .navigation-link i{width:20px;height:26px;margin:0;line-height:26px;text-align:center;float:left;font-size:25.6px;}
  .navigation-icon-item .navigation-link i[class*=fa]{width:auto;font-size:21px;}
}
.navigation-avatar-item .navigation-link{font-size:12px;font-weight:bold;}
.navigation-avatar-item .navigation-link img{width:48px;border:solid 2px #7367F0;border-radius:50%;}
.navigation-avatar-item .navigation-link span{margin-left:8px;}
.navigation-body-section + .navigation-menu:not(.navigation-social-menu) > .navigation-item:first-child > .navigation-link{border-top:solid 1px #e9ecef;}
@media (min-width:1025px) {
  .navigation-body-section + .navigation-menu:not(.navigation-social-menu) > .navigation-item:first-child > .navigation-link{border-top:none;}
}