diff --git a/coutoire/sass/_extra-child-theme.scss b/coutoire/sass/_extra-child-theme.scss index edbcf79fb..77ab384f8 100644 --- a/coutoire/sass/_extra-child-theme.scss +++ b/coutoire/sass/_extra-child-theme.scss @@ -64,16 +64,11 @@ a { } } -.main-navigation > div > ul > li:first-of-type, -.social-navigation > div > ul > li:first-of-type, -.footer-navigation .footer-menu > li:first-of-type { - margin-left: 0; -} - -.main-navigation > div > ul > li:last-of-type, -.social-navigation > div > ul > li:last-of-type, -.footer-navigation .footer-menu > li:last-of-type { - margin-right: 0; +.main-navigation > div > ul > li > a, +.social-navigation > div > ul > li > a, +.footer-navigation .footer-menu > li > a { + padding-left: 0; + padding-right: 0; } .main-navigation { diff --git a/coutoire/style-editor.css b/coutoire/style-editor.css index 83e60930d..e6d5a83a1 100644 --- a/coutoire/style-editor.css +++ b/coutoire/style-editor.css @@ -429,6 +429,45 @@ object { padding-left: 0; } +.wp-block-latest-posts > li > a { + font-family: "EB Garamond", serif; + font-size: 1.728rem; + font-weight: 200; + line-height: 1; +} + +.wp-block-latest-posts:not(.is-grid) > li { + /* Vertical margins logic */ + margin-top: 32px; + margin-bottom: 32px; +} + +.wp-block-latest-posts:not(.is-grid) > li:first-child { + margin-top: 0; +} + +.wp-block-latest-posts:not(.is-grid) > li:last-child { + margin-bottom: 0; +} + +.wp-block-latest-posts .wp-block-latest-posts__post-date { + color: #767676; + font-size: 0.83333rem; + line-height: 1.78; +} + +[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, +.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { + color: currentColor; +} + +.wp-block-latest-posts .wp-block-latest-posts__post-excerpt, +.wp-block-latest-posts .wp-block-latest-posts__post-full-content { + font-size: 0.83333rem; + line-height: 1.78; + margin: 0; +} + .wp-block-media-text .block-editor-inner-blocks { padding-right: 16px; padding-left: 16px; @@ -637,86 +676,51 @@ table th, color: white !important; } +.has-background p, .has-background a, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6, +.has-background .wp-block-quote__citation { + color: currentColor; +} + .has-primary-background-color[class] { background-color: black !important; color: white; } -.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6, -.has-primary-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-secondary-background-color[class] { background-color: #FF7A5C !important; color: white; } -.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6, -.has-secondary-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-foreground-background-color[class] { background-color: #444444 !important; color: white; } -.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6, -.has-foreground-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-foreground-light-background-color[class] { background-color: #767676 !important; color: white; } -.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6, -.has-foreground-light-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-foreground-dark-background-color[class] { background-color: #111111 !important; color: white; } -.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6, -.has-foreground-dark-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-background-light-background-color[class] { background-color: #FAFAFA !important; color: #444444; } -.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6, -.has-background-light-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-background-dark-background-color[class] { background-color: #DDDDDD !important; color: #444444; } -.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6, -.has-background-dark-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .has-background-background-color[class] { background-color: white !important; color: #444444; } -.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6, -.has-background-background-color[class] .wp-block-quote__citation { - color: currentColor; -} - .is-small-text, .has-small-font-size { font-size: 0.83333em; diff --git a/coutoire/style-rtl.css b/coutoire/style-rtl.css index 1ceee5b14..1fa670539 100644 --- a/coutoire/style-rtl.css +++ b/coutoire/style-rtl.css @@ -1530,12 +1530,29 @@ img { line-height: 1.78; } -.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { +.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, +.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { + color: currentColor; +} + +.wp-block-latest-posts .wp-block-latest-posts__post-excerpt, +.wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: 0.83333rem; line-height: 1.78; margin: 0; } +.wp-block-latest-posts.alignfull { + padding-right: 16px; + padding-left: 16px; +} + +.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull, +.entry-content .has-background .wp-block-latest-posts.alignfull { + padding-right: 0; + padding-left: 0; +} + .gallery-item { display: inline-block; text-align: center; @@ -1961,25 +1978,40 @@ table th, vertical-align: middle; } -/* Text Alignments */ +/* Block Alignments */ +/** + * .alignleft + */ .alignleft { text-align: left; float: left; margin-top: 0; + margin-right: 16px; margin-bottom: 32px; } +/** + * .aligncenter + */ .aligncenter { clear: both; float: none; text-align: center; } +/** + * .alignright + */ .alignright { float: right; - margin-left: 16px; margin-top: 0; margin-bottom: 32px; + margin-left: 16px; +} + +.entry-content * > .alignleft + *, +.entry-content * > .alignright + * { + margin-top: 0; } /** @@ -2047,78 +2079,50 @@ table th, color: white !important; } +.has-background p, .has-background a, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { + color: currentColor; +} + .has-primary-background-color[class] { background-color: black !important; color: white; } -.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 { - color: currentColor; -} - .has-secondary-background-color[class] { background-color: #FF7A5C !important; color: white; } -.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 { - color: currentColor; -} - .has-foreground-background-color[class] { background-color: #444444 !important; color: white; } -.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 { - color: currentColor; -} - .has-foreground-light-background-color[class] { background-color: #767676 !important; color: white; } -.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 { - color: currentColor; -} - .has-foreground-dark-background-color[class] { background-color: #111111 !important; color: white; } -.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 { - color: currentColor; -} - .has-background-light-background-color[class] { background-color: #FAFAFA !important; color: #444444; } -.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 { - color: currentColor; -} - .has-background-dark-background-color[class] { background-color: #DDDDDD !important; color: #444444; } -.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 { - color: currentColor; -} - .has-background-background-color[class] { background-color: white !important; color: #444444; } -.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 { - color: currentColor; -} - .is-small-text, .has-small-font-size { font-size: 0.83333rem; @@ -2414,14 +2418,6 @@ table th, } } -.main-navigation > div > ul > li:first-of-type { - margin-right: -16px; -} - -.main-navigation > div > ul > li:last-of-type { - margin-left: -16px; -} - .main-navigation > div > ul > li > a { line-height: 1; } @@ -2441,6 +2437,15 @@ table th, margin-top: -0.11em; } +@media only screen and (min-width: 560px) { + .main-navigation > div > ul > li:first-of-type > a { + padding-right: 0; + } + .main-navigation > div > ul > li:last-of-type > a { + padding-left: 0; + } +} + .main-navigation > div > ul > li > .sub-menu { margin: 0; position: relative; @@ -2470,7 +2475,13 @@ table th, font-family: "Work Sans", sans-serif; font-size: 0.83333rem; font-weight: 600; - padding: 10px; + padding: 10px 0; +} + +@media only screen and (min-width: 560px) { + .main-navigation a { + padding: 10px; + } } .main-navigation a:link, .main-navigation a:visited { @@ -2527,12 +2538,12 @@ table th, margin: 0; } -.social-navigation > div > ul > li:first-of-type { - margin-right: calc(-0.5 * 16px); +.social-navigation > div > ul > li:first-of-type > a { + padding-right: 0; } -.social-navigation > div > ul > li:last-of-type { - margin-left: calc(-0.5 * 16px); +.social-navigation > div > ul > li:last-of-type > a { + padding-left: 0; } .social-navigation a { @@ -2630,12 +2641,12 @@ table th, display: inline; } -.footer-navigation .footer-menu > li:first-of-type { - margin-right: -16px; +.footer-navigation .footer-menu > li:first-of-type > a { + padding-right: 0; } .footer-navigation .footer-menu > li:last-of-type { - margin-left: -16px; + padding-left: 0; } .footer-navigation .footer-menu a { @@ -3195,7 +3206,7 @@ img#wpstats { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(100% + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); margin-right: auto; margin-left: auto; } @@ -3203,35 +3214,35 @@ img#wpstats { @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(100vw - 32px); + max-width: calc(100% - 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(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 782px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 1024px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 1280px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @@ -3281,70 +3292,70 @@ img#wpstats { /* Letting the box-model do all the work here. */ } -.alignright { +.entry-content > .alignright { margin-right: 16px; } @media only screen and (min-width: 560px) { - .alignright { + .entry-content > .alignright { margin-right: calc( 0.5 * (100vw - calc( 560px - 32px))); } } @media only screen and (min-width: 640px) { - .alignright { + .entry-content > .alignright { margin-right: calc( 0.5 * (100vw - calc( 640px - 32px))); } } @media only screen and (min-width: 782px) { - .alignright { + .entry-content > .alignright { margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1024px) { - .alignright { + .entry-content > .alignright { margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1280px) { - .alignright { + .entry-content > .alignright { margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } -.alignleft { +.entry-content > .alignleft { margin-left: 16px; } @media only screen and (min-width: 560px) { - .alignleft { + .entry-content > .alignleft { margin-left: calc( 0.5 * (100vw - calc( 560px - 32px))); } } @media only screen and (min-width: 640px) { - .alignleft { + .entry-content > .alignleft { margin-left: calc( 0.5 * (100vw - calc( 640px - 32px))); } } @media only screen and (min-width: 782px) { - .alignleft { + .entry-content > .alignleft { margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1024px) { - .alignleft { + .entry-content > .alignleft { margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1280px) { - .alignleft { + .entry-content > .alignleft { margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @@ -3357,6 +3368,29 @@ img#wpstats { * Vendors * - 3rd-party compatibility styles */ +/** + * Subscription Form + */ +.wp-block-jetpack-subscriptions form > * { + margin-top: 21.312px; + margin-bottom: 21.312px; +} + +@media only screen and (min-width: 560px) { + .wp-block-jetpack-subscriptions form > * { + margin-top: 32px; + margin-bottom: 32px; + } +} + +.wp-block-jetpack-subscriptions form > *:first-child { + margin-top: 0; +} + +.wp-block-jetpack-subscriptions form > *:last-child { + margin-bottom: 0; +} + /** * Child Theme Extra Styles */ @@ -3419,16 +3453,11 @@ a:hover, a:focus { text-decoration: none; } -.main-navigation > div > ul > li:first-of-type, -.social-navigation > div > ul > li:first-of-type, -.footer-navigation .footer-menu > li:first-of-type { - margin-right: 0; -} - -.main-navigation > div > ul > li:last-of-type, -.social-navigation > div > ul > li:last-of-type, -.footer-navigation .footer-menu > li:last-of-type { - margin-left: 0; +.main-navigation > div > ul > li > a, +.social-navigation > div > ul > li > a, +.footer-navigation .footer-menu > li > a { + padding-right: 0; + padding-left: 0; } .main-navigation { diff --git a/coutoire/style.css b/coutoire/style.css index 971b91abd..c232e5c0f 100644 --- a/coutoire/style.css +++ b/coutoire/style.css @@ -1530,12 +1530,29 @@ img { line-height: 1.78; } -.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { +.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, +.entry-content .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { + color: currentColor; +} + +.wp-block-latest-posts .wp-block-latest-posts__post-excerpt, +.wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: 0.83333rem; line-height: 1.78; margin: 0; } +.wp-block-latest-posts.alignfull { + padding-left: 16px; + padding-right: 16px; +} + +.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull, +.entry-content .has-background .wp-block-latest-posts.alignfull { + padding-left: 0; + padding-right: 0; +} + .gallery-item { display: inline-block; text-align: center; @@ -1961,29 +1978,45 @@ table th, vertical-align: middle; } -/* Text Alignments */ +/* Block Alignments */ +/** + * .alignleft + */ .alignleft { /*rtl:ignore*/ text-align: left; /*rtl:ignore*/ float: left; margin-top: 0; + /*rtl:ignore*/ + margin-right: 16px; margin-bottom: 32px; } +/** + * .aligncenter + */ .aligncenter { clear: both; float: none; text-align: center; } +/** + * .alignright + */ .alignright { /*rtl:ignore*/ float: right; - /*rtl:ignore*/ - margin-left: 16px; margin-top: 0; margin-bottom: 32px; + /*rtl:ignore*/ + margin-left: 16px; +} + +.entry-content * > .alignleft + *, +.entry-content * > .alignright + * { + margin-top: 0; } /** @@ -2051,78 +2084,50 @@ table th, color: white !important; } +.has-background p, .has-background a, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { + color: currentColor; +} + .has-primary-background-color[class] { background-color: black !important; color: white; } -.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 { - color: currentColor; -} - .has-secondary-background-color[class] { background-color: #FF7A5C !important; color: white; } -.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 { - color: currentColor; -} - .has-foreground-background-color[class] { background-color: #444444 !important; color: white; } -.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 { - color: currentColor; -} - .has-foreground-light-background-color[class] { background-color: #767676 !important; color: white; } -.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 { - color: currentColor; -} - .has-foreground-dark-background-color[class] { background-color: #111111 !important; color: white; } -.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 { - color: currentColor; -} - .has-background-light-background-color[class] { background-color: #FAFAFA !important; color: #444444; } -.has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 { - color: currentColor; -} - .has-background-dark-background-color[class] { background-color: #DDDDDD !important; color: #444444; } -.has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 { - color: currentColor; -} - .has-background-background-color[class] { background-color: white !important; color: #444444; } -.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 { - color: currentColor; -} - .is-small-text, .has-small-font-size { font-size: 0.83333rem; @@ -2418,14 +2423,6 @@ table th, } } -.main-navigation > div > ul > li:first-of-type { - margin-left: -16px; -} - -.main-navigation > div > ul > li:last-of-type { - margin-right: -16px; -} - .main-navigation > div > ul > li > a { line-height: 1; } @@ -2445,6 +2442,15 @@ table th, margin-top: -0.11em; } +@media only screen and (min-width: 560px) { + .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; @@ -2474,7 +2480,13 @@ table th, font-family: "Work Sans", sans-serif; font-size: 0.83333rem; font-weight: 600; - padding: 10px; + padding: 10px 0; +} + +@media only screen and (min-width: 560px) { + .main-navigation a { + padding: 10px; + } } .main-navigation a:link, .main-navigation a:visited { @@ -2531,12 +2543,12 @@ table th, margin: 0; } -.social-navigation > div > ul > li:first-of-type { - margin-left: calc(-0.5 * 16px); +.social-navigation > div > ul > li:first-of-type > a { + padding-left: 0; } -.social-navigation > div > ul > li:last-of-type { - margin-right: calc(-0.5 * 16px); +.social-navigation > div > ul > li:last-of-type > a { + padding-right: 0; } .social-navigation a { @@ -2634,12 +2646,12 @@ table th, display: inline; } -.footer-navigation .footer-menu > li:first-of-type { - margin-left: -16px; +.footer-navigation .footer-menu > li:first-of-type > a { + padding-left: 0; } .footer-navigation .footer-menu > li:last-of-type { - margin-right: -16px; + padding-right: 0; } .footer-navigation .footer-menu a { @@ -3199,7 +3211,7 @@ img#wpstats { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(100% + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); margin-left: auto; margin-right: auto; } @@ -3207,35 +3219,35 @@ img#wpstats { @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(100vw - 32px); + max-width: calc(100% - 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(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 782px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 1024px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @media only screen and (min-width: 1280px) { .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery { width: calc(calc( 782px - 32px) + 256px); - max-width: calc(100vw - 32px); + max-width: calc(100% - 32px); } } @@ -3285,81 +3297,81 @@ img#wpstats { /* Letting the box-model do all the work here. */ } -.alignright { +.entry-content > .alignright { /*rtl:ignore*/ margin-right: 16px; } @media only screen and (min-width: 560px) { - .alignright { + .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc( 0.5 * (100vw - calc( 560px - 32px))); } } @media only screen and (min-width: 640px) { - .alignright { + .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc( 0.5 * (100vw - calc( 640px - 32px))); } } @media only screen and (min-width: 782px) { - .alignright { + .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1024px) { - .alignright { + .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1280px) { - .alignright { + .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc( 0.5 * (100vw - calc( 782px - 32px))); } } -.alignleft { +.entry-content > .alignleft { /*rtl:ignore*/ margin-left: 16px; } @media only screen and (min-width: 560px) { - .alignleft { + .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc( 0.5 * (100vw - calc( 560px - 32px))); } } @media only screen and (min-width: 640px) { - .alignleft { + .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc( 0.5 * (100vw - calc( 640px - 32px))); } } @media only screen and (min-width: 782px) { - .alignleft { + .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1024px) { - .alignleft { + .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } } @media only screen and (min-width: 1280px) { - .alignleft { + .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc( 0.5 * (100vw - calc( 782px - 32px))); } @@ -3373,6 +3385,29 @@ img#wpstats { * Vendors * - 3rd-party compatibility styles */ +/** + * Subscription Form + */ +.wp-block-jetpack-subscriptions form > * { + margin-top: 21.312px; + margin-bottom: 21.312px; +} + +@media only screen and (min-width: 560px) { + .wp-block-jetpack-subscriptions form > * { + margin-top: 32px; + margin-bottom: 32px; + } +} + +.wp-block-jetpack-subscriptions form > *:first-child { + margin-top: 0; +} + +.wp-block-jetpack-subscriptions form > *:last-child { + margin-bottom: 0; +} + /** * Child Theme Extra Styles */ @@ -3435,16 +3470,11 @@ a:hover, a:focus { text-decoration: none; } -.main-navigation > div > ul > li:first-of-type, -.social-navigation > div > ul > li:first-of-type, -.footer-navigation .footer-menu > li:first-of-type { - margin-left: 0; -} - -.main-navigation > div > ul > li:last-of-type, -.social-navigation > div > ul > li:last-of-type, -.footer-navigation .footer-menu > li:last-of-type { - margin-right: 0; +.main-navigation > div > ul > li > a, +.social-navigation > div > ul > li > a, +.footer-navigation .footer-menu > li > a { + padding-left: 0; + padding-right: 0; } .main-navigation {