/*
Theme Name: Tyler James Cooking
Description: Kadence child theme for the Tyler James Cooking redesign. Global colors, fonts and sizes are set in Customizer; this file holds what Customizer can't do.
Template: kadence
Version: 0.1.0
Text Domain: tjc-kadence
*/

/* Section headings (H2): Brandon caps, no letter spacing, per the mockups. */
h2, .h2 {
	text-transform: uppercase;
	letter-spacing: 0;
}
/* Recipe card section bands (H3) and ingredient group subheads (H4). */
h3, h4 {
	text-transform: uppercase;
	letter-spacing: 0;
}

/* Buttons: Brandon caps, 46px tall, 4px corners. */
.button,
.wp-block-button__link,
.kb-button,
input[type="submit"] {
	text-transform: uppercase;
	letter-spacing: .06em;
	min-height: 46px;
	border-radius: 4px;
}

/* Form fields: 46px tall, light blue-grey border, 4px corners. */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select {
	min-height: 46px;
	border: 1px solid var(--global-palette12);
	border-radius: 4px;
	padding: 0 18px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 15px;
	color: var(--global-palette4);
	background: var(--global-palette9);
}
textarea {
	padding: 12px 16px;
	font-family: minion-pro, Georgia, serif;
}

/* Text button ("Load More →", "View All →"). */
.text-btn {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--global-palette6);
	text-decoration: none;
}
.text-btn:hover {
	color: var(--global-palette2);
}

/* Recipe and category cards: Minion title under a portrait photo. */
.card-t {
	margin-top: 10px;
	font-family: minion-pro, Georgia, serif;
	font-weight: 400;
	font-size: 1.05rem;
	line-height: 1.3;
	color: var(--global-palette3);
}

/* Photos are square-cornered. */
img {
	border-radius: 0;
}

/* ==========================================================================
   Shared pieces from the mockups
   ========================================================================== */

.tjc-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
html.tjc-locked {
	overflow: hidden;
}

/* Icon buttons: no fill, text color. Resets Kadence's default button look. */
.tjc-mob-btn,
.tjc-search-btn,
.tjc-dialog__close,
.tjc-drawer__toggle,
.tjc-find__btn,
.tjc-mob-btn:hover,
.tjc-search-btn:hover,
.tjc-dialog__close:hover,
.tjc-drawer__toggle:hover,
.tjc-find__btn:hover {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	color: var(--global-palette4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .btn: filled Brandon caps button. */
.tjc-btn,
.tjc-btn:hover,
.tjc-btn:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 26px;
	background: var(--global-palette1);
	color: #fff;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.tjc-btn:hover {
	background: var(--global-palette11);
	color: #fff;
}
/* Footer Subscribe: lighter blue, no hover change (as drawn). */
.tjc-btn--light,
.tjc-btn--light:hover {
	background: var(--global-palette6);
}

/* .field: 46px input with a light blue-grey border. */
.tjc-field {
	min-height: 46px;
	border: 1px solid var(--global-palette12);
	border-radius: 4px;
	padding: 0 18px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 15px;
	color: var(--global-palette4);
	background: #fff;
	box-sizing: border-box;
}
.tjc-form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tjc-field--name {
	flex: 1 1 150px;
}
.tjc-field--email-ft {
	flex: 1 1 220px;
}

/* ==========================================================================
   Top newsletter bar
   ========================================================================== */

.tjc-topbar {
	background: var(--global-palette10);
	line-height: normal;
}
.tjc-topbar__form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tjc-topbar__label {
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.tjc-topbar .tjc-topbar__field {
	min-height: 34px;
	max-width: 100%;
	border: 0;
	border-radius: 4px;
	padding: 0 16px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 14px;
	color: #000;
	background: #fff;
	box-sizing: border-box;
}
.tjc-topbar__field--name {
	width: 160px;
}
.tjc-topbar__field--email {
	width: 240px;
}
.tjc-topbar .tjc-topbar__btn,
.tjc-topbar .tjc-topbar__btn:hover {
	position: relative;
	min-height: 34px;
	padding: 0 16px;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	background: var(--global-palette6);
	color: #fff;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 1;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
}
/* Invisible 44px tap area around the 34px button. */
.tjc-topbar__btn::after {
	content: "";
	position: absolute;
	inset: -5px 0;
}

/* ==========================================================================
   Header
   ========================================================================== */

.tjc-nav {
	line-height: normal;
}
.tjc-nav__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 32px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.tjc-nav__side {
	flex: 1 1 260px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 26px;
}
/* Menus sit at the content edges: left menu starts at the left edge, search ends at the right edge. */
.tjc-nav__side--left {
	justify-content: flex-start;
}
.tjc-nav__side--right {
	justify-content: flex-end;
}
.tjc-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tjc-menu > li {
	position: relative;
}
.tjc-menu a,
.tjc-menu a:hover {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette4);
	text-decoration: none;
}
.tjc-menu > .menu-item-has-children > a::after {
	content: "\00a0▾";
}

/* Recipes dropdown: parent categories only. */
.tjc-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -22px;
	z-index: 100;
	width: 660px;
	margin: 0;
	padding: 12px 0;
	list-style: none;
	/* Three columns, filled top to bottom, so the panel is wider than it is tall. */
	column-count: 3;
	column-gap: 0;
	background: #fff;
	box-shadow: 0 8px 24px rgba(17, 17, 17, .08);
	visibility: hidden;
	opacity: 0;
	transition: opacity .15s;
}
.tjc-menu li:hover > .sub-menu,
.tjc-menu li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
}
.tjc-menu .sub-menu li {
	break-inside: avoid;
}
.tjc-menu .sub-menu a {
	display: flex;
	padding: 0 22px;
}
.tjc-menu .sub-menu a:hover {
	color: var(--global-palette1);
}

.tjc-search-btn,
.tjc-search-btn:hover {
	min-width: 44px;
	min-height: 44px;
	/* Icon sits at the right of its 44px tap area so it lines up with the content edge. */
	justify-content: flex-end;
}

/* Typed logo. */
.tjc-logo,
.tjc-logo:hover {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	line-height: normal;
}
.tjc-logo__name {
	font-family: minion-pro, Georgia, serif;
	font-weight: 400;
	line-height: 1;
	color: var(--global-palette3);
}
.tjc-logo--header {
	flex: 0 0 auto;
	align-items: center;
	gap: 4px;
}
.tjc-logo--header .tjc-logo__name {
	font-size: 3rem;
}
.tjc-logo--header .tjc-logo__tagline {
	font-family: minion-pro, Georgia, serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--global-palette1);
}

.tjc-mob-btn {
	display: none;
	width: 44px;
	height: 44px;
}

@media (max-width: 860px) {
	.tjc-nav__side {
		display: none !important;
	}
	/* Keep menu, logo and search on one line (the mockup's 32px gap wraps the search icon). */
	.tjc-nav__row {
		flex-wrap: nowrap;
		gap: 0;
	}
	.tjc-nav .tjc-mob-btn {
		display: flex;
	}
	.tjc-logo--header {
		flex: 1 1 auto;
	}
	.tjc-logo--header .tjc-logo__name {
		font-size: 2rem;
	}
	.tjc-topbar__field {
		display: none !important;
	}
}

/* ==========================================================================
   Dialogs: phone menu, search, phone signup
   ========================================================================== */

.tjc-dialog {
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 12px 20px 40px;
	border: 0;
	background: #fff;
	color: var(--global-palette4);
	box-sizing: border-box;
	overflow-y: auto;
}
.tjc-dialog::backdrop {
	background: rgba(17, 17, 17, .45);
}
.tjc-dialog__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 56px;
	margin-bottom: 12px;
}
.tjc-dialog__close {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
}
.tjc-logo--dialog .tjc-logo__name {
	font-size: 2rem;
}

.tjc-drawer {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tjc-drawer li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid var(--global-palette8);
}
.tjc-drawer a {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	min-height: 52px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--global-palette4);
	text-decoration: none;
}
.tjc-drawer__toggle {
	width: 44px;
	height: 44px;
}
.tjc-drawer__toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}
.tjc-drawer .sub-menu {
	flex: 1 0 100%;
	margin: 0 0 8px;
	padding: 0 0 0 16px;
	list-style: none;
}
.tjc-drawer .sub-menu li {
	border: 0;
}
.tjc-drawer .sub-menu a {
	min-height: 44px;
	font-size: 14px;
}

.tjc-dialog--search {
	height: auto;
	max-height: none;
	margin: 0 0 auto;
	padding-bottom: 56px;
	background: var(--global-palette8);
}

/* Large search field (also the homepage "Find a Recipe" band). */
.tjc-find {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
.tjc-find .tjc-find__input {
	width: 100%;
	min-height: 60px;
	box-sizing: border-box;
	border: 0;
	border-radius: 4px;
	background: #fff;
	padding: 0 60px 0 20px;
	font-family: minion-pro, Georgia, serif;
	font-size: 18px;
	color: var(--global-palette4);
}
.tjc-find .tjc-find__btn {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
}

.tjc-signup {
	max-width: 480px;
	margin: 8vh auto 0;
	text-align: center;
}
.tjc-signup .tjc-signup__title {
	margin: 0;
	font-family: minion-pro, Georgia, serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.15;
	text-transform: none;
	color: var(--global-palette3);
}
.tjc-signup__text {
	margin: 10px 0 24px;
	font-size: 17px;
}
.tjc-signup__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.tjc-signup__form .tjc-field {
	width: 100%;
	min-height: 52px;
	font-size: 17px;
}
.tjc-signup__form .tjc-btn {
	min-height: 52px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.tjc-footer {
	background: var(--global-palette8);
	color: var(--global-palette4);
	line-height: normal;
}
.tjc-footer__inner {
	padding-top: 56px;
	padding-bottom: 28px;
}
.tjc-logo--footer {
	display: inline-flex;
	align-items: flex-end;
	gap: 2px;
}
.tjc-logo--footer .tjc-logo__name {
	font-size: 2.6rem;
}
.tjc-logo--footer .tjc-logo__tagline {
	font-family: brandon-grotesque, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--global-palette4);
}
.tjc-footer__row {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: space-between;
	margin-top: 40px;
}
.tjc-footer__signup {
	flex: 1 1 420px;
	max-width: 640px;
	min-width: 0;
}
.tjc-footer__heading {
	font-family: minion-pro, Georgia, serif;
	font-size: 1.6rem;
	color: var(--global-palette3);
}
.tjc-footer__text {
	margin: 8px 0 18px;
	font-size: 17px;
}
.tjc-social {
	display: flex;
	gap: 10px;
	margin-top: 22px;
}
.tjc-social__link,
.tjc-social__link:hover {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--global-palette6);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.tjc-social__p {
	font-family: minion-pro, Georgia, serif;
	font-size: 20px;
	font-weight: 700;
}
.tjc-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 72px;
}
.tjc-footer__col {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tjc-footer__col a,
.tjc-footer__col a:hover {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--global-palette4);
}
.tjc-footer__col--1 a,
.tjc-footer__col--1 a:hover {
	color: var(--global-palette6);
}
.tjc-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 40px;
	margin-top: 48px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.tjc-footer__legal,
.tjc-footer__legal li {
	display: contents;
}
.tjc-footer__bottom a,
.tjc-footer__bottom a:hover {
	color: var(--global-palette4);
	text-decoration: none;
}

/* ==========================================================================
   Shared: placeholders, cards, section titles, guide band
   ========================================================================== */

.tjc-ph {
	display: block;
	background: var(--global-palette13);
}

.tjc-section-title {
	margin: 0;
	font-family: brandon-grotesque, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	color: var(--global-palette3);
}

/* Grids of recipe cards. Phones: always 2 across. */
.tjc-grid {
	display: grid;
	gap: 28px 20px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}
.tjc-grid--popular {
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.tjc-grid--latest {
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
@media (max-width: 700px) {
	.tjc-grid--popular,
	.tjc-grid--latest {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.tjc-card,
.tjc-card:hover {
	display: block;
	position: relative;
	text-decoration: none;
}
.tjc-card__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}
.tjc-card .card-t {
	display: block;
}
/* Round number badge on Most Popular. */
.tjc-card__num {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--global-palette1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: minion-pro, Georgia, serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
}

.tjc-more {
	text-align: center;
	margin-top: 40px;
}
.tjc-more .text-btn[aria-busy="true"] {
	opacity: .5;
}
.tjc-empty {
	margin: 28px 0 0;
	text-align: center;
	font-size: 17px;
}

/* Free-guide band. */
.tjc-guide {
	background: var(--global-palette8);
	margin-top: 60px;
}
.tjc-guide__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tjc-guide .tjc-guide__title {
	flex: 1 1 360px;
	margin: 0;
	font-family: brandon-grotesque, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette3);
}
.tjc-guide__form {
	flex: 1 1 380px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tjc-btn--darkest,
.tjc-btn--darkest:hover {
	background: var(--global-palette2);
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.tjc-crumbs ol {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	word-spacing: .4em;
	text-transform: uppercase;
	color: var(--global-palette4);
}
.tjc-crumbs li {
	display: inline;
}
.tjc-crumbs li + li::before {
	content: " › ";
}
.tjc-crumbs a,
.tjc-crumbs a:hover {
	color: var(--global-palette4);
	text-decoration: none;
}

/* ==========================================================================
   Category and subcategory pages
   ========================================================================== */

.tjc-cat__top {
	padding-top: 48px;
}
.tjc-cat__top .tjc-crumbs {
	margin-bottom: 36px;
}
.tjc-cat__hero {
	display: flex;
	flex-wrap: wrap;
	margin-top: 22px;
}
.tjc-cat__intro {
	flex: 1 1 420px;
	min-width: 0;
	background: var(--global-palette8);
	padding: 44px 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tjc-cat__title {
	margin: 0;
	font-family: minion-pro, Georgia, serif;
	font-weight: 400;
	font-size: 2.6rem;
	line-height: 1.1;
	text-align: center;
	color: var(--global-palette3);
}
.tjc-cat__title--paged {
	margin-top: 22px;
}
.tjc-cat__text {
	margin-top: 22px;
	font-size: 19px;
	line-height: 1.65;
}
.tjc-cat__text p {
	margin: 0;
}
.tjc-cat__text p + p {
	margin-top: 1em;
}
.tjc-cat__text a {
	color: var(--global-palette1);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.tjc-cat__text a:hover {
	color: var(--global-palette2);
}
/* Photo fills the right half and stretches to the panel's height. */
.tjc-cat__media {
	flex: 1 1 420px;
	min-height: 360px;
	position: relative;
}
.tjc-cat__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Subcategory tiles: 6 across, 3 on tablets, 2 on phones. */
.tjc-cat__subs {
	padding-top: 30px;
}
.tjc-tiles {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 900px) {
	.tjc-tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 520px) {
	.tjc-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.tjc-tile,
.tjc-tile:hover {
	display: block;
	text-decoration: none;
}
.tjc-tile__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.tjc-tile__name {
	display: block;
	margin-top: 14px;
	text-align: center;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--global-palette4);
}

.tjc-cat__popular {
	padding-top: 60px;
}
.tjc-cat__popular--no-subs {
	padding-top: 52px;
}
.tjc-cat__latest {
	padding-top: 60px;
	padding-bottom: 64px;
}

/* Placeholder text ("First name", "Your email address"): a lighter shade of the text color, not Kadence's blue.
   #6E6969 still reads at 5.1:1 on white. */
::placeholder {
	color: #6E6969;
	opacity: 1;
}

/* ==========================================================================
   Recipe post
   ========================================================================== */

.tjc-post {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
	align-items: flex-start;
	padding-top: 48px;
	padding-bottom: 64px;
}
.tjc-post__main {
	flex: 999 1 560px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.tjc-post__main > .tjc-crumbs {
	margin-bottom: -14px;
}
.tjc-post__head {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.tjc-post__title {
	margin: 0;
	font-family: minion-pro, Georgia, serif;
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.15;
	color: var(--global-palette3);
}
.tjc-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 22px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	color: var(--global-palette4);
}
.tjc-meta a {
	color: var(--global-palette4);
	text-decoration: none;
}
.tjc-meta a:hover {
	color: var(--global-palette6);
}
.tjc-meta__rating {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.tjc-meta__rating .wprm-recipe-rating {
	display: inline-flex;
}
.tjc-post__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}
.tjc-btn--sm,
.tjc-btn--sm:hover {
	min-height: 36px;
	padding: 0 16px;
	font-size: 12px;
}
.tjc-pin,
.tjc-pin:hover {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--global-palette1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: minion-pro, Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}
.tjc-post__aff {
	margin: 0;
	font-size: 13px;
	line-height: normal;
	color: var(--global-palette5);
}
.tjc-post__summary {
	margin: 0;
	font-size: 19px;
	font-style: italic;
	line-height: 1.75;
}
.tjc-post__hero {
	aspect-ratio: 2 / 3;
	max-height: 860px;
	overflow: hidden;
}
.tjc-post__hero-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Post text: blocks spaced 26px apart, as in the mockup's main column. */
.tjc-entry {
	display: flex;
	flex-direction: column;
	gap: 26px;
	font-size: 17px;
	line-height: 1.75;
}
.tjc-entry > *,
.tjc-entry > p {
	margin: 0;
}
.tjc-entry > :empty:not(img):not(hr):not(#recipe) {
	display: none;
}
/* WP Recipe Maker's #recipe jump point, right above the card: zero height, and its extra 26px gap cancelled. */
.tjc-entry > #recipe {
	display: block;
	height: 0;
	margin-bottom: -26px;
	scroll-margin-top: 20px;
}
.tjc-entry h2 {
	margin: 0;
}
.tjc-entry img {
	max-width: 100%;
	height: auto;
}
.tjc-entry .wp-block-image,
.tjc-entry figure {
	margin: 0;
}
.tjc-entry .wp-block-spacer {
	display: none;
}

/* Reader quote. */
.tjc-entry blockquote,
.tjc-entry .wp-block-quote {
	margin: 0;
	padding: 22px 26px;
	border: 0;
	border-radius: 4px;
	background: var(--global-palette8);
}
.tjc-entry blockquote p {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.4;
}
.tjc-entry blockquote cite {
	display: block;
	margin-top: 8px;
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	color: var(--global-palette5);
}

/* "What You'll Need" pattern: striped list ending in the blue jump row. */
/* Kadence wraps group contents in .wp-block-group__inner-container, so style both levels. */
.tjc-entry .tjc-needs,
.tjc-entry .tjc-steps,
.tjc-entry .tjc-needs > .wp-block-group__inner-container,
.tjc-entry .tjc-steps > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.tjc-entry .tjc-needs > *,
.tjc-entry .tjc-steps > *,
.tjc-entry .tjc-needs > .wp-block-group__inner-container > *,
.tjc-entry .tjc-steps > .wp-block-group__inner-container > * {
	/* Override WordPress's group layout widths and margins so everything spans the column. */
	max-width: none !important;
	margin: 0 !important;
}
.tjc-entry .tjc-needs__list {
	padding: 0;
	list-style: none;
	border: 1px solid #D6D6D6;
	font-size: 17px;
	line-height: 1.65;
}
.tjc-entry .tjc-needs__list li {
	padding: 18px 20px;
	border-bottom: 1px solid #D6D6D6;
	background: #fff;
}
.tjc-entry .tjc-needs__list li:nth-child(odd) {
	background: var(--global-palette8);
}
.tjc-entry .tjc-needs__list strong {
	font-family: brandon-grotesque, sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}
.tjc-entry .tjc-needs .tjc-needs__jump {
	margin-top: -17px !important;
	background: var(--global-palette7);
	border: 1px solid var(--global-palette6);
}
.tjc-entry .tjc-needs__jump a {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 8px 20px;
	box-sizing: border-box;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	color: var(--global-palette1);
	text-decoration: none;
}

/* Step-by-step pattern: 18px between steps, 12px between a step and its photo. */
.tjc-entry .tjc-steps,
.tjc-entry .tjc-steps > .wp-block-group__inner-container {
	gap: 18px;
}
.tjc-entry .tjc-steps > p + figure,
.tjc-entry .tjc-steps > .wp-block-group__inner-container > p + figure {
	margin-top: -6px !important;
}

/* You May Also Like (just above the recipe card). */
.tjc-also {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.tjc-also h2 {
	margin: 0;
	line-height: normal;
}
.tjc-grid--also {
	margin: 0;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 16px;
}
.tjc-grid--4 {
	margin-top: 24px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px 20px;
}
@media (max-width: 700px) {
	.tjc-grid--also,
	.tjc-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.tjc-grid--also .card-t,
.tjc-grid--4 .card-t {
	margin-top: 10px;
	font-size: 1rem;
}
.tjc-post__more {
	margin-top: 24px;
}
.tjc-more--tight {
	margin-top: 16px;
}

/* ==========================================================================
   Comments
   ========================================================================== */

.tjc-comments {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 17px;
	line-height: 1.7;
}
.tjc-comments__rating {
	display: flex;
	align-items: center;
	gap: 10px;
}
.tjc-lbl,
.tjc-comments .comment-form-wprm-rating > label,
.tjc-comment__by {
	font-family: brandon-grotesque, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette4);
}
.tjc-comments .comment-respond {
	margin: 0;
	padding: 28px 24px;
	background: var(--global-palette8);
}
.tjc-review__title {
	margin: 0;
	font-family: minion-pro, Georgia, serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: none;
	color: var(--global-palette3);
}
.tjc-review__cancel a {
	font-family: brandon-grotesque, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
.tjc-comments .tjc-review {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}
.tjc-comments .tjc-review p {
	margin: 0;
}
.tjc-comments .comment-form-wprm-rating {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 10px;
}
.tjc-comments .comment-form-comment {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 8px;
}
.tjc-comments .comment-form-comment textarea {
	width: 100%;
	min-height: 0;
	border: 1px solid #D6D6D6;
	border-radius: 4px;
	background: #fff;
	padding: 12px 16px;
	font-family: minion-pro, Georgia, serif;
	font-size: 16px;
	line-height: normal;
	box-sizing: border-box;
}
.tjc-review__row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 20px;
	margin-top: 8px;
}
.tjc-review__row > p {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.tjc-review__row .tjc-field {
	width: 100%;
	border-color: #D6D6D6;
}
.tjc-review__check {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin-top: 8px;
}
.tjc-review__check input {
	width: 20px;
	height: 20px;
	margin: 0;
	flex: 0 0 auto;
}
.tjc-btn--send,
.tjc-btn--send:hover {
	min-height: 46px;
	padding: 0 36px;
	background: var(--global-palette3);
	font-size: 13px;
}
.tjc-comments__spam {
	margin: 0;
	font-size: 15px;
}
.tjc-comments__title {
	margin: 12px 0 0;
	font-family: minion-pro, Georgia, serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: none;
	color: var(--global-palette3);
}
.tjc-comments__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.tjc-comment {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 18px;
}
.tjc-comment__text p {
	margin: 4px 0 6px;
}
.tjc-comment__text img.wprm-comment-rating {
	display: block;
	margin: 0;
}
.tjc-comment__by {
	text-align: right;
}
.tjc-comment__pending {
	margin: 0;
	font-style: italic;
}
/* Replies (e.g. Tyler's): indented with a thin blue line. They sit inside the comment they answer. */
.tjc-comment--reply {
	margin: 18px 0 0 32px;
	padding: 0 0 0 18px;
	border-left: 2px solid var(--global-palette6);
	border-bottom: 0;
}
.tjc-comment--reply .tjc-comment__text p {
	margin: 0 0 6px;
}
/* Reply link: plain accent text, not Kadence's boxed button. */
.tjc-comment__reply a,
.tjc-comment__reply a:hover {
	display: inline;
	margin-left: 8px;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font: inherit;
	color: var(--global-palette1);
	text-decoration: none;
}
/* Star picker: larger outline stars in the accent blue. */
.tjc-comments .comment-form-wprm-rating .wprm-rating-stars {
	zoom: 1.75;
}
.tjc-comment.tjc-is-hidden {
	display: none;
}
.tjc-more--comments {
	margin-top: 0;
}
.tjc-more--comments button,
.tjc-more--comments button:hover {
	background: none;
	border: 0;
	padding: 0;
	box-shadow: none;
	cursor: pointer;
}

/* ==========================================================================
   Recipe sidebar
   ========================================================================== */

.tjc-side {
	flex: 1 1 300px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 36px;
}
.tjc-side__profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}
.tjc-side__photo {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	object-fit: cover;
}
.tjc-side__hi,
.tjc-side__guide-t {
	margin: 0;
	font-family: brandon-grotesque, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette3);
}
.tjc-side__bio {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
}
.tjc-side__bio a,
.tjc-side__bio a:hover {
	color: var(--global-palette6);
	text-decoration: none;
}
.tjc-side__social {
	display: flex;
	gap: 4px;
}
.tjc-side__social a,
.tjc-side__social a:hover {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--global-palette4);
	text-decoration: none;
}
.tjc-side__p {
	font-family: minion-pro, Georgia, serif;
	font-size: 24px;
	font-weight: 700;
}
.tjc-side__guide {
	background: var(--global-palette8);
	border-radius: 4px;
	padding: 22px;
	color: var(--global-palette4);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.tjc-side__guide .tjc-side__guide-t {
	color: var(--global-palette3);
}
.tjc-side__guide form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.tjc-side__h {
	margin: 0;
	font-family: brandon-grotesque, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	color: var(--global-palette3);
}
.tjc-side__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 24px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}
.tjc-side__grid .card-t {
	margin-top: 12px;
	font-size: 1rem;
}

/* ==========================================================================
   Homepage
   ========================================================================== */

.tjc-section-title--left {
	text-align: left;
}

/* Featured recipes: portrait photo with a grey caption bar; one per row on phones. */
.tjc-home__featured {
	padding-top: 28px;
}
.tjc-featured {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tjc-featured__card,
.tjc-featured__card:hover {
	display: block;
	text-decoration: none;
}
.tjc-featured__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
.tjc-featured__bar {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 14px 16px;
	background: var(--global-palette8);
	line-height: normal;
}
.tjc-featured__tag {
	flex: 0 0 auto;
	font-family: minion-pro, Georgia, serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #43566B;
}
.tjc-featured__title {
	font-family: minion-pro, Georgia, serif;
	font-size: 1.3rem;
	line-height: 1.25;
	color: var(--global-palette3);
}

/* Intro: wide photo across the content width with a white signup card on the right.
   Phones: photo on top, card full width underneath. */
.tjc-home__intro {
	margin-top: 48px;
}
.tjc-intro {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 48px 80px;
	box-sizing: border-box;
}
.tjc-intro__media {
	position: absolute;
	inset: 0;
}
.tjc-intro__photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 30% center;
}
.tjc-intro__card {
	position: relative;
	width: 460px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 40px;
	background: #fff;
}
.tjc-intro__title {
	margin: 0 0 22px;
	font-family: minion-pro, Georgia, serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	color: var(--global-palette3);
}
.tjc-intro__p {
	margin: 0 0 16px;
	font-size: 17px;
	line-height: 1.55;
}
.tjc-intro__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}
.tjc-intro__form .tjc-field {
	width: 100%;
	border-color: #D6D6D6;
	border-radius: 0;
}
.tjc-intro__btn,
.tjc-intro__btn:hover {
	width: 100%;
	border-radius: 0;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .04em;
}
.tjc-intro__btn:hover {
	background: var(--global-palette11);
}
@media (max-width: 860px) {
	.tjc-intro {
		display: block;
		min-height: 0;
		padding: 0;
	}
	.tjc-intro__media {
		position: relative;
		aspect-ratio: 4 / 3;
	}
	.tjc-intro__photo {
		position: absolute;
		inset: 0;
	}
	.tjc-intro__card {
		width: auto;
		padding: 28px 24px 32px;
		background: var(--global-palette8);
	}
}

/* New & Trending and the category tiles: 4 across, 2 on phones. */
.tjc-home__trending {
	padding-top: 56px;
}
.tjc-grid--home,
.tjc-grid--tiles {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tjc-grid--tiles {
	flex: 999 1 560px;
	min-width: 0;
	margin: 0;
	gap: 24px 18px;
}
@media (max-width: 700px) {
	.tjc-grid--home,
	.tjc-grid--tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Find a Recipe: edge-to-edge grey band. */
.tjc-home__find {
	margin-top: 64px;
}
.tjc-find-band {
	background: var(--global-palette8);
	padding: 56px 20px;
}
.tjc-find-band .tjc-find {
	margin-top: 28px;
}
.tjc-home__cats {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
	margin-top: 44px;
}
.tjc-home__side {
	flex: 1 1 300px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.tjc-ebook {
	background: var(--global-palette8);
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}
.tjc-ebook__cover {
	width: 160px;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}
.tjc-ebook__title {
	margin: 0;
	line-height: normal;
}
.tjc-ebook__text {
	margin: 0;
	font-size: 17px;
	line-height: 1.55;
}

/* Reader review. */
.tjc-review-quote {
	padding-top: 64px;
	text-align: center;
}
.tjc-review-quote__stars {
	color: var(--global-palette6);
	font-size: 22px;
	letter-spacing: 4px;
	line-height: normal;
}
.tjc-review-quote .tjc-review-quote__text {
	max-width: 760px;
	margin: 10px auto 8px;
	padding: 0;
	border: 0;
	background: none;
	font-family: minion-pro, Georgia, serif;
	font-size: 1.7rem;
	font-style: normal;
	line-height: 1.35;
	color: var(--global-palette3);
}
.tjc-review-quote__name {
	font-weight: 700;
	color: var(--global-palette5);
}

/* Free-guide band (homepage version, with the guide cover). */
.tjc-home-guide {
	margin-top: 64px;
	background: var(--global-palette8);
}
.tjc-home-guide__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.tjc-home-guide__cover {
	flex: 0 0 auto;
	width: 200px;
	height: 250px;
	object-fit: cover;
}
.tjc-home-guide__cover.tjc-ph {
	background: var(--global-palette13);
}
.tjc-home-guide__text {
	flex: 1 1 420px;
	min-width: 0;
	color: var(--global-palette4);
}
.tjc-home-guide__title {
	margin: 0;
	font-family: brandon-grotesque, sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette3);
}
.tjc-home-guide__p {
	margin: 8px 0 18px;
	font-size: 17px;
	color: var(--global-palette4);
}

/* Ask Tyler: centered heading, square photo left, form right (white background). Phones: photo above form. */
.tjc-home__ask {
	padding-top: 64px;
}
.tjc-ask {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	margin-top: 40px;
}
.tjc-ask__photo {
	flex: 0 1 360px;
	width: 360px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.tjc-ask__form {
	flex: 0 1 560px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.tjc-ask__field {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}
.tjc-ask__lbl {
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--global-palette4);
}
.tjc-ask__req {
	margin-left: 4px;
	color: var(--global-palette1);
}
.tjc-ask__form textarea,
.tjc-ask__form .tjc-field {
	width: 100%;
	border: 1px solid #C9C9C9;
	border-radius: 2px;
	background: #fff;
	box-sizing: border-box;
}
.tjc-ask__form textarea {
	min-height: 148px;
	padding: 12px 16px;
	font-family: minion-pro, Georgia, serif;
	font-size: 16px;
	line-height: 1.5;
	resize: vertical;
}
.tjc-ask__form .tjc-field {
	min-height: 48px;
}
.tjc-ask__row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.tjc-ask__row > .tjc-ask__field {
	flex: 1 1 200px;
}
.tjc-ask__btn,
.tjc-ask__btn:hover {
	min-height: 48px;
	padding: 0 40px;
	border-radius: 2px;
	background: var(--global-palette3);
	font-size: 13px;
}
.tjc-ask__btn:hover {
	background: #111;
}
@media (max-width: 960px) {
	.tjc-ask__form {
		flex-basis: 100%;
	}
}

/* What I Use. */
.tjc-home__shop {
	padding-top: 64px;
	padding-bottom: 64px;
}
.tjc-shop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
}
.tjc-shop__media {
	flex: 1 1 360px;
	aspect-ratio: 16 / 10;
	position: relative;
}
.tjc-shop__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tjc-shop__text {
	flex: 1 1 360px;
	min-width: 0;
}
.tjc-shop__p {
	margin: 10px 0 20px;
	font-size: 17px;
	line-height: 1.6;
}

/* Logo image (Site Identity). Sized to match the typed "Tyler James" in the mockups. */
.tjc-logo__img {
	display: block;
	height: auto;
}
.tjc-logo--header .tjc-logo__img {
	width: 260px;
}
.tjc-logo--footer .tjc-logo__img {
	width: 230px;
}
.tjc-logo--dialog .tjc-logo__img {
	width: 170px;
}
@media (max-width: 860px) {
	.tjc-logo--header .tjc-logo__img {
		width: 190px;
	}
}

/* Email field width in side-by-side signup rows (homepage free-guide band). */
.tjc-field--email {
	flex: 1 1 240px;
}

/* Form spam trap (hidden from people) and the thank-you / error message shown after submitting. */
.tjc-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.tjc-form-msg {
	margin: 0;
	padding: 14px 16px;
	border-radius: 4px;
	background: #fff;
	color: var(--global-palette4);
	font-size: 17px;
	line-height: 1.5;
}
.tjc-form-msg--error {
	margin-top: 10px;
	border: 1px solid #B3261E;
	color: #8C1D18;
}
.tjc-topbar .tjc-form-msg {
	padding: 4px 12px;
	font-family: brandon-grotesque, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}

/* Promo / ad spots: fixed size reserved, image fills it. */
.tjc-ad {
	width: 100%;
	max-width: 300px;
	overflow: hidden;
}
.tjc-home__side .tjc-ad,
.tjc-side .tjc-ad {
	margin: 0 auto;
}
.tjc-ad__item,
.tjc-ad__item > *,
.tjc-ad figure,
.tjc-ad a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}
.tjc-ad img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tjc-form-banner {
	margin: 0;
	padding: 12px 20px;
	text-align: center;
	font-family: brandon-grotesque, sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	background: var(--global-palette8);
	color: var(--global-palette4);
}
.tjc-form-banner--error {
	background: #FBEAE9;
	color: #8C1D18;
}

/* Links inside text: a faint underline so they stand out without relying on color alone. */
.tjc-meta a,
.tjc-side__bio a,
.tjc-side__bio a:hover {
	text-decoration: underline;
	text-decoration-color: rgba(59, 55, 55, .3);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Search results page. */
.tjc-search__title {
	margin-top: 0;
}
.tjc-search__field {
	margin-top: 28px;
}
.tjc-search__field .tjc-find .tjc-find__input {
	background: var(--global-palette8);
}
.tjc-search .tjc-cat__latest {
	padding-top: 40px;
}