/* Hides the Breadcrumb Navigation (e.g., Home / Home) */
.pkp_structure_page > nav.cmp_breadcrumbs {
    display: none !important;
}
/* Hides the Main Page Title (Home) */
.page_title {
    display: none !important;
}
/* Replace .pkp_structure_page > nav.cmp_breadcrumbs with the class you found */
.site-breadcrumb { 
    display: none !important;
}

/* Replace .page_title with the class you found */
.page-header h1 { 
    display: none !important;
}
/* Hides the breadcrumb navigation element, including "Home / Home" */
nav.cmp_breadcrumbs {
    display: none !important;
}

/* footer ==============================================
/* Change the background color of the entire footer area */
.pkp_structure_footer_wrapper {
    background-color: #081434; /* EXAMPLE: Dark Blue */
}

/* Optional: Change the text/link color for contrast if using a dark background */
.pkp_structure_footer_wrapper, 
.pkp_structure_footer_wrapper a {
    color: #ffffff; /* EXAMPLE: White text/links */
}
/*===========================================================
/*
   Make the main header/navigation element sticky
   (adjust the selector if needed for your theme)
*/
.pkp_structure_head {
    /* Enable the sticky behavior */
    position: sticky;

    /* Stick it to the top edge of the screen */
    top: 0;

    /* Ensure it stays above other content */
    z-index: 1000;

    /* Optional: Give it a background color so page content doesn't show through */
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Optional: If the original element has a background/border that causes issues, you might need to style the inner nav element as well. */
.pkp_site_nav {
    /* Example: Force full width if it shrinks */
    width: 100%;
}

/* Add space (margin) below the main header/navigation element */
.pkp_structure_head {
    /* Pushes the content below the header down by 20 pixels (adjust as needed) */
    margin-bottom: 20px;
}