.tmk-recipe-category-page .contact-hero {
    min-height: 240px;
}

.tmk-recipe-category-page .contact-hero__inner {
    padding: 35px 0;
}

/* =========================================================
   RECIPE CATEGORY LANDING PAGE
   ========================================================= */

.tmk-recipe-category-page {
	background: #fff;
}

/* =========================================================
   CATEGORY GRID
   ========================================================= */

.tmk-all-categories-section {
	padding: 18px 0 8px;
	background: #fff;
}

.tmk-category-grid {
	display: grid;

	grid-template-columns: repeat(6, minmax(0, 1fr));

	gap: 14px;
}


/* =========================================================
   CATEGORY CARD
   ========================================================= */

.tmk-category-card {
	position: relative;

	display: block;

	overflow: hidden;

	background: #fff;

	border: 1px solid #e8e8e8;

	border-radius: 11px;

	box-shadow:
		0 2px 7px rgba(0, 0, 0, .05);

	text-decoration: none;

	transition:
		transform .22s ease,
		box-shadow .22s ease;
}

.tmk-category-card:hover {
	transform: translateY(-3px);

	box-shadow:
		0 7px 20px rgba(0, 0, 0, .11);
}


/* =========================================================
   CARD IMAGE
   ========================================================= */

.tmk-category-card-image {
	position: relative;
	height: 94px;
	/* overflow: hidden; */
	background: #f5f0e8;
}

.tmk-category-card-image > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.tmk-category-card:hover
.tmk-category-card-image > img {
	transform: scale(1.05);
}


/* =========================================================
   FALLBACK IMAGE
   ========================================================= */

.tmk-category-image-placeholder {
	width: 100%;
	height: 100%;

	display: grid;
	place-items: center;

	background: #f5f2eb;

	color: #6b9f5d;

	font-size: 35px;
}


/* =========================================================
   FLOATING ICON
   ========================================================= */

.tmk-category-icon {
	position: absolute;

	left: 12px;
	bottom: -16px;

	width: 40px;
	height: 40px;

	display: grid;
	place-items: center;

	border-radius: 50%;

	background: #fff;

	border: 3px solid #fff;

	box-shadow:
		0 2px 7px rgba(0, 0, 0, .13);

	font-size: 17px;

	color: #f36b21;
}


/*
 * Give different cards different icon colours,
 * similar to your screenshot.
 */

.tmk-category-card:nth-child(1) .tmk-category-icon {
	color: #ef8b1b;
}

.tmk-category-card:nth-child(2) .tmk-category-icon {
	color: #4e9648;
}

.tmk-category-card:nth-child(3) .tmk-category-icon {
	color: #df3c38;
}

.tmk-category-card:nth-child(4) .tmk-category-icon {
	color: #d58a2d;
}

.tmk-category-card:nth-child(5) .tmk-category-icon {
	color: #8c39c4;
}

.tmk-category-card:nth-child(6) .tmk-category-icon {
	color: #4b9946;
}

.tmk-category-card:nth-child(7) .tmk-category-icon {
	color: #7c5736;
}

.tmk-category-card:nth-child(8) .tmk-category-icon {
	color: #e85a29;
}

.tmk-category-card:nth-child(9) .tmk-category-icon {
	color: #17a7b2;
}

.tmk-category-card:nth-child(10) .tmk-category-icon {
	color: #e33d72;
}

.tmk-category-card:nth-child(11) .tmk-category-icon {
	color: #9b3ba1;
}

.tmk-category-card:nth-child(12) .tmk-category-icon {
	color: #3278bd;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.tmk-category-card-content {
	padding: 20px 12px 12px;
}

.tmk-category-card-content h3 {
	margin: 0;

	font-size: 13px;
	line-height: 1.2;

	font-weight: 800;

	color: #222;
}

.tmk-category-card-content span {
	display: block;

	margin-top: 5px;

	font-size: 11px;

	line-height: 1.2;

	color: #444;
}


/* =========================================================
   VIEW ALL CATEGORIES
   ========================================================= */

.tmk-category-load-more-wrap {
	display: flex;

	justify-content: center;

	margin: 10px 0 8px;
}

.tmk-category-load-more {
	min-width: 200px;

	height: 35px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 8px;

	padding: 0 18px;

	background: #fff;

	border: 1px solid #cfd8c7;

	border-radius: 6px;

	color: #4d7046;

	font-size: 12px;

	font-weight: 700;

	cursor: pointer;

	transition:
		background .2s ease,
		border-color .2s ease,
		color .2s ease;
}

.tmk-category-load-more:hover {
	background: #f5f9f2;

	border-color: #9fb497;

	color: #376632;
}

.tmk-load-more-loading {
	display: none;
}

.tmk-category-load-more.is-loading
.tmk-load-more-text {
	display: none;
}

.tmk-category-load-more.is-loading
.tmk-load-more-loading {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}


/* =========================================================
   FEATURED COLLECTIONS
   ========================================================= */

.tmk-featured-collections {
	padding: 5px 0 18px;
}

.tmk-featured-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.tmk-featured-header h2 span {
	margin-right: 4px;
}

.tmk-featured-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

/* =========================================================
   FEATURED CARD
   ========================================================= */

.tmk-featured-card {
	display: block;
	text-decoration: none;
	border-radius: 9px;
	overflow: hidden;
}

.tmk-featured-card-image {
	position: relative;
	height: 95px;
	overflow: hidden;
}

.tmk-featured-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .3s ease;
}

.tmk-featured-card:hover
.tmk-featured-card-image img {
	transform: scale(1.05);
}

.tmk-featured-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(
			90deg,
			rgba(20, 20, 20, .82),
			rgba(20, 20, 20, .30)
		);
}

.tmk-featured-content {
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
}

.tmk-featured-content h3 {
	margin: 0;
	font-size: 14px;
	line-height: 1.08;
	font-weight: 800;
}

.tmk-featured-content span {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
}

/* =========================================================
   NO CATEGORIES
   ========================================================= */

.tmk-no-categories {
	padding: 30px 0;
	text-align: center;
	color: #777;
}

.page-id-445 .news-form input[type="submit"] {
    background: var(--orange);
}

.page-id-445 .news-form input[type="submit"]:hover, .page-id-224 .news-form input[type="submit"]:focus {
    background: var(--orange);
}   


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

	.tmk-category-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tmk-featured-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}


@media (max-width: 800px) {

	.tmk-category-hero {
		min-height: 130px;
	}

	.tmk-category-hero h1 {
		font-size: 34px;
	}

	.tmk-category-hero p {
		font-size: 14px;
	}

	.tmk-category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

	.tmk-featured-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}


@media (max-width: 520px) {

	.desktop-only {
		display: none;
	}

	.tmk-category-hero {
		min-height: 150px;

		background-position: 65% center;
	}

	.tmk-category-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(255, 250, 245, .96),
				rgba(255, 250, 245, .70)
			);
	}

	.tmk-category-hero-content {
		padding: 25px 0;
	}

	.tmk-category-hero h1 {
		font-size: 30px;
	}

	.tmk-category-hero p {
		font-size: 13px;
	}

	.tmk-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.tmk-category-card-image {
		height: 110px;
	}

	.tmk-category-card-content {
		padding: 20px 10px 11px;
	}

	.tmk-category-card-content h3 {
		font-size: 12px;
	}

	.tmk-category-card-content span {
		font-size: 10px;
	}

	.tmk-category-icon {
		width: 36px;
		height: 36px;

		left: 9px;
		bottom: -14px;

		font-size: 15px;
	}

	.tmk-featured-grid {
		grid-template-columns: 1fr;
	}

}