/* Responsive CSS Variables */

body {
	--wp-admin--admin-bar--height: 0px;
	--wp--custom--typography--scale: 1;
}

body.staging:not(.admin-bar) {
	--wp-admin--admin-bar--height: 32px;
	--wp--custom--header--menu-handle-mobile-y-offset: 40px;
}

body.admin-bar {
	--wp-admin--admin-bar--height: 32px;
}

body.staging.admin-bar {
	--wp-admin--admin-bar--height: 64px;
}

body.no-top-bar {
	--wp--custom--top-bar--height: 0px;
	--wp--custom--top-bar--height-mobile: 0px;
	--wp--custom--top-bar--padding: 0px;
	--wp--custom--top-bar--padding-mobile: 0px;
}

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

	body {
		--wp--custom--typography--scale: 1.25;
	}

}

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

	body {
		--wp--custom--typography--scale: 0.8;
	}

}

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

	body {
		--wp--custom--typography--scale: 0.6;
	}

	body.admin-bar {
		--wp-admin--admin-bar--height: 45px;
	}

	body.staging.admin-bar {
		--wp-admin--admin-bar--height: 77px;
	}

}