@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .dashicons { display: inline-block; line-height: 1; font-family: dashicons; text-decoration: inherit; font-weight: 400; font-style: normal; vertical-align: top; text-align: center; -webkit-transition: color 0.1s ease-in 0; transition: color 0.1s ease-in 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.wp-customizer .select2-drop-active, body.admin-color-quadmenu .select2-drop-active { border-color: #d9d9d9!important; } body.wp-customizer .wp-picker-container .select2-container .select2-choice, body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice, body.wp-customizer .redux-container .select2-container .select2-choice, body.admin-color-quadmenu .redux-container .select2-container .select2-choice { background: none; } body.wp-customizer .wp-picker-container .select2-container .select2-choice .select2-arrow, body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice .select2-arrow, body.wp-customizer .redux-container .select2-container .select2-choice .select2-arrow, body.admin-color-quadmenu .redux-container .select2-container .select2-choice .select2-arrow { width: 26px; background: #eee; border-left: 1px solid #d9d9d9; border-radius: 0 3px 3px 0; } body.wp-customizer .wp-picker-container .select2-container .select2-choice, body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice, body.wp-customizer .redux-container .select2-container .select2-choice, body.admin-color-quadmenu .redux-container .select2-container .select2-choice { border: 1px solid #d9d9d9; border-radius: 3px; } body.wp-customizer .wp-picker-container .select2-container .select2-choice abbr, body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice abbr, body.wp-customizer .redux-container .select2-container .select2-choice abbr, body.admin-color-quadmenu .redux-container .select2-container .select2-choice abbr { right: 32px; top: 7px; } body.wp-customizer .wp-picker-container .select2-container .select2-choice .select2-arrow b, body.admin-color-quadmenu .wp-picker-container .select2-container .select2-choice .select2-arrow b, body.wp-customizer .redux-container .select2-container .select2-choice .select2-arrow b, body.admin-color-quadmenu .redux-container .select2-container .select2-choice .select2-arrow b { background-position-x: 5px; } body.wp-customizer .wp-picker-container .sticky-footer-fixed, body.admin-color-quadmenu .wp-picker-container .sticky-footer-fixed, body.wp-customizer .redux-container .sticky-footer-fixed, body.admin-color-quadmenu .redux-container .sticky-footer-fixed, body.wp-customizer .wp-picker-container #info_bar, body.admin-color-quadmenu .wp-picker-container #info_bar, body.wp-customizer .redux-container #info_bar, body.admin-color-quadmenu .redux-container #info_bar { box-shadow: none; } body.wp-customizer .wp-picker-container .redux-action_bar a, body.admin-color-quadmenu .wp-picker-container .redux-action_bar a, body.wp-customizer .redux-container .redux-action_bar a, body.admin-color-quadmenu .redux-container .redux-action_bar a, body.wp-customizer .wp-picker-container .redux-action_bar input, body.admin-color-quadmenu .wp-picker-container .redux-action_bar input, body.wp-customizer .redux-container .redux-action_bar input, body.admin-color-quadmenu .redux-container .redux-action_bar input { height: 30px!important; margin: 0 5px 0 0; display: block; float: left; line-height: 30px; padding: 0 15px; border-radius: 2px; } body.wp-customizer .wp-picker-container .redux-action_bar > a, body.admin-color-quadmenu .wp-picker-container .redux-action_bar > a, body.wp-customizer .redux-container .redux-action_bar > a, body.admin-color-quadmenu .redux-container .redux-action_bar > a { text-decoration: none; } body.wp-customizer .wp-picker-container .redux-main .input-prepend input, body.admin-color-quadmenu .wp-picker-container .redux-main .input-prepend input, body.wp-customizer .redux-container .redux-main .input-prepend input, body.admin-color-quadmenu .redux-container .redux-main .input-prepend input { padding-top: 4px; padding-bottom: 4px; } body.wp-customizer .cb-enable, body.admin-color-quadmenu .cb-enable, body.wp-customizer .cb-disable, body.admin-color-quadmenu .cb-disable, body.wp-customizer .ui-button-text-only, body.admin-color-quadmenu .ui-button-text-only { height: auto; } body.wp-customizer .cb-enable .ui-button-text, body.admin-color-quadmenu .cb-enable .ui-button-text, body.wp-customizer .cb-disable .ui-button-text, body.admin-color-quadmenu .cb-disable .ui-button-text, body.wp-customizer .ui-button-text-only .ui-button-text, body.admin-color-quadmenu .ui-button-text-only .ui-button-text, body.wp-customizer .cb-enable span, body.admin-color-quadmenu .cb-enable span, body.wp-customizer .cb-disable span, body.admin-color-quadmenu .cb-disable span, body.wp-customizer .ui-button-text-only span, body.admin-color-quadmenu .ui-button-text-only span { font-weight: 400; padding: .4em 1em; } body.wp-customizer .ui-button-text-only, body.admin-color-quadmenu .ui-button-text-only { border-radius: 0; } body.wp-customizer .noUi-connect, body.admin-color-quadmenu .noUi-connect, body.wp-customizer .noUi-handle, body.admin-color-quadmenu .noUi-handle { box-shadow: none!important; } body.wp-customizer .noUi-connect, body.admin-color-quadmenu .noUi-connect { background-color: #21c2f8 !important; background-image: none!important; } body.wp-customizer .noUi-handle, body.admin-color-quadmenu .noUi-handle { width: 26px; height: 26px; top: -4px; left: -13px; border-radius: 50%; } body.wp-customizer .noUi-handle:before, body.admin-color-quadmenu .noUi-handle:before, body.wp-customizer .noUi-handle:after, body.admin-color-quadmenu .noUi-handle:after { display: none; } body.wp-customizer .noUi-origin, body.admin-color-quadmenu .noUi-origin, body.wp-customizer .noUi-connect, body.admin-color-quadmenu .noUi-connect { border-radius: 10px; } body.wp-customizer .noUi-origin, body.admin-color-quadmenu .noUi-origin { right: -0.5px; bottom: -0.5px; } body.wp-customizer .noUi-horizontal, body.admin-color-quadmenu .noUi-horizontal { height: 20px; } body.wp-customizer .wp-picker-container .wp-color-picker, body.admin-color-quadmenu .wp-picker-container .wp-color-picker { margin: 0 10px!important; } body.wp-customizer .wp-picker-container .wp-color-result.button, body.admin-color-quadmenu .wp-picker-container .wp-color-result.button { height: 26px!important; overflow: hidden; } body.wp-customizer .wp-picker-container .wp-color-result-text, body.admin-color-quadmenu .wp-picker-container .wp-color-result-text { line-height: 26px; } body.wp-customizer .wp-picker-container .wp-picker-default, body.admin-color-quadmenu .wp-picker-container .wp-picker-default { line-height: 21px; display: inline-block; margin: 0; padding: 1px 10px 0 10px; } body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-strip, body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-strip { display: none; } body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-strip:nth-of-type(2), body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-strip:nth-of-type(2) { display: block; } body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-slider, body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-slider { display: block; } body.wp-customizer .wp-picker-container .wp-picker-holder .iris-picker .iris-slider .iris-slider-offset, body.admin-color-quadmenu .wp-picker-container .wp-picker-holder .iris-picker .iris-slider .iris-slider-offset { top: 11px; width: auto; } body.wp-customizer .wp-picker-container .wp-color-result-text, body.admin-color-quadmenu .wp-picker-container .wp-color-result-text { position: relative; z-index: 1; } body.wp-customizer .wp-picker-container .iris-alpha-slider, body.admin-color-quadmenu .wp-picker-container .iris-alpha-slider { margin-left: 8px!important; } body.wp-customizer .ui-datepicker .ui-datepicker-header, body.admin-color-quadmenu .ui-datepicker .ui-datepicker-header { padding: 2px 0; } body.wp-customizer .ui-datepicker td .ui-state-hover, body.admin-color-quadmenu .ui-datepicker td .ui-state-hover, body.wp-customizer .ui-datepicker td .ui-state-highlight, body.admin-color-quadmenu .ui-datepicker td .ui-state-highlight { border: none!important; background-color: #21c2f8 !important; border-radius: 1px!important; text-shadow: none!important; } body.wp-customizer .redux-container-switch .cb-disable.selected, body.admin-color-quadmenu .redux-container-switch .cb-disable.selected { background-image: none !important; background-color: #999999 !important; border-color: #919191 !important; color: #fff; } body.wp-customizer #redux-header, body.admin-color-quadmenu #redux-header { display: none; } body.wp-customizer .redux-sidebar .redux-group-menu li a, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li a { font-weight: 600; } body.wp-customizer .redux-sidebar .redux-group-tab-link-a i, body.admin-color-quadmenu .redux-sidebar .redux-group-tab-link-a i { line-height: 1.35em; font-size: 1em; color: #555555; } body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild, body.wp-customizer .redux-sidebar .redux-group-menu li.active, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active { border-left: none; } body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a, body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections a, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections a { background: #e5e5e5; color: #444; text-shadow: none; } body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections a::after, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections a::after, body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections .active a::after, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections .active a::after, body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections .active a::after, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections .active a::after { right: -1px; z-index: 999; } body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a { background: #333333; } body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover, body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover, body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a { background: #222222; } body.wp-customizer .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.active.hasSubSections ul.subsection li a:hover, body.wp-customizer .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover, body.admin-color-quadmenu .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li a:hover { color: #21c2f8; } body.wp-customizer .redux-sidebar .hasSubSections .extraIconSubsections i.el-chevron-down:before, body.admin-color-quadmenu .redux-sidebar .hasSubSections .extraIconSubsections i.el-chevron-down:before { content: "+"; font-family: none; } body.wp-customizer .redux-container tr.developer, body.admin-color-quadmenu .redux-container tr.developer { display: none!important; } body.wp-customizer .redux-container, body.admin-color-quadmenu .redux-container, body.wp-customizer .redux-container #redux-intro-text p, body.admin-color-quadmenu .redux-container #redux-intro-text p { font-family: "Open Sans", Arial, Verdana, sans-serif; font-weight: normal; } body.wp-customizer .redux-container #redux-intro-text, body.admin-color-quadmenu .redux-container #redux-intro-text { background-image: url('../../backend/images/logo2.png'); background-repeat: no-repeat; background-position: 10px 47%; background-size: 100px; } body.wp-customizer .redux-container #redux-intro-text p, body.admin-color-quadmenu .redux-container #redux-intro-text p { font-size: 12px; text-align: right; } body.wp-customizer .redux-container .redux-group-tab .redux-section-field h3, body.admin-color-quadmenu .redux-container .redux-group-tab .redux-section-field h3 { margin-bottom: -1px; margin-top: 2em; } body.wp-customizer .redux-container #redux-footer, body.admin-color-quadmenu .redux-container #redux-footer { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } body.wp-customizer .redux-container #redux-footer.sticky-footer-fixed, body.admin-color-quadmenu .redux-container #redux-footer.sticky-footer-fixed { width: 100%!important; } body.wp-customizer .redux-main .redux-typography-container .input_wrapper input.mini, body.admin-color-quadmenu .redux-main .redux-typography-container .input_wrapper input.mini { padding: 3px 0 4px 0; } body.wp-customizer .redux-main .form-table tr, body.admin-color-quadmenu .redux-main .form-table tr { border-bottom: none; } body.wp-customizer .redux-main input, body.admin-color-quadmenu .redux-main input, body.wp-customizer .redux-main select, body.admin-color-quadmenu .redux-main select, body.wp-customizer .redux-main textarea, body.admin-color-quadmenu .redux-main textarea, body.wp-customizer .redux-main button, body.admin-color-quadmenu .redux-main button { font-family: "Open Sans", Arial, Verdana, sans-serif; border-radius: 2px; box-shadow: none; font-size: 13px; height: auto!important; } body.wp-customizer .redux-container-spinner .ui-corner-tr, body.admin-color-quadmenu .redux-container-spinner .ui-corner-tr, body.wp-customizer .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-n, body.admin-color-quadmenu .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-n { -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } body.wp-customizer .redux-container-spinner .ui-corner-br, body.admin-color-quadmenu .redux-container-spinner .ui-corner-br, body.wp-customizer .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-s, body.admin-color-quadmenu .redux-container-spinner .ui-spinner-button .ui-icon-triangle-1-s { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } body.wp-customizer .redux-container .ui-corner-all, body.admin-color-quadmenu .redux-container .ui-corner-all, body.wp-customizer .redux-container .ui-corner-bottom, body.admin-color-quadmenu .redux-container .ui-corner-bottom, body.wp-customizer .redux-container .ui-corner-right, body.admin-color-quadmenu .redux-container .ui-corner-right, body.wp-customizer .redux-container .ui-corner-br, body.admin-color-quadmenu .redux-container .ui-corner-br, body.wp-customizer .control-section-redux .ui-corner-all, body.admin-color-quadmenu .control-section-redux .ui-corner-all, body.wp-customizer .control-section-redux .ui-corner-bottom, body.admin-color-quadmenu .control-section-redux .ui-corner-bottom, body.wp-customizer .control-section-redux .ui-corner-right, body.admin-color-quadmenu .control-section-redux .ui-corner-right, body.wp-customizer .control-section-redux .ui-corner-br, body.admin-color-quadmenu .control-section-redux .ui-corner-br, body.wp-customizer .control-panel-redux .ui-corner-all, body.admin-color-quadmenu .control-panel-redux .ui-corner-all, body.wp-customizer .control-panel-redux .ui-corner-bottom, body.admin-color-quadmenu .control-panel-redux .ui-corner-bottom, body.wp-customizer .control-panel-redux .ui-corner-right, body.admin-color-quadmenu .control-panel-redux .ui-corner-right, body.wp-customizer .control-panel-redux .ui-corner-br, body.admin-color-quadmenu .control-panel-redux .ui-corner-br, body.wp-customizer .redux-metabox .ui-corner-all, body.admin-color-quadmenu .redux-metabox .ui-corner-all, body.wp-customizer .redux-metabox .ui-corner-bottom, body.admin-color-quadmenu .redux-metabox .ui-corner-bottom, body.wp-customizer .redux-metabox .ui-corner-right, body.admin-color-quadmenu .redux-metabox .ui-corner-right, body.wp-customizer .redux-metabox .ui-corner-br, body.admin-color-quadmenu .redux-metabox .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } body.wp-customizer .redux-container .ui-corner-all, body.admin-color-quadmenu .redux-container .ui-corner-all, body.wp-customizer .redux-container .ui-corner-top, body.admin-color-quadmenu .redux-container .ui-corner-top, body.wp-customizer .redux-container .ui-corner-right, body.admin-color-quadmenu .redux-container .ui-corner-right, body.wp-customizer .redux-container .ui-corner-tr, body.admin-color-quadmenu .redux-container .ui-corner-tr, body.wp-customizer .control-section-redux .ui-corner-all, body.admin-color-quadmenu .control-section-redux .ui-corner-all, body.wp-customizer .control-section-redux .ui-corner-top, body.admin-color-quadmenu .control-section-redux .ui-corner-top, body.wp-customizer .control-section-redux .ui-corner-right, body.admin-color-quadmenu .control-section-redux .ui-corner-right, body.wp-customizer .control-section-redux .ui-corner-tr, body.admin-color-quadmenu .control-section-redux .ui-corner-tr, body.wp-customizer .control-panel-redux .ui-corner-all, body.admin-color-quadmenu .control-panel-redux .ui-corner-all, body.wp-customizer .control-panel-redux .ui-corner-top, body.admin-color-quadmenu .control-panel-redux .ui-corner-top, body.wp-customizer .control-panel-redux .ui-corner-right, body.admin-color-quadmenu .control-panel-redux .ui-corner-right, body.wp-customizer .control-panel-redux .ui-corner-tr, body.admin-color-quadmenu .control-panel-redux .ui-corner-tr, body.wp-customizer .redux-metabox .ui-corner-all, body.admin-color-quadmenu .redux-metabox .ui-corner-all, body.wp-customizer .redux-metabox .ui-corner-top, body.admin-color-quadmenu .redux-metabox .ui-corner-top, body.wp-customizer .redux-metabox .ui-corner-right, body.admin-color-quadmenu .redux-metabox .ui-corner-right, body.wp-customizer .redux-metabox .ui-corner-tr, body.admin-color-quadmenu .redux-metabox .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; } body.wp-customizer .redux-container .ui-corner-all, body.admin-color-quadmenu .redux-container .ui-corner-all, body.wp-customizer .redux-container .ui-corner-bottom, body.admin-color-quadmenu .redux-container .ui-corner-bottom, body.wp-customizer .redux-container .ui-corner-left, body.admin-color-quadmenu .redux-container .ui-corner-left, body.wp-customizer .redux-container .ui-corner-bl, body.admin-color-quadmenu .redux-container .ui-corner-bl, body.wp-customizer .control-section-redux .ui-corner-all, body.admin-color-quadmenu .control-section-redux .ui-corner-all, body.wp-customizer .control-section-redux .ui-corner-bottom, body.admin-color-quadmenu .control-section-redux .ui-corner-bottom, body.wp-customizer .control-section-redux .ui-corner-left, body.admin-color-quadmenu .control-section-redux .ui-corner-left, body.wp-customizer .control-section-redux .ui-corner-bl, body.admin-color-quadmenu .control-section-redux .ui-corner-bl, body.wp-customizer .control-panel-redux .ui-corner-all, body.admin-color-quadmenu .control-panel-redux .ui-corner-all, body.wp-customizer .control-panel-redux .ui-corner-bottom, body.admin-color-quadmenu .control-panel-redux .ui-corner-bottom, body.wp-customizer .control-panel-redux .ui-corner-left, body.admin-color-quadmenu .control-panel-redux .ui-corner-left, body.wp-customizer .control-panel-redux .ui-corner-bl, body.admin-color-quadmenu .control-panel-redux .ui-corner-bl, body.wp-customizer .redux-metabox .ui-corner-all, body.admin-color-quadmenu .redux-metabox .ui-corner-all, body.wp-customizer .redux-metabox .ui-corner-bottom, body.admin-color-quadmenu .redux-metabox .ui-corner-bottom, body.wp-customizer .redux-metabox .ui-corner-left, body.admin-color-quadmenu .redux-metabox .ui-corner-left, body.wp-customizer .redux-metabox .ui-corner-bl, body.admin-color-quadmenu .redux-metabox .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } body.wp-customizer .redux-container .ui-corner-all, body.admin-color-quadmenu .redux-container .ui-corner-all, body.wp-customizer .redux-container .ui-corner-top, body.admin-color-quadmenu .redux-container .ui-corner-top, body.wp-customizer .redux-container .ui-corner-left, body.admin-color-quadmenu .redux-container .ui-corner-left, body.wp-customizer .redux-container .ui-corner-tl, body.admin-color-quadmenu .redux-container .ui-corner-tl, body.wp-customizer .control-section-redux .ui-corner-all, body.admin-color-quadmenu .control-section-redux .ui-corner-all, body.wp-customizer .control-section-redux .ui-corner-top, body.admin-color-quadmenu .control-section-redux .ui-corner-top, body.wp-customizer .control-section-redux .ui-corner-left, body.admin-color-quadmenu .control-section-redux .ui-corner-left, body.wp-customizer .control-section-redux .ui-corner-tl, body.admin-color-quadmenu .control-section-redux .ui-corner-tl, body.wp-customizer .control-panel-redux .ui-corner-all, body.admin-color-quadmenu .control-panel-redux .ui-corner-all, body.wp-customizer .control-panel-redux .ui-corner-top, body.admin-color-quadmenu .control-panel-redux .ui-corner-top, body.wp-customizer .control-panel-redux .ui-corner-left, body.admin-color-quadmenu .control-panel-redux .ui-corner-left, body.wp-customizer .control-panel-redux .ui-corner-tl, body.admin-color-quadmenu .control-panel-redux .ui-corner-tl, body.wp-customizer .redux-metabox .ui-corner-all, body.admin-color-quadmenu .redux-metabox .ui-corner-all, body.wp-customizer .redux-metabox .ui-corner-top, body.admin-color-quadmenu .redux-metabox .ui-corner-top, body.wp-customizer .redux-metabox .ui-corner-left, body.admin-color-quadmenu .redux-metabox .ui-corner-left, body.wp-customizer .redux-metabox .ui-corner-tl, body.admin-color-quadmenu .redux-metabox .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; } body.wp-customizer .redux-container-image_select .redux-image-select img, body.admin-color-quadmenu .redux-container-image_select .redux-image-select img, body.wp-customizer .redux-container-image_select .redux-image-select-selected img, body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected img, body.wp-customizer .redux-container-image_select .redux-image-select .tiles, body.admin-color-quadmenu .redux-container-image_select .redux-image-select .tiles, body.wp-customizer .redux-container-image_select .redux-image-select-selected .tiles, body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected .tiles { border-width: 0; max-width: 100px; border-radius: 2px; } body.wp-customizer .redux-container-image_select ul.redux-image-select li, body.admin-color-quadmenu .redux-container-image_select ul.redux-image-select li { padding: 0 10px 0 0; } body.wp-customizer .redux-container-image_select .redux-image-select img, body.admin-color-quadmenu .redux-container-image_select .redux-image-select img, body.wp-customizer .redux-container-image_select .redux-image-select .tiles, body.admin-color-quadmenu .redux-container-image_select .redux-image-select .tiles { opacity: 0.6; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } body.wp-customizer .redux-container-image_select .redux-image-select-selected img, body.admin-color-quadmenu .redux-container-image_select .redux-image-select-selected img { opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } body.wp-customizer .select2-drop { z-index: 999999; } body.wp-customizer #customize-controls .customize-panel-back:hover, body.wp-customizer #customize-controls .customize-panel-back:focus, body.wp-customizer #customize-controls .customize-section-back:hover, body.wp-customizer #customize-controls .customize-section-back:focus, body.wp-customizer #customize-controls .control-section:hover > .accordion-section-title, body.wp-customizer #customize-controls .control-section .accordion-section-title:hover, body.wp-customizer #customize-controls .control-section.open .accordion-section-title, body.wp-customizer #customize-controls .control-section .accordion-section-title:focus { color: #333333; border-left-color: #21c2f8; } body.wp-customizer #customize-controls .control-panel-redux, body.wp-customizer #customize-controls .control-section-redux { background: #ffffff!important; } body.wp-customizer #customize-controls .control-panel-redux .accordion-section-title i, body.wp-customizer #customize-controls .control-section-redux .accordion-section-title i { margin-right: 5px; font-size: 1em; line-height: 1.5em; } body.wp-customizer #customize-controls .control-panel-redux .redux-field-init, body.wp-customizer #customize-controls .control-section-redux .redux-field-init { display: none!important; } body.wp-customizer #customize-controls .control-panel-redux.busy .redux-field-init, body.wp-customizer #customize-controls .control-section-redux.busy .redux-field-init, body.wp-customizer #customize-controls .control-panel-redux.open .redux-field-init, body.wp-customizer #customize-controls .control-section-redux.open .redux-field-init { display: block!important; } body.wp-customizer #customize-controls .accordion-section-content { background: #FCFCFC; } body.wp-customizer #customize-controls .customize-section-description { margin-top: 22px; word-break: break-word; } body.wp-customizer #customize-controls .customize-section-description.legacy { margin-top: 7px; } body.wp-customizer #customize-controls .customize-control { border-bottom: 1px solid #ddd; } body.wp-customizer #customize-controls .customize-control:last-child { border-bottom: 0; } body.wp-customizer #customize-controls .customize-info { margin-bottom: 0; } body.wp-customizer #customize-controls .upload { width: 100% !important; } body.wp-customizer #customize-controls .select_wrapper { float: none; width: 100%; display: inline-block; } body.wp-customizer #customize-controls .select2-drop { z-index: 999999; } body.wp-customizer #customize-controls .select2-container { margin-right: 0 !important; margin-bottom: 5px !important; width: 100% !important; } body.wp-customizer #customize-controls .select_wrapper:nth-child(odd) { margin-right: 0; } body.wp-customizer #customize-controls .redux-field-container { padding: 10px 0; } body.wp-customizer #customize-controls .redux-field-container .hide { display: none; } body.wp-customizer #customize-controls .redux-option-image { max-width: 42% !important; margin-right: 3%; } body.wp-customizer #customize-controls .redux-container-raw { margin-top: 22px; word-break: break-word; padding: 0 !important; } body.wp-customizer #customize-controls .redux-container-password input { width: 100%; } body.wp-customizer #customize-controls .redux_field_th { font-weight: 600; padding: 13px 0px 0px 0px; } body.wp-customizer #customize-controls .redux_field_th .description { display: block; font-size: 10px; font-weight: 400; } body.wp-customizer #customize-controls .redux-container-section h3 { margin: 0; } body.wp-customizer #customize-controls .redux-container-section table { display: none; } body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -0.25rem !important; margin-left: -0.25rem !important; } body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select > li { flex: 0 0 50%; max-width: 50%; box-sizing: border-box; flex: 0 0 auto; padding-right: .25rem; padding-left: .25rem; padding-bottom: .5rem; } body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select > li:nth-last-child(-n+2) { padding-bottom: 0; } body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select .redux-image-select img { display: block; } body.wp-customizer #customize-controls .redux-container-image_select ul.redux-image-select .redux-image-select-selected { background: none; } body.wp-customizer #customize-controls .wp-picker-container .wp-color-result { margin: 0!important; } #quadmenu-settings .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; } #quadmenu-settings .col-1, #quadmenu-settings .col-2, #quadmenu-settings .col-3, #quadmenu-settings .col-4, #quadmenu-settings .col-5, #quadmenu-settings .col-6, #quadmenu-settings .col-7, #quadmenu-settings .col-8, #quadmenu-settings .col-9, #quadmenu-settings .col-10, #quadmenu-settings .col-11, #quadmenu-settings .col-12, #quadmenu-settings .col, #quadmenu-settings .col-sm-1, #quadmenu-settings .col-sm-2, #quadmenu-settings .col-sm-3, #quadmenu-settings .col-sm-4, #quadmenu-settings .col-sm-5, #quadmenu-settings .col-sm-6, #quadmenu-settings .col-sm-7, #quadmenu-settings .col-sm-8, #quadmenu-settings .col-sm-9, #quadmenu-settings .col-sm-10, #quadmenu-settings .col-sm-11, #quadmenu-settings .col-sm-12, #quadmenu-settings .col-sm, #quadmenu-settings .col-md-1, #quadmenu-settings .col-md-2, #quadmenu-settings .col-md-3, #quadmenu-settings .col-md-4, #quadmenu-settings .col-md-5, #quadmenu-settings .col-md-6, #quadmenu-settings .col-md-7, #quadmenu-settings .col-md-8, #quadmenu-settings .col-md-9, #quadmenu-settings .col-md-10, #quadmenu-settings .col-md-11, #quadmenu-settings .col-md-12, #quadmenu-settings .col-md, #quadmenu-settings .col-lg-1, #quadmenu-settings .col-lg-2, #quadmenu-settings .col-lg-3, #quadmenu-settings .col-lg-4, #quadmenu-settings .col-lg-5, #quadmenu-settings .col-lg-6, #quadmenu-settings .col-lg-7, #quadmenu-settings .col-lg-8, #quadmenu-settings .col-lg-9, #quadmenu-settings .col-lg-10, #quadmenu-settings .col-lg-11, #quadmenu-settings .col-lg-12, #quadmenu-settings .col-lg, #quadmenu-settings .col-xl-1, #quadmenu-settings .col-xl-2, #quadmenu-settings .col-xl-3, #quadmenu-settings .col-xl-4, #quadmenu-settings .col-xl-5, #quadmenu-settings .col-xl-6, #quadmenu-settings .col-xl-7, #quadmenu-settings .col-xl-8, #quadmenu-settings .col-xl-9, #quadmenu-settings .col-xl-10, #quadmenu-settings .col-xl-11, #quadmenu-settings .col-xl-12, #quadmenu-settings .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { #quadmenu-settings .col-1, #quadmenu-settings .col-2, #quadmenu-settings .col-3, #quadmenu-settings .col-4, #quadmenu-settings .col-5, #quadmenu-settings .col-6, #quadmenu-settings .col-7, #quadmenu-settings .col-8, #quadmenu-settings .col-9, #quadmenu-settings .col-10, #quadmenu-settings .col-11, #quadmenu-settings .col-12, #quadmenu-settings .col, #quadmenu-settings .col-sm-1, #quadmenu-settings .col-sm-2, #quadmenu-settings .col-sm-3, #quadmenu-settings .col-sm-4, #quadmenu-settings .col-sm-5, #quadmenu-settings .col-sm-6, #quadmenu-settings .col-sm-7, #quadmenu-settings .col-sm-8, #quadmenu-settings .col-sm-9, #quadmenu-settings .col-sm-10, #quadmenu-settings .col-sm-11, #quadmenu-settings .col-sm-12, #quadmenu-settings .col-sm, #quadmenu-settings .col-md-1, #quadmenu-settings .col-md-2, #quadmenu-settings .col-md-3, #quadmenu-settings .col-md-4, #quadmenu-settings .col-md-5, #quadmenu-settings .col-md-6, #quadmenu-settings .col-md-7, #quadmenu-settings .col-md-8, #quadmenu-settings .col-md-9, #quadmenu-settings .col-md-10, #quadmenu-settings .col-md-11, #quadmenu-settings .col-md-12, #quadmenu-settings .col-md, #quadmenu-settings .col-lg-1, #quadmenu-settings .col-lg-2, #quadmenu-settings .col-lg-3, #quadmenu-settings .col-lg-4, #quadmenu-settings .col-lg-5, #quadmenu-settings .col-lg-6, #quadmenu-settings .col-lg-7, #quadmenu-settings .col-lg-8, #quadmenu-settings .col-lg-9, #quadmenu-settings .col-lg-10, #quadmenu-settings .col-lg-11, #quadmenu-settings .col-lg-12, #quadmenu-settings .col-lg, #quadmenu-settings .col-xl-1, #quadmenu-settings .col-xl-2, #quadmenu-settings .col-xl-3, #quadmenu-settings .col-xl-4, #quadmenu-settings .col-xl-5, #quadmenu-settings .col-xl-6, #quadmenu-settings .col-xl-7, #quadmenu-settings .col-xl-8, #quadmenu-settings .col-xl-9, #quadmenu-settings .col-xl-10, #quadmenu-settings .col-xl-11, #quadmenu-settings .col-xl-12, #quadmenu-settings .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 600px) { #quadmenu-settings .col-1, #quadmenu-settings .col-2, #quadmenu-settings .col-3, #quadmenu-settings .col-4, #quadmenu-settings .col-5, #quadmenu-settings .col-6, #quadmenu-settings .col-7, #quadmenu-settings .col-8, #quadmenu-settings .col-9, #quadmenu-settings .col-10, #quadmenu-settings .col-11, #quadmenu-settings .col-12, #quadmenu-settings .col, #quadmenu-settings .col-sm-1, #quadmenu-settings .col-sm-2, #quadmenu-settings .col-sm-3, #quadmenu-settings .col-sm-4, #quadmenu-settings .col-sm-5, #quadmenu-settings .col-sm-6, #quadmenu-settings .col-sm-7, #quadmenu-settings .col-sm-8, #quadmenu-settings .col-sm-9, #quadmenu-settings .col-sm-10, #quadmenu-settings .col-sm-11, #quadmenu-settings .col-sm-12, #quadmenu-settings .col-sm, #quadmenu-settings .col-md-1, #quadmenu-settings .col-md-2, #quadmenu-settings .col-md-3, #quadmenu-settings .col-md-4, #quadmenu-settings .col-md-5, #quadmenu-settings .col-md-6, #quadmenu-settings .col-md-7, #quadmenu-settings .col-md-8, #quadmenu-settings .col-md-9, #quadmenu-settings .col-md-10, #quadmenu-settings .col-md-11, #quadmenu-settings .col-md-12, #quadmenu-settings .col-md, #quadmenu-settings .col-lg-1, #quadmenu-settings .col-lg-2, #quadmenu-settings .col-lg-3, #quadmenu-settings .col-lg-4, #quadmenu-settings .col-lg-5, #quadmenu-settings .col-lg-6, #quadmenu-settings .col-lg-7, #quadmenu-settings .col-lg-8, #quadmenu-settings .col-lg-9, #quadmenu-settings .col-lg-10, #quadmenu-settings .col-lg-11, #quadmenu-settings .col-lg-12, #quadmenu-settings .col-lg, #quadmenu-settings .col-xl-1, #quadmenu-settings .col-xl-2, #quadmenu-settings .col-xl-3, #quadmenu-settings .col-xl-4, #quadmenu-settings .col-xl-5, #quadmenu-settings .col-xl-6, #quadmenu-settings .col-xl-7, #quadmenu-settings .col-xl-8, #quadmenu-settings .col-xl-9, #quadmenu-settings .col-xl-10, #quadmenu-settings .col-xl-11, #quadmenu-settings .col-xl-12, #quadmenu-settings .col-xl { padding-right: 15px; padding-left: 15px; } } #quadmenu-settings .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #quadmenu-settings .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #quadmenu-settings .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #quadmenu-settings .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #quadmenu-settings .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #quadmenu-settings .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #quadmenu-settings .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #quadmenu-settings .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #quadmenu-settings .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #quadmenu-settings .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #quadmenu-settings .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #quadmenu-settings .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #quadmenu-settings .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #quadmenu-settings .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #quadmenu-settings .offset-1 { margin-left: 8.333333%; } #quadmenu-settings .offset-2 { margin-left: 16.666667%; } #quadmenu-settings .offset-3 { margin-left: 25%; } #quadmenu-settings .offset-4 { margin-left: 33.333333%; } #quadmenu-settings .offset-5 { margin-left: 41.666667%; } #quadmenu-settings .offset-6 { margin-left: 50%; } #quadmenu-settings .offset-7 { margin-left: 58.333333%; } #quadmenu-settings .offset-8 { margin-left: 66.666667%; } #quadmenu-settings .offset-9 { margin-left: 75%; } #quadmenu-settings .offset-10 { margin-left: 83.333333%; } #quadmenu-settings .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { #quadmenu-settings .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #quadmenu-settings .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #quadmenu-settings .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #quadmenu-settings .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #quadmenu-settings .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #quadmenu-settings .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #quadmenu-settings .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #quadmenu-settings .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #quadmenu-settings .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #quadmenu-settings .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #quadmenu-settings .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #quadmenu-settings .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #quadmenu-settings .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #quadmenu-settings .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #quadmenu-settings .pull-sm-0 { right: auto; } #quadmenu-settings .pull-sm-1 { right: 8.333333%; } #quadmenu-settings .pull-sm-2 { right: 16.666667%; } #quadmenu-settings .pull-sm-3 { right: 25%; } #quadmenu-settings .pull-sm-4 { right: 33.333333%; } #quadmenu-settings .pull-sm-5 { right: 41.666667%; } #quadmenu-settings .pull-sm-6 { right: 50%; } #quadmenu-settings .pull-sm-7 { right: 58.333333%; } #quadmenu-settings .pull-sm-8 { right: 66.666667%; } #quadmenu-settings .pull-sm-9 { right: 75%; } #quadmenu-settings .pull-sm-10 { right: 83.333333%; } #quadmenu-settings .pull-sm-11 { right: 91.666667%; } #quadmenu-settings .pull-sm-12 { right: 100%; } #quadmenu-settings .push-sm-0 { left: auto; } #quadmenu-settings .push-sm-1 { left: 8.333333%; } #quadmenu-settings .push-sm-2 { left: 16.666667%; } #quadmenu-settings .push-sm-3 { left: 25%; } #quadmenu-settings .push-sm-4 { left: 33.333333%; } #quadmenu-settings .push-sm-5 { left: 41.666667%; } #quadmenu-settings .push-sm-6 { left: 50%; } #quadmenu-settings .push-sm-7 { left: 58.333333%; } #quadmenu-settings .push-sm-8 { left: 66.666667%; } #quadmenu-settings .push-sm-9 { left: 75%; } #quadmenu-settings .push-sm-10 { left: 83.333333%; } #quadmenu-settings .push-sm-11 { left: 91.666667%; } #quadmenu-settings .push-sm-12 { left: 100%; } #quadmenu-settings .offset-sm-0 { margin-left: 0%; } #quadmenu-settings .offset-sm-1 { margin-left: 8.333333%; } #quadmenu-settings .offset-sm-2 { margin-left: 16.666667%; } #quadmenu-settings .offset-sm-3 { margin-left: 25%; } #quadmenu-settings .offset-sm-4 { margin-left: 33.333333%; } #quadmenu-settings .offset-sm-5 { margin-left: 41.666667%; } #quadmenu-settings .offset-sm-6 { margin-left: 50%; } #quadmenu-settings .offset-sm-7 { margin-left: 58.333333%; } #quadmenu-settings .offset-sm-8 { margin-left: 66.666667%; } #quadmenu-settings .offset-sm-9 { margin-left: 75%; } #quadmenu-settings .offset-sm-10 { margin-left: 83.333333%; } #quadmenu-settings .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 600px) { #quadmenu-settings .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #quadmenu-settings .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #quadmenu-settings .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #quadmenu-settings .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #quadmenu-settings .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #quadmenu-settings .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #quadmenu-settings .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #quadmenu-settings .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #quadmenu-settings .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #quadmenu-settings .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #quadmenu-settings .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #quadmenu-settings .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #quadmenu-settings .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #quadmenu-settings .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #quadmenu-settings .pull-md-0 { right: auto; } #quadmenu-settings .pull-md-1 { right: 8.333333%; } #quadmenu-settings .pull-md-2 { right: 16.666667%; } #quadmenu-settings .pull-md-3 { right: 25%; } #quadmenu-settings .pull-md-4 { right: 33.333333%; } #quadmenu-settings .pull-md-5 { right: 41.666667%; } #quadmenu-settings .pull-md-6 { right: 50%; } #quadmenu-settings .pull-md-7 { right: 58.333333%; } #quadmenu-settings .pull-md-8 { right: 66.666667%; } #quadmenu-settings .pull-md-9 { right: 75%; } #quadmenu-settings .pull-md-10 { right: 83.333333%; } #quadmenu-settings .pull-md-11 { right: 91.666667%; } #quadmenu-settings .pull-md-12 { right: 100%; } #quadmenu-settings .push-md-0 { left: auto; } #quadmenu-settings .push-md-1 { left: 8.333333%; } #quadmenu-settings .push-md-2 { left: 16.666667%; } #quadmenu-settings .push-md-3 { left: 25%; } #quadmenu-settings .push-md-4 { left: 33.333333%; } #quadmenu-settings .push-md-5 { left: 41.666667%; } #quadmenu-settings .push-md-6 { left: 50%; } #quadmenu-settings .push-md-7 { left: 58.333333%; } #quadmenu-settings .push-md-8 { left: 66.666667%; } #quadmenu-settings .push-md-9 { left: 75%; } #quadmenu-settings .push-md-10 { left: 83.333333%; } #quadmenu-settings .push-md-11 { left: 91.666667%; } #quadmenu-settings .push-md-12 { left: 100%; } #quadmenu-settings .offset-md-0 { margin-left: 0%; } #quadmenu-settings .offset-md-1 { margin-left: 8.333333%; } #quadmenu-settings .offset-md-2 { margin-left: 16.666667%; } #quadmenu-settings .offset-md-3 { margin-left: 25%; } #quadmenu-settings .offset-md-4 { margin-left: 33.333333%; } #quadmenu-settings .offset-md-5 { margin-left: 41.666667%; } #quadmenu-settings .offset-md-6 { margin-left: 50%; } #quadmenu-settings .offset-md-7 { margin-left: 58.333333%; } #quadmenu-settings .offset-md-8 { margin-left: 66.666667%; } #quadmenu-settings .offset-md-9 { margin-left: 75%; } #quadmenu-settings .offset-md-10 { margin-left: 83.333333%; } #quadmenu-settings .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 600px) and (min-width: 960px) { #quadmenu-settings .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #quadmenu-settings .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #quadmenu-settings .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #quadmenu-settings .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #quadmenu-settings .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #quadmenu-settings .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #quadmenu-settings .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #quadmenu-settings .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #quadmenu-settings .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #quadmenu-settings .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #quadmenu-settings .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #quadmenu-settings .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #quadmenu-settings .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #quadmenu-settings .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } #quadmenu.modal { margin-left: 160px; } @media only screen and (max-width: 960px) { #quadmenu.modal { width: 36px; } } #quadmenu .modal-dialog { width: auto; margin: 10px; } #quadmenu .modal-content { overflow: hidden; } #quadmenu .modal-body { padding: 0; } @media only screen and (min-width: 960px) { #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical { width: 160px; } #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical > li { text-align: left; } #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs.vertical > li > a > .title { display: inline-block; } #quadmenu-settings > .quadmenu-settings-body > .quadmenu-tabs-content { padding-left: 160px; } } #quadmenu-settings .quadmenu-tabs { position: relative; width: 100%; display: flex; background-color: #fafafa; border-width: 0 0 1px 0; border-style: solid; border-color: #e5e5e5; margin: 0; } #quadmenu-settings .quadmenu-tabs > .spinner { position: absolute; top: 50%; right: 0; margin: -10px 15px 0 0; } #quadmenu-settings .quadmenu-tabs > li { position: static; margin: 0; } #quadmenu-settings .quadmenu-tabs > li:not(:last-child) { border-color: #e5e5e5; border-width: 0 1px 0 0; border-style: solid; } #quadmenu-settings .quadmenu-tabs > li.ui-sortable-helper { display: block; overflow: hidden; border-width: 1px; opacity: 0.8; } #quadmenu-settings .quadmenu-tabs > li.drop-tab { padding: 4px; box-sizing: border-box; overflow: visible; display: table; } #quadmenu-settings .quadmenu-tabs > li.drop-tab:before { display: table-cell; height: 100%; content: ''; box-sizing: border-box; width: 100%; min-height: 40px; position: relative; border: 1px dashed #DFDFDF; } #quadmenu-settings .quadmenu-tabs > li.open > a, #quadmenu-settings .quadmenu-tabs > li.active > a { background: #fff; position: relative; } #quadmenu-settings .quadmenu-tabs > li > a { position: relative; display: block; height: 46px; line-height: 46px; padding: 0 15px; background-color: #fafafa; color: #444; text-decoration: none; font-weight: 700; box-shadow: none; z-index: 999; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #quadmenu-settings .quadmenu-tabs > li > a > .title { margin: 0 0 0 15px; } #quadmenu-settings .quadmenu-tabs > li > a:focus, #quadmenu-settings .quadmenu-tabs > li > a:active, #quadmenu-settings .quadmenu-tabs > li > a:hover { outline: 0; color: #222; } #quadmenu-settings .quadmenu-tabs.vertical { width: 50px; flex-direction: column; border-width: 0 1px 0 0; border-style: solid; position: absolute; top: 0; bottom: 0; left: 0; z-index: 999; } #quadmenu-settings .quadmenu-tabs.vertical > li { width: 100%; margin: 0; text-align: center; } #quadmenu-settings .quadmenu-tabs.vertical > li:not(:last-child) { border-width: 0 0 1px 0; } #quadmenu-settings .quadmenu-tabs.vertical > li > a > .title { display: none; } #quadmenu-settings .quadmenu-tabs.vertical > li.active { border-bottom: 1px solid #e5e5e5; } #quadmenu-settings .quadmenu-tabs.vertical > li.active > a { margin-right: -1px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #quadmenu-settings .quadmenu-tabs-content { position: relative; height: 100%; padding-left: 50px; overflow-y: auto; overflow-x: hidden; height: 400px; background-color: #fff; } #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane { display: none; position: relative; padding: 15px; } #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-mega, #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-tabs, #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.quadmenu-tab-pane-carousel { padding: 0; } #quadmenu-settings .quadmenu-tabs-content .quadmenu-tab-pane.active { display: block; -webkit-animation: fadeIn 1s forwards; -o-animation: fadeIn 1s forwards; animation: fadeIn 1s forwards; } #quadmenu-settings .dropdown { position: relative; } #quadmenu-settings .dropdown-menu { position: absolute; top: 1px; left: 0; display: none; list-style: none; background-clip: padding-box; width: 100%; } #quadmenu-settings .open > .dropdown-menu { display: block; } #menu-settings-column li .submit-add-to-quadmenu-column-inside { display: none; } #menu-settings-column li.current-column .submit-add-to-quadmenu-column-inside { display: block; } #menu-settings-column li.current-column .submit-add-to-menu, #menu-settings-column li.current-column .submit-add-to-quadmenu { display: none; } #menu-management #quadmenu-settings { display: none; } #menu-management.open #quadmenu-settings { display: block; } #menu-management.open #post-body-content { display: none; } #menu-management.open .menu-save { display: none; } #menu-to-edit > li.menu-item-mega p.field-url, #menu-to-edit > li.menu-item-tabs p.field-url, #menu-to-edit > li.menu-item-search p.field-url, #menu-to-edit > li.menu-item-social p.field-url, #menu-to-edit > li.menu-item-cart p.field-url, #menu-to-edit > li.menu-item-login p.field-url { display: none; } #menu-to-edit > li .quadmenu_open, #menu-to-edit > li .quadmenu_modal { position: absolute; right: 10px; font-size: 0.8em; cursor: pointer; color: #fff; display: inline-block; font-weight: normal; background: #21c2f8; border-color: #07a9df; padding: 3px 7px; border-radius: 2px; opacity: 0; z-index: 1; font-weight: 600; overflow: hidden; line-height: 13px; -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); } #menu-to-edit > li .quadmenu_open:before, #menu-to-edit > li .quadmenu_modal:before { -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); opacity: 0.5; font-family: dashicons; content: "\f111"; font-size: 13px; line-height: 13px; margin: 0 5px 0 0; display: inline-block; vertical-align: bottom; } #menu-to-edit > li .quadmenu_modal { position: absolute; top: 12px; right: 37px; z-index: 999; } #menu-to-edit > li:hover .quadmenu_modal, #menu-to-edit > li:hover .quadmenu_open { opacity: 1; right: 0; } #menu-to-edit > li:hover .quadmenu_modal:before, #menu-to-edit > li:hover .quadmenu_open:before { opacity: 1; transform: rotate(60deg); } #menu-to-edit > li .menu-item-handle .item-title { position: relative; } #menu-to-edit > li .menu-item-handle .item-title .spinner { position: absolute; margin: 0; right: -40px; } #menu-settings-column li#quadmenu_custom_nav_widgets:not(.active) { display: none; } #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-widget-checklist li, #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-widget-checklist li, #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-custom-checklist li, #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-custom-checklist li { padding: 5px 0 10px 0; } #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-widget-checklist li small, #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-widget-checklist li small, #menu-settings-column #posttype-quadmenu-widget ul#quadmenu-custom-checklist li small, #menu-settings-column #posttype-quadmenu-custom ul#quadmenu-custom-checklist li small { display: block; font-size: 0.8em; font-style: italic; line-height: 1.2em; } .submit-add-to-quadmenu-column-inside.button-primary { margin: 0 0 0 10px; } /*# sourceMappingURL=quadmenu.css.map */ #quadmenu-settings { margin: -1px -10px -11px -10px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-tabs .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-mega .quadmenu-tab-pane-default .quadmenu-setting-description { display: none; } #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-description, #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-xfn, #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-xfn, #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-xfn, #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-xfn, #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-target, #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-target, #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-target, #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-target, #quadmenu-settings.quadmenu-item-social .quadmenu-tab-pane-default .quadmenu-setting-url, #quadmenu-settings.quadmenu-item-carousel .quadmenu-tab-pane-default .quadmenu-setting-url, #quadmenu-settings.quadmenu-item-search .quadmenu-tab-pane-default .quadmenu-setting-url, #quadmenu-settings.quadmenu-item-login .quadmenu-tab-pane-default .quadmenu-setting-url { display: none; } #quadmenu-settings li.quadmenu-panel-query, #quadmenu-settings li.quadmenu-panel-content, #quadmenu-settings li.quadmenu-panel-archive_carousel { display: none; } #quadmenu-settings .quadmenu-column li.quadmenu-panel-query, #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-query, #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-query, #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-query, #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-query, #quadmenu-settings .quadmenu-column li.quadmenu-panel-content, #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-content, #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-content, #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-content, #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-content, #quadmenu-settings .quadmenu-column li.quadmenu-panel-archive_carousel, #quadmenu-settings.quadmenu-item-depth-1 li.quadmenu-panel-archive_carousel, #quadmenu-settings.quadmenu-item-depth-2 li.quadmenu-panel-archive_carousel, #quadmenu-settings.quadmenu-item-depth-3 li.quadmenu-panel-archive_carousel, #quadmenu-settings.quadmenu-item-depth-4 li.quadmenu-panel-archive_carousel { display: block!important; } #quadmenu-settings .quadmenu-column .quadmenu-setting-dropdown, #quadmenu-settings .quadmenu-column .quadmenu-setting-float { display: none!important; } #quadmenu-settings .quadmenu-setting-depth-0, #quadmenu-settings .quadmenu-setting-depth-1, #quadmenu-settings .quadmenu-setting-depth-2, #quadmenu-settings .quadmenu-setting-depth-3, #quadmenu-settings .quadmenu-setting-depth-4 { display: none; } #quadmenu-settings.quadmenu-item-depth-0 .quadmenu-setting-depth-0 { display: block; } #quadmenu-settings.quadmenu-item-depth-1 .quadmenu-setting-depth-1, #quadmenu-settings .quadmenu-item-depth-1 .quadmenu-setting-depth-1 { display: block; } #quadmenu-settings.quadmenu-item-depth-2 .quadmenu-setting-depth-2, #quadmenu-settings .quadmenu-item-depth-2 .quadmenu-setting-depth-2 { display: block; } #quadmenu-settings.quadmenu-item-depth-3 .quadmenu-setting-depth-3, #quadmenu-settings .quadmenu-item-depth-3 .quadmenu-setting-depth-3 { display: block; } #quadmenu-settings.quadmenu-item-depth-4 .quadmenu-setting-depth-4, #quadmenu-settings .quadmenu-item-depth-4 .quadmenu-setting-depth-4 { display: block; } #quadmenu-settings .dashicons { width: auto; height: auto; padding: 0; vertical-align: middle; } #quadmenu-settings.saving .quadmenu-settings-header .quadmenu_saving { display: block; } #quadmenu-settings input, #quadmenu-settings select, #quadmenu-settings textarea { border-radius: 2px; height: auto; margin: 0; box-shadow: none; } #quadmenu-settings input:not(.button), #quadmenu-settings select:not(.button), #quadmenu-settings textarea:not(.button) { padding: 7px 10px; } #quadmenu-settings input[type=text], #quadmenu-settings input[type=password], #quadmenu-settings select, #quadmenu-settings textarea { width: 100%; max-width: 600px; } #quadmenu-settings .quadmenu-settings-body { position: relative; } #quadmenu-settings .quadmenu-settings-footer, #quadmenu-settings .quadmenu-settings-header { position: relative; overflow: hidden; padding: 15px; } #quadmenu-settings .quadmenu-settings-header { background-color: #f1f1f1; border-bottom: 1px solid #ececec; } #quadmenu-settings .quadmenu-settings-header .quadmenu-title { margin: 0; line-height: 30px; } #quadmenu-settings .quadmenu-settings-header .quadmenu-title > i { margin: 0 5px 0 0; } #quadmenu-settings .quadmenu-settings-header .quadmenu_close { float: right; } #quadmenu-settings .quadmenu-settings-header .quadmenu_saving { font-size: 12px; text-align: right; padding: 0 20px; display: none; line-height: 60px; text-transform: uppercase; color: white; font-size: 11px; font-weight: bold; background: #21c2f8; position: absolute; right: 0; top: 0; bottom: 0; } #quadmenu-settings .quadmenu-settings-header .quadmenu_saving:before { color: white; display: inline-block; font: normal 20px 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; margin-right: 5px; content: '\f463'; -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear; line-height: inherit; /* z-index: -1; */ /* border-top-right-radius: 5px; */ border-radius: 5px; /* display: block; */ } #quadmenu-settings .quadmenu-setting { padding: 15px 0; border-bottom: 1px solid #eee; } #quadmenu-settings .quadmenu-setting:first-of-type { padding-top: 0; } #quadmenu-settings .quadmenu-setting:last-of-type { border-bottom: none; } #quadmenu-settings .quadmenu-setting span.title { display: block; margin: 0 0 5px 0; font-weight: 700; } #quadmenu-settings .quadmenu-setting span.description { display: block; margin: 5px 0 0 0; } #quadmenu-settings .quadmenu-setting .field-wrapper label { display: block; line-height: 25px; } #quadmenu-settings .quadmenu-setting .field-wrapper label input[type=checkbox], #quadmenu-settings .quadmenu-setting .field-wrapper label input[type=radio] { margin: -2px 5px 0 0; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-actions .button { padding: 0 15px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper.active .edit-menu-item-media-thumbnail:before, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper.active .edit-menu-item-media-thumbnail:before { display: none; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper.active .menu-item-media-clear, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper.active .menu-item-media-clear { display: inline; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail:before, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail:before { width: auto; height: auto; padding: 0; vertical-align: middle; line-height: 50px; content: "\f128"; font-family: dashicons; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .menu-item-media-clear, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .menu-item-media-clear { display: none; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail, #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-text, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-text, #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-css, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-css { display: block; overflow: hidden; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-css, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-css { display: block; overflow: hidden; line-height: 1; margin: 0; font-size: 10px; text-align: right; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-wrapper .edit-menu-item-media-thumbnail, #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper .edit-menu-item-media-thumbnail { float: left; width: 50px; height: 50px; background: #ccc; margin: 0 10px 0 0; text-align: center; font-size: 20px; color: #aaa; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-media .field-wrapper { background: #eee; display: block; overflow: hidden; padding: 5px; border: 1px solid #ddd; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background { position: relative; padding: 15px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .field-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0.2; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting { display: block; padding: 10px 0; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting b { display: block; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-background .setting select { min-width: 200px; width: auto; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label { display: flex; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden { flex: auto; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div { padding: 0 20px; line-height: 70px; height: 70px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div:not(:last-child), #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div:not(:last-child), #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div:not(:last-child), #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div:not(:last-child) { border-bottom: 1px solid #efefef; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > i, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > i, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > i, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > i, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > input, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > input, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > input, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > input { margin: 0; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div > select, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div > select { margin: 0 0 3px 0; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset, #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden { max-width: 60px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden { text-align: center; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div > i { background: transparent url('../../backend/images/offset.png') -21px 0 no-repeat; width: 21px; height: 21px; display: inline-block; vertical-align: middle; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.md > i { background-position: -21px -21px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.sm > i { background-position: -21px -42px; } #quadmenu-settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div.xs > i { background-position: -21px -84px; } #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-column, #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-panel, #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-tab { z-index: 9999; text-align: center; width: auto; padding: 0; text-decoration: none; align-items: center; cursor: pointer; } #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-column:after, #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-panel:after, #quadmenu-settings ul > li:first-of-type > a.submit-add-to-quadmenu-tab:after { position: relative; display: inline-block; font: 16px dashicons; color: #c3c3c3; content: '\f132'; width: 46px; vertical-align: middle; top: 1px; } #quadmenu-settings .quadmenu-columns { position: relative; padding: 46px 0 0 0; } #quadmenu-settings .quadmenu-columns > ul { position: absolute; width: 100%; left: 0; right: 0; top: 0; display: flex; background-color: #fafafa; border-width: 0 0 1px 0; border-style: solid; border-color: #e5e5e5; margin: 0; height: 46px; align-items: center; } #quadmenu-settings .quadmenu-columns > ul > .spinner { position: absolute; top: 50%; right: 0; margin: -10px 15px 0 0; } #quadmenu-settings .quadmenu-columns > ul > li { min-width: 40px; padding: 0 15px 0 0; margin: 0; } #quadmenu-settings .quadmenu-columns > ul > li > a { display: flex; height: 32px; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #quadmenu-settings .quadmenu-columns > ul > li > a:focus, #quadmenu-settings .quadmenu-columns > ul > li > a:hover { outline: 0; box-shadow: none; } #quadmenu-settings .quadmenu-columns > ul > li > a:focus > .col, #quadmenu-settings .quadmenu-columns > ul > li > a:hover > .col { background: #c3c3c3; } #quadmenu-settings .quadmenu-columns > ul > li > a > .col { flex: auto; height: 100%; margin: 0 3px 0 0; background: #ebebeb; padding: 0; } #quadmenu-settings .quadmenu-columns > ul > li > a > .col:last-of-type { margin: 0; } #quadmenu-settings .quadmenu-columns > .spinner { right: 0; } #quadmenu-settings .quadmenu-carousel .quadmenu-title, #quadmenu-settings .quadmenu-panel .quadmenu-title, #quadmenu-settings .quadmenu-tabs .quadmenu-title, #quadmenu-settings .quadmenu-tab .quadmenu-title, #quadmenu-settings .quadmenu-columns .quadmenu-title, #quadmenu-settings .quadmenu-column .quadmenu-title, #quadmenu-settings .quadmenu-column-item .quadmenu-title { font-size: 12px; white-space: nowrap; } #quadmenu-settings .quadmenu-carousel .quadmenu-title > i, #quadmenu-settings .quadmenu-panel .quadmenu-title > i, #quadmenu-settings .quadmenu-tabs .quadmenu-title > i, #quadmenu-settings .quadmenu-tab .quadmenu-title > i, #quadmenu-settings .quadmenu-columns .quadmenu-title > i, #quadmenu-settings .quadmenu-column .quadmenu-title > i, #quadmenu-settings .quadmenu-column-item .quadmenu-title > i { margin: 0 5px 0 0; color: #333; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions, #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions, #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions, #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions, #quadmenu-settings .quadmenu-column > .inner > .action-top .actions, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions { position: relative; text-align: right; float: right; padding: 0 15px; z-index: 9999; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-column > .inner > .action-top .actions a, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions a { display: inline-block; line-height: 46px; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-panel > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-tab > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-columns > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-column > .inner > .action-top .actions .spinner, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .actions .spinner { display: none; margin: 10px 0; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option, #quadmenu-settings .quadmenu-column > .inner > .action-top .option, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option { font: 400 16px/1 dashicons; speak: none; display: inline-block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none!important; color: #999; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-column > .inner > .action-top .option:hover, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option:hover { color: #333; cursor: pointer; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-column > .inner > .action-top .option:after, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option:after { padding: 0; font: 400 14px/40px dashicons; display: inline; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-column > .inner > .action-top .option.remove::after, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.remove::after { content: '\f182'; margin: 0; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-column > .inner > .action-top .option.edit::after, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.edit::after { content: '\f111'; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-column > .inner > .action-top .option.disabled:hover, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.disabled:hover { color: #999; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-column > .inner > .action-top .option.expand::after, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.expand::after { content: '\f345'; } #quadmenu-settings .quadmenu-carousel > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-panel > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-tabs > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-tab > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-columns > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-column > .inner > .action-top .option.contract::after, #quadmenu-settings .quadmenu-column-item > .inner > .action-top .option.contract::after { content: '\f341'; } #quadmenu-settings .quadmenu-carousel .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-panel .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-tabs .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-tab .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-columns .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-column .settings .quadmenu-tabs-content, #quadmenu-settings .quadmenu-column-item .settings .quadmenu-tabs-content { max-height: 400px; overflow-y: hidden; } #quadmenu-settings .quadmenu-carousel.open .option.edit::after, #quadmenu-settings .quadmenu-panel.open .option.edit::after, #quadmenu-settings .quadmenu-tabs.open .option.edit::after, #quadmenu-settings .quadmenu-tab.open .option.edit::after, #quadmenu-settings .quadmenu-columns.open .option.edit::after, #quadmenu-settings .quadmenu-column.open .option.edit::after, #quadmenu-settings .quadmenu-column-item.open .option.edit::after { content: '\f142'; } #quadmenu-settings .quadmenu-carousel.open .items, #quadmenu-settings .quadmenu-panel.open .items, #quadmenu-settings .quadmenu-tabs.open .items, #quadmenu-settings .quadmenu-tab.open .items, #quadmenu-settings .quadmenu-columns.open .items, #quadmenu-settings .quadmenu-column.open .items, #quadmenu-settings .quadmenu-column-item.open .items { display: none; } #quadmenu-settings .quadmenu-carousel.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-panel.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-tabs.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-tab.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-columns.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-column.saving > .inner > .action-top > .actions .option, #quadmenu-settings .quadmenu-column-item.saving > .inner > .action-top > .actions .option { visibility: hidden; } #quadmenu-settings .quadmenu-carousel.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-panel.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-tabs.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-tab.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-columns.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-column.saving > .inner > .action-top > .actions .spinner, #quadmenu-settings .quadmenu-column-item.saving > .inner > .action-top > .actions .spinner { display: block; visibility: visible; } #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-columns.row { padding-top: 0; max-width: 630px; } #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-column > .inner { padding-top: 15px; } #quadmenu-settings .quadmenu-tab-pane-account .quadmenu-column > .inner > .action-top > .actions { display: none; } #quadmenu-settings .quadmenu-tabs { overflow: visible; } #quadmenu-settings .drop-column { padding: 15px; box-sizing: border-box; overflow: visible; display: table; } #quadmenu-settings .drop-column:before { display: table-cell; height: 100%; content: ''; box-sizing: border-box; width: 100%; min-height: 40px; position: relative; border: 1px dashed #DFDFDF; } #quadmenu-settings .quadmenu-carousel.open > .inner, #quadmenu-settings .quadmenu-panel.open > .inner, #quadmenu-settings .quadmenu-tabs.open > .inner, #quadmenu-settings .quadmenu-tab.open > .inner, #quadmenu-settings .quadmenu-columns.open > .inner, #quadmenu-settings .quadmenu-column.open > .inner, #quadmenu-settings .quadmenu-column-item.open > .inner { z-index: 999; min-width: 220px; width: 100%; } #quadmenu-settings .quadmenu-carousel.open .settings, #quadmenu-settings .quadmenu-panel.open .settings, #quadmenu-settings .quadmenu-tabs.open .settings, #quadmenu-settings .quadmenu-tab.open .settings, #quadmenu-settings .quadmenu-columns.open .settings, #quadmenu-settings .quadmenu-column.open .settings, #quadmenu-settings .quadmenu-column-item.open .settings { visibility: visible; opacity: 1; max-height: 900px; } #quadmenu-settings .quadmenu-carousel .settings, #quadmenu-settings .quadmenu-panel .settings, #quadmenu-settings .quadmenu-tabs .settings, #quadmenu-settings .quadmenu-tab .settings, #quadmenu-settings .quadmenu-columns .settings, #quadmenu-settings .quadmenu-column .settings, #quadmenu-settings .quadmenu-column-item .settings { position: absolute; visibility: hidden; max-height: 0; opacity: 0; right: 0; left: 0; -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); } #quadmenu-settings .quadmenu-column.open > .inner, #quadmenu-settings .quadmenu-column.open > .inner > .settings { box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.1); } #quadmenu-settings .quadmenu-column:last-of-type.open > .inner { float: right; } #quadmenu-settings .quadmenu-column:last-of-type .quadmenu-column-item.open > .inner { float: right; } #quadmenu-settings .quadmenu-column { padding: 15px; box-sizing: border-box; overflow: visible; } #quadmenu-settings .quadmenu-column:not(.ui-sortable-helper) { -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); } #quadmenu-settings .quadmenu-column:focus > .inner { z-index: 1010; } #quadmenu-settings .quadmenu-column > .inner { position: relative; padding: 0 15px 15px 15px; background: #FAFAFA; } #quadmenu-settings .quadmenu-column > .inner > .action-top > .actions { background: #FAFAFA; } #quadmenu-settings .quadmenu-column > .inner > .settings { background: #FAFAFA; } #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width { min-width: 220px; background: #FAFAFA; width: 100%; } #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label { padding: 0 15px; } #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-icons > div, #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-columns > div, #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-offset > div, #quadmenu-settings .quadmenu-column > .inner > .settings .quadmenu-setting.quadmenu-setting-width > label > .quadmenu-setting-width-hidden > div { padding: 0 5px; line-height: 40px; height: 40px; } #quadmenu-settings .quadmenu-column .items { margin: 0; padding: 0; } #quadmenu-settings .quadmenu-column .items:after { border: 1px dashed #DFDFDF; padding: 11px 0 7px 0; text-align: center; font-weight: 800; font: 24px dashicons; content: '\f132'; color: #c3c3c3; cursor: pointer; } #quadmenu-settings .quadmenu-column .items:after:hover { opacity: 0.2; } #quadmenu-settings .quadmenu-column .items:after, #quadmenu-settings .quadmenu-column .items .drop-area { display: block; box-sizing: border-box; max-width: 100%; min-height: 46px; position: relative; border: 1px dashed #DFDFDF; } #quadmenu-settings .quadmenu-column .items.selected { border: 1px dashed #DFDFDF; padding: 5px 5px 0 5px; } #quadmenu-settings .quadmenu-column .items.selected:after { border: none; } #quadmenu-settings .quadmenu-column .items > li { margin: 0 0 5px 0; list-style: none; } #quadmenu-settings .quadmenu-column .items > li .menu-item-bar { margin: 0; } #quadmenu-settings .quadmenu-column .items > li .menu-item-settings, #quadmenu-settings .quadmenu-column .items > li .menu-item-bar .menu-item-handle { width: auto; } #quadmenu-settings .quadmenu-column .items > li .menu-item-handle .item-title { margin: 0; } #quadmenu-settings .quadmenu-column .items > li .menu-item-settings { display: block; padding: 10px; } #quadmenu-settings .quadmenu-column .items > li .description-wide { width: 100%; } #quadmenu-settings .quadmenu-column .items > li .menu-item-actions, #quadmenu-settings .quadmenu-column .items > li .field-move { display: none; } #quadmenu-settings .quadmenu-column-item .item-title { padding: 0 15px; overflow: hidden; } #quadmenu-settings .quadmenu-column-item .item-title .quadmenu-title { position: absolute; max-width: 60%; overflow: hidden; vertical-align: middle; height: 46px; line-height: 46px; display: inline-block; margin: 0; padding: 0; white-space: nowrap; border-bottom: 0; } #quadmenu-settings .quadmenu-column-item .settings { left: -1px; right: -1px; background-color: #fff; border: 1px solid #ececec; } #quadmenu-settings .quadmenu-column-item > .inner { position: relative; border: 1px solid #ececec; box-sizing: border-box; background: #fff; -webkit-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -moz-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); -o-transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); transition: all 0.4s cubic-bezier(0.18, 0.74, 0.72, 1); } #quadmenu-settings .quadmenu-column-item > .inner > .settings .quadmenu-setting.quadmenu-setting-icon .button-icon { display: none; } #quadmenu-settings .quadmenu-column-item > .inner > .settings .quadmenu-setting.quadmenu-setting-icon input { max-width: 100%; } #quadmenu-settings .quadmenu-invalid > .inner, #quadmenu-settings .quadmenu-invalid > .inner .actions { background: #f6c9cc; border-color: #f1acb1; } #quadmenu-settings .quadmenu-invalid > .inner .action-top .option { color: #f5868c; } #quadmenu-settings .quadmenu-widget .widget { margin: 0; padding: 15px; } #quadmenu-settings .quadmenu-widget .widget .widget-inner { border: none; box-shadow: none; min-height: 100px; } #quadmenu-settings .quadmenu-widget .widget .widget-inner textarea { max-height: 110px; } #quadmenu-settings .quadmenu-widget .widget.open .widget-inner { display: block; } .quadmenu-setting-icon .quadmenu-icons-search { padding-bottom: 15px; } .quadmenu-setting-icon .quadmenu-icons-search input { max-width: 300px; padding: 0 15px!important; line-height: 27px; } .quadmenu-setting-icon .quadmenu-icons-search .button-icon > i { margin: 0 5px 0 0; } .quadmenu-setting-icon .quadmenu-icons-search .button-icon > i.dashicons { width: 1em; height: 1em; line-height: 1em; vertical-align: middle; } .quadmenu-setting-icon .quadmenu-icons-scroll { width: 100%!important; overflow: auto; text-align: center; } .quadmenu-setting-icon .quadmenu-icons-scroll .icon { display: block; float: left; color: #666; border: none; text-decoration: none; font-size: 20px; line-height: 40px; width: 10%; text-align: center; transition: all 0.2s; padding: 2px; box-sizing: border-box; min-width: 40px; } .quadmenu-setting-icon .quadmenu-icons-scroll .icon > i { display: inline-block !important; background-color: #f6f6f6; line-height: 45px; width: 100%!important; height: auto; } .quadmenu-setting-icon .quadmenu-icons-scroll .icon:hover > i, .quadmenu-setting-icon .quadmenu-icons-scroll .icon.selected > i { cursor: pointer; background-color: #21c2f8; color: #fff; } body.admin-color-quadmenu:not(.post-php):not(.post-new-php) .quadmenu-admin-wrap { position: relative; margin: 26px 30px 0 20px; max-width: 1050px; clear: both; } body.admin-color-quadmenu .about-wrap h2 { font-weight: 600; } body.admin-color-quadmenu .about-wrap h2 .dashicons-awards { vertical-align: bottom; } body.admin-color-quadmenu .about-wrap h1 .dashicons-awards { font-size: 44px; width: 44px; margin: 0 0 0 -8px; height: 44px; text-align: center; vertical-align: bottom; color: #21c2f8; } body.admin-color-quadmenu .quadmenu-admin-wrap p { font-size: 15px; line-height: 25px; } body.admin-color-quadmenu .quadmenu-admin-wrap h2.theme-name { text-align: left; } body.admin-color-quadmenu .button-primary, body.wp-customizer .redux-container .button-primary, body.admin-color-quadmenu .redux-container .button-primary, body.wp-customizer .redux-container-switch .cb-enable.selected, body.admin-color-quadmenu .redux-container-switch .cb-enable.selected, body.wp-customizer .redux-field-container .ui-buttonset .ui-state-active, body.admin-color-quadmenu .redux-field-container .ui-buttonset .ui-state-active, #menu-settings-column .button-primary, #post-body-content .button-primary, #nav-menu-header .button-primary, #nav-menu-footer .button-primary, #quadmenu-settings .button-primary { color: #fff !important; border-color: #07a9df !important; background: none repeat scroll 0% 0% #21c2f8 !important; } body.admin-color-quadmenu .button-primary:focus, body.admin-color-quadmenu .button-primary:active, body.admin-color-quadmenu .button-primary:hover { color: #fff; border-color: #21c2f8; background: none repeat scroll 0% 0% #30c6f8 !important; } body.admin-color-quadmenu .button, body.wp-customizer .wp-picker-container .button, body.admin-color-quadmenu .wp-picker-container .button, body.wp-customizer .redux-container .button, body.admin-color-quadmenu .redux-container .button, body.wp-customizer .redux-container .button-secondary, body.admin-color-quadmenu .redux-container .button-secondary, body.wp-customizer .redux-container-switch .cb-disable.selected, body.admin-color-quadmenu .redux-container-switch .cb-disable.selected, body.wp-customizer .redux-field-container .ui-buttonset, body.admin-color-quadmenu .redux-field-container .ui-buttonset, body.wp-customizer .redux-container .button-primary, body.admin-color-quadmenu .redux-container .button-primary, body.wp-customizer .redux-container-switch .cb-enable.selected, body.admin-color-quadmenu .redux-container-switch .cb-enable.selected, body.wp-customizer .redux-field-container .ui-buttonset .ui-state-active, body.admin-color-quadmenu .redux-field-container .ui-buttonset .ui-state-active, #menu-settings-column .button-primary, #menu-settings-column .button-primary, #post-body-content .button-primary, #post-body-content .button-primary, #nav-menu-header .button-primary, #nav-menu-header .button-primary, #nav-menu-footer .button-primary, #nav-menu-footer .button-primary, #quadmenu-settings .button-primary, #quadmenu-settings .button-primary { box-shadow: none!important; text-shadow: none!important; } body.admin-color-quadmenu .button:focus, body.admin-color-quadmenu .button:active, body.admin-color-quadmenu .button:hover { box-shadow: none!important; text-shadow: none!important; } body.admin-color-quadmenu .button-warning { color: #b29208 !important; border-color: #f9e073 !important; background: none repeat scroll 0% 0% #fbeba4 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important; text-shadow: none!important; } body.admin-color-quadmenu .button-warning:focus, body.admin-color-quadmenu .button-warning:active, body.admin-color-quadmenu .button-warning:hover { color: #b29208; border-color: #fbeba4; background: none repeat scroll 0% 0% #fceeb3 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important; } body.admin-color-quadmenu .button-critical { color: #ffffff !important; border-color: #fa2f8d !important; background: none repeat scroll 0% 0% #FB61A8 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important; text-shadow: none!important; } body.admin-color-quadmenu .button-critical:focus, body.admin-color-quadmenu .button-critical:active, body.admin-color-quadmenu .button-critical:hover { color: #ffffff; border-color: #fb61a8; background: none repeat scroll 0% 0% #fb70b0 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.08) !important; } body.admin-color-quadmenu .quadmenu-wp-admin-header { max-width: none; margin: 0 -48px 0 0px; padding-left: 28px; padding-top: 28px; position: relative; left: -48px; } body.admin-color-quadmenu .quadmenu-wp-admin-header .nav-tab-wrapper { padding-left: 37px !important; } body.admin-color-quadmenu .quadmenu-admin-box-text { float: left; padding: 6px 26px; background-color: #FFF; margin-bottom: 30px; margin-top: 15px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } body.admin-color-quadmenu .quadmenu-admin-box-text p { font-size: 15px; line-height: 25px; display: inline-block; margin-right: 10px; } body.admin-color-quadmenu .quadmenu-admin-box-text .button { margin-right: 10px; vertical-align: middle !important; } body.admin-color-quadmenu .quadmenu-admin-box-text h2 { color: #111; font-size: 1.8em; font-weight: bold; line-height: 1.1em; } body.admin-color-quadmenu .quadmenu-admin-columns { margin-top: 30px; } body.admin-color-quadmenu .quadmenu-admin-box-three { width: 32%; margin-right: 2%; /* responsive portrait phone */ } @media (max-width: 780px) { body.admin-color-quadmenu .quadmenu-admin-box-three { width: 100%; margin-bottom: 0; margin-right: 0; } } body.admin-color-quadmenu .quadmenu-admin-box-three .button { margin-bottom: 16px; margin-right: 10px; } body.admin-color-quadmenu .quadmenu-admin-box-three p { margin-right: 0; } body.admin-color-quadmenu .quadmenu-admin-box-last { margin-right: 0; } body.admin-color-quadmenu .quadmenu-admin-wrap .about-text { width: 100%; } body.admin-color-quadmenu .quadmenu-welcome-version { display: inline; font-size: 12px; } body.admin-color-quadmenu .quadmenu-system-table { margin-bottom: 35px; } body.admin-color-quadmenu .quadmenu-system-table tr:nth-child(2n) td, body.admin-color-quadmenu .quadmenu-system-table table.wc_status_table tr:nth-child(2n) th { background: #fcfcfc; } body.admin-color-quadmenu .quadmenu-system-table th { padding: 10px 10px 10px 15px; font-weight: bold; } body.admin-color-quadmenu .quadmenu-system-table td { padding: 10px; vertical-align: middle; } body.admin-color-quadmenu .quadmenu-system-name { width: 200px; padding-left: 15px !important; } body.admin-color-quadmenu .quadmenu-system-help { width: 20px; } body.admin-color-quadmenu .quadmenu-system-status { width: 50px; text-align: center; } body.admin-color-quadmenu .quadmenu-system-value { font-size: 11px; } body.admin-color-quadmenu .quadmenu-system-led { width: 12px; height: 13px; display: inline-block; text-align: center; line-height: 13px; cursor: pointer; border-radius: 2px; } body.admin-color-quadmenu .quadmenu-system-led.success { background-color: #62ae29; } body.admin-color-quadmenu .quadmenu-system-led.warning { background-color: #f9e073; } body.admin-color-quadmenu .quadmenu-system-led.critical { background-color: #fa2f8d; } body.admin-color-quadmenu .quadmenu-system-led.info { background-color: #919191; color: #fff; font-size: 11px; } body.admin-color-quadmenu .quadmenu-status-small-text { font-size: 12px; color: #707070; font-style: italic; } body.quadmenu-pro #adminmenu #toplevel_page_quadmenu_welcome a[href="admin.php?page=quadmenu_welcome"] .wp-menu-name:before { content: 'PRO'; color: #fff; background-color: #21c2f8; padding: 1px 7px; font-size: 9px; font-weight: 700; border-radius: 10px; position: absolute; right: 15px; line-height: 16px; } /*# sourceMappingURL=quadmenu-admin.css.map */