diff --git a/redhill/package-lock.json b/redhill/package-lock.json index ad2975003..476d4bbd2 100644 --- a/redhill/package-lock.json +++ b/redhill/package-lock.json @@ -1,6 +1,6 @@ { "name": "redhill", - "version": "1.1.1", + "version": "1.1.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/redhill/package.json b/redhill/package.json index 32572c5f7..f72d95a87 100755 --- a/redhill/package.json +++ b/redhill/package.json @@ -1,6 +1,6 @@ { "name": "redhill", - "version": "1.1.1", + "version": "1.1.2", "description": "redhill", "bugs": { "url": "https://github.com/Automattic/themes/issues" diff --git a/redhill/sass/_extra-child-theme.scss b/redhill/sass/_extra-child-theme.scss index 14d66dfc4..0a824efe5 100644 --- a/redhill/sass/_extra-child-theme.scss +++ b/redhill/sass/_extra-child-theme.scss @@ -89,8 +89,14 @@ a { } } - .footer-navigation + .site-info { - text-align: left; + .footer-navigation { + & + .site-info { + text-align: left; + } + + .footer-menu > li:last-of-type > a { + padding-right: 0; + } } } @@ -206,6 +212,10 @@ a { justify-content: center; } +.home.page.hide-homepage-title .site-main { + padding-top: 0; +} + // Cover & Hero block .wp-block-cover .wp-block-cover__inner-container, .wp-block-coblocks-hero .wp-block-coblocks-hero__box { @@ -500,7 +510,7 @@ article .entry-header .entry-title, ul { border-bottom: 1px solid map-deep-get($config-global, "color", "border", "light"); list-style: none; - margin-left: 0; + padding-left: 0; } li { diff --git a/redhill/style-editor.css b/redhill/style-editor.css index 09f358473..6dcbaca8e 100644 --- a/redhill/style-editor.css +++ b/redhill/style-editor.css @@ -340,6 +340,7 @@ object { background-color: #222222; color: white; min-height: 576px; + /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ } @@ -351,7 +352,7 @@ object { .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image .block-editor-block-list__block { - color: white; + color: currentColor; } .wp-block-cover .wp-block-cover__inner-container a, @@ -365,6 +366,17 @@ object { color: currentColor; } +.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-text, +.wp-block-cover:not([class*='background-color']) .block-editor-block-list__block, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text, +.wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block { + color: white; +} + .wp-block-cover h2, .wp-block-cover-image h2 { font-size: 2.0736em; @@ -437,10 +449,38 @@ object { line-height: 1.125; } +/* Center image block by default in the editor */ +.wp-block-image > div { + text-align: center; +} + +[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { + margin: 0 auto; +} + .wp-block-gallery figcaption { margin-bottom: 0; } +.wp-block-group.has-background { + padding: 21.312px; +} + +@media only screen and (min-width: 560px) { + .wp-block-group.has-background { + padding: 32px; + } +} + +.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] { + margin: 0; + width: 100%; +} + +.wp-block-latest-comments { + margin-left: 0; +} + .wp-block-latest-posts { padding-left: 0; } @@ -484,6 +524,17 @@ object { margin: 0; } +.block-library-list ul, +.block-library-list ol { + margin: 32px 0; + padding-left: 32px; +} + +.block-library-list li > ul, +.block-library-list li > ol { + margin: 0; +} + .wp-block-media-text .block-editor-inner-blocks { padding-right: 16px; padding-left: 16px; @@ -496,7 +547,7 @@ object { } } -.wp-block-media-text .block-editor-inner-blocks[style*="background-color"]:not(.has-background-background-color) a { +.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a { color: currentColor; } @@ -598,7 +649,7 @@ p.has-background:not(.has-background-background-color) a { .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; - padding: 0 16px; + padding: 0; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { @@ -608,6 +659,26 @@ p.has-background:not(.has-background-background-color) a { line-height: 1.125; } +.has-background:not(.has-background-background-color) .wp-block-quote, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote, +[style*="background-color"]:not(.has-background-background-color) .wp-block-quote, +.wp-block-cover[style*="background-image"] .wp-block-quote { + border-color: currentColor; +} + +.wp-block-quote .wp-block-quote__citation { + color: #666666; + font-size: 0.83333em; + letter-spacing: normal; +} + +.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation { + color: currentColor; +} + .wp-block-separator, hr { border-bottom: 2px solid #DDDDDD; @@ -635,6 +706,20 @@ hr.is-style-dots:before { color: #DDDDDD; } +.has-background:not(.has-background-background-color) .wp-block-separator, +[class*="background-color"]:not(.has-background-background-color) .wp-block-separator, +[style*="background-color"]:not(.has-background-background-color) .wp-block-separator, +.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color) +hr, +[class*="background-color"]:not(.has-background-background-color) +hr, +[style*="background-color"]:not(.has-background-background-color) +hr, +.wp-block-cover[style*="background-image"] +hr { + border-color: currentColor; +} + table th, .wp-block-table th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; @@ -693,8 +778,7 @@ table th, } .has-background:not(.has-background-background-color) a, -.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6, -.has-background .wp-block-quote__citation { +.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } @@ -777,6 +861,18 @@ table th, /** * Spacing Overrides */ +[data-block] { + margin-top: 21.312px; + margin-bottom: 21.312px; +} + +@media only screen and (min-width: 560px) { + [data-block] { + margin-top: 32px; + margin-bottom: 32px; + } +} + /* * Margins */ diff --git a/redhill/style-rtl.css b/redhill/style-rtl.css index ecc96bb51..61e3e0c51 100644 --- a/redhill/style-rtl.css +++ b/redhill/style-rtl.css @@ -1075,7 +1075,7 @@ button, .button, input[type="submit"], .wp-block-button__link, -.wp-block-file__button, .a8c-posts-list__view-all { +.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; @@ -1092,11 +1092,11 @@ button:before, .button:before, input[type="submit"]:before, .wp-block-button__link:before, -.wp-block-file__button:before, .a8c-posts-list__view-all:before, button:after, +.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 { +.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; @@ -1107,7 +1107,7 @@ button:before, .button:before, input[type="submit"]:before, .wp-block-button__link:before, -.wp-block-file__button:before, .a8c-posts-list__view-all: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; } @@ -1115,7 +1115,7 @@ button:after, .button:after, input[type="submit"]:after, .wp-block-button__link:after, -.wp-block-file__button:after, .a8c-posts-list__view-all: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; } @@ -1123,15 +1123,15 @@ button:hover, .button:hover, input:hover[type="submit"], .wp-block-button__link:hover, -.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus, +.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, button.has-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 { +.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: #222222; } @@ -1217,11 +1217,20 @@ input.has-focus[type="submit"], padding-left: 16px; } +.wp-block-columns.alignfull:not(:first-child) { + margin-top: 32px; +} + +.wp-block-columns.alignfull:not(:last-child) { + margin-bottom: 32px; +} + .wp-block-cover, .wp-block-cover-image { background-color: #222222; min-height: 576px; margin: inherit; + /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /** * Block Options @@ -1234,7 +1243,7 @@ input.has-focus[type="submit"], .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { - color: white; + color: currentColor; margin-top: 32px; margin-bottom: 32px; } @@ -1248,6 +1257,15 @@ input.has-focus[type="submit"], color: currentColor; } +.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text { + color: white; +} + .wp-block-cover h2, .wp-block-cover-image h2 { font-size: 2.0736rem; @@ -1446,6 +1464,10 @@ h6, .h6 { line-height: 1.125; } +.wp-block-image { + text-align: center; +} + .wp-block-image figcaption { color: #666666; font-size: 0.69444rem; @@ -1469,11 +1491,10 @@ img { height: auto; max-width: 100%; vertical-align: middle; - width: auto; } .wp-block-latest-comments { - margin-right: 0; + padding-right: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { @@ -1508,7 +1529,7 @@ img { } .wp-block-latest-posts { - margin-right: 0; + padding-right: 0; } .wp-block-latest-posts > li { @@ -1611,9 +1632,8 @@ img { ul, ol { font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif; - list-style-position: inside; - margin: 0 16px 0 0; - padding: 0; + margin: 0; + padding-right: 32px; } ul { @@ -1630,7 +1650,8 @@ dt { } dd { - margin: 0 16px 0 0; + margin: 0; + padding-right: 32px; } .wp-block-media-text { @@ -1829,7 +1850,7 @@ p.has-background { .wp-block-quote { border-right-color: #CA2017; margin: 32px 0; - padding: 0 16px; + padding-right: 16px; /** * Block Options */ @@ -1863,8 +1884,23 @@ p.has-background { letter-spacing: normal; } -.has-background .wp-block-quote .wp-block-quote__citation, .has-background -.wp-block-quote cite, .has-background +.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[style*="background-color"] .wp-block-quote .wp-block-quote__citation, +.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color) +.wp-block-quote cite, +[class*="background-color"]:not(.has-background-background-color) +.wp-block-quote cite, +[style*="background-color"] +.wp-block-quote cite, +.wp-block-cover[style*="background-image"] +.wp-block-quote cite, .has-background:not(.has-background-background-color) +.wp-block-quote footer, +[class*="background-color"]:not(.has-background-background-color) +.wp-block-quote footer, +[style*="background-color"] +.wp-block-quote footer, +.wp-block-cover[style*="background-image"] .wp-block-quote footer { color: currentColor; } @@ -1877,6 +1913,7 @@ p.has-background { /* Resetting margins to match _block-container.scss */ margin-top: 32px; margin-bottom: 32px; + padding: 0; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { @@ -1895,6 +1932,13 @@ p.has-background { letter-spacing: normal; } +.has-background:not(.has-background-background-color) .wp-block-quote, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote, +[style*="background-color"] .wp-block-quote, +.wp-block-cover[style*="background-image"] .wp-block-quote { + border-color: currentColor; +} + hr { border-bottom: 2px solid #DDDDDD; clear: both; @@ -1920,6 +1964,13 @@ hr.wp-block-separator.is-style-dots:before { padding-right: 0.83333rem; } +.has-background:not(.has-background-background-color) hr.wp-block-separator, +[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator, +[style*="background-color"] hr.wp-block-separator, +.wp-block-cover[style*="background-image"] hr.wp-block-separator { + border-color: currentColor; +} + .wp-block-jetpack-slideshow ul { margin-right: 0; margin-left: 0; @@ -2075,8 +2126,7 @@ table th, } .has-background:not(.has-background-background-color) a, -.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6, -.has-background .wp-block-quote__citation { +.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } @@ -2370,10 +2420,15 @@ table th, list-style: none; margin: 0; max-width: none; + padding-right: 0; position: relative; /* Sub-menus Flyout */ } +.main-navigation > div > ul ul { + padding-right: 0; +} + .main-navigation > div > ul li { display: block; position: relative; @@ -2529,6 +2584,7 @@ table th, display: flex; list-style: none; margin: 0; + padding-right: 0; } .social-navigation > div > ul > li:first-of-type > a { @@ -2723,7 +2779,7 @@ table th, } .entry-content .more-link { - display: inline; + display: block; color: inherit; } @@ -2748,6 +2804,10 @@ table th, } } +.entry-attachment { + text-align: center; +} + /** * Post Thumbnails */ @@ -2876,7 +2936,7 @@ table th, */ .comment-list { border-bottom: 1px solid #DDDDDD; - margin-right: 0; + padding-right: 0; list-style: none; } @@ -2888,7 +2948,7 @@ table th, .children { list-style: none; - margin-right: 16px; + padding-right: 16px; } .children > li { @@ -2899,7 +2959,7 @@ table th, @media only screen and (min-width: 560px) { .children { - margin-right: calc(2 * 16px); + padding-right: 32px; } } @@ -3140,7 +3200,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, -.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: 100%; margin-right: auto; @@ -3151,7 +3211,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 560px - 32px); } @@ -3161,7 +3221,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 640px - 32px); } @@ -3171,7 +3231,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } @@ -3181,7 +3241,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } @@ -3191,37 +3251,34 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } } .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: 100%; - max-width: 100%; margin-right: auto; margin-left: auto; + max-width: 100%; + /* Matches normal width until desktop breakpoint */ } @media only screen and (min-width: 560px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 560px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 560px - 32px); } } @media only screen and (min-width: 640px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 640px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 640px - 32px); } } @media only screen and (min-width: 772px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 772px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 772px - 32px); } } @@ -3397,6 +3454,106 @@ img#wpstats { margin-bottom: 0; } +/** + * Cookies & Consents Banner + */ +body .widget_eu_cookie_law_widget { + background: transparent; + bottom: 0; + right: 0; + padding: 8px; + left: 0; +} + +body .widget_eu_cookie_law_widget.widget.top { + bottom: auto; + top: 0; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law { + background: white; + border: 1px solid #DDDDDD; + color: #222222; + font-size: 0.83333rem; + line-height: inherit; + padding: 16px; +} + +@media (max-width: 600px) { + body .widget_eu_cookie_law_widget #eu-cookie-law { + padding-bottom: 80px; + } +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative { + background: #222222; + border-color: #111111; + color: white; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept { + background: white; + color: #222222; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus { + background: #DDDDDD; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law input.accept { + margin: 0; + margin-right: 32px; +} + +@media (max-width: 600px) { + body .widget_eu_cookie_law_widget #eu-cookie-law input.accept { + bottom: 16px; + right: 16px; + margin: 0; + } +} + +body.admin-bar .widget_eu_cookie_law_widget.widget.top { + top: 32px; +} + +@media (max-width: 782px) { + body.admin-bar .widget_eu_cookie_law_widget.widget.top { + top: 46px; + } +} + +/** + * Mailchimp Subscription Form + */ +.wp-block-jetpack-mailchimp p { + margin-top: 21.312px; + margin-bottom: 21.312px; +} + +@media only screen and (min-width: 560px) { + .wp-block-jetpack-mailchimp p { + margin-top: 32px; + margin-bottom: 32px; + } +} + +.wp-block-jetpack-mailchimp p:first-child { + margin-top: 0; +} + +.wp-block-jetpack-mailchimp p:last-child { + margin-bottom: 0; +} + +.wp-block-jetpack-mailchimp input[type=email] { + width: 100%; +} + +#wp-block-jetpack-mailchimp_consent-text { + font-size: 0.83333rem; +} + /** * Child Theme Extra Styles */ @@ -3494,6 +3651,10 @@ p:not(.site-title) a:hover { text-align: right; } +#colophon .footer-navigation .footer-menu > li:last-of-type > a { + padding-left: 0; +} + .main-navigation #toggle-menu { text-transform: uppercase; } @@ -3601,6 +3762,10 @@ p:not(.site-title) a:hover { justify-content: center; } +.home.page.hide-homepage-title .site-main { + padding-top: 0; +} + .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-coblocks-hero .wp-block-coblocks-hero__box > * { margin-top: 21.312px; @@ -3874,7 +4039,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title .widget_upcoming_events_widget ul { border-bottom: 1px solid #FAFAFA; list-style: none; - margin-right: 0; + padding-right: 0; } .widget_archive li, diff --git a/redhill/style.css b/redhill/style.css index 32996a25f..f45a7a280 100644 --- a/redhill/style.css +++ b/redhill/style.css @@ -1075,7 +1075,7 @@ button, .button, input[type="submit"], .wp-block-button__link, -.wp-block-file__button, .a8c-posts-list__view-all { +.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; @@ -1092,11 +1092,11 @@ button:before, .button:before, input[type="submit"]:before, .wp-block-button__link:before, -.wp-block-file__button:before, .a8c-posts-list__view-all:before, button:after, +.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 { +.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; @@ -1107,7 +1107,7 @@ button:before, .button:before, input[type="submit"]:before, .wp-block-button__link:before, -.wp-block-file__button:before, .a8c-posts-list__view-all: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; } @@ -1115,7 +1115,7 @@ button:after, .button:after, input[type="submit"]:after, .wp-block-button__link:after, -.wp-block-file__button:after, .a8c-posts-list__view-all: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; } @@ -1123,15 +1123,15 @@ button:hover, .button:hover, input:hover[type="submit"], .wp-block-button__link:hover, -.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus, +.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, button.has-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 { +.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: #222222; } @@ -1217,11 +1217,20 @@ input.has-focus[type="submit"], padding-right: 16px; } +.wp-block-columns.alignfull:not(:first-child) { + margin-top: 32px; +} + +.wp-block-columns.alignfull:not(:last-child) { + margin-bottom: 32px; +} + .wp-block-cover, .wp-block-cover-image { background-color: #222222; min-height: 576px; margin: inherit; + /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /** * Block Options @@ -1234,7 +1243,7 @@ input.has-focus[type="submit"], .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { - color: white; + color: currentColor; margin-top: 32px; margin-bottom: 32px; } @@ -1248,6 +1257,15 @@ input.has-focus[type="submit"], color: currentColor; } +.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover:not([class*='background-color']) .wp-block-cover-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text { + color: white; +} + .wp-block-cover h2, .wp-block-cover-image h2 { font-size: 2.0736rem; @@ -1446,6 +1464,10 @@ h6, .h6 { line-height: 1.125; } +.wp-block-image { + text-align: center; +} + .wp-block-image figcaption { color: #666666; font-size: 0.69444rem; @@ -1469,11 +1491,10 @@ img { height: auto; max-width: 100%; vertical-align: middle; - width: auto; } .wp-block-latest-comments { - margin-left: 0; + padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { @@ -1508,7 +1529,7 @@ img { } .wp-block-latest-posts { - margin-left: 0; + padding-left: 0; } .wp-block-latest-posts > li { @@ -1611,9 +1632,8 @@ img { ul, ol { font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif; - list-style-position: inside; - margin: 0 0 0 16px; - padding: 0; + margin: 0; + padding-left: 32px; } ul { @@ -1630,7 +1650,8 @@ dt { } dd { - margin: 0 0 0 16px; + margin: 0; + padding-left: 32px; } .wp-block-media-text { @@ -1829,7 +1850,7 @@ p.has-background { .wp-block-quote { border-left-color: #CA2017; margin: 32px 0; - padding: 0 16px; + padding-left: 16px; /** * Block Options */ @@ -1863,8 +1884,23 @@ p.has-background { letter-spacing: normal; } -.has-background .wp-block-quote .wp-block-quote__citation, .has-background -.wp-block-quote cite, .has-background +.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation, +[style*="background-color"] .wp-block-quote .wp-block-quote__citation, +.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background:not(.has-background-background-color) +.wp-block-quote cite, +[class*="background-color"]:not(.has-background-background-color) +.wp-block-quote cite, +[style*="background-color"] +.wp-block-quote cite, +.wp-block-cover[style*="background-image"] +.wp-block-quote cite, .has-background:not(.has-background-background-color) +.wp-block-quote footer, +[class*="background-color"]:not(.has-background-background-color) +.wp-block-quote footer, +[style*="background-color"] +.wp-block-quote footer, +.wp-block-cover[style*="background-image"] .wp-block-quote footer { color: currentColor; } @@ -1877,6 +1913,7 @@ p.has-background { /* Resetting margins to match _block-container.scss */ margin-top: 32px; margin-bottom: 32px; + padding: 0; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { @@ -1895,6 +1932,13 @@ p.has-background { letter-spacing: normal; } +.has-background:not(.has-background-background-color) .wp-block-quote, +[class*="background-color"]:not(.has-background-background-color) .wp-block-quote, +[style*="background-color"] .wp-block-quote, +.wp-block-cover[style*="background-image"] .wp-block-quote { + border-color: currentColor; +} + hr { border-bottom: 2px solid #DDDDDD; clear: both; @@ -1920,6 +1964,13 @@ hr.wp-block-separator.is-style-dots:before { padding-left: 0.83333rem; } +.has-background:not(.has-background-background-color) hr.wp-block-separator, +[class*="background-color"]:not(.has-background-background-color) hr.wp-block-separator, +[style*="background-color"] hr.wp-block-separator, +.wp-block-cover[style*="background-image"] hr.wp-block-separator { + border-color: currentColor; +} + .wp-block-jetpack-slideshow ul { margin-left: 0; margin-right: 0; @@ -2080,8 +2131,7 @@ table th, } .has-background:not(.has-background-background-color) a, -.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6, -.has-background .wp-block-quote__citation { +.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } @@ -2387,10 +2437,15 @@ table th, 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; @@ -2546,6 +2601,7 @@ table th, display: flex; list-style: none; margin: 0; + padding-left: 0; } .social-navigation > div > ul > li:first-of-type > a { @@ -2740,7 +2796,7 @@ table th, } .entry-content .more-link { - display: inline; + display: block; color: inherit; } @@ -2765,6 +2821,10 @@ table th, } } +.entry-attachment { + text-align: center; +} + /** * Post Thumbnails */ @@ -2893,7 +2953,7 @@ table th, */ .comment-list { border-bottom: 1px solid #DDDDDD; - margin-left: 0; + padding-left: 0; list-style: none; } @@ -2905,7 +2965,7 @@ table th, .children { list-style: none; - margin-left: 16px; + padding-left: 16px; } .children > li { @@ -2916,7 +2976,7 @@ table th, @media only screen and (min-width: 560px) { .children { - margin-left: calc(2 * 16px); + padding-left: 32px; } } @@ -3157,7 +3217,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, -.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), +.wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: 100%; margin-left: auto; @@ -3168,7 +3228,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 560px - 32px); } @@ -3178,7 +3238,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 640px - 32px); } @@ -3188,7 +3248,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } @@ -3198,7 +3258,7 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } @@ -3208,37 +3268,34 @@ img#wpstats { .responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignfull > p, .wp-block-pullquote.alignwide blockquote, - .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), + .wp-block-pullquote.alignfull blockquote, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment), .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination { max-width: calc( 772px - 32px); } } .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: 100%; - max-width: 100%; margin-left: auto; margin-right: auto; + max-width: 100%; + /* Matches normal width until desktop breakpoint */ } @media only screen and (min-width: 560px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 560px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 560px - 32px); } } @media only screen and (min-width: 640px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 640px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 640px - 32px); } } @media only screen and (min-width: 772px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { - width: calc(calc( 772px - 32px) + 256px); - max-width: calc(100% - 32px); + max-width: calc( 772px - 32px); } } @@ -3426,6 +3483,106 @@ img#wpstats { margin-bottom: 0; } +/** + * Cookies & Consents Banner + */ +body .widget_eu_cookie_law_widget { + background: transparent; + bottom: 0; + left: 0; + padding: 8px; + right: 0; +} + +body .widget_eu_cookie_law_widget.widget.top { + bottom: auto; + top: 0; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law { + background: white; + border: 1px solid #DDDDDD; + color: #222222; + font-size: 0.83333rem; + line-height: inherit; + padding: 16px; +} + +@media (max-width: 600px) { + body .widget_eu_cookie_law_widget #eu-cookie-law { + padding-bottom: 80px; + } +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative { + background: #222222; + border-color: #111111; + color: white; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept { + background: white; + color: #222222; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:hover, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept:focus, body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept.has-focus { + background: #DDDDDD; +} + +body .widget_eu_cookie_law_widget #eu-cookie-law input.accept { + margin: 0; + margin-left: 32px; +} + +@media (max-width: 600px) { + body .widget_eu_cookie_law_widget #eu-cookie-law input.accept { + bottom: 16px; + left: 16px; + margin: 0; + } +} + +body.admin-bar .widget_eu_cookie_law_widget.widget.top { + top: 32px; +} + +@media (max-width: 782px) { + body.admin-bar .widget_eu_cookie_law_widget.widget.top { + top: 46px; + } +} + +/** + * Mailchimp Subscription Form + */ +.wp-block-jetpack-mailchimp p { + margin-top: 21.312px; + margin-bottom: 21.312px; +} + +@media only screen and (min-width: 560px) { + .wp-block-jetpack-mailchimp p { + margin-top: 32px; + margin-bottom: 32px; + } +} + +.wp-block-jetpack-mailchimp p:first-child { + margin-top: 0; +} + +.wp-block-jetpack-mailchimp p:last-child { + margin-bottom: 0; +} + +.wp-block-jetpack-mailchimp input[type=email] { + width: 100%; +} + +#wp-block-jetpack-mailchimp_consent-text { + font-size: 0.83333rem; +} + /** * Child Theme Extra Styles */ @@ -3523,6 +3680,10 @@ p:not(.site-title) a:hover { text-align: left; } +#colophon .footer-navigation .footer-menu > li:last-of-type > a { + padding-right: 0; +} + .main-navigation #toggle-menu { text-transform: uppercase; } @@ -3630,6 +3791,10 @@ p:not(.site-title) a:hover { justify-content: center; } +.home.page.hide-homepage-title .site-main { + padding-top: 0; +} + .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-coblocks-hero .wp-block-coblocks-hero__box > * { margin-top: 21.312px; @@ -3903,7 +4068,7 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title .widget_upcoming_events_widget ul { border-bottom: 1px solid #FAFAFA; list-style: none; - margin-left: 0; + padding-left: 0; } .widget_archive li,