path: root/assets/css/unminified/customizer-controls-rtl.css

.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;
 }