fix: layout fixes (post-Zakra 3) (#75)

* fix: add spacing between headings on contact form
* fix: add spacing below button on 404 page
* chore: stylelint formatting

assets/css/main.src.css

@@ -81,7 +81,8 @@ html body .zak-icon {
 
 /*
  * Colors
- */ /****************************************************************
+ */
+/****************************************************************
   * Buttons
   */
 .wp-block-buttons.wp-block-buttons .wp-block-button__link {
@@ -296,7 +297,7 @@ body .zak-scroll-to-top {
   background-color: #076b8e;
 }
 body .zak-scroll-to-top:hover {
-  background-color: #358EAE;
+  background-color: #358eae;
 }
 
 .zak-icon-arrow-up::after {
@@ -393,7 +394,8 @@ main {
   border-radius: 4px;
 }
 
-.slug-faq .entry-content h2, .slug-faq .entry-content h3,
+.slug-faq .entry-content h2,
+.slug-faq .entry-content h3,
 .slug-preguntas-frecuentes .entry-content h2,
 .slug-preguntas-frecuentes .entry-content h3,
 .slug-perguntas-frequentes .entry-content h2,
@@ -737,9 +739,6 @@ main {
 .wp-block-group.mobile-header .wp-block-group__inner-container {
   padding: 0;
 }
-.wp-block-group.contact-form h3 {
-  margin: 0;
-}
 .wp-block-group.contact-form h3 + p {
   -webkit-margin-before: 0;
           margin-block-start: 0;
@@ -764,6 +763,7 @@ main {
 
 .zak-error-404 {
   font-size: 2em;
+  margin-bottom: 2em;
 }
 .zak-error-404 .zak-search-form .zak-search-field-label {
   border-radius: 1em;

assets/css/src/parts/_variables.scss

@@ -17,7 +17,7 @@ $link-hover: #00344d;
 
 // blue button hover (up arrow in footer)
 $button: $link;
-$button-hover: #358EAE;
+$button-hover: #358eae;
 
 // footer
 $dark-brown: #3f3933;

assets/css/src/parts/terraso.scss

@@ -82,12 +82,11 @@
 	max-width: 1200px;
 	margin: 0 auto;
 
-	@media screen and (max-width:992px) {
+	@media screen and (max-width: 992px) {
 		max-width: 100%;
 	}
 }
 
-
 /****************************************************************
   * Header
   */
@@ -170,7 +169,6 @@ header {
 	font-size: 15px;
 }
 
-
 /****************************************************************
   * Footer
   */
@@ -351,7 +349,7 @@ main {
 .slug-toolkit, // en fr
 .slug-kit-de-herramientas, // es
 .slug-kit-de-ferramentas { // pt
-	img[src$='.png'] {
+	img[src$=".png"] {
 		border: 1px solid v.$border;
 	}
 }
@@ -361,11 +359,10 @@ main {
 .slug-kit-de-ferramentas, // pt
 .slug-project, // en
 .slug-programme, // fr
-.slug-programa, // es pt
- {
+.slug-programa, {
 	.entry-content {
-		img[src$='.png'],
-		img[src$='.jpg'] {
+		img[src$=".png"],
+		img[src$=".jpg"] {
 			border-radius: 4px;
 		}
 	}
@@ -378,7 +375,8 @@ main {
 .slug-kit-de-herramientas, // es
 .slug-kit-de-ferramentas { // pt
 	.entry-content {
-		h2, h3 {
+		h2,
+		h3 {
 			scroll-margin-top: 102px;
 		}
 
@@ -391,7 +389,7 @@ main {
 		.simpletoc-list {
 			list-style: none;
 			margin-left: 0;
-			font-size: 2.0rem;
+			font-size: 2rem;
 
 			li {
 				line-height: 2;
@@ -699,8 +697,8 @@ main {
 			@media screen and (max-width: 768px) {
 				/* the important ooverrides inline styles from the block editor */
 				> div {
-			    grid-template-columns: 1fr 1fr ! important;
-			    margin-left: 0 ! important;
+					grid-template-columns: 1fr 1fr !important;
+					margin-left: 0 !important;
 
 					figure {
 						width: 224px;
@@ -744,8 +742,6 @@ main {
 
 	&.contact-form {
 		h3 {
-			margin: 0;
-
 			+ p {
 				margin-block-start: 0;
 			}
@@ -771,6 +767,7 @@ main {
 
 .zak-error-404 {
 	font-size: 2em;
+	margin-bottom: 2em;
 
 	.zak-search-form {
 		.zak-search-field-label {