/*
Theme Name: Yari Elizondo
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: Custom WordPress theme crafted by The Free Website Guys for Yari Elizondo — a portfolio site for an independent 3D animator and motion graphics artist.
Version: 1.1.1
License: GNU General Public License v2 or later
Text Domain: tmt
*/

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; }

@media (max-width: 1023px) {
	html,
	body {
		overflow-x: clip;
	}

	#tmt-app {
		overflow-x: clip;
		max-width: 100%;
	}
}

/* Offset fixed header below the WordPress admin bar when logged in. */
:root {
	--tmt-admin-bar-offset: 0px;
}

@media screen and (min-width: 783px) {
	body.admin-bar {
		--tmt-admin-bar-offset: 32px;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--tmt-admin-bar-offset: 46px;
	}
}

body.admin-bar {
	scroll-padding-top: calc(6rem + var(--tmt-admin-bar-offset));
}

body.admin-bar section[id] {
	scroll-margin-top: calc(6rem + var(--tmt-admin-bar-offset));
}