.navbar-nav.nav-pills > .nav-item > .nav-link.active {
	color: var(--bs-nav-pills-link-active-color);
}


.nav-pills.flex-column > .nav-item {
	margin-bottom: 0.5rem;
}

.nav-pills.flex-column > .nav-item:last-child {
	margin-bottom: 0;
}


.nav-pills.flex-row > .nav-item {
	margin-right: 0.5rem;
}

.nav-pills.flex-row > .nav-item:last-child {
	margin-right: 0;
}

.nav-pills > .nav-item > .nav-link:hover {
	background-color: var(--color-gray-100);
}




button.nav-pills-s,
.nav-pills-s > .nav-item > .nav-link,
.navbar-nav.nav-pills-s > .nav-item > .nav-link {
	font-size: var(--font-size-s);
  padding: var(--padding-y-s) var(--padding-x-s);
}

.nav-pills-xs > .nav-item > .nav-link {
	font-size: var(--font-size-xs);
  padding: var(--padding-y-xs) var(--padding-x-xs);
}






/* Primary local tasks */

/*

nav.tabs-primary {
	margin: 0;
}

nav.tabs-primary .nav-item a {
	display: flex;
	align-items: center;
}

nav.tabs-primary .nav-item a.tab-toggle {
  display: none;
}

nav.tabs-primary .nav-item a:before {
  font-family: 'material-symbols-outlined';
  color: var(--bs-nav-link-color);
	padding-right: 0.5rem;
	font-size: 20px;
}

nav.tabs-primary  .nav-item a.active:before {
  color: var(--bs-nav-pills-link-active-color);
}

nav.tabs-primary .nav-item:has(a.entity\.node\.canonical) {
	margin-right:auto !important;
}

nav.tabs-primary .nav-item a.entity\.node\.canonical:before {
  content: "\e31b";
}


nav.tabs-primary .nav-item a.entity\.node\.edit_form:before {
  content: "\e3c9";
}

nav.tabs-primary .nav-item a.entity\.node\.version_history:before {
  content: "\e173";
}

nav.tabs-primary .nav-item a.entity\.node\.devel_load:before {
  content: "\ea3c";
}


nav.tabs-primary .nav-item a.entity\.node\.delete_form {
  color: var(--bs-danger);
}

nav.tabs-primary .nav-item a.entity\.node\.delete_form:before {
  content: "\e872";
  color: var(--bs-danger);
}

*/


/* Off-canvas */

.offcanvas-header {
	  height: var(--header-height);
    border-bottom: 1px solid var(--color-gray-500);
}


/* Main menu */

.nav-main-md {
	display: none !important;
}

@media (min-width: 768px) {
	.nav-main-md-down {
		display: none !important;
	}
	.nav-main-md {
		display: flex !important;
	}
}




.navbar.navbar-expand-md .navbar-normal {
	display: none !important;
}

@media (min-width: 768px) {
	.navbar.navbar-expand-md .navbar-toggler,
	.navbar.navbar-expand-md .navbar-collapse {
		display: none !important;
	}
	.navbar.navbar-expand-md .navbar-normal {
		display: flex !important;
	}
}

.navbar-toggler-admin {
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: var(--bs-navbar-color);
	background-color: transparent;
	border: 0;
	transition: var(--bs-navbar-toggler-transition);
}


.navbar-collapse.collapsing {
  transition: none !important;
}




.navbar-collapse.show .collapsible {
	width: calc(100vw - var(--drupal-displace-offset-left, 0px));
	width: 100%;
	background: var(--color-yellow);
	border-radius: 0;
	border: none;
	padding: 3rem 0;
}	



.navbar-collapse.show .collapsible .nav-main.nav-level-0 {
	flex-direction: column !important;
	justify-content: flex-start !important;
}

.navbar-collapse .nav-main > .nav-item > .nav-link {
	margin-top: 0.5rem;
}

.navbar-collapse .nav-main > .nav-item > .nav-link.active {
	background-color: var(--color-yellow-lighter);
	color: var(--color-gray-900);
}

.navbar-collapse .nav-main > .nav-item > .nav-link:hover {
	background-color: var(--color-yellow-lighter);
	color: var(--color-gray-900);
}

.navbar-collapse .nav-main > .nav-item > .nav-link.dropdown-toggle {
	justify-content: left;
}

.navbar-collapse .nav-main .ul-wrapper.dropdown-menu {
	border: 0;
	background: transparent;
	position: static !important;
	transform: none !important;
}

.navbar-collapse .nav-main .ul-wrapper.dropdown-menu.show .nav-level-1 > li {
	margin-bottom: 0.5rem;
}

.navbar-collapse .nav-main .ul-wrapper.dropdown-menu.show .nav-level-1 > li > span {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
}

.navbar-collapse .nav-main .ul-wrapper.dropdown-menu.show .nav-level-2 {
	margin-top: 0.5rem;
	padding-left: 0;
}

.nav-pills.flex-column > .nav-item {
    margin-bottom: 0.5rem;
}



.nav-main {
}

.nav-main li {
	list-style: none;
}

.navbar-normal .nav-main .ul-wrapper.dropdown-menu {
	position: absolute;
	transform: translateX(-50%) !important;
	left: 50% !important;
	wwidth: calc(100vw - var(--drupal-displace-offset-left, 0px));
	width: 100%;
	margin-top: 1px;
	background: var(--color-yellow);
	border-radius: 0;
	border: none;
	padding: 3rem 0;
}

.navbar-normal .nav-main .ul-wrapper.dropdown-menu.show .nav-level-1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: var(--color-gray-900);
	
}

.navbar-normal .nav-main .ul-wrapper.dropdown-menu.show .nav-level-1 > li > span {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
}


.navbar-normal .nav-main .ul-wrapper.dropdown-menu.show .nav-level-2 {
	margin-top: 0.5rem;
	padding-left: 0;
}

.navbar-normal .nav-main.nav-level-0.nav-pills > .nav-item > .nav-link.active {
	background-color: var(--color-yellow);
	color: inherit;
}

.navbar-normal .nav-main .nav-level-2.nav-pills > .nav-item > .nav-link.active {
	background-color: var(--color-yellow-lighter);
}

.navbar-normal .nav-main .nav-level-2.nav-pills > .nav-item > .nav-link:hover {
	background-color: var(--color-yellow-lighter);
}




/* Sidebar */

.sidebar {
	--cui-sidebar-width: 320px !important;
}


.sidebar-header {
	height: var(--header-height);
}


.cil-sidebar-close:before {
	font-family: "material-symbols-outlined";
  content: '\f717';
	font-size: 26px;
}

.cil-sidebar-open:before {
	font-family: "material-symbols-outlined";
  content: '\f716';
	font-size: 26px;
}



.nav-icon.nav-admin-content2:before {
	font-family: "material-symbols-outlined";
  content: '\ef42';
}

.nav-icon.nav-node-add:before {
	font-family: "material-symbols-outlined";
  content: '\e147';
}

.nav-icon.nav-people:before {
	font-family: "material-symbols-outlined";
  content: '\e7ef';
}

.nav-icon.nav-calendar:before {
	font-family: "material-symbols-outlined";
  content: '\ebcc';
}


.nav-icon.nav-admin-structure:before {
	font-family: "material-symbols-outlined";
  content: '\f38d';
}

.nav-icon.nav-admin-appearance:before {
	font-family: "material-symbols-outlined";
  content: '\e40a';
}

.nav-icon.nav-admin-modules:before {
	font-family: "material-symbols-outlined";
  content: '\e87b';
}

.nav-icon.nav-admin-config:before {
	font-family: "material-symbols-outlined";
  content: '\e026';
}

.nav-icon.nav-admin-people:before {
	font-family: "material-symbols-outlined";
  content: '\e7ef';
}

.nav-icon.nav-admin-reports:before {
	font-family: "material-symbols-outlined";
  content: '\ef3e';
}

.nav-icon.nav-user:before {
	font-family: "material-symbols-outlined";
  content: '\e7fd';
}

.nav-icon.nav-person:before {
	font-family: "material-symbols-outlined";
  content: '\e7fd';
}



.nav-icon.nav-user-logout:before {
	font-family: "material-symbols-outlined";
  content: '\e9ba';
}