File: /disk001/machen/www/support/wp-content/themes/wp-moose/dist/css/customizer-controls.css
/**
Wordpress Colors
*/
/**
Customizer Controls Style
*/
#accordion-section-wp_moose_typography_section .accordion-section-title {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNpi+PTp038kAOQyAikGGPj8+TOQZEHj8/LyQlXB+UASJITMBwkBzUPmAwFAgAEAKZ0pdnGxpD4AAAAASUVORK5CYII=) repeat !important;
}
#accordion-section-wp_moose_typography_section .accordion-section-title::after {
content: "\f160";
}
#customize-controls h3 {
font-weight: 400;
}
#fs_customizer_support,
#accordion-panel-nav_menus {
margin-top: 12px;
}
#fs_customizer_support .accordion-section-title,
#accordion-panel-nav_menus .accordion-section-title {
border-top: 1px solid #dcdcde;
}
/**
==========================================================================
Image Radio Buttons
==========================================================================
*/
.wp-moose-image-radio-button-control {
display: table;
font-size: 0;
line-height: 0;
}
.wp-moose-image-radio-button-control .radio-button-label {
display: table-cell;
padding: 5px;
}
.wp-moose-image-radio-button-control .radio-button-label > input {
display: none;
}
.wp-moose-image-radio-button-control .radio-button-label > img {
display: block;
cursor: pointer;
border: 3px solid #ddd;
}
.wp-moose-image-radio-button-control .radio-button-label > input:checked + img {
border: 3px solid #2271b1;
}
/**
==========================================================================
Slider
==========================================================================
*/
.customize-control-wp-moose-slider .wp-moose-slider {
position: relative;
width: calc(100% - 60px);
height: 6px;
background-color: #FFFFFF;
cursor: pointer;
transition: background 0.5s;
}
.customize-control-wp-moose-slider .has-unit .wp-moose-slider {
width: calc(100% - 90px);
}
.customize-control-wp-moose-slider .wp_moose_range_value.hide-value {
display: none;
}
.customize-control-wp-moose-slider .wp_moose_range_value.hide-value + .wp-moose-slider {
width: 100%;
}
.customize-control-wp-moose-slider .wp-moose-slider .ui-slider-handle {
height: 16px;
width: 16px;
background-color: #2271b1;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-4px);
border-radius: 50%;
cursor: pointer;
}
.wp-moose-range-title-area {
display: flex;
}
.wp-moose-range-slider-controls {
margin-left: auto;
}
.customize-control-wp-moose-slider .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.customize-control-wp-moose-slider .wp_moose_range_value {
font-size: 14px;
padding: 0;
font-weight: 400;
width: 50px;
display: flex;
}
.customize-control-wp-moose-slider .has-unit .wp_moose_range_value {
width: 80px;
}
.customize-control-wp-moose-slider .wp_moose_range_value span.value {
font-size: 12px;
width: calc(100% - 2px);
text-align: center;
min-height: 30px;
background: #FFF;
line-height: 30px;
border: 1px solid #DDD;
}
.customize-control-wp-moose-slider .has-unit .wp_moose_range_value span.value {
width: calc(100% - 32px);
display: block;
}
.customize-control-wp-moose-slider .wp_moose_range_value .unit {
width: 29px;
text-align: center;
font-size: 12px;
line-height: 30px;
background: #fff;
border: 1px solid #8c8f94;
margin-left: 1px;
}
.customize-control-wp-moose-slider .generatepress-range-slider-reset span {
font-size: 16px;
line-height: 22px;
}
.customize-control-wp-moose-slider .wp_moose_range_value input {
font-size: 12px;
padding: 0px;
text-align: center;
min-height: 30px;
height: auto;
border-radius: 0;
border-color: #8c8f94;
}
.customize-control-wp-moose-slider .has-unit .wp_moose_range_value input {
width: calc(100% - 30px);
}
.customize-control-wp-moose-slider .wp-moose-range-title-area .dashicons {
cursor: pointer;
font-size: 11px;
width: 20px;
height: 20px;
line-height: 20px;
color: #222;
text-align: center;
position: relative;
top: 2px;
}
.customize-control-wp-moose-slider .wp-moose-range-title-area .dashicons:hover {
background: #fafafa;
}
.customize-control-wp-moose-slider .wp-moose-range-title-area .dashicons.selected {
background: #fff;
color: #222;
}
.customize-control-wp-moose-slider .wp-moose-device-controls > span:first-child:last-child {
display: none;
}
.customize-control-wp-moose-slider .sub-description {
margin-top: 10px;
}
/**
==========================================================================
Tabs
==========================================================================
*/
.customize-control-wp-moose-tabs {
display: list-item !important;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control {
border-bottom: 1px solid #8c8f94;
width: calc(100% + 28px);
margin: -15px 0 0 -12px;
table-layout: fixed;
display: table;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab {
border-right: 1px solid #dddddd;
display: table-cell;
text-align: center;
width: 100%;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab:last-child {
border-right: none;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab label {
text-transform: capitalize;
background: #fff;
box-shadow: inset 0 0 0 0 #2271b1;
transition: all 0.3s ease;
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
font-weight: 600;
color: #333;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab label i {
color: #333;
margin-right: 4px;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab label:hover {
color: #2271b1;
background: #f6f7f7;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab label:hover i {
color: #555d66;
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control .wp-moose-customizer-tab.active label {
box-shadow: inset 0 -2px 0 0 #2271b1;
color: #2271b1;
background-image: linear-gradient(0deg, #e1e4e6, #fff);
}
.customize-control-wp-moose-tabs .wp-moose-tabs-control input[type=radio] {
display: none !important;
}
.wp-moose-hide {
display: none !important;
}
.select2-container {
width: 100% !important;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 999999;
}
span.select2-container.select2-container--default.select2-container--open li.select2-results__option {
margin: 0;
}
.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;
padding: 0 1px;
}
/**
==========================================================================
Gradient
==========================================================================
*/
.customize-control-wp-moose-gradient .wp-moose-gradient-editor {
background: #FFFFFF;
padding: 15px 10px;
box-shadow: 0 0 2px #8c8f94;
}
.customize-control-wp-moose-gradient .wp-moose-gradient-editor .wp-moose-gradient-setting {
margin-bottom: 15px;
}
.customize-control-wp-moose-gradient .wp-moose-gradient-editor .wp-moose-gradient-setting > label {
display: block;
margin-bottom: 4px;
}
.customize-control-wp-moose-gradient .wp-moose-gradient-editor .wp-moose-gradient-setting > label p {
font-weight: bold;
margin: 0 0 4px;
}
.customize-control-wp-moose-gradient .wp-moose-gradient-editor .wp-picker-holder {
margin-left: -8px;
}
.customize-control-wp-moose-gradient .wp-moose-gradient-preview {
position: relative;
height: 48px;
margin-bottom: 24px;
}
/**
* Alpha Color Picker CSS
*/
.customize-control-wp-moose-alpha-color .wp-picker-container .iris-picker {
border-bottom: none;
}
.customize-control-wp-moose-alpha-color .wp-picker-container {
max-width: 257px;
}
.customize-control-wp-moose-alpha-color .wp-picker-open + .wp-picker-input-wrap {
width: 100%;
}
.customize-control-wp-moose-alpha-color .wp-picker-input-wrap input[type=text].wp-color-picker.alpha-color-control {
float: left;
width: 195px;
}
.customize-control-wp-moose-alpha-color .wp-picker-input-wrap .button {
margin-left: 0;
float: right;
}
.wp-picker-container .wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container {
display: block;
}
.alpha-color-picker-container {
border: 1px solid #dfdfdf;
border-top: none;
display: none;
background: #FFF;
padding: 0 11px 10px;
position: relative;
}
.alpha-color-picker-container .ui-widget-content,
.alpha-color-picker-container .ui-widget-header,
.alpha-color-picker-wrap .ui-state-focus {
background: transparent;
border: none;
}
.alpha-color-picker-wrap a.iris-square-value:focus {
box-shadow: none;
}
.alpha-color-picker-container .ui-slider {
position: relative;
z-index: 1;
height: 24px;
text-align: center;
margin: 0 auto;
width: 88%;
width: calc(100% - 28px);
}
.alpha-color-picker-container .ui-slider-handle,
.alpha-color-picker-container .ui-widget-content .ui-state-default {
color: #777;
background-color: #FFF;
text-shadow: 0 1px 0 #FFF;
text-decoration: none;
position: absolute;
z-index: 2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
border: 1px solid #aaa;
border-radius: 4px;
margin-top: -2px;
top: 0;
height: 26px;
width: 26px;
cursor: ew-resize;
font-size: 0;
padding: 0;
line-height: 27px;
margin-left: -14px;
}
.alpha-color-picker-container .ui-slider-handle.show-opacity {
font-size: 12px;
}
.alpha-color-picker-container .click-zone {
width: 14px;
height: 24px;
display: block;
position: absolute;
left: 10px;
}
.alpha-color-picker-container .max-click-zone {
right: 10px;
left: auto;
}
.alpha-color-picker-container .transparency {
height: 24px;
width: 100%;
background-color: #FFF;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAAAYCAYAAAAf+dpfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY5NzJDNTEwNzA3MTFFNEExREREODYzQUFCRDhDREMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY5NzJDNTIwNzA3MTFFNEExREREODYzQUFCRDhDREMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjk3MkM0RjA3MDcxMUU0QTFEREQ4NjNBQUJEOENEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjk3MkM1MDA3MDcxMUU0QTFEREQ4NjNBQUJEOENEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PndQ2kgAAAbKSURBVHjarFyLUexIDFS7LhfSIJuXEmRDGiTjPt7VwnnNSN2SvVUUsLbno9Gn1aMx3t7eGBF/f+Lx+/j3r98vLy883Pd9bY//P/vh/v3z8zMW93//vZ/+56L9cz/H787t/7p+GtN+an8/tX1+nl/tH+/dF+N4+u7R/l6M5+n+r/b3ZPz76rmv9s9t79X8zfEf5aPGs5/ks6/kkI1rIf9sTMf2M5n/Gk+iP3uiU8f1tX5O7Ve6fW6/ujcO7cf52vb4ApF/UHTy/R0W93PRLk7PVX2ePzTvW12H2Vd2H4vrSJzb+Xkac8dCplnfKL5n0jeScWAxxmq+2Tho6lE1LxprguTeWAQWxn2f41xhrLOSmdTh19dXbgulQbFwWAwQpqFhoTDKKFxjVIuuFIcNobqOhcmiIpk7DSWmMQYaBsMbZBcJ4opkfZnIm4neQfSZzZMNo2BDrtV9HAQO+7M1O1xNiqYnoeFxYXrXjiAx9JbRUNBK2ZRhZIoEsR4som6IthDzCMPCEZ3XoYN+uDDmEA6AhhFXbcF0Tiz0jMncXWcmnfFmCrETWbAwSscbZRMP8zn1DAvjh1ggmsbNgaJ3kAEXkQZDB4OGA8zmB8P5XHUEk3mhGO8EjZ31OtNT3uT8nv7fzBxwshBI8liYUZGDhXFyRzW/bt9d2WSOw83F3P5ULpdxDlleTCMXQ3O9OnwDzDkqp+3yE1W+qbgOp1+Fav67/+PjA5sB2zJv7ij/FEpOcqEzvMFwQVzIOEEYFfmAqFn2K1GKhUNzU4kOenLGQ5EzsuEMOwTllUiPApJn/WYcjoVkjsSRm78oGAFh0HeybhXscxcZSWRDQXYgehFjAqNh/M8EscCUr8qdHT6iA6FhOhEXhkLI2HXWE2fn6BwSh0vDEf60e4ykLvOpYA0bofwOwcFEAlM4iKZSsckeVhENwiAzj83IGeRsTEjyOYdkgeGcJulLV+5xozFeRXpuEIskJWQVSRUL5k6gMk5Hcacw9So0dPZ33VyaQ4fTjbQwmMNObu7kn47MVUSGiOhTp86LPEF3nbsRNks/Ul3YDMigJtGl2tU+mGovg63TvUxlaNU+HCPfcoCpZE4hiUvtwyArKgWBYYAwUARNHViNnw2dUGvYTUvY1J8rQSyMNU2JIzQHh+GE74AYNJ2IgiEdYWPA8rlEGIvcKowUwiWbYMgPppKh2T4M0sfpwyWNusZ6ldmHYSNqXD/j+At3/3nUCrp7YPGolY0i93x65lCLeB7cvhrdqX0pvK/2Hcbt55ox/qdnD7WaavMcj/Gz0T5P8lGKgEct60rR96T9VSFJFp2P8nHyaDxqfSsnuB/7WqxvVTn0XSueIZxKP63UYyH/Sod4qBW3qrqS9c10Foda3299XUZSZ5EmeH6a51XwSUHTKfEEERVcxhpGHuJUXykiR5FFmdOoSj4RNYvs5o0O29zdtlMIZsLEuwisI+PMobS22DbTILqQUW3exg3G5C5YNAXaLbTAQCEY/WJ0pzKq4ygR9TaGm5NW5ZiOQUviROjdlYMcnYDgOBwMZV+mT1vSQITebHYT4xARQU0KRj7qtMmmsbo5zaTMcepYHPaTpoOtTspEc70rA1f7mTTapCC2OoUOE+N0A9QE1ZUE358/f7gZiz4txuZFCOJs1VQM5WoP0knqV4o13VaZeNiOUlRQHYUHp2EgWa2qYwwYKGWVblSB48rxx0n6paqrspNiNGzh1/ze39/TnFQVEV9RTN7QRhSe1mEU3bFkJZAuPFYlbjSRh3veN9vaWBF3CF2kr1hWNCAojdSlUuiuE1fRthtk3O2lq5+nfqtIehWCOZUh3ShRGZFzTM1FBM4haYfU6NT4UsBFDmAcjFSme55yCscr54fwa8Mx1JkpSenowfTAA9113YQiTGCEs3E/OaHgRLku/HZPY6CAOs552m5hQNdYuvASFw2tuxeu3h6hrmUQ0zVIXtQpDudSOfeKo/i5lsFdDDxR5+A3DDIIgoHs5ItTQmRKLig2zy19c48PKjrfOWQ/UWYWhJVTtdUlZKpctdI1lXp1DBzRe/ODE0XLdPMId6tXeky8T7Ut43hDpYCriSI0ne8sQjTyqY7i0BhHZoQQnn16AFx5+G5UV0X7V+Coyrc7xngX6dctoe067WUkdZReecLulgQuCM+Bq07Ehzkf5308FIwljO9XyumOFw1ZQBjctMSzm8e7RftRIK2704Ru5J1uacmtKefNDKoouwuHuweEpzlqBy5NCZTq/KZzoFtFH+ccq6scCpJWkat684WKjAp9KIio0iOHQ2HcuyetonkVKR0U8LTW/wowAHlscs+3mD4sAAAAAElFTkSuQmCC);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
border-radius: 3px;
padding: 0;
margin-top: -24px;
}
@media only screen and (max-width: 782px) {
.customize-control-wp-moose-alpha-color .wp-picker-input-wrap input[type=text].wp-color-picker.alpha-color-control {
width: 184px;
}
}
@media only screen and (max-width: 640px) {
.customize-control-wp-moose-alpha-color .wp-picker-input-wrap input[type=text].wp-color-picker.alpha-color-control {
width: 172px;
height: 33px;
}
}
.customize-control-wp-moose-sortable ul.ui-sortable {
cursor: default;
}
.customize-control-wp-moose-sortable ul.ui-sortable li:not([data-disabled=true]) .visibility {
cursor: pointer;
}
.customize-control-wp-moose-sortable ul.ui-sortable li[data-disabled=true] .visibility {
cursor: not-allowed;
}
.customize-control-wp-moose-sortable ul.ui-sortable li {
padding: 5px 10px;
border: 1px solid #dddddd;
background: #fff;
cursor: move;
border-radius: 2px;
}
.customize-control-wp-moose-sortable ul.ui-sortable li .wp-moose-sortable-item-description {
font-size: 0.75rem;
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid #dddddd;
}
.customize-control-wp-moose-sortable ul.ui-sortable li .dashicons.dashicons-menu {
float: right;
}
.customize-control-wp-moose-sortable ul.ui-sortable li .dashicons.visibility {
margin-right: 10px;
}
.customize-control-wp-moose-sortable ul.ui-sortable li.invisible {
color: #aaa;
border: 1px dashed #dddddd;
}
.customize-control-wp-moose-sortable ul.ui-sortable li.invisible .dashicons.visibility {
color: #aaa;
}
.wp-moose-switch-wrapper label {
display: block;
padding: 6px 0;
line-height: 18px;
}
.wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control {
--focus-shadow: 0 0 0;
float: right;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 36px;
height: 18px;
border-radius: 9999px;
box-shadow: -18px 0 0 2px #fff inset, 0 0 0 2px #fff inset, var(--focus-shadow);
background-color: #8c8f94;
border-color: #8c8f94;
transition: background, box-shadow 0.2s ease-in-out;
margin: 0;
}
.wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control:focus, .wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control:focus-visible {
--focus-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #2271b1;
}
.wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control:checked, .wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control[checked=true] {
background-color: #ffffff;
box-shadow: 18px 0 0 2px #2271b1 inset, 0 0 0 2px #2271b1 inset, var(--focus-shadow);
border-color: #2271b1;
}
.wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control:checked::before, .wp-moose-switch-wrapper input[type=checkbox].wp-moose-switch-control[checked=true]::before {
content: "";
display: none;
}
.wp-moose-info {
margin: 0 -12px;
padding: 12px;
background: #ffffff;
text-align: center;
border: 1px solid #dddddd;
}
.wp-moose-info .wp-moose-info-item {
margin-bottom: 12px;
}
.wp-moose-info .wp-moose-info-item:last-child {
margin-bottom: 0;
}
.wp-moose-info .wp-moose-info-list {
list-style: outside;
text-align: left;
display: inline-block;
padding-left: 24px;
}
.wp-moose-divider {
width: 100%;
height: 1px;
background-color: #dddddd;
margin: 12px 0;
}
.wp-moose-heading {
margin: 0 -12px;
padding: 12px;
background: #ffffff;
border: 1px solid #dddddd;
border-left: none;
border-right: none;
font-size: 11px;
font-weight: normal;
}
.wp-moose-heading .wp-moose-heading-title {
color: #2271b1;
line-height: 20px;
}
.wp-moose-heading .wp-moose-heading-toggle {
display: inline-block;
cursor: pointer;
background-color: #ffffff;
float: right;
padding: 0;
border-radius: 9999px;
font-size: 16px;
border: 1px solid #dddddd;
}
.wp-moose-heading .wp-moose-heading-toggle:focus {
cursor: pointer;
box-shadow: 0 0 1px 1px #2271b1;
}
.wp-moose-heading-hidden-item {
display: none !important;
}