@media (max-width: 500px){
	.top-post-pages{
		display: none;
	}

}

header.wp-block-template-part,
header.site-header {
    position: relative;
    z-index: 9999;
}


@media (max-width: 768px) {

    .wp-block-navigation__responsive-container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

    .wp-block-navigation__responsive-container-content {
        width: 100% !important;
    }

}


@media (max-width: 768px) {

    /* Mobile submenu container */
    .wp-block-navigation__submenu-container {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        transform: none !important;
        margin-top: 8px !important;
        margin-left: 0 !important;
        padding-left: 24px !important; /* Indent */
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Submenu links */
    .wp-block-navigation_submenu-container .wp-block-navigation-item_content {
        padding: 10px 0 !important;
        font-size: 16px;
    }

    /* Parent menu item */
    .wp-block-navigation-item.has-child {
        display: block !important;
    }
	
	@media (max-width: 768px) {

    .wp-block-navigation-item__content {
        display: inline-flex !important;
        align-items: center !important;
    }

    .wp-block-navigation__submenu-icon {
        position: static !important;
        margin-left: 8px !important;
    }

}
	
	
	
@media (min-width: 768px) and (max-width: 1024px) {

    .wp-block-navigation-item.has-child {
        position: relative !important;
    }

    .wp-block-navigation__submenu-container {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        min-width: 220px !important;
        z-index: 9999 !important;
        background: #808080 !important;
    }

}
	
	
	@media (min-width: 768px) and (max-width: 1024px) {

    .wp-block-site-logo img,
    .custom-logo {
        max-width: 100px !important;
    }

    .wp-block-navigation {
        font-size: 14px !important;
        gap: 6px !important;
    }

}
	
	

	
	
	
	/* ---- RoadBounce header: collapse to hamburger below 1100px ----
   Targets your nav's own class (.rb-menus) so it outranks both
   WordPress core AND the Blockbase/Dorna theme, which both have
   rules on these same elements. !important is needed because
   core's stylesheet loads after Additional CSS. */
@media (max-width: 1099.98px) {

  nav.rb-menus .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  nav.rb-menus .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  /* Your header has 10% padding on each side, set inline on the
     block — about 160px of a 797px screen gone before the menu
     gets any room. Only !important can beat an inline style. */
  header.menu-header .wp-block-group.is-horizontal {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}