.menu.sf-menu > li > a:hover {
  background: transparent !important; 
  color: #3ca0e7 !important;          
  box-shadow: none !important;         
}

.menu.sf-menu li ul.sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  display: none;
  background: white;
  padding-left: 0;
  border-radius: 8px;
  overflow: hidden;
}

.menu.sf-menu li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  display: block;
  min-width: 255px;
  text-align: left;
  padding-top: 20px;
  box-shadow: 0px 3px 5px -1px #ccc;
}

.menu.sf-menu li ul.sub-menu li {
  clear: both;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  border: none;
}

.menu.sf-menu li ul.sub-menu li a {
  transition: all 0.5s ease;
}

.menu.sf-menu li ul.sub-menu li a:hover {
  color: #3ca0e7 !important;
  padding-left: 10px;
  border-left: 2px solid #3ca0e7;
  background: transparent !important;
  transition: all 0.3s ease;
}

.menu.sf-menu > li.menu-item-has-children:hover,
.menu.sf-menu > li.menu-item-has-children.focus,
.menu.sf-menu > li.menu-item-has-children.current-menu-item {
  background: transparent !important;
}

.menu.sf-menu > li.menu-item-has-children:hover > a,
.menu.sf-menu > li.menu-item-has-children.focus > a,
.menu.sf-menu > li.menu-item-has-children.current-menu-item > a {
  background: transparent !important;
  color: #3ca0e7 !important;
}

.menu.sf-menu li.current-menu-item > a,
.menu.sf-menu li.current_page_item > a {
  background-color: rgba(60, 160, 231, 0.15) !important; 
  color: #3ca0e7 !important;                            
  border-left: none !important;                        
}



@media (hover:none), (pointer:coarse), (max-width: 768px) {
  .menu.sf-menu li ul.sub-menu {
    position: static;          
    left: auto;
    display: none;
    visibility: hidden;
    opacity: 0;
    padding-top: 0;           
  }
  
  .menu.sf-menu li:hover > ul.sub-menu { display: none !important; }

  .menu.sf-menu li.toggled-on > ul.sub-menu,
  .menu.sf-menu li.sfHover > ul.sub-menu,
  .menu.sf-menu li[aria-expanded="true"] > ul.sub-menu {
    display: block !important;
    visibility: visible;
    opacity: 1;
  }

  .menu.sf-menu li ul.sub-menu li { margin-bottom: 6px; }
}


/* background transparent */

.menu.sf-menu li > a,
.menu.sf-menu li:hover > a,
.menu.sf-menu li:focus-within > a,
.menu.sf-menu li:active > a,
.menu.sf-menu li.current-menu-ancestor > a,
.menu.sf-menu li.current_page_ancestor > a,
.menu.sf-menu li.sfHover > a,
.menu.sf-menu li.toggled-on > a {
  background: transparent !important;
}

.menu.sf-menu .dropdown-menu-toggle,
.menu.sf-menu .submenu-expand,
.menu.sf-menu .dropdown-toggle {
  background: transparent !important;
}

.menu.sf-menu > li > a:hover,
.menu.sf-menu li ul.sub-menu li > a:hover,
.menu.sf-menu li > a:focus {
  color: #3ca0e7 !important;
}

.menu.sf-menu li.current-menu-item > a,
.menu.sf-menu li.current-menu-ancestor > a,
.menu.sf-menu li.current-menu-parent > a,
.menu.sf-menu li.current_page_item > a,
.menu.sf-menu li.current-cat > a {
  background: transparent !important;
  color: #3ca0e7 !important;
}