/*
Theme Name: KRC Consulting
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: WordPress theme generated from KRC Consulting project.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: tmt
*/

*, *::before, *::after { box-sizing: border-box; }

html {
	margin-top: 0 !important;
	overflow-x: clip;
	max-width: 100%;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: clip;
	max-width: 100%;
}

body.tmt-mobile-menu-open {
	overflow: hidden;
}

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

:root {
	--wp-admin-bar-height: 0px;
}

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

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

.tmt-site-nav {
	position: fixed !important;
	left: 0;
	right: 0;
	top: var(--wp-admin-bar-height, 0px) !important;
	z-index: 99998;
	height: 5rem;
	display: flex;
	align-items: center;
}

.tmt-mobile-menu-backdrop {
	position: fixed !important;
	left: 0;
	right: 0;
	bottom: 0;
	top: var(--wp-admin-bar-height, 0px) !important;
	z-index: 99997;
	background-color: rgb(0 0 0 / 0.5);
	backdrop-filter: blur(2px);
}

.tmt-site-nav--filled {
	background-color: color-mix(in srgb, var(--page-background) 70%, transparent) !important;
}

.tmt-mobile-menu-panel {
	position: fixed !important;
	left: 0;
	right: 0;
	bottom: 0;
	top: calc(var(--wp-admin-bar-height, 0px) + 5rem) !important;
	z-index: 99998;
	display: flex;
	width: 100%;
	max-width: 100%;
	flex-direction: column;
	border-top: 1px solid rgb(255 255 255 / 0.08);
	box-shadow: 0 -8px 32px rgb(0 0 0 / 0.35);
	background-color: color-mix(in srgb, var(--page-background) 95%, transparent);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}