/*
Theme Name: Tatra Food & Co.
Theme URI: https://www.facebook.com/people/TATRA-Food-Company/100089236072783/
Description: A content-safe Genesis child theme for a Polish food truck, with editable daily and catering menu page patterns.
Author: Tatra Food & Co.
Version: 1.1.1
Template: genesis
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: tatra-food-co
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--tatra-paper: #d7b27a;
	--tatra-paper-light: #edd4a8;
	--tatra-cream: #ead0a1;
	--tatra-ink: #170f0a;
	--tatra-black: #0b0806;
	--tatra-muted: #5b3d29;
	--tatra-red: #6f1117;
	--tatra-dark-red: #47090d;
	--tatra-line: #7d5736;
	--tatra-gold: #bb8d57;
	--tatra-display: Rockwell, "Roboto Slab", "DejaVu Serif", Georgia, serif;
	--tatra-body: Georgia, "Times New Roman", serif;
	--tatra-condensed: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Condensed", "Liberation Sans Narrow", Arial, sans-serif;
	--tatra-sans: Arial, Helvetica, sans-serif;
}

html {
	box-sizing: border-box;
	font-size: 62.5%;
	scroll-behavior: smooth;
}

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

body {
	background: var(--tatra-paper);
	background-image:
		linear-gradient(rgba(218, 180, 120, 0.38), rgba(218, 180, 120, 0.38)),
		url("assets/images/tatra-paper-texture.svg");
	color: var(--tatra-ink);
	font-family: var(--tatra-body);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.7;
	margin: 0;
}

a {
	color: var(--tatra-red);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

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

img {
	height: auto;
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--tatra-ink);
	font-family: var(--tatra-display);
	font-weight: 800;
	letter-spacing: 0.015em;
	line-height: 1.02;
	margin: 0 0 0.7em;
}

h1 { font-size: clamp(4.8rem, 8vw, 10.4rem); }
h2 { font-size: clamp(3.8rem, 6vw, 7.2rem); }
h3 { font-size: clamp(2.6rem, 3vw, 4rem); }

.wrap {
	margin: 0 auto;
	max-width: 128rem;
	padding-left: clamp(2rem, 4vw, 6rem);
	padding-right: clamp(2rem, 4vw, 6rem);
}

.site-container {
	min-height: 100vh;
}

.site-inner {
	clear: both;
	margin: 0 auto;
	max-width: 128rem;
	padding: 7rem clamp(2rem, 4vw, 6rem);
}

.content-sidebar-wrap,
.content {
	width: 100%;
}

.sidebar {
	display: none;
}

.entry {
	background: transparent;
	margin: 0;
}

.entry-content::after {
	clear: both;
	content: "";
	display: table;
}

.tatra-pattern-page .site-inner,
.tatra-front-page .site-inner,
.page-template-full-width-blocks .site-inner {
	max-width: none;
	padding: 0;
}

.tatra-pattern-page .content,
.tatra-front-page .content,
.page-template-full-width-blocks .content {
	width: 100%;
}

.tatra-pattern-page .entry,
.tatra-front-page .entry,
.page-template-full-width-blocks .entry {
	padding: 0;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.tatra-pattern-page .alignfull,
.tatra-front-page .alignfull,
.page-template-full-width-blocks .alignfull {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	width: 100%;
}

.alignwide {
	margin-left: auto;
	margin-right: auto;
	max-width: 122rem;
}

.genesis-skip-link {
	height: 0;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 100000;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 0;
}

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut,
.genesis-skip-link .screen-reader-text,
.genesis-skip-link .screen-reader-shortcut,
.genesis-skip-link a {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	transition: none;
	white-space: nowrap;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-skip-link .screen-reader-text:focus,
.genesis-skip-link .screen-reader-shortcut:focus,
.genesis-skip-link a:focus {
	background: var(--tatra-paper-light);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.65);
	clip: auto !important;
	clip-path: none;
	color: var(--tatra-ink);
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	height: auto;
	left: 1rem;
	margin: 0;
	padding: 1.4rem 2rem;
	position: fixed !important;
	top: 1rem;
	white-space: normal;
	width: auto;
	z-index: 100000;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}