/*
Theme Name: GPA Calculator Child
Template: twentytwentyfive
Version: 1.0.0
Description: Child theme for the Student GPA Calculator site.
Author: OpenCodeX
*/

html {
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:where(a) {
	text-underline-offset: 2px;
}

:where(a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible) {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

header.wp-block-template-part {
	border-bottom: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--base);
}

header.wp-block-template-part .site-logo {
	margin: 0;
}

header.wp-block-template-part .site-logo img {
	display: block;
	max-width: 100%;
	max-height: 56px;
	width: auto;
	height: auto;
}

header.wp-block-template-part .wp-block-navigation a:hover {
	text-decoration: underline;
}

footer.wp-block-template-part {
	background: var(--wp--preset--color--surface);
}

footer.wp-block-template-part .wp-block-navigation {
	font-size: 0.9rem;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.01em;
}

input, select, textarea, button {
	font-family: inherit;
}

@media (max-width: 781px) {
	header.wp-block-template-part .alignwide {
		flex-wrap: wrap;
	}
}