themes-wordpress/mayland/style-editor.css
2021-06-23 15:08:22 -03:00

1428 lines
32 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "UTF-8";
/**
* These styles should be loaded by the Block Editor only
*/
/**
* Abstracts
* - Mixins, variables and functions
*/
/**
* Abstracts
* - Mixins, variables and functions
*/
/* Sass Functions go here */
/**
* Map deep get
* @author Hugo Giraudel
* @access public
* @param {Map} $map - Map
* @param {Arglist} $keys - Key chain
* @return {*} - Desired value
*
* Example:
* $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M");
*/
/**
* Deep set function to set a value in nested maps
* @author Hugo Giraudel
* @access public
* @param {Map} $map - Map
* @param {List} $keys - Key chaine
* @param {*} $value - Value to assign
* @return {Map}
*
* Example:
* $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px);
*/
/**
* jQuery-style extend function
* - Child themes can use this function to `reset` the values in
* config maps without editing the `master` Sass files.
* - src: https://www.sitepoint.com/extra-map-functions-sass/
* - About `map-merge()`:
* - - only takes 2 arguments
* - - is not recursive
* @param {Map} $map - first map
* @param {ArgList} $maps - other maps
* @param {Bool} $deep - recursive mode
* @return {Map}
*
* Examples:
$grid-configuration-default: (
'columns': 12,
'layouts': (
'small': 800px,
'medium': 1000px,
'large': 1200px,
),
);
$grid-configuration-custom: (
'layouts': (
'large': 1300px,
'huge': 1500px
),
);
$grid-configuration-user: (
'direction': 'ltr',
'columns': 16,
'layouts': (
'large': 1300px,
'huge': 1500px
),
);
// $deep: false
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user);
// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr")
// $deep: true
$grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true);
// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr")
*/
/**
* Button
*/
/**
* Cover
*/
/**
* Heading
*/
/**
* List
*/
/**
* Pullquote
*/
/**
* Quote
*/
/**
* Separator
*/
/**
* Responsive breakpoints
* - breakpoints values are defined in _config-global.scss
*/
/**
* Align wide widths
* - Sets .alignwide widths
*/
/**
* Crop Text Boundry
* - Sets a fixed-width on content within alignwide and alignfull blocks
*/
/**
* Add font-family using CSS variables.
* It also adds the proper fallback for browsers without support.
*/
/**
* Child Theme Name
*/
/**
* Redefine Sass map values for child theme output.
* - See: style-child-theme.scss
*/
/**
* Global
*/
/**
* Elements
*/
/**
* Button
*/
/**
* Cover
*/
/**
* Heading
*/
/**
* List
*/
/**
* Pullquote
*/
/**
* Quote
*/
/**
* Separator
*/
/**
* Header
*/
/**
* Footer
*/
/**
* Base
* - Reset the browser
*/
body {
color: #010101;
background-color: #ffffff;
font-family: Poppins, serif;
font-family: var(--font-base, Poppins, serif);
font-size: 20px;
font-weight: normal;
line-height: 1.6;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.editor-post-title__block {
font-size: 20px;
}
p {
font-size: 1em;
line-height: 1.6;
}
a {
color: #000000;
}
a:hover {
color: #666666;
}
.has-primary-background-color a:not(.has-text-color) {
color: #ffffff;
}
button,
a {
cursor: pointer;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Elements
* - Styles for basic HTML elemants
*/
/**
* Elements
* - Styles for basic HTML elemants
*/
blockquote {
padding-left: 16px;
}
blockquote p {
font-size: 1.2rem;
letter-spacing: normal;
line-height: 1.125;
}
blockquote cite,
blockquote footer {
font-size: 0.83333rem;
letter-spacing: normal;
}
blockquote > * {
margin-top: 16px;
margin-bottom: 16px;
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote.alignleft, blockquote.alignright {
padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1rem;
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: 0.69444rem;
letter-spacing: normal;
}
figcaption {
color: #666666;
font-size: 0.69444rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
}
.alignleft figcaption,
.alignright figcaption {
margin-bottom: 0;
}
/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/**
* Blocks
* - These styles replace key Gutenberg Block styles for fonts, colors, and
* spacing with CSS-variables overrides
*/
/**
* Block Styles for the Editor
*
* - These styles replace key Gutenberg Block styles for fonts, colors, and
* spacing with CSS-variables overrides in the Block Editor
* - In the future the Block styles may get compiled to individual .css
* files and conditionally loaded
*/
.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
margin-bottom: 16px;
}
.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
margin-right: 32px;
}
.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
margin-left: 32px;
}
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
padding: 32px;
}
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
color: #fff;
}
.wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
color: currentColor;
}
.wp-block-a8c-blog-posts .article-section-title {
font-size: 1em;
margin-top: 0;
margin-bottom: 16px;
}
.wp-block-a8c-blog-posts article {
margin-bottom: 64px;
}
@media only screen and (min-width: 560px) {
.wp-block-a8c-blog-posts article {
margin-bottom: 96px;
}
}
.wp-block-a8c-blog-posts .post-thumbnail img {
vertical-align: middle;
width: auto;
}
.wp-block-a8c-blog-posts .entry-wrapper > * {
/* Vertical margins logic between post details */
margin-top: 16px;
margin-bottom: 16px;
}
.wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
margin-top: 0;
}
.wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
margin-bottom: 0;
}
.wp-block-a8c-blog-posts .entry-title a {
color: #000000;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
color: currentColor;
}
.wp-block-a8c-blog-posts .entry-title a:hover {
color: #666666;
text-decoration: underline;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
color: currentColor;
}
.wp-block-a8c-blog-posts .more-link {
display: block;
color: inherit;
margin-top: 16px;
}
.wp-block-a8c-blog-posts .more-link:after {
content: "→" /*rtl:"←"*/;
display: inline-block;
margin-left: 0.5em;
}
.wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
color: #666666;
text-decoration: none;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
[style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
color: currentColor;
}
.wp-block-a8c-blog-posts .entry-meta,
.wp-block-a8c-blog-posts .cat-links {
color: #666666;
font-size: 0.83333em;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links,
[style*="background-color"]
.wp-block-a8c-blog-posts .cat-links {
color: currentColor;
}
.wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
.wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
margin-right: 16px;
}
.wp-block-a8c-blog-posts .entry-meta .published + .updated,
.wp-block-a8c-blog-posts .cat-links .published + .updated {
display: none;
}
.wp-block-a8c-blog-posts .entry-meta a,
.wp-block-a8c-blog-posts .cat-links a {
color: currentColor;
text-decoration: underline;
}
.wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
.wp-block-a8c-blog-posts .cat-links a:hover,
.wp-block-a8c-blog-posts .cat-links a:active {
color: #666666;
text-decoration: none;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links a:hover,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links a:hover,
[style*="background-color"]
.wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links a:active,
[class*="background-color"]:not(.has-background-background-color)
.wp-block-a8c-blog-posts .cat-links a:active,
[style*="background-color"]
.wp-block-a8c-blog-posts .cat-links a:active {
color: currentColor;
}
/**
* Button Placeholder style
* - Since buttons appear in various blocks,
* lets use a placeholder to keep them all
* in-sync
*/
.wp-block-a8c-blog-posts + .button, .wp-block-button__link,
.wp-block-file__button, .wp-block-search .wp-block-search__button {
line-height: 1;
color: white;
cursor: pointer;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 0.83333rem;
background-color: #000000;
border-radius: 5px;
border-width: 0;
text-decoration: none;
padding: 16px 16px;
}
.wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-a8c-blog-posts + .button:before, .wp-block-button__link:before,
.wp-block-file__button:before, .wp-block-search .wp-block-search__button:before {
margin-bottom: -0.12em;
}
.wp-block-a8c-blog-posts + .button:after, .wp-block-button__link:after,
.wp-block-file__button:after, .wp-block-search .wp-block-search__button:after {
margin-top: -0.11em;
}
.wp-block-a8c-blog-posts + .button:not(.has-background):hover, .wp-block-button__link:not(.has-background):hover,
.wp-block-file__button:not(.has-background):hover, .wp-block-search .wp-block-search__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-button__link:focus,
.wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button {
color: white;
background-color: #666666;
}
/**
* Onsale Placeholder style
* - Since buttons appear in various blocks,
* lets use a placeholder to keep them all
* in-sync
*/
.wp-block-a8c-blog-posts + .button {
display: inline-block;
font-size: 1.2em;
}
.wp-block-a8c-blog-posts + .button:hover {
cursor: default;
}
.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
[style*="background-color"] .wp-block-a8c-blog-posts + .button {
background-color: transparent;
border: 2px solid currentColor;
color: currentColor;
}
/**
* Button
*/
/* Default Style */
.wp-block-button__link {
color: white;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 0.83333em;
line-height: 1;
background-color: #000000;
border-radius: 5px;
padding: 16px 16px;
/* Outline Style */
/* Squared Style */
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
color: white;
background-color: #666666;
}
.wp-block-button__link.is-style-outline,
.is-style-outline .wp-block-button__link {
border: 2px solid currentcolor;
}
.wp-block-button__link.is-style-outline:not(.has-text-color),
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #000000;
}
.wp-block-button__link.is-style-outline:hover, .wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus,
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus,
.is-style-outline .wp-block-button__link.has-focus {
color: #666666;
background: transparent;
}
.has-primary-background-color .wp-block-button__link.is-style-outline:not(.has-text-color), .has-primary-background-color
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: white;
}
.wp-block-button__link.is-style-squared,
.is-style-squared .wp-block-button__link {
border-radius: 0;
}
/* Default Style */
.button {
color: white;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
font-size: 0.83333em;
line-height: 1;
background-color: #000000;
border-radius: 5px;
padding: 16px 16px;
}
.button:hover, .button:focus, .button.has-focus {
color: white;
background-color: #666666;
}
.wp-block-columns .wp-block[data-align=full],
.wp-block-columns .alignfull {
margin-left: inherit;
margin-right: inherit;
}
.wp-block-cover,
.wp-block-cover-image {
background-color: black;
color: white;
margin-top: inherit;
margin-bottom: inherit;
/* Treating H2 separately to account for legacy /core styles */
}
.wp-block-cover.has-background-dim,
.wp-block-cover-image.has-background-dim {
background-color: black;
color: white;
}
.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 .block-editor-block-list__block,
.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-image .block-editor-block-list__block {
color: currentColor;
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 1.728em;
letter-spacing: -0.015em;
line-height: 1.125;
padding: 0;
max-width: inherit;
text-align: inherit;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-heading h1, h1, .h1,
.wp-block-heading h2, h2, .h2,
.wp-block-heading h3, h3, .h3,
.wp-block-heading h4, h4, .h4,
.wp-block-heading h5, h5, .h5,
.wp-block-heading h6, h6, .h6 {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-weight: 600;
clear: both;
}
.wp-block-heading h1, h1, .h1 {
font-size: 2.0736em;
letter-spacing: -0.015em;
line-height: 1.125;
}
.wp-block-heading h2, h2, .h2 {
font-size: 1.728em;
letter-spacing: -0.015em;
line-height: 1.125;
}
.wp-block-heading h3, h3, .h3 {
font-size: 1.44em;
letter-spacing: -0.015em;
line-height: 1.125;
}
.wp-block-heading h4, h4, .h4 {
font-size: 1.2em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h5, h5, .h5 {
font-size: 1em;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-heading h6, h6, .h6 {
font-size: 0.83333em;
letter-spacing: normal;
line-height: 1.125;
}
/* Center image block by default in the editor */
.wp-block-image > div {
text-align: center;
}
[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
margin: 0 auto;
}
.wp-block-gallery figcaption {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: 21.312px;
}
@media only screen and (min-width: 560px) {
.wp-block-group.has-background {
padding: 32px;
}
}
.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
margin: 0;
width: 100%;
}
.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-posts {
padding-left: 0;
}
.wp-block-latest-posts > li > a {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-size: 1.2rem;
font-weight: 600;
line-height: 1.125;
}
.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: #666666;
font-size: 0.83333rem;
line-height: 1.6;
}
[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.6;
margin: 0;
}
ul,
ol {
margin: 32px 0;
padding-left: 32px;
}
ul.aligncenter,
ol.aligncenter {
list-style-position: inside;
padding: 0;
}
ul.alignright,
ol.alignright {
list-style-position: inside;
text-align: right;
padding: 0;
}
li > ul,
li > ol {
margin: 0;
}
.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
color: currentColor;
}
.a8c-posts-list {
padding-left: 0;
}
p.has-background {
padding: 16px 16px;
}
p.has-background:not(.has-background-background-color) a {
color: currentColor;
}
.wp-block-pullquote {
border-top-color: #e6e6e6;
border-top-width: 4px;
border-bottom-color: #e6e6e6;
border-bottom-width: 4px;
color: #010101;
}
.wp-block-pullquote blockquote p {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-size: 1.2rem;
letter-spacing: normal;
line-height: 1.125;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 1.2rem;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #666666;
font-size: 0.83333rem;
letter-spacing: normal;
}
.wp-block-pullquote blockquote {
padding-left: 0;
}
.wp-block-pullquote.is-style-solid-color {
color: #ffffff;
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.is-style-solid-color:not(.has-background) {
background-color: #000000;
}
.wp-block-quote {
border-left-color: #000000;
padding-left: 16px;
}
.wp-block-quote p {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-size: 1.2em;
letter-spacing: normal;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
border: none;
padding: 0;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-size: 1.44em;
letter-spacing: -0.015em;
line-height: 1.125;
}
.has-background:not(.has-background-background-color) .wp-block-quote,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
.wp-block-cover[style*="background-image"] .wp-block-quote {
border-color: currentColor;
}
.wp-block-quote .wp-block-quote__citation {
color: #666666;
font-size: 0.83333em;
letter-spacing: normal;
}
.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
color: currentColor;
}
.wp-block-search {
flex-wrap: wrap;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background: white;
color: black;
border: 1px solid #e6e6e6;
border-radius: 3px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 16px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 16px 16px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
padding: 0;
}
.wp-block-search .wp-block-search__label {
font-weight: normal;
}
.wp-block-search .wp-block-search__input {
color: black;
border: 1px solid #e6e6e6;
border-radius: 3px;
padding: 16px;
font-size: 1rem;
line-height: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
max-width: inherit;
margin-right: calc( .66 * 16px);
background: white;
}
.wp-block-search .wp-block-search__input:focus {
color: black;
border-color: #e6e6e6;
}
.wp-block-search .wp-block-search__button {
border: none;
box-shadow: none;
}
.wp-block-search .wp-block-search__button.has-icon {
transform: scaleX(-1);
padding: 0;
min-width: calc(2* 16px + 1rem + 4px);
min-height: calc(2* 16px + 1rem + 4px);
}
.wp-block-search .wp-block-search__button.has-icon svg {
fill: currentColor;
width: 29px;
height: 29px;
}
.wp-block-separator,
hr {
border-bottom: 2px solid #e6e6e6;
clear: both;
}
.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
hr[style*="text-align:right"],
hr[style*="text-align: right"] {
border-right-color: #e6e6e6;
}
.wp-block-separator.is-style-wide,
hr.is-style-wide {
border-bottom-width: 2px;
}
.wp-block-separator.is-style-dots,
hr.is-style-dots {
border-bottom: none;
}
.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
hr.is-style-dots.has-background,
hr.is-style-dots.has-text-color {
background-color: transparent !important;
}
.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
hr.is-style-dots.has-background:before,
hr.is-style-dots.has-text-color:before {
color: currentColor !important;
}
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #e6e6e6;
}
.has-background:not(.has-background-background-color) .wp-block-separator,
[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
hr,
[class*="background-color"]:not(.has-background-background-color)
hr,
[style*="background-color"]:not(.has-background-background-color)
hr,
.wp-block-cover[style*="background-image"]
hr {
border-color: currentColor;
}
table th,
.wp-block-table th {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc( 0.5 * 16px);
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f2f2f2;
color: #010101;
}
pre.wp-block-verse {
font-family: monospace, monospace;
color: #010101;
}
/**
* Editor Post Title
* - Needs a special styles
*/
.editor-post-title__block .editor-post-title__input {
color: #010101;
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-weight: 600;
font-size: 1.728em;
letter-spacing: -0.015em;
line-height: 1.125;
}
.wp-block .has-primary-color,
.has-primary-color {
color: #000000;
}
.wp-block .has-secondary-color,
.has-secondary-color {
color: #1a1a1a;
}
.wp-block .has-foreground-color,
.has-foreground-color {
color: #010101;
}
.wp-block .has-foreground-light-color,
.has-foreground-light-color {
color: #666666;
}
.wp-block .has-foreground-dark-color,
.has-foreground-dark-color {
color: #333333;
}
.wp-block .has-background-light-color,
.has-background-light-color {
color: #f2f2f2;
}
.wp-block .has-background-dark-color,
.has-background-dark-color {
color: #d9d9d9;
}
.wp-block .has-background-color,
.has-background-color {
color: #ffffff;
}
.has-background p:not(.has-text-color),
.has-background h1:not(.has-text-color),
.has-background h2:not(.has-text-color),
.has-background h3:not(.has-text-color),
.has-background h4:not(.has-text-color),
.has-background h5:not(.has-text-color),
.has-background h6:not(.has-text-color) {
color: currentColor;
}
.has-primary-background-color[class] {
background-color: var(--global--color-primary);
color: var(--global--color-background);
}
.has-background-background-color[class] {
background-color: var(--global--color-background);
color: var(--global--color-foreground);
}
.has-primary-background-color,
.has-primary-background-color.has-background-dim {
background-color: #000000;
}
.has-primary-background-color:not(.has-text-color),
.has-primary-background-color.has-background-dim:not(.has-text-color) {
color: #ffffff;
}
.has-secondary-background-color,
.has-secondary-background-color.has-background-dim {
background-color: #1a1a1a;
}
.has-secondary-background-color:not(.has-text-color),
.has-secondary-background-color.has-background-dim:not(.has-text-color) {
color: #ffffff;
}
.has-background-dim,
.has-foreground-background-color,
.has-foreground-background-color.has-background-dim {
background-color: #010101;
}
.has-background-dim,
.has-foreground-background-color,
.has-foreground-background-color.has-background-dim {
color: #ffffff;
}
.has-foreground-light-background-color,
.has-foreground-light-background-color.has-background-dim {
background-color: #666666;
}
.has-foreground-light-background-color:not(.has-text-color),
.has-foreground-light-background-color.has-background-dim:not(.has-text-color) {
color: #ffffff;
}
.has-foreground-dark-background-color,
.has-foreground-dark-background-color.has-background-dim {
background-color: #333333;
}
.has-foreground-dark-background-color:not(.has-text-color),
.has-foreground-dark-background-color.has-background-dim:not(.has-text-color) {
color: #ffffff;
}
.has-background-light-background-color,
.has-background-light-background-color.has-background-dim {
background-color: #f2f2f2;
}
.has-background-light-background-color:not(.has-text-color),
.has-background-light-background-color.has-background-dim:not(.has-text-color) {
color: #010101;
}
.has-background-dark-background-color,
.has-background-dark-background-color.has-background-dim {
background-color: #d9d9d9;
}
.has-background-dark-background-color:not(.has-text-color),
.has-background-dark-background-color.has-background-dim:not(.has-text-color) {
color: #010101;
}
.has-background-background-color,
.has-background-background-color.has-background-dim {
background-color: #ffffff;
}
.has-background-background-color:not(.has-text-color),
.has-background-background-color.has-background-dim:not(.has-text-color) {
color: #010101;
}
.is-small-text,
.has-small-font-size {
font-size: 0.83333em;
}
.is-regular-text,
.has-regular-font-size,
.has-normal-font-size,
.has-medium-font-size {
font-size: 1.2em;
}
.is-large-text,
.has-large-font-size {
font-size: 1.44em;
line-height: 1.125;
}
.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
font-size: 1.728em;
line-height: 1.125;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: Poppins, sans-serif;
font-family: var(--font-headings, Poppins, sans-serif);
font-size: calc(2 * 2.0736em);
font-weight: 600;
}
/**
* Spacing Overrides
*/
[data-block] {
margin-top: 21.312px;
margin-bottom: 21.312px;
}
@media only screen and (min-width: 560px) {
[data-block] {
margin-top: 32px;
margin-bottom: 32px;
}
}
/*
* Margins
*/
.margin-top-none {
margin-top: 0 !important;
}
.margin-top-half {
margin-top: 16px !important;
}
.margin-top-default {
margin-top: 32px !important;
}
.margin-right-none {
/*rtl:ignore*/
margin-right: 0 !important;
}
.margin-right-half {
/*rtl:ignore*/
margin-right: 16px !important;
}
.margin-right-default {
/*rtl:ignore*/
margin-right: 32px !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
.margin-bottom-half {
margin-bottom: 16px !important;
}
.margin-bottom-default {
margin-bottom: 32px !important;
}
.margin-left-none {
/*rtl:ignore*/
margin-left: 0 !important;
}
.margin-left-half {
/*rtl:ignore*/
margin-left: 16px !important;
}
.margin-left-default {
/*rtl:ignore*/
margin-left: 32px !important;
}
/*
* Padding
*/
.padding-top-none {
padding-top: 0 !important;
}
.padding-top-half {
padding-top: 16px !important;
}
.padding-top-default {
padding-top: 32px !important;
}
.padding-right-none {
/*rtl:ignore*/
padding-right: 0 !important;
}
.padding-right-half {
/*rtl:ignore*/
padding-right: 16px !important;
}
.padding-right-default {
/*rtl:ignore*/
padding-right: 32px !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.padding-bottom-half {
padding-bottom: 16px !important;
}
.padding-bottom-default {
padding-bottom: 32px !important;
}
.padding-left-none {
/*rtl:ignore*/
padding-left: 0 !important;
}
.padding-left-half {
/*rtl:ignore*/
padding-left: 16px !important;
}
.padding-left-default {
/*rtl:ignore*/
padding-left: 32px !important;
}
/**
* Vendors
* - Styles for 3rd party plugins and WP extensions
*/
/**
* Vendors
* - 3rd-party compatibility styles
*/
/**
* Set Jetpack form text color
*/
.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
color: black;
}
/**
* Extras
*/
.wp-block-a8c-blog-posts .cat-links a,
.wp-block-a8c-blog-posts .more-link,
.wp-block-a8c-blog-posts .entry-meta a {
text-decoration: none;
}
.wp-block-a8c-blog-posts .cat-links a:hover,
.wp-block-a8c-blog-posts .more-link:hover,
.wp-block-a8c-blog-posts .entry-meta a:hover {
text-decoration: underline;
}
.wp-block-a8c-blog-posts .entry-title a:hover,
.wp-block-a8c-blog-posts .more-link:hover {
color: inherit;
}
.wp-block-a8c-blog-posts + .button {
font-size: 0.83333em;
}