|
@@ -1246,6 +1246,17 @@ body.page .main-navigation {
|
|
|
/* Nested sub-menu dashes */
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
|
|
|
+ display: block;
|
|
|
+ left: 0;
|
|
|
+ margin-top: 0;
|
|
|
+ opacity: 1;
|
|
|
+ width: auto;
|
|
|
+ min-width: 100%;
|
|
|
+ /* Non-mobile position */
|
|
|
+ /* Nested sub-menu dashes */
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
|
|
|
display: block;
|
|
|
left: 0;
|
|
@@ -1258,6 +1269,21 @@ body.page .main-navigation {
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
|
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
|
|
|
+ display: block;
|
|
|
+ margin-top: 0;
|
|
|
+ opacity: 1;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: auto;
|
|
|
+ top: auto;
|
|
|
+ bottom: auto;
|
|
|
+ height: auto;
|
|
|
+ min-width: -moz-max-content;
|
|
|
+ min-width: -webkit-max-content;
|
|
|
+ min-width: max-content;
|
|
|
+ transform: none;
|
|
|
+ }
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
|
|
|
display: block;
|
|
|
margin-top: 0;
|
|
@@ -1297,6 +1323,13 @@ body.page .main-navigation {
|
|
|
position: absolute;
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ display: table;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
@@ -1305,6 +1338,12 @@ body.page .main-navigation {
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
|
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
|
|
|
+ right: 0;
|
|
|
+ left: auto;
|
|
|
+ display: block;
|
|
|
+ width: max-content;
|
|
|
+ }
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
|
|
|
right: 0;
|
|
|
left: auto;
|
|
@@ -1323,6 +1362,10 @@ body.page .main-navigation {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
|
|
|
display: none;
|
|
|
}
|
|
@@ -1337,6 +1380,16 @@ body.page .main-navigation {
|
|
|
/* Non-mobile position */
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
|
|
+ display: block;
|
|
|
+ margin-top: inherit;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ left: 0;
|
|
|
+ opacity: 1;
|
|
|
+ /* Non-mobile position */
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
|
|
|
display: block;
|
|
|
margin-top: inherit;
|
|
@@ -1348,6 +1401,10 @@ body.page .main-navigation {
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
|
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
|
|
+ float: none;
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
|
|
float: none;
|
|
|
max-width: 100%;
|
|
@@ -1362,6 +1419,10 @@ body.page .main-navigation {
|
|
|
counter-reset: submenu;
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
|
|
+ counter-reset: submenu;
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
|
|
|
counter-reset: submenu;
|
|
|
}
|
|
@@ -1373,6 +1434,13 @@ body.page .main-navigation {
|
|
|
counter-increment: submenu;
|
|
|
}
|
|
|
|
|
|
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
|
|
|
+ font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
|
|
+ font-weight: normal;
|
|
|
+ content: "– " counters(submenu, "– ", none);
|
|
|
+ counter-increment: submenu;
|
|
|
+}
|
|
|
+
|
|
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
|
|
|
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
|
|
font-weight: normal;
|