Reduce the CSS specificity and fix footer menu padding (#1398)

maywood/sass/_full-site-editing-editor.scss

@@ -55,6 +55,7 @@
 			text-decoration: none;
 			@include media(mobile-only) {
 				font-size: 13.8px;
+				padding: 0 8px;
 			}
 		}
 	}

maywood/sass/_full-site-editing.scss

@@ -8,7 +8,7 @@
 		width: 100%;
 
 		@include media(mobile-only) {
-			.main-navigation .menu-primary-container {
+			.main-navigation > div {
 				padding: 0 32px;
 			}
 		}
@@ -20,6 +20,11 @@
 				margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
 				margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
 			}
+			@include media(mobile) {
+				.footer-menu a {
+					padding: 8px;
+				}
+			}
 		}
 	}
 

maywood/style-editor.css

@@ -1481,7 +1481,7 @@ b, strong {
 }
 
 @media only screen and (max-width: 559px) {
-	.site-footer .main-navigation .menu-primary-container {
+	.site-footer .main-navigation > div {
 		display: block;
 	}
 	.site-footer .main-navigation li {
@@ -1556,6 +1556,7 @@ b, strong {
 @media only screen and (max-width: 559px) {
 	.site-footer .main-navigation .footer-menu a {
 		font-size: 13.8px;
+		padding: 0 8px;
 	}
 }
 

maywood/style-rtl.css

@@ -1896,25 +1896,19 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #CCCCCC;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #CCCCCC;
+	border-bottom: 2px solid #CCCCCC;
 	/**
 		 * Block Options
 		 */
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #CCCCCC;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #CCCCCC;
 	font-size: 1.728rem;
@@ -3794,7 +3788,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-footer .main-navigation .menu-primary-container {
+	.fse-enabled .site-footer .main-navigation > div {
 		display: block;
 	}
 	.fse-enabled .site-footer .main-navigation li {
@@ -3813,7 +3807,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
+	.fse-enabled .site-header.entry-content .main-navigation > div {
 		padding: 0 32px;
 	}
 }
@@ -3825,6 +3819,12 @@ p:not(.site-title) a:hover {
 	}
 }
 
+@media only screen and (min-width: 560px) {
+	.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
+		padding: 8px;
+	}
+}
+
 .fse-enabled #colophon {
 	margin-right: auto;
 	margin-left: auto;

maywood/style.css

@@ -1896,25 +1896,19 @@ p.has-background {
 }
 
 hr {
-	border-bottom-color: #CCCCCC;
-	border-bottom-width: 2px;
+	border-bottom: 2px solid #CCCCCC;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #CCCCCC;
+	border-bottom: 2px solid #CCCCCC;
 	/**
 		 * Block Options
 		 */
 }
 
-hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #CCCCCC;
-	border-bottom-width: 2px;
-}
-
 hr.wp-block-separator.is-style-dots:before {
 	color: #CCCCCC;
 	font-size: 1.728rem;
@@ -3823,7 +3817,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-footer .main-navigation .menu-primary-container {
+	.fse-enabled .site-footer .main-navigation > div {
 		display: block;
 	}
 	.fse-enabled .site-footer .main-navigation li {
@@ -3842,7 +3836,7 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
+	.fse-enabled .site-header.entry-content .main-navigation > div {
 		padding: 0 32px;
 	}
 }
@@ -3854,6 +3848,12 @@ p:not(.site-title) a:hover {
 	}
 }
 
+@media only screen and (min-width: 560px) {
+	.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
+		padding: 8px;
+	}
+}
+
 .fse-enabled #colophon {
 	margin-left: auto;
 	margin-right: auto;

varia/sass/full-site-editing/_editor.scss

@@ -71,7 +71,7 @@
 		}
 
 		@include media(mobile-only) {
-			.menu-primary-container {
+			> div {
 				display: block;
 			}
 			li {

varia/sass/full-site-editing/_imports.scss

@@ -13,7 +13,7 @@
 			}
 
 			@include media(mobile-only) {
-				.menu-primary-container {
+				> div {
 					display: block;
 				}
 				li {

varia/style-editor.css

@@ -1366,7 +1366,7 @@ table th,
 }
 
 @media only screen and (max-width: 559px) {
-	.site-footer .main-navigation .menu-primary-container {
+	.site-footer .main-navigation > div {
 		display: block;
 	}
 	.site-footer .main-navigation li {

varia/style-rtl.css

@@ -3376,7 +3376,7 @@ img#wpstats {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-footer .main-navigation .menu-primary-container {
+	.fse-enabled .site-footer .main-navigation > div {
 		display: block;
 	}
 	.fse-enabled .site-footer .main-navigation li {

varia/style.css

@@ -3405,7 +3405,7 @@ img#wpstats {
 }
 
 @media only screen and (max-width: 559px) {
-	.fse-enabled .site-footer .main-navigation .menu-primary-container {
+	.fse-enabled .site-footer .main-navigation > div {
 		display: block;
 	}
 	.fse-enabled .site-footer .main-navigation li {