|
|
@@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|
|
* Base
|
|
|
* - Reset the browser
|
|
|
*/
|
|
|
+/**
|
|
|
+ * Button Placeholder style
|
|
|
+ * - Since buttons appear in various blocks,
|
|
|
+ * let’s use a placeholder to keep them all
|
|
|
+ * in-sync
|
|
|
+ */
|
|
|
+button,
|
|
|
+.button,
|
|
|
+input[type="submit"],
|
|
|
+.wp-block-button__link,
|
|
|
+.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
|
|
+ line-height: 1;
|
|
|
+ color: white;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: 700;
|
|
|
+ font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
+ font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
|
|
+ font-size: 0.83333rem;
|
|
|
+ background-color: #19744C;
|
|
|
+ border-radius: 4px;
|
|
|
+ border-width: 0;
|
|
|
+ padding: 16px 16px;
|
|
|
+}
|
|
|
+
|
|
|
+button:before,
|
|
|
+.button:before,
|
|
|
+input[type="submit"]:before,
|
|
|
+.wp-block-button__link:before,
|
|
|
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
|
|
+.button:after,
|
|
|
+input[type="submit"]:after,
|
|
|
+.wp-block-button__link:after,
|
|
|
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ width: 0;
|
|
|
+}
|
|
|
+
|
|
|
+button:before,
|
|
|
+.button:before,
|
|
|
+input[type="submit"]:before,
|
|
|
+.wp-block-button__link:before,
|
|
|
+.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
|
|
+ margin-bottom: -0.12em;
|
|
|
+}
|
|
|
+
|
|
|
+button:after,
|
|
|
+.button:after,
|
|
|
+input[type="submit"]:after,
|
|
|
+.wp-block-button__link:after,
|
|
|
+.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
|
|
+ margin-top: -0.11em;
|
|
|
+}
|
|
|
+
|
|
|
+button:hover,
|
|
|
+.button:hover,
|
|
|
+input:hover[type="submit"],
|
|
|
+.wp-block-button__link:hover,
|
|
|
+.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
|
|
+.button:focus,
|
|
|
+input:focus[type="submit"],
|
|
|
+.wp-block-button__link:focus,
|
|
|
+.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
|
|
+.has-focus.button,
|
|
|
+input.has-focus[type="submit"],
|
|
|
+.has-focus.wp-block-button__link,
|
|
|
+.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
|
|
+ color: white;
|
|
|
+ background-color: #145f3e;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * Onsale Placeholder style
|
|
|
+ * - Since buttons appear in various blocks,
|
|
|
+ * let’s use a placeholder to keep them all
|
|
|
+ * in-sync
|
|
|
+ */
|
|
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
|
/* Document
|
|
|
========================================================================== */
|
|
|
@@ -859,7 +937,8 @@ footer {
|
|
|
.post-thumbnail > *,
|
|
|
.page-content > *,
|
|
|
.comment-content > *,
|
|
|
-.author-bio > * {
|
|
|
+.author-bio > *,
|
|
|
+.widget-area > .widget > * {
|
|
|
margin-top: 16px;
|
|
|
margin-bottom: 16px;
|
|
|
}
|
|
|
@@ -869,7 +948,8 @@ footer {
|
|
|
.post-thumbnail > *:first-child,
|
|
|
.page-content > *:first-child,
|
|
|
.comment-content > *:first-child,
|
|
|
-.author-bio > *:first-child {
|
|
|
+.author-bio > *:first-child,
|
|
|
+.widget-area > .widget > *:first-child {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
@@ -878,7 +958,8 @@ footer {
|
|
|
.post-thumbnail > *:last-child,
|
|
|
.page-content > *:last-child,
|
|
|
.comment-content > *:last-child,
|
|
|
-.author-bio > *:last-child {
|
|
|
+.author-bio > *:last-child,
|
|
|
+.widget-area > .widget > *:last-child {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
@@ -1069,77 +1150,8 @@ object {
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * Placeholder button style
|
|
|
- * - Since buttons appear in various blocks,
|
|
|
- * let’s use a placeholder to keep them all
|
|
|
- * in-sync
|
|
|
+ * Button
|
|
|
*/
|
|
|
-button,
|
|
|
-.button,
|
|
|
-input[type="submit"],
|
|
|
-.wp-block-button__link,
|
|
|
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
|
|
- line-height: 1;
|
|
|
- color: white;
|
|
|
- cursor: pointer;
|
|
|
- font-weight: 700;
|
|
|
- font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
- font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
|
|
|
- font-size: 0.83333rem;
|
|
|
- background-color: #19744C;
|
|
|
- border-radius: 4px;
|
|
|
- border-width: 0;
|
|
|
- padding: 16px 16px;
|
|
|
-}
|
|
|
-
|
|
|
-button:before,
|
|
|
-.button:before,
|
|
|
-input[type="submit"]:before,
|
|
|
-.wp-block-button__link:before,
|
|
|
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
|
|
-.button:after,
|
|
|
-input[type="submit"]:after,
|
|
|
-.wp-block-button__link:after,
|
|
|
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- height: 0;
|
|
|
- width: 0;
|
|
|
-}
|
|
|
-
|
|
|
-button:before,
|
|
|
-.button:before,
|
|
|
-input[type="submit"]:before,
|
|
|
-.wp-block-button__link:before,
|
|
|
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
|
|
- margin-bottom: -0.12em;
|
|
|
-}
|
|
|
-
|
|
|
-button:after,
|
|
|
-.button:after,
|
|
|
-input[type="submit"]:after,
|
|
|
-.wp-block-button__link:after,
|
|
|
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
|
|
- margin-top: -0.11em;
|
|
|
-}
|
|
|
-
|
|
|
-button:hover,
|
|
|
-.button:hover,
|
|
|
-input:hover[type="submit"],
|
|
|
-.wp-block-button__link:hover,
|
|
|
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
|
|
-.button:focus,
|
|
|
-input:focus[type="submit"],
|
|
|
-.wp-block-button__link:focus,
|
|
|
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
|
|
-.has-focus.button,
|
|
|
-input.has-focus[type="submit"],
|
|
|
-.has-focus.wp-block-button__link,
|
|
|
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
|
|
- color: white;
|
|
|
- background-color: #145f3e;
|
|
|
-}
|
|
|
-
|
|
|
/**
|
|
|
* Block Options
|
|
|
*/
|
|
|
@@ -2422,7 +2434,7 @@ body:not(.fse-enabled) .site-description {
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
-.main-navigation #toggle:checked ~ div {
|
|
|
+.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
@@ -2446,7 +2458,7 @@ body:not(.fse-enabled) .site-description {
|
|
|
|
|
|
@media only screen and (min-width: 560px) {
|
|
|
.main-navigation > div {
|
|
|
- display: block;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
.main-navigation #toggle-menu {
|
|
|
display: none;
|
|
|
@@ -2832,6 +2844,13 @@ body:not(.fse-enabled) .footer-menu a {
|
|
|
.entry-content .more-link {
|
|
|
display: block;
|
|
|
color: inherit;
|
|
|
+ margin-top: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .entry-content .more-link {
|
|
|
+ margin-top: 32px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.entry-content .more-link:after {
|
|
|
@@ -3719,10 +3738,12 @@ dt {
|
|
|
/**
|
|
|
* Header
|
|
|
*/
|
|
|
-.site-header {
|
|
|
- align-items: center;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+@media only screen and (min-width: 560px) {
|
|
|
+ .site-header {
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.site-header > * {
|
|
|
@@ -3758,98 +3779,6 @@ dt {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.main-navigation {
|
|
|
- margin: 0;
|
|
|
- margin-left: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation > div {
|
|
|
- background: white;
|
|
|
- border: 1px solid #D0D0D0;
|
|
|
- border-radius: 4px;
|
|
|
- left: 32px;
|
|
|
- margin-top: 8px;
|
|
|
- padding: 0 8px;
|
|
|
- position: absolute;
|
|
|
- right: 32px;
|
|
|
- z-index: 99;
|
|
|
-}
|
|
|
-
|
|
|
-.main-navigation li.current-menu-item > a {
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 560px) {
|
|
|
- .main-navigation > div {
|
|
|
- background: transparent;
|
|
|
- border: 0;
|
|
|
- border-radius: 0;
|
|
|
- left: auto;
|
|
|
- margin-top: 0;
|
|
|
- padding: 0;
|
|
|
- position: inherit;
|
|
|
- right: auto;
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
- .main-navigation > div > ul {
|
|
|
- justify-content: flex-end;
|
|
|
- margin-left: -8px;
|
|
|
- margin-right: -8px;
|
|
|
- }
|
|
|
- .main-navigation > div > ul > li {
|
|
|
- padding-left: 16px;
|
|
|
- padding-right: 16px;
|
|
|
- padding-top: 8px;
|
|
|
- padding-bottom: 8px;
|
|
|
- }
|
|
|
- .main-navigation > div > ul > li > a {
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- .main-navigation > div > ul > .menu-item-has-children > a::after {
|
|
|
- border-left: 4px solid transparent;
|
|
|
- border-right: 4px solid transparent;
|
|
|
- border-top: 4px solid #19744C;
|
|
|
- content: "";
|
|
|
- margin: 0;
|
|
|
- margin-left: 4px;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- .main-navigation > div > ul > li:hover > ul,
|
|
|
- .main-navigation > div > ul > li.focus > ul,
|
|
|
- .main-navigation > div > ul > li.current-menu-item > ul {
|
|
|
- border: 1px solid #D0D0D0;
|
|
|
- border-radius: 4px;
|
|
|
- box-shadow: none;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-#site-navigation #toggle-menu {
|
|
|
- align-items: center;
|
|
|
- display: flex;
|
|
|
- padding: 8px 16px;
|
|
|
-}
|
|
|
-
|
|
|
-#site-navigation #toggle-menu::before {
|
|
|
- content: "";
|
|
|
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");
|
|
|
- display: block;
|
|
|
- height: 24px;
|
|
|
- margin: 0;
|
|
|
- margin-right: 4px;
|
|
|
- width: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (min-width: 560px) {
|
|
|
- #site-navigation #toggle-menu {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-#site-navigation #toggle:checked + #toggle-menu::before {
|
|
|
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
-}
|
|
|
-
|
|
|
/**
|
|
|
* Footer
|
|
|
*/
|
Allan Cole