/* Non-critical general CSS for 1024px mobile breakpoint */

@media screen and (min-width: 1025px) {

	#header > .wp-block-group > .wp-block-site-logo {
		width: var(--wp--custom--header--logo-width);
	}
	
	#header > .wp-block-group > .wp-block-site-logo + .wp-block-group {
		align-items: end;
		display: inline-flex;
		justify-content: flex-end;
		width: calc(100% - calc(var(--wp--style--block-gap) * 2) - var(--wp--custom--header--logo-width));
	}
	
	#header .r3423-nav-menu ul.menu {
		align-items: center;
		display: inline-flex;
		justify-content: flex-end;
	}
	
	#header .r3423-nav-menu ul.menu > li {
		flex-grow: 0;
	}
	
	#header .r3423-nav-menu ul.menu a {
		max-width: 200px;
		min-width: 100px;
		text-align: center;
		white-space: initial !important;
		width: fit-content;
	}
		
	#header .r3423-nav-menu ul.menu ul.sub-menu a {
		display: block;
		text-align: left;
		max-width: 100%;
		min-width: 200px;
		width: 100%;
	}
	
}


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