@media only screen and (min-width: 482px) {
* Site-main children wrappers
* - Add double vertical margins here for clearer hierarchy
.site-main > *:first-child {
.site-main > *:last-child {
* Set the default maximum responsive content-width
* Set the wide maximum responsive content-width
* Set the full maximum responsive content-width
* Block & non-gutenberg content wrappers
* Block & non-gutenberg content wrapper children
* - Sets spacing-vertical margin logic
.site-main > article > * {
.site-main > .not-found > * {
[class*=inner-container] > * {
.wp-block-template-part > * {
@media only screen and (min-width: 482px) {
.site-main > article > * {
.site-main > .not-found > * {
[class*=inner-container] > * {
.wp-block-template-part > * {
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child {
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child {
@media only screen and (min-width: 482px) {
* Block & non-gutenberg content wrapper children
* - Sets spacing-unit margins
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
* .entry-content children specific controls
* - Adds special margin overrides for alignment utility classes
/* Reset alignleft and alignright margins after alignfull */
.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
.entry-content > *.alignfull + .alignleft {
.entry-content > *.alignfull + .alignright {
* Reset specific elements to make them easier to style in other contexts.
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
* Apply generic border-box to all elements.
* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
/* Apply border-box across the entire page. */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
* Relax the definition a bit, to allow components to override it manually.
background-color: #d1e4dd;
/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
margin: 30px 0 30px 25px;
blockquote > *:first-child {
blockquote > *:last-child {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
blockquote.alignright p {
blockquote.alignleft cite {
blockquote.alignleft footer {
blockquote.alignright cite {
blockquote.alignright footer {
blockquote .wp-block-quote__citation {
@media only screen and (max-width: 481px) {
border: 3px solid #39414d;
border: 3px solid #39414d;
border: 3px solid #39414d;