/*
Mobile styles for Twenty Twenty Child
Loaded only when viewport is max-width: 999px
Version: 2.3.9
*/

/**** HEADER (Mobile) ****/
.mobile_header_container {
	display: grid;
	width: 100%;
	padding: 0;
	align-items: start;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 8px 8px;
	grid-template-areas:
		". grid_logo grid_logo head_grid_toggle"
		". head_grid_button1  head_grid_button1 .";
}
.site-logo {
	grid-area: grid_logo;
	margin-left: auto;
	margin-right: auto;
	align-self: center;
}
.custom-logo {
	max-width: 100px;
}
.head_grid_button1 {
	grid-area: head_grid_button1;
}
.head_grid_toggle {
	grid-area: head_grid_toggle;
	position: relative;
	justify-self: end;
}
.head_grid_button1 a {
	display: inline-block;
	min-width: 40px !important;
	width: 100%;
}
.mobile_header_container .wp-block-button {
	display: inline;
}
.mobile_header_container .wp-block-button a {
	padding: 8px 0 !important;
}
.header-inner {
	padding: 1% 0;
	margin: 0 2%;
	width: 96%;
}
/*	#site-content {
	padding-top: 200px;
}*/
.horizontal-expanded-menu-wrapper {
	display: none;
}

/**** MENUS (Mobile) ****/
.desktop_group, .mobile_hide {
	display: none !important;
}

/**** MEDIA OUTLETS (Mobile) ****/
.mediaoutlets div {
	gap: 30px;
}