/**
  1.0 Normalize
  2.0 Section Tab Styles
  3.0 Item Sortable Control Styles
  4.0 Info Box control
  5.0 Responsive Box Control
  6.0 Color Picker / Color Group Picker Styles
  /**
  1.0 Normalize
  **/

    #accordion-section-online_newspaper_about_section h3.accordion-section-title {
        background-color: #2271b1!important;
        color: #ffffff!important;
    }

    .responsive-icons .reset-button:before {
        margin-top: 4px;
    }

    .customize-control .dashicon {
        font-family: 'dashicons';
    }

    .customize-control .dashicons,
    .customize-control .dashicons-before:before {
        width: 18px;
        height: 18px;
        font-size: 15px;
        text-decoration: none;
    }

    .customize-control .dashicon:before {
        font-size: 12px;
        cursor: pointer;
    }

    .reset-button.dashicon:before,
    .customize-control-number-range .components-range-control__root button.components-range-control__reset:before {
        font-size: 10px;
        display: block;
        cursor: pointer;
    }

    /* colors */
    .customize-theme-color-control .control-header-trigger {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        position: relative;
    }

    .customize-theme-color-control .dashicon.dashicons.components-button {
        font-family: 'dashicons';
        box-shadow: none;
        position: absolute;
        right: 45px;
        top: 44%;
        transform: translateY(-50%);
    }

    #customize-controls .control-section>h3.accordion-section-title {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 13px;
        border-left: none;
        border-bottom: none;
    }

    #customize-controls .control-section>h3.accordion-section-title:after {
        font-size: 12px;
        top: calc(50% - 6px);
        right: 23px;
        color: inherit;
    }

    .customize-control select,
    .customize-control input {
        margin-top: 1px;
        border-radius: 0;
        border: 1px solid #d7d7d7;
    }

    .customize-control-number .customize-control-title {
        display: inline-block;
        margin: 4px 0 0;
    }

    .customize-control.customize-control-number input[type=number] {
        width: 25%;
        float: right;
    }

    .customize-control.customize-control-number input[type=number].online-newspaper-full-width {
        width: 100%;
        margin-top: 5px;
    }

    .customize-control select:focus,
    .customize-control input:focus,
    .customize-control .customize-number-range-control input[type="number"]:focus ~ .components-input-control__backdrop {
        border-color: #5fa1ff;
        box-shadow: 0 0 0 1px #5fa1ff;
    }

    #accordion-section-online_newspaper_about_section h3.accordion-section-title {
        background-color: #2271b1;
        color: #ffffff;
    }

  /**
    2.0 Section Tab Styles
  **/

    .customize-section-tab-control .components-tab-panel__tabs {
        display: -webkit-box;
        display: flex;
        margin-top: -5px;
        margin-left: -24px;
        margin-right: -24px;
        padding: 0;
        margin-bottom: 0;
        border: 1px solid #dddddd;
        background: #ffffff;
        margin-bottom: 0;
    }

    .customize-section-tab-control .components-tab-panel__tabs button {
        -webkit-box-flex: 1;
        flex: 1 1 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 11.5px;
        font-weight: 500;
        letter-spacing: 1px;
        font-style: normal;
        text-transform: uppercase;
        height: 40px;
        margin: 0;
        box-sizing: content-box;
        padding: 0 10px;
        cursor: pointer;
        border: 0;
        background: transparent;
        border-top: 2px solid transparent;
        border-radius: 0;
    }

    .customize-section-tab-control .components-tab-panel__tabs button.active-tab {
        border-top-color: #0071a1;
        color: #0073aa;
        background-image: linear-gradient( 180deg, #f3f5f6, #ffffff);
    }

  /**********************************
    3.0 Item Sortable Control Styles
  **********************************/
    .customize-item-sortable-control .sort-list .sort-item {
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        line-height: 38px;
        margin: 0 0 10px;
        border-radius: 3px;
    }

    .customize-item-sortable-control .sort-list .sort-item.invisible {
        opacity: .6;
    }

    .customize-item-sortable-control .sort-list .sort-item .trigger-icon {
        cursor: pointer;
        float: right;
        position: relative;
        font-size: 16px;
        padding: 9px;
        line-height: 20px;
        border-left: 1px solid #ddd;
    }

  /***************************
    4.0 Info Box control
  ****************************/
    .customize-info-box-control .info-box-label {
        margin: 0;
        font-size: 13px;
    }
    .customize-info-box-control .info-box-icon {
        margin-right: 6px;
    }

    .customize-info-box-control .info-box-description {
        font-size: 12px;
        font-style: italic;
    }

    .customize-info-box-control .info-box-button {
        display: block;
        text-align: center;
    }

  /***************************
    5.0 Responsive Box control
  ****************************/
    .customize-responsive-range-control,
    .customize-responsive-box-control {
        position: relative;
    }

    .customize-responsive-range-control .responsive-icons,
    .customize-responsive-box-control .responsive-icons {
        position: absolute;
        right: 0px;
        cursor: pointer;
        z-index: 9;
    }

    .block-content .responsive-control:hover,
    h2.block-heading:hover {
        cursor: initial;
    }

    .block-content .responsive-control {
        position: relative;
        margin-top: 20px;
        width: 95%;
    }

    .block-content .responsive-icons {
        position: absolute;
        right: 0;
        top: 0;
    }

    .block-content .responsive-icons:hover {
        cursor: pointer;
    }

    .block-content .components-base-control__label.components-text {
        text-transform: capitalize;
        font-size: 13px;
    }


    .block-content .components-base-control__label,
    .customize-responsive-range-control .components-base-control__label,
    .block-content .components-base-control .components-text.components-input-control__label {
        font-size: 13px;
        text-transform: capitalize;
    }


  /**********************************
    6.0 Color Picker / Color Group Picker Styles
  **********************************/

    .online-newspaper-preset-colors-control-popover.components-popover .preset-colors {
        flex-direction: column;
        max-height: 290px;
        overflow-y: scroll;
        height: 443px;
        padding: 2px 10px 5px 0;
    }

    .react-colorful {
        margin: 0 auto;
    }

    .components-popover .preset-colors li.preset {
        width: 170px;
        display: flex;
        justify-content: flex-start;
    }

    .components-popover .preset-colors li.preset label {
        width: 153px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .components-popover .preset-colors .preset-colors-inner {
        display: flex;
        margin: 0;
        flex-wrap: wrap;
    }

    .components-popover .preset-colors .preset-colors-inner li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 21px;
        height: 21px;
        margin-bottom: 5px;
        cursor: pointer;
        border-radius: 100%;
        box-shadow: inset 0 0 3px rgb(0 0 0 / 9%);
    }

    .components-popover .preset-colors .preset-colors-inner li.active {
        box-shadow: inset 0 0 3px rgb(0 0 0 / 9%), 0px 0px 0px 3px #fff;
    }

    .components-popover .preset-colors .preset-colors-inner li.active:before {
        position: absolute;
        content: "";
        z-index: -1;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        background: rgba(0,0,0,.07);
        border-radius: 100%;
    }

    .components-popover .preset-colors .preset-colors-inner li.active:after {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 1px;
        left: -1px;
        right: 0px;
        bottom: 0px;
        content: "\f147";
        font-family: dashicons;
        font-size: 15px;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    }

    .components-popover .components-circular-option-picker {
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .customize-preset-color-picker-control .react-colorful,
    .customize-color-image-group-control .react-colorful,
    .customize-color-group-control .react-colorful,
    .customize-color-group-picker-control .react-colorful,
    .customize-color-picker-control .react-colorful {
        width: 100%;
    }

    .customize-preset-color-picker-control .react-colorful .react-colorful__saturation,
    .customize-color-image-group-control .react-colorful .react-colorful__saturation,
    .customize-color-group-control .react-colorful .react-colorful__saturation,
    .customize-color-group-picker-control .react-colorful .react-colorful__saturation,
    .customize-color-picker-control .react-colorful .react-colorful__saturation {
        height: 117px;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    .customize-gradient-picker-control .customize-control-title,
    .customize-color-picker-control .customize-control-title,
    .customize-color-group-control .customize-control-title,
    .customize-color-image-group-control .customize-control-title,
    .customize-color-group-picker-control .customize-control-title {
        font-size: 11.5px;
    }

    .customize-preset-color-picker-control .control-header .control-header-trigger,
    .customize-preset-gradient-picker-control .control-header .control-header-trigger,
    .customize-gradient-picker-control .control-header .control-header-trigger,
    .customize-color-picker-control .control-header .control-header-trigger,
    .customize-color-group-control .control-header .control-header-trigger,
    .customize-color-image-group-control .control-header .control-header-trigger,
    .customize-advanced-color-group-control .control-header .control-header-trigger,
    .customize-color-group-picker-control .control-header .control-header-trigger,
    .customize-control-color-picker .control-header .control-header-trigger,
    .customize-background-color-group-picker-control .control-header-trigger {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .customize-gradient-picker-control .control-header .component-color-indicator,
    .customize-color-picker-control .control-header .component-color-indicator,
    .customize-color-group-control .control-header .component-color-indicator,
    .customize-color-image-group-control .control-header .component-color-indicator,
    .customize-advanced-color-group-control .control-header .component-color-indicator,
    .customize-color-group-picker-control .control-header .component-color-indicator,
    .customize-control-color-picker .control-header .component-color-indicator,
    .customize-control-border .components-dropdown .component-color-indicator,
    .customize-control-background-color-group-picker .components-dropdown .component-color-indicator {
        cursor: pointer;
        transform: scale(1);
        width: 40px;
        height: 23px;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .customize-gradient-picker-control .control-header .component-color-indicator:hover,
    .customize-color-picker-control .control-header .component-color-indicator:hover,
    .customize-color-group-control .control-header .component-color-indicator:hover,
    .customize-color-image-group-control .control-header .component-color-indicator:hover,
    .customize-advanced-color-group-control .control-header .component-color-indicator:hover,
    .customize-color-group-picker-control .control-header .component-color-indicator:hover,
    .customize-control-color-picker .control-header .component-color-indicator:hover,
    .customize-control-border .components-dropdown .component-color-indicator:hover {
        transform: scale(1.05);
    }

    .customize-gradient-picker-control,
    .customize-control-advanced-color-group,
    .customize-control-color-group-picker, 
    .customize-control-color-picker {
        margin-bottom: 22px;
    }

    .customize-gradient-picker-control .customize-control-title,
    .customize-color-picker-control .customize-control-title,
    .customize-color-group-control .customize-control-title,
    .customize-color-image-group-control .customize-control-title,
    .customize-control-advanced-color-group .customize-control-title,
    .customize-control-color-group-picker .customize-control-title, 
    .customize-control-color-picker .customize-control-title {
        line-height: 2;
        font-size: 13px;
    }

    .customize-color-group-picker-control .control-content-wrap,
    .customize-color-group-control .control-content-wrap,
    .customize-color-image-group-control .control-content-wrap,
    .customize-control-background-color-group-picker .control-content-wrap {
        display: flex;
        align-items: center;
    }

    .customize-color-picker-control .control-content-wrap .reset-button,
    .customize-color-group-picker-control .control-content-wrap .reset-button,
    .customize-color-group-control .control-content-wrap .reset-button,
    .customize-color-image-group-control .control-content-wrap .reset-button,
    .customize-control-background-color-group-picker .control-content-wrap .reset-button,
    .customize-control-preset-color-picker .reset-button,
    .customize-control-preset-gradient-picker .reset-button,
    .preset-colors .reset-button .dashicon.dashicons {
        color: #006ba1;
        height: 20px;
        width: 20px;
        padding: 4px;
        background: 0 0;
        box-shadow: none;
    }

    .customize-color-picker-control .control-content-wrap .reset-button .dashicon,
    .customize-color-group-picker-control .control-content-wrap .reset-button .dashicon,
    .customize-color-group-control .control-content-wrap .reset-button .dashicon,
    .customize-color-image-group-control .control-content-wrap .reset-button .dashicon,
    .customize-control-background-color-group-picker .control-content-wrap .reset-button .dashicon,
    .customize-control-preset-color-picker .reset-button .dashicon,
    .customize-control-preset-gradient-picker .reset-button .dashicon,
    .preset-colors .reset-button .dashicon.dashicons {
        width: 12px;
        height: 12px;
        font-size: 12px;
    }

    .customize-color-picker-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
    .customize-color-group-picker-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
    .customize-color-group-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
    .customize-color-image-group-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
    .customize-control-background-color-group-picker .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled),
    .customize-control-preset-color-picker .reset-button.is-secondary:hover:not(:disabled),
    .customize-control-preset-gradient-picker .reset-button.is-secondary:hover:not(:disabled),
    .preset-colors .reset-button.is-secondary:hover:not(:disabled) {
        color: #02abff;
        box-shadow: none;
    }

    .customize-control .reset-button .dashicon.dashicons,
    .customize-control .reset-button .dashicon.dashicons,
    .preset-colors .reset-button .dashicon.dashicons {
        font-size: 12px;
        padding-bottom: 1px;
        display: inline-block;
        line-height: 15px;
    }

    .preset-colors .reset-button .dashicon.dashicons {
        line-height: 5px;
        font-size: 11px;
    }

    .customize-control .reset-button .dashicon.dashicons:before,
    .customize-control .reset-button .dashicon.dashicons:before {
        font-size: 12px;
    }

    .customize-preset-gradient-picker-control .components-popover__content .components-surface.components-card {
        padding: 1px 4px;
    }

    .customize-control-border .customize-control-title {
        font-weight: 400;
    }

    .preset-colors .reset-button.is-secondary {
        color: #02abff;
        box-shadow: none;
    } 

    .customize-color-picker-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-color-group-picker-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-color-group-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-color-image-group-control .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-control-background-color-group-picker .control-content-wrap .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-control-preset-color-picker .reset-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .customize-control-preset-gradient-picker .reset-button.is-secondary:hover:not(:disabled,[aria-disabled=true]),
    .preset-colors .reset-button.is-secondary:hover:not(:disabled,[aria-disabled=true]) {
        color: #02abff;
        box-shadow: none;
    }


  /**********************************
    7.0 Border Box control 
  ***********************************/
    .customize-border-control .control-inner {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .customize-border-control .component-color-indicator {
        width: 26px;
        height: 26px;
        width: 26px;
    }

    .customize-border-control .preset-colors {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 17px;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
    }

    .customize-border-control .preset-colors .preset-colors-inner {
        display: flex;
        margin: 0;
        flex-wrap: wrap;
    }

    .customize-border-control .preset-colors .preset-colors-inner li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 24px;
        height: 24px;
        margin-bottom: 0;
        cursor: pointer;
        border-radius: 100%;
        box-shadow: inset 0 0 3px rgb(0 0 0 / 9%);
        margin-bottom: 3px;
    }

    .customize-border-control .preset-colors .preset-colors-inner li:not(:last-child) {
        margin-right: 10px;
    }

    .customize-border-control .preset-colors .preset-colors-inner li.active {
        box-shadow: inset 0 0 3px rgb(0 0 0 / 9%), 0px 0px 0px 3px #fff;
    }

    .customize-border-control .preset-colors .preset-colors-inner li.active:before {
        position: absolute;
        content: "";
        z-index: -1;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        background: rgba(0,0,0,.07);
        border-radius: 100%;
    }

    .customize-border-control .preset-colors .preset-colors-inner li.active:after {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 1px;
        left: -1px;
        right: 0px;
        bottom: 0px;
        content: "\f531";
        font-family: dashicons;
        font-size: 15px;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    }

    .customize-border-control .components-popover__content,
    .customize-control-box-shadow .components-popover__content {
        border-radius: 12px;
        border: none;
    }

    .customize-border-control .components-color-picker {
        padding: 20px 17px;
        width: 100%;
        box-sizing: border-box;
    }

    .customize-border-control .react-colorful {
        width: 100%;
    }

    .customize-border-control .react-colorful .react-colorful__saturation {
        height: 117px;
        border-radius: 5px;
        margin-bottom: 20px;
    }


  /**********************************
    Tab Panel Styles
  **********************************/
    .group-tab-panel {
        width: 230px;
    }

    .group-tab-panel .components-tab-panel__tabs {
        display: flex;
        justify-content: space-around;
        background: #ffffff;
    }

    .group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item {
        flex: 1 1 auto;
        border: 1px solid #dfe1e4;
        display: flex;
        justify-content: center;
        font-size: 12px;
        font-weight: 400;
        height: 38px;
    }

    .group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item:first-child {
        border-radius: 3px 0 0 3px;
        border-right: none;
    }

    .group-tab-panel .components-tab-panel__tabs .components-tab-panel__tabs-item:last-child {
        border-radius: 0 3px 3px 0;
        border-left: none;
    }

    .group-tab-panel .components-tab-panel__tabs .active-tab {
        color: #fff;
        background: #2271b1;
        border-color: #2271b1;
    }

    .component-color-indicator {
        cursor: pointer;
    }

    #accordion-panel-online_newspaper_innerpages_settings_panel,
    #accordion-section-background_image,
    #accordion-section-footer_three_column_section {
        margin-top: 15px;
    }

    .customize-color-group-picker-control .components-dropdown,
    .customize-control-background-color-group-picker .components-dropdown {
        padding: 0 5px;
    }

    .customize-responsive-multiselect-tab-control .components-button {
        height: 28px;
    }

    .customize-responsive-multiselect-tab-control .components-button-group .components-button.is-primary {
        box-shadow: inset 0px 0px 2px 0px #1e1e1e;
    }


  /**********************************
    Block Controls
  **********************************/
    .customize-video-playlist-control .block-item,
    .customize-block-repeater-control .block-item, .repeater-control-inner {
        position: relative;
    }

    .customize-video-playlist-control .block-item.block--hidden,
    .customize-block-repeater-control .block-item.block--hidden {
        opacity: 0.6;
    }

    .customize-video-playlist-control .block-item .block-header,
    .customize-block-repeater-control .block-item .block-header {
        display: flex;
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        margin: 0 0 10px;
        border-radius: 3px;
        align-items: center;
        position: relative;
    }

    .customize-video-playlist-control .block-item .block-header {
        margin-bottom: 0px;
    }

    .customize-video-playlist-control .block-item {
        margin-bottom: 10px;
    }

    .customize-video-playlist-control .block-item .block-content {
        border: 1px solid #ddd;
        border-top: none;
        background: #fff;
        padding: 2px 6px;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item {
        display: flex;
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        line-height: 38px;
        margin: 0 0 10px;
        border-radius: 3px;
    }

    #customize-control-opinons_items .repeater-control-inner .repeater-item {
        display: flex;
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        line-height: 38px;
        margin: 0 0 10px;
        border-radius: 3px;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item {
        display: flex;
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        line-height: 38px;
        margin: 0 0 10px;
        border-radius: 3px;
    }

    .block-item .block-header .control-title,
    #customize-control-social_icons .repeater-control-inner .repeater-item .item-heading,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .item-heading {
        flex: 1;
        display: block;
        text-transform: capitalize;
        font-size: 12px;
    }

    .block-item .block-header .display-icon,
    .block-item .block-header .setting-icon,
    #customize-control-social_icons .repeater-control-inner .repeater-item .display-icon,
    #customize-control-social_icons .repeater-control-inner .repeater-item .settings-icon,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .display-icon,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .settings-icon {
        cursor: pointer;
        float: right;
        position: relative;
        font-size: 16px;
        padding: 9px;
        line-height: 20px;
        border-left: 1px solid #ddd;
    }

    #customize-control-opinons_items .repeater-control-inner .repeater-item .item-heading-wrap {
        padding: 0px;
    }

    #customize-control-opinons_items .repeater-control-inner .repeater-item .item-heading {
        width: 150px;
    }

    .block-item .block-header .remove-icon {
        display: none;
        position: absolute;
        right: -10px;
        border: 1px dashed red;
        border-radius: 70%;
        width: 20px;
        height: 20px;
        top: -10px;
        color: red;
        text-decoration: none;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item .remove-item,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .remove-item {
        text-decoration: none;
        order: 1;
        margin-top: -10px;
        margin-right: -12px;
        position: relative;
        display: none;
        width: 0;
        height: 0;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item .remove-item .dashicons.dashicons-minus,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .remove-item .dashicons.dashicons-minus {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px dashed red;
        border-radius: 50px;
        left: -10px;
        z-index: 999;
    }

    .block-item .block-header:hover .remove-icon,
    #customize-control-social_icons .repeater-control-inner .repeater-item:hover .remove-item,
    #customize-control-opinons_items .repeater-control-inner .repeater-item:hover .remove-item {
        display: block;
        text-decoration: none;
    } 

    .block-item .block-header .remove-icon:hover,
    #customize-control-social_icons .repeater-control-inner .repeater-item .remove-item:hover,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .remove-item:hover {
        cursor: pointer;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item .item-heading-wrap,
    #customize-control-opinons_items .repeater-control-inner .repeater-item .item-heading-wrap {
        width: 100%;
    }

    .customize-video-playlist-control .block-item .components-popover__content,
    .customize-block-repeater-control .block-item .components-popover__content {
        width: 280px;
        border-radius: 5px;
        box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -webkit-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -moz-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        border: none;
    }

    #customize-control-social_icons .repeater-control-inner .repeater-item.popupActive,
    #customize-control-social_icons .repeater-control-inner .repeater-item.popupActive {
        border-top: 6px solid #007CBA;
    }

    .customize-control-item-sortable .sort-list .sort-item {
        display: block;
    }

    .components-button.has-icon.has-text {
        background-color: #5fa1ff;
        color: #fff;
        padding: 0 20px;
        gap: 4px;
        justify-content: start;
        padding-left: 8px;
        padding-right: 12px;
        box-shadow: none;
    }

    .components-button.has-icon.has-text:hover {
        background-color: #4a93fb;
        color: #fff;
        box-shadow: none;
    }

    .components-button.is-primary:hover:not(:disabled):hover {
        background-color: #448bf1;
    }

    .customize-control-social-share .customize-social-share-control .add-to-list {
        display: block;
        height: 30px;
    }

    .customize-control-social-share .customize-social-share-control .add-to-list .dashicon {
        padding: 0;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        margin-right: 2px;
    }

    .customize-block-repeater-control .components-dropdown {
        display: flex;
    }

    .customize-social-share-control .add-to-list[type="button"]:focus {
        box-shadow: none;
    }

  /* Scrollbar styling */
    .components-popover__content::-webkit-scrollbar,
    .components-popover .preset-colors::-webkit-scrollbar,
    .components-popover__content .components-surface .components-card__body::-webkit-scrollbar,
    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list::-webkit-scrollbar,
    .customize-control.customize-control-icon-picker .icon-picker-modal::-webkit-scrollbar {
        width: 5px;
    }

  /* Track */
    .components-popover__content::-webkit-scrollbar-track,
    .components-popover .preset-colors::-webkit-scrollbar-track,
    .components-popover__content .components-surface .components-card__body::-webkit-scrollbar-track,
    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list::-webkit-scrollbar-track,
    .customize-control.customize-control-icon-picker .icon-picker-modal::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #000000; 
        border-radius: 10px;
    }

  /* Handle */
    .components-popover__content::-webkit-scrollbar-thumb,
    .components-popover .preset-colors::-webkit-scrollbar-thumb,
    .components-popover__content .components-surface .components-card__body::-webkit-scrollbar-thumb,
    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list::-webkit-scrollbar-thumb,
    .customize-control.customize-control-icon-picker .icon-picker-modal::-webkit-scrollbar-thumb {
        background: #545454; 
        border-radius: 20px;
    }

  /* Handle on hover */
    .components-popover__content::-webkit-scrollbar-thumb:hover,
    .components-popover .preset-colors::-webkit-scrollbar-thumb:hover,
    .components-popover__content .components-surface .components-card__body::-webkit-scrollbar-thumb:hover,
    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list::-webkit-scrollbar-thumb:hover,
    .customize-control.customize-control-icon-picker .icon-picker-modal::-webkit-scrollbar-thumb:hover {
        background: #545454; 
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-control-fields.isShow {
        position: fixed;
        visibility: visible;
        padding: 0;
        overflow: auto;
        background: #fff;
        padding: 20px;
        z-index: 999;
        max-height: 62%;
        box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -webkit-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -moz-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        border-radius: 5px;
        display: block;
        top: 44%;
        margin-top: 0;
        border: none;
        overflow: hidden;
        overflow-y: scroll;
        height: 410px;
        left: 310px;
        z-index: 1;
        width: 500px;
        bottom: 0;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading-wrap {
        padding: 0;
    }

    #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .fontawesome-icon-picker h2.control--item-label,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .fontawesome-icon-picker h2.control--item-label {
        display: none;
    }

    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icon-header i,
    #customize-control-opinons_items .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icon-header i {
        font-size: 20px;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control .fontawesome-icon-picker .icon-search-input {
        position: fixed;
        height: 20px;
        margin-bottom: 65px;
        display: block;
        width: 150px;
        margin-top: -28px;
    }

    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-search-input {
        height: 20px;
        margin-bottom: 15px;
        display: block;
        width: 100%;
    }


  /** 
    post query field 
  **/
    .customize-control-block-repeater .items-wrap .block-item.block--visibility .block-content {
        padding: 10px 20px 5px 20px;
        border: 1px solid #ddd;
        border-top: none;
        margin-top: -10px;
        margin-bottom: 13px;
        background-color: #fafafa;
    }

    .block-content .post-query-field {
        margin-bottom: 20px;
        padding: 8px 10px;
        margin-top: 20px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 2px 2px #cccccc;
        font-size: 13px;
    }

    .block-content .post-query-field .dashicons-edit {
        margin-top: -4px;
    }

    .block-content .post-query-field > div {
        float: right;
    }

    .block-content .post-query-field-label {
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        color: #007cba;
    }

    .block-content .dashicons-edit {
        background-color: #f0f0f0;
        padding: 3px;
        border-radius: 50%;
        vertical-align: middle;
        border: 2px solid #007cba;
        color: #007cba;
    }

    .block-content .dashicons-edit:hover {
        cursor: pointer;
    }

    #ccustomize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-control-fields.isShow {
        width: 213px;
        left: 22px;
    }

    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-header > div {
        flex: 50%;
        text-align: center;
        padding: 7px;
        vertical-align: middle;
        line-height: 1;
    }

    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list {
        position: relative;
        background-color: #fff;
        padding: 20px;
        height: 120px;
        overflow: auto;
        border: 1px solid #ffbcbc;
        margin-top: 8px;
        bottom: 0;
        width: 78%;
        margin-bottom: 5px;
    }

    #customize-control-social_icons .online-newspaper-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i {
        cursor: pointer;
        font-size: 15px;
        padding: 6px 7px;
    }

  /**********************************
    Typography
  **********************************/
    .online-newspaper-typography-popover .inner-field.font-family input {
        box-shadow: none;
    }

    .customize-typography-control .control-title {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .1px;
        cursor: default;
    }

    .customize-typography-control .reset-button,
    .online-newspaper-typography-popover .reset-button {
        font-size: 12px;
        box-shadow: none;
    }

    .online-newspaper-typography-popover .typo-field .reset-button {
        font-family: 'dashicons';
        position: absolute;
        right: 60px;
    }

    .customize-typography-control .components-button.is-secondary:hover:not(:disabled):hover,
    .online-newspaper-typography-popover .components-button.is-secondary:hover:not(:disabled):hover {
        color: #02abff;
        box-shadow: none;
    }

    .customize-typography-control .reset-button .dashicon,
    .online-newspaper-typography-popover .reset-button .dashicon {
        font-size: 12px;
    }

    .customize-typography-control .control-title .reset-button {
        float: right;
    }

    .customize-typography-control .components-dropdown {
        display: block;
        margin-top: 6px;
    }

    .customize-typography-control .typo-value-holder {
        position: relative;
    }

    .customize-typography-control .typo-summ-value:hover {
        border-color: #0e8ecc;
    }

    .customize-typography-control .typo-summ-value {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ddd;
        padding-right: 8px;
        transition: border-color .1s linear;
    }

    .customize-typography-control .summ-vals {
        padding: 6px 0 6px 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
    }

    .customize-typography-control .summ-vals .summ-val {
        display: inline-flex;
        align-items: center;
    }

    .customize-typography-control .summ-vals i {
        margin: 0 7px;
        font-style: normal;
        font-size: 70%;
        opacity: .5;
        line-height: normal;
        position: relative;
        margin-top: -5px;
    }

    .customize-typography-control .append-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .1em;
        opacity: .7;
        color: inherit;
    }

    .online-newspaper-typography-popover .components-popover__content {
        width: 16rem;
        border-radius: 5px;
        border: none;
        margin: 0 auto;
    }

    .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field {
        position: relative;
        padding: 0 5px;
        margin: 5px 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #eee;
    }

    .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
        cursor: pointer;
        position: absolute;
        top: 7px;
        right: 0;
    }

    .online-newspaper-typography-popover .responsive-icons .dashicons {
        font-size: 11px;
    }

    .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons .dashicons.isActive {
        color: #2271b1;
    }

    .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field.field-group {
        display: flex;
        align-items: center;
        position: relative;
        height: 50px;
        padding: 0 20px;
        margin: 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #eee;
    }

    .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field.field-group .inner-field {
        flex: 1;
        display: flex;
        justify-content: space-evenly;
    }

    .online-newspaper-typography-popover .inner-field.text-decoration,
    .online-newspaper-typography-popover .inner-field.text-transform {
        margin: 0 2px;
    }

    .online-newspaper-typography-popover .inner-field.text-decoration span,
    .online-newspaper-typography-popover .inner-field.text-transform span {
        flex: 1;
        display: flex;
        justify-content: center;
        position: relative;
        margin: 0;
        padding: 5px 0;
        cursor: pointer;
        border: 1px solid #dfe1e4;
    }

    .online-newspaper-typography-popover .inner-field.text-decoration span.isActive,
    .online-newspaper-typography-popover .inner-field.text-transform span.isActive {
        color: #fff;
        background: #5fa1ff;
        border-color: #5fa1ff;
    }

    .online-newspaper-typography-popover .inner-field.text-decoration span:first-child,
    .online-newspaper-typography-popover .inner-field.text-transform span:first-child {
        border-radius: 3px 0 0 3px;
        border-right: none;
    }

    .online-newspaper-typography-popover .inner-field.text-decoration span:last-child,
    .online-newspaper-typography-popover .inner-field.text-transform span:last-child {
        border-radius: 0 3px 3px 0;
        border-left: none;
    }

  /*******************
    Icon Select Icon
  *******************/
    .customize-control-icon-text .field-wrap {
        display: flex;
    }

    .customize-control-icon-text .field-wrap .components-dropdown,
    .customize-control-icon-picker .field-main .components-dropdown {
        flex: 0 1 15%;
    }

    .customize-control-icon-text .field-wrap .components-base-control {
        flex: 0 1 82%;
    }

    .customize-control-icon-text .field-wrap .components-dropdown,
    .customize-control-icon-picker .field-main .components-dropdown {
        text-align: center;
        padding: 0;
        border: 1px solid #8d8d8d;
        margin-right: 5px;
        border-radius: 7px;
        position: relative;
        height: 30px;
        vertical-align: middle;
        box-shadow: 3px 5px 7px -3px rgba(0,0,0,0.75);
        -webkit-box-shadow: 3px 5px 7px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 5px 7px -3px rgba(0,0,0,0.75);
    }

    .customize-control-icon-text .field-wrap .components-dropdown i,
    .customize-control-icon-picker .field-main .components-dropdown i {
        padding: 10px 17px;
        display: inline-block;
    }

    .customize-control-icon-text .field-wrap .components-dropdown:hover,
    .customize-control-icon-picker .field-main .components-dropdown:hover {
        cursor: pointer;
        box-shadow: 6px 7px 8px -3px rgba(0,0,0,0.75);
        -webkit-box-shadow: 6px 7px 8px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 6px 7px 8px -3px rgba(0,0,0,0.75);
    }

    .customize-control-icon-text .field-wrap .components-dropdown .components-popover__content,
    .customize-control-icon-picker .field-main .components-dropdown .components-popover__content {
        width: 230px;
        padding: 5px;
    }

    .customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i,
    .customize-control-icon-picker .field-main .components-dropdown .components-popover__content i {
        padding: 10px;
        display: inline-block;
    }

    .customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i:after,
    .customize-control-icon-picker .field-main .components-dropdown .components-popover__content i:after {
        content: none;
    }

    .customize-control-icon-text .field-wrap .components-dropdown .components-popover__content i:hover,
    .customize-control-icon-picker .field-main .components-dropdown .components-popover__content i:hover {
        cursor: pointer;
        color: #000;
    }

    .components-base-control .components-range-control__root .components-range-control__wrapper {
        z-index: 0;
        color: #5fa1ff;
    }

    .components-range-control__thumb-wrapper span {
        background-color: #5fa1ff;
    }

    .customize-control-icon-picker .field-main .title-wrap {
        display: flex;
        margin-bottom: 12px;
    }

    .customize-control-icon-picker .field-main .title-wrap .customize-control-title {
        order: 1;
        margin-left: 5px;
        padding-top: 5px;
    }

    .online-newspaper-color-control-popover .more-settings .components-button,
    .online-newspaper-box-shadow-control-popover .inner-fields .components-button {
        box-shadow: none;
        border: 1px solid #5fa1ff;
    }

    .online-newspaper-color-control-popover .more-settings .components-button.is-primary,
    .online-newspaper-box-shadow-control-popover .inner-fields .components-button.is-primary {
        background-color: #5fa1ff;
    }

    .online-newspaper-color-control-popover .more-settings .components-button:focus,
    .online-newspaper-box-shadow-control-popover .inner-fields .components-button:focus {
        box-shadow: none;
    }

    .online-newspaper-color-control-popover .more-settings .components-button.is-secondary:hover:not(:disabled),
    .online-newspaper-box-shadow-control-popover .inner-fields .components-button.is-secondary:hover:not(:disabled) {
        box-shadow: inset 0 0 0 1px #5fa1ff57;
    }

  /***************************************
    Responsive Multiselect Tab Styles
  *****************************************/
    .layout-list {
        width: 180px;    
    }

    .layout-list li {
        padding: 5px 0;
        position: relative;
        font-weight: 500;
    }

    #customize-control-ticker_news_width_layout.customize-control-radio-image img,
    #customize-control-main_banner_width_layout.customize-control-radio-image img,
    #customize-control-full_width_blocks_width_layout.customize-control-radio-image img,
    #customize-control-leftc_rights_blocks_width_layout.customize-control-radio-image img,
    #lefts_rightc_blocks_width_layout-global.customize-control-radio-image img,
    #customize-control-bottom_full_width_blocks_width_layout.customize-control-radio-image img,
    #customize-control-page_width_layout.customize-control-radio-image img,
    #customize-control-error_page_width_layout.customize-control-radio-image img,
    #customize-control-search_page_width_layout.customize-control-radio-image img,
    #customize-control-archive_width_layout.customize-control-radio-image img,
    #customize-control-single_post_width_layout.customize-control-radio-image img,
    #customize-control-bottom_footer_width_layout.customize-control-radio-image img {
        border-width: 5px;
    }

    #customize-control-ticker_news_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-main_banner_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-full_width_blocks_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-leftc_rights_blocks_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #lefts_rightc_blocks_width_layout-global.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-bottom_full_width_blocks_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-page_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-error_page_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-search_page_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-archive_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-single_post_width_layout.customize-control-radio-image .buttonset label.ui-button,
    #customize-control-bottom_footer_width_layout.customize-control-radio-image .buttonset label.ui-button {
        flex: 0 1 31%;
    }

    .customize-control-radio-image .buttonset label.ui-button {
        padding: 0;
        border: none;
        margin-bottom: 5px;
    }

    label.ui-button .ui-icon {
        position: absolute;
        visibility: hidden;
    }


    /***************************************
      Responsive Multiselect Tab Styles
    *****************************************/
    .customize-radio-tab-control .radio-tab-wrapper {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        gap: 7px;
    }

    #customize-control-toc_hierarchical .customize-radio-tab-control .radio-tab-wrapper,
    #customize-control-page_toc_hierarchical .customize-radio-tab-control .radio-tab-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    #customize-control-toc_hierarchical .customize-radio-tab-control .components-button-group .components-button,
    #customize-control-page_toc_hierarchical .customize-radio-tab-control .components-button-group .components-button {
        border-right: 1px solid #5fa1ff;
    }

    .customize-radio-tab-control .components-button-group {
        border: 1px solid #5fa1ff;
        border-right: none;
    }

    .customize-radio-tab-control .components-button:last-child {
        border-right: 1px solid #5fa1ff;
        margin: 0;
    }

    .customize-radio-tab-control .components-button.is-primary:focus:not(:disabled) {
        outline: none;
        letter-spacing: .3px;
        box-shadow: none;
    }

    .customize-radio-tab-control .components-button.is-secondary:hover:not(:disabled),
    .customize-radio-tab-control .components-button:focus:not(:disabled) {
        box-shadow: none;
    }

    .customize-block-repeater-control .components-button-group,
    .customize-radio-tab-control .components-button-group,
    .customize-responsive-multiselect-tab-control .components-button-group {
        display: flex;
    }

    .customize-block-repeater-control .components-button-group > button,
    .customize-radio-tab-control .components-button-group > button,
    .customize-responsive-multiselect-tab-control .components-button-group > button {
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
    }

    #customize-control-header_menu_background_color_group .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content {
        left: 80px!important;
        position: absolute!important;
        top: -500px!important;
        width: 250px;
    }

    .customize-color-image-group-control .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content {
        width: 247px;
        top: auto;
        left: -30px;  
    }

    .media-field-image__preview {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 79px;
        margin-bottom: 20px;
    }

    .media-field-image__preview img {
        width: 100%;
        height: 100px;
        object-fit: contain;
    }

    .media-field .media-field-image__toggle {
        border: 1px solid #545454;
    }

    .media-field-image__preview .components-responsive-wrapper div {
        display: none;
    }

    .media-field .media-field-image__preview .components-responsive-wrapper div {
        display: block;
    }

    .media-field .media-field-image__preview .components-responsive-wrapper {
        display: initial;
    }

    .layout-list {
        width: 245px;
    }

    .components-popover__content ul.layout-list {
        justify-content: flex-start;
        flex-wrap: wrap;
        display: flex;
        gap: 6px;
    }

    .layout-list li {
        position: relative;
        border: 1px solid #e8e8e8;
        padding: 10px 11px;
        font-size: 11.5px;
        font-weight: 600;
        width: 47%;
        border-radius: 3px;
        color: #000;
    }

    .layout-list li:hover {
        cursor: pointer;
        color: #2271b1;
        font-weight: 500;
    }

    .layout-list li:hover:after {
        content: 'add';
        position: absolute;
        right: 0;
        background-color: #2271b1;
        color: #fff;
        padding: 3px 7px 5px 10px;
        border-radius: 10px 0 0 10px;
        line-height: 1;
        font-weight: 500;
        font-size: 12px;
        line-height: 1;
        font-weight: 500;
    }

  /** customizer layout **/
    li#accordion-section-background_image:before,
    li#accordion-panel-archive_panel:before {
        content: 'Core';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-panel-archive_panel:before {
        content: 'Page Options';
    }

    li#accordion-section-background_image {
        border-top: 1px solid #e6e6e6!important;
        margin-top: 20px;
    }

    .customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger,
    .customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger {
        display: flex;
        align-items: center;
    }

    .customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger .customize-control-title,
    .customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger .customize-control-title,
    .customize-control-preset-color-picker .customize-preset-color-picker-control .control-header-trigger label,
    .customize-control-preset-gradient-picker .customize-preset-gradient-picker-control .control-header-trigger label {
        flex: 1;
    }

    .customize-color-picker-control .control-content-wrap {
        display: flex;
        align-items: center;
    }

    li#accordion-panel-online_newspaper_global_panel:before {
        content: 'General Options';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-panel-online_newspaper_global_panel {
        margin-top: 20px;
    }

    li#accordion-section-online_newspaper_main_banner_section:before {
        content: 'Front Page Options';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-section-online_newspaper_main_banner_section {
        border-top: 1px solid #e6e6e6!important;
        margin-top: 20px;
    }

    li#accordion-panel-online_newspaper_blog_post_archive_panel:before {
        content: 'Page Options';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-panel-online_newspaper_blog_post_archive_panel {
        border-top: 1px solid #e6e6e6!important;
        margin-top: 20px;
    }

    li#accordion-section-online_newspaper_footer_section:before {
        content: 'Footer Options';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-section-online_newspaper_footer_section {
        border-top: 1px solid #e6e6e6!important;
        margin-top: 20px;
    }

    li#accordion-section-online_newspaper_top_header_section:before {
        content: 'Header Options';
        font-weight: 600;
        color: #2271b1;
        font-size: 13px;
        line-height: 1.3;
        padding: 7px 20px;
        display: block;
        padding-left: 10px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
    }

    li#accordion-section-online_newspaper_top_header_section {
        border-top: 1px solid #e6e6e6!important;
        margin-top: 20px;
    }

    .customize-preset-color-picker-control .component-color-indicator,
    .customize-preset-gradient-picker-control .component-color-indicator {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }

    .online-newspaper-preset-colors-control-popover .preset-colors .component-color-indicator {
        height: 22px;
    }

    #fs_customizer_support span {
        flex: 1;
    }

    .block-content .components-button-group .components-button-group .components-button:hover {
        border: 1px solid #006ba1;
    }

    .dashicons.isActive, 
    .dashicons.isactive {
        color: #0994d9;
    }

    .dashicons:hover {
        cursor: pointer;
    }

  /** rtl css customizer **/
    body.rtl #customize-controls .control-section > h3.accordion-section-title:after {
        right: auto;
    }

    body.rtl .components-custom-gradient-picker__gradient-bar {
        border-radius: 2px;
        margin-top: 12px;
        width: 100%;
        height: 48px;
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 0;
        margin-right: -5px;
    }

    body.rtl .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover {
        left: auto!important;
        right: -270px!important;
    }

    body.rtl .customize-control-preset-gradient-picker .components-popover__content .components-popover__content {
        position: absolute!important;
        margin: 0!important;
        right: 178px;
        bottom: 50vh;
        left: auto;
    }

    body.rtl .customize-responsive-box-control .responsive-icons, 
    body.rtl .customize-responsive-range-control .responsive-icons {
        right: auto;
        left: 8px;
    }

    body.rtl .online-newspaper-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
        right: auto;
        left: 19px;
    }

    body.rtl .online-newspaper-typography-popover .typo-field .reset-button {
        right: auto;
        left: 80px;
    }

    body.rtl #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-control-fields.isShow {
        left: auto;
        right: 310px;
    }

    body.rtl #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item,
    body.rtl .customize-video-playlist-control .block-item .block-header,
    body.rtl .customize-block-repeater-control .block-item .block-header {
        padding: 0 12px 0 0px;
    }

    body.rtl .customize-color-group-control .components-popover__content .components-popover__content, .customize-color-group-picker-control .components-popover__content .components-popover__content, 
    body.rtl .customize-color-image-group-control .components-popover__content .components-popover__content, .customize-color-picker-control .components-popover__content .components-popover__content, 
    body.rtl .customize-preset-color-picker-control .components-popover__content .components-popover__content {
        position: absolute!important;
        left: auto;
        bottom: 35vh;
        top: auto;
        right: 340px!important;
    }

    body.rtl .customize-color-image-group-control .components-popover.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content {
        width: 247px;
        top: auto;
        left: auto;
        right: 425px!important;
    }

    body.rtl .post-query-field .components-popover.components-dropdown__content {
        left: auto!important;
        right: 80px;
    }

    body.rtl .layout-list li:hover:after {
        right: auto;
        left: 0px;
        border-radius: 0 10px 10px 0;
    }

    body #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading,
    body .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading-wrap .display-icon, 
    body .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading-wrap .item-heading {
        cursor: all-scroll;
    }

    body .components-circular-option-picker {
        min-width: 200px;
    }

    .customize-control span.control-limit-upgrade-notice {
        color: red;
        font-style: italic;
        font-size: 12px;
    }

  /* color dropdown fixed */
    #customize-theme-controls .customize-pane-child.accordion-section-content {
        height: 100%;
        background-color: #e7f1ff;
    }

    .components-custom-gradient-picker .components-popover__content {
        width: 250px;
    }

    #sub-accordion-section-online_newspaper_sidebar_options_section .customize-control-radio-image .buttonset label.ui-button {
        flex: 0 1 31%;
        padding: 0;
        margin-bottom: 10px;
        border: none;
    }

    #sub-accordion-section-online_newspaper_sidebar_options_section .customize-control-radio-image .buttonset label.ui-button .ui-icon {
        position: absolute;
        visibility: hidden;
    }

  /*************************
    Radio Bubble Control
  *************************/
    .customize-block-repeater-control span.radio-bubble.isActive,
    .customize-radio-bubble-control span.radio-bubble.isActive,
    .components-popover__content span.radio-bubble.isActive {
        background: #007cba;
        border-color: #007cba;
        color: #fff;
    }

    .customize-block-repeater-control span.radio-bubble,
    .customize-radio-bubble-control span.radio-bubble,
    .customize-radio-bubble-control div.radio-bubble,
    .components-popover__content span.radio-bubble {
        cursor: pointer;
        padding: 4px;
        border: 1px solid #fff;
        border-radius: 5px;
        font-size: 10px;
        margin: 4px;
        background: #fff;
        box-shadow: 1px 1px 3px 3px #e4dddd;
    }

    .radio-bubbles.column-2 {
        display: flex;
        padding: 0 5px;
    }

    .radio-bubbles.column-4 {
        padding: 0 5px;
        text-align: center;
    }

    .radio-bubbles.column-2 > span,
    .radio-bubbles.column-4 > span {
        flex: 1;
        text-align: center;
        flex-wrap: wrap;
    }

    .customize-block-repeater-control .column-4 span.radio-bubble,
    .customize-radio-bubble-control .column-4 span.radio-bubble,
    .components-popover__content .column-4 span.radio-bubble {
        width: 50px;
        display: inline-block;
    }

    span.radio-bubble:hover {
        background: #007cba;
        border-color: #007cba;
        color: #fff;
    }

    #customize-control-ticker_news_categories {
        margin-top: 0;
        background-color: #ffffff;
        display: block;
        margin-bottom: 0;
    }

    #customize-control-ticker_news_categories .customize-multiselect-control {
        padding: 10px;
    }

    .components-popover__content .components-dropdown__content .radio-bubbles.column-4,
    #sub-accordion-section-online_newspaper_top_header_section #customize-control-top_header_ticker_news_date_filter {
        background-color: #fff;
        margin-top: 0;
        padding-bottom: 20px;
        margin-bottom: 15px;
    }

    #customize-control-main_banner_slider_categories .customize-multiselect-control, 
    #customize-control-ticker_news_categories .customize-multiselect-control,
    #sub-accordion-section-online_newspaper_top_header_section .customize-multiselect-control {
        padding: 10px;
    }

    #customize-control-main_banner_slider_categories, #customize-control-ticker_news_categories, 
    .components-popover__content .components-dropdown__content .css-b62m3t-container,
    #sub-accordion-section-online_newspaper_top_header_section #customize-control-top_header_ticker_news_categories {
        margin-top: 0;
        background-color: #fff;
        display: block;
        margin-bottom: 0;
    }

    .components-popover__content .components-dropdown__content .radio-bubbles.column-2 {
        box-shadow: 0px -2px 5px 0px rgba(181,181,181,0.75);
        -webkit-box-shadow: 0px -2px 5px 0px rgba(181,181,181,0.75);
        -moz-box-shadow: 0px -2px 5px 0px rgba(181,181,181,0.75);
        background-color: #fff;
        margin-bottom: 0;
        padding: 10px 5px 5px 5px;
        box-sizing: border-box;
        margin-top: 15px;
    }

    .post-query-field .radio-bubbles.column-2 {
        padding: 5px 5px 8px;
    }

    .post-query-field .radio-bubbles.column-4 {
        padding: 8px 5px 10px;
        margin-bottom: 0 !important;
    }

    .post-query-field .radio-bubbles.column-2>span,
    .post-query-field .radio-bubbles.column-4>span {
        line-height: 2;
        color: #000;
    }

  /* Repeater popup */
    .customize-control-block-repeater .components-popover {
        position: fixed!important;
    }

    .customize-control-block-repeater .components-dropdown__content .components-popover__content {
        padding: 10px;
        height: 370px;
        overflow-y: scroll;
    }

    .customize-control-block-repeater .components-popover.components-dropdown__content .components-popover__content .components-popover__content {
        height: 400px;
        overflow-y: scroll;
    }

  /** Typography **/
    .online-newspaper-typography-popover .components-dropdown__content .components-popover__content {
        padding: 8px 5px;
        height: 367px;
        overflow-y: hidden;
    }

    .customize-color-group-control .online-newspaper-group-tab-panel {
        padding: 5px;
    }

    .customize-control-block-repeater .components-dropdown__content.online-newspaper--popover-content .components-popover__content {
        height: auto;
        overflow: initial;
    }

    @media (min-width: 1600px ) {
        .customize-control-block-repeater .components-dropdown__content .components-popover__content {
            height: auto;
            overflow-y: initial;
        }
    }

  /* Range control */
    .customize-control-range .components-range-control__root .components-button {
        position: absolute;
        top: -30px;
        right: 0;
        box-shadow: none !important;
        padding: 0;
        height: initial;
        min-height: initial;
    }

  /** Box shadow controls **/
    .customize-box-shadow-control {
        display: flex; 
        flex-direction: column;
    }

    .customize-box-shadow-control .control-inner-content {
        display: flex;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        align-items: center;
        -webkit-align-items: center;
        gap: 15px;
    }

    .customize-box-shadow-control .control-inner-content .components-dropdown {
        display: block;
        clear: both;
        width: 170px;
    }

    .customize-box-shadow-control .control-inner-content .box-shadow-reflector {
        width: 100%;
        height: 75px;
    }

    .customize-box-shadow-control .control-title {
        display: flex;
        margin-bottom: 6px;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 10px;
    }

    .customize-box-shadow-control .control-title .reset-button {
        margin-left: 10px;
        box-shadow: none;
    }

    .customize-box-shadow-control .color-indicator-wrapper .component-color-indicator {
        width: 40px;
        height: 24px;
    }
    
    .customize-box-shadow-control .box-shadow-reflector {
        background-color: #448bef45;
        border-radius: 5px;
    }

    .customize-box-shadow-control .box-shadow-reflector:hover {
        cursor: pointer;
    }

    .box-shadow-value-holder .box-shadow-summ-value {
        position: relative;
        text-align: left;
    }

    .box-shadow-value-holder .box-shadow-summ-value {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ddd;
        padding-right: 8px;
    }

    .box-shadow-value-holder:hover .box-shadow-summ-value:hover {
        border-color: #0e8ecc;
    }

    .box-shadow-value-holder .summ-vals {
        padding: 4px 7px 4px 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
    }

    .box-shadow-summ-value .summ-vals .summ-val {
        display: inline-flex;
        align-items: center;
    }

    .box-shadow-summ-value .summ-vals i {
        margin: 0 7px;
        font-style: normal;
        font-size: 70%;
        opacity: .5;
        line-height: normal;
        position: relative;
        margin-top: -5px;
    }

    .box-shadow-summ-value .append-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .1em;
        opacity: .7;
        color: inherit;
    }

    .customize-box-shadow-control .control-inner-content .components-dropdown:first-child {
        flex: 1;
        text-align: center;
        align-items: center;
        border-radius: 3px;
    }
    
    .customize-box-shadow-control .control-inner-content .components-dropdown:last-child {
        justify-content: flex-end;
        text-align: right;
    }

    .customize-box-shadow-control .components-dropdown:first-child .components-popover__content {
        width: 200px;
        text-align: left;
        padding: 10px;
    }

    .customize-border-control .control-inner .border-width-element .components-base-control.components-range-control {
        position: absolute;
        bottom: 0;
        right: 20px;
        width: 87%;
    }

    .components-range-control__wrapper span:nth-child(2),
    .components-range-control__track {
        height: 2px;
        margin-top: 14px;
    }

    /* popup */
		.customize-border-control .field-wrap .components-range-control__wrapper,
		.customize-border-control .field-wrap .components-button {
			display: none;
		}

		.customize-border-control .field-wrap .components-range-control__root {
			display: initial;
		}

		.customize-border-control .control-inner .components-dropdown:nth-child(2) {
			display: flex;
			margin-left: 8px;
		}

		.customize-border-control .control-inner .components-dropdown .component-color-indicator {
			width: 40px;
			height: 23px;
		}
		
		/* border popup */
		.type-wrapper {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			width: 90px;
		}

		.type-wrapper .components-button:focus:not(:disabled) {
			box-shadow: none;
		}

		.type-wrapper button {
			min-height: 23px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5px 2px;
			font-size: 11px;
			letter-spacing: 0.4px;
			cursor: pointer;
		}

		.type-wrapper button:hover {
			background-color: #5fa1ff;
			color: #fff;
		}

		.type-wrapper button.type:hover:before {
			border-color: #fff;
		}

		button.type:not(:first-child):before {
			content: '';
			width: 18px;
			display: block;
			border-bottom-width: 2px;
			border-bottom-color: #000;
		}

		button.dotted:before {
			border-bottom-style: dotted;
		}

		button.type.dashed:before {
			border-bottom-style: dashed;
		}

		button.type.solid:before {
			border-bottom-style: solid;
		}
		
		.components-menu-item__item {
			margin-right: initial;
			min-width: initial;
		}

  /** radio button **/
    .components-base-control.components-toggle-control {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .customize-block-repeater-control .components-base-control.components-toggle-control {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .customize-control {
        margin-bottom: 0;
        box-sizing: border-box;
        padding: 0 16px 10px;
        background-color: #fff;
    }

    #customize-control-preloader_type,
    #customize-control-widgets_styles_image_border,
    #customize-control-website_layout,
    #customize-control-website_content_layout,
    #customize-control-post_title_hover_effects,
    #customize-control-global_button_redirect,
    #customize-control-frontpage_sidebar_layout,
    #customize-control-archive_sidebar_layout,
    #customize-control-single_sidebar_layout,
    #customize-control-page_sidebar_layout,
    #customize-control-theme_color,
    #customize-control-solid_color_preset,
    #customize-control-global_category_typography,
    #customize-control-advertisement_repeater,
    #customize-control-typography_presets,
    #customize-control-header_image,
    #customize-control-time_option,
    #customize-control-date_time_typography,
    #customize-control-secondary_menu_typo,
    #customize-control-custom_logo,
    #customize-control-blogname,
    #customize-control-site_title_typo,
    #customize-control-header_textcolor,
    #customize-control-header_ads_banner_responsive_option,
    #customize-control-header_menu_typo,
    #customize-control-header_menu_color,
    #customize-control-header_sub_menu_color,
    #customize-control-search_icon_color,
    #customize-control-newsletter_label,
    #customize-control-custom_button_text_typo,
    #customize-control-theme_mode_dark_icon,
    #customize-control-theme_mode_dark_icon_color,
    #customize-control-off_canvas_position,
    #customize-control-canvas_menu_icon_color,
    #customize-control-random_news_label_color,
    #customize-control-sticky_posts_categories,
    #customize-control-sticky_posts_label_typography,
    #customize-control-main_banner_posts,
    #customize-control-main_banner_width_layout,
    #customize-control-main_banner_slider_order_by,
    #customize-control-web_stories_categories_to_include,
    #customize-control-web_stories_image_sizes,
    #customize-control-web_stories_preview_count_typo,
    #customize-control-full_width_blocks,
    #customize-control-full_width_blocks_width_layout,
    #customize-control-leftc_rights_section_sidebar_redirect,
    #customize-control-leftc_rights_blocks_width_layout,
    #customize-control-lefts_rightc_section_sidebar_redirect,
    #customize-control-lefts_rightc_blocks_width_layout,
    #customize-control-bottom_full_width_blocks,
    #customize-control-bottom_full_width_blocks_width_layout,
    #customize-control-two_column_first_column_blocks,
    #customize-control-two_column_second_column_blocks,
    #customize-control-two_column_section_layout,
    #customize-control-homepage_content_order,
    #customize-control-archive_page_title_prefix,
    #customize-control-archive_page_category_option,
    #customize-control-archive_image_ratio,
    #customize-control-archive_width_layout,
    #customize-control-archive_pagination_type,
    #customize-control-single_layout,
    #customize-control-single_post_image_ratio,
    #customize-control-single_post_width_layout,
    #customize-control-single_post_title_typo,
    #customize-control-page_width_layout,
    #customize-control-page_image_ratio,
    #customize-control-error_page_width_layout,
    #customize-control-search_page_width_layout,
    #customize-control-footer_title_typography,
    #customize-control-bottom_footer_site_info,
    #customize-control-bottom_footer_text_typography,
    #customize-control-footer_menu_hover_effect,
    #customize-control-footer_menu_typography,
    #customize-control-stt_responsive_option,
    #customize-control-stt_color_group,
    #customize-control-background_image,
    #customize-control-site_background_animation,
    #customize-control-site_documentation_info,
    #customize-control-site_date_to_show,
    #customize-control-site_breadcrumb_option,
    #customize-control-ticker_news_width_layout,
    #customize-control-ticker_news_thumbnail_option,
    #customize-control-web_stories_full_width_blocks_width_layout,
    #customize-control-header_newsletter_typography,
    #customize-control-random_news_typography,
    #customize-control-gradient_color_preset,
    #customize-control-site_block_title_typo,
    #customize-control-sticky_posts_position,
    #customize-control-single_post_related_posts_title,
    #customize-control-error_page_image,
    #customize-control-bottom_footer_logo_option,
    #customize-control-footer_social_icons,
    #customize-control-secondary_menu_hover_effect,
    #customize-control-social_icons,
    #customize-control-custom_button_label,
    #customize-control-random_news_label,
    #customize-control-ticker_news_frontpage,
    #customize-control-ticker_news_order_by,
    #customize-control-search_icon_size,
    #customize-control-main_banner_card_enable,
    #customize-control-web_stories_card_enable,
    #customize-control-full_width_card_enable,
    #customize-control-leftc_rights_card_enable,
    #customize-control-leftc_rights_sidebar_background_color_group,
    #customize-control-lefts_rightc_card_enable,
    #customize-control-lefts_rightc_sidebar_background_color_group,
    #customize-control-bottom_full_width_card_enable,
    #customize-control-two_column_card_enable,
    #customize-control-archive_card_enable,
    #customize-control-sidebar_background,
    #customize-control-ticker_news_card_enable {
        padding-top: 10px;
    }

    #customize-theme-controls .customize-pane-parent #accordion-section-online_newspaper_about_section,
    #customize-theme-controls .customize-pane-parent #accordion-section-header_image,
    #customize-theme-controls .customize-pane-parent #accordion-section-online_newspaper_ticker_news_section,
    #customize-theme-controls #accordion-panel-online_newspaper_front_sections_panel,
    #customize-theme-controls #accordion-panel-online_newspaper_page_panel,
    #customize-theme-controls #accordion-section-online_newspaper_customizer_opinion_section,
    #customize-theme-controls #accordion-section-cei-section,
    #customize-theme-controls #accordion-section-online_newspaper_bottom_footer_section,
    #customize-theme-controls #accordion-panel-frontpage_panel,
    #customize-theme-controls #accordion-section-footer_builder_section_settings,       
    #customize-theme-controls #accordion-panel-page_setting_panel,
    #customize-control-category_colors_section_tab,
    #customize-control-theme_color,
    #customize-control-solid_color_preset,
    #customize-control-typography_presets,
    .customize-control-section-tab,
    #customize-control-site_tagline_typo,
    #customize-control-single_post_content_typo,
    #customize-control-header_third_row_header_sticky {
        margin-bottom: 15px;
    }

    .customize-control.customize-control-section-heading,
    .customize-control.customize-control-section-heading-toggle {
        margin: 16px 0 16px -20px;
    }

    #customize-control-widgets_styles_image_settings_heading,
    #customize-control-logo_and_icon_section_toggle,
    #customize-control-full_width_blocks_width_layout_header,
    #customize-control-leftc_rights_blocks_width_layout_header,
    #customize-control-lefts_rightc_blocks_width_layout_header,
    #customize-control-bottom_full_width_blocks_width_layout_header,
    #customize-control-two_column_first_column_blocks_header,
    #customize-control-two_column_section_layout_header,
    #customize-control-archive_page_layout_header,
    #customize-control-single_post_width_layout_header,
    #customize-control-page_width_layout_header,
    #customize-control-website_layout_header,
    #customize-control-frontpage_sidebar_layout_header,
    #customize-control-main_banner_width_layout_header,
    #customize-control-main_banner_slider_settings_header,
    #customize-control-web_stories_query_settings_heading_toggle {
        margin-top: 0;
    }

    .customize-control-custom-repeater .buttons-wrap {
        display: none;
    }

    #customize-control-homepage_content_order {
        margin-top: 15px;
    }

    #sub-accordion-section-front_sections_reorder_section #customize-control-homepage_content_order {
        margin: 0;
    }

    .customize-control.customize-control-section-tab,
    .customize-control.customize-control-toggle-button {
        padding: 0;
        box-sizing: initial;
        background-color: initial;
    }

    .customize-control .components-elevation {
        box-shadow: none;
        border-bottom: 1px solid #efefef;
    }

    .customize-control-checkbox input[type="checkbox"] ~ label {
        margin-left: 5px;
        display: inline;
    }

    .customize-control-simple-toggle .components-form-toggle {
        order: 2;
    }

    .customize-control-simple-toggle .components-toggle-control__help {
        margin-inline-start: 0;
    }

    /* border control */
    .customize-border-control .control-border-inner .control-title-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 7px;
        align-items: center;
    }

    .customize-border-control .components-dropdown div {
        line-height: 16px;
        background: #5fa1ff;
        color: #fff;
        border-radius: 2px;
        padding: 2px 10px 5px;
        letter-spacing: .3px;
        cursor: pointer;
        font-size: 12px;
        text-transform: capitalize;
    }

    .type-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 90px;
    }

    .type-wrapper button {
        min-height: 23px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 2px;
        font-size: 11px;
        letter-spacing: .4px;
        cursor: pointer;
    }

    .type-wrapper .components-button:focus:not(:disabled) {
        box-shadow: none;
    }

    .online-newspaper-border-control-popover .type-wrapper button:hover {
        background-color: #5fa1ff;
    }

    .online-newspaper-border-control-popover .type-wrapper button:hover:before {
        border-bottom-color: #fff;
    }

    .online-newspaper-border-control-popover .type-wrapper button:hover .components-menu-item__item {
        color: #fff;
    }

    .components-menu-item__item {
        margin-right: initial;
        min-width: initial;
    }

    button.type:not(:first-child):before {
        content: '';
        width: 18px;
        display: block;
        border-bottom-width: 2px;
        border-bottom-color: #000;
    }

    button.type.dashed:before {
        border-bottom-style: dashed;
    }

    button.type.solid:before {
        border-bottom-style: solid;
    }

    button.type.double:before {
        border-bottom-style: double;
        border-bottom-width: 6px;
    }

  /* Front sections ui */
    #sub-accordion-section-online_newspaper_full_width_section #customize-control-homepage_content_order .sort-item.full_width_section,
    #sub-accordion-section-online_newspaper_leftc_rights_section #customize-control-homepage_content_order .sort-item.leftc_rights_section,
    #sub-accordion-section-online_newspaper_lefts_rightc_section #customize-control-homepage_content_order .sort-item.lefts_rightc_section,
    #sub-accordion-section-online_newspaper_bottom_full_width_section #customize-control-homepage_content_order .sort-item.bottom_full_width_section,
    #sub-accordion-section-online_newspaper_two_column_section #customize-control-homepage_content_order .sort-item.two_column_section {
        border-top: 2px solid #0071a1;
    }

    .sort-item.invisible {
        opacity: .65;
    }

    .customize-control-color-group .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
        margin-top: 0;
    }

    .customize-control-color-group .online-newspaper-group-tab-panel,
    .customize-control-color-group .components-popover__content {
        width: auto;
        margin-left: 5px;
    }

    .customize-control-box-shadow .react-colorful__saturation {
        height: 110px!important;
        border-radius: 6px!important;
    }

    .customize-control-box-shadow .dashicons-image-rotate {
        font-size: 12px;
        width: auto;
        height: auto;
    }

    .customize-control-box-shadow .components-popover__content {
        width: auto;
    }

    .color-group-inner-wrap .components-popover.components-dropdown__content {
        margin-left: 10px;
    }

  /** color dropdown design **/
    .components-custom-gradient-picker__markers-container .components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content {
        top: 120px!important;
    }

    .components-popover__content .react-colorful__saturation {
        height: 125px!important;
        border-radius: 4px !important;
    }

    .components-popover__content .icon-picker-modal {
        display: flex;
        flex-wrap: wrap;
    }

    .components-popover__content .icon-picker-modal i {
        padding: 5px 7px;
        font-size: 14px;
    }

    .components-popover__content .components-color-picker {
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
    }

    .components-popover__content .components-surface.components-card {
        box-shadow: none;
    }

    .components-popover__content button.components-button.is-secondary.is-small,
    .components-circular-option-picker__custom-clear-wrapper .components-button {
        display: none;
    }

    .components-color-picker .components-input-control__container {
        width: 100%;
    }

    .components-popover__content .icon-picker-modal {
        display: flex;
        flex-wrap: wrap;
        width: 190px;
    }

    .components-popover__content .icon-picker-modal i {
        padding: 5px 7px;
        font-size: 14px;
    }

    .components-popover__content .block-content {
        width: 250px;
    }

    .components-popover__content .block-content > div {
        width: 90%;
        margin: 5px auto;
    }

    .components-popover__content > div.components-surface {
        box-shadow: none;
    }

    .components-popover__content .components-surface .components-card__body {
        padding: 10px;
        height: 300px;
        width: 240px;
        overflow-y: scroll;
        background-color: #f9f9f9; 
    }

    .online-newspaper-group-tab-panel .editor-post-featured-image {
        padding: 7px;
    }

    .online-newspaper-group-tab-panel .more-settings {
        height: 150px;
        overflow-y: scroll;
        padding: 15px 5px;
    }

    .online-newspaper-group-tab-panel .more-settings .components-button-group .components-button {
        font-size: 12px;
    }

    .components-popover__content .react-colorful .react-colorful__hue,
    .components-popover__content .react-colorful .react-colorful__alpha {
        width: 244px;
        margin: 0;
    }

    .components-popover__content .react-colorful .react-colorful__hue {
        margin-bottom: 15px;
    }

    .components-popover__content .components-color-picker .components-flex .components-base-control__field {
        margin-top: 9px;
    }

    .components-popover__content .components-color-picker .components-flex select.components-select-control__input {
        border: 1px solid #949494;
    }

    .components-popover__content .components-color-picker .components-flex svg {
        font-size: 12px;
        width: 20px;
    }

    .components-popover__content .components-color-picker .components-flex svg {
        font-size: 12px;
        width: 20px;
    }

    .components-popover__content .components-color-picker>div>.components-flex {
        padding: 0 6px;
        margin: 0 6px;
    }

    .components-popover__content .components-color-picker>div>.components-flex:last-child {
        padding: 0 3px;
    }

    .components-popover__content .components-color-picker .components-flex .components-base-control__field {
        margin-top: 9px;
    }


  /**********************************
    Block Controls
  **********************************/
    .customize-video-playlist-control .block-item, .customize-block-repeater-control .block-item, .online-newspaper-repeater-control-inner {
        position: relative;
    }

    .customize-video-playlist-control .block-item.block--hidden,
    .customize-block-repeater-control .block-item.block--hidden {
        opacity: 0.6;
    }

    .customize-video-playlist-control .block-item .block-header,
    .customize-block-repeater-control .block-item .block-header {
        display: flex;
        padding: 0;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        margin: 0 0 10px;
        border-radius: 3px;
        align-items: center;
        position: relative;
    }

    .customize-video-playlist-control .block-item .block-header {
        margin-bottom: 0px;
    }

    .customize-video-playlist-control .block-item {
        margin-bottom: 10px;
    }

    .customize-video-playlist-control .block-item .block-content {
        border: 1px solid #ddd;
        border-top: none;
        background: #fff;
        padding: 10px 15px;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item {
        display: flex;
        padding: 0 0 0 12px;
        border: 1px solid #ddd;
        color: #556068;
        background: #fff;
        cursor: move;
        font-size: 12px;
        line-height: 38px;
        margin: 0 0 10px;
        border-radius: 3px;
    }

    .block-item .block-header .control-title,
    #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading {
        flex: 1;
        display: block;
        text-transform: capitalize;
        font-size: 12px;
        padding: 9px;
    }

    #sub-accordion-section-social_icons_section #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading {
        padding: 0;
    }

    .block-item .block-header .display-icon,
    .block-item .block-header .setting-icon,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .display-icon,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .settings-icon {
        cursor: pointer;
        float: right;
        position: relative;
        font-size: 16px;
        padding: 9px;
        line-height: 20px;
        border-left: 1px solid #ddd;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading-wrap {
        padding: 0px;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading {
        width: 150px;
    }

    .block-item .block-header .remove-icon {
        display: none;
        position: absolute;
        right: -10px;
        border: 1px dashed red;
        border-radius: 70%;
        width: 20px;
        height: 20px;
        top: -10px;
        color: red;
        text-decoration: none;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .remove-item {
        text-decoration: none;
        order: 1;
        margin-top: -10px;
        margin-right: 8px;
        position: relative;
        display: none;
        width: 0;
        height: 0;
    }

    #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .remove-item .dashicons.dashicons-minus,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .remove-item .dashicons.dashicons-minus {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px dashed red;
        border-radius: 50px;
        left: -10px;
        z-index: 999;
    }

    .block-item .block-header:hover .remove-icon,
    #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item:hover .remove-item,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item:hover .remove-item {
        display: block;
        text-decoration: none;
        z-index: 9;
        position: absolute;
    } 

    .block-item .block-header .remove-icon:hover,
    #customize-control-social_icons .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .remove-item:hover,
    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .remove-item:hover {
        cursor: pointer;
    }

    #customize-control-opinons_items .online-newspaper-repeater-control-inner .online-newspaper-repeater-item .item-heading-wrap {
        width: 100%;
    }

    .customize-video-playlist-control .block-item .components-popover__content,
    .customize-block-repeater-control .block-item .components-popover__content {
        width: 280px;
        border-radius: 5px;
        box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -webkit-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        -moz-box-shadow: 1px 1px 1px 3px rgb(251 251 251);
        border: none;
    }

    .customize-control-item-sortable .sort-list .sort-item {
        display: block;
    }

  /** 
  Additional css 
  **/
    .customize-border-control .block-header {
        position: absolute;
    }

    .customize-control .components-range-control__track {
        height: 2px;
        margin-top: 14px;
    }

    .customize-control .components-range-control__thumb-wrapper {
        height: 10px;
        width: 10px;
    }

    .customize-control .components-range-control__wrapper span:nth-child(2) {
        height: 2px;
        margin-top: 14px;
    }

    .customize-control button.components-range-control__reset {
        text-indent: -999px;
        box-shadow: none;
    }

    .customize-control button.components-range-control__reset:hover {
        text-indent: -999px!important;
        box-shadow: none!important;
    }

    .customize-control button.components-range-control__reset:before {
        content: "\f531";
        font-family: dashicons;
        font-size: 10px;
        text-indent: initial;
        cursor: pointer;
    }

    .customize-control button.components-range-control__reset:hover:before {
        color: #02abff;
    }

    .online-newspaper-color-control-popover .online-newspaper-group-tab-panel .components-tab-panel__tabs {
        display: flex;
        margin: 0;
        margin-top: -10px;
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 10px;
    }

    .online-newspaper-color-control-popover .online-newspaper-group-tab-panel .components-tab-panel__tabs button {
        flex: 1 1 100%;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        position: relative;
        height: 40px;
    }

    .online-newspaper-color-control-popover .online-newspaper-group-tab-panel .components-tab-panel__tabs button:last-child {
        border-right: 0px solid transparent;
    }

    .online-newspaper-color-control-popover .online-newspaper-group-tab-panel .components-tab-panel__tabs button.active-tab:after {
        position: absolute;
        content: "";
        left: -1px;
        bottom: -1px;
        width: calc(100% + 2px);
        height: 2px;
        background: #0071a1;
    }

    .components-dropdown__content .components-popover__content {
        padding: 12px 12px;
    }

    .customize-control-color .wp-picker-holder {
        margin-left: -10px;
    }

    .components-dropdown.online-newspaper-picker-one .components-popover.components-dropdown__content {
        margin-left: 35px;
    }

    .components-dropdown.online-newspaper-picker-one .components-popover.components-dropdown__content .components-popover__arrow {
        margin-left: -35px;
    }

    .picker-buttons-wrap {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: 1px solid #5fa1ff;
    }

    .picker-buttons-wrap .button-action {
        padding: 5px 10px;
        font-size: 13px;
    }

    .picker-buttons-wrap .button-action:hover {
        cursor: pointer;
    }

    .picker-buttons-wrap .button-action:not(.active) {
        box-shadow: none;
    }

    .picker-buttons-wrap .button-action.active {
        background: #5fa1ff;
    }

    .customize-control-icon-picker .select-upload {
        border-right: 1px solid #5fa1ff;
        border-left: 1px solid #5fa1ff;
    }

    .customize-control-icon-picker .select-icon {
        width: 15px;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal {
        position: absolute;
        z-index: 1;
        top: 30px;
        padding: 10px;
        box-shadow: 0 0 4px 3px rgb(205 205 205 / 50%);
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal .icon-picker-list .icon-item i {
        padding: 11px;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal .icon-picker-list .icon-item.selected:hover i {
        color: #fff;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal .icon-picker-list .icon-item.selected {
        color: #fff;
        background-color: #007cba;
        padding: 5px 0;
        border: 2px;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal .icon-picker-list .icon-item i:hover {
        color: #007cba;
    }

    .customize-control.customize-control-section-tab, .customize-control.customize-control-toggle-button {
        padding: 0;
        box-sizing: initial;
        background-color: initial;
    }

    .customize-control-toggle-button {
        padding: 0;
    }

    #customize-control-top_header_ticker_news_date_filter select {
        width: 98%;
        height: 38px;
        border-radius: 2px;
    }

    #customize-theme-controls .customize-pane-parent .accordion-section {
        background: #fff;
        box-sizing: border-box;
        margin: 0px 7px 0 7px;
    }

    #customize-info, #customize-theme-controls .customize-pane-parent,
    #customize-controls .wp-full-overlay-sidebar-content {
        background: #e7f1ff;
    }

    /*** Overriding popup **/
        .online-newspaper-typography-popover.components-popover {
            min-width: 300px;
            max-width: 600px;
            width: 18%;
        }

        .online-newspaper-box-shadow-control-popover.components-popover {
            min-width: 250px;
            max-width: 550px;
            width: 14%;
        }

        .online-newspaper-typography-popover.components-popover .components-popover__content {
            padding: 8px 12px;
            width: 90%;
            margin: 0 auto;
            background-color: #fff;
            box-shadow: 0px 2px 4px 2px #0000001c;
            border-radius: 4px;
        }

        .online-newspaper-box-shadow-control-popover .components-popover__content {
            padding: 12px;
            width: 100%;
            margin: 0 auto;
            background-color: #fff;
            box-shadow: 0px 2px 4px 2px #0000001c;
            border-radius: 4px;
        }

        .online-newspaper-color-control-popover .components-popover__content,
        .online-newspaper-border-control-popover .components-popover__content {
            background-color: #fff;
            box-shadow: 0px 2px 4px 2px #0000001c;
            border-radius: 4px;
        }

        .online-newspaper-color-control-popover .components-popover__content .components-input-control__container,
        .online-newspaper-border-control-popover .components-popover__content .components-input-control__container {
            width: 100%;
        }

        .online-newspaper-color-control-popover .components-popover__content .components-input-control__container  .components-input-control__container input {
            height: 35px;
            min-height: 35px;
        }

        .online-newspaper-color-control-popover .components-popover__arrow .components-popover__triangle-border,
        .online-newspaper-typography-popover.components-popover .components-popover__arrow .components-popover__triangle-border {
            stroke: #e6e6e6c9;
        }

        .online-newspaper-color-control-popover .components-circular-option-picker__custom-clear-wrapper,
        .online-newspaper-color-control-popover .components-button.is-secondary.is-small {
            display: none;
        }

        .components-color-picker .components-base-control.components-input-control {
            margin-left: -5px;
        }

        .components-color-palette__custom-color-dropdown-content .components-popover__content {
            margin-left: 15px;
            box-shadow: 0px 2px 4px 2px #0000001c;
        }

        .components-color-palette__custom-color-dropdown-content .components-popover__content .react-colorful {
            width: 190px;
        }

        .components-color-palette__custom-color-dropdown-content .components-popover__content .components-color-picker {
            padding: 0;
        }

        .components-color-palette__custom-color-dropdown-content .components-input-control__container {
            width: 100%;
        }

        .customize-radio-tab-control .components-button-group .components-button {
            box-shadow: none;
            height: 29px;
        }

        .customize-radio-tab-control .components-button.is-primary {
            background: #5fa1ff;
            border: none;
            box-shadow: none;
            border-radius: 0;
        }

        .components-popover__content .components-color-picker .react-colorful,
        .components-popover__content .components-popover__content .react-colorful,
        .components-popover .components-custom-gradient-picker__gradient-bar { 
            width: 250px;
        }

        .remove-item .dashicons-trash {
            background-color: #ff4e7d;
            color: #fff;
            font-size: 12px;
            width: 21px;
            height: 15px;
            vertical-align: middle;
            padding-top: 4px;
            padding-bottom: 2px;
            border-radius: 50%;
            -webkit-box-shadow: 1px 1px 1px 1px rgb(255 0 0 / 48%);
            box-shadow: 1px 1px 1px 1px rgb(255 0 0 / 48%);
            margin-left: -10px;
            margin-top: -12px;
            line-height: 1.1;
            padding-left: 1px;
        }

        .remove-item .dashicons-trash {
            background-color: #f7275f;
        }

        .customize-color-group-control .control-content-wrap {
            align-items: flex-start;
        }

        #customize-control-website_block_border_top_option,
        #customize-control-website_block_border_top_width,
        #customize-control-top_header_ticker_news_numbers,
        #customize-control-top_header_ticker_news_posts,
        #customize-control-top_header_ticker_news_slide_auto,

        #customize-control-main_banner_slider_categories_option,
        #customize-control-main_banner_slider_date_option,

        #customize-control-top_header_social_option,
        #customize-control-top_header_datetime_color,
        #customize-control-top_header_ticker_text_color,
        #customize-control-top_header_social_icon_color,
        #customize-control-stt_border,
        #customize-control-full_width_blocks_content_background_color_group,
        #customize-control-leftc_rights_blocks_content_background_color_group,
        #customize-control-lefts_rightc_blocks_content_background_color_group,
        #customize-control-bottom_full_width_blocks_content_background_color_group,
        #customize-control-three_column_section_first_column_background_color_group,
        #customize-control-three_column_section_second_column_background_color_group,
        #customize-control-three_column_section_third_column_background_color_group,
        #customize-control-two_column_section_first_column_background_color_group,
        #customize-control-two_column_section_second_column_background_color_group,
        #customize-control-archive_content_background_color_group,
        #customize-control-error_page_page_title,
        #customize-control-search_page_content_background_color_group {
            margin-bottom: -9px;
        }

        #customize-control-top_header_datetime_color .customize-color-picker-control {
            margin-bottom: 0;
        }

        .customize-spacing-control .components-range-control__root .components-button {
            display: none;
        }

        .customize-spacing-control .field-main .control-title {
            display: flex;
            justify-content: space-between;
        }

        .customize-spacing-control .field-wrap .dimensions,
        .customize-border-control .field-wrap .dimensions {
            display: flex;
            align-items: baseline;
            -webkit-align-items: baseline;
        }

        .customize-spacing-control .components-input-control__container,
        .customize-border-control .components-input-control__container {
            width: 50px;
            border-radius: 0;
        }

        .customize-spacing-control .link-wrap,
        .customize-border-control .link-wrap {
            display: flex;
            flex-direction: column;
        }

        .customize-spacing-control .field-wrap .dimensions.isactive .link-wrap span.linked,
        .customize-border-control .field-wrap .dimensions.isactive .link-wrap span.linked {
            background-color: #5fa1ff;
            color: #fff;
            cursor: pointer;
        }

        .customize-spacing-control .field-wrap .dimensions .link-wrap span.linked:hover:before,
        .customize-border-control .field-wrap .dimensions .link-wrap span.linked:hover:before {
            font-size: 14px;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
        }

        .customize-border-control .field-wrap .dimensions {
            justify-content: flex-end;
            -webkit-justify-content: flex-end;
            margin-top: 7px;
        }

        .customize-spacing-control .field-wrap {
            padding-top: 10px;
        }

        .customize-spacing-control .field-wrap .dimensions .components-range-control__wrapper,
        .customize-border-control .components-range-control__wrapper {
            display: none;
        }

        .customize-spacing-control .field-wrap .dimensions .components-input-control__container {
            width: 50px;
            border-radius: 0;
        }

        .customize-spacing-control .field-main .field-wrap .components-base-control:first-child .components-input-control__backdrop,
        .customize-border-control .field-wrap .components-base-control:first-child .components-input-control__backdrop {
            border-right: none;
        }

        .customize-spacing-control .field-main .field-wrap .components-base-control:nth-child(3) .components-input-control__backdrop,
        .customize-border-control .field-wrap .components-base-control:nth-child(3) .components-input-control__backdrop {
            border-right: none;
            border-left: none;
        }

        .customize-spacing-control .field-main .field-wrap .components-input-control__backdrop,
        .customize-border-control .control-border-inner .field-wrap .components-input-control__backdrop {
            border-color: #5fa1ff;
        }

        .customize-spacing-control .field-wrap .dimensions .components-base-control.components-input-control,
        .customize-border-control .components-input-control {
            margin-left: 0!important;
        }

        .customize-spacing-control .field-wrap .dimensions .link-wrap span.linked {
            background-color: #f0f0f0;
            padding: 4px 5px;
            line-height: 1;
            border-radius: 2px;
        }

        .customize-spacing-control .field-wrap .dimensions .link-wrap span.linked:hover {
            cursor: pointer;
            box-shadow: 0px 0px 3px 0 rgb(24 35 177 / 58%);
            border-radius: 2px;
        }

    .customize-spacing-control .field-wrap .dimensions.isactive .link-wrap span.linked {
        background-color: #0994d9;
    }

    .customize-spacing-control .field-wrap .dimensions.isactive .link-wrap span.linked i {
        color: #fff;
    }

    .customize-spacing-control .components-base-control__field,
    .customize-border-control .components-base-control__field {
        display: flex;
        flex-direction: column;
    }

    .customize-spacing-control .components-base-control__label,
    .customize-border-control .components-base-control__label {
        font-size: 9px;
        text-transform: capitalize;
        letter-spacing: .6px;
        order: 2;
        margin: 5px 0 0;
    }

    .customize-spacing-control .link-wrap,
    .customize-border-control .link-wrap {
        pointer-events: none;
    }

    .customize-spacing-control .link-wrap .dashicon,
    .customize-border-control .link-wrap .dashicon {
        pointer-events: initial;
    }

    .customize-spacing-control .link-wrap .components-base-control__label,
    .customize-border-control .link-wrap .components-base-control__label {
        visibility: hidden;
        margin-bottom: 3px;
    }

    .customize-spacing-control .field-wrap .dimensions .link-wrap span.linked,
    .customize-border-control .field-wrap .dimensions .link-wrap span.linked {
        background-color: #fff;
        border: 1px solid #5fa1ff;
        border-left: none;
        color: #333;
        padding: 6px 6px 4px;
        line-height: 14px;
        cursor: pointer;
    }

    .customize-spacing-control .components-range-control__root>span {
        display: none;
    }

    #customize-theme-controls .customize-pane-parent #accordion-section-themes {
        margin: 0;
    }

    #customize-theme-controls #accordion-section-online_newspaper_about_section .accordion-section-title:hover:after {
        color: #ffffff;
    }

    #sub-accordion-panel-online_newspaper_global_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-online_newspaper_site_identity_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-online_newspaper_header_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-online_newspaper_front_sections_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-online_newspaper_blog_post_archive_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-online_newspaper_page_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-nav_menus li.accordion-section.customize-info,
    #sub-accordion-panel-widgets li.accordion-section.customize-info {
        margin: 0;
        margin-bottom: 10px;
    }

    #sub-accordion-panel-online_newspaper_global_panel li.accordion-section,
    #sub-accordion-panel-online_newspaper_site_identity_panel li.accordion-section,
    #sub-accordion-panel-online_newspaper_header_panel li.accordion-section,
    #sub-accordion-panel-online_newspaper_front_sections_panel li.accordion-section,
    #sub-accordion-panel-online_newspaper_blog_post_archive_panel li.accordion-section,
    #sub-accordion-panel-online_newspaper_page_panel li.accordion-section,
    #sub-accordion-panel-nav_menus li.accordion-section,
    #sub-accordion-panel-widgets li.accordion-section {
        border: none;
        background: #fff;
        margin: 0 10px;
    }

    #accordion-section-add_menu {
        padding-right: 20px;
        padding-bottom: 15px;
    }

    #accordion-section-menu_locations {
        padding-top: 10px;
    }


/** Solid Presets colors **/
    .customize-control.customize-control-preset-colors .customize-preset-colors-control .field-main {
        display: flex;
        justify-content: space-between;
    }

    .components-dropdown .dashicons-edit-large {
        line-height: 23px;
    }

    .components-dropdown .dashicons-edit-large:hover {
        color: #2271b1;
        cursor: pointer;
    }

/** Radio button **/
    label.components-flex-item.components-toggle-control__label {
        font-size: 12px;
        font-weight: 500;
    }

    .components-form-toggle .components-form-toggle__track {
        background-color: #e7f1ff;
        border: 1px solid #007cba5e;
        border-radius: 9px;
        box-sizing: border-box;
        content: "";
        display: inline-block;
        height: 17px;
        transition: transfrom .2s ease;
        vertical-align: top;
        width: 32px;
    }

    .components-form-toggle.is-checked .components-form-toggle__track {
        border-width: 1px;
        background-color: #5fa1ff;
    }

    .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track,
    .customize-border-control .control-border-inner .components-dropdown button:focus {
        box-shadow: none;
        outline: none;
    }

    .components-form-toggle.is-checked .components-form-toggle__thumb {
        transform: translateX(14px);
    }

    .components-form-toggle .components-form-toggle__thumb {
        background-color: #5fa1ff;
        border: 5px solid #5fa1ff;
        border-radius: 50%;
        box-sizing: border-box;
        display: block;
        height: 11px;
        left: 4px;
        position: absolute;
        top: 3px;
        transition: transform .1s ease;
        width: 11px;
    }

    .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]) {
        background: rgba(var(--wp-admin-theme-color--rgb), .04);
        color: #2271b1;
    }

    .customize-control-radio-image label:hover {
        cursor: pointer;
    }

    .block-content h2.block-heading {
        border-radius: 2px;
        margin-top: 35px;
        font-size: 15px;
        text-align: center;
        padding: 5px 0 8px;
        background-color: #e0e4ff;
        color: #007cba;
    }
  
/** input fields **/
    .components-text-control__input, .components-text-control__input[type=color], .components-text-control__input[type=date], .components-text-control__input[type=datetime-local], .components-text-control__input[type=datetime], .components-text-control__input[type=email], .components-text-control__input[type=month], .components-text-control__input[type=number], .components-text-control__input[type=password], .components-text-control__input[type=tel], .components-text-control__input[type=text], .components-text-control__input[type=time], .components-text-control__input[type=url], .components-text-control__input[type=week] {
        height: 28px;
        padding: 6px 8px;
    }

    .control-header-trigger label,
    .customize-border-control .customize-control-title,
    .customize-control-checkbox label, 
    .customize-control-radio label,
    .customize-box-shadow-control label {
        font-weight: 500;
        font-size: 13px;
    }

    .components-range-control__wrapper .components-range-control__thumb-wrapper {
        margin-top: 10px;
    }

    .components-select-control .components-input-control__container {
        width: 95%;
    }

    .customize-control-title {
        font-size: 13px;
        text-transform: capitalize;
    }

    .reset-button.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]) {
        box-shadow: none;
    }

  /** Query popup **/
    .online-newspaper-post-query-control-popover label {
        text-transform: capitalize!important;
        font-size: 13px!important;
    }

    .online-newspaper-post-query-control-popover .components-base-control {
        margin-bottom: 5px;
    }

    #customize-control-reset_setting_option .components-button.is-small {
        padding: 2px 5px 5px 5px;
    }

    .online-newspaper-post-query-control-popover .components-popover__content .components-card__body span,
    .online-newspaper-post-query-control-popover .components-popover__content .components-card__body label {
        font-size: 13px;
        font-weight: 500;
        display: block;
    }

    .online-newspaper-post-query-control-popover.components-dropdown__content .components-popover__content {
        padding: 12px 24px;
        background-color: #f9f9f9;
    }

    .online-newspaper-post-query-control-popover .components-popover__content .components-surface .components-card__body {
        width: 220px;
    }

    .online-newspaper-post-query-control-popover span.online-newspaper-selectbox-label,
    .online-newspaper-post-query-control-popover .online-newspaper-category-selectbox {
        margin-bottom: 5px;
    }

  /** tablist design social share **/
    .online-newspaper-social-share-control-popover .online-newspaper-sub-group-tab-panel button[aria-disabled="true"] {
        display: none;
    }

    .online-newspaper-social-share-control-popover.states-colors-wrapper .online-newspaper-group-tab-panel > .components-tab-panel__tabs {
        border: 1px solid #0071a1;
        margin-bottom: 5px;
    }

    .online-newspaper-social-share-control-popover.states-colors-wrapper .online-newspaper-group-tab-panel > .components-tab-panel__tabs button {
        height: 30px;
    }

    .online-newspaper-social-share-control-popover.states-colors-wrapper .online-newspaper-group-tab-panel > .components-tab-panel__tabs button[aria-selected="true"] {
        background-color: #0071a1;
        color: #fff;
    }

    .online-newspaper-social-share-control-popover.states-colors-wrapper .online-newspaper-group-tab-panel > .components-tab-panel__tabs button:after {
        content: '';
    }

    .accordion-section-title button.accordion-trigger {
        padding: 15px 30px 15px 15px;
    }

    #customize-controls .control-section>h3.accordion-section-title {
        padding: 0;
    }

    #customize-controls .current-panel .control-section>h3.accordion-section-title:has(button.accordion-trigger), .accordion-section-title:has(button.accordion-trigger) {
        padding: 0;
    }

    #customize-controls #accordion-section-online_newspaper_about_section .accordion-section-title button:hover {
        background: transparent;
        color: #fff;
    }

/* color control */
		.customize-color-field-control .field-main {
			display: flex;
			justify-content: space-between;
			-webkit-justify-content: space-between;
			align-items: center;
			-webkit-align-items: center;
			gap: 7px;
		}

		.customize-color-field-control .customize-control-title {
			margin: 0;
		}

		.customize-color-field-control .field-wrap {
			display: flex;
			gap: 7px;
		}

		.color-indicator-wrapper,
        .customize-box-shadow-control .control-inner-content .components-dropdown:nth-child(2),
        .online-newspaper-preset-colors-control-popover .preset .components-dropdown {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 21px;
            border-radius: 3px;
            background-color: rgba(255, 255, 255, .8);
            background-size: 10px 10px;
            background-image: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCUAAAAvE8AEAA9w7/97/9/7f/7jAYraNmI6AJQ/1xvvMojof2BSvVEBAA==);
        }

        .customize-control-border .control-inner > .components-dropdown {
            display: flex;
            margin-left: 8px;
        }

        .components-dropdown .component-color-indicator {
			width: 35px;
			height: inherit;
			border-radius: 3px;
			vertical-align: middle;
		}

		.components-popover__content .react-colorful__hue .react-colorful__pointer,
		.components-popover__content .react-colorful__alpha .react-colorful__pointer {
			width: 13px;
			height: 13px;
			margin-left: 4px;
		}

		.components-popover__content .react-colorful__alpha .react-colorful__pointer {
			margin-left: -4px;
			border: 1px solid #a9a9a9;
		}

        .online-newspaper-typography-popover.components-popover .components-popover__content .components-tab-panel__tabs-item .preset-indicator-wrapper {
			position: relative;
		}

		.preset-indicator-wrapper:before {
			content: '\f57d';
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			position: absolute;
			right: -19px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 12px;
		}

		.customize-typography-control > .preset-indicator-wrapper:before {
			transform: initial;
			color: #5fa1ff;
			font-size: 11px;
			top: 0;
			right: 20px;
		}

    /* preset */
        .components-popover .components-tab-panel__tabs button[aria-disabled] {
            display: none;
        }
        
        .components-popover .preset-colors {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 10px 0;
            box-sizing: border-box;
        }

        .components-popover .preset-colors .preset-colors-inner {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 7px;
            margin: 0;
            padding: 0 5px;
        }

        .components-popover .preset-colors .preset-colors-inner li {
            width: 30px;
            height: 20px;
        }

        .components-popover .preset-colors .preset-colors-inner li span {
            width: 30px;
            height: 20px;
            cursor: pointer;
            border-radius: 3px;
            position: relative;
            box-sizing: border-box;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
        }

        .components-popover .preset-colors .preset-colors-inner li span.active:before {
            position: absolute;
            content: "";
            z-index: 0;
            width: 30px;
            height: 20px;
            background: rgb(0 0 0 / 17%);
            border-radius: 3px;
        }

        .components-popover .preset-colors .preset-colors-inner li span.active:after {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 1px;
            left: -1px;
            right: 0px;
            bottom: 0px;
            content: "\f147";
            font-family: dashicons;
            font-size: 15px;
            color: rgb(255, 255, 255);
            text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
        }

        /* gradient color */
        .components-popover .components-custom-gradient-picker {
            padding: 0 5px;
        }

        .components-popover .components-custom-gradient-picker {
            padding-bottom: 5px;
        }

        .components-popover .components-circular-option-picker {
            display: none;
        }

        .components-popover .components-custom-gradient-picker__gradient-bar-background {
            border-radius: 3px;
        }

        /* preset active */
        .preset-isactive span.component-color-indicator:before {
            content: '\f57d';
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            color: #fff;
            position: absolute;
            top: 52%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 12px;
        }

        .preset-isactive span.component-color-indicator {
            position: relative;
        }

/* Re-order */
    .items-wrap > .sort-item {
        padding: 8px 12px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        cursor: grab;
        margin-top: 8px;
        line-height: initial;
        background-color: #fff;
    }

    .items-wrap > .sort-item:hover {
        background-color: transparent;
        border-color: #e5e5e5;
    }

    .items-wrap .sort-item .trigger-icon {
        border-left: 1px solid #e5e5e5;
        padding-left: 10px;
        line-height: 18px;
    }

    .responsive-icons .responsive-icons {
        display: flex;
    }

/* box shadow */
.online-newspaper-box-shadow-control-popover .components-popover__content {
    padding: 12px;
    width: 290px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 2px 4px 2px #0000001c;
    border-radius: 4px;
}

.online-newspaper-box-shadow-control-popover .inner-fields {
    margin: 0;
}

.online-newspaper-box-shadow-control-popover .inner-fields .inner-field:first-child {
    margin-bottom: 15px;
}

/* Icon Pickers */
    .customize-control-icon-picker .customize-icon-picker {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        gap: 5px;
    }

/* Number Range */
    .customize-control-number-range .control-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

/* preset */
    .customize-preset-control .components-flex {
        gap: 15px;
        margin-top: 15px;
    }

    .components-radio-control__option {
        background: #f1f6ff;
    }

    .customize-preset-control .field-wrap .components-radio-control__option > input[type="radio"] {
        display: none;
    }

    .customize-preset-control label {
        border: 1px solid #efefef;
        padding: 15px;
        display: block;
        border-radius: 3px;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        transition: border-color .15s ease, box-shadow .15s ease;
        position: relative;
    }

    .customize-preset-control label:hover,
    .customize-preset-control input[type="radio"]:checked ~ label {
        border-color: #5fa1ff;
        box-shadow: 0 0 0 1px #5fa1ff;
    }

    .customize-preset-control input[type="radio"]:checked ~ label:after {
        content: '\f00c';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        background: #5fa1ff;
        color: #fff;
        padding: 0 6px 0 7px;
        font-size: 8px;
        border-radius: 0 2px 0 2px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .customize-preset-control .palette {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 5px;
    }

    .customize-preset-control .palette .item {
        position: relative;
    }

    .customize-preset-control .palette .item .dashicons {
        position: absolute;
        top: -9px;
        right: 0;
        visibility: hidden;
        opacity: 0;
    }

    .customize-preset-control .palette .item:hover .dashicons {
        visibility: visible;
        opacity: 1;
    }

    .customize-preset-control .palette .item .dashicon:before {
        padding: 5px;
        color: #fff;
        border-radius: 50%;
        font-size: 8px;
        background: #363f42;
        transition: .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    .customize-preset-control .components-radio-control__option .palette button[type="button"],
    .customize-preset-control .add-to-list,
    .customize-social-share-control .add-to-list,
    .customize-control.customize-control-typography-preset .customize-typography-preset-control .add-to-list {
        background-color: #5fa1ff;
        padding: 0 20px;
    }

    .customize-preset-control .components-radio-control__option .palette button[type="button"] {
        background-color: #515151;
        padding: 1px 12px 0px 11px;
        height: 21px;
    }

    .customize-preset-control .components-radio-control__option .palette button[type="button"]:focus,
    .customize-preset-control .add-to-list[type="button"]:focus,
    .customize-social-share-control .add-to-list[type="button"]:focus,
    .customize-control.customize-control-typography-preset .customize-typography-preset-control .add-to-list[type="button"]:focus {
        box-shadow: none;
    }

    /* trash icon */
    .customize-preset-control .palette .remove-from-list {
        position: absolute;
        font-size: 8px;
        top: -10px;
        left: -10px;
        background: #fb1a1a;
        border-radius: 50%;
        text-align: center;
        width: 18px;
        color: #fff;
        line-height: 17px;
        opacity: 0;
        visibility: hidden;
        }

        .customize-preset-control .components-radio-control__option > label:hover .palette .remove-from-list {
            opacity: 1;
            visibility: visible;
        }

    .customize-preset-control .palette .remove-from-list:before {
        font-size: 11px;
    }

    /* pallet add button */
    .customize-preset-control .field-main > button.components-button.add-to-list,
    #customize-control-typography_presets .add-to-list {
        margin-top: 15px;
        text-align: center;
        height: 30px;
        width: initial;
        min-width: initial;
        padding: 0 14px 0 8px;
    }

    .customize-preset-control .field-main > .add-to-list .dashicon,
    .customize-control-social-share .customize-social-share-control .add-to-list .dashicon {
        padding: 0;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        margin-right: 2px;
    }

    .customize-preset-control .field-main > .add-to-list:hover,
    .customize-control-social-share .customize-social-share-control .add-to-list:hover,
    .customize-control.customize-control-typography-preset .customize-typography-preset-control .add-to-list:hover {
        background-color: #4a93fb;
    }

    /* Typography */
        .customize-control.customize-control-typography .customize-typography-control {
            position: relative;
        }

        .customize-control.customize-control-typography .customize-typography-control span.components-button {
            position: absolute;
            top: 0;
            right: 0;
            background-color: transparent;
        }

        .online-newspaper-typography-popover.components-popover .components-popover__content .components-tab-panel__tabs {
            justify-content: space-between;
            margin-inline: 5px;
            border: 1px solid #efefef;
            margin-bottom: 8px;
            border-radius: 3px;
        }

        .online-newspaper-typography-popover.components-popover .components-popover__content .components-tab-panel__tabs-item {
            height: initial;
            width: 100%;
            padding: 8px 5px;
            text-transform: uppercase;
            letter-spacing: .7px;
            font-size: 12px;
            justify-content: center;
        }

        .online-newspaper-typography-popover.components-popover .components-popover__content .components-tab-panel__tabs-item.active-tab {
            background: #efefef7d;
            color: #5fa1ff;
        }

    /* typography preset */
	/* typo field */
	.customize-control.customize-control-typography-preset .control-title {
        position: relative;
        margin-bottom: 20px;
    }

    .customize-control.customize-control-typography-preset .control-title .reset-button {
        position: absolute;
        top: 0;
        right: 0;
    }

	.customize-control.customize-control-typography-preset .control-title .reset-button:before {
		font-size: 13px;
	}

    .customize-control.customize-control-typography-preset .field-wrap .typography-wrapper + .typography-wrapper {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #d7d7d7;
    }

    .customize-control.customize-control-typography-preset .field-wrap .typography-wrapper input[type="text"] {
        border: 1px dashed #bad7ff;
        background: #f1f6ff;
        color: #484848;
        font-size: 14px;
        letter-spacing: 0.3px;
        padding: 7px 10px;
		font-size: 13px;
    }

    .customize-control.customize-control-typography-preset .field-wrap .typography-wrapper input[type="text"]:focus {
        border: 1px solid #5fa1ff;
        box-shadow: none;
    }

	/* typo item */
	.customize-control-typography-preset .typography-item {
		display: flex;
		align-items: center;
		border: 1px solid #ddd;
		padding: 8px 10px;
		border-radius: 2px;
		margin-top: 12px;
	}

	.customize-control-typography-preset .components-dropdown {
		width: 73%;
		margin: 0;
	}

	.customize-control-typography-preset .typo-value-holder .typo-summ-value {
		border: none;
		width: 100%;
		padding-right: 0;
	}

	.customize-control-typography-preset .typo-value-holder .typo-summ-value span.dashicons {
		display: none;
	}

	.customize-control-typography-preset .summ-vals {
		padding: 0;
	}

	.customize-control-typography-preset .summ-vals .summ-val {
		font-size: 11px;
	}

	/* buttons */
	.customize-control-typography-preset .trash-reset-wrapper {
		order: 2;
		flex: 0 1 30%;
		text-align: right;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.3s ease;
    	transition: 0.3s ease;
	}

	.customize-control-typography-preset .typography-item:hover .trash-reset-wrapper {
		opacity: 1;
		visibility: visible;
	}

	.customize-control-typography-preset .trash-reset-wrapper > span {
		border-left: 1px solid #d7d7d7;
		padding: 0 4px 0 4px;
	}

	.customize-control-typography-preset .trash-reset-wrapper .reset-button {
		padding-left: 8px;
        box-shadow: none;
	}

	.customize-control.customize-control-typography-preset .customize-typography-preset-control .add-to-list {
        margin-top: 10px;
	}

    /* popop */
    .online-newspaper-typography-popover.components-popover.preset .components-popover__content {
        margin-left: 68px;
    }

    .online-newspaper-typography-popover .components-radio-control__option {
		display: initial;
		margin: 5px;
		border-radius: 3px;
		overflow: hidden;
    }

	.online-newspaper-typography-popover .components-radio-control__option:last-child {
		margin-bottom: 5px;
	}

	.components-radio-control__option {
		background: #f1f6ff;
	}

    .components-radio-control__option input[type="radio"]:checked ~ label h2:after {
        content: '\f00c';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 12px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		color: #5fa1ff;
		background: #fff;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		margin-right: 11px;
		margin-left: 10px;
    }

	.components-radio-control__option input[type="radio"]:checked ~ label h2 {
		color: #5fa1ff;
	}

    .components-radio-control__option h2 {
        margin: 0;
		position: relative;
		padding: 10px 40px 10px 10px;
		line-height: 23px;
		border: 1px dashed #d7d7d7;
    }

	.components-radio-control__option h2:hover {
		color: #5fa1ff;
	}

    .components-radio-control__option .components-radio-control__input {
        display: none;
    }

	.css-1nmdiq5-menu {
		z-index: 9 !important;
	}

/* color */
    .customize-control-term-colors.customize-control {
        background-color: transparent;
        padding: 0;
    }

    .term-colors-wrapper .header-toggle {
        cursor: pointer;
        text-transform: uppercase;
        background-color: #ffffff;
        width: 100%;
        margin-left: -20px;
        padding: 12px 20px;
        box-sizing: initial;
        box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.05), 0 22px 27px -20px rgba(7, 10, 25, 0.05);
        display: flex;
        justify-content: space-between;
        margin: 14px 0 14px -14px;
    }

    .customize-control-term-colors .term-colors-wrapper .term-colors:first-child .header-toggle {
        margin-top: 0;
    }

    .term-colors-wrapper .header-toggle > span {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 1.75;
        font-weight: 600;
    }

    .term-colors-wrapper .header-toggle .dashicon:before {
        font-size: 15px;
    }

    .term-colors-wrapper .color-fields {
        padding: 10px 15px;
        background: #fff;
    }

    .term-colors-wrapper .color-fields.hide {
        display: none;
    }

    .term-colors-wrapper .color-fields .color-field {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        gap: 7px;
    }

    .term-colors-wrapper .color-fields .color-field.color {
        margin-bottom: 5px;
    }

    .term-colors-wrapper .color-field .field-wrap {
        display: flex;
        gap: 7px;
    }

    /* alignment control */
    .customize-radio-tab-control .components-button.is-icon {
        padding-top: 9px;
    }

    .customize-radio-tab-control .components-button:nth-child(2) {
        border-right: 1px solid #5fa1ff;
        border-left: 1px solid #5fa1ff;
    }

    .customize-radio-tab-control .components-button .dashicon:before {
        font-size: 14px;
    }

    .preview-tablet #customize-control-header_first_row_column,
    .preview-mobile #customize-control-header_first_row_column,
    .preview-tablet #customize-control-footer_first_row_column,
    .preview-mobile #customize-control-footer_first_row_column,
    .preview-tablet #customize-control-header_second_row_column,
    .preview-mobile #customize-control-header_second_row_column,
    .preview-tablet #customize-control-footer_second_row_column,
    .preview-mobile #customize-control-footer_second_row_column,
    .preview-tablet #customize-control-header_third_row_column,
    .preview-mobile #customize-control-header_third_row_column,
    .preview-tablet #customize-control-footer_third_row_column,
    .preview-mobile #customize-control-footer_third_row_column {
        display: none !important;
    }

    .preview-tablet #customize-control-header_first_row_column_layout,
    .preview-mobile #customize-control-header_first_row_column_layout,
    .preview-tablet #customize-control-footer_first_row_column_layout,
    .preview-mobile #customize-control-footer_first_row_column_layout,
    .preview-tablet #customize-control-header_second_row_column_layout,
    .preview-mobile #customize-control-header_second_row_column_layout,
    .preview-tablet #customize-control-footer_second_row_column_layout,
    .preview-mobile #customize-control-footer_second_row_column_layout,
    .preview-tablet #customize-control-header_third_row_column_layout,
    .preview-mobile #customize-control-header_third_row_column_layout,
    .preview-tablet #customize-control-footer_third_row_column_layout,
    .preview-mobile #customize-control-footer_third_row_column_layout {
        padding-top: 10px;
    }

    
/* upsell */
.customize-control-upsell {
	padding: 10px 21px;
	border: 1px solid #efefef;
    border-radius: 3px;
	box-sizing: border-box;
}

.customize-control-upsell .customize-control-title {
	font-size: 12px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
    line-height: 21px;
    position: relative;
    padding-top: 26px;
    text-align: center;
	letter-spacing: 0;
}

.customize-control-upsell .customize-control-title:before {
	content: '\f521';
    font-family: 'Font Awesome 5 Free';
    color: #efbf04;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.customize-control-upsell .features-wrap {
	padding: 0 5px;
}

.customize-control-upsell .features-wrap li {
	margin: 7px 0;
    font-weight: 500;
    color: #5a5a5a;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.customize-control-upsell li.feature:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    margin-right: 8px;
    color: #10b981;
}

.customize-control-upsell a.upsell-btn {
	outline: 1px solid #0073aa;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 14px;
    color: #0073aa;
    transition: all .3s ease-in-out;
    border-radius: 1px;
}

.customize-control-upsell a.upsell-btn:hover {
	background-color: #0073aa;
	color: #fff;
}

.customize-control-upsell a.upsell-btn:focus {
	box-shadow: none;
}