header h1.site-title {
  display: none;
}

/* Remove the yellow top border */
header {
  border-top: none;
}

/* White background for the vertical nav / off-canvas area */
body.vertical-menu header {
  background-color: #ffffff;
}

body.vertical-menu .off-canvas-content {
  background-color: #ffffff;
}

.banner {
background-position: left !important;
}


/* Search button */
.search-form button[type="submit"],
.search-form input[type="submit"],
#search-form button,
#search-form input[type="submit"] {
  background-color: #769430;
  color: #ffffff;
}

/* item label */
.label {
  background: #769430;
  color: #ffffff;
}

/* Remove top padding if present */
body.vertical-menu {
  padding-top: 0;
}

/* Vertical nav hover state */
a:hover, a:focus, .breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #000;
  background-color: #dbe4c8; /* Adjusted to a light green tint to match the new theme */
}


/* Current/active page in vertical nav */
.vertical-menu nav ul li.active > a,
.vertical-menu nav ul li.current > a,
.vertical-menu nav ul .active > a {
  background-color: #769430;
  color: #ffffff;
}

/* ============================================
    Inkwell Color Override: Yellow → #769430
   ============================================ */
.menu .active > a {
    background: #769430;
    color: #fefefe;
}

/* Site page pagination */
.site-page-pagination > a,
.site-page-pagination > a.disabled,
.site-page-pagination > a[disabled],
.site-page-pagination > a.disabled:hover,
.site-page-pagination > a[disabled]:hover,
.site-page-pagination > a.disabled:focus,
.site-page-pagination > a[disabled]:focus {
  background-color: #769430;
  color: #ffffff;
}

/* Catch any remaining #fc0 / #ffcc00 uses */
[style*="#fc0"],
[style*="ffcc00"] {
  background-color: #769430 !important;
  color: #ffffff !important;
}

/* This fixes banner bleed and overrides default  250px banner height for standard external monitors (1920px wide and up) */
@media screen and (min-width: 1201px) {
    .banner {
        height: 300px !important;
        max-width: 1100px !important;
        
        /* Forces the container to sit on the left */
        margin-left: 0 !important;
        margin-right: auto !important;
        display: block !important;
        float: none !important;

        /* Keeps your specific image alignment */
        background-position: left !important;
        background-size: cover !important;
    }
}