img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: 0 0 !important; padding: 0 !important } .activitypub-follower-block.is-style-compact .activitypub-handle, .activitypub-follower-block.is-style-compact .sep { display: none } .activitypub-follower-block.is-style-with-lines ul li { border-bottom: .5px solid; margin-bottom: .5rem; padding-bottom: .5rem } .activitypub-follower-block.is-style-with-lines ul li:last-child { border-bottom: none } .activitypub-follower-block.is-style-with-lines .activitypub-handle, .activitypub-follower-block.is-style-with-lines .activitypub-name { text-decoration: none } .activitypub-follower-block.is-style-with-lines .activitypub-handle:hover, .activitypub-follower-block.is-style-with-lines .activitypub-name:hover { text-decoration: underline } .activitypub-follower-block ul { margin: 0 !important; padding: 0 !important } .activitypub-follower-block li { display: flex; margin-bottom: 1rem } .activitypub-follower-block img { border-radius: 50%; height: 40px; margin-right: var(--wp--preset--spacing--20, .5rem); width: 40px } .activitypub-follower-block .activitypub-link { align-items: center; color: inherit !important; display: flex; flex-flow: row nowrap; max-width: 100%; text-decoration: none !important } .activitypub-follower-block .activitypub-handle, .activitypub-follower-block .activitypub-name { text-decoration: underline; text-decoration-thickness: .8px; text-underline-position: under } .activitypub-follower-block .activitypub-handle:hover, .activitypub-follower-block .activitypub-name:hover { text-decoration: none } .activitypub-follower-block .activitypub-name { font-size: var(--wp--preset--font-size--normal, 16px) } .activitypub-follower-block .activitypub-actor { font-size: var(--wp--preset--font-size--small, 13px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .activitypub-follower-block .sep { padding: 0 .2rem } .activitypub-follower-block .wp-block-query-pagination { margin-top: 1.5rem } .activitypub-follower-block .activitypub-pager { cursor: default } .activitypub-follower-block .activitypub-pager.current { opacity: .33 } .activitypub-follower-block .page-numbers { padding: 0 .2rem } .activitypub-follower-block .page-numbers.current { font-weight: 700; opacity: 1 } .activitypub__modal.components-modal__frame { background-color: #f7f7f7; color: #333 } .activitypub__modal.components-modal__frame .components-modal__header-heading, .activitypub__modal.components-modal__frame h4 { color: #333; letter-spacing: inherit; word-spacing: inherit } .activitypub__modal.components-modal__frame .components-modal__header .components-button:hover { color: var(--wp--preset--color--white) } .activitypub__dialog { max-width: 40em } .activitypub__dialog h4 { line-height: 1; margin: 0 } .activitypub__dialog .activitypub-dialog__section { margin-bottom: 2em } .activitypub__dialog .activitypub-dialog__remember { margin-top: 1em } .activitypub__dialog .activitypub-dialog__description { font-size: var(--wp--preset--font-size--normal, .75rem); margin: .33em 0 1em } .activitypub__dialog .activitypub-dialog__button-group { align-items: flex-end; display: flex; justify-content: flex-end } .activitypub__dialog .activitypub-dialog__button-group svg { height: 21px; margin-right: .5em; width: 21px } .activitypub__dialog .activitypub-dialog__button-group input { background-color: var(--wp--preset--color--white); border-radius: 50px 0 0 50px; border-width: 1px; border: 1px solid var(--wp--preset--color--black); color: var(--wp--preset--color--black); flex: 1; font-size: 16px; height: inherit; line-height: 1; margin-right: 0; padding: 15px 23px } .activitypub__dialog .activitypub-dialog__button-group button { align-self: center; background-color: var(--wp--preset--color--black); border-radius: 0 50px 50px 0; border-width: 1px; color: var(--wp--preset--color--white); font-size: 16px; height: inherit; line-height: 1; margin-left: 0; padding: 15px 23px; text-decoration: none } .activitypub__dialog .activitypub-dialog__button-group button:hover { border: inherit } .activitypub-follow-me-block-wrapper { width: 100% } .activitypub-follow-me-block-wrapper.has-background .activitypub-profile, .activitypub-follow-me-block-wrapper.has-border-color .activitypub-profile { padding-left: 1rem; padding-right: 1rem } .activitypub-follow-me-block-wrapper .activitypub-profile { align-items: center; display: flex; padding: 1rem 0 } .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__avatar { border-radius: 50%; height: 75px; margin-right: 1rem; width: 75px } .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__content { flex: 1; min-width: 0 } .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__handle, .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__name { line-height: 1.2; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__name { font-size: 1.25em } .activitypub-follow-me-block-wrapper .activitypub-profile .activitypub-profile__follow { align-self: center; background-color: var(--wp--preset--color--black); color: var(--wp--preset--color--white); margin-left: 1rem } @charset "UTF-8"; :root { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: #2145e6; --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; --wp-admin-theme-color-darker-20: #183ad6; --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; --wp-admin-border-width-focus: 2px } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px } } .components-animate__appear { animation: components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; animation-fill-mode: forwards } @media (prefers-reduced-motion:reduce) { .components-animate__appear { animation-delay: 0s; animation-duration: 1ms } } .components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { transform-origin: top left } .components-animate__appear.is-from-top.is-from-right { transform-origin: top right } .components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { transform-origin: bottom left } .components-animate__appear.is-from-bottom.is-from-right { transform-origin: bottom right } @keyframes components-animate__appear-animation { 0% { transform: translateY(-2em) scaleY(0) scaleX(0) } to { transform: translateY(0) scaleY(1) scaleX(1) } } .components-animate__slide-in { animation: components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); animation-fill-mode: forwards } @media (prefers-reduced-motion:reduce) { .components-animate__slide-in { animation-delay: 0s; animation-duration: 1ms } } .components-animate__slide-in.is-from-left { transform: translateX(100%) } .components-animate__slide-in.is-from-right { transform: translateX(-100%) } @keyframes components-animate__slide-in-animation { to { transform: translateX(0) } } .components-animate__loading { animation: components-animate__loading 1.6s ease-in-out infinite } @keyframes components-animate__loading { 0% { opacity: .5 } 50% { opacity: 1 } to { opacity: .5 } } .components-autocomplete__popover .components-popover__content { min-width: 220px; padding: 16px } .components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100% } .components-autocomplete__result.components-button.is-selected { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-button-group { display: inline-block } .components-button-group .components-button { border-radius: 0; box-shadow: inset 0 0 0 1px #1e1e1e; color: #1e1e1e; display: inline-flex } .components-button-group .components-button+.components-button { margin-left: -1px } .components-button-group .components-button:first-child { border-radius: 2px 0 0 2px } .components-button-group .components-button:last-child { border-radius: 0 2px 2px 0 } .components-button-group .components-button.is-primary, .components-button-group .components-button:focus { position: relative; z-index: 1 } .components-button-group .components-button.is-primary { box-shadow: inset 0 0 0 1px #1e1e1e } .components-button { align-items: center; -webkit-appearance: none; background: none; border: 0; border-radius: 2px; box-sizing: border-box; color: var(--wp-components-color-foreground, #1e1e1e); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 400; height: 36px; margin: 0; padding: 6px 12px; text-decoration: none; transition: box-shadow .1s linear } @media (prefers-reduced-motion:reduce) { .components-button { transition-delay: 0s; transition-duration: 0s } } .components-button.is-next-40px-default-size { height: 40px } .components-button:hover, .components-button[aria-expanded=true] { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-button[aria-disabled=true]:hover { color: initial } .components-button:focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 3px solid transparent } .components-button.is-primary { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff); outline: 1px solid transparent; text-decoration: none; text-shadow: none; white-space: nowrap } .components-button.is-primary:hover:not(:disabled) { background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); color: var(--wp-components-color-accent-inverted, #fff) } .components-button.is-primary:active:not(:disabled) { background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-inverted, #fff) } .components-button.is-primary:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:active:enabled, .components-button.is-primary[aria-disabled=true]:enabled { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: hsla(0, 0%, 100%, .4); opacity: 1; outline: none } .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary:disabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled { box-shadow: 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); background-size: 100px 100%; border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent-inverted, #fff) } .components-button.is-secondary, .components-button.is-tertiary { outline: 1px solid transparent } .components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { box-shadow: none } .components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { background: transparent; box-shadow: none; color: #949494; opacity: 1; outline: none; transform: none } .components-button.is-secondary { background: transparent; box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 1px solid transparent; white-space: nowrap } .components-button.is-secondary:hover:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) } .components-button.is-tertiary { background: transparent; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); white-space: nowrap } .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) { background: rgba(var(--wp-admin-theme-color--rgb), .04) } .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) { background: rgba(var(--wp-admin-theme-color--rgb), .08) } p+.components-button.is-tertiary { margin-left: -6px } .components-button.is-destructive { --wp-components-color-accent: #cc1818; --wp-components-color-accent-darker-10: #9e1313; --wp-components-color-accent-darker-20: #710d0d } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) { box-shadow: inset 0 0 0 1px #cc1818; color: #cc1818 } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled) { color: #710d0d } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled) { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818 } .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled) { background: #ccc } .components-button.is-link { background: none; border: 0; border-radius: 0; box-shadow: none; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); height: auto; margin: 0; outline: none; padding: 0; text-align: left; text-decoration: underline; transition-duration: .05s; transition-property: border, background, color; transition-timing-function: ease-in-out } @media (prefers-reduced-motion:reduce) { .components-button.is-link { transition-delay: 0s; transition-duration: 0s } } .components-button.is-link:focus { border-radius: 2px } .components-button:not(:disabled, [aria-disabled=true]):active { color: var(--wp-components-color-foreground, #1e1e1e) } .components-button:disabled, .components-button[aria-disabled=true] { cursor: default; opacity: .3 } .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { animation: components-button__busy-animation 2.5s linear infinite; background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); background-size: 100px 100%; opacity: 1 } .components-button.is-compact { height: 32px } .components-button.is-compact.has-icon:not(.has-text) { min-width: 32px; padding: 0; width: 32px } .components-button.is-small { font-size: 11px; height: 24px; line-height: 22px; padding: 0 8px } .components-button.is-small.has-icon:not(.has-text) { min-width: 24px; padding: 0; width: 24px } .components-button.has-icon { justify-content: center; min-width: 36px; padding: 6px } .components-button.has-icon.is-next-40px-default-size { min-width: 40px } .components-button.has-icon .dashicon { align-items: center; box-sizing: content-box; display: inline-flex; justify-content: center; padding: 2px } .components-button.has-icon.has-text { gap: 4px; justify-content: start; padding-left: 8px; padding-right: 12px } .components-button.is-pressed { background: var(--wp-components-color-foreground, #1e1e1e); color: var(--wp-components-color-foreground-inverted, #fff) } .components-button.is-pressed:focus:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent } .components-button.is-pressed:hover:not(:disabled) { background: var(--wp-components-color-foreground, #1e1e1e); color: var(--wp-components-color-foreground-inverted, #fff) } .components-button svg { fill: currentColor; outline: none } @media (forced-colors:active) { .components-button svg { fill: CanvasText } } .components-button .components-visually-hidden { height: auto } @keyframes components-button__busy-animation { 0% { background-position: 200px 0 } } .components-checkbox-control__input[type=checkbox] { -webkit-appearance: none; appearance: none; background: #fff; border: 1px solid #1e1e1e; border-radius: 2px; box-shadow: 0 0 0 transparent; clear: none; color: #1e1e1e; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; height: 24px; line-height: normal; line-height: 0; margin: 0 4px 0 0; outline: 0; padding: 6px 8px; padding: 0 !important; text-align: center; transition: box-shadow .1s linear; transition: none; transition: border-color .1s ease-in-out; vertical-align: top; width: 24px } @media (min-width:600px) { .components-checkbox-control__input[type=checkbox] { font-size: 13px; line-height: normal } } .components-checkbox-control__input[type=checkbox]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color) } .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-checkbox-control__input[type=checkbox]::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color) } .components-checkbox-control__input[type=checkbox]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color) } .components-checkbox-control__input[type=checkbox]:checked::-ms-check { opacity: 0 } .components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { color: #fff; margin: -3px -5px } @media (min-width:782px) { .components-checkbox-control__input[type=checkbox]:checked:before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { margin: -4px 0 0 -5px } } .components-checkbox-control__input[type=checkbox][aria-checked=mixed] { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color) } .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "ï‘ "; display: inline-block; float: left; font: normal 30px/1 dashicons; vertical-align: middle; width: 16px } @media (min-width:782px) { .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before { float: none; font-size: 21px } } @media (min-width:600px) { .components-checkbox-control__input[type=checkbox] { height: 20px; width: 20px } } @media (prefers-reduced-motion:reduce) { .components-checkbox-control__input[type=checkbox] { transition-delay: 0s; transition-duration: 0s } } .components-checkbox-control__input[type=checkbox]:focus { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: 2px } .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { opacity: 0 } .components-checkbox-control__input[type=checkbox]:checked:before { content: none } .components-checkbox-control__input-container { display: inline-block; height: 24px; margin-right: 12px; position: relative; vertical-align: middle; width: 24px } @media (min-width:600px) { .components-checkbox-control__input-container { height: 20px; width: 20px } } svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { fill: #fff; cursor: pointer; height: 24px; left: 0; pointer-events: none; position: absolute; top: 0; -webkit-user-select: none; user-select: none; width: 24px } @media (min-width:600px) { svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { left: -2px; top: -2px } } .components-circular-option-picker { display: inline-block; min-width: 188px; width: 100% } .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { display: flex; justify-content: flex-end; margin-top: 12px } .components-circular-option-picker .components-circular-option-picker__swatches { display: flex; flex-wrap: wrap; gap: 12px; position: relative; z-index: 1 } .components-circular-option-picker>:not(.components-circular-option-picker__swatches) { position: relative; z-index: 0 } .components-circular-option-picker__option-wrapper { display: inline-block; height: 28px; transform: scale(1); transition: transform .1s ease; vertical-align: top; width: 28px; will-change: transform } @media (prefers-reduced-motion:reduce) { .components-circular-option-picker__option-wrapper { transition-delay: 0s; transition-duration: 0s } } .components-circular-option-picker__option-wrapper:hover { transform: scale(1.2) } .components-circular-option-picker__option-wrapper>div { height: 100%; width: 100% } .components-circular-option-picker__option-wrapper:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E"); border-radius: 50%; bottom: 1px; content: ""; left: 1px; position: absolute; right: 1px; top: 1px; z-index: -1 } .components-circular-option-picker__option { background: transparent; border: none; border-radius: 50%; box-shadow: inset 0 0 0 14px; cursor: pointer; display: inline-block; height: 100%; transition: box-shadow .1s ease; vertical-align: top; width: 100% } @media (prefers-reduced-motion:reduce) { .components-circular-option-picker__option { transition-delay: 0s; transition-duration: 0s } } .components-circular-option-picker__option:hover { box-shadow: inset 0 0 0 14px !important } .components-circular-option-picker__option.is-pressed { box-shadow: inset 0 0 0 4px; overflow: visible; position: relative; z-index: 1 } .components-circular-option-picker__option.is-pressed+svg { border-radius: 50%; left: 2px; pointer-events: none; position: absolute; top: 2px; z-index: 2 } .components-circular-option-picker__option:after { border: 1px solid transparent; border-radius: 50%; bottom: -1px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); box-sizing: inherit; content: ""; left: -1px; position: absolute; right: -1px; top: -1px } .components-circular-option-picker__option:focus:after { border: 2px solid #757575; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; content: ""; height: 32px; left: -2px; position: absolute; top: -2px; width: 32px } .components-circular-option-picker__option.components-button:focus { background-color: transparent; box-shadow: inset 0 0 0 14px; outline: none } .components-circular-option-picker__button-action .components-circular-option-picker__option { background: #fff; color: #fff } .components-circular-option-picker__dropdown-link-action { margin-right: 16px } .components-circular-option-picker__dropdown-link-action .components-button { line-height: 22px } .components-palette-edit__popover-gradient-picker { padding: 8px; width: 280px } .components-dropdown-menu__menu .components-palette-edit__menu-button { width: 100% } .component-color-indicator { background: #fff linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); display: inline-block; height: 20px; padding: 0; width: 20px } .components-combobox-control { width: 100% } input.components-combobox-control__input[type=text] { border: none; box-shadow: none; font-family: inherit; font-size: 16px; line-height: inherit; margin: 0; min-height: auto; padding: 2px; width: 100% } @media (min-width:600px) { input.components-combobox-control__input[type=text] { font-size: 13px } } input.components-combobox-control__input[type=text]:focus { box-shadow: none; outline: none } .components-combobox-control__suggestions-container { align-items: flex-start; border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 transparent; display: flex; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 0; transition: box-shadow .1s linear; width: 100% } @media (prefers-reduced-motion:reduce) { .components-combobox-control__suggestions-container { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-combobox-control__suggestions-container { font-size: 13px; line-height: normal } } .components-combobox-control__suggestions-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-combobox-control__suggestions-container::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-combobox-control__suggestions-container::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-combobox-control__suggestions-container:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } .components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-combobox-control__reset.components-button { display: flex; height: 16px; min-width: 16px; padding: 0 } .components-color-palette__custom-color-wrapper { position: relative; z-index: 0 } .components-color-palette__custom-color-button { background: none; border: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); box-sizing: border-box; cursor: pointer; height: 64px; outline: 1px solid transparent; position: relative; width: 100% } .components-color-palette__custom-color-button:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-width: 2px } .components-color-palette__custom-color-button:after { background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); background-position: 0 0, 24px 24px; background-size: 48px 48px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .components-color-palette__custom-color-text-wrapper { border-radius: 0 0 2px 2px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2), inset 1px 0 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 0 rgba(0, 0, 0, .2); font-size: 13px; padding: 12px 16px; position: relative } .components-color-palette__custom-color-name { color: var(--wp-components-color-foreground, #1e1e1e); margin: 0 1px } .components-color-palette__custom-color-value { color: #757575 } .components-color-palette__custom-color-value--is-hex { text-transform: uppercase } .components-color-palette__custom-color-value:empty:after { content: "​"; visibility: hidden } .components-custom-gradient-picker:not(.is-next-has-no-margin) { margin-bottom: 24px; margin-top: 12px } .components-custom-gradient-picker__gradient-bar { border-radius: 2px; height: 48px; position: relative; width: 100%; z-index: 1 } .components-custom-gradient-picker__gradient-bar.has-gradient { background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); background-position: 0 0, 12px 12px; background-size: 24px 24px } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background { inset: 0; position: absolute } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { margin-left: auto; margin-right: auto; position: relative; width: calc(100% - 48px) } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { display: flex; height: 16px; position: absolute; top: 16px; width: 16px } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { background: #fff; border-radius: 50%; color: #1e1e1e; height: inherit; min-width: 16px; padding: 2px; position: relative; width: inherit } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { height: 100%; width: 100% } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { border-radius: 50%; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, .25); height: inherit; outline: 2px solid transparent; padding: 0; width: inherit } .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus { box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 rgba(0, 0, 0, .25); outline: 1.5px solid transparent } .components-custom-gradient-picker__remove-control-point-wrapper { padding-bottom: 8px } .components-custom-gradient-picker__inserter { direction: ltr } .components-custom-gradient-picker__liner-gradient-indicator { display: inline-block; flex: 0 auto; height: 20px; width: 20px } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar { border: none } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div { margin-left: 1px } .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg { background: #fff; border: 1px solid #949494; border-radius: 2px } .components-custom-gradient-picker__ui-line { position: relative; z-index: 0 } .components-custom-select-control { font-size: 13px; position: relative } .components-custom-select-control__button { outline: 0; position: relative; text-align: left } .components-custom-select-control__hint { color: #949494; margin-left: 10px } .components-custom-select-control__menu { background-color: #fff; border: 1px solid #1e1e1e; border-radius: 2px; max-height: 400px; min-width: 100%; outline: none; overflow: auto; padding: 0; position: absolute; transition: none; z-index: 1000000 } .components-custom-select-control__menu[aria-hidden=true] { display: none } .components-custom-select-control__item { align-items: center; cursor: default; display: grid; grid-template-columns: auto auto; line-height: 28px; list-style-type: none; padding: 8px 16px } .components-custom-select-control__item:not(.is-next-36px-default-size) { padding: 8px } .components-custom-select-control__item.has-hint { grid-template-columns: auto auto 30px } .components-custom-select-control__item.is-highlighted { background: #ddd } .components-custom-select-control__item .components-custom-select-control__item-hint { color: #949494; padding-right: 4px; text-align: right } .components-custom-select-control__item .components-custom-select-control__item-icon { margin-left: auto } .components-custom-select-control__item:last-child { margin-bottom: 0 } .block-editor-dimension-control .components-base-control__field { align-items: center; display: flex } .block-editor-dimension-control .components-base-control__label { align-items: center; display: flex; margin-bottom: 0; margin-right: 1em } .block-editor-dimension-control .components-base-control__label .dashicon { margin-right: .5em } .block-editor-dimension-control.is-manual .components-base-control__label { width: 10em } body.is-dragging-components-draggable { cursor: move; cursor: grabbing !important } .components-draggable__invisible-drag-image { height: 50px; left: -1000px; position: fixed; width: 50px } .components-draggable__clone { background: transparent; padding: 0; pointer-events: none; position: fixed; z-index: 1000000000 } .components-drop-zone { border-radius: 2px; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; visibility: hidden; z-index: 40 } .components-drop-zone.is-active { opacity: 1; visibility: visible } .components-drop-zone__content { align-items: center; background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); bottom: 0; color: #fff; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 50 } .components-drop-zone__content-icon, .components-drop-zone__content-text { display: block } .components-drop-zone__content-icon { fill: currentColor; line-height: 0; margin: 0 auto 8px; pointer-events: none } .components-drop-zone__content-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px } .components-dropdown { display: inline-block } .components-dropdown__content .components-popover__content { padding: 8px } .components-dropdown__content [role=menuitem] { white-space: nowrap } .components-dropdown-menu__menu { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; line-height: 1.4; width: 100% } .components-dropdown-menu__menu .components-dropdown-menu__menu-item, .components-dropdown-menu__menu .components-menu-item { cursor: pointer; outline: none; padding: 6px; white-space: nowrap; width: 100% } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-menu-item.has-separator { margin-top: 6px; overflow: visible; position: relative } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before, .components-dropdown-menu__menu .components-menu-item.has-separator:before { background-color: #ddd; box-sizing: content-box; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: -3px } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active svg { background: #1e1e1e; border-radius: 1px; box-shadow: 0 0 0 1px #1e1e1e; color: #fff } .components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg, .components-dropdown-menu__menu .components-menu-item>svg { border-radius: 2px; height: 24px; width: 24px } .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, .components-dropdown-menu__menu .components-menu-item.is-icon-only { width: auto } .components-dropdown-menu__menu .components-menu-item__button, .components-dropdown-menu__menu .components-menu-item__button.components-button { height: auto; min-height: 36px; padding-left: 8px; padding-right: 8px; text-align: left } .components-dropdown-menu__menu .components-menu-group { margin: 0 -8px; padding: 8px } .components-dropdown-menu__menu .components-menu-group:first-child { margin-top: -8px } .components-dropdown-menu__menu .components-menu-group:last-child { margin-bottom: -8px } .components-dropdown-menu__menu .components-menu-group+.components-menu-group { border-top: 1px solid #ccc; margin-top: 0; padding: 8px } .is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group { border-color: #1e1e1e } .components-duotone-picker__color-indicator:before { background: transparent } .components-duotone-picker__color-indicator>.components-button, .components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled) { background: linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); color: transparent } .components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active { color: transparent } .components-color-list-picker, .components-color-list-picker__swatch-button { width: 100% } .components-color-list-picker__color-picker { margin: 8px 0 } .components-color-list-picker__swatch-button { padding: 6px } .components-color-list-picker__swatch-color { margin: 2px } .components-form-toggle { display: inline-block; position: relative } .components-form-toggle .components-form-toggle__track { background-color: #fff; border: 1px solid #1e1e1e; border-radius: 9px; box-sizing: border-box; content: ""; display: inline-block; height: 18px; transition: background .2s ease; vertical-align: top; width: 36px } @media (prefers-reduced-motion:reduce) { .components-form-toggle .components-form-toggle__track { transition-delay: 0s; transition-duration: 0s } } .components-form-toggle .components-form-toggle__thumb { background-color: #1e1e1e; border: 5px solid #1e1e1e; border-radius: 50%; box-sizing: border-box; display: block; height: 12px; left: 3px; position: absolute; top: 3px; transition: transform .1s ease; width: 12px } @media (prefers-reduced-motion:reduce) { .components-form-toggle .components-form-toggle__thumb { transition-delay: 0s; transition-duration: 0s } } .components-form-toggle.is-checked .components-form-toggle__track { background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border: 9px solid transparent } .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; outline-offset: 2px } .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-width: 0; transform: translateX(18px) } .components-disabled .components-form-toggle, .components-form-toggle.is-disabled { opacity: .3 } .components-form-toggle input.components-form-toggle__input[type=checkbox] { border: none; height: 100%; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { background: none } .components-form-toggle input.components-form-toggle__input[type=checkbox]:before { content: "" } .components-form-token-field__input-container { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 transparent; cursor: text; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 0; transition: box-shadow .1s linear; width: 100% } @media (prefers-reduced-motion:reduce) { .components-form-token-field__input-container { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-form-token-field__input-container { font-size: 13px; line-height: normal } } .components-form-token-field__input-container:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-form-token-field__input-container::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-form-token-field__input-container::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-form-token-field__input-container:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } .components-form-token-field__input-container.is-disabled { background: #ddd; border-color: #ddd } .components-form-token-field__input-container.is-active { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-form-token-field__input-container input[type=text].components-form-token-field__input { background: inherit; border: 0; box-shadow: none; color: #1e1e1e; display: inline-block; flex: 1; font-family: inherit; font-size: 16px; margin-left: 4px; max-width: 100%; min-height: 24px; min-width: 50px; padding: 0; width: 100% } @media (min-width:600px) { .components-form-token-field__input-container input[type=text].components-form-token-field__input { font-size: 13px } } .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input, .components-form-token-field__input-container input[type=text].components-form-token-field__input:focus { box-shadow: none; outline: none } .components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input { width: auto } .components-form-token-field__token { color: #1e1e1e; display: flex; font-size: 13px; max-width: 100% } .components-form-token-field__token.is-success .components-form-token-field__remove-token, .components-form-token-field__token.is-success .components-form-token-field__token-text { background: #4ab866 } .components-form-token-field__token.is-error .components-form-token-field__remove-token, .components-form-token-field__token.is-error .components-form-token-field__token-text { background: #cc1818 } .components-form-token-field__token.is-validating .components-form-token-field__remove-token, .components-form-token-field__token.is-validating .components-form-token-field__token-text { color: #757575 } .components-form-token-field__token.is-borderless { padding: 0 24px 0 0; position: relative } .components-form-token-field__token.is-borderless .components-form-token-field__token-text { background: transparent; color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { background: transparent; color: #757575; padding: 0; position: absolute; right: 0; top: 1px } .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { color: #4ab866 } .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { border-radius: 4px 0 0 4px; color: #cc1818; padding: 0 4px 0 6px } .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { color: #1e1e1e } .components-form-token-field__token.is-disabled .components-form-token-field__remove-token { cursor: default } .components-form-token-field__remove-token.components-button, .components-form-token-field__token-text { background: #ddd; display: inline-block; height: auto; line-height: 24px; min-width: unset; transition: all .2s cubic-bezier(.4, 1, .4, 1) } @media (prefers-reduced-motion:reduce) { .components-form-token-field__remove-token.components-button, .components-form-token-field__token-text { animation-delay: 0s; animation-duration: 1ms; transition-delay: 0s; transition-duration: 0s } } .components-form-token-field__token-text { border-radius: 2px 0 0 2px; overflow: hidden; padding: 0 0 0 8px; text-overflow: ellipsis; white-space: nowrap } .components-form-token-field__remove-token.components-button { border-radius: 0 2px 2px 0; color: #1e1e1e; cursor: pointer; line-height: 10px; overflow: initial; padding: 0 2px } .components-form-token-field__remove-token.components-button:hover { color: #1e1e1e } .components-form-token-field__suggestions-list { border-top: 1px solid var(--wp-components-color-gray-600, #949494); flex: 1 0 100%; list-style: none; margin: 0; max-height: 9em; min-width: 100%; overflow-y: auto; padding: 0; transition: all .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .components-form-token-field__suggestions-list { transition-delay: 0s; transition-duration: 0s } } .components-form-token-field__suggestion { color: #757575; cursor: pointer; display: block; font-size: 13px; margin: 0; padding: 4px 8px } .components-form-token-field__suggestion.is-selected { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: #fff } .components-form-token-field__suggestion-match { text-decoration: underline } @media (min-width:600px) { .components-guide { width: 600px } } .components-guide .components-modal__content { border-radius: 2px; margin-top: 0; padding: 0 } .components-guide .components-modal__content:before { content: none } .components-guide .components-modal__header { border-bottom: none; height: 60px; padding: 0; position: sticky } .components-guide .components-modal__header .components-button { align-self: flex-start; margin: 8px 8px 0 0; position: static } .components-guide .components-modal__header .components-button:hover svg { fill: #fff } .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -60px; min-height: 100% } .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative } @media (min-width:600px) { .components-guide__page { min-height: 300px } } .components-guide__footer { align-content: center; display: flex; height: 36px; justify-content: center; margin: 0 0 24px; padding: 0 32px; position: relative; width: 100% } .components-guide__page-control { margin: 0; text-align: center } .components-guide__page-control li { display: inline-block; margin: 0 } .components-guide__page-control .components-button { color: #e0e0e0; height: 30px; margin: -6px 0; min-width: 20px } .components-guide__page-control li[aria-current=step] .components-button { color: var(--wp-components-color-accent, var(--wp-admin-theme-color)) } .components-modal__frame.components-guide { border: none; max-height: 575px; min-width: 312px } @media (max-width:600px) { .components-modal__frame.components-guide { margin: auto; max-width: calc(100vw - 32px) } } .components-button.components-guide__back-button, .components-button.components-guide__finish-button, .components-button.components-guide__forward-button { position: absolute } .components-button.components-guide__back-button { left: 32px } .components-button.components-guide__finish-button, .components-button.components-guide__forward-button { right: 32px } [role=region] { position: relative } .is-focusing-regions [role=region]:focus:after { bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1000000 } .is-focusing-regions .editor-post-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel, .is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel, .is-focusing-regions [role=region]:focus:after, .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header { outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: -4px } .components-menu-group+.components-menu-group { border-top: 1px solid #1e1e1e; margin-top: 8px; padding-top: 8px } .components-menu-group+.components-menu-group.has-hidden-separator { border-top: none; margin-top: 0; padding-top: 0 } .components-menu-group__label { color: #757575; font-size: 11px; font-weight: 500; margin-bottom: 12px; margin-top: 4px; padding: 0 8px; text-transform: uppercase; white-space: nowrap } .components-menu-item__button, .components-menu-item__button.components-button { width: 100% } .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child { box-sizing: initial; padding-right: 48px } .components-menu-item__button .components-menu-items__item-icon, .components-menu-item__button.components-button .components-menu-items__item-icon { display: inline-block; flex: 0 0 auto } .components-menu-item__button .components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { margin-left: 24px; margin-right: -2px } .components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right, .components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right { margin-left: 8px } .components-menu-item__button .block-editor-block-icon, .components-menu-item__button.components-button .block-editor-block-icon { margin-left: -2px; margin-right: 8px } .components-menu-item__button.components-button.is-primary, .components-menu-item__button.is-primary { justify-content: center } .components-menu-item__button.components-button.is-primary .components-menu-item__item, .components-menu-item__button.is-primary .components-menu-item__item { margin-right: 0 } .components-menu-item__button.components-button:disabled.is-tertiary, .components-menu-item__button.components-button[aria-disabled=true].is-tertiary, .components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary { background: none; color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); opacity: .3 } .components-menu-item__info-wrapper { display: flex; flex-direction: column; margin-right: auto } .components-menu-item__info { color: #757575; font-size: 12px; margin-top: 4px; white-space: normal } .components-menu-item__item { align-items: center; display: inline-flex; margin-right: auto; min-width: 160px; white-space: nowrap } .components-menu-item__shortcut { align-self: center; color: currentColor; display: none; margin-left: auto; margin-right: 0; padding-left: 24px } @media (min-width:480px) { .components-menu-item__shortcut { display: inline } } .components-menu-items-choice svg, .components-menu-items-choice.components-button svg { margin-right: 12px } .components-menu-items-choice.components-button.has-icon, .components-menu-items-choice.has-icon { padding-left: 12px } .components-modal__screen-overlay { animation: edit-post__fade-in-animation .2s ease-out 0s; animation-fill-mode: forwards; background-color: rgba(0, 0, 0, .35); bottom: 0; display: flex; left: 0; position: fixed; right: 0; top: 0; z-index: 100000 } @media (prefers-reduced-motion:reduce) { .components-modal__screen-overlay { animation-delay: 0s; animation-duration: 1ms } } .components-modal__frame { animation: components-modal__appear-animation .1s ease-out; animation-fill-mode: forwards; background: #fff; border-radius: 4px 4px 0 0; box-shadow: 0 .7px 1px rgba(0, 0, 0, .15), 0 2.7px 3.8px -.2px rgba(0, 0, 0, .15), 0 5.5px 7.8px -.3px rgba(0, 0, 0, .15), .1px 11.5px 16.4px -.5px rgba(0, 0, 0, .15); display: flex; margin: 40px 0 0; overflow: hidden; width: 100% } @media (prefers-reduced-motion:reduce) { .components-modal__frame { animation-delay: 0s; animation-duration: 1ms } } @media (min-width:600px) { .components-modal__frame { border-radius: 4px; margin: auto; max-height: calc(100% - 120px); max-width: calc(100% - 32px); min-width: 350px; width: auto } } @media (min-width:600px) and (min-width:600px) { .components-modal__frame.is-full-screen { height: calc(100% - 32px); max-height: none; width: calc(100% - 32px) } } @media (min-width:600px) and (min-width:782px) { .components-modal__frame.is-full-screen { height: calc(100% - 80px); max-width: none; width: calc(100% - 80px) } } @media (min-width:960px) { .components-modal__frame { max-height: 70% } } @keyframes components-modal__appear-animation { 0% { transform: translateY(32px) } to { transform: translateY(0) } } .components-modal__header { align-items: center; border-bottom: 1px solid transparent; box-sizing: border-box; display: flex; flex-direction: row; height: 72px; justify-content: space-between; left: 0; padding: 24px 32px 8px; position: absolute; top: 0; width: 100%; z-index: 10 } .components-modal__header .components-modal__header-heading { font-size: 1.2rem; font-weight: 600 } .components-modal__header h1 { line-height: 1; margin: 0 } .components-modal__header .components-button { left: 8px; position: relative } .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { border-bottom-color: #ddd } .components-modal__header+p { margin-top: 0 } .components-modal__header-heading-container { align-items: center; display: flex; flex-direction: row; flex-grow: 1; justify-content: left } .components-modal__header-icon-container { display: inline-block } .components-modal__header-icon-container svg { max-height: 36px; max-width: 36px; padding: 8px } .components-modal__content { flex: 1; margin-top: 72px; overflow: auto; padding: 4px 32px 32px } .components-modal__content.hide-header { margin-top: 0; padding-top: 32px } .components-modal__content.is-scrollable:focus-visible { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; outline-offset: -2px } .components-notice { align-items: center; background-color: #fff; border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); display: flex; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; margin: 5px 15px 2px; padding: 8px 12px } .components-notice.is-dismissible { padding-right: 36px; position: relative } .components-notice.is-success { background-color: #eff9f1; border-left-color: #4ab866 } .components-notice.is-warning { background-color: #fef8ee; border-left-color: #f0b849 } .components-notice.is-error { background-color: #f4a2a2; border-left-color: #cc1818 } .components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0 } .components-notice__actions { display: flex; flex-wrap: wrap } .components-notice__action.components-button { margin-right: 8px } .components-notice__action.components-button, .components-notice__action.components-button.is-link { margin-left: 12px } .components-notice__action.components-button.is-secondary { vertical-align: initial } .components-notice__dismiss { align-self: flex-start; color: #757575; flex-shrink: 0 } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { background-color: transparent; color: #1e1e1e } .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { box-shadow: none } .components-notice-list { box-sizing: border-box; max-width: 100vw } .components-notice-list .components-notice__content { line-height: 2; margin-bottom: 12px; margin-top: 12px } .components-notice-list .components-notice__action.components-button { display: block; margin-left: 0; margin-top: 8px } .components-panel { background: #fff; border: 1px solid #e0e0e0 } .components-panel>.components-panel__body:first-child, .components-panel>.components-panel__header:first-child { margin-top: -1px } .components-panel>.components-panel__body:last-child, .components-panel>.components-panel__header:last-child { border-bottom-width: 0 } .components-panel+.components-panel { margin-top: -1px } .components-panel__body { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0 } .components-panel__body h3 { margin: 0 0 .5em } .components-panel__body.is-opened { padding: 16px } .components-panel__header { align-items: center; border-bottom: 1px solid #ddd; box-sizing: content-box; display: flex; height: 47px; justify-content: space-between; padding: 0 16px } .components-panel__header h2 { color: inherit; font-size: inherit; margin: 0 } .components-panel__body+.components-panel__body, .components-panel__body+.components-panel__header, .components-panel__header+.components-panel__body, .components-panel__header+.components-panel__header { margin-top: -1px } .components-panel__body>.components-panel__body-title { display: block; font-size: inherit; margin-bottom: 0; margin-top: 0; padding: 0; transition: background .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .components-panel__body>.components-panel__body-title { transition-delay: 0s; transition-duration: 0s } } .components-panel__body.is-opened>.components-panel__body-title { margin: -16px -16px 5px } .components-panel__body>.components-panel__body-title:hover { background: #f0f0f0; border: none } .components-panel__body-toggle.components-button { border: none; box-shadow: none; color: #1e1e1e; font-weight: 500; height: auto; outline: none; padding: 16px 48px 16px 16px; position: relative; text-align: left; transition: background .1s ease-in-out; width: 100% } @media (prefers-reduced-motion:reduce) { .components-panel__body-toggle.components-button { transition-delay: 0s; transition-duration: 0s } } .components-panel__body-toggle.components-button:focus { border-radius: 0; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-panel__body-toggle.components-button .components-panel__arrow { fill: currentColor; color: #1e1e1e; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); transition: color .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .components-panel__body-toggle.components-button .components-panel__arrow { transition-delay: 0s; transition-duration: 0s } } body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { -ms-filter: fliph; filter: FlipH; margin-top: -10px; transform: scaleX(-1) } .components-panel__icon { color: #757575; margin: -2px 0 -2px 6px } .components-panel__body-toggle-icon { margin-right: -5px } .components-panel__color-title { float: left; height: 19px } .components-panel__row { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; min-height: 36px } .components-panel__row select { min-width: 0 } .components-panel__row label { flex-shrink: 0; margin-right: 12px; max-width: 75% } .components-panel__row:empty, .components-panel__row:first-of-type { margin-top: 0 } .components-panel .circle-picker { padding-bottom: 20px } .components-placeholder.components-placeholder { -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; background-color: #fff; border-radius: 2px; box-shadow: inset 0 0 0 1px #1e1e1e; box-sizing: border-box; color: #1e1e1e; margin: 0; min-height: 200px; outline: 1px solid transparent; padding: 1em; position: relative; text-align: left; width: 100% } @supports (position:sticky) { .components-placeholder.components-placeholder { align-items: flex-start; display: flex; flex-direction: column; justify-content: center } } .components-placeholder__error, .components-placeholder__fieldset, .components-placeholder__instructions, .components-placeholder__label { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px } .components-placeholder__label { align-items: center; display: flex; font-weight: 600; margin-bottom: 16px } .components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg { fill: currentColor; margin-right: 12px } @media (forced-colors:active) { .components-placeholder__label .block-editor-block-icon, .components-placeholder__label .dashicon, .components-placeholder__label>svg { fill: CanvasText } } .components-placeholder__label:empty { display: none } .components-placeholder__fieldset, .components-placeholder__fieldset form { display: flex; flex-direction: row; flex-wrap: wrap; width: 100% } .components-placeholder__fieldset form p, .components-placeholder__fieldset p { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px } .components-placeholder__fieldset.components-placeholder__fieldset { border: none; padding: 0 } .components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { font-size: 1em; font-weight: 400; padding: 0 } .components-placeholder__fieldset.is-column-layout, .components-placeholder__fieldset.is-column-layout form { flex-direction: column } .components-placeholder__input[type=url] { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 transparent; flex: 1 1 auto; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; margin: 0 8px 0 0; padding: 6px 8px; transition: box-shadow .1s linear } @media (prefers-reduced-motion:reduce) { .components-placeholder__input[type=url] { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-placeholder__input[type=url] { font-size: 13px; line-height: normal } } .components-placeholder__input[type=url]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-placeholder__input[type=url]::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-placeholder__input[type=url]::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-placeholder__input[type=url]:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } .components-placeholder__instructions { margin-bottom: 1em } .components-placeholder__error { margin-top: 1em; width: 100% } .components-placeholder__fieldset .components-button { margin-bottom: 12px; margin-right: 12px } .components-placeholder__fieldset .components-button:last-child { margin-bottom: 0; margin-right: 0 } .components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link { margin-left: 10px; margin-right: 10px } .components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child { margin-right: 0 } .components-placeholder.is-large .components-placeholder__label { font-size: 18pt; font-weight: 400 } .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { display: none } .components-placeholder.is-medium .components-placeholder__fieldset, .components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, .components-placeholder.is-small .components-placeholder__fieldset form { flex-direction: column } .components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { margin-right: auto } .components-placeholder.is-small .components-button { padding: 0 8px 2px } .components-placeholder.has-illustration { -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); backface-visibility: hidden; background-color: transparent; border-radius: 2px; box-shadow: none; color: inherit; display: flex; min-width: 100px; overflow: hidden } .is-dark-theme .components-placeholder.has-illustration { background-color: rgba(0, 0, 0, .1) } .components-placeholder.has-illustration .components-placeholder__fieldset { margin-left: 0; margin-right: 0; width: auto } .components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label { opacity: 0; pointer-events: none; transition: opacity .1s linear } @media (prefers-reduced-motion:reduce) { .components-placeholder.has-illustration .components-button, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-placeholder__label { transition-delay: 0s; transition-duration: 0s } } .is-selected>.components-placeholder.has-illustration .components-button, .is-selected>.components-placeholder.has-illustration .components-placeholder__instructions, .is-selected>.components-placeholder.has-illustration .components-placeholder__label { opacity: 1; pointer-events: auto } .components-placeholder.has-illustration:before { background: currentColor; bottom: 0; content: ""; left: 0; opacity: .1; pointer-events: none; position: absolute; right: 0; top: 0 } .components-placeholder__preview { display: flex; justify-content: center } .components-placeholder__illustration { stroke: currentColor; box-sizing: content-box; height: 100%; left: 50%; opacity: .25; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .components-popover { will-change: transform; z-index: 1000000 } .components-popover.is-expanded { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000000 !important } .components-popover__content { background: #fff; border-radius: 2px; box-shadow: 0 0 0 1px #ccc, 0 .7px 1px rgba(0, 0, 0, .1), 0 1.2px 1.7px -.2px rgba(0, 0, 0, .1), 0 2.3px 3.3px -.5px rgba(0, 0, 0, .1); box-sizing: border-box; width: min-content } .is-alternate .components-popover__content { box-shadow: 0 0 0 1px #1e1e1e } .is-unstyled .components-popover__content { background: none; border-radius: 0; box-shadow: none } .components-popover.is-expanded .components-popover__content { box-shadow: 0 -1px 0 0 #ccc; height: calc(100% - 48px); overflow-y: visible; position: static; width: auto } .components-popover.is-expanded.is-alternate .components-popover__content { box-shadow: 0 -1px 0 #1e1e1e } .components-popover__header { align-items: center; background: #fff; display: flex; height: 48px; justify-content: space-between; padding: 0 8px 0 16px } .components-popover__header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .components-popover__close.components-button { z-index: 5 } .components-popover__arrow { display: flex; height: 14px; pointer-events: none; position: absolute; width: 14px } .components-popover__arrow:before { background-color: #fff; content: ""; height: 2px; left: 1px; position: absolute; right: 1px; top: -1px } .components-popover__arrow.is-top { bottom: -14px !important; transform: rotate(0) } .components-popover__arrow.is-right { left: -14px !important; transform: rotate(90deg) } .components-popover__arrow.is-bottom { top: -14px !important; transform: rotate(180deg) } .components-popover__arrow.is-left { right: -14px !important; transform: rotate(-90deg) } .components-popover__triangle { display: block; flex: 1 } .components-popover__triangle-bg { fill: #fff } .components-popover__triangle-border { fill: transparent; stroke-width: 1px; stroke: #ccc } .is-alternate .components-popover__triangle-border { stroke: #1e1e1e } .components-radio-control__input[type=radio] { border: 1px solid #1e1e1e; border-radius: 2px; border-radius: 50%; box-shadow: 0 0 0 transparent; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; height: 24px; line-height: normal; margin-right: 6px; margin-top: 0; padding: 6px 8px; transition: box-shadow .1s linear; transition: none; width: 24px } @media (prefers-reduced-motion:reduce) { .components-radio-control__input[type=radio] { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-radio-control__input[type=radio] { font-size: 13px; line-height: normal } } .components-radio-control__input[type=radio]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color) } .components-radio-control__input[type=radio]::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-radio-control__input[type=radio]::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-radio-control__input[type=radio]:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } @media (min-width:600px) { .components-radio-control__input[type=radio] { height: 20px; width: 20px } } .components-radio-control__input[type=radio]:checked:before { background-color: #fff; border: 4px solid #fff; box-sizing: inherit; height: 8px; margin: 0; transform: translate(7px, 7px); width: 8px } @media (min-width:600px) { .components-radio-control__input[type=radio]:checked:before { transform: translate(5px, 5px) } } .components-radio-control__input[type=radio]:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-radio-control__input[type=radio]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color) } .components-resizable-box__handle { display: none; height: 23px; width: 23px; z-index: 2 } .components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block } .components-resizable-box__container>img { width: inherit } .components-resizable-box__handle:after { background: #fff; border-radius: 50%; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); content: ""; cursor: inherit; display: block; height: 15px; outline: 2px solid transparent; position: absolute; right: calc(50% - 8px); top: calc(50% - 8px); width: 15px } .components-resizable-box__side-handle:before { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-radius: 2px; content: ""; cursor: inherit; display: block; height: 3px; opacity: 0; position: absolute; right: calc(50% - 1px); top: calc(50% - 1px); transition: transform .1s ease-in; width: 3px; will-change: transform } @media (prefers-reduced-motion:reduce) { .components-resizable-box__side-handle:before { transition-delay: 0s; transition-duration: 0s } } .components-resizable-box__corner-handle, .components-resizable-box__side-handle { z-index: 2 } .components-resizable-box__side-handle.components-resizable-box__handle-bottom, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:before, .components-resizable-box__side-handle.components-resizable-box__handle-top, .components-resizable-box__side-handle.components-resizable-box__handle-top:before { border-left: 0; border-right: 0; left: 0; width: 100% } .components-resizable-box__side-handle.components-resizable-box__handle-left, .components-resizable-box__side-handle.components-resizable-box__handle-left:before, .components-resizable-box__side-handle.components-resizable-box__handle-right, .components-resizable-box__side-handle.components-resizable-box__handle-right:before { border-bottom: 0; border-top: 0; height: 100%; top: 0 } .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before { animation: components-resizable-box__top-bottom-animation .1s ease-out 0s; animation-fill-mode: forwards } @media (prefers-reduced-motion:reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before { animation-delay: 0s; animation-duration: 1ms } } .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before { animation: components-resizable-box__left-right-animation .1s ease-out 0s; animation-fill-mode: forwards } @media (prefers-reduced-motion:reduce) { .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before { animation-delay: 0s; animation-duration: 1ms } } @media not all and (min-resolution:0.001dpcm) { @supports (-webkit-appearance:none) { .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before, .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before { animation: none } } } @keyframes components-resizable-box__top-bottom-animation { 0% { opacity: 0; transform: scaleX(0) } to { opacity: 1; transform: scaleX(1) } } @keyframes components-resizable-box__left-right-animation { 0% { opacity: 0; transform: scaleY(0) } to { opacity: 1; transform: scaleY(1) } } /*!rtl:begin:ignore*/ .components-resizable-box__handle-right { right: -11.5px } .components-resizable-box__handle-left { left: -11.5px } .components-resizable-box__handle-top { top: -11.5px } .components-resizable-box__handle-bottom { bottom: -11.5px } /*!rtl:end:ignore*/ .components-responsive-wrapper { align-items: center; display: flex; justify-content: center; max-width: 100%; position: relative } .components-responsive-wrapper__content { display: block; max-width: 100%; width: 100% } .components-sandbox { overflow: hidden } iframe.components-sandbox { width: 100% } body.lockscroll, html.lockscroll { overflow: hidden } .components-search-control { position: relative } .components-search-control input[type=search].components-search-control__input { background: #f0f0f0; border: none; border-radius: 2px; box-shadow: 0 0 0 transparent; display: block; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; height: 48px; line-height: normal; margin-left: 0; margin-right: 0; padding: 16px 48px 16px 16px; transition: box-shadow .1s linear; width: 100% } @media (prefers-reduced-motion:reduce) { .components-search-control input[type=search].components-search-control__input { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-search-control input[type=search].components-search-control__input { font-size: 13px; line-height: normal } } .components-search-control input[type=search].components-search-control__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-search-control input[type=search].components-search-control__input::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } @media (min-width:600px) { .components-search-control input[type=search].components-search-control__input { font-size: 13px } } .components-search-control input[type=search].components-search-control__input:focus { background: #fff; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-search-control input[type=search].components-search-control__input::placeholder { color: #757575 } .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration { -webkit-appearance: none } .components-search-control__icon { align-items: center; bottom: 0; display: flex; justify-content: center; position: absolute; right: 12px; top: 0; width: 24px } .components-search-control__icon>svg { margin: 8px 0 } .components-search-control__input-wrapper { position: relative } .components-select-control__input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: 0 } @media (max-width:782px) { .components-base-control .components-base-control__field .components-select-control__input { font-size: 16px } } .components-snackbar { background-color: #1e1e1e; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); box-sizing: border-box; color: #fff; cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; max-width: 600px; padding: 16px 24px; pointer-events: auto; width: 100% } @media (min-width:600px) { .components-snackbar { width: -moz-fit-content; width: fit-content } } .components-snackbar:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) } .components-snackbar.components-snackbar-explicit-dismiss { cursor: default } .components-snackbar .components-snackbar__content-with-icon { margin-left: 24px } .components-snackbar .components-snackbar__icon { left: 28px; position: absolute; top: 24px } .components-snackbar .components-snackbar__dismiss-button { cursor: pointer; margin-left: 32px } .components-snackbar__action.components-button { color: #fff; flex-shrink: 0; height: auto; line-height: 1.4; margin-left: 32px; padding: 0 } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { background-color: transparent; text-decoration: underline } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { box-shadow: none; color: #fff; outline: 1px dotted #fff } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { color: #fff; text-decoration: none } .components-snackbar__content { align-items: baseline; display: flex; justify-content: space-between; line-height: 1.4 } .components-snackbar-list { box-sizing: border-box; pointer-events: none; position: absolute; width: 100%; z-index: 100000 } .components-snackbar-list__notice-container { padding-top: 8px; position: relative } .components-tab-panel__tabs { align-items: stretch; display: flex; flex-direction: row } .components-tab-panel__tabs[aria-orientation=vertical] { flex-direction: column } .components-tab-panel__tabs-item { background: transparent; border: none; border-radius: 0; box-shadow: none; cursor: pointer; font-weight: 500; height: 48px; margin-left: 0; padding: 3px 16px; position: relative } .components-tab-panel__tabs-item:focus:not(:disabled) { box-shadow: none; outline: none; position: relative } .components-tab-panel__tabs-item:after { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); border-radius: 0; bottom: 0; content: ""; height: calc(var(--wp-admin-border-width-focus)*0); left: 0; pointer-events: none; position: absolute; right: 0; transition: all .1s linear } @media (prefers-reduced-motion:reduce) { .components-tab-panel__tabs-item:after { transition-delay: 0s; transition-duration: 0s } } .components-tab-panel__tabs-item.is-active:after { height: calc(var(--wp-admin-border-width-focus)*1); outline: 2px solid transparent; outline-offset: -1px } .components-tab-panel__tabs-item:before { border-radius: 2px; bottom: 12px; box-shadow: 0 0 0 0 transparent; content: ""; left: 12px; pointer-events: none; position: absolute; right: 12px; top: 12px; transition: all .1s linear } @media (prefers-reduced-motion:reduce) { .components-tab-panel__tabs-item:before { transition-delay: 0s; transition-duration: 0s } } .components-tab-panel__tabs-item:focus-visible:before { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent } .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { border: 1px solid #949494; border-radius: 2px; box-shadow: 0 0 0 transparent; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; line-height: normal; padding: 6px 8px; transition: box-shadow .1s linear; width: 100% } @media (prefers-reduced-motion:reduce) { .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { transition-delay: 0s; transition-duration: 0s } } @media (min-width:600px) { .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] { font-size: 13px; line-height: normal } } .components-text-control__input:focus, .components-text-control__input[type=color]:focus, .components-text-control__input[type=date]:focus, .components-text-control__input[type=datetime-local]:focus, .components-text-control__input[type=datetime]:focus, .components-text-control__input[type=email]:focus, .components-text-control__input[type=month]:focus, .components-text-control__input[type=number]:focus, .components-text-control__input[type=password]:focus, .components-text-control__input[type=tel]:focus, .components-text-control__input[type=text]:focus, .components-text-control__input[type=time]:focus, .components-text-control__input[type=url]:focus, .components-text-control__input[type=week]:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color); outline: 2px solid transparent } .components-text-control__input::-webkit-input-placeholder, .components-text-control__input[type=color]::-webkit-input-placeholder, .components-text-control__input[type=date]::-webkit-input-placeholder, .components-text-control__input[type=datetime-local]::-webkit-input-placeholder, .components-text-control__input[type=datetime]::-webkit-input-placeholder, .components-text-control__input[type=email]::-webkit-input-placeholder, .components-text-control__input[type=month]::-webkit-input-placeholder, .components-text-control__input[type=number]::-webkit-input-placeholder, .components-text-control__input[type=password]::-webkit-input-placeholder, .components-text-control__input[type=tel]::-webkit-input-placeholder, .components-text-control__input[type=text]::-webkit-input-placeholder, .components-text-control__input[type=time]::-webkit-input-placeholder, .components-text-control__input[type=url]::-webkit-input-placeholder, .components-text-control__input[type=week]::-webkit-input-placeholder { color: rgba(30, 30, 30, .62) } .components-text-control__input::-moz-placeholder, .components-text-control__input[type=color]::-moz-placeholder, .components-text-control__input[type=date]::-moz-placeholder, .components-text-control__input[type=datetime-local]::-moz-placeholder, .components-text-control__input[type=datetime]::-moz-placeholder, .components-text-control__input[type=email]::-moz-placeholder, .components-text-control__input[type=month]::-moz-placeholder, .components-text-control__input[type=number]::-moz-placeholder, .components-text-control__input[type=password]::-moz-placeholder, .components-text-control__input[type=tel]::-moz-placeholder, .components-text-control__input[type=text]::-moz-placeholder, .components-text-control__input[type=time]::-moz-placeholder, .components-text-control__input[type=url]::-moz-placeholder, .components-text-control__input[type=week]::-moz-placeholder { color: rgba(30, 30, 30, .62); opacity: 1 } .components-text-control__input:-ms-input-placeholder, .components-text-control__input[type=color]:-ms-input-placeholder, .components-text-control__input[type=date]:-ms-input-placeholder, .components-text-control__input[type=datetime-local]:-ms-input-placeholder, .components-text-control__input[type=datetime]:-ms-input-placeholder, .components-text-control__input[type=email]:-ms-input-placeholder, .components-text-control__input[type=month]:-ms-input-placeholder, .components-text-control__input[type=number]:-ms-input-placeholder, .components-text-control__input[type=password]:-ms-input-placeholder, .components-text-control__input[type=tel]:-ms-input-placeholder, .components-text-control__input[type=text]:-ms-input-placeholder, .components-text-control__input[type=time]:-ms-input-placeholder, .components-text-control__input[type=url]:-ms-input-placeholder, .components-text-control__input[type=week]:-ms-input-placeholder { color: rgba(30, 30, 30, .62) } .components-tip { color: #757575; display: flex } .components-tip svg { fill: #f0b849; align-self: center; flex-shrink: 0; margin-right: 16px } .components-tip p { margin: 0 } .components-accessible-toolbar { border: 1px solid #1e1e1e; border-radius: 2px; display: inline-flex; flex-shrink: 0 } .components-accessible-toolbar>.components-toolbar-group:last-child { border-right: none } .components-accessible-toolbar .components-button, .components-toolbar .components-button { height: 48px; padding-left: 16px; padding-right: 16px; position: relative; z-index: 1 } .components-accessible-toolbar .components-button:focus:not(:disabled), .components-toolbar .components-button:focus:not(:disabled) { box-shadow: none; outline: none } .components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before { animation: components-button__appear-animation .1s ease; animation-fill-mode: forwards; border-radius: 2px; content: ""; display: block; height: 32px; left: 8px; position: absolute; right: 8px; z-index: -1 } @media (prefers-reduced-motion:reduce) { .components-accessible-toolbar .components-button:before, .components-toolbar .components-button:before { animation-delay: 0s; animation-duration: 1ms } } .components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg { margin-left: auto; margin-right: auto; position: relative } .components-accessible-toolbar .components-button.is-pressed, .components-accessible-toolbar .components-button.is-pressed:hover, .components-toolbar .components-button.is-pressed, .components-toolbar .components-button.is-pressed:hover { background: transparent } .components-accessible-toolbar .components-button.is-pressed:before, .components-toolbar .components-button.is-pressed:before { background: #1e1e1e } .components-accessible-toolbar .components-button:focus:before, .components-toolbar .components-button:focus:before { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; outline: 2px solid transparent } .components-accessible-toolbar .components-button.has-icon.has-icon, .components-toolbar .components-button.has-icon.has-icon { min-width: 48px; padding-left: 12px; padding-right: 12px } .components-accessible-toolbar .components-button.components-tab-button, .components-toolbar .components-button.components-tab-button { font-weight: 500 } .components-accessible-toolbar .components-button.components-tab-button span, .components-toolbar .components-button.components-tab-button span { display: inline-block; padding-left: 0; padding-right: 0; position: relative } @keyframes components-button__appear-animation { 0% { transform: scaleY(0) } to { transform: scaleY(1) } } .components-toolbar__control.components-button { position: relative } .components-toolbar__control.components-button[data-subscript] svg { padding: 5px 10px 5px 0 } .components-toolbar__control.components-button[data-subscript]:after { bottom: 10px; content: attr(data-subscript); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 13px; font-weight: 600; line-height: 12px; position: absolute; right: 8px } .components-toolbar__control.components-button:active:before { display: none } .components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after { color: #fff } .components-toolbar-group { background-color: #fff; border-right: 1px solid #1e1e1e; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; line-height: 0; min-height: 48px; padding-left: 6px; padding-right: 6px } .components-toolbar-group .components-toolbar-group.components-toolbar-group { border-width: 0; margin: 0 } .components-toolbar-group .components-button.components-button, .components-toolbar-group .components-button.has-icon.has-icon { min-width: 36px; padding-left: 6px; padding-right: 6px } .components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg { min-width: 24px } .components-toolbar-group .components-button.components-button:before, .components-toolbar-group .components-button.has-icon.has-icon:before { left: 2px; right: 2px } .components-toolbar { background-color: #fff; border: 1px solid #1e1e1e; display: inline-flex; flex-shrink: 0; flex-wrap: wrap; margin: 0; min-height: 48px } .components-toolbar .components-toolbar.components-toolbar { border-width: 0; margin: 0 } div.components-toolbar>div { display: block; margin: 0 } @supports (position:sticky) { div.components-toolbar>div { display: flex } } div.components-toolbar>div+div.has-left-divider { margin-left: 6px; overflow: visible; position: relative } div.components-toolbar>div+div.has-left-divider:before { background-color: #ddd; box-sizing: content-box; content: ""; display: inline-block; height: 20px; left: -3px; position: absolute; top: 8px; width: 1px } .components-tooltip.components-popover { z-index: 1000002 } .components-tooltip.components-popover .components-popover__content { min-width: min-content } .components-tooltip .components-popover__content { background: #000; border-radius: 2px; border-width: 0; box-shadow: none; color: #f0f0f0; font-size: 12px; line-height: 1.4; outline: none; padding: 4px 8px; text-align: center; white-space: nowrap } .components-tooltip__shortcut { display: inline-block; margin-left: 8px } .disabled-element-wrapper { position: relative } .disabled-element-wrapper .event-catcher { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100002 } .wp-post-series-box, .entry-content .wp-post-series-box, #content .wp-post-series-box { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0; border-radius: 5px; border: 2px solid rgba(0, 0, 0, .2); box-shadow: 0 2px 3px rgba(0, 0, 0, .05) } .wp-post-series-box:first-child, .entry-content .wp-post-series-box:first-child, #content .wp-post-series-box:first-child { margin-top: 0 } .wp-post-series-box .wp-post-series-box__description, .wp-post-series-box .wp-post-series-box__scheduled_text, .entry-content .wp-post-series-box .wp-post-series-box__description, .entry-content .wp-post-series-box .wp-post-series-box__scheduled_text, #content .wp-post-series-box .wp-post-series-box__description, #content .wp-post-series-box .wp-post-series-box__scheduled_text { font-style: italic } .wp-post-series-box .wp-post-series-box__current, .entry-content .wp-post-series-box .wp-post-series-box__current, #content .wp-post-series-box .wp-post-series-box__current { font-weight: 700 } .wp-post-series-box .wp-post-series-box__name, .entry-content .wp-post-series-box .wp-post-series-box__name, #content .wp-post-series-box .wp-post-series-box__name { margin: 0; font-weight: 700 } .wp-post-series-box .wp-post-series-box__description, .entry-content .wp-post-series-box .wp-post-series-box__description, #content .wp-post-series-box .wp-post-series-box__description { margin: 0 } .wp-post-series-box .wp-post-series-box__description p, .entry-content .wp-post-series-box .wp-post-series-box__description p, #content .wp-post-series-box .wp-post-series-box__description p { margin: 0 } .wp-post-series-box .wp-post-series-box__description p+p, .entry-content .wp-post-series-box .wp-post-series-box__description p+p, #content .wp-post-series-box .wp-post-series-box__description p+p { margin: 1em 0 0 } .wp-post-series-box .wp-post-series-box__posts ol, .entry-content .wp-post-series-box .wp-post-series-box__posts ol, #content .wp-post-series-box .wp-post-series-box__posts ol { list-style: decimal inside; margin: 0; padding: 1em; border-top: 1px solid rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .03) } .wp-post-series-box .wp-post-series-box__posts ol li, .entry-content .wp-post-series-box .wp-post-series-box__posts ol li, #content .wp-post-series-box .wp-post-series-box__posts ol li { margin: 0; padding: 0 } .wp-post-series-box .wp-post-series-box__toggle_checkbox, .entry-content .wp-post-series-box .wp-post-series-box__toggle_checkbox, #content .wp-post-series-box .wp-post-series-box__toggle_checkbox { display: none } .wp-post-series-box .wp-post-series-box__label, .entry-content .wp-post-series-box .wp-post-series-box__label, #content .wp-post-series-box .wp-post-series-box__label { display: block; position: relative; padding: 1em; margin: 0; cursor: default } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label { cursor: pointer } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:focus, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:focus, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:focus { outline: auto } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:before, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:before, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__label:before { content: " "; position: absolute; top: 50%; right: 1em; margin-top: -3px; display: block; transform: translateY(-2px); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; transition: transform .2s ease-out } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__posts, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__posts, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__posts { max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label+.wp-post-series-box__posts, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label+.wp-post-series-box__posts, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label+.wp-post-series-box__posts { max-height: 100vh } .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label:before, .entry-content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label:before, #content .wp-post-series-box.wp-post-series-box--expandable .wp-post-series-box__toggle_checkbox:checked+.wp-post-series-box__label:before { transform: rotate(90deg) translateX(-3px) } pre.prettyprint, code.prettyprint { font-family: monospace; font-size: 9pt; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; background-color: #272822 !important; border: 1px solid #272822 !important; overflow: hidden !important !important } pre.prettyprint { width: 95%; margin: 1em auto; padding: 1em } pre.prettyprint a, code.prettyprint a { text-decoration: none } .prettyprint.linenums, pre.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741; -moz-box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741; box-shadow: inset 40px 0 0 #39382e, inset 41px 0 0 #464741 } .prettyprint.linenums ol, pre.prettyprint.linenums ol { margin: 0 0 0 33px } .prettyprint.linenums ol li, pre.prettyprint.linenums ol li { padding-left: 12px; color: #bebec5; line-height: 20px; margin-left: 0; list-style: decimal } .prettyprint .com { color: #93a1a1 } .prettyprint .lit { color: #ae81ff } .prettyprint .pun, .prettyprint .opn, .prettyprint .clo { color: #f8f8f2 } .prettyprint .fun { color: #dc322f } .prettyprint .str, .prettyprint .atv { color: #e6db74 } .prettyprint .kwd, .prettyprint .tag { color: #f92659 } .prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var { color: #a6e22e } .prettyprint .pln { color: #66d9ef } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html, button, input, select, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif } body { color: #333; font-size: 13px; font-size: 1.3rem; line-height: 23px; line-height: 2.3rem; margin: 0 } a { color: #333; text-decoration: none; -webkit-transition: none; transition: none } a:focus { outline: thin dotted } a:active, a:hover { color: #b00; outline: 0 } a:hover { -webkit-transition: all .3s; transition: all .3s } h1, h2, h3, h4, h5, h6 { clear: both; color: #000; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-weight: 700; line-height: 1.5; margin: 23px 0; margin: 2.3rem 0 } h1 { font-size: 24px; font-size: 2.4rem } h2 { font-size: 20px; font-size: 2rem } h3 { font-size: 17px; font-size: 1.7rem } h4 { font-size: 15px; font-size: 1.5rem } h5 { font-size: 13px; font-size: 1.3rem } h6 { color: rgba(0, 0, 0, .45); font-size: 13px; font-size: 1.3rem; letter-spacing: 1px; text-transform: uppercase } address { font-style: italic; margin: 0 0 23px; margin: 0 0 2.3rem } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } p { margin: 0 0 23px; margin: 0 0 2.3rem } code, kbd, pre, samp { font-family: monospace, serif; font-size: 13px; font-size: 1.3rem; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } pre { background-color: rgba(0, 0, 0, .04); color: #666; font-family: monospace; font-size: 13px; font-size: 1.3rem; margin: 23px 0; margin: 2.3rem 0; overflow: auto; padding: 20px; padding: 2rem; white-space: pre; white-space: pre-wrap; word-wrap: break-word } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } blockquote { font-size: 13px; font-size: 1.3rem; font-style: italic; font-weight: 400; margin: 23px; margin: 2.3rem } blockquote blockquote { margin-right: 0 } blockquote cite, blockquote small { font-size: 11px; font-size: 1.1rem; font-weight: 400; text-transform: uppercase } small { font-size: smaller } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } dl { margin: 0 20px; margin: 0 2rem } dt { font-weight: 700 } dd { margin: 0 0 20px; margin: 0 0 2rem } menu, ol, ul { margin: 16px 0; margin: 1.6rem 0; padding: 0 0 0 40px; padding: 0 0 0 4rem } ul { list-style-type: square } nav ul, nav ol { list-style: none; list-style-image: none } li>ul, li>ol { margin: 0 } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid rgba(0, 0, 0, .1); padding: 20px; padding: 2rem; margin-bottom: 23px; margin-bottom: 2.3rem } legend { border: 0; padding: 0 5px; white-space: normal } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline } button, input { line-height: normal } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { padding: 0; position: relative; top: 1px } input[type=search] { -webkit-appearance: textfield; padding-right: 2px; width: 270px } input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-spacing: 0; margin: 0 0 23px; margin: 0 0 2.3rem; width: 100% } caption, th, td { border-bottom: 1px solid rgba(0, 0, 0, .1); font-weight: 400; text-align: left } caption { border: 0; margin: 23px 0; margin: 2.3rem 0 } th { font-weight: 700; text-transform: uppercase } td { padding: 6px 10px 6px 0; padding: .6rem 1rem .6rem 0 } hr { border: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); height: 1px; margin: 0 0 23px; margin: 0 0 2.3rem } .clear:after, .nav-menu:after, .site-main:after, .site-footer .sidebar-container:after, .entry-content:after, .navigation:after, .nav-links:after, .gallery:after, .attachment .entry-header:after, .comment-body:after, .sidebar-inner:after { clear: both } .clear:before, .clear:after, .nav-menu:before, .nav-menu:after, .site-main:before, .site-main:after, .site-footer .sidebar-container:before, .site-footer .sidebar-container:after, .entry-content:before, .entry-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .attachment .entry-header:before, .attachment .entry-header:after, .comment-body:before, .comment-body:after, .sidebar-inner:before, .sidebar-inner:after { content: ""; display: table } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important } button, input, select, textarea { background: 0 0; border: 1px solid rgba(0, 0, 0, .1); font-family: inherit; padding: 8px 10px; padding: .8rem 1rem; -webkit-transition: border .2s; transition: border .2s } input, select, textarea { color: #333 } input:focus, select:focus, textarea:focus { border-color: rgba(0, 0, 0, .3); outline: 0 } button, input[type=submit], input[type=button], input[type=reset] { background: 0 0; display: inline-block; font-weight: 700; letter-spacing: 1px; padding: 8px 20px; padding: .8rem 2rem; text-decoration: none; text-transform: uppercase } button:hover, button:focus, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus { border-color: rgba(0, 0, 0, .3); outline: none } button:active, input[type=submit]:active, input[type=button]:active, input[type=reset]:active { border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .5); -webkit-transition: none; transition: none } .post-password-required input[type=submit] { vertical-align: bottom } ::-webkit-input-placeholder { color: #333 } :-moz-placeholder { color: #333 } ::-moz-placeholder { color: #333 } :-ms-input-placeholder { color: #333 } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100% } .entry-content img, .entry-summary img, .comment-content img[height], img[class*=align], img[class*=wp-image-], img[class*=attachment-] { height: auto } img.header-image, img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100% } embed, iframe, object, video { max-width: 100% } .entry-content .twitter-tweet-rendered { max-width: 100% !important } .alignleft { float: left } .alignright { float: right } .aligncenter { display: block; margin-left: auto; margin-right: auto } img.alignleft { margin: 5px 20px 5px 0; margin: .5rem 2rem .5rem 0 } .wp-caption.alignleft { margin: 5px 10px 5px 0; margin: .5rem 1rem .5rem 0 } img.alignright { margin: 5px 0 5px 20px; margin: .5rem 0 .5rem 2rem } .wp-caption.alignright { margin: 5px 0 5px 10px; margin: .5rem 0 .5rem 1rem } img.aligncenter { margin: 5px auto; margin: .5rem auto } img.alignnone { margin: 5px 0; margin: .5rem 0 } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { font-style: italic; font-weight: 400 } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0 } .wp-caption.alignleft+ul, .wp-caption.alignleft+ol { list-style-position: inside } .site-main { margin: 0 auto; margin: 0 auto; max-width: 960px; overflow: hidden; padding: 46px 0; padding: 4.6rem 0; width: 100% } .site-main .content-area { float: left; margin: 0 10px; margin: 0 1rem; width: 620px } .single-attachment .content-area, .full-width .content-area { width: 940px } .site-main .sidebar-container { float: right; margin: 0 10px; margin: 0 1rem; width: 220px } .site-header { background-color: #000 } .site-header .home-link { display: block; margin: 0 auto; max-width: 960px; min-height: 180px; text-align: center; text-decoration: none; width: 100% } .site-title { color: #fff; font-family: Lato, sans-serif; font-size: 80px; font-size: 8rem; font-weight: 300; letter-spacing: 5px; line-height: 1; margin: 0; padding: 5px 0; padding: .5rem 0; text-transform: uppercase } .site-title a, .site-title a:hover { color: #fff; text-decoration: none } .site-description { color: #666; font: normal 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; letter-spacing: 2px; margin: 0; padding: 0 } .logo-container { margin: 0 auto; max-width: 960px; padding: 50px 0; padding: 5rem 0; text-align: center; width: 100% } .custom-logo { height: auto; margin: auto; max-width: 400px } .main-navigation { clear: both; margin: 0 auto; max-width: 960px; min-height: 36px; position: relative } ul.nav-menu, div.nav-menu>ul { margin: 0; padding: 0 40px 0 0; padding: 0 4rem 0 0 } .nav-menu li { float: left; position: relative } .nav-menu li a { color: #ccc; display: block; font-family: Lato, sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 400; letter-spacing: 2px; line-height: 12px; line-height: 1.2rem; padding: 12px 20px; padding: 1.2rem 2rem; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s; transition: all .3s } .nav-menu li:hover>a, .nav-menu li a:hover { background-color: #303030; color: #fff; -webkit-transition: none; transition: none } .nav-menu .sub-menu, .nav-menu .children { background-color: #404040; border-top: 0; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); display: none; opacity: 0; padding: 0; position: absolute; left: 0; z-index: 99999 } .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0 } ul.nav-menu ul a, .nav-menu ul ul a { margin: 0; text-transform: none; width: 200px } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { background-color: #303030 } ul.nav-menu li:hover>ul, .nav-menu ul li:hover>ul { display: block; opacity: 1 } .nav-menu .current_page_item>a, .nav-menu .current_page_ancestor>a, .nav-menu .current-menu-item>a, .nav-menu .current-menu-ancestor>a { background-color: #303030; color: #fff } .menu-toggle { display: none } .navbar { background-color: #404040; margin: 0 auto; width: 100% } .site-header .search-form { position: absolute; right: 0; top: 0 } .site-header .search-field { background-color: transparent; background-image: url(//www.cipherbliss.com/wp-content/themes/suits/images/search-icon.png); background-position: 10px center; background-repeat: no-repeat; background-size: 24px 24px; border: 0; cursor: pointer; height: 36px; margin: 0; padding: 0 0 0 42px; padding: 0 0 0 4.2rem; position: relative; -webkit-transition: width .2s ease, background .2s ease; transition: width .2s ease, background .2s ease; width: 0 } .site-header .search-field:hover { background-color: #303030; -webkit-transition: none; transition: none } .site-header .search-field:focus { background-color: #f5f5f5; border: 0; cursor: text; outline: 0; padding-right: 2px; -webkit-transition: width .2s ease, background .2s ease; transition: width .2s ease, background .2s ease; width: 200px } .site-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word } .hentry { border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 46px; margin-bottom: 4.6rem; padding-bottom: 46px; padding-bottom: 4.6rem } .entry-header, .entry-content, .entry-summary, .entry-meta { width: 100% } .entry-thumbnail img { display: block; margin: 0 auto 23px; margin: 0 auto 2.3rem } .entry-header { margin-bottom: 23px; margin-bottom: 2.3rem } .entry-title { font-family: Lato, sans-serif; font-size: 30px; font-size: 3rem; font-weight: 400; margin: 0; text-transform: uppercase } .entry-title a { color: #000 } .entry-title a:hover { color: #b00; text-decoration: none } .entry-meta { clear: both; color: rgba(0, 0, 0, .45) } .entry-meta a { border-bottom: 1px solid rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .45) } .entry-meta a:hover { color: #b00 } .entry-meta .edit-link:before { content: "\203A\00a0" } .single-author .entry-meta .by-author, .sticky .entry-meta .on-date { display: none } .entry-content a, .comment-content a, .page-content a { border-bottom: 1px solid rgba(0, 0, 0, .1); color: #b00 } .entry-content a:hover, .comment-content a:hover, .page-content a:hover { color: #333 } .entry-content th a, .entry-content td a, .comment-content th a, .comment-content td a { border-bottom: none } .page-links { clear: both; font-weight: 700; margin: 23px 0; margin: 2.3rem 0 } .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #303030 } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #b00 } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959 } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0 } .gallery { margin-bottom: 23px; margin-bottom: 2.3rem; margin-left: -4px } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 23px; margin: 0 auto 2.3rem } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px) } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px) } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px) } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px) } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px) } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px) } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0 } .gallery-caption { background-color: rgba(0, 0, 0, .3); box-sizing: border-box; color: #fff; line-height: 14px; line-height: 1.4rem; margin: 0; max-height: 50%; opacity: 0; padding: 8px; padding: .8rem; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 100% } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100% } .gallery-item:hover .gallery-caption { opacity: 1 } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } .attachment .entry-title { float: left } .image-navigation { float: right; margin-top: 10px; margin-top: 1rem } .image-navigation a { border: 1px solid rgba(0, 0, 0, .1); display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: normal; padding: 8px 20px; padding: .8rem 2rem; text-transform: uppercase } .image-navigation .nav-next { margin-left: 10px; margin-left: 1rem } .attachment .entry-attachment { text-align: center; margin-bottom: 23px; margin-bottom: 2.3rem } .attachment .entry-attachment .attachment { margin-bottom: 23px; margin-bottom: 2.3rem } .attachment .entry-caption { color: rgba(0, 0, 0, .45); text-align: left } .navigation .nav-previous { float: left } .navigation .nav-next { float: right } .paging-navigation a { border: 1px solid rgba(0, 0, 0, .1); display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: normal; padding: 8px 20px; padding: .8rem 2rem; text-transform: uppercase } .post-navigation { margin-bottom: 46px; margin-bottom: 4.6rem } .post-navigation .nav-links { font-size: 11px; font-size: 1.1rem; text-transform: uppercase } .post-navigation a[rel=next] { float: right; text-align: right } .archive-header { border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 46px; margin-bottom: 4.6rem; padding-bottom: 23px; padding-bottom: 2.3rem } .archive-title { font-size: 15px; font-size: 1.5rem; font-weight: 400; line-height: normal; margin: 0; text-transform: uppercase } .archive-meta { color: rgba(0, 0, 0, .45); font-style: normal; font-weight: 400; margin-top: 10px; margin-top: 1rem } .archive-meta p:last-of-type { margin-bottom: 0 } .page-header { border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 46px; margin-bottom: 4.6rem; padding-bottom: 23px; padding-bottom: 2.3rem } .page-title { font-size: 15px; font-size: 1.5rem; font-weight: 400; line-height: normal; margin: 0; text-transform: uppercase } .error404 { margin-bottom: 46px; margin-bottom: 4.6rem } .comments-title { font-size: 20px; font-size: 2rem; font-weight: 400; text-transform: uppercase } .comment-list { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 46px; margin: 0 0 4.6rem } .comment-list, .comment-list .children { list-style-type: none; padding: 0 } .comment-list .children { margin-left: 20px; margin-left: 2rem } .comment-list>li:after, .comment-list .children>li:before { border-bottom: 1px solid rgba(0, 0, 0, .1); content: ""; display: block; height: 1px; width: 100% } .comment-list>li:last-child:after { display: none } .comment-body { padding: 23px 0; padding: 2.3rem 0; position: relative } .comment-author .avatar { display: block; float: left; margin-right: 23px; margin-right: 2.3rem } .comment-author .fn { word-wrap: break-word } .comment-author .fn, .comment-author .url { color: #000; font-style: normal; font-weight: 400 } .comment-author a { border-bottom: 1px solid rgba(0, 0, 0, .1) } .comment-reply-link, .comment-reply-login { border: 1px solid rgba(0, 0, 0, .1); display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 1; padding: 8px 20px; padding: .8rem 2rem; text-transform: uppercase } .says { display: none } .no-avatars .comment-metadata, .no-avatars .comment-awaiting-moderation, .no-avatars .comment-content, .no-avatars .comment-list .reply { margin-left: 0 } .comment-list .edit-link:before { content: "\203A\00a0" } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { margin-left: 63px; margin-left: 6.3rem } .comment-meta, .comment-meta a { color: rgba(0, 0, 0, .45) } .comment-meta a:hover { color: #b00 } .comment-metadata { font-size: 11px; font-size: 1.1rem; line-height: 1; margin-bottom: 23px; margin-bottom: 2.3rem } .ping-meta { color: rgba(0, 0, 0, .45); font-size: 12px; line-height: 2 } .comment-awaiting-moderation { font-style: italic } .comment .comment-respond { background-color: rgba(0, 0, 0, .04); margin-bottom: 23px; margin-bottom: 2.3rem; padding: 23px; padding: 2.3rem } .comment-reply-title { font-weight: 400; margin-top: 0; text-transform: uppercase } .comment-reply-title small a { border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 11px; font-size: 1.1rem; text-transform: none } .comment-form .comment-notes { color: rgba(0, 0, 0, .45); margin-bottom: 23px; margin-bottom: 2.3rem } .comment-form [for=author], .comment-form [for=email], .comment-form [for=url], .comment-form [for=comment] { display: block; padding: 0 } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { max-width: 270px; width: 60% } .comment-form input[type=checkbox] { margin-right: 5px; margin-right: .5rem } .comment-form textarea { width: 100% } .form-allowed-tags { display: none } .comment-form p:last-of-type { margin-bottom: 0 } .comment-list .pingback a, .comment-list .trackback a { border-bottom: 1px solid rgba(0, 0, 0, .1) } .comment-navigation { margin-bottom: 46px; margin-bottom: 4.6rem } .comment-navigation a { font-size: 11px; font-size: 1.1rem; text-transform: uppercase } .no-comments { color: rgba(0, 0, 0, .2); font-size: 15px; font-size: 1.5rem; text-align: center; text-transform: uppercase } .site-main .widget-area { width: 100% } .widget { border-bottom: 1px solid rgba(0, 0, 0, .1); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 23px; margin: 0 0 2.3rem; padding: 0 0 23px; padding: 0 0 2.3rem; word-wrap: break-word } .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .widget .widget-title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 20px; font-size: 2rem; font-weight: 400; margin: 0 0 10px; margin: 0 0 1rem; text-transform: uppercase } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0 } .widget li { padding: 5px 0 } .widget .children, .widget .sub-menu { margin-top: 5px; margin-top: .5rem } .widget .children li:last-child, .widget .sub-menu li:last-child { padding-bottom: 0 } .widget li>ul, .widget li>ol { margin-left: 20px; margin-left: 2rem } .widget a { border-bottom: 1px solid rgba(0, 0, 0, .1) } .search-form .search-submit { display: none } .widget_rss .rss-date, .widget_rss .rssSummary, .widget_rss li>cite { font-size: 11px; font-size: 1.1rem } .widget_rss .rss-date { display: block } .widget_rss .rss-date, .widget_rss li>cite { color: rgba(0, 0, 0, .45) } .widget_calendar table { margin-bottom: 0 } .widget_calendar table, .widget_calendar td { border: 0; border-collapse: separate; border-spacing: 0 } .widget_calendar caption { font-size: 11px; font-size: 1.1rem; margin: 0; text-transform: uppercase } .widget_calendar th { border: 1px solid #000; border-width: 1px 0 } .widget_calendar th, .widget_calendar td { padding: 0; text-align: center } .widget_calendar a { border-bottom: 1px solid rgba(0, 0, 0, .1); font-weight: 700 } .widget_calendar tbody td { color: rgba(0, 0, 0, .45) } .widget_calendar tbody .pad { background-color: transparent } .widget_calendar tfoot td { border-top: 1px solid #000; text-align: left } .widget_calendar tfoot td:last-child { text-align: right } .widget_calendar tfoot a { border: 0; font-size: 11px; font-size: 1.1rem; font-weight: 400; text-transform: uppercase } .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none } .infinity-end.neverending .site-footer { display: block } #infinite-handle span { background: 0 0; border: 1px solid rgba(0, 0, 0, .1); border-radius: 0; color: #333; display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: normal; padding: 8px 20px; padding: .8rem 2rem; text-transform: uppercase } .site-footer .widget-area { text-align: left } .site-footer .sidebar-container { background-color: rgba(0, 0, 0, .06); padding: 46px 0; padding: 4.6rem 0 } .site-footer .sidebar-inner { margin: 0 auto; max-width: 960px; width: 100% } .site-footer .widget-area { float: left; margin: 0 10px; margin: 0 1rem; padding: 0 10px; padding: 0 1rem } .one-footer-sidebar .site-footer .widget-area { width: 940px } .two-footer-sidebars .site-footer .widget-area { width: 460px } .three-footer-sidebars .site-footer .widget-area { width: 300px } .site-info-container { background-color: #000; text-align: center } .site-info { color: #666; font-size: 11px; font-size: 1.1rem; letter-spacing: 2px; margin: 0 auto; max-width: 960px; padding: 23px 0; padding: 2.3rem 0; text-transform: uppercase; width: 100% } .site-info .sep { padding: 0 5px } .site-info a { color: #666 } .site-info a:hover { color: #fff; text-decoration: none } @media only screen and (min-width:768px) and (max-width:959px) { .site-header .home-link, .main-navigation, .site-main, .site-footer .sidebar-inner, .site-info { width: 768px } .site-main .content-area { padding-right: 20px; padding-right: 2rem; width: 556px } .site-main .sidebar-container { width: 172px } .single-attachment .content-area, .full-width .content-area, .one-footer-sidebar .site-footer .widget-area { width: 748px } .two-footer-sidebars .site-footer .widget-area { width: 364px } .three-footer-sidebars .site-footer .widget-area { width: 236px } } @media only screen and (max-width:767px) { .site-header .home-link, .main-navigation, .site-main, .site-footer .sidebar-inner, .site-info, .site-main .content-area, .site-main .sidebar-container, .single-attachment .content-area, .full-width .content-area, .one-footer-sidebar .site-footer .widget-area, .two-footer-sidebars .site-footer .widget-area, .three-footer-sidebars .site-footer .widget-area { margin-left: auto; margin-right: auto; width: 300px } .site-main .content-area { border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 46px; margin-bottom: 4.6rem; padding-bottom: 46px; padding-bottom: 4.6rem } .site-title { font-size: 40px; font-size: 4rem } .custom-logo { max-width: 80% } .widget:last-child { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 23px; margin: 0 0 2.3rem; padding: 0 0 23px; padding: 0 0 2.3rem } .menu-toggle { background-color: #303030; color: #888; cursor: pointer; display: inline-block; font-family: Lato, sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 400; letter-spacing: 2px; line-height: 1; margin: 0; padding: 12px 20px; padding: 1.2rem 2rem; text-transform: uppercase } .toggled-on .nav-menu, .toggled-on .nav-menu>ul { display: block; margin-left: 0; padding: 0; width: 100% } .toggled-on li, .toggled-on .children { display: block; float: none } .toggled-on .nav-menu li>ul { background-color: rgba(255, 255, 255, .05); box-shadow: none; display: block; float: none; margin-left: 20px; opacity: 1; position: relative; left: auto; top: auto } .toggled-on .nav-menu li>ul a { text-transform: uppercase; width: auto } .toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a { background-color: transparent; color: #ccc } .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover { background-color: #303030; color: #fff } ul.nav-menu, div.nav-menu>ul { display: none } .gallery { margin-left: 0 } .gallery-caption { display: none } .gallery-columns-2 .gallery-item { max-width: 49%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px) } .gallery-columns-3 .gallery-item { max-width: 33%; max-width: -webkit-calc(33% - 4px); max-width: calc(33% - 4px) } } @media only screen and (min-width:480px) and (max-width:767px) { .site-header .home-link, .main-navigation, .site-main, .site-footer .sidebar-inner, .site-info, .site-main .content-area, .site-main .sidebar-container, .single-attachment .content-area, .full-width .content-area, .one-footer-sidebar .site-footer .widget-area, .two-footer-sidebars .site-footer .widget-area, .three-footer-sidebars .site-footer .widget-area { width: 420px } } .site-title, .site-description { color: #a1bded } .site-title a, .site-title a:hover { color: #a1bded } .bottom-of-post { margin-top: 2em; padding-top: 1em; border-top: solid 1px #ccc; font-size: .8em } blockquote { padding: 2em; box-sizing: border-box; margin: 2rem 0; font-size: 1.5em; line-height: normal; box-shadow: 0 3px 10px #ddd } .bottom-of-post ul { padding: 0; margin: 0; padding-left: 3em } iframe.mastodon-embed { width: 100%; margin: 1em auto } .entry-content a { color: #007bff; text-decoration: underline } .entry-title { font-size: 4rem } .entry-content { font-size: 1.5rem; line-height: 2.45rem } ul.inline { list-style-type: none; clear: both; float: left; display: block; width: 100% } ul.inline li { float: left; padding: .5em; cursor: pointer } ul.inline li:hover { font-style: underline; color: blue } .support-message p { margin: 0 } .entry-header .entry-thumbnail img { margin: 2.3rem 0; width: 100% } @media screen and (max-width:767px) { blockquote { padding: 1.5em 1em; margin: 2rem 0; font-size: 1em; line-height: 2.25rem; box-shadow: 0 3px 10px #ddd } } @media screen and (min-width:767px) { #main { max-width: 1200px } .site-main .content-area { width: 690px } #secondary iframe { width: 500px; height: 45em } .site-main .sidebar-container { width: 400px } } @media screen and (max-width:767px) and (min-width:480px) { #masthead { padding: 1rem } .site-main { width: 90% } .site-main .sidebar-container { width: 100% } .site-main .content-area { width: 90% } }