Various updates

src/assets/styles/styles.css

@@ -591,10 +591,12 @@ a.licenseLink:hover {
 }
 */
 
+/*
 .navMenu li.hasSubMenu:hover a,
 .navMenu li.hasSubMenu:hover a:visited {
 	color: #44fcfc;
 }
+*/
 
 .navMenu li a:hover,
 .navMenu li a:visited:hover {
@@ -641,11 +643,10 @@ a.licenseLink:hover {
 	width: 100%;
 }
 
-/*
+.navMenu ul li a:visited:hover,
 .navMenu ul li a:hover {
 	color: #e94e5c;
 }
-*/
 
 .navMenu ul li.hasSubMenu a {
 	padding-left: 2rem;
@@ -656,11 +657,45 @@ a.licenseLink:hover {
 }
 
 .navMenu ul li.hasSubMenu ul li.hasSubMenu a {
-	padding-left: 4rem;
+	margin-left: 0;
+	padding-left: 2rem;
 }
 
-.navMenu ul li.hasSubMenu ul li.hasSubMenu > a {
-	padding-left: 2rem;
+.navMenu ul li.hasSubMenu ul li.hasSubMenu summary a {
+	margin-left: 0;
+	padding-left: 1rem;
+}
+
+.navMenu ul li.hasSubMenu > a::before {
+	content: ">";
+	margin-left: -1rem;
+	padding-right: 0.5rem;
+}
+
+/* rules for details / summary - work back into other rules */
+
+.navMenu ul li.hasSubMenu details summary {
+	margin-left: -2rem;
+	padding-bottom: 0;
+	padding-right: 0;
+	padding-top: 0;
+}
+
+.navMenu ul li.hasSubMenu details summary::before {
+	left: 1.2rem;
+	top: 1rem;
+}
+
+.navMenu ul li.hasSubMenu details summary a {
+	padding-left: 1rem;
+}
+
+.navMenu ul li.hasSubMenu details a {
+	/* padding-left: 0; */
+}
+
+.navMenu ul li.hasSubMenu details details {
+	margin-left: 1rem;
 }
 
 .navMenu-list-link.isCurrentSection {
@@ -985,9 +1020,11 @@ a.pageTitle-sublink {
 		font-size: 18px;
 	}
 
+	/*
 	h2 {
 		background-color: transparent;
 	}
+	*/
 
 	.imgWrapper {
 		max-width: 33%;
@@ -997,13 +1034,17 @@ a.pageTitle-sublink {
 		height: auto;
 	}
 
+	/*
 	.navBar {
 		display: block;
 	}
+	*/
 
+	/*
 	.pageTitle {
 		margin-top: 2rem;
 	}
+	*/
 
 	.siteTitle-text {
 		text-align: center;
@@ -1060,6 +1101,10 @@ a.pageTitle-sublink {
 		top: 0.75rem;
 	}
 
+	.navBar {
+		display: block;
+	}
+
 	.navMenu > ul {
 		padding: 4rem 2rem 1rem 2rem;
 	}
@@ -1085,6 +1130,10 @@ a.pageTitle-sublink {
 		padding: 2em 1em 1em;
 	}
 
+	.pageTitle {
+		margin-top: 2rem;
+	}
+
 	.siteTitle {
 		margin-top: 3rem;
 	}