font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.wp-block-table figcaption {
table.is-style-regular .has-background {
table.is-style-stripes .has-background {
table.is-style-stripes .has-background thead tr {
table.is-style-stripes .has-background tfoot tr {
table.is-style-stripes .has-background tbody tr {
.wp-block-table.is-style-regular .has-background {
.wp-block-table.is-style-stripes .has-background {
.wp-block-table.is-style-stripes .has-background thead tr {
.wp-block-table.is-style-stripes .has-background tfoot tr {
.wp-block-table.is-style-stripes .has-background tbody tr {
.wp-block-table.is-style-stripes {
table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.9);
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.9);
table.wp-calendar-table td,
table.wp-calendar-table th {
table.wp-calendar-table th {
table.wp-calendar-table thead,
table.wp-calendar-table tbody {
table.wp-calendar-table caption {
.wp-calendar-nav svg path {
.wp-calendar-nav .wp-calendar-nav-next {
.wp-block-tag-cloud.alignfull {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.wp-block-video figcaption {
:root .is-extra-small-text {
:root .has-extra-small-font-size {
:root .has-small-font-size {
:root .has-regular-font-size {
:root .is-normal-font-size {
:root .has-normal-font-size {
:root .has-medium-font-size {
:root .has-large-font-size {
@media only screen and (min-width: 652px) {
:root .has-larger-font-size {
@media only screen and (min-width: 652px) {
:root .has-larger-font-size {
:root .is-extra-large-text {
@media only screen and (min-width: 652px) {
:root .is-extra-large-text {
:root .has-extra-large-font-size {
@media only screen and (min-width: 652px) {
:root .has-extra-large-font-size {
@media only screen and (min-width: 652px) {
:root .has-huge-font-size {
@media only screen and (min-width: 652px) {
:root .has-huge-font-size {
:root .is-gigantic-text {
@media only screen and (min-width: 652px) {
:root .is-gigantic-text {
:root .has-gigantic-font-size {
@media only screen and (min-width: 652px) {
:root .has-gigantic-font-size {
* These selectors set the default max width for content appearing inside a post or page.
.entry-content > .alignleft {
max-width: calc(100vw - 30px);
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
max-width: min(calc(100vw - 100px), 610px);
@media only screen and (min-width: 822px) {
.entry-content > .alignleft {
max-width: min(calc(100vw - 200px), 610px);
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 822px) {
.entry-content > .alignleft {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
.entry-content > .alignright {
max-width: calc(100vw - 30px);
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
max-width: min(calc(100vw - 100px), 610px);
@media only screen and (min-width: 822px) {
.entry-content > .alignright {
max-width: min(calc(100vw - 200px), 610px);
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
@media only screen and (min-width: 822px) {
.entry-content > .alignright {
max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
justify-content: flex-start;
justify-content: flex-end;
background-attachment: fixed;