margin-bottom: 0 !important;
margin-top: 0 !important;
@media only screen and (max-width: 481px) {
.wp-block-spacer[style] {
height: var(--global--spacing-unit) !important;
border-collapse: collapse;
font-family: var(--heading--font-family);
padding: calc(0.5 * var(--global--spacing-unit));
.wp-block-table figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
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 {
color: var(--table--has-background-text-color);
.wp-block-table.is-style-stripes {
border-color: var(--table--stripes-border-color);
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),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--table--stripes-background-color);
table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: var(--global--color-white-90);
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 {
margin-bottom: var(--global--spacing-unit);
margin-top: calc(var(--global--spacing-unit) / 2);
.wp-calendar-nav svg path {
.wp-calendar-nav .wp-calendar-nav-next {
.wp-block-tag-cloud.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
font-family: var(--entry-content--font-family);
.wp-block-video figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
:root .is-extra-small-text,
:root .has-extra-small-font-size {
font-size: var(--global--font-size-xs);
:root .has-small-font-size {
font-size: var(--global--font-size-sm);
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
font-size: var(--global--font-size-base);
:root .has-large-font-size {
font-size: var(--global--font-size-lg);
line-height: var(--global--line-height-heading);
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
:root .has-huge-font-size {
font-size: var(--global--font-size-xxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
:root .has-gigantic-font-size {
font-size: var(--global--font-size-xxxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
* These selectors set the default max width for content appearing inside a post or page.
.entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
@media only screen and (min-width: 482px) {
margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignleft-margin));
margin-bottom: var(--global--spacing-vertical);
.entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
@media only screen and (min-width: 482px) {
margin-left: var(--global--spacing-horizontal);
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignright-margin));
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
justify-content: flex-start;
justify-content: flex-end;
background-attachment: fixed;
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
text-transform: uppercase;
font-size: calc(1.2 * var(--heading--font-size-h1));
.has-drop-cap:not(:focus)::after {
@media only screen and (min-width: 482px) {
/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
row-gap: var(--global--spacing-vertical);
.wp-custom-logo .site-header {
@media only screen and (min-width: 482px) {
padding-top: calc(var(--global--spacing-vertical) / 0.75);
@media only screen and (min-width: 822px) {
padding-top: calc(2.4 * var(--global--spacing-vertical));
color: var(--branding--color-text);
.site-branding:last-child {
@media only screen and (min-width: 482px) {
color: var(--branding--color-link);
font-family: var(--branding--title--font-family);
font-size: var(--branding--title--font-size-mobile);
text-transform: var(--branding--title--text-transform);
line-height: var(--global--line-height-heading);
margin-bottom: calc(var(--global--spacing-vertical) / 6);
font-weight: var(--branding--title--font-weight);
color: var(--branding--color-link-hover);
@media only screen and (min-width: 482px) {
font-size: var(--branding--title--font-size);
font-family: var(--branding--description--font-family);
font-size: var(--branding--description--font-size);
.has-background-white a.custom-logo-link:focus,
.is-dark-theme a.custom-logo-link:focus {
text-decoration-color: var(--global--color-secondary);
margin: calc(var(--global--spacing-vertical) / 2) 0;
.site-header > .site-logo {
padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
border-bottom: 1px solid;
.site-logo .custom-logo {
max-width: var(--branding--logo--max-width-mobile);
max-height: var(--branding--logo--max-height-mobile);
@media only screen and (min-width: 482px) {
.site-logo .custom-logo {
max-width: var(--branding--logo--max-width);
max-height: var(--branding--logo--max-height);
@media only screen and (max-width: 481px) {
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
padding-top: calc(0.5 * var(--global--spacing-vertical));
top: var(--global--admin-bar--height);
.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
.site-header.has-logo.has-title-and-tagline {
.site-header.has-logo.has-title-and-tagline.has-menu {
justify-content: space-between;
.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
max-width: calc(100% - 160px);
.site-header.has-logo.has-title-and-tagline .site-branding {
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {