/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
#hs_cos_wrapper_hub_training_menu {width:100%;}
#hs_menu_wrapper_hub_training_menu {    
  background: rgba(35, 32, 49, 1.0);
  padding: 18px;
  border-radius: 10px;
  width: 100%; 
}

#hs_menu_wrapper_hub_training_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Top-level menu items */
.hs-menu-item {
  margin: 10px 0;
  position: relative;
}

.hs-menu-item a {
  text-decoration: none;
  display: block;
  padding: 10px;
  color: #c1c3cd;
  border-radius: 4px;
}
.hs-menu-item a:hover {color:#26adff;}

/* Submenu styling */
#hs_menu_wrapper_hub_training_menu .hs-menu-children-wrapper {
  display: none;
    margin-left: 13px;
    padding: 5px 0px 5px 10px;
    border-left: 1px solid #475367;
    margin-top: 5px;
}

/* Show submenu on parent click */
.hs-menu-item:has(.hs-menu-children-wrapper) > a {
  cursor: pointer;
}

.hs-menu-item:has(.hs-menu-children-wrapper):hover > a
  background: #475367;
}

#hs_menu_wrapper_hub_training_menu .hs-menu-item[aria-expanded="true"] .hs-menu-children-wrapper {
  display: block;
}

/* Highlight active link */
.hs-menu-item a.active,
.hs-menu-item.active-branch > a,
.hs-menu-item[aria-expanded="true"] > a {
  background: #475367;
  color: #fff;
}

/* Always show submenu if active branch */
#hs_menu_wrapper_hub_training_menu .hs-menu-item.active-branch .hs-menu-children-wrapper {
  display: block;
}

/* Add a toggle icon to accordion items */
.hs-menu-item.hs-item-has-children > a {
  position: relative;
  padding-right: 25px; /* Add space for the icon */
}

.hs-menu-item.hs-item-has-children > a::after {
  content: "+"; /* Default icon (collapsed state) */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 23px;
  color: #c1c3cd;
  transition: transform 0.3s ease;
}

/* Change the icon when expanded */
.hs-menu-item[aria-expanded="true"] > a::after {
  content: "-"; /* Expanded state icon */
}

li.hs-menu-item.hs-menu-depth-2:after,
li.hs-menu-item.hs-menu-depth-3:after{
    content: "";
    position: absolute;
    background: #475367;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    top: 17px;
    left: -13px;
}

.hs-menu-item.hs-menu-depth-2 .hs-menu-children-wrapper {display: block;
    background: #13161b;
    margin-top: 0px !important;
    border-radius: 0 0 10px 10px;}

.hs-menu-item.hs-menu-depth-3 a {margin-right:10px;}

.timestamp-list {    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;}
.timestamp-list .fa-ul {    margin-left: 70px;}
.timestamp-list .fa-ul li {margin-bottom: 7px;}
.timestamp-list .fa-timestamp {width: 50px !important;
    left: -70px;
    font-weight: bold;}