.wp-customizer {font-size: 14px;}
.wp-customizer .wp-full-overlay-main {transition: background .3s ease-in-out;}
.wp-full-overlay-main {background: #ffffff;}
.wp-customizer:not(.ready) .wp-full-overlay-main, .wp-customizer.et-preload .wp-full-overlay-main {background-color: #f1f1f1;}
.preview-tablet .wp-full-overlay-main, .preview-mobile .wp-full-overlay-main {height: 100%;}
.wp-customizer:not(.ready) #customize-controls {box-shadow: 1px 1px 0px rgba(0,0,0, .2); border-right: none;}
.wp-customizer.ready #customize-controls {box-shadow: 1px 1px 3px rgba(0,0,0, .2) inset;}
#customize-controls {background: #ffffff;}
.customize-controls a, .customize-controls .button-link {color: #222;}
.customize-controls a:hover, .customize-controls .button-link:hover {color: #1b90f3;}
/* h3 title */
#customize-controls h3 {font-size: 14px;}
/*alerts*/
.wp-customizer .notice {background: #FFF3E0; }
.wp-customizer .notice-error, .wp-customizer div.error {background: #FBE9E7; }
.notice-error,div.error .wp-customizer div.updated {background: #E8F5E9; }
.wp-customizer .notice-info {border-color: #222; }
.wp-customizer {box-shadow: 1px 1px 3px rgba(0,0,0, .2); background: #fff; border: none; }
.wp-customizer ::-webkit-scrollbar {width: 5px; height: 5px; }
.wp-customizer ::-webkit-scrollbar-thumb {background: rgba(0,0,0, .4); }
/* device layout */
.wp-full-overlay {background: #f1f1f1;}
.outer-section-open #customize-controls .wp-full-overlay-sidebar-content, #customize-sidebar-outer-content {background: #ffffff;}
#customize-header-actions {position: static; border: none; background-image: linear-gradient(82deg, #3C39FF, #1E2C72); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
div#customize-header-actions:after {content: "Fancify"; top: -10px; right: 44%; position: absolute; color: #fff; font-family: "quick-sans"; font-size: 20px; }
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{top: 45px !important;}
#customize-controls #customize-info > .accordion-section-title, #customize-controls #customize-info > .customize-panel-description {display: none;}
#customize-controls .customize-info .customize-help-toggle, .customize-screen-options-toggle {padding: 0;}
#customize-controls .customize-info .customize-help-toggle:before, .customize-screen-options-toggle:before {position: static; padding: 0;}
#customize-controls .customize-info .customize-help-toggle, .customize-screen-options-toggle {right: 14px; z-index: 11;}
#customize-controls .panel-meta.customize-info .accordion-section-title {margin-bottom: 0; padding-top: 1px; padding-bottom: 3px; border-bottom: 1px solid #e1e1e1;}
.panel-meta.customize-info .accordion-section-title {padding-left: 0 !important;}
#customize-controls #customize-theme-controls .customize-info .customize-panel-description, .customize-section-description {font-size: 14px !important; border: 1px solid #e1e1e1; border-top-width: 2px; border-top-color: #1565c0; }
.description.customize-section-description {padding: 12px 15px; margin-top: 15px;}
#customize-controls #customize-theme-controls .customize-info .customize-panel-description {display: block; margin: 15px 15px 0;}
#customize-controls .customize-info .customize-panel-description iframe {max-width: calc(100% - 20px); max-height: 140px; display: block;}
#customize-controls #customize-notifications-area {border-bottom: none; top: auto !important; bottom: 46px; position: fixed; width: 18%; min-width: 300px; z-index: 999; }
#customize-controls .customize-control-notifications-container:empty {margin: 0; }
#customize-header-actions .spinner {display: none; }
/* close button */
.customize-controls-close {position: static; float: right; height: 45px; overflow: hidden; margin-right: -13px; }
.customize-controls-close:before {font-size: 20px; display: inline-block; top: 0; color: #fff; z-index: 1; transition: all .2s linear; }
.customize-controls-close:hover:before {transform: rotate(90deg); }
.customize-controls-close, .customize-controls-close:hover, .customize-controls-close:focus {border: none; background: transparent !important; transition: none !important; }
.customize-controls-close:after {content: ''; position: absolute; top: 12px; right: 17px; width: 21px; height: 21px; border-radius: 3px; transition: all .2s; }
/* publish button */
#customize-save-button-wrapper {position: absolute; right: 17px; bottom: 7px; z-index: 2; }
#customize-save-button-wrapper .save {font-size: 12px !important; text-shadow: none !important; text-transform: uppercase; float: right; transition: all .3s linear; }
#customize-save-button-wrapper .save:not(.has-next-sibling) {background: #556068 !important; border-color: #556068 !important; color: #e1e1e1 !important; }
#customize-save-button-wrapper .save.has-next-sibling {color: #fff !important; border-color: #2B7FFC !important; background: -webkit-gradient(linear, left top, left bottom, from(#2B7FFC), to(#6A11CB)) !important; background: linear-gradient(to bottom, #2B7FFC 0%, #6A11CB 100%) !important; -webkit-box-shadow: 0 7px 20px rgba(55,106,243,0.5) !important; box-shadow: 0 7px 20px rgba(55,106,243,0.5) !important; }
#customize-save-button-wrapper .save:not(.has-next-sibling) ~ .publish-settings {display: block !important; cursor: not-allowed; pointer-events: none; opacity: .7; }
#customize-save-button-wrapper .save.has-next-sibling {border-radius: 3px !important; }
#customize-save-button-wrapper .save[disabled] {color: #ffffff !important; }
#customize-save-button-wrapper #publish-settings {color: #888; background: transparent; font-size: 1.14em; border: none; text-shadow: none; padding: 0 !important; }
#customize-save-button-wrapper #publish-settings.hidden {display: none !important; }
#customize-save-button-wrapper #publish-settings:hover, #customize-save-button-wrapper #publish-settings:active {color: #222; background-color: transparent; box-shadow: none; }
/* back button */
.customize-panel-back, .customize-section-back {border: none; color: #222; height: 53px; cursor: pointer; border-bottom: 1px solid #e1e1e1; }
.customize-section-back {height: 52px; border: none; }
.customize-panel-back:hover, .customize-section-back:hover, .customize-panel-back:focus, .customize-section-back:focus, #customize-controls .customize-pane-child .customize-section-title h3 {color: #222; background: transparent; }
.customize-panel-back:before, .customize-section-back:before {display: inline-block; transition: all .2s ease-in-out; line-height: 51px; }
.customize-panel-back:hover:before, .customize-section-back:hover:before {left: 7px; }
#customize-controls .customize-info {background: #fff; }
#customize-controls .customize-info .preview-notice {font-size: 12px; }
#customize-controls .customize-section-title span.customize-action {display: none; }
#customize-controls .customize-pane-child .customize-section-title h3 {padding: 13px 0; }
#customize-controls .customize-info .preview-notice {font-size: 0; }
#customize-controls .customize-info .preview-notice .panel-title {margin-top: -8px; padding-bottom: 9px; }
.customize-section-title {border-color: #e1e1e1; }
#customize-controls .customize-info, #customize-controls .customize-info .accordion-section-title, #customize-theme-controls .accordion-section-title, #et_customizer-search-results .accordion-section-title, .wp-customizer #screen-options-wrap, #customize-theme-controls .control-section.open {border: none; font-weight: 400; }
#customize-controls .control-section-themes .accordion-section-title span.customize-action, #customize-controls .customize-section-title span.customize-action, .control-panel-themes .accordion-section-title span.customize-action {color: #888; }
#customize-controls .customize-info .panel-title {position: relative; }
#customize-controls .customize-info .panel-title, #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 {overflow: visible; white-space: normal; }
#customize-controls .customize-info .panel-title, #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 {font-size: 18px; color: #222; }
#customize-controls .customize-info .panel-title .dashicons, #customize-controls .customize-pane-child .customize-section-title h3 .dashicons, #customize-controls .customize-pane-child h3.customize-section-title .dashicons, #customize-outer-theme-controls .customize-pane-child .customize-section-title h3 .dashicons, #customize-outer-theme-controls .customize-pane-child h3.customize-section-title .dashicons, #customize-controls .customize-info .panel-title:before {width: 16px; height: 16px; font-size: 16px; position: relative; top: 5px; padding-right: 3px; margin-right: 7px; }
#customize-controls .customize-info .preview-notice .panel-title:before, #customize-controls .customize-pane-child .customize-section-title h3 .dashicons {display: none; }
#customize-controls .customize-pane-child .customize-section-title h3 .dashicons {padding-top: 0 !important; }
#customize-controls .customize-info .panel-title .dashicons:after, #customize-controls .customize-pane-child .customize-section-title h3 .dashicons:after, #customize-controls .customize-pane-child h3.customize-section-title .dashicons:after, #customize-outer-theme-controls .customize-pane-child .customize-section-title h3 .dashicons:after, #customize-outer-theme-controls .customize-pane-child h3.customize-section-title .dashicons:after, #customize-controls .customize-info .panel-title.dashicons-before:after {content: ''; display: inline-block; position: absolute; left: -3px; top: -2px; width: 23px; height: 23px; z-index: 0; border-radius: 3px; }
#customize-controls .customize-info .panel-title.dashicons-before:after {top: 1px; }
#customize-controls .customize-info .panel-title:hover .dashicons:after, #customize-controls .customize-pane-child .customize-section-title h3:hover .dashicons:after, #customize-controls .customize-pane-child h3.customize-section-title:hover .dashicons:after, #customize-outer-theme-controls .customize-pane-child .customize-section-title h3:hover .dashicons:after, #customize-outer-theme-controls .customize-pane-child h3.customize-section-title:hover .dashicons:after, #customize-controls .customize-info .panel-title.dashicons-before:hover:after {animation: toRightFromLeft 0.3s reverse; }
.wp-customizer #screen-options-wrap {width: 100%; }
/* menu items */
#customize-theme-controls .customize-pane-parent {margin-top: -16px;}
#accordion-section-themes .accordion-section-title {border-radius: 0 !important;}
.control-panel-themes .customize-themes-section-title {font-weight: 400; border-left: none; }
#customize-outer-theme-controls .accordion-section-title, #customize-theme-controls .accordion-section-title, #et_customizer-search-results .accordion-section-title {color: #222; background: transparent; text-transform: capitalize; }
#customize-theme-controls .accordion-section-title:before, #et_customizer-search-results .accordion-section-title:before {color: #888; width: 18px; height: 18px; font-size: 18px; position: relative; top: 1px; transition: .15s color ease-in-out 0s; }
#customize-theme-controls .accordion-section-title:hover:before, #customize-theme-controls .accordion-section-title:focus:before, #et_customizer-search-results .accordion-section-title:hover:before, #et_customizer-search-results .accordion-section-title:focus:before {color: currentColor; }
.control-section .accordion-section-title {padding-top: 7px; padding-bottom: 8px; padding-left: 16px; padding-right: 17px; margin-bottom: 5px; }
.control-section .accordion-section-title, .customize-pane-child .accordion-section-title {background: transparent; }
#customize-outer-theme-controls li.control-section, #customize-theme-controls li.control-section {border: none !important; }
#customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover>.accordion-section-title, #customize-outer-theme-controls .control-section .accordion-section-title:focus:after, #customize-outer-theme-controls .control-section .accordion-section-title:hover:after, #customize-outer-theme-controls .control-section.open .accordion-section-title:after, #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after, #customize-theme-controls .control-section .accordion-section-title:focus:after, #customize-theme-controls .control-section .accordion-section-title:hover:after, #customize-theme-controls .control-section.open .accordion-section-title:after, #customize-theme-controls .control-section:hover>.accordion-section-title:after {color: #222; }
#customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover>.accordion-section-title {background-color: rgba(0, 0, 0, 0.05); }
#customize-controls .customize-pane-child.open .accordion-section-title {background: transparent; color: #222; padding-left: 0; padding-right: 0; }
#customize-controls .customize-pane-child.open .accordion-section-title:before {color: currentColor; }
/* menu item arrow */
#customize-outer-theme-controls .accordion-section-title:after, #customize-theme-controls .accordion-section-title:after {font-size: 14px; top: calc(50% - 7px); right: 18px; }
/* footer */
#customize-footer-actions .collapse-sidebar .collapse-sidebar-arrow, #customize-footer-actions .collapse-sidebar .collapse-sidebar-label {margin: 0; }
#customize-footer-actions .collapse-sidebar.button {position: absolute; bottom: auto !important; color: #222 !important; top: 0; left: 2px; transform: none !important; font-size: 0 !important; padding: 0; width: 45px; height: 45px !important; text-align: center; z-index: 1; }
#customize-footer-actions .collapse-sidebar-label {display: none;}
#customize-footer-actions .collapse-sidebar.button:hover {color: #222 !important; }
#customize-footer-actions .collapse-sidebar.button:hover .collapse-sidebar-arrow {box-shadow: none; }
.collapsed #customize-footer-actions .collapse-sidebar.button {background: -webkit-gradient(linear, left top, left bottom, from(#2B7FFC), to(#6A11CB)) !important; background: linear-gradient(to bottom, #2B7FFC 0%, #6A11CB 100%) !important; -webkit-box-shadow: 0 7px 20px rgba(55,106,243,0.5) !important; box-shadow: 0 7px 20px rgba(55,106,243,0.5) !important; left: 100%; }
.collapsed button.collapse-sidebar.button:after {display: none; }
.collapsed button.collapse-sidebar.button .collapse-sidebar-arrow:before {color: #ffffff;}
button.collapse-sidebar.button .collapse-sidebar-arrow {box-shadow: none !important; background-image: none !important; border-radius: 0; }
button.collapse-sidebar.button .collapse-sidebar-arrow:before {color: #ffffff; background: transparent; }
.wp-full-overlay-footer .devices {box-shadow: none; padding: 0 17px; }
.wp-full-overlay-footer .devices button {position: relative; border: none; }
.wp-full-overlay-footer .devices button:before {color: #888; font-size: 18px; padding-left: 3px; padding-right: 3px; }
.wp-full-overlay-footer .devices button:hover, .wp-full-overlay-footer .devices button:focus, .wp-full-overlay-footer .devices button:hover:focus {background-color: transparent; }
.wp-full-overlay-footer .devices button:hover:before, .wp-full-overlay-footer .devices button.active:before {color: #222; }
.devices button:after {content: ''; position: absolute; left: 50%; top: 4px; background: transparent; width: 6px; height: 6px; border-radius: 50%; margin-left: -3px; }
.devices button.active:after {background: #222; }
#customize-footer-actions .devices-wrapper {float: left; width: 18%; min-width: 300px; max-width: 600px; position: fixed; bottom: 0; z-index: 1;}
.expanded .wp-full-overlay-footer {position: static; background: transparent; border: none; height: auto; }