body {
  --header-padding: 20px;
  --header-height: 80px;
  --header-logo-height: 50px;
  --header-responsive-menu-width: 280px;
}

/* temporarily disabled */
.header-search-block {
  display: none;
}


.menu-toggle {
  display: block;
  position: absolute;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(img/sdg-toggle.png)no-repeat center;
  top: 50%;
  transform: translateY(-50%);
}

.menu-open {
  background: url(img/sdg-close.png)no-repeat center;
}

.header-mid-right {
  position: fixed;
  top: var(--header-height);
  right: -100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
  background: var(--primary);
  padding: 20px;
  width: var(--header-responsive-menu-width);
  transition: right .25s ease-in-out;
  min-height: calc(100vh - var(--header-height) - 30px);
  overflow: hidden;
}

/* header fix admin cases */

.toolbar-fixed.toolbar-tray-open .header-mid-right {
  top: var(--toolbar-tray-open-padding-top);
}

.toolbar-fixed:not(.toolbar-tray-open) .header-mid-right {
  top: var(--toolbar-tray-closed-padding-top);
}

/* end of header fix admin cases */
.menu-open+.header-mid-right {
  right: 0;
}

.site-header .navbar-nav {
  display: block;
  margin-top: 20px;
  position: relative;
}

.site-header .nav-item,
.site-header .nav-item:not(:last-child) {
  margin: 0;
  padding: 0;
}

.site-header .navbar-nav>.nav-item>a {
  color: var(--white);
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid var(--white);
  display: block;
  position: relative;
  width: 100%;
}

.site-header .navbar-nav>.nav-item>a.is-active,
.site-header .navbar-nav>.nav-item>a.active,
.site-header .dropdown-menu .dropdown-item.is-active,
.site-header .dropdown-menu .dropdown-item.active {
  background: var(--tc-c12);
  padding-left: 10px;
  color: var(--white);
}

.site-header .nav-item:hover>.nav-link {
  color: var(--white);
}

.header-mid {
  display: block;
  width: 100%;
}

.header-right {
  flex-direction: column;
}

/*search and get involed btn*/
.header-search-block .search-btn {
  display: none;
}

.header-search-block form {
  position: static;
  width: 100%;
}

.header-search-block form .form-type-search {
  width: 100%;
  display: block;
}

.site-header .get-involved-btn-wrap {
  margin: 15px 0 0;
}

.header-search-block {
  width: 100%;
}

.get-inolved-btn {
  border: 1px solid;
}

.get-inolved-btn:hover {
  background: var(--white);
  color: var(--primary);
}

.get-involved-block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}

/*submenu*/
.site-header .dropdown {
  position: static;
}

.site-header .nav-item>.dropdown-menu,
.site-header .nav-item>.dropdown-menu.show {
  height: calc(100vh - 100px);
  min-width: calc(var(--header-responsive-menu-width) - 15px);
  width: 100%;
  padding: 20px;
  transition: right .25s;
  z-index: 1;
  /* inset: 0 -150% 0 auto !important; */
  top: 0 !important;
  right: -150% !important;
  bottom: 0 !important;
  left: auto !important;
  display: block;
  box-shadow: none;
  background: var(--cr-c5);
}

.site-header .dropdown .show-menu+.dropdown-menu {
  right: -20px !important;
}

.site-header .parent-link a[href=""]:hover {
  color: var(--white);
  opacity: 1;
}

.back-li,
.parent-link {
  display: block;
}

.site-header .back-li {
  margin-bottom: 20px;
}

.site-header .back-li a {
  font-size: 12px;
  background: none;
  text-decoration: none;
  padding: 2px 10px;
  border: 1px solid #fff;
  color: var(--white);
  border-radius: 5px;
}

.parent-link a {
  display: block;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: var(--white);
}

.site-header .dropdown-menu>.nav-item:not(:last-child) {
  border: none;
  padding: 0;
  margin: 0;
}

.site-header .dropdown-menu>.nav-item a {
  padding: 10px 0 10px;
  border-bottom: 1px solid var(--br-c4);
  display: block;
  color: var(--white);
}

.get-inolved-btn {
  font-size: 12px;
  line-height: 18px;
}

.site-header .nav-item.dropdown>a::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(img/right_arrow.png) center no-repeat;
  right: 0;
  top: 10px;
}

.site-header .nav-link::after {
  bottom: -1px;
}

.site-header .nav-item>.nav-link::after {
  display: none;
}

.site-header .parent-link a:hover {
  opacity: 0.8;
}

.site-header .dropdown-menu .dropdown-item:not(.is-active):hover {
  color: var(--white);
  opacity: 0.8;
}

.site-header .nav-item.mobile-link {
  display: list-item;
}

.site-header .nav-item>.dropdown-menu,
.site-header .nav-item>.dropdown-menu.show {
  border-top: 0 !important;
}

/* header login */
.header-login {
  position: static;
  background: var(--white);
  padding: 10px;
  width: 100%;
}

.user-logged-in .header-login {
  display: flex;
  order: 1;
  margin-bottom: 5px;
}