#mysticky-wrap .site-header.myfixed .site-branding, #mysticky-wrap .site-header.myfixed #main-navigation  .nav-open {
	display: none;
}

.site-header .nav-open {
	display: none;
}

.post-tags, .tags-links {
    display: none !important;
}

.cat-links {
    display: none;
}

.posted-on, .entry-date, time {
    display: none;
}

/* Reset body/html for full viewport width on all devices */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll from clipping */
}

/* Force header to full width on tablets/phablets */
@media (min-width: 768px) and (max-width: 1200px) {
  .site-header {  /* Replace with your header class, e.g., #header or .hero-header */
    width: 100vw !important;  /* Full viewport width */
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0;
    right: 0;
    position: relative;  /* Or 'static' if it's fixed/sticky causing issues */
    box-sizing: border-box;
  }

  /* If content is shifted left, reset its container too */
  .site-header .container,  /* Common wrapper class—adjust if needed */
  .main-content,
  .wrapper {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Extra fix if header has internal padding/margins causing cutoff */
.site-header > * {
  margin: 0;
  padding: 0 1rem;  /* Minimal side padding if needed for content */
}

/* Ensure header is a flex container for centering on desktop */
@media (min-width: 1201px) {
  .site-header { /* Adjust if your header has a different class */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allows logo and menu to stack if needed */
    width: 100%;
    margin: 0 auto;
  }

  /* Center the logo/site-branding */
  .site-branding {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
  }

  .site-branding img, .site-logo {
    max-width: 200px; /* Adjust size as needed */
    height: auto;
    margin: 0 auto;
  }

  /* Center the menu */
  #main-navigation, .main-navigation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
  }

  #main-navigation ul, .main-navigation ul {
    display: flex;
    flex-direction: row; /* Ensure horizontal menu */
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #main-navigation li, .main-navigation li {
    margin: 0 15px; /* Space between menu items */
  }
}

/* Preserve tablet fixes (from earlier) */
@media (min-width: 768px) and (max-width: 1200px) {
  .site-header {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    position: relative;
    box-sizing: border-box;
  }
}

/* Ensure no horizontal scroll */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}