/**
  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-pubnews_about_section h3.accordion-section-title {
      background-color: #2271b1!important;
      color: #ffffff!important;
    }

/*    #customize-controls .customize-info {
      margin-bottom: 0 !important;
    }*/

    #customize-controls .control-section>h3.accordion-section-title {
      display: flex;
      align-items: center;
      padding: 14px 26px;
      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: 2px;
      box-shadow: 0px 0px 2px rgb(24 35 177 / 58%);
    }

    .customize-control select {
      width: 90%;
    }

    #accordion-section-pubnews_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
  **********************************/

    .components-popover .preset-colors {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 2px 0 5px 0;
      margin-bottom: 5px;

      
    }

    .pubnews-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:not(:last-child) {
      margin: 0 3px;
      margin-bottom: 5px;
    }

    .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;
    }

    .components-popover .components-color-picker
     {
        padding: 8px 5px 0 5px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: -12px;
    }

    .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);
      height: 28px;
      width: 28px;
      border-radius: 50%;
      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;
    }

    .customize-border-control .control-inner > div {
      padding: 2px;
    }

    .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-pubnews_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 {
      border-radius: 3px;
      line-height: 1;
      width: 100%;
      background: #fff;
      color: #2271b1;
      text-align: center;
      margin: 0 auto;
      align-items: center;
      justify-content: center;
      margin-top: 15px;
      justify-content: center;
      align-items: center;
      border: 1px solid #dadada;
      box-shadow: none;

    }

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

  /* 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 .pubnews-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 .pubnews-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 .pubnews-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 .pubnews-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-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .item-control-fields.isShow {
      position: relative;
      visibility: visible;
      padding: 0;
      overflow: auto;
      background: #fff;
      padding: 0 5px;
      z-index: 999;
      border-radius: 5px;
      display: block;
      margin-top: 10px;
      border: none;
      width: 95%;
      left: 0;
    }

    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap {
      padding: 0;
    }

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

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

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


  /** 
    post query field 
  **/
    .customize-control-block-repeater .blocks-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;
    }

    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .item-control-fields,
    #ccustomize-control-opinons_items .pubnews-repeater-control-inner .pubnews-repeater-item .item-control-fields.isShow {
      width: 213px;
      left: 22px;
    }

    #customize-control-social_icons .pubnews-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 .pubnews-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 .pubnews-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i {
      cursor: pointer;
      font-size: 15px;
      padding: 6px 7px;
    }

    #customize-control-social_icons .pubnews-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i:hover {
      color: #d95f3d;
    }

    #customize-control-social_icons .pubnews-repeater-control .fontawesome-icon-picker .icon-holder .icons-list i.selected {
      color: #d95f3d;
      font-size: 25px;
    }

  /**********************************
    Typography
  **********************************/
    .pubnews-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,
    .pubnews-typography-popover .reset-button {
      font-size: 12px;
      box-shadow: none;
    }

    .pubnews-typography-popover .typo-field .reset-button {
      position: absolute;
      right: 80px;
    }

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

    .customize-typography-control .reset-button .dashicon,
    .pubnews-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;
    }

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

    .pubnews-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;
    }

    .pubnews-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
      cursor: pointer;
      position: absolute;
      right: 16px;   
    }

    .pubnews-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons .dashicons {
      font-size: 16px;
    }

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

    .pubnews-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;
    }

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

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

    .pubnews-typography-popover .inner-field.text-decoration span,
    .pubnews-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;
    }

    .pubnews-typography-popover .inner-field.text-decoration span.isActive,
    .pubnews-typography-popover .inner-field.text-transform span.isActive {
      color: #fff;
      background: #2271b1;
      border-color: #2271b1;
    }
    .pubnews-typography-popover .inner-field.text-decoration span:first-child,
    .pubnews-typography-popover .inner-field.text-transform span:first-child {
      border-radius: 3px 0 0 3px;
      border-right: none;
    }

    .pubnews-typography-popover .inner-field.text-decoration span:last-child,
    .pubnews-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 {
      display: flex;
      align-items: center;
    }

    .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;
    }

  /***************************************
    Responsive Multiselect Tab Styles
  *****************************************/
    .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;
      border: none;
      box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 10%);

    }

    #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;
    }

    .layout-list {
      width: 180px;    
    }

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

    .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: 2px 5px;
      border-radius: 10px 0 0 10px;
      line-height: 1;
      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-single_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,
    #customize-control-opinions_section_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-single_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,
    #customize-control-opinions_section_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-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;
      }


  /** customizer layout **/
    li#accordion-section-background_image: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-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-pubnews_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-pubnews_global_panel {
      margin-top: 20px;
    }

    li#accordion-section-pubnews_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-pubnews_main_banner_section {
      border-top: 1px solid #e6e6e6!important;
      margin-top: 20px;
    }

    li#accordion-panel-pubnews_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-pubnews_blog_post_archive_panel {
      border-top: 1px solid #e6e6e6!important;
      margin-top: 20px;
    }

    li#accordion-section-pubnews_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-pubnews_footer_section {
      border-top: 1px solid #e6e6e6!important;
      margin-top: 20px;
    }

    li#accordion-section-pubnews_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-pubnews_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%;
    }

    .pubnews-preset-colors-control-popover .preset-colors .component-color-indicator{
      width: 22px;
      height: 22px;
      border-radius: 50%;
    }


    #fs_customizer_support span{
      flex: 1;
    }


    #customize-control-opinons_section_column .components-button-group,
    .block-content .components-button-group
    {
      width: 70%;
      padding: 5px 0;
    }

    #customize-control-opinons_section_column .components-button-group .components-button,
    .block-content .components-button-group .components-button {
      box-shadow: none;
      border: 1px solid #b3b3b3;

    }

    #customize-control-opinons_section_column .components-button-group .components-button:hover,
    .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 .pubnews-typography-popover .components-popover__content .typo-fields .typo-field .responsive-icons {
      right: auto;
      left: 19px;
    }

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

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

    body.rtl #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading,
    body .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap .display-icon, 
    body .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap .item-heading {
    cursor: all-scroll;
    }

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



    .components-base-control.components-range-control {
      margin-top: 8px;
    }

    .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-pubnews_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-pubnews_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;
    }

    #customize-control-ticker_news_date_filter,
    #customize-control-main_banner_date_filter,
    .components-popover__content .components-dropdown__content .radio-bubbles.column-4,
    #sub-accordion-section-pubnews_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-pubnews_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-pubnews_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 **/
    .pubnews-typography-popover .components-dropdown__content .components-popover__content {
      padding: 8px 5px;
      height: 367px;
      overflow-y: hidden;
    }


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

    .customize-control-block-repeater .components-dropdown__content.pubnews--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;
      }
    }


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


    .customize-box-shadow-control .control-inner-content {
      display: flex;
    }

    .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: 10px;
    }

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

    .customize-box-shadow-control .component-color-indicator {
      width: 30px;
      height: 30px;
    }
    .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:hover {
      border: 1px solid #0e8ecc;
      border-radius: 3px;
    }

    .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;
      transition: #f0f0f0 .1s linear;
    }

    .box-shadow-value-holder .summ-vals {
      padding: 6px 0 6px 8px;
      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: 0 1 80%;
      text-align: center;
      align-items: center;
      border-radius: 3px;
    }
    .customize-box-shadow-control .control-inner-content .components-dropdown:last-child {
      flex: 0 1 20%;
      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-control.customize-control-border .control-border-inner {
      position: relative;
      height: 98px;
    }

    .customize-control.customize-control-border .control-border-inner.control-border-type-none {
      height: auto;
    }

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



  /** 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: 12px;
      box-sizing: border-box;
      padding: 12px 18px;
      background-color: #fff;
    }

  /* Front sections ui */
    #sub-accordion-section-pubnews_full_width_section #customize-control-homepage_content_order .sort-item.full_width_section,
    #sub-accordion-section-pubnews_leftc_rights_section #customize-control-homepage_content_order .sort-item.leftc_rights_section,
    #sub-accordion-section-pubnews_lefts_rightc_section #customize-control-homepage_content_order .sort-item.lefts_rightc_section,
    #sub-accordion-section-pubnews_bottom_full_width_section #customize-control-homepage_content_order .sort-item.bottom_full_width_section,
    #sub-accordion-section-pubnews_video_playlist_section #customize-control-homepage_content_order .sort-item.video_playlist {
      border-top: 2px solid #0071a1;
    }



    .components-popover.components-dropdown__content {
      width: auto;
    }

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

    .customize-control-color-group .pubnews-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;
    }

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

    .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-dropdown__content .components-popover__content {
      padding: 15px;
    }

    .components-popover__content .react-colorful__saturation {
      height: 125px!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 {
      width: 200px;
      margin: 0 auto;
    }

    .components-popover__content .components-color-picker .react-colorful {
      width: 100%;
      margin: 0 auto;
      height: 150px;
    }

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

    .components-popover__content button.components-button.is-secondary.is-small {
      display: none;
    }

    .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; 
    }

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

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

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


  /**********************************
    Block Controls
  **********************************/
    .customize-video-playlist-control .block-item, .customize-block-repeater-control .block-item, .pubnews-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: 10px 15px;
    }

    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item {
      display: flex;
      padding: 1px 0 0 5px;
      border: 1px solid #ddd;
      color: #556068;
      background: #fff;
      cursor: move;
      font-size: 12px;
      line-height: 38px;
      margin: 0 0 10px;
      border-radius: 3px;
      flex-direction: column;
    }

    .block-item .block-header .control-title,
    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .display-icon,
    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .settings-icon,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-repeater-item .display-icon,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap {
      padding: 0px;
    }

    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .remove-item,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .remove-item .dashicons.dashicons-minus,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item:hover .remove-item,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item .remove-item:hover,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-repeater-item .remove-item:hover{
      cursor: pointer;
    }

    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item .item-heading-wrap,
    #customize-control-opinons_items .pubnews-repeater-control-inner .pubnews-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 .pubnews-repeater-control-inner .pubnews-repeater-item.popupActive,
    #customize-control-social_icons .pubnews-repeater-control-inner .pubnews-repeater-item.popupActive {
    border-top: 6px solid #007CBA;
    }

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

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

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

    .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;
        display: inline-block;
        line-height: 1;
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        width: 17px;
        height: 17px;
        font-size: 17px;
        vertical-align: top;
        text-align: center;
        text-indent: initial;
    }

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

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

    .pubnews-color-control-popover .pubnews-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;
    }

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

    .pubnews-color-control-popover .pubnews-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.pubnews-picker-one .components-popover.components-dropdown__content{
      margin-left: 35px;
    }

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

      .react-colorful .react-colorful__saturation {
        height: 145px;
      }

    .picker-buttons-wrap {
      display: flex;
      align-items: center;
      width: 80%;
    }

    .picker-buttons-wrap .button-action {
      flex: 0 1 50%;
      padding: 7px;
      text-align: center;
      font-size: 14px;
    }

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

    .picker-buttons-wrap .button-action:not(.active) {
      box-shadow: inset 0 0 0 1px #b2b2b2;
    }

    .picker-buttons-wrap .button-action.active {
      background: var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));
      color: #fff;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal {
      height: 190px;
      overflow: auto;
      padding: 10px;
      background-color: #fff;
      box-shadow: 0 0 4px 3px rgba(174 174 174 / 50%);
      margin: 0 auto;
      margin-top: 10px;
    }

    .customize-control.customize-control-icon-picker .icon-picker-modal .icon-picker-list .icon-item i {
      cursor: pointer;
      font-size: 16px;
      padding: 9px;
      width: 16px;
    }

    .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.customize-control-section-tab {
      margin-top: -10px;
    }

    .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;
    }

    #customize-theme-controls .customize-pane-parent #accordion-section-pubnews_about_section,
    #customize-theme-controls .customize-pane-parent #accordion-section-header_image,
    #customize-theme-controls .customize-pane-parent #accordion-section-pubnews_ticker_news_section,
    #customize-theme-controls #accordion-panel-pubnews_front_sections_panel,
    #customize-theme-controls #accordion-panel-pubnews_page_panel,
    #customize-theme-controls #accordion-section-pubnews_customizer_opinion_section,
    #customize-theme-controls #accordion-section-cei-section,
    #customize-theme-controls #customize-control-blogname,
    #customize-theme-controls #accordion-section-pubnews_bottom_footer_section {
      margin-bottom: 15px;
    }

    /*** Overriding popup **/

      .pubnews-typography-popover.components-popover{
          min-width: 300px;
          max-width: 600px;
          width: 18%;
      }

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

      .pubnews-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;
      }

      .pubnews-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;
      }

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

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

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

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

      .pubnews-color-control-popover .components-circular-option-picker__custom-clear-wrapper {
        display: none;
      }

      .pubnews-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: inset 0 0 0 1px #b2b2b2;
      }

      .pubnews-color-control-popover .components-color-picker .react-colorful,
      .pubnews-box-shadow-control-popover .components-color-picker .react-colorful,
      .pubnews-border-control-popover .components-popover__content .react-colorful
       { 
        width: 190px;
      }

      .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-control .components-button.is-small {
      font-size: 11px;
      height: 23px;
      line-height: 22px;
      padding: 0 1px 0 5px;
      margin-right: 3px;
    }

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

    #customize-control-site_date_to_show, 
    #customize-control-website_block_border_top_option, 
    #customize-control-website_block_border_top_width, 
    #customize-control-website_date_before_icon, 
    #customize-control-website_author_before_icon, 
    #customize-control-website_comments_before_icon , 
    #customize-control-post_title_hover_effects, 
    #customize-control-site_image_hover_effects, 
    #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-main_banner_slider_excerpt_option,
    #customize-control-main_banner_slider_auto,
    #customize-control-main_banner_slider_arrows,
    #customize-control-main_banner_six_trailing_posts_order_by,
    #customize-control-main_banner_six_trailing_posts_categories,
    #customize-control-main_banner_six_trailing_posts,

    #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-single_post_title_typo,
    #customize-control-single_post_meta_typo,
    #customize-control-single_post_content_h1_typo,
    #customize-control-single_post_content_h2_typo,
    #customize-control-single_post_content_h3_typo,
    #customize-control-single_post_content_h4_typo,
    #customize-control-single_post_content_h5_typo,
    #customize-control-error_page_page_title,
    #customize-control-error_page_button_label,
    #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 .field-main .control-title {
      display: flex;
      justify-content: space-between;
    }

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

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

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

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

   .customize-spacing-control .field-wrap .dimensions .components-base-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-theme-controls .customize-pane-parent #accordion-section-themes {
      margin: 0;
    }

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

    #sub-accordion-panel-pubnews_global_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-pubnews_site_identity_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-pubnews_header_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-pubnews_front_sections_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-pubnews_blog_post_archive_panel li.accordion-section.cannot-expand,
    #sub-accordion-panel-pubnews_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-pubnews_global_panel li.accordion-section,
    #sub-accordion-panel-pubnews_site_identity_panel li.accordion-section,
    #sub-accordion-panel-pubnews_header_panel li.accordion-section,
    #sub-accordion-panel-pubnews_front_sections_panel li.accordion-section,
    #sub-accordion-panel-pubnews_blog_post_archive_panel li.accordion-section,
    #sub-accordion-panel-pubnews_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 {
    height: 16px;
    width: 28px;
  }

  .components-form-toggle.is-checked .components-form-toggle__thumb {
    height: 10px;
    left: -3px;
    top: 2.3px;
    width: 10px;
  }

  .components-form-toggle .components-form-toggle__thumb {
    height: 10px;
    left: 3px;
    top: 2px;
    width: 10px;
  }

  .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;
  }

  input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    min-height: 28px;
    width: 95%;
  }

  .customize-control input[type=email], .customize-control input[type=number], .customize-control input[type=password], .customize-control input[type=range], .customize-control input[type=search], .customize-control input[type=tel], .customize-control input[type=text], .customize-control input[type=url] {
    width: 95%;
  }

  .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: 12px;
  }

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

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

  .customize-control-title,
  #customize-control-top_header_ticker_news_numbers .components-base-control__label {
    display: block;
    font-size: 13px;
    line-height: 1.75;
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: capitalize;
  }

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

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

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

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

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

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

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

  }

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

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

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

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

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

  .pubnews-social-share-control-popover.states-colors-wrapper .pubnews-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-pubnews_about_section .accordion-section-title button:hover {
      background: transparent;
      color: #fff;
    }

    #customize-controls #accordion-section-pubnews_about_section h3.accordion-section-title:after{
      color: #fff;
    }

    .components-dropdown .dashicons-edit {
      padding: 2px;
      font-size: 13px;
    }

/** Dark Mode **/
/*
#customize-theme-controls .customize-pane-parent .accordion-section {
  background: #333;
  color: #fff;
}

#customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover>.accordion-section-title {
    color: #ffffff;
    background: #484c4c;
    border-left-color: #ffffff;
}

#customize-outer-theme-controls .accordion-section-title, 
#customize-theme-controls .accordion-section-title,
li#accordion-panel-pubnews_global_panel:before,
li#accordion-section-pubnews_top_header_section:before,
li#accordion-section-pubnews_main_banner_section:before,
li#accordion-panel-pubnews_blog_post_archive_panel:before,
li#accordion-section-pubnews_footer_section:before,
li#accordion-section-background_image:before
 {
  color: #fff;
}*/