/* applies primary color */
.spinner {
    border-top: 4px solid #fba64b;
}

.jsListingHeader { border-radius: 0; }
.infoCard { border-radius: 0; background: #efefef; box-shadow: none; }
.ssBtn { border-radius: 0; }
.scrollable-options { border-radius: 0; }
#navBarMenu li a { border-radius: 0; }
.formBox input[type="text"] { border-radius: 0; }

.primBtn, #navBarMenu a:hover, table.actTable th { background: #fba64b; border: none; border-radius: 0;}

.page-link, .txt-link, .card, .icon { color: #fba64b; }

.page-link, .txt-link, .card, .icon {
    color: #fba64b;
}

/* end of primary color */
.primBtn:hover {
    background: #f98a1e;
    border: none !important;
}

/* custom css for client nav bar  */
   /* Base styling for the Tech USA navigation */

   /* More specific selector to override the existing hover styles */
.tech-usa-nav #navBarMenu a:hover,
.tech-usa-nav #navBarMenu .nav-menu > li > a:hover,
.tech-usa-nav #navBarMenu .menu-site-menu-container a:hover {
    background: none !important; /* No background change on hover */
    box-shadow: none !important; /* No box shadow on hover */
}

/* For dropdown items, keep the darker orange background but override the other properties */

.tech-usa-nav #navBarMenu li a { color: #7f7f7f }  
.tech-usa-nav #navBarMenu .sub-menu a { color: white; }
.tech-usa-nav #navBarMenu .sub-menu li:hover { background: #e78d45 }
.tech-usa-nav #navBarMenu .sub-menu li { background: #FFB96A ; }

.tech-usa-nav #navBarMenu .sub-menu li:hover {
    color: white !important;
    box-shadow: none !important;
}

.tech-usa-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Logo styling */
.tech-usa-nav #navBarLogo img {
    max-height: 110px;
}

/* Main menu styling */
.tech-usa-nav #navBarMenu {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.tech-usa-nav .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tech-usa-nav .nav-menu > li {
    position: relative;
    margin: 0 5px;
}

/* Link styling - gray by default, orange on hover */
.tech-usa-nav a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #7f7f7f; /* Default gray */
    font-size: 12px;
    transition: color 0.2s ease;
}

.tech-usa-nav a:hover {
    color: #FF8C00; /* Orange on hover */
    background: none; /* No background change on hover */
}

/* Current menu item */
.tech-usa-nav .current-menu-item > a,
.tech-usa-nav .current_page_item > a {
    color: #FF8C00; /* Orange for current page */
    font-weight: bold;
}

/* Dropdown menu styling */
.tech-usa-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #FF8C00; /* Orange background for dropdown */
    min-width: 200px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 100;
    list-style: none;
    padding: 5px 0;
    border-radius: 4px;
}

.tech-usa-nav .menu-item-has-children:hover .sub-menu {
    display: block;
}

.tech-usa-nav .sub-menu li {
    width: 100%;
}

/* Dropdown menu items - white text on orange background */
.tech-usa-nav .sub-menu a {
    padding: 8px 15px;
    color: white;
}

/* Darker orange on hover for dropdown items */
.tech-usa-nav .sub-menu a:hover {
    background-color: #E67300; /* Darker orange */
    color: white;
}

/* Mobile menu button */
.tech-usa-nav #navBarMobileBtn {
    display: none;
    cursor: pointer;
    font-size: 24px;
    color: #777;
}

.tech-usa-nav #navBarMobileBtn:hover {
    color: #FF8C00;
}

/* Mobile menu styling */
#mb-navBarMenu {
    display: none;
    position: fixed;
    top: 0;
    right: -300px;
    width: 250px;
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    z-index: 1000;
    transition: right 0.3s ease;
    overflow-y: auto;
}

#mb-navBarMenu.active {
    right: 0;
}

#mb-navBarMenu #closeMenu {
    display: block;
    text-align: right;
    padding: 15px;
    text-decoration: none;
    color: #777;
    font-size: 20px;
}

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

#mb-navBarMenu li {
    border-bottom: 1px solid #eee;
}

#mb-navBarMenu .mb-menuTitle {
    font-weight: bold;
    background-color: #f5f5f5;
    padding: 15px;
    color: #555;
}

#mb-navBarMenu a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: #777;
    font-size: 12px;
}

#mb-navBarMenu a:hover {
    color: #FF8C00;
}

#mb-navBarMenu .fa-pipe {
    margin-right: 10px;
    color: #FF8C00;
}

/* Responsive design */
@media (max-width: 768px) {
    .tech-usa-nav #navBarMenu {
        display: none;
    }
    
    .tech-usa-nav #navBarMobileBtn {
        display: block;
    }
}