/*MAKE SIGN IN LINK A BUTTON*/
.sp-sign-in {
  padding: 8px 8px;
  border-radius: 0px;
  background: #EDEDED;
  color: #602591;}
.sp-sign-in:hover, .sp-sign-in:focus {background: #EDEDED;}


/*NAV MENU Color Of Link*/
.menu-text-ededed {
    color: #EDEDED !important;
    font-weight: normal;
}
.menu-text-ededed:hover {
      text-decoration: underline;
      font-weight: normal;

  /*DROPDOWN MENU Color Of Link*/
.menu-text-drop {
    color: #602591 !important;
    font-weight: bold;
}
.menu-text-drop:hover {
      text-decoration: underline;
      font-weight: bold;

/*---change sub menu items to lower case---*/
.sp-megamenu-parent .sp-mega-group>li>a {
    text-transform: capitalize;
    font-weight: normal;
    color: #602591;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
    color: #B86927
}

/*REDUCE SPACE BETWEEN MENU ITEMS*/
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 10px;}

/*SHOW OFFCAVAS MENU SOONER*/
@media screen and (max-width: 1180px) {
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega
{display: block !important;}
 .sp-megamenu-parent.d-none.d-lg-block 
 { display: none !important; }
}

/*-TRANSPARENT MENU CUSTOM CODE-*/

#sp-header {
    background: rgba(82, 82, 82, 0.2); !important;
    color: rgb(237 237 237) !important;
}

#sp-header.header-sticky {
    background: rgb(96, 37, 145) !important;
    color: rgb(237 237 237) !important;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
  color: rgb(237 237 237) !important;
}


/* ---DEFAULT LOGO --- */
#sp-header .logo img {
    content: url('/images/logo/logo-new-trans.png');
}

/* ---CHANGE LOGO FOR STICKY MENU (desktop view, if applicable)--- */
#sp-header.header-sticky .logo img {
    content: url('/images/logo/logo-new-60.png');
    max-height: 60px; 
    width: auto;
}

/* --- RESPONSIVE STYLES FOR STICKY LOGO IN MOBILE VIEW --- */
@media (max-width: 768px) { /* Tablet breakpoint example */
    #sp-header.header-sticky .logo img {
        max-width: 150px; 
        height: auto;    
        max-height: 40px;
    }
}