.customize-control-title .dashicons-editor-help { position: relative; top: 0.1em; } #customize-header-actions .spinner { margin-right: 4px; } /* slider control */ .customize-control-slider input[type=range] { -webkit-appearance: none; transition: background .3s; background-color: rgba(0,0,0,.1); height: 5px; width: calc(100% - 74px); padding: 0; } .customize-control-slider input[type=range]:focus { box-shadow: none; outline: none; } .customize-control-slider input[type=range]:hover { background-color: rgba(0,0,0,.25); } .customize-control-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #3498D9; } .customize-control-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 15px; height: 15px; border: none; border-radius: 50%; background-color: #3498D9; } .customize-control-slider input[type=range]::-moz-range-thumb { width: 15px; height: 15px; border: none; border-radius: 50%; background-color: #3498D9; } .customize-control-slider input[type=range]::-ms-thumb { width: 15px; height: 15px; border-radius: 50%; border: 0; background-color: #3498D9; } .customize-control-slider input[type=range]::-moz-range-track { border: inherit; background: transparent; } .customize-control-slider input[type=range]::-ms-track { border: inherit; color: transparent; background: transparent; } .customize-control-slider input[type=range]::-ms-fill-lower, .customize-control-slider input[type=range]::-ms-fill-upper { background: transparent; } .customize-control-slider input[type=range]::-ms-tooltip { display: none; } .customize-control-slider .ast-range-value { display: inline-block; padding: 0 5px; position: relative; top: 1px; } .customize-control-slider input#ast-range-value-input { width: 42px; height: 23px; font-size: 13px; } .customize-control-slider .ast-slider-reset { color: rgba(0,0,0,.2); float: left; transition: color .5s ease-in; } .customize-control-slider .ast-slider-reset span { font-size: 16px; line-height: 22px; cursor: pointer; } .customize-control-slider .ast-slider-reset span:hover { color: red; } /** * Typography Control Style */ .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"] { width: 50%; display: inline-block; box-sizing: border-box; clear: none; } .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], .customize-pane-child > li[id*="-font-weight"] { padding-left: 5px; } .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], .customize-pane-child > li[id*="-text-transform"] { padding-right: 5px; } .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"], .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"], .customize-pane-child > li[id*="-font-weight"] { padding-right: 0; } .rtl .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"], .rtl .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"], .rtl .customize-pane-child > li[id*="-text-transform"] { padding-left: 0; } /* WP Beta 5.3 compatibility CSS - Start */ .customize-control select.ast-responsive-select { height: 30px; } .customize-control input[type="number"] { min-height: 30px; } .customize-control input[type="text"].select2-search__field { line-height: 1; border-radius: 0; } .customize-control input[type="number"].ast-spacing-input, .customize-control input.ast-border-input { min-height: 28px; border-radius: 0; } /* WP Beta 5.3 compatibility CSS - Start */ .customize-pane-child > li[id$="-content-layout"] > label, .customize-pane-child > li[id$="-sidebar-layout"] > label { -js-display: flex; display: flex; } .customize-pane-child > li[id$="-content-layout"] > label .customize-control-title, .customize-pane-child > li[id$="-sidebar-layout"] > label .customize-control-title, .customize-pane-child > li[id$="-content-layout"] > label select, .customize-pane-child > li[id$="-sidebar-layout"] > label select { flex: 1; } .customize-pane-child > li[id$="-content-layout"] > label select, .customize-pane-child > li[id$="-sidebar-layout"] > label select { margin-right: 10px; } .customize-pane-child > li[id*="-font-weight"], .customize-pane-child > li[id*="-text-transform"] { width: 50%; display: inline-block; box-sizing: border-box; clear: none; } /** * Upgred To Astra Pro */ .control-section-astra-pro h3 { margin: 0; padding: 1px 0; border: 0; position: relative; } .control-section-astra-pro h3 a { background: #FFF; display: block; padding: 11px 14px 12px 10px; text-decoration: none; } .control-section-astra-pro h3 a:after { content: "\f345"; position: absolute; top: 11px; left: 10px; z-index: 1; float: left; border: none; background: none; font: normal 20px/1 dashicons; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rtl .control-section-astra-pro h3 a:after { content: "\f341"; } .ast-hide{ display: none !important; } /* Primary Sub Menu Item Border */ #customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{ width: 100%; } .actions .button.upload-button { text-transform: capitalize; } .wp-picker-container .iris-square-handle { z-index: 8; } /* Site Identity */ #customize-control-custom_logo .attachment-media-view .button-add-media, #customize-control-site_icon .attachment-media-view .placeholder, #customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media { text-transform: capitalize; } /* Color picker clear button size */ .customize-control-ast-color .wp-picker-container .wp-picker-clear, .customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear, .customize-control-ast-background .wp-picker-container .wp-picker-clear, .customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { margin-right: 4px; min-height: 30px; } .customize-control-ast-background .wp-picker-container { display: block; }