|
|
@@ -12,740 +12,6 @@ Modern Business Editor Styles
|
|
|
/* Fallback for non-latin fonts */
|
|
|
/* Calculates maximum width for post content */
|
|
|
/* Nested sub-menu padding: 10 levels deep */
|
|
|
-.site-header {
|
|
|
- padding: 1em;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.site-header.featured-image {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- min-height: 90vh;
|
|
|
-}
|
|
|
-
|
|
|
-.site-header.featured-image .site-branding-container {
|
|
|
- margin-bottom: auto;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .site-header {
|
|
|
- margin: 0;
|
|
|
- padding: 2rem 0;
|
|
|
- }
|
|
|
- .site-header.featured-image {
|
|
|
- min-height: 100vh;
|
|
|
- margin-bottom: 2rem;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.site-header .fse-site-logo {
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.site-header .fse-site-logo img {
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.fse-enabled .site-header .wp-block-image.alignfull {
|
|
|
- max-width: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.site-branding {
|
|
|
- color: #686868;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .site-branding {
|
|
|
- margin: 0 calc(10% + 60px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.site-logo {
|
|
|
- order: 2;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.site-logo .custom-logo-link {
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-.site-logo .custom-logo-link .custom-logo {
|
|
|
- max-height: 50px;
|
|
|
- vertical-align: top;
|
|
|
- width: auto;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .site-logo .custom-logo-link .custom-logo {
|
|
|
- max-height: 64px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.site-logo + .site-title,
|
|
|
-.featured-image .site-logo + .site-title {
|
|
|
- margin-top: 0.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.site-title {
|
|
|
- color: #181818;
|
|
|
- margin: 0;
|
|
|
- order: 2;
|
|
|
- /* When there is no description set, make sure navigation appears below title. */
|
|
|
-}
|
|
|
-
|
|
|
-.site-title a {
|
|
|
- color: #181818;
|
|
|
-}
|
|
|
-
|
|
|
-.site-title a:link, .site-title a:visited {
|
|
|
- color: #181818;
|
|
|
-}
|
|
|
-
|
|
|
-.site-title a:hover {
|
|
|
- color: #4a4a4a;
|
|
|
-}
|
|
|
-
|
|
|
-.featured-image .site-title {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.site-title + .main-navigation {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.site-title:not(:empty) + .site-description:not(:empty):before {
|
|
|
- margin: 0 0.2em;
|
|
|
-}
|
|
|
-
|
|
|
-.site-description {
|
|
|
- color: #181818;
|
|
|
- font-size: 0.71111em;
|
|
|
- font-weight: 300;
|
|
|
- margin: 0 0 calc(0.5 * 1rem);
|
|
|
- order: 1;
|
|
|
-}
|
|
|
-
|
|
|
-/* Site footer */
|
|
|
-.site-footer {
|
|
|
- padding: 1em 0;
|
|
|
- color: #686868;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .site-footer {
|
|
|
- margin: 0 calc(10% + 60px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.site-footer .wp-block-separator {
|
|
|
- margin: 0 0 1em;
|
|
|
- background-color: #686868;
|
|
|
- border: 0;
|
|
|
- height: 1px;
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .widget-area,
|
|
|
-#colophon .site-info {
|
|
|
- margin: calc(2 * 1rem) 1rem;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- #colophon .widget-area,
|
|
|
- #colophon .site-info {
|
|
|
- margin: 0 calc(10% + 60px);
|
|
|
- max-width: calc(8 * (100vw / 12) - 28px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 1168px) {
|
|
|
- #colophon .widget-area,
|
|
|
- #colophon .site-info {
|
|
|
- max-width: calc(6 * (100vw / 12) - 28px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .widget-column {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .widget-column .widget {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 1168px) {
|
|
|
- #colophon .widget-column .widget {
|
|
|
- margin-right: calc(3 * 1rem);
|
|
|
- width: calc(50% - (3 * 1rem));
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .site-info {
|
|
|
- color: #686868;
|
|
|
- font-weight: 300;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- #colophon .site-info {
|
|
|
- max-width: calc(8 * (100vw / 12) - 28px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 1168px) {
|
|
|
- #colophon .site-info {
|
|
|
- max-width: calc(6 * (100vw / 12) - 28px);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .site-info a {
|
|
|
- color: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .site-info a:hover {
|
|
|
- text-decoration: none;
|
|
|
- color: #c43d80;
|
|
|
-}
|
|
|
-
|
|
|
-#colophon .site-info .imprint,
|
|
|
-#colophon .site-info .privacy-policy-link {
|
|
|
- margin-right: 1rem;
|
|
|
-}
|
|
|
-
|
|
|
-/** === Main menu === */
|
|
|
-.main-navigation {
|
|
|
- display: block;
|
|
|
- font-size: 0.88889em;
|
|
|
- margin-top: 0.6rem;
|
|
|
- order: 3;
|
|
|
- /* Un-style buttons */
|
|
|
- /*
|
|
|
- * Sub-menu styles
|
|
|
- *
|
|
|
- * :focus-within needs its own selector so other similar
|
|
|
- * selectors don’t get ignored if a browser doesn’t recognize it
|
|
|
- */
|
|
|
- /**
|
|
|
- * Fade-in animation for top-level submenus
|
|
|
- */
|
|
|
- /**
|
|
|
- * Off-canvas touch device styles
|
|
|
- */
|
|
|
-}
|
|
|
-
|
|
|
-body.fse-enabled .main-navigation {
|
|
|
- order: initial;
|
|
|
-}
|
|
|
-
|
|
|
-body.page .main-navigation {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation > div {
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation button {
|
|
|
- display: inline-block;
|
|
|
- border: none;
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 1.2;
|
|
|
- text-decoration: none;
|
|
|
- background: transparent;
|
|
|
- color: inherit;
|
|
|
- cursor: pointer;
|
|
|
- transition: background 250ms ease-in-out, transform 150ms ease;
|
|
|
- -webkit-appearance: none;
|
|
|
- -moz-appearance: none;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation button:hover, .main-navigation button:focus {
|
|
|
- background: transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation button:focus {
|
|
|
- outline: 1px solid transparent;
|
|
|
- outline-offset: -4px;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation button:active {
|
|
|
- transform: scale(0.99);
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu {
|
|
|
- display: inline-block;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li {
|
|
|
- color: #c43d80;
|
|
|
- display: inline;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li > a {
|
|
|
- font-weight: 700;
|
|
|
- color: #c43d80;
|
|
|
- margin-right: 0.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li > a + svg {
|
|
|
- margin-right: 0.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li > a:hover,
|
|
|
-.main-navigation .main-menu > li > a:hover + svg {
|
|
|
- color: #9e3067;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children {
|
|
|
- display: inline-block;
|
|
|
- position: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .main-menu > li.menu-item-has-children {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children > a {
|
|
|
- margin-right: 0.125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children > a:after,
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
|
|
|
- content: "";
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
|
|
|
- display: inline-block;
|
|
|
- margin-right: 0.25rem;
|
|
|
- /* Priority+ Menu */
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
|
|
|
- position: relative;
|
|
|
- height: 24px;
|
|
|
- line-height: 1.2;
|
|
|
- width: 24px;
|
|
|
- padding: 0;
|
|
|
- margin-left: 0.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
|
|
|
- height: 24px;
|
|
|
- width: 24px;
|
|
|
- top: -0.125rem;
|
|
|
- vertical-align: text-bottom;
|
|
|
-}
|
|
|
-
|
|
|
-.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
|
|
|
- position: relative;
|
|
|
- top: 0.2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > li:last-child > a,
|
|
|
-.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
|
|
|
- margin-right: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .default-menu > li > a {
|
|
|
- margin-right: 1rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .default-menu > li.menu-item-has-children > a {
|
|
|
- margin-right: 1rem;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .default-menu > li:last-child > a,
|
|
|
-.main-navigation .default-menu > li:last-child.menu-item-has-children .submenu-expand {
|
|
|
- margin-right: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu {
|
|
|
- background-color: #c43d80;
|
|
|
- color: #fff;
|
|
|
- list-style: none;
|
|
|
- padding-left: 0;
|
|
|
- position: absolute;
|
|
|
- opacity: 0;
|
|
|
- left: -9999px;
|
|
|
- z-index: 99999;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .sub-menu {
|
|
|
- width: auto;
|
|
|
- min-width: -moz-max-content;
|
|
|
- min-width: -webkit-max-content;
|
|
|
- min-width: max-content;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li {
|
|
|
- display: block;
|
|
|
- float: none;
|
|
|
- position: relative;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
|
|
|
- display: inline-block;
|
|
|
- position: absolute;
|
|
|
- width: calc( 24px + 1rem);
|
|
|
- right: 0;
|
|
|
- top: calc( .125 * 1rem);
|
|
|
- bottom: 0;
|
|
|
- color: white;
|
|
|
- line-height: 1;
|
|
|
- padding: calc( .5 * 1rem);
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
|
|
|
- margin-right: 0;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
|
|
|
- content: "\203a";
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li > a,
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return {
|
|
|
- color: #fff;
|
|
|
- display: block;
|
|
|
- line-height: 1.2;
|
|
|
- text-shadow: none;
|
|
|
- padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return:hover,
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return:focus {
|
|
|
- background: #9e3067;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
|
|
|
- background: #9e3067;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li > .menu-item-link-return {
|
|
|
- width: 100%;
|
|
|
- font-size: 22px;
|
|
|
- font-weight: normal;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li > a:empty {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
|
|
- display: none;
|
|
|
- font-size: 0.88889em;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
|
|
|
- position: relative;
|
|
|
- top: 0.2rem;
|
|
|
- margin-right: calc( .25 * 1rem);
|
|
|
-}
|
|
|
-
|
|
|
-.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 */
|
|
|
-}
|
|
|
-
|
|
|
-@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.hidden-links {
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- display: table;
|
|
|
- position: absolute;
|
|
|
-}
|
|
|
-
|
|
|
-@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: -webkit-max-content;
|
|
|
- width: -moz-max-content;
|
|
|
- width: max-content;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.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 .sub-menu {
|
|
|
- display: block;
|
|
|
- margin-top: inherit;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- left: 0;
|
|
|
- opacity: 1;
|
|
|
- /* Non-mobile position */
|
|
|
-}
|
|
|
-
|
|
|
-@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 {
|
|
|
- counter-reset: submenu;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
|
|
|
- font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
- font-weight: normal;
|
|
|
- content: "– " counters(submenu, "– ", none);
|
|
|
- counter-increment: submenu;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
|
|
|
- display: block;
|
|
|
- left: 0;
|
|
|
- margin-top: 0;
|
|
|
- opacity: 1;
|
|
|
- width: auto;
|
|
|
- min-width: 100%;
|
|
|
- /* Non-mobile position */
|
|
|
- /* Nested sub-menu dashes */
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
|
|
|
- .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
|
|
|
- display: block;
|
|
|
- float: none;
|
|
|
- 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):hover > .sub-menu.hidden-links,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- display: table;
|
|
|
- position: absolute;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
|
|
|
- .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
|
|
|
- right: 0;
|
|
|
- left: auto;
|
|
|
- display: table;
|
|
|
- width: -webkit-max-content;
|
|
|
- width: -moz-max-content;
|
|
|
- width: max-content;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
|
|
|
- display: block;
|
|
|
- margin-top: inherit;
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- left: 0;
|
|
|
- opacity: 1;
|
|
|
- /* Non-mobile position */
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 768px) {
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
|
|
|
- .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
|
|
|
- .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
|
|
|
- float: none;
|
|
|
- max-width: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
|
|
|
- counter-reset: submenu;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
|
|
|
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
|
|
|
- font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
- font-weight: normal;
|
|
|
- content: "– " counters(submenu, "– ", none);
|
|
|
- counter-increment: submenu;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
|
|
|
- animation: fade_in 0.1s forwards;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
|
|
|
- transform: rotate(270deg);
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
|
|
|
- opacity: 0;
|
|
|
- position: absolute;
|
|
|
- z-index: 0;
|
|
|
- transform: translateX(-100%);
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
|
|
|
- background-color: transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
|
|
|
- white-space: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
|
|
|
- display: table;
|
|
|
- margin-top: 0;
|
|
|
- opacity: 1;
|
|
|
- padding-left: 0;
|
|
|
- /* Mobile position */
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- position: fixed;
|
|
|
- z-index: 100000;
|
|
|
- /* Make sure appears above mobile admin bar */
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
- max-width: 100vw;
|
|
|
- transform: translateX(100%);
|
|
|
- animation: slide_in_right 0.3s forwards;
|
|
|
- /* Prevent menu from being blocked by admin bar */
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
|
|
|
- top: 46px;
|
|
|
- height: calc( 100vh - 46px);
|
|
|
- /* WP core breakpoint */
|
|
|
-}
|
|
|
-
|
|
|
-.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 782px) {
|
|
|
- .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
|
|
|
- top: 32px;
|
|
|
- height: calc( 100vh - 32px);
|
|
|
- }
|
|
|
- .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
|
|
|
- top: 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation .main-menu-more:nth-child(n+3) {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* Menu animation */
|
|
|
-@keyframes slide_in_right {
|
|
|
- 100% {
|
|
|
- transform: translateX(0%);
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@keyframes fade_in {
|
|
|
- from {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
.author-description .author-link,
|
|
|
.comment-metadata,
|
|
|
.comment-reply-link,
|
|
|
@@ -894,81 +160,6 @@ blockquote {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.a8c-template-editor.site-branding, .a8c-template-editor.site-footer, .template-block.site-branding, .template-block.site-footer {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor .wp-block[data-align='full'], .template-block .wp-block[data-align='full'] {
|
|
|
- left: calc( -12.5% - 12px);
|
|
|
- max-width: calc( 125% + 114px);
|
|
|
- width: calc( 125% + 114px);
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor .template__site-logo .components-placeholder.block-editor-media-placeholder, .template-block .template__site-logo .components-placeholder.block-editor-media-placeholder {
|
|
|
- margin: 0 auto;
|
|
|
- max-width: 380px;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor .wp-block-a8c-site-description, .template-block .wp-block-a8c-site-description {
|
|
|
- color: #181818;
|
|
|
- font-size: 0.71111em;
|
|
|
- font-weight: 300;
|
|
|
- line-height: 0.8em;
|
|
|
- margin: 0;
|
|
|
- order: 1;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor [data-type='a8c/site-description'] [data-block], .template-block [data-type='a8c/site-description'] [data-block] {
|
|
|
- margin-bottom: 32px;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor .wp-block-a8c-site-title, .template-block .wp-block-a8c-site-title {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor [data-type='a8c/site-title'] [data-block], .template-block [data-type='a8c/site-title'] [data-block] {
|
|
|
- margin: 32px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor .wp-block-a8c-navigation-menu a, .template-block .wp-block-a8c-navigation-menu a {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor.site-header .wp-block-a8c-navigation-menu, .template-block.site-header .wp-block-a8c-navigation-menu {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor.site-footer .wp-block-a8c-navigation-menu, .template-block.site-footer .wp-block-a8c-navigation-menu {
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor.site-footer h1,
|
|
|
-.a8c-template-editor.site-footer h2,
|
|
|
-.a8c-template-editor.site-footer h3,
|
|
|
-.a8c-template-editor.site-footer h4,
|
|
|
-.a8c-template-editor.site-footer h5,
|
|
|
-.a8c-template-editor.site-footer h6, .template-block.site-footer h1,
|
|
|
-.template-block.site-footer h2,
|
|
|
-.template-block.site-footer h3,
|
|
|
-.template-block.site-footer h4,
|
|
|
-.template-block.site-footer h5,
|
|
|
-.template-block.site-footer h6 {
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor.site-footer .wp-block-separator, .template-block.site-footer .wp-block-separator {
|
|
|
- margin: 16px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.a8c-template-editor.site-footer .wp-block-a8c-navigation-menu, .template-block.site-footer .wp-block-a8c-navigation-menu {
|
|
|
- margin-top: 0.6rem;
|
|
|
-}
|
|
|
-
|
|
|
-.template-block .site-header {
|
|
|
- margin-bottom: 2rem;
|
|
|
-}
|
|
|
-
|
|
|
/** === Helper Functions === */
|
|
|
/**
|
|
|
Given a string, $alignment, returns the nested FSE block selectors
|
|
|
@@ -1036,11 +227,6 @@ body .wp-block[data-align="full"] {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-/** === FSE Template Blocks === */
|
|
|
-.wp-block.post-content__block {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
/** === Base Typography === */
|
|
|
body {
|
|
|
font-size: 22px;
|
Allan Cole