Full Site Editing: Stop using theme classes for template parts (#1517)
This commit is contained in:
Jacopo Tomasone
GitHub
parent
67750307d2
commit
91bba0a24c
14 changed files with 943 additions and 1795 deletions
|
|
@ -230,7 +230,9 @@ a {
|
|||
@include media(desktop) {
|
||||
min-height: #{20 * map-deep-get($config-global, "spacing", "vertical")};
|
||||
|
||||
h1 {
|
||||
// Prevent overruling the user defined font size value set inside Gutenberg
|
||||
// for Full Site Editing's Site Title block.
|
||||
h1:not(.site-title) {
|
||||
font-size: #{map-deep-get($config-global, "font", "size", "xxxxl")};
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,65 +1,22 @@
|
|||
@import "../../varia/sass/full-site-editing/editor";
|
||||
|
||||
.site-header, .site-footer {
|
||||
.site-title {
|
||||
font-size: 20px;
|
||||
@include media(mobile) {
|
||||
font-size: 24px;
|
||||
}
|
||||
.fse-template-part {
|
||||
.has-normal-font-size {
|
||||
font-size: map-deep-get($config-global, "font", "size", "md");
|
||||
}
|
||||
|
||||
.site-description {
|
||||
font-size: 13.8px;
|
||||
@include media(mobile) {
|
||||
font-size: 16.6px;
|
||||
}
|
||||
.main-navigation a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
.site-title,
|
||||
.site-description {
|
||||
text-shadow: 0 0 6px map-deep-get($config-global, "color", "black");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-header {
|
||||
.site-title {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
text-align: center;
|
||||
ul {
|
||||
justify-content: center;
|
||||
a {
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
.site-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.main-navigation .footer-menu {
|
||||
justify-content: center;
|
||||
|
||||
@include media(tablet) {
|
||||
justify-content: flex-end;
|
||||
.site-title {
|
||||
font-weight: #{map-deep-get($config-heading, "font", "weight")};
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 16.6px;
|
||||
text-decoration: none;
|
||||
@include media(mobile-only) {
|
||||
font-size: 13.8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.has-background {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,69 +1,33 @@
|
|||
@import "../../varia/sass/full-site-editing/imports";
|
||||
|
||||
.fse-enabled {
|
||||
.site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
@include media(mobile-only) {
|
||||
.main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.home.page.hide-homepage-title .site-header.entry-content {
|
||||
padding-bottom: $spacing_vertical;
|
||||
@include media(mobile) {
|
||||
padding-bottom: #{1.5 * $spacing_vertical};
|
||||
}
|
||||
.fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
|
||||
padding-bottom: $spacing_vertical;
|
||||
@include media(mobile) {
|
||||
padding-bottom: #{1.5 * $spacing_vertical};
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
.wp-block-a8c-navigation-menu {
|
||||
@include media(tablet) {
|
||||
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
}
|
||||
@include media(mobile) {
|
||||
.footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
.fse-template-part {
|
||||
.main-navigation a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
max-width: calc( 100% - #{ $spacing_vertical } );
|
||||
|
||||
.main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
.site-title {
|
||||
font-size: 20px;
|
||||
@include media(mobile) {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.site-description {
|
||||
font-size: 13.8px;
|
||||
|
||||
@include media(mobile) {
|
||||
font-size: 16.6px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation a {
|
||||
.site-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
#colophon {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
.has-background {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -93,4 +93,4 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
@import "full-site-editing";
|
||||
@import "full-site-editing";
|
||||
|
|
|
|||
|
|
@ -1079,17 +1079,272 @@ b, strong {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
/**
|
||||
@media (min-width: 600px) {
|
||||
.a8c-template-editor .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .fse-template-part {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .fse-template-part {
|
||||
padding: 32px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .fse-template-part figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fse-template-part .wp-block-cover .site-title,
|
||||
.fse-template-part .wp-block-cover .site-description,
|
||||
.fse-template-part .wp-block-cover-image .site-title,
|
||||
.fse-template-part .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-template-part .block-editor-block-list__layout .block-editor-block-list__block[data-align=full] > .block-editor-block-list__block-edit figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation {
|
||||
color: #181818;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle-menu {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: #897248;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .dropdown-icon.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked + #toggle-menu .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked + #toggle-menu .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div {
|
||||
display: inline-block;
|
||||
}
|
||||
.fse-template-part .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li:hover, .fse-template-part .main-navigation > div > ul li[focus-within] {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li:hover, .fse-template-part .main-navigation > div > ul li:focus-within {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul li {
|
||||
display: inherit;
|
||||
width: inherit;
|
||||
/* Submenu display */
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul li:hover > ul,
|
||||
.fse-template-part .main-navigation > div > ul li[focus-within] > ul,
|
||||
.fse-template-part .main-navigation > div > ul li ul:hover,
|
||||
.fse-template-part .main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul li:hover > ul,
|
||||
.fse-template-part .main-navigation > div > ul li:focus-within > ul,
|
||||
.fse-template-part .main-navigation > div > ul li ul:hover,
|
||||
.fse-template-part .main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:before, .fse-template-part .main-navigation > div > ul > li > a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
min-width: max-content;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu .sub-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a {
|
||||
color: #181818;
|
||||
display: block;
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-weight: 700;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a:link, .fse-template-part .main-navigation a:visited {
|
||||
color: #181818;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a:hover {
|
||||
color: #897248;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
/* Reset the counter for each UL */
|
||||
counter-reset: nested-list;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu .menu-item a {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu .menu-item a::before {
|
||||
/* Increment the dashes */
|
||||
counter-increment: nested-list;
|
||||
/* Insert dashes with spaces in between */
|
||||
content: "– " counters(nested-list, "– ", none);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > .menu-item-has-children > a::after {
|
||||
content: "\00a0\25BC";
|
||||
display: inline-block;
|
||||
font-size: 0.69444rem;
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .hide-visually {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fse-template-part body:not(.fse-enabled) .main-navigation a {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation {
|
||||
text-align: center;
|
||||
/**
|
||||
* Button Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
.site-header .main-navigation button,
|
||||
.site-header .main-navigation .button,
|
||||
.site-header .main-navigation input[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link,
|
||||
.site-header .main-navigation .wp-block-file__button {
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
|
|
@ -1103,515 +1358,72 @@ b, strong {
|
|||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before {
|
||||
.fse-template-part .main-navigation .button:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:hover,
|
||||
.site-header .main-navigation .button:hover,
|
||||
.site-header .main-navigation input:hover[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:hover,
|
||||
.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
|
||||
.site-header .main-navigation .button:focus,
|
||||
.site-header .main-navigation input:focus[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:focus,
|
||||
.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
|
||||
.site-header .main-navigation .has-focus.button,
|
||||
.site-header .main-navigation input.has-focus[type="submit"],
|
||||
.site-header .main-navigation .has-focus.wp-block-button__link,
|
||||
.site-header .main-navigation .has-focus.wp-block-file__button {
|
||||
.fse-template-part .main-navigation .button:hover, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.button {
|
||||
color: white;
|
||||
background-color: #685636;
|
||||
}
|
||||
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
.site-branding {
|
||||
color: #686868;
|
||||
.fse-template-part .main-navigation .main-menu.footer-menu li a {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
color: #181818;
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
letter-spacing: normal;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.site-title a {
|
||||
color: currentColor;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.site-title a:link, .site-title a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-title a:hover {
|
||||
color: #897248;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
color: currentColor;
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-base, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-description {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
color: #181818;
|
||||
}
|
||||
|
||||
.main-navigation > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle-menu {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: #897248;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.main-navigation .dropdown-icon.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked + #toggle-menu .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked + #toggle-menu .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
.main-navigation > div > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul li {
|
||||
display: inherit;
|
||||
width: inherit;
|
||||
/* Submenu display */
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li[focus-within] > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li:focus-within > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
.main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
min-width: max-content;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > .sub-menu .sub-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-navigation a {
|
||||
color: #181818;
|
||||
display: block;
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-weight: 700;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation a:link, .main-navigation a:visited {
|
||||
color: #181818;
|
||||
}
|
||||
|
||||
.main-navigation a:hover {
|
||||
color: #897248;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
/* Reset the counter for each UL */
|
||||
counter-reset: nested-list;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu .menu-item a {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu .menu-item a::before {
|
||||
/* Increment the dashes */
|
||||
counter-increment: nested-list;
|
||||
/* Insert dashes with spaces in between */
|
||||
content: "– " counters(nested-list, "– ", none);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > .menu-item-has-children > a::after {
|
||||
content: "\00a0\25BC";
|
||||
display: inline-block;
|
||||
font-size: 0.69444rem;
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation .hide-visually {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .main-navigation a {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul {
|
||||
align-content: center;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
color: #181818;
|
||||
display: inline-block;
|
||||
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
|
||||
}
|
||||
|
||||
.social-navigation a:hover {
|
||||
color: #897248;
|
||||
}
|
||||
|
||||
.social-navigation svg {
|
||||
fill: currentColor;
|
||||
.fse-template-part .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
overflow: hidden;
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-info {
|
||||
color: #686868;
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-info {
|
||||
order: 1;
|
||||
flex: 1 0 50%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-info .site-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-info a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-info a:link, .site-info a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-info a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-weight: 700;
|
||||
padding: 8px;
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .footer-menu a {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
.template-block .site-header,
|
||||
.template-block .site-footer {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .site-header,
|
||||
.template-block .site-footer {
|
||||
padding: 32px 0;
|
||||
.a8c-template-editor.fse-header .block-editor-block-list__layout > .block-editor-block-list__block.is-selected:first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 14px;
|
||||
}
|
||||
.a8c-template-editor.fse-header .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected):first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .wp-block-cover .site-title,
|
||||
.template-block .wp-block-cover .site-description,
|
||||
.template-block .wp-block-cover-image .site-title,
|
||||
.template-block .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
.template-block .fse-header .block-editor-block-list__layout > .block-editor-block-list__block:first-child[data-align='full'] {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.a8c-template-editor .wp-block-cover .site-title,
|
||||
.a8c-template-editor .wp-block-cover .site-description,
|
||||
.a8c-template-editor .wp-block-cover-image .site-title,
|
||||
.a8c-template-editor .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-header .site-title {
|
||||
font-size: 21.6px;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.site-header .site-description {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
/**
|
||||
* Button
|
||||
*/
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link {
|
||||
color: #897248;
|
||||
background: transparent;
|
||||
border: 2px solid currentcolor;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:hover, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:focus, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: 0;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .fse-header .block-editor-block-list__layout > .block-editor-block-list__block:first-child[data-align='full'] {
|
||||
margin-top: -32px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
|
|
@ -1620,156 +1432,22 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
z-index: 20;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
display: block;
|
||||
}
|
||||
.fse-template-part .has-normal-font-size {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .hide-visually,
|
||||
.site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-title.has-background,
|
||||
.site-header .site-description.has-background,
|
||||
.site-footer .site-title.has-background,
|
||||
.site-footer .site-description.has-background {
|
||||
border-radius: 0;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .main-menu.footer-menu li a,
|
||||
.site-footer .main-navigation .main-menu.footer-menu li a {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after,
|
||||
.site-footer .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-color > .main-menu.footer-menu > li > a,
|
||||
.site-footer .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-left > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-center > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-right > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-background > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.site-header .site-title, .site-footer .site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-header .site-title, .site-footer .site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-description, .site-footer .site-description {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-header .site-description, .site-footer .site-description {
|
||||
font-size: 16.6px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .wp-block-cover .site-title,
|
||||
.site-header .wp-block-cover .site-description,
|
||||
.site-header .wp-block-cover-image .site-title,
|
||||
.site-header .wp-block-cover-image .site-description, .site-footer .wp-block-cover .site-title,
|
||||
.site-footer .wp-block-cover .site-description,
|
||||
.site-footer .wp-block-cover-image .site-title,
|
||||
.site-footer .wp-block-cover-image .site-description {
|
||||
text-shadow: 0 0 6px black;
|
||||
}
|
||||
|
||||
.site-header .site-title {
|
||||
.fse-template-part .main-navigation a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-header .main-navigation ul {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .main-navigation ul a {
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-footer .site-title {
|
||||
.fse-template-part .wp-block-cover .site-title,
|
||||
.fse-template-part .wp-block-cover-image .site-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu a {
|
||||
font-size: 16.6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation .footer-menu a {
|
||||
font-size: 13.8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.fse-template-part .wp-block-cover .has-background,
|
||||
.fse-template-part .wp-block-cover-image .has-background {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
|
|
|
|||
|
|
@ -2704,12 +2704,12 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2718,37 +2718,37 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
.footer-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-weight: 700;
|
||||
|
|
@ -2756,11 +2756,11 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
|
|
@ -3890,8 +3890,8 @@ p:not(.site-title) a:hover {
|
|||
.wp-block-cover-image {
|
||||
min-height: 640px;
|
||||
}
|
||||
.wp-block-cover h1,
|
||||
.wp-block-cover-image h1 {
|
||||
.wp-block-cover h1:not(.site-title),
|
||||
.wp-block-cover-image h1:not(.site-title) {
|
||||
font-size: 2.98598rem;
|
||||
}
|
||||
.wp-block-cover h2,
|
||||
|
|
@ -4022,11 +4022,11 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Footer Navigation
|
||||
*/
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
|
|
@ -4034,147 +4034,98 @@ p:not(.site-title) a:hover {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
.fse-template-part {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
.fse-template-part .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled.home.page.hide-homepage-title .site-header.entry-content {
|
||||
.fse-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-footer .site-info {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-footer .site-info {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled.home.page.hide-homepage-title .site-header.entry-content {
|
||||
.fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
|
||||
margin-bottom: 21.312px;
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-title,
|
||||
.fse-enabled .wp-block-cover-image .site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .wp-block-cover .site-title,
|
||||
.fse-enabled .wp-block-cover-image .site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-title a,
|
||||
.fse-enabled .wp-block-cover-image .site-title a {
|
||||
.fse-template-part .main-navigation a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-description,
|
||||
.fse-enabled .wp-block-cover-image .site-description {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .wp-block-cover .site-description,
|
||||
.fse-enabled .wp-block-cover-image .site-description {
|
||||
font-size: 16.6px;
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-template-part {
|
||||
max-width: calc( 100% - 32px);
|
||||
}
|
||||
.fse-template-part .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .main-navigation a,
|
||||
.fse-enabled .wp-block-cover-image .main-navigation a {
|
||||
.fse-template-part .wp-block-cover .site-title a,
|
||||
.fse-template-part .wp-block-cover-image .site-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
.fse-template-part .wp-block-cover .has-background,
|
||||
.fse-template-part .wp-block-cover-image .has-background {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2721,12 +2721,12 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: #685636;
|
||||
}
|
||||
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2735,37 +2735,37 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
.footer-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
color: #686868;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-family: var(--font-headings, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
||||
font-weight: 700;
|
||||
|
|
@ -2773,11 +2773,11 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: #685636;
|
||||
}
|
||||
|
||||
|
|
@ -3919,8 +3919,8 @@ p:not(.site-title) a:hover {
|
|||
.wp-block-cover-image {
|
||||
min-height: 640px;
|
||||
}
|
||||
.wp-block-cover h1,
|
||||
.wp-block-cover-image h1 {
|
||||
.wp-block-cover h1:not(.site-title),
|
||||
.wp-block-cover-image h1:not(.site-title) {
|
||||
font-size: 2.98598rem;
|
||||
}
|
||||
.wp-block-cover h2,
|
||||
|
|
@ -4051,11 +4051,11 @@ p:not(.site-title) a:hover {
|
|||
/**
|
||||
* Footer Navigation
|
||||
*/
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
|
|
@ -4063,147 +4063,98 @@ p:not(.site-title) a:hover {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
.fse-template-part {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
.fse-template-part .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled.home.page.hide-homepage-title .site-header.entry-content {
|
||||
.fse-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-footer .site-info {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-footer .site-info {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled.home.page.hide-homepage-title .site-header.entry-content {
|
||||
.fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
|
||||
padding-bottom: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu {
|
||||
margin-bottom: 21.312px;
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-title,
|
||||
.fse-enabled .wp-block-cover-image .site-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .wp-block-cover .site-title,
|
||||
.fse-enabled .wp-block-cover-image .site-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-title a,
|
||||
.fse-enabled .wp-block-cover-image .site-title a {
|
||||
.fse-template-part .main-navigation a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .site-description,
|
||||
.fse-enabled .wp-block-cover-image .site-description {
|
||||
font-size: 13.8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .wp-block-cover .site-description,
|
||||
.fse-enabled .wp-block-cover-image .site-description {
|
||||
font-size: 16.6px;
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-template-part {
|
||||
max-width: calc( 100% - 32px);
|
||||
}
|
||||
.fse-template-part .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .wp-block-cover .main-navigation a,
|
||||
.fse-enabled .wp-block-cover-image .main-navigation a {
|
||||
.fse-template-part .wp-block-cover .site-title a,
|
||||
.fse-template-part .wp-block-cover-image .site-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
.fse-template-part .wp-block-cover .has-background,
|
||||
.fse-template-part .wp-block-cover-image .has-background {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,29 +15,30 @@
|
|||
|
||||
</div><!-- #content -->
|
||||
|
||||
<footer id="colophon" class="site-footer <?php echo class_exists( 'A8C\FSE\WP_Template' ) ? 'entry-content' : 'responsive-max-width'; ?>">
|
||||
<?php
|
||||
if ( class_exists( 'A8C\FSE\WP_Template' ) ) : // If the FSE plugin is active, use the Header template for content.
|
||||
$template = new A8C\FSE\WP_Template();
|
||||
$template->output_template_content( A8C\FSE\WP_Template::FOOTER );
|
||||
else : // Otherwise we'll fallback to the default Varia footer below.
|
||||
get_template_part( 'template-parts/footer/footer', 'widgets' );
|
||||
<?php if ( class_exists( 'A8C\FSE\WP_Template' ) ) : // If the FSE plugin is active, use the Header template for content. ?>
|
||||
<footer class="fse-template-part fse-footer entry-content">
|
||||
<?php
|
||||
$template = new A8C\FSE\WP_Template();
|
||||
$template->output_template_content( A8C\FSE\WP_Template::FOOTER );
|
||||
else : // Otherwise we'll fallback to the default Varia footer below. ?>
|
||||
<footer id="colophon" class="site-footer responsive-max-width">
|
||||
<?php
|
||||
get_template_part( 'template-parts/footer/footer', 'widgets' );
|
||||
|
||||
if ( has_nav_menu( 'menu-2' ) ) : ?>
|
||||
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'varia' ); ?>">
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'menu-2',
|
||||
'menu_class' => 'footer-menu',
|
||||
'depth' => 1,
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- .footer-navigation -->
|
||||
<?php endif;
|
||||
endif;
|
||||
?>
|
||||
if ( has_nav_menu( 'menu-2' ) ) : ?>
|
||||
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'varia' ); ?>">
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'menu-2',
|
||||
'menu_class' => 'footer-menu',
|
||||
'depth' => 1,
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- .footer-navigation -->
|
||||
<?php endif;
|
||||
endif; ?>
|
||||
|
||||
<div class="site-info">
|
||||
<?php $blog_info = get_bloginfo( 'name' ); ?>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
<?php if ( class_exists( 'A8C\FSE\WP_Template' ) ) : // If the FSE plugin is active, use the Header template for content. ?>
|
||||
|
||||
<header id="masthead" class="site-header site-branding entry-content">
|
||||
<header id="masthead" class="fse-template-part fse-header entry-content">
|
||||
<?php
|
||||
$template = new A8C\FSE\WP_Template();
|
||||
$template->output_template_content( A8C\FSE\WP_Template::HEADER );
|
||||
|
|
|
|||
|
|
@ -1,17 +1,27 @@
|
|||
@import "../base/extends";
|
||||
@import "../components/header/header";
|
||||
@import "../components/footer/footer";
|
||||
.a8c-template-editor {
|
||||
@media (min-width: 600px) {
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.template-block {
|
||||
.site-header,
|
||||
.site-footer {
|
||||
.fse-template-part {
|
||||
padding: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
|
||||
@include media(mobile) {
|
||||
padding: #{map-deep-get($config-global, "spacing", "vertical")} 0;
|
||||
}
|
||||
}
|
||||
|
||||
figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part {
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
.site-title,
|
||||
|
|
@ -20,93 +30,21 @@
|
|||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.a8c-template-editor {
|
||||
.wp-block-cover,
|
||||
.wp-block-cover-image {
|
||||
.site-title,
|
||||
.site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-header {
|
||||
.site-title {
|
||||
font-size: 21.6px;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-align=full] > .block-editor-block-list__block-edit figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
font-size: 15px;
|
||||
}
|
||||
@import '../components/header/site-main-navigation';
|
||||
|
||||
.main-navigation {
|
||||
@import "../blocks/button/style";
|
||||
}
|
||||
}
|
||||
text-align: center;
|
||||
|
||||
.post-content__block {
|
||||
margin-bottom: 160px;
|
||||
margin-top: 36px;
|
||||
|
||||
// Minimum z-index to appear above the Template block overlay.
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/packages/block-editor/src/components/block-list/style.scss#L495-L496
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/assets/stylesheets/_z-index.scss#L8
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
@include media(tablet) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
@extend .footer-navigation;
|
||||
|
||||
.footer-menu {
|
||||
color: inherit;
|
||||
@import "../base/extends";
|
||||
.button {
|
||||
@extend %button-style
|
||||
}
|
||||
|
||||
display: block;
|
||||
& > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hide-visually,
|
||||
#toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
> div {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
width: auto;
|
||||
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-header,
|
||||
.site-footer {
|
||||
.site-title,
|
||||
.site-description {
|
||||
&.has-background {
|
||||
border-radius: 0;
|
||||
padding: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
.main-menu.footer-menu li {
|
||||
a {
|
||||
font-size: inherit;
|
||||
|
|
@ -132,4 +70,32 @@
|
|||
padding: #{map-deep-get($config-global, "spacing", "unit")};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Remove top margin/padding from the header if the first block is .alignfull
|
||||
@include media(mobile) {
|
||||
.a8c-template-editor.fse-header .block-editor-block-list__layout > .block-editor-block-list__block {
|
||||
&.is-selected:first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 14px;
|
||||
}
|
||||
&:not(.is-selected):first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.template-block .fse-header .block-editor-block-list__layout > .block-editor-block-list__block:first-child[data-align='full'] {
|
||||
margin-top: -16px;
|
||||
@include media(mobile) {
|
||||
margin-top: -32px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
margin-bottom: 160px;
|
||||
margin-top: 36px;
|
||||
|
||||
// Minimum z-index to appear above the Template block overlay.
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/packages/block-editor/src/components/block-list/style.scss#L495-L496
|
||||
// @see https://github.com/WordPress/gutenberg/blob/f198997e2c8e377423beb230ce5283914076d396/assets/stylesheets/_z-index.scss#L8
|
||||
z-index: 20;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,42 +1,6 @@
|
|||
.fse-enabled {
|
||||
.site-footer {
|
||||
display: block;
|
||||
|
||||
.main-navigation {
|
||||
@extend .footer-navigation;
|
||||
|
||||
.footer-menu {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
display: block;
|
||||
& > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hide-visually,
|
||||
#toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
> div {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
width: auto;
|
||||
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-info {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.fse-template-part {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
||||
.main-navigation {
|
||||
.has-text-color > .main-menu.footer-menu > li > a {
|
||||
|
|
@ -63,3 +27,26 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
|
||||
@include media(mobile) {
|
||||
margin-top: map-deep-get($config-global, "spacing", "vertical");
|
||||
}
|
||||
}
|
||||
|
||||
.fse-footer {
|
||||
display: block;
|
||||
|
||||
.site-info {
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
text-align: center;
|
||||
|
||||
@include media(mobile) {
|
||||
margin-top: map-deep-get($config-global, "spacing", "vertical");
|
||||
margin-bottom: map-deep-get($config-global, "spacing", "vertical");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -125,11 +125,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
.site-header .main-navigation button,
|
||||
.site-header .main-navigation .button,
|
||||
.site-header .main-navigation input[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link,
|
||||
.site-header .main-navigation .wp-block-file__button {
|
||||
.fse-template-part .main-navigation .button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
|
|
@ -143,50 +139,22 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before {
|
||||
.fse-template-part .main-navigation .button:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:hover,
|
||||
.site-header .main-navigation .button:hover,
|
||||
.site-header .main-navigation input:hover[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:hover,
|
||||
.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
|
||||
.site-header .main-navigation .button:focus,
|
||||
.site-header .main-navigation input:focus[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:focus,
|
||||
.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
|
||||
.site-header .main-navigation .has-focus.button,
|
||||
.site-header .main-navigation input.has-focus[type="submit"],
|
||||
.site-header .main-navigation .has-focus.wp-block-button__link,
|
||||
.site-header .main-navigation .has-focus.wp-block-file__button {
|
||||
.fse-template-part .main-navigation .button:hover, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.button {
|
||||
color: white;
|
||||
background-color: indigo;
|
||||
}
|
||||
|
|
@ -1045,17 +1013,272 @@ table th,
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
/**
|
||||
@media (min-width: 600px) {
|
||||
.a8c-template-editor .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .fse-template-part {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .fse-template-part {
|
||||
padding: 32px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .fse-template-part figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fse-template-part .wp-block-cover .site-title,
|
||||
.fse-template-part .wp-block-cover .site-description,
|
||||
.fse-template-part .wp-block-cover-image .site-title,
|
||||
.fse-template-part .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-template-part .block-editor-block-list__layout .block-editor-block-list__block[data-align=full] > .block-editor-block-list__block-edit figure.fse-site-logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle-menu {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: indigo;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .dropdown-icon.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked + #toggle-menu .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation #toggle:checked + #toggle-menu .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div {
|
||||
display: inline-block;
|
||||
}
|
||||
.fse-template-part .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li:hover, .fse-template-part .main-navigation > div > ul li[focus-within] {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul li:hover, .fse-template-part .main-navigation > div > ul li:focus-within {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul li {
|
||||
display: inherit;
|
||||
width: inherit;
|
||||
/* Submenu display */
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul li:hover > ul,
|
||||
.fse-template-part .main-navigation > div > ul li[focus-within] > ul,
|
||||
.fse-template-part .main-navigation > div > ul li ul:hover,
|
||||
.fse-template-part .main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul li:hover > ul,
|
||||
.fse-template-part .main-navigation > div > ul li:focus-within > ul,
|
||||
.fse-template-part .main-navigation > div > ul li ul:hover,
|
||||
.fse-template-part .main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:before, .fse-template-part .main-navigation > div > ul > li > a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li > a:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu {
|
||||
background: white;
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
min-width: max-content;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation > div > ul > li > .sub-menu .sub-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a {
|
||||
color: blue;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-weight: bold;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation a {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a:link, .fse-template-part .main-navigation a:visited {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
/* Reset the counter for each UL */
|
||||
counter-reset: nested-list;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu .menu-item a {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .sub-menu .menu-item a::before {
|
||||
/* Increment the dashes */
|
||||
counter-increment: nested-list;
|
||||
/* Insert dashes with spaces in between */
|
||||
content: "– " counters(nested-list, "– ", none);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-template-part .main-navigation > div > ul > .menu-item-has-children > a::after {
|
||||
content: "\00a0\25BC";
|
||||
display: inline-block;
|
||||
font-size: 0.69444rem;
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .hide-visually {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fse-template-part body:not(.fse-enabled) .main-navigation a {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation {
|
||||
text-align: center;
|
||||
/**
|
||||
* Button Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
.site-header .main-navigation button,
|
||||
.site-header .main-navigation .button,
|
||||
.site-header .main-navigation input[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link,
|
||||
.site-header .main-navigation .wp-block-file__button {
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
}
|
||||
|
||||
.fse-template-part .main-navigation .button {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
|
|
@ -1069,515 +1292,72 @@ table th,
|
|||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before, .site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .button:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:before,
|
||||
.site-header .main-navigation .button:before,
|
||||
.site-header .main-navigation input[type="submit"]:before,
|
||||
.site-header .main-navigation .wp-block-button__link:before,
|
||||
.site-header .main-navigation .wp-block-file__button:before {
|
||||
.fse-template-part .main-navigation .button:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:after,
|
||||
.site-header .main-navigation .button:after,
|
||||
.site-header .main-navigation input[type="submit"]:after,
|
||||
.site-header .main-navigation .wp-block-button__link:after,
|
||||
.site-header .main-navigation .wp-block-file__button:after {
|
||||
.fse-template-part .main-navigation .button:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
.site-header .main-navigation button:hover,
|
||||
.site-header .main-navigation .button:hover,
|
||||
.site-header .main-navigation input:hover[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:hover,
|
||||
.site-header .main-navigation .wp-block-file__button:hover, .site-header .main-navigation button:focus,
|
||||
.site-header .main-navigation .button:focus,
|
||||
.site-header .main-navigation input:focus[type="submit"],
|
||||
.site-header .main-navigation .wp-block-button__link:focus,
|
||||
.site-header .main-navigation .wp-block-file__button:focus, .site-header .main-navigation button.has-focus,
|
||||
.site-header .main-navigation .has-focus.button,
|
||||
.site-header .main-navigation input.has-focus[type="submit"],
|
||||
.site-header .main-navigation .has-focus.wp-block-button__link,
|
||||
.site-header .main-navigation .has-focus.wp-block-file__button {
|
||||
.fse-template-part .main-navigation .button:hover, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .has-focus.button {
|
||||
color: white;
|
||||
background-color: indigo;
|
||||
}
|
||||
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
.site-branding {
|
||||
color: #444444;
|
||||
.fse-template-part .main-navigation .main-menu.footer-menu li a {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
color: blue;
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
letter-spacing: normal;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.site-title a {
|
||||
color: currentColor;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-title a:link, .site-title a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-title a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
color: currentColor;
|
||||
font-family: serif;
|
||||
font-family: var(--font-base, serif);
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .site-description {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
.main-navigation > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle-menu {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:focus + #toggle-menu {
|
||||
background-color: indigo;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.main-navigation .dropdown-icon.close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked + #toggle-menu .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked + #toggle-menu .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
.main-navigation > div > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul li {
|
||||
display: inherit;
|
||||
width: inherit;
|
||||
/* Submenu display */
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li[focus-within] > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li:focus-within > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > a {
|
||||
line-height: 1;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:before, .main-navigation > div > ul > li > a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
.main-navigation > div > ul > li > a:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
.main-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.main-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > li > .sub-menu {
|
||||
background: white;
|
||||
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
||||
left: 0;
|
||||
top: 100%;
|
||||
min-width: max-content;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: all 0.5s ease;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation > div > ul > li > .sub-menu .sub-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-navigation a {
|
||||
color: blue;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-weight: bold;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation a {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation a:link, .main-navigation a:visited {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.main-navigation a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
/* Reset the counter for each UL */
|
||||
counter-reset: nested-list;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu .menu-item a {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu .menu-item a::before {
|
||||
/* Increment the dashes */
|
||||
counter-increment: nested-list;
|
||||
/* Insert dashes with spaces in between */
|
||||
content: "– " counters(nested-list, "– ", none);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div > ul > .menu-item-has-children > a::after {
|
||||
content: "\00a0\25BC";
|
||||
display: inline-block;
|
||||
font-size: 0.69444rem;
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation .hide-visually {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .main-navigation a {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul {
|
||||
align-content: center;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:last-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation a {
|
||||
color: blue;
|
||||
display: inline-block;
|
||||
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
|
||||
}
|
||||
|
||||
.social-navigation a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.social-navigation svg {
|
||||
fill: currentColor;
|
||||
.fse-template-part .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
overflow: hidden;
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-info {
|
||||
color: #767676;
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-info {
|
||||
order: 1;
|
||||
flex: 1 0 50%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-info .site-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.site-info a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-info a:link, .site-info a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.site-info a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .site-footer .main-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .site-footer .main-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .site-footer .main-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .site-footer .main-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-weight: bold;
|
||||
padding: 16px;
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .site-footer .main-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .site-footer .main-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
body:not(.fse-enabled) .footer-menu a {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
.template-block .site-header,
|
||||
.template-block .site-footer {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .site-header,
|
||||
.template-block .site-footer {
|
||||
padding: 32px 0;
|
||||
.a8c-template-editor.fse-header .block-editor-block-list__layout > .block-editor-block-list__block.is-selected:first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 14px;
|
||||
}
|
||||
.a8c-template-editor.fse-header .block-editor-block-list__layout > .block-editor-block-list__block:not(.is-selected):first-child[data-align='full'] > .block-editor-block-list__block-edit > [data-block] {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.template-block .wp-block-cover .site-title,
|
||||
.template-block .wp-block-cover .site-description,
|
||||
.template-block .wp-block-cover-image .site-title,
|
||||
.template-block .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
.template-block .fse-header .block-editor-block-list__layout > .block-editor-block-list__block:first-child[data-align='full'] {
|
||||
margin-top: -16px;
|
||||
}
|
||||
|
||||
.a8c-template-editor .wp-block-cover .site-title,
|
||||
.a8c-template-editor .wp-block-cover .site-description,
|
||||
.a8c-template-editor .wp-block-cover-image .site-title,
|
||||
.a8c-template-editor .wp-block-cover-image .site-description {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-header .site-title {
|
||||
font-size: 21.6px;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.site-header .site-description {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation {
|
||||
/**
|
||||
* Button
|
||||
*/
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link {
|
||||
color: blue;
|
||||
background: transparent;
|
||||
border: 2px solid currentcolor;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:hover, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link:focus, .site-header .main-navigation .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: 0;
|
||||
@media only screen and (min-width: 560px) {
|
||||
.template-block .fse-header .block-editor-block-list__layout > .block-editor-block-list__block:first-child[data-align='full'] {
|
||||
margin-top: -32px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content__block {
|
||||
|
|
@ -1585,82 +1365,3 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
margin-top: 36px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.site-footer {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .footer-menu {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer .main-navigation .hide-visually,
|
||||
.site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.site-header .site-title.has-background,
|
||||
.site-header .site-description.has-background,
|
||||
.site-footer .site-title.has-background,
|
||||
.site-footer .site-description.has-background {
|
||||
border-radius: 0;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .main-menu.footer-menu li a,
|
||||
.site-footer .main-navigation .main-menu.footer-menu li a {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after,
|
||||
.site-footer .main-navigation .main-menu.footer-menu li.menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-color > .main-menu.footer-menu > li > a,
|
||||
.site-footer .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-left > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-center > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-text-align-right > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.site-header .main-navigation .has-background > .main-menu.footer-menu,
|
||||
.site-footer .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2744,12 +2744,12 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2758,37 +2758,37 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
.footer-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -2796,11 +2796,11 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
|
|
@ -3698,70 +3698,65 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
.fse-template-part {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
.fse-template-part .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-footer .site-info {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-footer .site-info {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
101
varia/style.css
101
varia/style.css
|
|
@ -2761,12 +2761,12 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: indigo;
|
||||
}
|
||||
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation, .fse-enabled .site-footer .main-navigation {
|
||||
.footer-navigation {
|
||||
flex: 1 0 50%;
|
||||
order: 2;
|
||||
margin-top: 0;
|
||||
|
|
@ -2775,37 +2775,37 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
}
|
||||
}
|
||||
|
||||
.footer-navigation > div, .fse-enabled .site-footer .main-navigation > div {
|
||||
.footer-navigation > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
color: #767676;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.footer-navigation .footer-menu, .fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.footer-navigation .footer-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li, .fse-enabled .site-footer .main-navigation .footer-menu > li {
|
||||
.footer-navigation .footer-menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type > a, .fse-enabled .site-footer .main-navigation .footer-menu > li:first-of-type > a {
|
||||
.footer-navigation .footer-menu > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:last-of-type, .fse-enabled .site-footer .main-navigation .footer-menu > li:last-of-type {
|
||||
.footer-navigation .footer-menu > li:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
|
||||
.footer-navigation .footer-menu a {
|
||||
font-family: sans-serif;
|
||||
font-family: var(--font-headings, sans-serif);
|
||||
font-weight: bold;
|
||||
|
|
@ -2813,11 +2813,11 @@ body:not(.fse-enabled) .main-navigation a {
|
|||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:link, .fse-enabled .site-footer .main-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited, .fse-enabled .site-footer .main-navigation .footer-menu a:visited {
|
||||
.footer-navigation .footer-menu a:link, .footer-navigation .footer-menu a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu a:hover, .fse-enabled .site-footer .main-navigation .footer-menu a:hover {
|
||||
.footer-navigation .footer-menu a:hover {
|
||||
color: indigo;
|
||||
}
|
||||
|
||||
|
|
@ -3727,70 +3727,65 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
.fse-enabled .site-footer {
|
||||
display: block;
|
||||
.fse-template-part {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .main-navigation .hide-visually,
|
||||
.fse-enabled .site-footer .main-navigation #toggle-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
width: auto;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li .sub-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-left > .main-menu.footer-menu {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-center > .main-menu.footer-menu {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-text-align-right > .main-menu.footer-menu {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .main-navigation .has-background > .main-menu.footer-menu {
|
||||
.fse-template-part .main-navigation .has-background > .main-menu.footer-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
.fse-template-part .main-navigation > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
|
||||
font-size: 0.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-header > *:first-child:not(.alignfull) {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fse-footer .site-info {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-footer .site-info {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue