:root {
  --wtc-navbar-padding-y: 4px;
  --wtc-navbar-accordion-btn-padding-y: 4px;
  --wtc-navbar-accordion-body-active-padding-y: 4px;
}

/* new accordion menubar */
@media (min-width: 1920px) and (max-height: 1080px) {
  :root {
    --wtc-navbar-padding-y: 2px;
    --wtc-navbar-accordion-btn-padding-y: 4px;
    --wtc-navbar-accordion-body-active-padding-y: 4px;
  }
}

/* new accordion menubar */
@media (max-width: 1920px) and (max-height: 1080px) {
    :root {
      --wtc-navbar-padding-y: 5px;
      --wtc-navbar-accordion-btn-padding-y: 4px;
      --wtc-navbar-accordion-body-active-padding-y: 3px;
    }
  }


.navbar-accordion {
  --wtc-navbar-accordion-color: var(--bs-body-color);
  --wtc-navbar-accordion-bg: var(--bs-body-bg);
  --wtc-navbar-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --wtc-navbar-accordion-border-color: var(--bs-border-color);
  --wtc-navbar-accordion-border-width: var(--bs-border-width);
  --wtc-navbar-accordion-border-radius: var(--bs-border-radius);
  --wtc-navbar-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --wtc-navbar-accordion-btn-padding-x: 5px;
  /* --bs-accordion-btn-color: var(--bs-body-color); */
  /* --bs-accordion-btn-bg: var(--bs-accordion-bg); */
  --wtc-navbar-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --wtc-navbar-accordion-btn-icon-width: 1.25rem;
  --wtc-navbar-accordion-btn-icon-transform: rotate(-180deg);
  --wtc-navbar-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --wtc-navbar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --wtc-navbar-accordion-btn-focus-border-color: #86b7fe;
  --wtc-navbar-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --wtc-navbar-accordion-body-padding-y: 0px;
  --wtc-navbar-accordion-body-padding-x: 0px; 
  --wtc-navbar-accordion-active-color: var(--wtc-primary-text);
  --wtc-navbar-accordion-active-bg: ; 

  /* --wtc-navbar-accordion-active-color:  ;
  
  --wtc-navbar-accordion-bg: #fff;
  --wtc-navbar-accordion-border-color: ;
  --wtc-navbar-accordion-border-radius: ;
  --wtc-navbar-accordion-border-width: 1px;
  --wtc-navbar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --wtc-navbar-accordion-btn-focus-border-color: #86b7fe;
  --wtc-navbar-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --wtc-navbar-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --wtc-navbar-accordion-btn-icon-transform: rotate(-180deg);
  --wtc-navbar-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --wtc-navbar-accordion-btn-icon-width: 1.25rem;
  --wtc-navbar-accordion-btn-padding-y: 0.188rem;
  --wtc-navbar-accordion-btn-padding-x: 0.188rem;
  --wtc-navbar-accordion-color: #212529;
  --wtc-navbar-accordion-inner-border-radius: calc(0.375rem - (1px));
  --wtc-navbar-accordion-transition: ; */

}

.navbar-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--wtc-navbar-accordion-btn-padding-y) var(--wtc-navbar-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--wtc-navbar-accordion-btn-color);
  text-align: left;
  background-color: var(--wtc-navbar-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--wtc-navbar-accordion-transition);
	font-weight: bold;
	/* border-top: 1px solid #000; */
}

.navbar-body {
  padding: 0 0;
}
.navbar-body ul {
  margin: 0 !important; 
  padding: 0 !important;
}

.navbar-body li {
    display: block;
	padding: 5px 10px !important;
	margin: 0 0 0;
	cursor: pointer;
	float: none;
	/* background-color: #b18896; */
}


.navbar-accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--wtc-navbar-accordion-btn-padding-y) var(--wtc-navbar-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--wtc-navbar-accordion-btn-color);
  text-align: left;
  background-color: var(--wtc-navbar-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--wtc-navbar-accordion-transition);
	font-weight: bold;
	/* border-top: 1px solid #000; */
}


@media (prefers-reduced-motion: reduce) {
.navbar-accordion-button {
  transition: none;
}
}
.navbar-accordion-button:not(.collapsed) {
  color: var(--wtc-navbar-accordion-active-color);
  background-color: var(--wtc-navbar-accordion-active-bg);
  /* box-shadow: inset 0 calc(-1 * var(--wtc-navbar-accordion-border-width)) 0 var(--wtc-navbar-accordion-border-color); */
}
.navbar-accordion-button:not(.collapsed)::after {
  background-image: var(--wtc-navbar-accordion-btn-active-icon);
  transform: var(--wtc-navbar-accordion-btn-icon-transform);
}
.navbar-accordion-button::after {
  flex-shrink: 0;
  width: var(--wtc-navbar-accordion-btn-icon-width);
  height: var(--wtc-navbar-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--wtc-navbar-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--wtc-navbar-accordion-btn-icon-width);
  transition: var(--wtc-navbar-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-accordion-button::after {
    transition: none;
  }
}
.navbar-accordion-button:hover {
  z-index: 2;
}

.navbar-accordion-button:focus {
  z-index: 3;
  border-color: var(--wtc-navbar-accordion-btn-focus-border-color);
  outline: 0;
  /* box-shadow: var(--wtc-navbar-accordion-btn-focus-box-shadow); */
}

.navbar-accordion-header {
  padding: var(--wtc-navbar-accordion-btn-padding-y) var(--wtc-navbar-accordion-btn-padding-x);
  margin-bottom: 0;
  display: block !important;
  /* background-color:rgb(var(--wtc-header-rgb)) !important; */
  width:100%;
  height:100%;
}


.navbar-accordion-body li:hover {
  /*border-bottom: 1px solid #262626;*/
  margin-left: -1px;
  margin-right: -1px;
  background-color:rgb(var(--wtc-header-rgb)) !important;
  /* width:100%; */
  height:100%;
}

.navbar-accordion-item {
  color: var(--wtc-navbar-accordion-color);
  background-color: var(--wtc-navbar-accordion-bg);
  border: var(--wtc-navbar-accordion-border-width) solid var(--wtc-navbar-accordion-border-color);
}
/* .navbar-accordion-item:first-of-type {
  border-top-left-radius: var(--wtc-navbar-accordion-border-radius);
  border-top-right-radius: var(--wtc-navbar-accordion-border-radius);
}
.navbar-accordion-item:first-of-type .navbar-accordion-button {
  border-top-left-radius: var(--wtc-navbar-accordion-inner-border-radius);
  border-top-right-radius: var(--wtc-navbar-accordion-inner-border-radius);
} */
.navbar-accordion-item:not(:first-of-type) {
  border-top: 0;
}
/* .navbar-accordion-item:last-of-type {
  border-bottom-right-radius: var(--wtc-navbar-accordion-border-radius);
  border-bottom-left-radius: var(--wtc-navbar-accordion-border-radius);
}
.navbar-accordion-item:last-of-type .navbar-accordion-button.collapsed {
  border-bottom-right-radius: var(--wtc-navbar-accordion-inner-border-radius);
  border-bottom-left-radius: var(--wtc-navbar-accordion-inner-border-radius);
}
.navbar-accordion-item:last-of-type .navbar-accordion-collapse {
  border-bottom-right-radius: var(--wtc-navbar-accordion-border-radius);
  border-bottom-left-radius: var(--wtc-navbar-accordion-border-radius);
} */

.navbar-accordion-body {
  padding: var(--wtc-navbar-accordion-body-padding-y) var(--wtc-navbar-accordion-body-padding-x);
  text-indent: 10px;
}
.navbar-accordion-body ul {
  margin: 0 !important; 
  padding: 0 !important;
}

.navbar-accordion-body li {
	display: block;
	padding: var(--wtc-navbar-padding-y) 10px !important;
	margin: 0 0 0;
	cursor: pointer;
	float: none;
	/* background-color: #b18896; */
}

.navbar-accordion-body ul li a {
    display: inline;
    color: #000000;
    text-decoration: none;
    padding: 0px;
}
    
.navbar-accordion a {
    display: inline;
    color: #000000;
    text-decoration: none;
    padding: 0px;
} 

.navbar-accordion-flush .navbar-accordion-collapse {
  border-width: 0;
}
.navbar-accordion-flush .navbar-accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.navbar-accordion-flush .navbar-accordion-item:first-child {
  border-top: 0;
}
.navbar-accordion-flush .navbar-accordion-item:last-child {
  border-bottom: 0;
}
.navbar-accordion-flush .navbar-accordion-item .navbar-accordion-button, .navbar-accordion-flush .navbar-accordion-item .navbar-accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .navbar-accordion-button::after {
  --wtc-navbar-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --wtc-navbar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.navbar-accordion-body li.active {
	margin-left: -1px !important; 
	padding: var(--wtc-navbar-accordion-body-active-padding-y) 5px !important;
	border-top: 1px solid rgb(var(--wtc-navbar-border-rgb)) !important;
	border: 1px solid rgb(var(--wtc-navbar-border-rgb)) !important;
	border-left: 6px solid rgb(var(--wtc-navbar-border-rgb)) !important;
 	border-right: 1px solid rgb(var(--wtc-active-tab-rgb)) !important;
	background-color:rgba(var(--wtc-active-tab-rgb), var(--wtc-bg-opacity));
	
}