/* css adicional para mudanças específicas do topbar, header e menu */
#sp-top-bar {
  padding: unset;
}

#sp-header > div {
align-items: start;
justify-content: center;
}

#sp-header.header-sticky {
 background: #f8ca2d;
}

#sp-header.header-sticky .logo-image{
height:60px;
}

.sp-group-title.sp-menu-heading {
font-weight:bold;
}


/**************** OVERRIDES ON OVERRIDES*******************/
/*ul.sp-megamenu-parent li.sp-menu-item{
    text-transform: uppercase;
}*/

.sp-megamenu-wrapper ul:first-of-type > li:not(li li) {
    /* Seus estilos aqui */
    text-transform: uppercase;
}

#sp-logo {
   width: 240px;
   font-size: 12px;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 60px;
    font-size: 11px;
    margin: 0;
}

.menu_item {
        text-transform: none; 
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    /* position: relative; */
    text-transform: none;
    font-size: 11px;  
}
/************* TAB LIKE MEGAMENU ************/
/* Centering the Mega Menu */

#sp-menu ul.sp-megamenu-parent {
    position: static;
}

#sp-menu .sp-megamenu-parent>li {
    position: static;
}

#sp-menu .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 70px;
    position: absolute;
    margin-left: 30px;
    max-width: 850px;
}

/* Keep the tab highlighted when hovering over it OR its submenu */
#sp-menu .sp-menu-item.sp-has-child:hover > a,
#sp-menu .sp-menu-item.sp-has-child:hover > span,
#sp-menu .sp-menu-item.sp-has-child:hover > .sp-group-title {
    background-color: #f4f4f4; /* Change to your desired hover color */
    color: #0078c1;
}

#sp-menu .sp-menu-item.sp-has-child > span {
  cursor: pointer;
}

#sp-menu .sp-dropdown-inner:hover {
    background-color: #f4f4f4; /* Change to your desired hover color */  
}

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #f4f4f4;
}

/*#sp-menu .sp-menu-item > a::after,
#sp-menu .sp-menu-item > span::after {
    content: "❯";
    font-size: 70%;
    opacity: 0.6; 
    vertical-align: middle;
    margin-left: 5px;
}*/

.sp-megamenu-wrapper ul:first-of-type li li > a::after {
    /* Seus estilos aqui */
    content: "❯"; /* HTML entity for a subtle chevron */
    font-size: 70%; /* Even smaller */
    opacity: 0.6; /* Even more subtle */
    vertical-align: middle;
    margin-left: 5px;
}

#sp-menu span.moduloservicoscontinuacao {
  color: #f4f4f4;
}

.cursor-pointer {
  cursor: pointer !important;
}