-webkit-text-size-adjust: 100%;
.customize-controls-close,
.widget-control-actions a {
#customize-controls img {
#customize-controls .submit {
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
background-color: rgba(0, 0, 0, 0.7);
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
padding: 25px 25px 25px 109px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
top: calc( 50% - 100px );
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
.customize-changeset-locked-avatar {
.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
#customize-controls .description {
#customize-save-button-wrapper {
body:not(.ready) #customize-save-button-wrapper .save {
#customize-save-button-wrapper .save {
box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
#customize-save-button-wrapper .save:focus, #publish-settings:focus {
box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
#customize-save-button-wrapper .save.has-next-sibling {
border-radius: 3px 0 0 3px;
#customize-sidebar-outer-content {
border-right: 1px solid #dcdcde;
border-left: 1px solid #dcdcde;
#customize-theme-controls .control-section-outer {
display: none !important;
#customize-outer-theme-controls .accordion-section-content {
#customize-outer-theme-controls .accordion-section-content.open {
.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
.customize-outer-pane-parent {
.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
#customize-outer-theme-controls li.notice {
border-radius: 0 3px 3px 0;
box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
body:not(.ready) #publish-settings,
body.trashing #customize-save-button-wrapper .save,
body.trashing #publish-settings {
#customize-header-actions .spinner {
.saving #customize-header-actions .spinner,
.trashing #customize-header-actions .spinner {
#customize-header-actions {
border-bottom: 1px solid #dcdcde;
#customize-controls .wp-full-overlay-sidebar-content {
.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
#customize-controls .customize-info {
border-bottom: 1px solid #dcdcde;
#customize-control-changeset_status .customize-inside-control-row,
#customize-control-changeset_preview_link input {
border-bottom: 1px solid #dcdcde;
#customize-control-trash_changeset {
#customize-control-trash_changeset .button-link {
#customize-control-trash_changeset .button-link:before {
font: normal 22px dashicons;
#customize-controls .date-input:invalid {
#customize-control-changeset_status .customize-inside-control-row {
#customize-control-changeset_status .customize-inside-control-row:first-of-type {
border-top: 1px solid #dcdcde;
#customize-control-changeset_status .customize-control-title {
#customize-control-changeset_status input {
#customize-control-changeset_preview_link {
.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
.customize-copy-preview-link:before,
.customize-copy-preview-link:after {
.customize-copy-preview-link:before {
.customize-copy-preview-link:after {
#customize-control-changeset_preview_link input {
line-height: 2.85714286; /* 40px */
border-top: 1px solid #dcdcde;
/* Only necessary for IE11 */
#customize-control-changeset_preview_link label {
#customize-control-changeset_preview_link a {
#customize-control-changeset_preview_link a.disabled,
#customize-control-changeset_preview_link a.disabled:active,
#customize-control-changeset_preview_link a.disabled:focus,
#customize-control-changeset_preview_link a.disabled:visited {
#sub-accordion-section-publish_settings .customize-section-description-container {
#customize-controls .customize-info.section-meta {
.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
.customize-control.customize-control-date_time .date-time-fields .date-input.day {
.date-time-fields .date-input.month {
.date-time-fields .date-input.day,
.date-time-fields .date-input.hour,
.date-time-fields .date-input.minute {
.date-time-fields .date-input.year {
.date-time-fields .date-input.meridian {
.date-time-fields .time-row {
#customize-control-changeset_preview_link {
#customize-control-changeset_status {
#customize-control-changeset_scheduled_date {
border-bottom: 1px solid #dcdcde;
#customize-control-changeset_scheduled_date .customize-control-description {
#customize-controls .customize-info.is-in-view,
#customize-controls .customize-section-title.is-in-view {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
#customize-controls .customize-section-title.is-in-view {
#customize-controls .customize-info.is-in-view + .accordion-section {
#customize-controls .customize-info.is-sticky,
#customize-controls .customize-section-title.is-sticky {
#customize-controls .customize-info .accordion-section-title {
#customize-controls .customize-info.open .accordion-section-title:after,
#customize-controls .customize-info .accordion-section-title:hover:after,
#customize-controls .customize-info .accordion-section-title:focus:after {
#customize-controls .customize-info .accordion-section-title:after {
#customize-controls .customize-info .preview-notice {
#customize-controls .customize-pane-child .customize-section-title h3,
#customize-controls .customize-pane-child h3.customize-section-title,
#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
#customize-controls .customize-info .panel-title {
#customize-controls .customize-section-title span.customize-action {
#customize-controls .customize-info .customize-help-toggle {
padding: 20px 20px 10px 10px;
-webkit-appearance: none;
#customize-controls .customize-info .customize-help-toggle:before {
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
#customize-controls .customize-info .customize-panel-description,
#customize-controls .customize-info .customize-section-description,
#customize-outer-theme-controls .customize-info .customize-section-description,
#customize-controls .no-widget-areas-rendered-notice {
border-top: 1px solid #dcdcde;
#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
.no-widget-areas-rendered-notice {
.no-widget-areas-rendered-notice p:first-child {