/*------------------------------------------------------------------
[CSF Framework Override]

* CSF Override Style
* CSF Options Page Style
-------------------------------------------------------------------*/

/* transition */
.edith_shortcode_edit_page #titlediv #title,
.edith_shortcode_edit_page #post-body-content .button,
.edith-shortcode-back-button svg,
.edith-field-button_set .edith--button,
.edith-field .wp-picker-container .wp-color-result.button,
.edith-field-color .button.wp-picker-clear,
.wp-core-ui .edith .button,
.edith-field-repeater .edith-repeater-helper i,
.edith-field-sorter ul li,
.edith-modal-close,
.edith-modal-icon i,
.edith-field .chosen-container-active .chosen-choices {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.edith_shortcode_edit_page .button:focus,
.edith_shortcode_edit_page .button:active {
    outline: 0;
    box-shadow: unset;
}

.edith_shortcode_edit_page #post-body-content *,
.edith_shortcode_edit_page .postbox * {
    -webkit-font-smoothing: antialiased;
}

.wp-admin.edith_shortcode_edit_page {
    background: #fff;
}

.wp-admin.edith_shortcode_edit_page {
    background: #f1f4fb;
    color: rgb(71 85 105);
}

.edith_shortcode_edit_page ul#adminmenu a.wp-has-current-submenu:after,
.edith_shortcode_edit_page ul#adminmenu>li.current>a.current:after {
    border-right-color: #fff;
}

.rtl.edith_shortcode_edit_page ul#adminmenu a.wp-has-current-submenu:after,
.rtl.edith_shortcode_edit_page ul#adminmenu>li.current>a.current:after {
    border-left-color: #fff;
    border-right-color: transparent;
}

.edith-plugin-settings-page ul#adminmenu a.wp-has-current-submenu:after,
.edith-plugin-settings-page ul#adminmenu>li.current>a.current:after {
    border-right-color: transparent;
}

.edith_shortcode_edit_page #wpbody-content .wp-heading-inline,
.edith_shortcode_edit_page #wpbody-content .page-title-action,
.edith_shortcode_edit_page #wpbody-content .wp-header-end,
.edith_shortcode_edit_page #postbox-container-1 {
    display: none !important;
}

.edith_shortcode_edit_page div#postbox-container-2 {
    float: unset;
    display: flex;
    justify-content: center;
}

.edith_shortcode_edit_page div#postbox-container-2>#advanced-sortables {
    width: 100%;
}

.edith_shortcode_edit_page #poststuff #post-body.columns-2 {
    clear: both;
    margin: 0;
}

.edith_shortcode_edit_page #poststuff>.clear {
    display: none;
}

.edith_shortcode_edit_page #post-body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    float: unset;
    width: unset;
    gap: 20px;
    align-items: center;
    padding: 30px;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #eceff5;
}

.edith_shortcode_edit_page #post-body-content #titlediv {
    order: 2;
}

.edith_shortcode_edit_page #post-body-content .edith-shortcode-back-button {
    order: 1;
}

.edith_shortcode_edit_page #post-body-content .edith-shortcode-post-action-buttons {
    order: 3;
}

.edith_shortcode_edit_page #poststuff {
    padding: 0;
}

.edith_shortcode_edit_page #wpbody-content {
    padding: 0;
    width: unset;
    float: unset;
}

.edith_shortcode_edit_page #wpcontent {
    padding-left: 0;
}

.edith_shortcode_edit_page .wrap {
    margin: 0;
}

.edith_shortcode_edit_page .postbox .postbox-header {
    display: none;
}

.edith_shortcode_edit_page #titlediv #title {
    border: 1px solid #eceff5;
    border-radius: var(--wpbean-edith-border-radius);
    box-shadow: unset;
    height: 42px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px;
    margin: 0 !important;
    color: #495057;
    background: var(--wpbean-edith-bg-secondary);
}

.edith_shortcode_edit_page #titlediv #title:focus,
.edith_shortcode_edit_page #titlediv #title:active {
    border-color: var(--wpbean-edith-blue);
}

.edith_shortcode_edit_page #post-body-content .button,
.edith_shortcode_edit_page .button-secondary {
    height: 42px;
    padding: 0 15px;
    font-weight: 700;
    text-shadow: unset;
    border: 1px solid #eceff5;
    border-radius: var(--wpbean-edith-border-radius);
    color: #495057;
    background: #f5f5f9;
    display: inline-flex;
    gap: 15px;
    line-height: unset;
    align-items: center;
}

.edith_shortcode_edit_page #post-body-content .button.button-primary {
    background: var(--wpbean-edith-blue);
    border-color: var(--wpbean-edith-blue);
    color: #fff;
    padding: 0 50px;
}

.edith_shortcode_edit_page #post-body-content .button:hover,
.edith_shortcode_edit_page #post-body-content .button:focus,
.wp-core-ui .edith .button.button-secondary:hover,
.wp-core-ui .edith .button.button-secondary:focus,
.edith-field-color .button.wp-picker-clear:hover,
.edith-field-color .button.wp-picker-clear:focus {
    border-color: var(--wpbean-edith-blue);
}

.wp-core-ui .edith .button.button-secondary:hover {
    color: #495057;
}

.edith_shortcode_edit_page #post-body-content .button-primary:hover,
.edith_shortcode_edit_page #post-body-content .button-primary:focus {
    background: var(--wpbean-edith-navy-blue);
    border-color: var(--wpbean-edith-navy-blue);
}

.edith_shortcode_edit_page #post-body-content .button:active,
.edith_shortcode_edit_page #post-body-content .button:focus {
    box-shadow: unset;
    outline: 0;
}

.edith_shortcode_edit_page #post-body-content .edith-shortcode-back-button a {
    padding: 0 8px;
}

.edith-shortcode-back-button a:hover svg {
    stroke: var(--wpbean-edith-blue);
}

.edith-shortcode-post-action-buttons #publishing-action {
    float: unset;
    text-align: unset;
    line-height: unset;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row-reverse;
}

#publishing-action .spinner {
    margin: 0;
}

.edith_shortcode_edit_page .notice-dismiss {
    bottom: 0;
}

.edith_shortcode_edit_page .notice,
.edith_shortcode_edit_page div.error,
.edith_shortcode_edit_page div.updated {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--wpbean-edith-border-radius);
}

.edith_shortcode_edit_page #wpbody-content > .notice,
.edith_shortcode_edit_page .notice:not(#message)  {
    display: none!important;
}

.edith_shortcode_edit_page .notice-success,
.edith_shortcode_edit_page div.updated {
    color: #1f7556;
    background-color: #d6f3e9;
    border-color: #c2eddd;
}

.edith_shortcode_edit_page.wp-core-ui .notice {
    margin: 15px;
    overflow: hidden;
}

.edith_shortcode_edit_page .postbox {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 0;
    margin: 0;
}

.edith_shortcode_edit_page #poststuff .postbox .inside,
#poststuff .edith-regular-meta .inside {
    margin: 0;
    padding: 0;
}

.edith-metabox {
    margin: 0;
}

.edith-nav .edith-tab-icon,
.edith-theme-light .edith-nav-normal>ul li a i {
    font-size: 18px;
    margin: 0;
}

.edith-theme-light .edith-nav-normal ul ul li a i {
    font-size: 15px;
}

@media only screen and (max-width: 1280px) {
    .edith-theme-light .edith-content {
        width: unset;
        margin: 30px 0;
    }

    .edith-theme-light .edith-content>.edith-sections {
        float: unset;
        padding: 0;
        width: unset;
    }
}

.edith-theme-light .edith-nav ul li a {
    color: var(--wpbean-edith-dark-blue);
}

.edith-field+.edith-field {
    border: 0;
}

.edith-metabox .edith-section>.edith-field,
.edith-field-fieldset .edith-fieldset-content>.edith-field,
.edith-field-group .edith-cloneable-content>.edith-field,
.edith-field-repeater .edith-repeater-content>.edith-field,
.edith-field-sortable .edith-sortable-content>.edith-field,
.edith-field-tabbed .edith-tabbed-content>.edith-field,
.edith-sections .edith-section>.edith-field {
    padding: 40px 0;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-start;
}
.edith-sections .edith-section>.edith-field.edith-field-content {
    display: block;
}
@media only screen and (max-width: 1200px) {
    .edith-metabox .edith-section>.edith-field,
    .edith-field-fieldset .edith-fieldset-content>.edith-field,
    .edith-field-group .edith-cloneable-content>.edith-field,
    .edith-field-repeater .edith-repeater-content>.edith-field,
    .edith-field-sortable .edith-sortable-content>.edith-field,
    .edith-field-tabbed .edith-tabbed-content>.edith-field,
    .edith-sections .edith-section>.edith-field {
        flex-direction: column;
        align-items: start;
        gap: 5px;
        padding: 20px 0;
    }
    .edith-field .edith-title {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 782px) {
    .edith-search {
        margin: 0;
    }
}

.edith-sections .edith-section>.edith-field.edith-field-notice,
.edith-sections .edith-section>.edith-field.edith-field-submessage {
    padding: 1rem 0!important;
    background: transparent;
}

.edith-notice,
.edith-submessage {
    display: block;
    width: 100%;
    box-shadow: unset;
    border: 0;
    border-radius: .375rem;
    padding: 1rem;
}

.edith-notice.edith-notice-normal {
    background-color: #f5f5f9;
}

.edith-notice.edith-notice-success {
    background: rgb(220 252 231);
    color: rgb(22 101 52);
}

.edith-notice.edith-notice-info {
    background-color: rgb(219 234 254);
    color: rgb(30 64 175);
}

.edith-notice.edith-notice-warning {
    background: rgb(254 243 199);
    color: rgb(146 64 14);
}

.edith-notice.edith-notice-danger {
    color: #721c24;
    background-color: #f8d7da;
}

.edith-depend-hidden.edith-depend-on,
.edith-sections .edith-section>.edith-field.edith-depend-hidden.edith-depend-on {
    display: none!important;
}

.edith-field-fieldset .edith-fieldset-content>.edith-field,
.edith-field-group .edith-cloneable-content>.edith-field,
.edith-field-tabbed .edith-tabbed-content>.edith-field {
    padding: 30px 20px;
}

.edith-field-repeater .edith-repeater-content>.edith-field,
.edith-field-sortable .edith-sortable-content>.edith-field {
    padding: 15px;
}

.edith-field .edith-title,
.edith-field .edith-fieldset {
    float: unset;
}

.edith-field .edith-title {
    width: 30%;
}
.edith-field .edith-fieldset {
    width: calc(70% - 30px);
    position: relative;
}

.edith-field:after,
.edith-field:before,
.edith-field .clear {
    display: none;
}

.edith-field-color_group .edith--left {
    margin-right: 40px;
    margin-bottom: 15px;
}

.rtl .edith-field-color_group .edith--left {
    margin-left: 40px;
    margin-right: 0;
}

.edith-field .edith-title h4 {
    color: rgb(30 41 59);
    font-size: 14px;
}

.edith-subtitle-text,
.edith-section-description,
.edith-before-text,
.edith-after-text,
.edith-desc-text,
.edith--label,
.edith-field-switcher .edith--label {
    color: rgb(56 67 87 / 80%);
}

.edith-theme-light .edith-search input,
.edith-field input[type=color],
.edith-field input[type=date],
.edith-field input[type=datetime-local],
.edith-field input[type=datetime],
.edith-field input[type=email],
.edith-field input[type=month],
.edith-field input[type=number],
.edith-field input[type=password],
.edith-field input[type=search],
.edith-field input[type=tel],
.edith-field input[type=text],
.edith-field input[type=time],
.edith-field input[type=url],
.edith-field input[type=week],
.edith-field textarea,
.edith-field select {
    border: 1px solid var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
    font-weight: 500;
    color: var(--wpbean-edith-navy-blue);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.edith-theme-light .edith-search input,
.edith-field input[type=date],
.edith-field input[type=datetime-local],
.edith-field input[type=datetime],
.edith-field input[type=email],
.edith-field input[type=month],
.edith-field input[type=number],
.edith-field input[type=password],
.edith-field input[type=search],
.edith-field input[type=tel],
.edith-field input[type=text],
.edith-field input[type=time],
.edith-field input[type=url],
.edith-field input[type=week] {
    min-height: 40px;
    padding: 0 15px;
}

.edith-field-number .edith--wrap {
    float: unset;
}
.edith-number-large.edith-field-number .edith--wrap {
    width: auto;
}
.edith-field-number .edith--wrap .edith--unit {
    padding: 2px 8px;
    font-weight: 500;
}

.edith-theme-light .edith-search input:focus,
.edith-field input[type=checkbox]:focus,
.edith-field input[type=color]:focus,
.edith-field input[type=date]:focus,
.edith-field input[type=datetime-local]:focus,
.edith-field input[type=datetime]:focus,
.edith-field input[type=email]:focus,
.edith-field input[type=month]:focus,
.edith-field input[type=number]:focus,
.edith-field input[type=password]:focus,
.edith-field input[type=radio]:focus,
.edith-field input[type=search]:focus,
.edith-field input[type=tel]:focus,
.edith-field input[type=text]:focus,
.edith-field input[type=time]:focus,
.edith-field input[type=url]:focus,
.edith-field input[type=week]:focus,
.edith-field select:focus,
.edith-field textarea:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.edith-field-textarea textarea {
    padding: 15px;
}

.edith-field-wp_editor textarea {
    border: 0;
}

.edith-field-select select {
    width: auto;
    max-width: 100%;
    min-height: 40px;
    padding: 0 30px 0 15px;
}

.edith-field-switcher .edith--label {
    font-weight: 500;
}

.edith-field-switcher .edith--switcher {
    width: 44px;
    height: 24px;
    border-radius: 30px;
    background-color: rgb(203 213 225);
}

.edith-field-switcher .edith--active {
    background-color: var(--wpbean-edith-blue);
}

.edith-field-switcher .edith--ball {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}
.edith-field-switcher .edith--ball::before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 10px;
    color: rgb(100 116 139);
    display: flex;
    line-height: initial;
}
.edith-field-switcher .edith--active .edith--ball::before {
    content: "\f00c";
    color: var(--wpbean-edith-blue);
}
.edith-field-switcher .edith--active .edith--ball {
    margin-left: -22px;
}
.edith-field-switcher .edith--off, 
.edith-field-switcher .edith--on {
    display: none;
}

.edith-field-button_set .edith--button {
    padding: 0 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    height: 38px;
    box-shadow: unset;
    background: var(--wpbean-edith-bg-secondary);
    border-color: var(--wpbean-edith-border-color);
}

.edith-field-button_set .edith--button:hover {
    background-color: #eceff5;
}

.edith-field-button_set .edith--active,
.edith-field-button_set .edith--active:hover,
.wp-core-ui .edith .button.button-primary {
    background: var(--wpbean-edith-blue);
    border-color: var(--wpbean-edith-blue);
}

.edith-field-button_set .edith--active,
.edith-field-button_set .edith--active:hover {
    border-color: var(--wpbean-edith-navy-blue);
}

.edith-field .wp-picker-container .wp-color-result.button,
.edith-field .wp-color-result-text {
    border-color: var(--wpbean-edith-border-color);
    background: transparent;
}

.edith-field .wp-picker-container .wp-color-result.button,
.edith-field .wp-picker-container input[type=text].wp-color-picker,
.edith-field-color .button.wp-picker-clear {
    font-weight: 700;
    min-height: 36px;
}

.edith-field .wp-picker-container .wp-color-result.button:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.edith-field .wp-color-result-text {
    line-height: 34px;
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-color .button.wp-picker-clear {
    background: #f5f5f9;
    border-color: #eceff5;
    color: #495057;
}

.edith-field-color_group .edith--title,
.edith-field-link_color .edith--title,
.edith-field-typography .edith--title {
    color: var(--wpbean-edith-navy-blue);
    font-weight: 600;
    margin-bottom: 10px;
}

.edith-field-background .edith--background-attributes .edith-field {
    flex: 0 0 calc(50% - 6px);
}

.wp-core-ui .edith .button,
.wp-core-ui .edith .button,
.edith-theme-light .edith-expand-all {
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    font-weight: 600;
    box-shadow: unset;
    border-radius: var(--wpbean-edith-border-radius);
    background: var(--wpbean-edith-bg-secondary);
    border-color: var(--wpbean-edith-border-color);
}

.wp-core-ui .edith .edith-field .button.wp-picker-default {
    height: 36px;
    color: inherit;
}

.edith_shortcode_edit_page.wp-core-ui .quicktags-toolbar .button {
    height: auto;
    padding: 0 8px;
    font-weight: 400;
    color: #495057;
}

.edith_shortcode_edit_page.wp-core-ui .quicktags-toolbar .button:hover,
.edith_shortcode_edit_page.wp-core-ui .quicktags-toolbar .button:focus {
    border-color: var(--wpbean-edith-blue);
}

.wp-core-ui .edith .button.edith-edit-gallery,
.wp-core-ui .edith .button.edith--edit {
    color: #495057;
}

.wp-core-ui .edith .button.edith-edit-gallery:hover,
.wp-core-ui .edith .button.edith-edit-gallery:focus,
.wp-core-ui .edith .button.edith--edit:hover,
.wp-core-ui .edith .button.edith--edit:focus {
    background: #eceff5;
    outline: 0;
}

.wp-core-ui .edith .button.hidden {
    display: none;
}

.edith-field .wp-picker-container .wp-color-result.button {
    padding: 0 0 0 30px;
    overflow: hidden;
}

.edith-field .wp-picker-container .wp-color-result.button,
.edith-field-color .button.wp-picker-clear {
    height: unset;
    display: inherit;
}

.wp-core-ui .edith .button.button-primary:hover,
.wp-core-ui .edith .button.button-primary:focus {
    background: var(--wpbean-edith-navy-blue);
    border-color: var(--wpbean-edith-navy-blue);
}

.edith-field-media .button {
    margin: 0;
}

.edith-field-media .edith--placeholder {
    gap: 5px;
}

.edith-field-border .edith--inputs,
.edith-field-dimensions .edith--inputs,
.edith-field-spacing .edith--inputs {
    gap: 10px;
}

.edith-field-border .edith--input,
.edith-field-dimensions .edith--input,
.edith-field-spacing .edith--input {
    padding: 0;
}

.edith-field-border .edith--color,
.edith-field-dimensions .edith--color,
.edith-field-spacing .edith--color {
    margin-top: 15px;
}

.edith-field-border .edith--label,
.edith-field-dimensions .edith--label,
.edith-field-spacing .edith--label,
.edith-field-number .edith--unit {
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-checkbox .edith--text,
.edith-field-radio .edith--text {
    font-weight: 600;
}

.edith-field-border .edith--input input,
.edith-field-dimensions .edith--input input,
.edith-field-spacing .edith--input input {
    padding: 0 8px;
    min-width: 70px;
}

.edith-field-slider input[type=number] {
    width: 80px;
    min-width: unset;
}

.edith-field-slider .ui-slider,
.edith-field-slider .edith-slider-ui  .ui-slider-range {
    height: 6px;
    border-radius: 30px;
}
.edith-field-slider .ui-slider {
    background: rgb(203 213 225 / 55%);
}

.edith-field-slider .edith-slider-ui .ui-slider-range {
    background: var(--wpbean-edith-blue);
}
.edith-field-slider .edith-slider-ui .ui-slider-handle {
    background: var(--wpbean-edith-bg-secondary);
    border: 2px solid var(--wpbean-edith-blue);
    border-radius: 30px;
    top: -5px;
    width: 12px;
    height: 12px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    margin-left: -8px;
    transition: box-shadow .2s ease;
}

.edith-field-slider .edith-slider-ui .ui-slider-handle:hover, 
.edith-field-slider .edith-slider-ui .ui-state-active,
.edith-field-slider .edith-slider-ui .ui-state-focus, 
.edith-field-slider .edith-slider-ui .ui-state-hover {
    box-shadow: 0 0 0 2px rgb(126 200 227 / 40%);
}

.edith-field-slider .edith-slider-ui .ui-state-active {
    background-color: #fff;
}

.edith-field-slider .edith--unit {
    background: var(--wpbean-edith-bg-secondary);
    border-color: var(--wpbean-edith-border-color);
}

.edith-field-fieldset .edith-fieldset-content {
    border-color: var(--wpbean-edith-border-color);
    background-color: transparent;
    box-shadow: unset;
    border-radius: var(--wpbean-edith-border-radius);
}

.edith-fieldset-content {
    overflow: hidden;
}

.edith-field-link .edith--result {
    color: #495057;
    background: var(--wpbean-edith-bg-secondary);
    border: 1px solid #eceff5;
    border-radius: var(--wpbean-edith-border-radius);
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.edith-field-icon .button,
.edith-field-icon .edith-icon-preview i {
    margin: 0;
}

.edith-field-icon .edith-icon-select {
    gap: 8px;
}

.edith-field-icon .edith-icon-preview i {
    width: 40px;
    font-size: 18px;
    border-color: var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
    background-color: var(--wpbean-edith-bg-secondary);
    box-shadow: unset;
}

.edith-field-media .edith--placeholder input {
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-gallery .button {
    margin-right: 8px;
}

.edith-field-gallery ul li {
    background: #fff;
    box-shadow: unset;
    border-radius: var(--wpbean-edith-border-radius);
    border-color: var(--wpbean-edith-border-color);
}

.edith-field-image_select figure {
    border-radius: 8px;
    -webkit-transition: border 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
    transition: border 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out, border 200ms ease-in-out;
    transition: box-shadow 200ms ease-in-out, border 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
}

.edith-field-image_select figure:hover {
    -webkit-box-shadow: 0 0 0 4px rgb(0 0 0 / 10%);
    box-shadow: 0 0 0 4px rgb(0 0 0 / 10%);
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0.1);
}

.edith-field-image_select .edith--active figure,
.edith-field-palette .edith--active.edith--palette {
    border-color: var(--wpbean-edith-blue);
    box-shadow: unset;
}

.edith-field-image_select figure img {
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}

.edith-field-image_select .edith--image {
    margin-right: 15px;
    margin-bottom: 15px;
}

.rtl .edith-field-image_select .edith--image {
    margin-right: 0;
    margin-left: 15px;
}

.edith-field-image_select figure:before,
.edith-field-palette .edith--palette:before {
    background: var(--wpbean-edith-blue);
    top: 5px;
    left: 5px;
    border-radius: 3px;
}

.edith-field-palette .edith--palette {
    border-color: var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
    overflow: hidden;
}

.edith-image-preview {
    box-shadow: unset;
    border-radius: var(--wpbean-edith-border-radius);
    border-color: var(--wpbean-edith-border-color);
    background: #fff;
}

.edith-field-repeater .edith-repeater-wrapper .edith-repeater-item,
.edith-field-sortable .edith-sortable .edith-sortable-item {
    border-color: var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
    margin-bottom: 10px;
    overflow: hidden;
}

.edith-field-gallery ul li {
    margin-right: 8px;
}

.rtl .edith-field-gallery ul li {
    margin-right: 0;
    margin-left: 8px;
}

.edith-field-repeater .edith-repeater-helper,
.edith-field-sortable .edith-sortable-helper {
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-repeater .edith-repeater-helper i,
.edith-field-sortable .edith-sortable-helper i,
.edith-field-group .edith-cloneable-helper i {
    color: #495057;
}

.edith-field-repeater .edith-repeater-helper i:hover,
.edith-field-sortable .edith-sortable-helper i:hover,
.edith-field-group .edith-cloneable-helper i:hover {
    color: var(--wpbean-edith-blue);
}

.edith-field-repeater .edith-repeater-helper,
.edith-field-sortable .edith-sortable-helper {
    border-color: var(--wpbean-edith-border-color);
}

.edith-field-sorter ul li {
    border-color: var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
}

.edith-field-spinner .ui-spinner .ui-button {
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-accordion .edith-accordion-title {
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-accordion .edith-accordion-content {
    border-color: var(--wpbean-edith-border-color);
    box-shadow: unset;
}

.edith-field-accordion .edith-accordion-title:active, .edith-field-accordion .edith-accordion-title:focus, .edith-field-accordion .edith-accordion-title:hover {
    border-color: rgb(177 189 202);
}

.edith-wp-editor .quicktags-toolbar,
.edith-wp-editor div.mce-toolbar-grp,
.edith-wp-editor .html-active .switch-html, .edith-wp-editor .tmce-active .switch-tmce {
    background: var(--wpbean-edith-bg-secondary);
}

.edith-wp-editor .html-active .switch-html, .edith-wp-editor .tmce-active .switch-tmce {
    border-bottom-color: var(--wpbean-edith-bg-secondary);
}

.edith-field-wp_editor .edith-no-tinymce,
.edith-field-wp_editor .edith-no-quicktags .mce-tinymce,
.edith-field-wp_editor div.mce-statusbar,
.edith-field-wp_editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
.edith-field-wp_editor .wp-editor-container,
.edith-field-wp_editor .wp-switch-editor,
.edith-field-wp_editor .quicktags-toolbar {
    border-color: var(--wpbean-edith-border-color);
}

.edith-field-wp_editor  .wp-switch-editor {
    background: rgb(203 213 225 / 50%);
}

.edith-field-wp_editor .mce-toolbar-grp {
    border-bottom: 1px solid var(--wpbean-edith-border-color);
}

.edith-field-wp_editor .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border-radius: 2px;
}

.edith-field-wp_editor .mce-top-part::before,
.edith-field-wp_editor .mce-tinymce {
    box-shadow: unset;
}

.edith-field-wp_editor textarea:focus {
    box-shadow: unset;
}

.wp-core-ui .edith-field-wp_editor .wp-media-buttons .button {
    height: unset;
    padding: 0 7px;
    font-weight: 500;
    border-radius: 4px;
}

.edith-field-subheading {
    background: transparent;
}

.edith-field-tabbed .edith-tabbed-content {
    background: transparent;
    border-color: var(--wpbean-edith-border-color);
    box-shadow: unset;
}

.edith-field-tabbed .edith-tabbed-nav a {
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
}

.edith-field-tabbed .edith-tabbed-nav a.edith-tabbed-active {
    border-bottom-color: #fff;
    background: #fff;
}

.edith-field-group .edith-cloneable-title {
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
    border-radius: var(--wpbean-edith-border-radius);
    box-shadow: unset;
    display: flex;
    align-items: center;
}

.edith-field-group .edith-cloneable-item {
    margin-bottom: 8px;
    color: var(--wpbean-edith-navy-blue);
}

.edith-field-group .edith-cloneable-content {
    border-color: var(--wpbean-edith-border-color);
    background: transparent;
    border-radius: var(--wpbean-edith-border-radius);
    box-shadow: unset;
}

.edith-field-group .edith-cloneable-title.ui-accordion-header-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.edith-field-group .edith-cloneable-content.ui-accordion-content-active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.edith-field-typography>.edith-fieldset {
    max-width: 700px;
}

.edith-field-slider>.edith-fieldset {
    max-width: 700px;
}

.edith-field-typography .edith--unit {
    font-weight: 600;
    background: var(--wpbean-edith-bg-secondary);
    border-radius: var(--wpbean-edith-border-radius);
    padding: 2px 8px;
    color: #495057;
}

.edith-field-typography .edith--block {
    padding-bottom: 20px;
}

.edith-modal-title {
    background-color: #fff;
    border-color: var(--wpbean-edith-border-color);
    height: 40px;
    color: var(--wpbean-edith-navy-blue);
}

.edith-modal-header {
    background: var(--wpbean-edith-bg-secondary);
    border-color: var(--wpbean-edith-border-color);
}

.edith-modal-close {
    color: var(--wpbean-edith-navy-blue);
}

.edith-modal-close:hover {
    color: #dc3545;
    opacity: 1;
}

.edith-modal-load {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.edith-modal-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: unset;
    border-color: var(--wpbean-edith-border-color);
    background: var(--wpbean-edith-bg-secondary);
    margin: 0;
    width: 40px;
    height: 40px;
}

.edith-modal-icon i:hover {
    background: var(--wpbean-edith-blue);
    border-color: var(--wpbean-edith-blue);
}

/* chosen / Select2 style */
.edith-field .chosen-container.chosen-container-single {
    width: auto !important;
}

.chosen-container-single .chosen-search {
    margin-bottom: 10px;
    padding: 0;
}

.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-single .chosen-search input[type=text] {
    min-height: 32px;
    border-radius: var(--wpbean-edith-border-radius);
    border-color: var(--wpbean-edith-border-color);
}
.chosen-container-single .chosen-search input[type=text]:focus {
    border-color: #80bdff;
}

.edith-field .chosen-container-single .chosen-single {
    display: flex;
    height: 40px;
    align-items: center;
    background: transparent;
    border-color: var(--wpbean-edith-border-color);
    box-shadow: unset;
    border-radius: var(--wpbean-edith-border-radius);
    color: var(--wpbean-edith-navy-blue);
    font-weight: 600;
    line-height: inherit;
    padding-left: 15px;
}

.edith-field .chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.rtl .edith-field .chosen-container-single .chosen-single {
    padding: 0 15px 0 0;
}

.rtl .chosen-container-single .chosen-single div {
    left: 0;
    right: unset;
}

.rtl .chosen-container-single .chosen-single span {
    margin: 0 0 0 26px;
}

.rtl .edith-field .chosen-container-single .chosen-search:before {
    right: unset;
    left: 12px;
}

.edith-field .chosen-container-single .chosen-single abbr,
.edith-field .chosen-container-single .chosen-single div,
.edith-field .chosen-container-single .chosen-single div b,
.edith-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    display: flex;
    align-items: center;
}

.edith-field .chosen-container-single .chosen-single-with-deselect span {
    margin: 0 100px 0 0;
}

.rtl .edith-field .chosen-container-single .chosen-single-with-deselect span {
    margin: 0 0 0 100px;
}

.edith-field .chosen-container .chosen-drop,
.edith-field .chosen-container-multi .chosen-choices,
.edith-field .chosen-container-multi .chosen-choices li.search-choice {
    box-shadow: none;
    border-color: var(--wpbean-edith-border-color);
}

.edith-field .chosen-container-single .chosen-drop,
.edith-field .chosen-container .chosen-drop {
    border-radius: 0 0 var(--wpbean-edith-border-radius) var(--wpbean-edith-border-radius);
}

.edith-field .chosen-container .chosen-results li {
    padding: 7px 10px;
    border-radius: var(--wpbean-edith-border-radius);
}

.edith-field .chosen-container .chosen-results li.highlighted {
    background-color: var(--wpbean-edith-blue);
    background-image: unset;
    color: #fff;
}

.edith-field .chosen-container-multi .chosen-choices {
    border-radius: var(--wpbean-edith-border-radius);
    background-image: unset;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    min-height: 40px;
}

.edith-field .chosen-container-active .chosen-choices {
    border-color: var(--wpbean-edith-blue);
}

.edith-field .chosen-container-multi .chosen-choices li.search-choice {
    background-image: unset;
    background-color: var(--wpbean-edith-bg-secondary);
    color: var(--wpbean-edith-navy-blue);
    margin: 0;
    padding: 5px 25px 5px 7px;
    box-shadow: none;
    border-radius: 3px;
    font-weight: 500;
    line-height: unset;
}

.edith-field .chosen-container-multi.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.edith-field .chosen-container .chosen-drop {
    padding: 15px;
}

.edith-field .chosen-container .chosen-results li.no-results {
    background-color: var(--wpbean-edith-bg-secondary);
    border-color: var(--wpbean-edith-border-color);
    padding: 10px 15px;
}

.edith-metabox .edith-section>.edith-field.edith-field-heading,
.edith-sections .edith-section>.edith-field.edith-field-heading {
    padding: 20px;
    margin: 30px 0;
    background: var(--wpbean-edith-bg-secondary);
    color: var(--wpbean-edith-navy-blue);
    border-radius: var(--wpbean-edith-border-radius);
    border: 1px solid var(--wpbean-edith-border-color);
}

.edith-metabox .edith-section>.edith-field.edith-field-heading,
.edith-sections .edith-section>.edith-field.edith-field-heading {
    font-size: 1.5em;
}

.edith-field .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: var(--wpbean-edith-navy-blue);
    font-weight: 500;
}

/**
 * CSF Options Page Style
 */

.edith-field-image_select .edith--image {
    max-width: 100px;
}

.edith-wrapper {
    display: flex;
}

.edith-theme-light .edith-nav-normal {
    display: flex;
    background-color: rgb(241 245 249);
    border-right: 1px solid #eceff5;
    float: unset;
    min-width: 16rem;
    padding: 30px;
}

@media only screen and (max-width: 1200px) {
    .edith-theme-light .edith-nav-normal {
        min-width: 13rem;
    }
}

.edith-theme-light .edith-search-all .edith-nav, .edith-theme-light .edith-search-all .edith-nav-background, .edith-theme-light .edith-show-all .edith-nav, .edith-theme-light .edith-show-all .edith-nav-background {
    display: none;
}

.edith-theme-light .edith-search input {
    background: transparent;
}

.edith-theme-light .edith-nav-normal>ul {
    width: 100%;
}

.edith-theme-light .edith-nav-normal>ul>li:not(:first-child) {
    margin-top: 20px;
}
.edith-theme-light .edith-nav-normal>ul li a {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
    border: 2px solid transparent;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 15px;
    text-align: center;
    line-height: 24px;
    transition: all .2s linear;
    background: transparent;
}

.edith-theme-light .edith-nav ul ul li a,
.edith-theme-light .edith-nav-normal>ul ul li .edith-active,
.edith-theme-light .edith-nav-normal>ul ul li a:hover {
    background: transparent;
    border-color: transparent;
    padding: 4px 10px;
}

.edith-theme-light .edith-nav-normal>ul li a i {
    font-size: 18px;
    color: rgb(148 163 184);
}

.edith-nav ul li .edith-arrow:after {
    font-size: 12px;
    right: 15px;
    top: 46%;
}

.edith-theme-light .edith-nav > ul > li > .edith-active {
    box-shadow: 0 0.15rem 1.75rem 0 rgb(196 205 224 / 20%);
}

.edith-theme-light .edith-nav-normal>ul li a:hover,
.edith-theme-light .edith-nav-normal>ul ul li a:hover {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0.15rem 1.75rem 0 rgb(196 205 224 / 40%);
}


.edith-theme-light .edith-nav-normal>ul li a:focus,
.edith-theme-light .edith-nav-normal>ul ul li a.edith-active:focus,
.edith-theme-light .edith-nav-normal>ul ul li a.edith-active:hover {
    background: #fff;
    border: 2px solid var(--wpbean-edith-blue);
}
.edith-theme-light .edith-nav-normal>ul ul li a.edith-active,
.edith-theme-light .edith-nav-normal>ul ul li .edith-active:hover {
    background-color: rgb(226 232 240);
    border-color: transparent;
}

.edith-nav ul ul {
    margin-top: 10px;
    margin-left: 2rem;
}

.edith-nav ul ul li {
    padding-bottom: 8px;
}

.edith-nav-background {
    display: none;
}


.edith-options {
    margin: 0;
}

.edith-theme-light .edith-container {
    box-shadow: unset;
    border: 0;
}

.edith-theme-light .edith-header-inner {
    border-bottom-color: #eceff5;
    background: #fff;
    padding: 30px;
    box-shadow: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edith-theme-light .edith-header-inner>div {
    float: unset;
}

.edith-theme-light .edith-header-inner>div.clear,
.edith-theme-light .edith-footer .clear,
.edith_shortcode_edit_page #wpfooter {
    display: none;
}

.edith-buttons {
    float: unset;
    display: flex;
    gap: 10px;
}

.edith-buttons .button {
    margin: 0;
    line-height: unset;
}

.edith-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.edith-form-result,
.edith-expand-all {
    float: unset;
    margin: 0;
}

.edith-theme-light .edith-footer {
    padding: 30px;
    border-top-color: #eceff5;
    background: #fff;
}

.edith-theme-light .edith-footer .edith-buttons {
    justify-content: end;
}

.edith-theme-light .edith-expand-all:hover {
    color: var(--wpbean-edith-dark-blue);
}

.edith-theme-light .edith-expand-all {
    font-size: 15px;
    padding: 0 15px;
}

.edith-theme-light:has(.edith-wrapper.edith-show-all) .edith-expand-all {
    background: var(--wpbean-edith-blue);
    color: #fff;
}
.edith-theme-light:has(.edith-wrapper.edith-show-all) .edith-expand-all:hover, .edith-theme-light:has(.edith-wrapper.edith-show-all) .edith-expand-all:focus {
    background: var(--wpbean-edith-navy-blue);
}

.edith-section-title {
    display: flex;
}

.edith-sections .edith-section > .edith-section-title + .edith-field.edith-section-description,
.edith-sections .edith-section > .edith-section-title:has(+ :not(.edith-field.edith-section-description) ) {
    border-bottom: 1px solid #eceff5;
    font-size: 14px;
    padding: 0 0 40px;
    margin-bottom: 15px;
}

.edith-section-title,
.edith-metabox .edith-section-title {
    margin: 30px 0 15px;
    padding: 0;
    border: 0;
    background: transparent;
}

.edith-section-title h3 {
    color: var(--wpbean-edith-navy-blue);
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 20px;
    text-transform: unset;
}

.edith-section-title .edith-section-icon {
    font-size: 20px;
    margin: 0;
}

.edith-theme-light .edith-content {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.edith-theme-light .edith-content .edith-sections {
    padding: 0 30px;
    float: unset;
    width: unset;
    max-width: 100%;
}

.edith-field.edith-field-tabbed>.edith-title {
    display: none;
}

.edith-field.edith-field-tabbed>.edith-fieldset {
    width: 100%;
}

.edith-theme-light .edith-content>.clear {
    display: none;
}

@media only screen and (max-width: 782px) {
    .edith-sections .edith-section>.edith-field {
        flex-direction: column;
        gap: 0;
    }

    .edith-field-select .edith-fieldset {
        width: 100%;
    }

    .edith_shortcode_edit_page #post-body-content .button.button-primary {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .edith-theme-light .edith-header-inner {
        flex-direction: column;
        gap: 25px;
    }
}

/*
 * Edith Regular post type meta, Can be used to any custom post type. Required CSS class: edith-regular-meta
*/

.edith-regular-meta .edith-theme-light .edith-nav-normal {
    padding: 20px;
    min-width: 14rem;
}
.edith-regular-meta .edith-theme-light .edith-nav + .edith-content .edith-sections {
    padding: 20px;
}
.edith-regular-meta .edith-theme-light .edith-wrapper:not(:has(.edith-nav)) .edith-content .edith-sections {
    padding: 0 20px;
}

.edith-regular-meta .edith-nav-normal+.edith-content {
    margin: 0;
}

.edith-regular-meta .edith-field.edith-field-fieldset,
.edith-regular-meta .edith-field.edith-field-fieldset .edith-field,
.edith .edith-field.edith-field-product_select {
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
    padding: 30px 0;
}

.edith-regular-meta .edith-field.edith-field-fieldset .edith-field {
    padding: 30px 20px;
}

.edith-regular-meta .edith-sections .edith-section>.edith-field.edith-field-notice {
    flex-direction: unset;
}

.edith-regular-meta .edith-sections .edith-section>.edith-field.edith-field-heading {
    padding: 20px;
}

.edith-regular-meta .edith-field.edith-field-fieldset .edith-title,
.edith-regular-meta .edith-field.edith-field-fieldset .edith-fieldset,
.edith .edith-field.edith-field-product_select .edith-title,
.edith .edith-field.edith-field-product_select .edith-fieldset {
    width: 100%;
}
.edith-regular-meta .edith-metabox .edith-section-title {
    margin-top: 5px;
}

.edith-regular-meta .edith-sections .edith-section > .edith-section-title + .edith-field.edith-section-description,
.edith-regular-meta .edith-sections .edith-section > .edith-section-title:has(+ :not(.edith-field.edith-section-description) ) {
    padding-bottom: 25px;
}

/* Inline Fieldset */

.edith-field.edith-field-fieldset.edith-fieldset-inline {
    flex-direction: column;
    align-items: self-start;
    gap: 20px;
    padding: 30px 0;
}
.edith-field.edith-field-fieldset.edith-fieldset-inline > div {
    width: 100%;
}
.edith-field-fieldset.edith-fieldset-inline .edith-fieldset-content,
.edith-field-accordion.edith-accordion-inline .edith-accordion-content {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 30px;
}
.edith-field-accordion.edith-accordion-inline .edith-accordion-content {
    display: none;
}
.edith-field-accordion.edith-accordion-inline .edith-accordion-content.edith-accordion-open {
    display: flex;
}
.edith-field-fieldset.edith-fieldset-inline .edith-fieldset-content > .edith-field,
.edith-field-accordion.edith-accordion-inline .edith-accordion-content > .edith-field {
    padding: 0;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    min-width: 250px;
}
.edith-field-accordion.edith-accordion-inline .edith-accordion-content > .edith-field {
    display: flex;
}
.edith-field-accordion.edith-accordion-inline-fullwidth .edith-accordion-content > .edith-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.edith-field-fieldset.edith-fieldset-inline .edith-fieldset-content > .edith-field.edith-field-inline-large,
.edith-field-accordion.edith-accordion-inline .edith-accordion-content > .edith-field.edith-field-inline-large {
    min-width: 300px;
}
.edith-field-fieldset.edith-fieldset-inline .edith-fieldset-content > .edith-field > div,
.edith-field-accordion.edith-accordion-inline .edith-accordion-content > .edith-field > div,
.edith-field-accordion.edith-accordion-inline-fullwidth .edith-accordion-content > .edith-field > div {
    width: 100%;
}
.edith-field-fieldset.edith-fieldset-inline .edith-fieldset-content > .edith-field > .edith-fieldset input[type=text],
.edith-field-accordion.edith-accordion-inline .edith-accordion-content > .edith-field > .edith-accordion input[type=text] {
    width: 100%;
}