/* Hide the main header category dropdown and search box */
.main-header .header-search, 
.header-search-form, 
.search-box-wrapper,
.theme-search-box {
    display: none !important;
}
/* Push the menu down to make room for your 1" tall image above it */
.nav-container, #site-navigation, .main-navigation {
    position: relative !important;
    padding-top: 120px !important; 
}

/* Position the image block on the left side */
.nav-container::before, #site-navigation::before, .main-navigation::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; /* Forces the image block to align to the far left */
    width: 100% !important;
    height: 150px !important; /* Keeps the block at 1 inch tall */
    background-image: url('https://yespleasepapercrafts.com/wp-content/uploads/2026/10/YesPleasePaperCrafts_Website_Condensed_Banner.png') !important;
    background-size: contain !important; /* Preserves your image aspect ratio */
    background-position: center left !important; /* Ensures the graphic itself sits on the left edge */
    background-repeat: no-repeat !important;
}

/* Center the footer bottom navigation menu completely */
.site-footer .footer-bottom-info,
.site-footer .footer-navigation, 
.site-footer .footer-menu-container {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Ensure individual menu links align center and stack cleanly if needed */
.site-footer ul.footer-menu,
.site-footer ul.menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
}

/* CHANGE THE MENU COLORS */
/* Force main navigation menu link styling */
.nav-menu ul li a:hover,
.nav-menu ul li.current-menu-item > a,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
    color: #acbfbd !important; /* Changes the link text color */
}

/* If the theme highlights the menu item with a background bar instead */
.nav-menu ul li a:hover,
.nav-menu ul li.current-menu-item > a,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
    background-color: transparent !important; /* Prevents background conflicts */
    border-color: #ff0000 !important; /* Changes highlight borders if applicable */
}