/* =========================================================================
   css/pages/contact/contact-mobile-layout-fix.css
   Auto-split from css/pages/contact.css.
   ========================================================================= */

/* Position/height fixes so the header doesn't fill the screen and burger sits top-right */
@media screen and (max-width: 991px) {

	/* Header height */
	.site-header,
	.site-header .header-wrap,
	.site-header .header-wrap-inner {
		min-height: 64px !important;
		height: 64px !important;
	}

	/* Constrain the pseudo overlay to header height */
	.site-header .header-wrap:before,
	.site-header.clone .header-wrap:before {
		height: 64px !important;
		top: 0 !important;
		bottom: auto !important;
	}

	/* Brand/logo sizing */
	.site-branding {
		max-height: 64px !important;
		display: flex !important;
		align-items: center !important;
	}

	/* Place the logo to the left with comfortable padding */
	.site-branding-center {
		justify-content: flex-start !important;
		padding-left: 16px !important;
	}

	.site-title {
		margin: 0 !important;
	}

	.site-title a {
		display: flex !important;
		align-items: center !important;
		padding: 0 !important;
	}

	.site-title img.logo-image {
		max-height: 24px !important;
		width: auto !important;
		display: block !important;
	}

	/* Place burger at top-right inside the header */
	.site-header .header-wrap-inner {
		position: relative !important;
	}

	.menu-toggle {
		position: absolute !important;
		right: 16px !important;
		top: 18px !important;
		margin-left: 0 !important;
		width: 30px !important;
		height: 30px !important;
		z-index: 1001 !important;
	}

	/* Flex row spacing */
	.layout-medium {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
	}
}

/* Tablet fixes (iPad Air, Surface Pro X) */
@media screen and (min-width: 768px) and (max-width: 1440px) {

	header#masthead .logo-image,
	header#masthead.clone .logo-image {
		transform: translate(50px, -5px) !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
	}
}