/home/nbcgowuy/kdosheleads.com/wp-content/themes/marketo/assets/css/gutenberg-editor-custom.css
/************************************************
Gutenberg Editor
************************************************/
div[class*="wp-block"],
figure[class*="wp-block"],
blockquote[class*="wp-block"] {
margin-top: 32px;
margin-bottom: 32px;
}
.wp-block-table div[class*="wp-block"],
.wp-block-quote [class*="wp-block"],
.wp-block-button[class*="wp-block"],
.wp-block-button [class*="wp-block"],
.editor-rich-text .wp-block-pullquote__citation {
margin: 0;
}
.wp-block-pullquote__citation {
text-transform: unset;
font-size: 16px;
}
figure.wp-block-pullquote {
margin-bottom: 70px;
}
figure.wp-block-pullquote .has-text-color.has-very-dark-gray-color p,
.has-text-color.has-very-dark-gray-color
.editor-rich-text
.wp-block-pullquote__citation,
.has-text-color.has-very-dark-gray-color .editor-rich-text__tinymce,
.wp-block-pullquote p {
color: #000;
}
.editor-block-list__block .has-text-color.has-very-dark-gray-color {
padding-left: 20px;
}
.editor-rich-text .wp-block-pullquote__citation {
display: inline-block;
line-height: 1.6;
position: relative;
}
.editor-rich-text .wp-block-pullquote__citation::before {
position: absolute;
top: 0;
width: 30px;
height: 2px;
background: #0063d1;
content: "";
bottom: 0;
margin: 10px 0 13px -40px;
}
/* Align */
.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
font-size: 20px;
}
[data-align="left"] .editor-block-list__block-edit figure.is-resized {
margin-bottom: 80px;
}
/* 1. Editor width change */
body.block-editor-page .edit-post-visual-editor .editor-post-title__block,
body.block-editor-page .edit-post-visual-editor .editor-default-block-appender,
body.block-editor-page .edit-post-visual-editor .editor-block-list__block {
max-width: 80%;
}
body.block-editor-page
.edit-post-visual-editor
.editor-block-list__block[data-align="full"] {
max-width: none;
}
/* Body */
.mce-content-body,
.editor-styles-wrapper,
.edit-post-visual-editor.editor-styles-wrapper,
.editor-rich-text__tinymce {
font-family: "Rubik", sans-serif;
color: #5a5a5a;
font-size: 14px;
-webkit-font-smoothing: antialiased !important;
}
.edit-post-visual-editor.editor-styles-wrapper p {
line-height: 1.625;
}
/* 2. Font change for editor title */
.edit-post-visual-editor h1.editor-rich-text__tinymce,
.edit-post-visual-editor h2.editor-rich-text__tinymce,
.edit-post-visual-editor h3.editor-rich-text__tinymce,
.edit-post-visual-editor h4.editor-rich-text__tinymce,
.edit-post-visual-editor h5.editor-rich-text__tinymce,
.edit-post-visual-editor h6.editor-rich-text__tinymce,
.editor-post-title__block .editor-post-title__input,
.wp-block-heading.editor-rich-text.block-editor-rich-text,
.wp-block-freeform.block-library-rich-text__tinymce h1,
.wp-block-freeform.block-library-rich-text__tinymce h2,
.wp-block-freeform.block-library-rich-text__tinymce h3,
.wp-block-freeform.block-library-rich-text__tinymce h4,
.wp-block-freeform.block-library-rich-text__tinymce h5,
.wp-block-freeform.block-library-rich-text__tinymce h6 {
font-family: "Rubik", sans-serif;
color: #1c1c24;
font-weight: 700;
}
.editor-post-title__block .editor-post-title__input {
text-align: center;
}
.edit-post-visual-editor h1.editor-rich-text__tinymce,
.editor-post-title__block .editor-post-title__input,
.wp-block-heading h1,
.wp-block-freeform.block-library-rich-text__tinymce h1 {
font-size: 2.5rem;
}
.edit-post-visual-editor h2.editor-rich-text__tinymce,
.wp-block-heading h2,
.wp-block-freeform.block-library-rich-text__tinymce h2 {
font-size: 2rem;
}
.edit-post-visual-editor h3.editor-rich-text__tinymce,
.wp-block-heading h3,
.wp-block-freeform.block-library-rich-text__tinymce h3 {
font-size: 1.75rem;
}
.edit-post-visual-editor h4.editor-rich-text__tinymce,
.wp-block-heading h4,
.wp-block-freeform.block-library-rich-text__tinymce h4 {
font-size: 1.5rem;
}
.edit-post-visual-editor h5.editor-rich-text__tinymce,
.wp-block-heading h5,
.wp-block-freeform.block-library-rich-text__tinymce h5 {
font-size: 1.25rem;
}
.edit-post-visual-editor h6.editor-rich-text__tinymce,
.wp-block-heading h6,
.wp-block-freeform.block-library-rich-text__tinymce h6 {
font-size: 1rem;
}
.edit-post-visual-editor .wp-block-code {
color: #666666;
font-family: Courier, sans-serif;
line-height: 1.4;
margin: 24px 0px;
padding: 12px;
border: 2px solid rgba(0, 0, 0, 0.24);
box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.12);
box-sizing: border-box;
border-radius: 3px;
}
/* Blockquotes */
blockquote.wp-block-quote .wp-block-quote__citation {
margin-left: 40px;
}
blockquote.wp-block-quote .wp-block-quote__citation em {
display: block;
position: relative;
top: -30px;
}
blockquote.wp-block-quote
.wp-block-quote__citation.editor-rich-text__tinymce:before {
margin-top: 13px;
}
.wp-block.editor-block-list__block .wp-block-pullquote.alignfull {
padding-left: 100px;
padding-right: 100px;
}
/* Tables */
.edit-post-visual-editor div[class*="wp-block"] {
margin-top: 0;
margin-bottom: 0;
}
.edit-post-visual-editor table {
width: 100%;
margin: 24px 0px;
padding: 0px;
border-collapse: collapse;
border-spacing: 0;
}
.edit-post-visual-editor table thead,
.edit-post-visual-editor table tfoot {
border: 1px solid #dddddd;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.edit-post-visual-editor table thead th,
.edit-post-visual-editor table tfoot td {
border: none;
}
.edit-post-visual-editor table th {
font-size: 1.2rem;
margin: 0px;
padding: 12px;
border: 1px solid #dddddd;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
}
.edit-post-visual-editor table td {
padding: 5px;
margin: 0px;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
}
.edit-post-visual-editor table .wp-block-table__cell-content {
padding: 0px;
}
.edit-post-visual-editor table.wp-block-table.is-style-stripes {
border-collapse: collapse;
}
.edit-post-visual-editor table.wp-block-table.is-style-stripes td {
border: 1px solid #dddddd;
border: 1px solid rgba(0, 0, 0, 0.12);
}
/* Theme Styles */
.wp-block-image {
max-width: none;
margin: 16px auto;
padding: 0px;
}
.wp-block-image figcaption {
width: 100%;
}
.wp-block-gallery .blocks-gallery-item {
padding: 0px;
}
.wp-block-gallery .blocks-gallery-image {
margin-left: 0px;
margin-right: 0px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
}
.editor-block-list__block .wp-block-gallery .blocks-gallery-item figcaption {
bottom: 0;
}
.wp-block-cover-image {
margin: 16px auto;
padding: 24px 0px;
}
.wp-block-cover-image.has-background-dim,
.wp-block-cover-image.has-background-dim h2 {
color: #ffffff;
}
.wp-block-button {
position: relative;
text-align: center;
box-sizing: border-box;
}
.wp-block-button.alignwide a {
display: block;
position: relative;
}
/**================== Theme customization ==================**/
/*-- Typography --*/
blockquote.wp-block-quote,
blockquote.wp-block-quote.is-large {
padding: 30px 30px 25px 40px;
}
.block-editor .wp-block-categories ul {
list-style-position: inside;
}
.wp-block-verse pre,
pre.wp-block-verse {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
padding: 0;
}
/*-- Seperator --*/
.wp-block-separator,
hr {
background-color: #767676;
border: 0;
height: 2px;
margin: 2rem auto;
max-width: 200px;
text-align: center;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.wp-block-separator.is-style-wide,
hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.wp-block-separator.is-style-wide,
hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.wp-block-separator.is-style-wide,
hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.wp-block-separator.is-style-dots,
hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.wp-block-separator.is-style-dots,
hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.wp-block-separator.is-style-dots,
hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.wp-block-separator + h1:before,
.wp-block-separator + h2:before,
hr + h1:before,
hr + h2:before {
display: none;
}
/* Table */
table.wp-block-table > tbody > tr:nth-child(2n + 1) > td {
background-color: #fcfcfc;
}
table.wp-block-table > tbody > tr > td {
padding: 10px 5px;
text-align: center;
}
.editor-block-list__layout a {
color: #007bff;
}
.wp-block-archives li a,
.wp-block-categories li a,
.wp-block-latest-posts li a {
text-decoration: none;
font-family: Rubik, sans-serif;
}
/* Align */
.editor-block-list__block
.wp-block-pullquote.alignleft
.wp-block-pullquote__citation {
margin-left: 40px;
}
/* Gutenberg editor enabled */
.wp-block-cover.alignleft.is-dark-theme.has-background-dim {
padding-left: 0;
padding-right: 0;
margin-bottom: 30px;
}
.wp-block-cover.alignleft.is-dark-theme.has-background-dim .wp-block {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.wp-block-gallery.alignfull.alignfull.columns-3.is-cropped {
margin-left: -50vw;
margin-right: -50vw;
}