.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content { min-width:380px } .table-of-contents__popover .components-popover__content { padding:16px } .table-of-contents__popover hr { margin:10px -16px 0 } .table-of-contents__counts { display:flex; flex-wrap:wrap } .table-of-contents__count { width:25%; display:flex; flex-direction:column; font-size:13px; color:#6c7781 } .table-of-contents__number,.table-of-contents__popover .word-count { font-size:21px; font-weight:400; line-height:30px; color:#555d66 } .table-of-contents__title { display:block; margin-top:20px; font-size:15px; font-weight:600 } .document-outline { margin:20px 0 } .document-outline ul { margin:0; padding:0 } .document-outline__item { display:flex; margin:4px 0 } .document-outline__item .document-outline__emdash:before { color:#e2e4e7; margin-right:4px } .document-outline__item.is-h2 .document-outline__emdash:before { content:"—" } .document-outline__item.is-h3 .document-outline__emdash:before { content:"——" } .document-outline__item.is-h4 .document-outline__emdash:before { content:"———" } .document-outline__item.is-h5 .document-outline__emdash:before { content:"————" } .document-outline__item.is-h6 .document-outline__emdash:before { content:"—————" } .document-outline__button { cursor:pointer; background:none; border:none; display:flex; align-items:flex-start; color:#23282d; text-align:left } .document-outline__button:focus { color:#191e23; box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff; outline:2px solid transparent; outline-offset:-2px } .document-outline__level { background:#e2e4e7; color:#23282d; border-radius:3px; font-size:13px; padding:1px 6px; margin-right:4px } .is-invalid .document-outline__level { background:#f0b849 } .editor-page-attributes__template { margin-bottom:10px } .editor-page-attributes__template label,.editor-page-attributes__template select { width:100% } .editor-post-excerpt__textarea { width:100%; height:80px; margin-bottom:10px } .editor-post-featured-image { padding:10px 0 0 } .editor-post-featured-image .spinner { margin:0 } .editor-post-featured-image__toggle { text-decoration:underline; color:#0073aa } .editor-post-featured-image__toggle:focus { box-shadow:none; outline:none } .editor-post-featured-image__toggle:hover { color:#00a0d2 } .editor-post-featured-image__preview { display:block; width:100% } .editor-post-featured-image__howto { color:#6c7781; font-style:italic; margin:10px 0 } .editor-post-featured-image__media-modal .setting[data-setting=caption],.editor-post-featured-image__media-modal .setting[data-setting=description] { display:none } .editor-post-format { flex-direction:column; align-items:stretch; width:100% } .editor-post-format__content { display:inline-flex; justify-content:space-between; align-items:center; width:100% } .editor-post-format__suggestion { text-align:right; font-size:13px } .editor-post-last-revision__title { width:100%; font-weight:600 } .editor-post-last-revision__title .dashicon { margin-right:5px } .components-icon-button:not(:disabled).editor-post-last-revision__title:active,.components-icon-button:not(:disabled).editor-post-last-revision__title:hover { border:none; box-shadow:none } .components-icon-button:not(:disabled).editor-post-last-revision__title:focus { color:#191e23; border:none; box-shadow:none; outline-offset:-2px; outline:1px dotted #555d66 } .editor-post-publish-button.is-saving,.editor-post-publish-button.is-saving:disabled { position:relative; opacity:1; background:none!important; text-decoration:none!important; color:#fff!important; border-color:#0073aa #00669b #00669b!important; box-shadow:0 1px 0 #00669b!important; text-shadow:0 -1px 1px #00669b,1px 0 1px #00669b,0 1px 1px #00669b,-1px 0 1px #00669b!important } .editor-post-publish-button.is-saving:disabled:hover,.editor-post-publish-button.is-saving:hover { background:none } .editor-post-publish-button.is-saving:before,.editor-post-publish-button.is-saving:disabled:before { position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-image:repeating-linear-gradient(-45deg,#00669b,#00669b 11px,#0073aa 0,#0073aa 20px); z-index:-1; background-size:28px 28px; animation:move_background .5s linear infinite } .editor-post-publish-panel { background:#fff; color:#555d66 } .editor-post-publish-panel__content .spinner { display:block; float:none; margin:100px auto 0 } .editor-post-publish-panel__header { padding-left:16px; height:56px; border-bottom:1px solid #e2e4e7; display:flex; align-items:center; align-content:space-between } .editor-post-publish-panel__header-publish-button { flex-grow:1; text-align:right } .editor-post-publish-panel__header-published { flex-grow:1 } .wp-core-ui .editor-post-publish-panel__toggle.button-primary { display:inline-flex; align-items:center } .wp-core-ui .editor-post-publish-panel__toggle.button-primary.is-busy .dashicon { display:none } .wp-core-ui .editor-post-publish-panel__toggle.button-primary .dashicon { margin-right:-4px } .editor-post-publish-panel__link { color:#007fac; text-decoration:underline } .editor-post-publish-panel__prepublish { padding:16px } .editor-post-publish-panel__prepublish .components-panel__body { margin:10px -16px -16px; border:none } .editor-post-publish-panel__prepublish .components-panel__body .components-panel__body-toggle { font-weight:400 } .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { display:none } .post-publish-panel__postpublish .components-panel__body { border-bottom:1px solid #e2e4e7; border-top:none } .wp-core-ui .post-publish-panel__postpublish-buttons { display:flex; align-content:space-between } .wp-core-ui .post-publish-panel__postpublish-buttons>* { flex-grow:1; margin-right:10px } .wp-core-ui .post-publish-panel__postpublish-buttons>:last-child { margin-right:0 } .wp-core-ui .post-publish-panel__postpublish-buttons .components-button { text-align:center } .wp-core-ui .post-publish-panel__postpublish-buttons .components-clipboard-button { width:100% } .post-publish-panel__postpublish-link-input[readonly] { width:100%; padding:10px; margin:15px 0; background:#fff; overflow:hidden; text-overflow:ellipsis } .post-publish-panel__postpublish-header { font-weight:500 } .editor-post-saved-state { display:flex; align-items:center; color:#555d66; overflow:hidden } .editor-post-saved-state.is-saving { animation:loading_fade .5s infinite } .editor-post-saved-state .dashicon { display:inline-block; flex:0 0 auto } .editor-post-save-draft,.editor-post-saved-state { white-space:nowrap; padding:8px 4px; width:28px } .editor-post-save-draft .dashicon,.editor-post-saved-state .dashicon { margin-right:8px } @media (min-width:600px) { .editor-post-save-draft,.editor-post-saved-state { padding:8px; width:auto; text-indent:inherit } .editor-post-save-draft .dashicon,.editor-post-saved-state .dashicon { margin-right:4px } } .editor-post-taxonomies__hierarchical-terms-choice { margin-bottom:5px } .editor-post-taxonomies__hierarchical-terms-input[type=checkbox] { margin-top:0 } .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top:5px; margin-left:16px } .button-link.editor-post-taxonomies__hierarchical-terms-add,.button.editor-post-taxonomies__hierarchical-terms-submit { margin-top:10px } .editor-post-taxonomies__hierarchical-terms-label { display:inline-block; margin-top:10px } .editor-post-taxonomies__hierarchical-terms-input { margin-top:5px; width:100% } .editor-post-text-editor { display:block; margin:0; width:100%; border:none; outline:none; box-shadow:none; resize:none; overflow:hidden; font-family:Menlo,Consolas,monaco,monospace; font-size:14px; line-height:150% } .editor-post-text-editor:focus { box-shadow:none } .editor-post-text-editor__toolbar { display:flex; flex-direction:row; flex-wrap:wrap } .editor-post-text-editor__toolbar button { height:30px; background:none; padding:0 8px; margin:3px 4px; text-align:center; cursor:pointer; font-family:Menlo,Consolas,monaco,monospace; color:#555d66; border:1px solid transparent } .editor-post-text-editor__toolbar button:first-child { margin-left:0 } .editor-post-text-editor__toolbar button:focus,.editor-post-text-editor__toolbar button:hover { outline:none; border:1px solid #555d66 } .editor-post-text-editor__bold { font-weight:600 } .editor-post-text-editor__italic { font-style:italic } .editor-post-text-editor__link { text-decoration:underline; color:#00a0d2 } .editor-post-text-editor__del { text-decoration:line-through } .editor-post-title { position:relative; padding:5px 0 } .editor-post-title .editor-post-title__input { display:block; width:100%; padding:19px 14px; margin:0; box-shadow:none; border:1px solid transparent; font-family:Noto Serif,serif; line-height:1.4; font-size:2.441em; font-weight:600 } .editor-post-title .editor-post-title__input:hover,.editor-post-title.is-selected .editor-post-title__input { border:1px solid #e2e4e7 } .editor-post-title .editor-post-permalink { font-size:13px; position:absolute; top:-34px; left:0; right:0 } .editor-post-permalink { display:inline-flex; align-items:center; border:1px solid #e2e4e7; background:#fff; padding:5px; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; height:40px; white-space:nowrap; margin-left:-15px; margin-right:-15px } @media (min-width:600px) { .editor-post-permalink { margin-left:-1px; margin-right:-1px } } .editor-post-permalink__copy { margin-top:4px } .editor-post-permalink__copy .is-copied { opacity:.3 } .editor-post-permalink__label { margin:0 10px } .editor-post-permalink__link { color:#7e8993; text-decoration:underline; margin-right:10px; width:100%; overflow:hidden; position:relative; white-space:nowrap } .editor-post-permalink__link:after { content:""; display:block; position:absolute; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none; background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 90%); top:1px; bottom:1px; right:1px; left:auto; width:20%; height:auto } .editor-post-permalink-editor { width:100%; min-width:20%; display:inline-flex; align-items:center } .editor-post-permalink-editor .editor-post-permalink-editor__save { margin-left:auto } .editor-post-permalink-editor__prefix { color:#6c7781; min-width:20%; overflow:hidden; position:relative; white-space:nowrap; text-overflow:ellipsis } .editor-post-permalink-editor__edit { min-width:20%; margin:0 5px } .editor-post-permalink-editor__suffix { color:#6c7781; margin-right:10px } .editor-post-trash { margin-left:auto!important; text-decoration:underline } .editor-post-trash .dashicon { display:inline-block; vertical-align:middle; margin:-3px -4px 0 10px } .editor-template-validation-notice { display:flex; justify-content:space-between; align-items:center } .editor-template-validation-notice .components-button { margin-left:5px } .editor-block-inspector__multi-blocks,.editor-block-inspector__no-blocks { display:block; font-size:13px; background:#fff; padding:32px 16px; text-align:center } .editor-block-inspector__multi-blocks { border-bottom:1px solid #e2e4e7 } .editor-block-inspector__card { display:flex; align-items:flex-start; margin:-16px; padding:16px } .editor-block-inspector__card-icon { border:1px solid #ccd0d4; padding:8px; margin-right:10px; height:36px; width:36px } .editor-block-inspector__card-content { flex-grow:1 } .editor-block-inspector__card-title { font-weight:500; margin-bottom:5px } .editor-block-inspector__card-description { font-size:13px } .editor-skip-to-selected-block { position:absolute; top:-9999em } .editor-skip-to-selected-block:focus { height:auto; width:auto; display:block; font-size:14px; font-weight:600; padding:15px 23px 14px; background:#f1f1f1; color:#0073aa; line-height:normal; box-shadow:0 0 2px 2px rgba(0,0,0,.6); text-decoration:none; outline:none; z-index:100000 } .components-draggable__clone>.editor-block-list__block>.editor-block-list__block-draggable { background:#fff; box-shadow:0 3px 20px rgba(25,30,35,.1),0 1px 3px rgba(25,30,35,.1) } @media (min-width:600px) { .components-draggable__clone>.editor-block-list__block>.editor-block-list__block-draggable { left:0; right:0 } } .components-draggable__clone .editor-block-contextual-toolbar,.components-draggable__clone .editor-block-mover,.components-draggable__clone .editor-block-settings-menu { display:none!important } .editor-block-list__block-draggable { position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; cursor:move; cursor:-webkit-grab; cursor:grab } .editor-block-list__block-draggable>.editor-block-list__block-draggable-inner { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#f3f4f5; visibility:hidden } @media (min-width:600px) { .editor-block-list__block-draggable>.editor-block-list__block-draggable-inner { margin:0 48px } } .editor-block-list__block-draggable.is-visible>.editor-block-list__block-draggable-inner { visibility:visible } @media (min-width:600px) { .editor-block-list__block-draggable { left:-36px; right:-36px } .editor-block-list__block[data-align=full] .editor-block-list__block-draggable { left:0; right:0 } } .editor-block-list__block .editor-block-mover,.editor-block-list__block .editor-block-settings-menu { pointer-events:none } .editor-block-list__block .editor-block-mover>*,.editor-block-list__block .editor-block-settings-menu>* { pointer-events:auto } .editor-block-list__block.is-hidden *,.editor-block-list__block.is-hidden>* { visibility:hidden } .editor-block-list__block .editor-block-list__block-edit .shared-block-edit-panel * { z-index:1 } @media (min-width:600px) { .editor-block-list__layout { padding-left:36px; padding-right:36px } } .editor-block-list__block .editor-block-list__layout { padding-left:0; padding-right:0 } .editor-block-list__layout .editor-block-list__block { position:relative; padding:1px 14px; margin-bottom:4px } @media (min-width:600px) { .editor-block-list__layout .editor-block-list__block { padding-left:50px; padding-right:50px } } .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit { margin-top:14px; margin-bottom:14px; padding-top:1px; padding-bottom:1px } .editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit { position:relative; min-height:250px; max-height:500px; overflow:hidden } .editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit>:not(.editor-warning) { pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:hsla(0,0%,100%,.6); background-image:linear-gradient(180deg,transparent,#fff) } .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-settings-menu:before,.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-settings-menu:before { content:""; position:absolute; height:36px; top:10px } .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-mover:before { border-right:1px solid #e2e4e7; right:0 } .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-settings-menu:before,.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-settings-menu:before { border-left:1px solid #e2e4e7; left:0 } .editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__side-inserter { opacity:0 } .editor-block-list__layout .editor-block-list__block .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block .editor-block-list__side-inserter { opacity:1; transition:opacity .2s } .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit { position:relative } .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit:before { z-index:-1; content:""; position:absolute; top:-14px; right:-14px; bottom:-14px; left:-14px; outline:1px solid transparent } .editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit:before { outline:1px solid #e2e4e7 } .editor-block-list__layout .editor-block-list__block ::-moz-selection { background-color:#b3e7fe } .editor-block-list__layout .editor-block-list__block ::selection { background-color:#b3e7fe } .editor-block-list__layout .editor-block-list__block.is-multi-selected ::-moz-selection { background-color:transparent } .editor-block-list__layout .editor-block-list__block.is-multi-selected ::selection { background-color:transparent } .editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before { background:#b3e7fe } .editor-block-list__layout .editor-block-list__block.is-shared>.editor-block-mover:before { border-right:none } .editor-block-list__layout .editor-block-list__block.is-shared>.editor-block-settings-menu:before { border-left:none } .editor-block-list__layout .editor-block-list__block.is-shared>.editor-block-list__block-edit:before { outline:1px dashed #e2e4e7 } .editor-block-list__layout .editor-block-list__block[data-align=left],.editor-block-list__layout .editor-block-list__block[data-align=right] { z-index:20; width:100%; margin-bottom:0 } .editor-block-list__layout .editor-block-list__block[data-align=left]:before,.editor-block-list__layout .editor-block-list__block[data-align=right]:before { content:none } .editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit { float:left; margin-right:2em } .editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit { float:right; margin-left:2em } .editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-toolbar { float:right } .editor-block-list__layout .editor-block-list__block[data-align=full],.editor-block-list__layout .editor-block-list__block[data-align=wide] { clear:both; z-index:20 } @media (min-width:600px) { .editor-block-list__layout .editor-block-list__block[data-align=full] { margin-left:-36px; margin-right:-36px } } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit { margin-left:-14px; margin-right:-14px } @media (min-width:600px) { .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit { margin-left:-50px; margin-right:-50px } } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit figure { width:100% } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit:before { left:0; right:0; border-left-width:0; border-right-width:0 } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-settings-menu { top:-29px; bottom:auto; height:auto; width:auto; z-index:inherit } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-settings-menu:before { content:none } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover { left:10px } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-settings-menu { right:10px } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover .editor-block-mover__control,.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-settings-menu>* { float:left } .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover { display:none } @media (min-width:1280px) { .editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover { display:block } } .editor-block-list__layout .editor-block-list__block[data-clear=true] { float:none } .editor-block-list__layout .editor-block-list__block .editor-block-drop-zone { top:-4px; bottom:-3px; margin:0 14px } .editor-block-list__block>.editor-block-mover,.editor-block-list__block>.editor-block-settings-menu { position:absolute; top:0; bottom:0; width:30px; cursor:move; cursor:-webkit-grab; cursor:grab } @media (min-width:600px) { .editor-block-list__block.is-hovered .editor-block-mover,.editor-block-list__block.is-hovered .editor-block-settings-menu,.editor-block-list__block.is-multi-selected .editor-block-mover,.editor-block-list__block.is-multi-selected .editor-block-settings-menu,.editor-block-list__block.is-selected .editor-block-mover,.editor-block-list__block.is-selected .editor-block-settings-menu { z-index:80 } } .editor-block-list__block>.editor-block-settings-menu { right:-30px; padding-left:2px; display:none } @media (min-width:600px) { .editor-block-list__block>.editor-block-settings-menu { display:flex; flex-direction:column } } .editor-block-list__block>.editor-block-mover { left:-30px; padding-right:2px; display:none } @media (min-width:600px) { .editor-block-list__block>.editor-block-mover { display:block } } .editor-block-list__block .editor-block-list__block-mobile-toolbar { display:flex; flex-direction:row; margin-top:10px } @media (min-width:600px) { .editor-block-list__block .editor-block-list__block-mobile-toolbar { display:none } } .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter { position:relative; left:auto; top:auto; margin:0 } .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-settings-menu .components-button,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle { width:36px; height:36px; border-radius:4px; padding:3px; margin:0; justify-content:center; align-items:center } .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control .dashicon,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-settings-menu .components-button .dashicon,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle .dashicon { margin:auto } .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover { display:flex; margin-right:auto } .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-inserter,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-settings-menu>* { float:left } .editor-block-list .editor-inserter { margin:10px; cursor:move; cursor:-webkit-grab; cursor:grab } .editor-block-list .editor-inserter .editor-inserter__toggle { color:#6c7781; margin:4px 0 0 -4px } .editor-block-list__insertion-point { position:relative; z-index:5 } .editor-block-list__insertion-point-indicator { position:absolute; top:13px; height:2px; left:0; right:0; background:#00a0d2 } .editor-block-list__insertion-point-inserter { position:absolute; background:none; border:none; display:block; top:0; height:28px; width:100%; cursor:pointer; padding:0 } .editor-block-list__insertion-point-inserter:before { position:absolute; top:13px; height:2px; left:14px; right:14px; background:#8f98a1; content:""; opacity:0; transition:opacity .1s linear .1s } .editor-block-list__insertion-point-inserter:hover:before { opacity:1; transition:opacity .2s linear .5s } .editor-block-list__insertion-point-inserter:focus { outline:none } .editor-block-list__insertion-point-inserter:focus:before { opacity:1; transition:opacity .2s linear; outline:1px solid #6c7781; outline-offset:2px } .editor-block-list__insertion-point-inserter:focus:active:before { outline:none } .editor-block-list__block>.editor-block-list__insertion-point { position:absolute; top:-14px; height:28px; bottom:auto; left:0; right:0 } .editor-block-list__block .editor-block-list__block-html-textarea { display:block; margin:0; width:100%; border:none; outline:none; box-shadow:none; resize:none; overflow:hidden; font-family:Menlo,Consolas,monaco,monospace; font-size:14px; line-height:150%; transition:padding .2s linear } .editor-block-list__block .editor-block-list__block-html-textarea:focus { box-shadow:none } .editor-block-contextual-toolbar,.editor-block-list__breadcrumb { position:-webkit-sticky; position:sticky; z-index:21; white-space:nowrap; text-align:left; pointer-events:none; height:37px; margin:-38px -15px 15px; top:55px } .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=left] .editor-block-list__breadcrumb,.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=right] .editor-block-list__breadcrumb { margin-bottom:1px; margin-top:-38px } @media (min-width:600px) { .editor-block-contextual-toolbar,.editor-block-list__breadcrumb { margin-left:-51px; margin-right:-51px } [data-align=full] .editor-block-contextual-toolbar,[data-align=full] .editor-block-list__breadcrumb { margin-left:-50px; margin-right:-50px } } @media (min-width:600px) { .editor-block-contextual-toolbar,.editor-block-list__breadcrumb { top:-1px } } .editor-block-contextual-toolbar>*,.editor-block-list__breadcrumb>* { pointer-events:auto } .editor-block-contextual-toolbar .editor-block-toolbar,.editor-block-list__breadcrumb .components-toolbar { border:1px solid #e2e4e7; width:100%; background:#fff; position:absolute; left:0 } .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar .editor-block-toolbar,.editor-block-list__block[data-align=right] .editor-block-list__breadcrumb .components-toolbar { left:auto; right:0 } .editor-block-contextual-toolbar .editor-block-toolbar>div:first-child,.editor-block-list__breadcrumb .components-toolbar>div:first-child { margin-left:-1px } @media (min-width:600px) { .editor-block-contextual-toolbar .editor-block-toolbar,.editor-block-list__breadcrumb .components-toolbar { width:auto } } .editor-block-list__breadcrumb .components-toolbar { padding:0 12px; line-height:36px; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; color:#555d66; cursor:default } .editor-block-list__breadcrumb .components-toolbar .components-button { margin-left:-12px; margin-right:12px; border-right:1px solid #e2e4e7; color:#555d66; padding-top:6px } .editor-block-list__breadcrumb { opacity:0 } .editor-block-list__breadcrumb.is-visible { animation:fade-in .3s ease-out; animation-fill-mode:forwards } .editor-block-mover { opacity:0 } .editor-block-mover.is-visible { animation:fade-in .3s ease-out; animation-fill-mode:forwards } .editor-block-mover__control { display:flex; align-items:center; justify-content:center; border:none; outline:none; background:none; color:#6c7781; cursor:pointer; padding:0; width:28px; height:28px; border-radius:4px } .editor-block-mover__control[aria-disabled=true] { cursor:default; color:#edeff0; pointer-events:none } .editor-block-mover__control svg { width:28px; height:28px; padding:5px } @media (min-width:600px) { .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control { background:#fff; border:1px solid #e2e4e7 } .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:first-child { border-width:1px 1px 0 } .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:last-child { border-width:0 1px 1px } } .editor-block-mover__control:not(:disabled):hover { color:#191e23; box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2) } .editor-block-mover__control:not(:disabled):active { outline:none; color:#191e23; box-shadow:inset 0 0 0 1px #ccd0d4,inset 0 0 0 2px #fff } .editor-block-mover__control:not(:disabled):focus { color:#191e23; box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff; outline:2px solid transparent; outline-offset:-2px } .editor-block-mover__description { display:none } .editor-block-drop-zone { border:none; border-radius:0 } .editor-block-drop-zone .components-drop-zone__content { display:none } .editor-block-drop-zone.is-close-to-bottom { background:none; border-bottom:3px solid #00a0d2 } .editor-block-drop-zone.is-appender.is-close-to-bottom,.editor-block-drop-zone.is-appender.is-close-to-top,.editor-block-drop-zone.is-close-to-top { background:none; border-top:3px solid #00a0d2; border-bottom:none } .editor-block-drop-zone.is-dragging-default .components-drop-zone__content,.editor-block-drop-zone.is-dragging-html .components-drop-zone__content { display:none } .editor-block-settings-menu { opacity:0 } .editor-block-settings-menu.is-visible { animation:fade-in .3s ease-out; animation-fill-mode:forwards } .editor-block-settings-menu__toggle,.editor-block-settings-remove { justify-content:center; padding:0; width:28px; height:28px; border-radius:4px } @media (min-width:600px) { .editor-block-list__layout .editor-block-list__layout .editor-block-settings-menu__toggle,.editor-block-list__layout .editor-block-list__layout .editor-block-settings-remove { background:#fff; border:1px solid #e2e4e7 } } .editor-block-settings-menu__toggle .dashicon { transform:rotate(90deg) } .editor-block-settings-menu__popover { z-index:21 } .editor-block-settings-menu__popover:after,.editor-block-settings-menu__popover:before { margin-left:2px } .editor-block-settings-menu__popover .components-popover__content { width:182px } .editor-block-settings-menu__popover .editor-block-settings-menu__content { width:100% } .editor-block-settings-menu__popover .editor-block-settings-menu__separator { margin-top:10px; margin-bottom:10px; border-top:1px solid #e2e4e7 } .editor-block-settings-menu__popover .editor-block-settings-menu__title { display:block; padding:6px; color:#6c7781 } .editor-block-settings-menu__popover .editor-block-settings-menu__control { width:100%; justify-content:flex-start; padding:8px; background:none; outline:none; border-radius:0; color:#555d66; text-align:left; cursor:pointer; border:none; box-shadow:none } .editor-block-settings-menu__popover .editor-block-settings-menu__control:focus,.editor-block-settings-menu__popover .editor-block-settings-menu__control:hover,.editor-block-settings-menu__popover .editor-block-settings-menu__control:not(:disabled):hover { color:#191e23; border:none; box-shadow:none; outline-offset:-2px; outline:1px dotted #555d66 } .editor-block-settings-menu__popover .editor-block-settings-menu__control .dashicon { margin-right:5px } .editor-warning { z-index:1; position:absolute; top:15px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:space-around; align-items:center; width:96%; max-width:780px; padding:20px; background-color:#fff; border:1px solid #e2e4e7; text-align:center; line-height:1.4; box-shadow:0 3px 20px rgba(25,30,35,.1),0 1px 3px rgba(25,30,35,.1); font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px } .editor-warning__actions { display:flex; margin-top:20px } .editor-warning__action { margin:0 5px 5px } .editor-inserter { display:inline-block; background:none; border:none; padding:0; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; line-height:1.4 } @media (min-width:782px) { .editor-inserter { position:relative } } .editor-inserter__toggle { display:inline-flex; align-items:center; color:#555d66; background:none; cursor:pointer; border:none; outline:none; transition:color .2s ease } input[type=search].editor-inserter__search { display:block; width:100%; margin:0; padding:11px 16px; position:relative; z-index:1; border:none; box-shadow:0 1px 0 0 #e2e4e7; outline-offset:-1px; font-size:16px } @media (min-width:600px) { input[type=search].editor-inserter__search { font-size:13px } } input[type=search].editor-inserter__search:focus { color:#191e23; outline:1px solid #6c7781; box-shadow:none } .editor-inserter__category-blocks { display:flex; flex-flow:row wrap; padding:8px } .editor-inserter__menu { width:auto; display:flex; flex-direction:column; height:100% } @media (min-width:782px) { .editor-inserter__menu { width:350px; position:relative } .editor-inserter__menu .editor-block-preview { border:1px solid #e2e4e7; box-shadow:0 3px 20px rgba(25,30,35,.1),0 1px 3px rgba(25,30,35,.1); background:#fff; position:absolute; left:100%; top:-1px; bottom:-1px; width:300px } } .editor-inserter__menu.is-bottom:after { border-bottom-color:#fff } .editor-inserter__block { display:flex; flex-direction:column; width:calc(33% - 8px); margin:4px; font-size:13px; color:#555d66; padding:8px 4px; align-items:center; justify-content:center; cursor:pointer; border:none; line-height:1em; background:transparent; outline:1px solid #f3f4f5; min-height:5em; overflow:hidden; word-break:break-word } .editor-inserter__block .dashicon { margin-bottom:3px } .editor-inserter__block:disabled { opacity:.6; cursor:default } .editor-inserter__block:not(:disabled):hover { color:#191e23; box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2) } .editor-inserter__block:not(:disabled).is-active,.editor-inserter__block:not(:disabled):active,.editor-inserter__block:not(:disabled):focus { color:#191e23; box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff; outline:2px solid transparent; outline-offset:-2px; position:relative } .editor-inserter__separator { border-bottom:1px solid #e2e4e7; background:hsla(0,0%,100%,.8); text-align:center; display:block; margin:0; padding:12px 14px; font-size:13px; font-weight:600; margin-top:-1px } .editor-inserter__search-results { flex-grow:1; overflow:auto } @media (min-width:782px) { .editor-inserter__search-results { height:288px } } .editor-inserter__no-blocks { display:block; text-align:center; font-style:italic; padding:24px } .editor-inserter__tabs { display:flex; flex-direction:column; height:100%; flex-grow:1; box-shadow:inset 0 -5px 5px -4px rgba(25,30,35,.1); overflow:hidden } .editor-inserter__tabs .components-tab-panel__tab-content { overflow:auto; outline-offset:-1px } .editor-inserter__tabs .components-tab-panel__tab-content:focus { color:#191e23; outline:1px solid #6c7781; box-shadow:none } .editor-inserter__tabs .components-tab-panel__tab-content:focus:active { outline:none } @media (min-width:782px) { .editor-inserter__tabs .components-tab-panel__tab-content { height:250px } } .editor-inserter__tabs .components-tab-panel__tabs { width:100%; display:flex; justify-content:space-between; position:relative; background:#f8f9f9; border-bottom:1px solid #e2e4e7; flex-shrink:0; margin-top:1px; outline-offset:-1px } .editor-inserter__tab { border:none; background:none; font-size:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; padding:11px 8px; width:100%; border-radius:0; margin:0; color:#555d66; cursor:pointer; outline-offset:-1px } .editor-inserter__tab.is-active { padding-bottom:8px; font-weight:600; border-bottom:3px solid #00a0d2; position:relative; z-index:1 } .editor-inserter__tab:active,.editor-inserter__tab:focus { z-index:1; color:#191e23; outline:1px solid #6c7781; box-shadow:none } .editor-block-preview { pointer-events:none; padding:10px; overflow:hidden; display:none } @media (min-width:782px) { .editor-block-preview { display:block } } .editor-block-preview__title { margin-bottom:10px; color:#6c7781 } .editor-block-preview__content { padding:14px; border:1px solid #e2e4e7 } .editor-block-preview__content>div { transform:scale(.9); transform-origin:center top; font-family:Noto Serif,serif } .editor-block-preview__content>div section { height:auto } .editor-block-preview__content>.shared-block-indicator { display:none } .editor-inserter-with-shortcuts { display:flex; align-items:center; flex-direction:row-reverse } .editor-inserter-with-shortcuts .components-icon-button { border-radius:4px } .editor-inserter-with-shortcuts__block { margin-right:4px; width:36px; height:36px; padding-top:8px } .editor-default-block-appender input[type=text].editor-default-block-appender__content { border:none; background:none; box-shadow:none; display:block; margin:0; max-width:none; padding:14px; height:56px; font-size:16px; cursor:text; width:100%; color:#6c7781; font-family:Noto Serif,serif; outline:1px solid transparent; transition:outline .2s } .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button { color:#ccd0d4; transition:color .2s } .editor-default-block-appender .editor-inserter { opacity:0 } .editor-default-block-appender:hover .editor-inserter-with-shortcuts { opacity:1 } .editor-default-block-appender:hover .editor-inserter-with-shortcuts .components-icon-button { color:#555d66 } .editor-default-block-appender:hover .editor-inserter { opacity:1 } .editor-default-block-appender .components-drop-zone__content-icon { display:none } .editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter { position:absolute; top:10px; right:10px; transition:opacity .2s } @media (min-width:600px) { .editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter { left:-36px; right:auto } } .editor-block-list__empty-block-inserter .editor-inserter__toggle,.editor-default-block-appender .editor-inserter .editor-inserter__toggle { border-radius:50% } .editor-block-list__empty-block-inserter:disabled,.editor-default-block-appender .editor-inserter:disabled { display:none } .editor-inserter-with-shortcuts { position:absolute; top:10px; right:14px; display:none } @media (min-width:600px) { .editor-inserter-with-shortcuts { right:0; display:flex } } .editor-block-toolbar { display:inline-flex; flex-grow:1; width:100%; background:#fff; overflow:auto } @media (min-width:600px) { .editor-block-toolbar { overflow:inherit } } .editor-block-toolbar .components-toolbar { border:none; border-left:1px solid #e2e4e7 } .editor-block-toolbar>div { display:flex } .editor-block-toolbar .editor-block-switcher { display:inline-flex; border-left:1px solid #e2e4e7 } .editor-block-switcher { position:relative } .editor-block-switcher .components-toolbar { border-left:none } .editor-block-switcher__toggle { width:auto; margin:0; padding:8px; border-radius:0 } .editor-block-switcher__toggle:focus:before { top:-3px; right:-3px; bottom:-3px; left:-3px } .editor-block-switcher__popover .components-popover__content { width:200px } .editor-block-switcher__menu { box-shadow:0 3px 20px rgba(25,30,35,.1),0 1px 3px rgba(25,30,35,.1); border:1px solid #e2e4e7; background:#fff; padding:3px 3px 0 } .editor-block-switcher__menu-title { display:block; padding:6px; color:#6c7781 } .editor-block-switcher__menu-item { color:#555d66; display:flex; align-items:center; width:100%; padding:6px; text-align:left } .editor-block-switcher__menu-item .editor-block-switcher__block-icon { margin-right:8px; height:20px } .editor-writing-flow { height:100%; display:flex; flex-direction:column } .editor-writing-flow__click-redirect { flex-basis:100%; cursor:text }