.navigation-branding,
.site-logo.mobile-header-logo {
  display: flex;
  align-items: center;
  order: 0;
  margin-right: 10px
}

.navigation-branding img,
.site-logo.mobile-header-logo img {
  position: relative;
  padding: 10px 0;
  display: block;
  transition: height .3s ease
}

.navigation-branding>div+.main-title {
  margin-left: 10px
}

.navigation-branding .main-title {
  transition: line-height .3s ease
}

.navigation-branding .main-title a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: unset
}

.main-navigation.mobile-header-navigation {
  display: none;
  float: none;
  margin-bottom: 0
}

.mobile-header-navigation.is_stuck {
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2)
}

.main-navigation .menu-toggle {
  flex-grow: 1;
  width: auto
}

.main-navigation.has-branding .menu-toggle,
.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
  flex-grow: 0;
  padding-right: 20px;
  order: 2
}

.main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle {
  text-align: left
}

.main-navigation.has-sticky-branding:not(.has-branding):not(.navigation-stick) .navigation-branding {
  display: none
}

.nav-align-right .navigation-branding {
  margin-right: auto
}

.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation,
.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation {
  justify-content: flex-start
}

.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items,
.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items {
  margin-left: auto
}

.nav-float-right .main-navigation.has-branding:not(.mobile-header-navigation) .menu-bar-items,
.nav-float-right .main-navigation.has-sticky-branding.navigation-stick:not(.mobile-header-navigation) .menu-bar-items {
  margin-left: 0
}

.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
  margin-right: auto
}

.rtl .navigation-branding>div+.main-title {
  margin-right: 10px
}

.rtl .main-navigation.nav-align-right:not(.mobile-header-navigation) .navigation-branding {
  order: -10
}

.rtl .nav-align-right .navigation-branding {
  margin-right: 10px
}

.rtl .navigation-branding,
.rtl .site-logo.mobile-header-logo {
  margin-left: auto;
  margin-right: 0
}

.rtl .nav-align-center .navigation-branding,
.rtl .nav-align-center .site-logo.mobile-header-logo,
.rtl .nav-align-right .navigation-branding,
.rtl .nav-align-right .site-logo.mobile-header-logo {
  margin-left: 10px
}

.rtl .nav-align-right .menu-bar-items {
  margin-right: auto
}

.rtl .mobile-header-navigation.has-menu-bar-items .site-logo {
  margin-left: auto
}