From 82d759c7b66f193bcf169e38a6f83045d89762f5 Mon Sep 17 00:00:00 2001
From: Jeff Ong <jonger4@gmail.com>
Date: Fri, 15 Jan 2021 12:30:44 -0500
Subject: [PATCH] Adjust spacing and font sizes.

---
 assets/css/twenty-twenty-one.scss | 42 ++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/assets/css/twenty-twenty-one.scss b/assets/css/twenty-twenty-one.scss
index c8fbba84047..597c6f9e3ef 100644
--- a/assets/css/twenty-twenty-one.scss
+++ b/assets/css/twenty-twenty-one.scss
@@ -126,12 +126,18 @@ a.button {
 	}
 }
 
-.woocommerce-breadcrumb {
-	margin-bottom: 5rem;
-	font-size: 0.88889em;
-	font-family: $headings;
+.site-main {
+	.woocommerce-breadcrumb {
+		margin-bottom: var(--global--spacing-vertical);
+		font-size: 0.88889em;
+		font-family: $headings;
+	}
+	.woocommerce-products-header {
+		margin-top: var(--global--spacing-vertical);
+	}
 }
 
+
 .woocommerce-pagination {
 	font-family: $headings;
 	font-size: 0.88889em;
@@ -350,6 +356,10 @@ a.button {
 			border-left: none;
 			border-right: none;
 		}
+
+		.product-thumbnail {
+			max-width: 120px;
+		}
 	}
 }
 
@@ -537,11 +547,16 @@ dl.variation,
 		display: none;
 	}
 
-	.entry-title {
-		margin: 0 0 2.5rem;
 
-		&::before {
-			margin-top: 0;
+	&.singular { // Needed for higher specificity to target the entry title font size
+		.entry-title {
+			font-size: var(--global--font-size-xl);
+			font-weight: normal;
+			margin: 0 0 2.5rem;
+
+			&::before {
+				margin-top: 0;
+			}
 		}
 	}
 
@@ -829,7 +844,7 @@ a.reset_variations {
 		}
 
 		h2:first-of-type {
-			font-size: 3rem;
+			font-size: var(--global--font-size-lg);
 			margin: 0 0 2rem !important;
 		}
 	}
@@ -1424,10 +1439,6 @@ a.reset_variations {
 
 	#main {
 
-		.entry-header {
-			padding: 3vw 0 1.5vw;
-		}
-
 		.woocommerce {
 			max-width: var(--responsive--alignwide-width);
 			margin: 0 auto;
@@ -2788,11 +2799,6 @@ a.reset_variations {
 
 .woocommerce-account {
 
-	.entry-header {
-
-		padding-bottom: 20px !important;
-	}
-
 	.woocommerce-MyAccount-content {
 
 		p:first-of-type {