.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color {
.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color {
.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color {
border-color: currentColor;
.wp-block-button.is-style-outline .wp-block-button__link:active {
color: #d1e4dd !important;
background: #39414d !important;
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: #d1e4dd !important;
background: #39414d !important;
.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color {
.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
.wp-block-button.is-style-outline .wp-block-button__link:focus {
color: #39414d !important;
background: transparent !important;
.wp-block-button .is-style-squared .wp-block-button__link {
.is-style-outline .wp-block-button__link[style*=radius]:focus {
outline: 2px dotted #39414d;
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
outline: 2px dotted #39414d;
.wp-block-columns:not(.alignwide):not(.alignfull) {
.wp-block-columns .wp-block-column > * {
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
.wp-block-columns .wp-block-column > *:first-child {
.wp-block-columns .wp-block-column > *:last-child {
.wp-block-columns .wp-block-column:last-child {
.wp-block-columns .wp-block-column:not(:last-child) {
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
@media only screen and (min-width: 822px) {
.wp-block-columns .wp-block-column:not(:last-child) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap {
justify-content: space-around;
@media only screen and (min-width: 652px) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
background-color: #d1e4dd;
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
.wp-block-cover .wp-block-cover__inner-container {
.wp-block-cover .wp-block-cover-image-text {
.wp-block-cover .wp-block-cover-text {
.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 {
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
.wp-block-cover .wp-block-cover-image-text .has-link-color a {
.wp-block-cover .wp-block-cover-text .has-link-color a {
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
.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 {
@media only screen and (min-width: 652px) {
@media only screen and (min-width: 652px) {
.wp-block-cover-image h2 {
@media only screen and (min-width: 652px) {
.wp-block-cover-image h2 {
@media only screen and (min-width: 652px) {
.wp-block-cover-image h2 {
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 60px);
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 60px);
.wp-block-cover .wp-block-cover__inner-container > * {
.wp-block-cover-image .wp-block-cover__inner-container > * {
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > * {
.wp-block-cover-image .wp-block-cover__inner-container > * {
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
.wp-block-cover.alignleft > * {
.wp-block-cover.alignright > * {