/*
Theme Name: TRÜFFELGOLD
Description: Minimal classic theme for TRÜFFELGOLD. Layout sections come from the Stitch Components plugin (WPBakery).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: truffelgold
*/

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background: #141311;
	color: #e7e2dd;
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: clip;
	overscroll-behavior: none;
}

::selection {
	background: #c9a14a;
	color: #4e3800;
}

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

/* Offset for the fixed header: 80px bar, plus the 30px top bar from md up. */
.tg-main {
	padding-top: 80px;
}

@media (min-width: 768px) {
	.tg-has-topbar .tg-main {
		padding-top: 110px;
	}
}

/* Fixed header sits below the admin bar when logged in. */
.admin-bar .tg-site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .tg-site-header {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .tg-site-header {
		top: 0;
	}
}

/* Content area: no container, WPBakery rows run full width. */
.tg-content {
	width: 100%;
}

/* Rows that hold Stitch sections: drop WPBakery's gutters so sections are edge to edge. */
.tg-content .vc_row.stitch-row {
	margin-left: 0;
	margin-right: 0;
}

.tg-content .vc_row.stitch-row > .vc_column_container > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.tg-content .vc_row.stitch-row .wpb_content_element,
.tg-content .vc_row.stitch-row .wpb_wrapper > section.stitch {
	margin: 0;
}

/* Plain content (pages built without WPBakery). */
.tg-plain {
	max-width: 48rem;
	margin: 0 auto;
	padding: 4rem 1.5rem 6rem;
}

.tg-plain h1,
.tg-plain h2 {
	font-family: "EB Garamond", Georgia, serif;
	font-weight: 400;
	line-height: 1.2;
	color: #e9c178;
}

.tg-plain a {
	color: #ecc166;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: #ecc166;
	clip: auto !important;
	clip-path: none;
	color: #402d00;
	display: block;
	height: auto;
	left: 8px;
	padding: 12px 16px;
	top: 8px;
	width: auto;
	z-index: 100000;
}