:root {
	--tec-ink: #0A0908;
	--tec-green: #6EC531;
	--tec-text: #EEF0EB;
	--tec-long-text: #D8DCD5;
	--tec-muted: #A2AAAD;
	--tec-rule: rgba(208, 211, 212, 0.14);
	--tec-sans: "Gotham", "Gotham SSm", "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--tec-gutter: clamp(20px, 4vw, 56px);
	--tec-content-max-width: 1280px;
  /* --mobile-breakpoint: 768px;
  --tablet-breakpoint: 1024px;
  --desktop-breakpoint: 1080px; */
  --tec-safe-top: env(safe-area-inset-top, 0px);
  --tec-header-height: calc(84px + var(--tec-safe-top));
}

body {
	margin: 0;
	background: var(--tec-ink);
	color: var(--tec-text);
	font-family: var(--tec-sans) !important;
	/* font-size: 17px !important; */
	font-size: clamp(14px, 1.35vw, 17px) !important;
	line-height: 1.6 !important;
	-webkit-font-smoothing: antialiased;
}

a {
	color: inherit;
}

::selection {
	background: var(--tec-green);
	color: var(--tec-ink);
}

#wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}

body.admin-bar #wrapper {
	min-height: calc(100vh - 32px);
	min-height: calc(100svh - 32px);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* Push header down when WordPress admin bar is present */
body.admin-bar .site-header {
  top: 32px;
}

#container {
	padding-top: var(--tec-header-height);
	flex: 1 0 auto;
}

body.admin-bar #container {
	padding-top: calc(var(--tec-header-height) + 32px);
}

/* Adjust for WordPress Admin Bar height shift on mobile screens */
@media screen and (max-width: 782px) {
  body.admin-bar #wrapper {
    min-height: calc(100vh - 46px);
    min-height: calc(100svh - 46px);
  }

  body.admin-bar .site-header {
    top: 46px;
  }

  body.admin-bar #container {
    padding-top: calc(var(--tec-header-height) + 46px);
  }
}

.site-main {
	width: 100%;
	max-width: var(--tec-content-max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--tec-gutter);
	padding-right: var(--tec-gutter);
}

/* .vc_row[data-vc-full-width="true"] {
	padding-left: var(--tec-gutter);
	padding-right: var(--tec-gutter);
}

.vc_row:not([data-vc-full-width="true"]) {
	max-width: var(--tec-content-max-width);
	margin-left: auto;
	margin-right: auto;
} */

.tec-wordmark {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	color: var(--tec-text);
	font-family: var(--tec-sans);
	line-height: 1;
	text-decoration: none;
	flex: none;
}

.tec-wordmark-small {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.32em;
	padding-left: 0.32em;
}

.tec-wordmark-large {
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin: 3px 0 2px;
}

.tec-wordmark-code {
	color: var(--tec-green);
}

@media (max-width: 600px) {
	.tec-wordmark-large {
		font-size: 20px;
	}
}