Morden: Rework Main Menu's dropdown

morden/sass/_extra-child-theme.scss

@@ -188,14 +188,19 @@ body {
 				}
 
 				& > ul {
-					border: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 25%);
-					border-top: 0;
+					background: #{map-deep-get($config-global, "color", "primary", "default")};
+					border: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 20%);
+					border-radius: #{map-deep-get($config-global, "border-radius", "sm")};
 					box-shadow: none;
 					overflow: hidden;
 				}
 
 				& li {
-					border-top: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 25%);
+					border-top: 1px solid darken(map-deep-get($config-global, "color", "primary", "default"), 20%);
+
+					&:first-child {
+						border-top: 0;
+					}
 
 					& > a {
 						background: #{map-deep-get($config-global, "color", "primary", "default")};
@@ -206,7 +211,7 @@ body {
 					&:hover > a,
 					&.focus > a,
 					&.current-menu-item > a {
-						background: #{map-deep-get($config-global, "color", "primary", "hover")};
+						background: darken(map-deep-get($config-global, "color", "primary", "default"), 10%);
 					}
 				}
 			}

morden/style-rtl.css

@@ -3479,15 +3479,21 @@ body {
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
-		border: 1px solid #7d1111;
-		border-top: 0;
+		background: #E22C2C;
+		border: 1px solid #941414;
+		border-radius: 5px;
 		box-shadow: none;
 		overflow: hidden;
 	}
 	.site-header .main-navigation > div > ul > li:hover li,
 	.site-header .main-navigation > div > ul > li.focus li,
 	.site-header .main-navigation > div > ul > li.current-menu-item li {
-		border-top: 1px solid #7d1111;
+		border-top: 1px solid #941414;
+	}
+	.site-header .main-navigation > div > ul > li:hover li:first-child,
+	.site-header .main-navigation > div > ul > li.focus li:first-child,
+	.site-header .main-navigation > div > ul > li.current-menu-item li:first-child {
+		border-top: 0;
 	}
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
@@ -3505,7 +3511,7 @@ body {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #303030;
+		background: #c11a1a;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;

morden/style.css

@@ -3484,15 +3484,21 @@ body {
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
-		border: 1px solid #7d1111;
-		border-top: 0;
+		background: #E22C2C;
+		border: 1px solid #941414;
+		border-radius: 5px;
 		box-shadow: none;
 		overflow: hidden;
 	}
 	.site-header .main-navigation > div > ul > li:hover li,
 	.site-header .main-navigation > div > ul > li.focus li,
 	.site-header .main-navigation > div > ul > li.current-menu-item li {
-		border-top: 1px solid #7d1111;
+		border-top: 1px solid #941414;
+	}
+	.site-header .main-navigation > div > ul > li:hover li:first-child,
+	.site-header .main-navigation > div > ul > li.focus li:first-child,
+	.site-header .main-navigation > div > ul > li.current-menu-item li:first-child {
+		border-top: 0;
 	}
 	.site-header .main-navigation > div > ul > li:hover li > a,
 	.site-header .main-navigation > div > ul > li.focus li > a,
@@ -3510,7 +3516,7 @@ body {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #303030;
+		background: #c11a1a;
 	}
 	.site-header .main-navigation > div > ul > li.current-menu-item > a {
 		color: inherit;