.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; -webkit-transition: background .3s; transition: background .3s; background-color: rgba(0,0,0,.1); height: 5px; width: -webkit-calc(100% - 74px); width: calc(100% - 74px); padding: 0; } .customize-control-slider input[type=range]:focus { -webkit-box-shadow: none; 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; -webkit-border-radius: 50%; 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; -webkit-transition: color .5s ease-in; 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; } .control-section.ast-hide { display: none !important; } /** * 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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"] { 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"] { padding-right: 5px; } .customize-pane-child > li[id$="-content-layout"] > label, .customize-pane-child > li[id$="-sidebar-layout"] > label { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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 { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .customize-pane-child > li[id$="-content-layout"] > label select, .customize-pane-child > li[id$="-sidebar-layout"] > label select { margin-right: 10px; } /** * 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%; }