Mayland: Add styling for the current menu item and footer widgets

mayland/sass/_extra-child-theme.scss

@@ -38,6 +38,11 @@ a {
 	}
 }
 
+.main-navigation > div > ul li.current-menu-item a {
+	text-decoration: underline;
+}
+
+
 
 /**
  * CSS-grid Desktop Menu
@@ -196,6 +201,17 @@ a {
 /**
  * Widgets
  */
+
+@include media(laptop) {
+	.site-footer .widget-area {
+		max-width: 100%;
+
+		& > * {
+			max-width: 50%;
+		}
+	}
+}
+
 .widget {
 	select {
 		max-width: 100%;

mayland/style-rtl.css

@@ -3431,6 +3431,10 @@ strong {
 	display: none;
 }
 
+.main-navigation > div > ul li.current-menu-item a {
+	text-decoration: underline;
+}
+
 /**
  * CSS-grid Desktop Menu
  */
@@ -3581,6 +3585,15 @@ strong {
 /**
  * Widgets
  */
+@media only screen and (min-width: 782px) {
+	.site-footer .widget-area {
+		max-width: 100%;
+	}
+	.site-footer .widget-area > * {
+		max-width: 50%;
+	}
+}
+
 .widget select {
 	max-width: 100%;
 }

mayland/style.css

@@ -3460,6 +3460,10 @@ strong {
 	display: none;
 }
 
+.main-navigation > div > ul li.current-menu-item a {
+	text-decoration: underline;
+}
+
 /**
  * CSS-grid Desktop Menu
  */
@@ -3610,6 +3614,15 @@ strong {
 /**
  * Widgets
  */
+@media only screen and (min-width: 782px) {
+	.site-footer .widget-area {
+		max-width: 100%;
+	}
+	.site-footer .widget-area > * {
+		max-width: 50%;
+	}
+}
+
 .widget select {
 	max-width: 100%;
 }