.btn-primary {
    background-color: #e0e63b; /* Primary Yellow */
    color: #00539f; /* Primary Blue */
    border: 2px solid #e0e63b;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease; /* Smooth transition for hover */
}

.navbar-nav {
background: #e0e63b;
}

.nav.navbar-nav > li > a:hover {
    background-color: #ffffff !important; /* White background on hover */
    border-radius: 5px;                 /* Rounded corners to create a button feel */
    transition: all 0.3s ease;          /* Smooth transition effect */
}

ol.breadcrumb a {
color: #00539f;
}

ol.breadcrumb {
background: #e0e63b;
}

ol.breadcrumb a:hover {
    background-color: #ffffff;    /* White background on hover */
    color: #00539f !important;    /* Ensures text remains blue */
    border-radius: 5px;          /* Rounded corners for a button-like feel */
    padding: 5px 10px;           /* Adds some space around the text */
    text-decoration: none;       /* Removes the default underline on hover */
    transition: all 0.3s ease;   /* Smooth transition effect */
}

.panel-primary > div.panel-heading {
background: #e0e63b;
border-color: #e0e63b;
}

.btn.btn-primary {
    background-color: #e0e63b; /* Primary Yellow */
    color: #00539f; /* Primary Blue */
    border: 2px solid #e0e63b;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease; /* Smooth transition for hover */
}

.bs-welcome-content {
color: #e0e63b;
}

.btn.btn-default {
background: #e0e63b;
color: #00539f; /* Primary Blue */
border-color: #e0e63b;
cursor: pointer;
}

.btn-primary:hover {
    background-color: #ffffff; /* White */
    color: #00539f; /* Primary Blue */
    border-color: #00539f;
    cursor: pointer;
}

.navbar-nav>li>a, .navbar-brand {
color: #00539f !important;
}

body {
    background-color: #f2f2f2; /* This is the light grey from the logo */
}

/* This makes the main panel of the search area match the body background */
.searchPanelContainer.panel-primary {
    background-color: transparent;
    border: 1px solid #cccccc;
}

/* This targets the inner body of the panel */
.searchPanelContainer .panel-body {
    background-color: transparent;
}

@media (max-width: 768px) {
    .desktop-footer {
        display: none;
    }
}

/* --- Mobile & Desktop Visibility --- */

/* By default, show the desktop version and hide the mobile one */
.tagline-mobile {
    display: none;
}
.tagline-desktop {
    display: block;
}

/* On screens 768px wide or smaller (like tablets and phones) */
@media (max-width: 768px) {
    .tagline-desktop {
        display: none; /* Hide the desktop tagline */
    }
    .tagline-mobile {
        display: block; /* Show the mobile version */
    }
}

.navbar-default .navbar-form [data-itemid="list_options"] .btn.btn-default,
.navbar-default .navbar-form [data-itemid="username_button"] .btn.btn-default {
    color: #00539f !important;      /* Primary Blue for text and icon */
    background-color: #e0e63b !important; /* Match the yellow background */
    border-color: #e0e63b !important;     /* Match the border color */
}

/* This rule defines the hover state for those specific buttons */
.navbar-default .navbar-form [data-itemid="list_options"] .btn.btn-default:hover,
.navbar-default .navbar-form [data-itemid="username_button"] .btn.btn-default:hover {
    color: #00539f !important;      /* Keep the blue color on hover */
    background-color: #ffffff !important;   /* White background on hover */
    border-color: #00539f !important;       /* Blue border on hover */
}

#searchButtTop1 .glyphicon-search {
    color: #00539f !important; /* Primary Blue for the icon */
}

/* This targets the search button's icon on hover */
#searchButtTop1:hover .glyphicon-search {
    color: #ffffff !important; /* White icon on hover to contrast the new background */
}

/* Targets the Print button on hover */
[data-itemtype="print_panel"] .btn-default:hover {
    background-color: #ffffff !important; /* White background */
    border-color: #00539f !important;     /* Primary Blue border */
}

/* Targets the Columns button on hover */
[data-itemtype="columns_control"] .btn-default:hover {
    background-color: #ffffff !important; /* White background */
    border-color: #00539f !important;     /* Primary Blue border */
}

/* This ensures the icons inside the buttons also turn blue on hover */
[data-itemtype="print_panel"] .btn-default:hover .glyphicon,
[data-itemtype="columns_control"] .btn-default:hover .glyphicon {
    color: #00539f !important; /* Primary Blue for the icon */
}

#simpleSrchFieldsCombo1,
#simpleSrchTypeCombo1 {
    background-color: #e0e63b; /* Sets the yellow background */
    color: #00539f;           /* Sets the text color to blue for consistency */
    border-color: #e0e63b;     /* Matches the border color to the background */
}

#searchPanelOptions1 .btn:hover {
    background-color: #ffffff; /* White background on hover */
    color: #00539f;           /* Primary Blue text on hover */
    border-color: #00539f;     /* Primary Blue border on hover */
}