.WaGadgetEvents .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    padding: 14px 14px 14px 14px;
    font: 300 25px/normal Lato;
   }
/* Member Advance Search Button styling */
#FunctionalBlock1_ctl00_ctl00_advancedSearchStatusPanel_advancedSearchLink {
    display: inline-block;
    background-color: #005daa;
    color: #ffffff !important;
    text-transform: uppercase; 
    font-weight: bold;         
    padding: 10px 20px;       
    text-decoration: none;     
    border-radius: 4px;        
    text-align: center;
    transition: background-color 0.2s ease; 
}
#FunctionalBlock1_ctl00_ctl00_advancedSearchStatusPanel_advancedSearchLink:hover {
    background-color: #353A50; 
    color: #ffffff !important; 
    text-decoration: none;     
}
/* 1. Force Title Case across all top-level menu links */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    display: inline-block;
    text-transform: capitalize !important;
}

/* 2. Target the first letter of the first word—EXCEPT for the first menu item */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:not(:first-child) > .item > a::first-letter {
    font-size: 135% !important; /* Adjust this percentage to make it bigger or smaller */
    font-weight: 900 !important;  /* Forces extra bold styling */
}
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a{
text-transform: capitalize;
}

/* 1. Force Title Case across all mobile panel menu links */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item a {
    display: inline-block;
    text-transform: capitalize !important;
}

/* 2. Target the first letter—EXCEPT for the first mobile menu item */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li:not(:first-child) > .item a::first-letter {
    font-size: 135% !important;
    font-weight: 900 !important;
}
/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #F5B400 !important;
    color: white !important;
    font-weight: bold !important; /* FORCES TEXT BOLD */
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #ffc324 !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #F5B400 !important;
    font-weight: bold !important; /* FORCES TEXT BOLD */
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #ffc324 !important;
    color: white !important;
}
/* Hide Login Button links on Mobile Views */
@media (max-width: 767px) {
    .WaGadgetLoginButton .loginLink, 
    .WaGadgetLoginForm .loginLink {
        display: none !important;
    }
}
/* Make CDAM logo smaller on mobile devices */
@media (max-width: 767px) {
    /* Targets images inside the specific gadget container */
    #id_ugrkrTu .gadgetStyleBody img {
        max-width: 140px !important; /* Adjust this number to your preferred mobile width */
        height: auto !important;     /* Keeps the aspect ratio perfect so it doesn't stretch */
    }
}