.wp-block-journey-timeline-block {
  border: 1px dashed #ccc;
  padding: 10px;
}
.no-border-input input,
.no-border-input textarea {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-style: italic;
  color: #555;
  height:auto !important;
}

.no-border-input input:focus,
.no-border-input textarea:focus {
  outline: none !important;
}
.ojb-block-main-tabs{
  > .components-tab-panel__tabs{
    >button{
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      height: 75px !important;
      color: #4a5568;
      line-height: 1.8;
      border: 0;
      background: #edf2f7;
      border-top: 1px solid #cbd5e0;
      &.active-tab{
        box-shadow: inset 0 -3px 0px 0px var(--wp-admin-theme-color, #00669b);
        color: #2d3748;
        background: #fff;
      }
    }
  }
  .ojb-general-tab-control,
  .ojb-style-tab-control,
  .ojb-advance-tab-control{
    .components-panel__body{
      hr{ margin: 1em 0; }
      .components-tools-panel{ padding:0px; }
    }
    .ojb-style-colorpicker{
      padding-left: 0px;
      padding-right: 0px;
      border-top: 0px;
      .components-tools-panel-item{
        margin-top: 10px;
      }
    }
    .ojb-label-wrap{
      margin-bottom: 6px;
      gap: 2px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width:100%;
      label{
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        color: #1e1e1e;
        width: auto;
        padding-right:5px;
      }
      .components-base-control{
        margin-bottom:0px;
        .components-base-control__field{ margin-bottom: 0px; }
        .components-select-control.sel_unit{
          .components-input-control__container{
            select{
              padding: 2px 1px;
              font-size: 9px;
              line-height: 1;
              letter-spacing: 0px;
              text-transform: uppercase;
              text-align: center;
              appearance: none;
              width: 30px;
              padding-right: 10px;
            }
            .components-input-control__suffix{ 
              margin: 0;
              padding: 0;
              position: absolute;
              right: 0;
              top: 50%;
              .components-input-control-suffix-wrapper{
                padding: 0;
                margin: 0;
                > div{ margin:0px;}
                svg{ width:12px; height:12px; }
              }
            }
            .components-input-control__backdrop{ border:0px; }
          }
        }
        
      }
      .ojb-responsive-tabs{
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        .components-button-group{
          .components-button{
            box-shadow:unset;
            padding:5px;
            background: transparent;
            .dashicon{
              width: 15px;
              height: 15px;
              font-size: 15px;
            }
            &.is-active{
              background: transparent;
              color: var(--wp-admin-theme-color, #00669b);
            }
          }
        }
      }
    }
    .ojb-input-wrap{
      display: block;
      position: relative;
      width:100%;
    }
    .ojb-bg-colorpicker{
      .components-base-control{
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
      }
    }
    .ojb-image-setting{
      .ojb-input-wrap{
        .components-base-control{
        position: relative;
        width:auto;
        .components-input-control__container{
          .components-input-control__suffix{ display:block; }
        }
      }
      }
    }
    .ojb-textshadow-style{
      display:flex;
      flex-wrap: wrap;
      .components-base-control{
        margin-bottom: 0px;
      }
      .ojb-textshadow-inner{
        display: flex;
        align-items: center;
        gap: 10px;
        .components-base-control{
          label{
              font-size: 11px;
            font-weight: 500;
            line-height: 1.4;
            text-transform: uppercase;
            display: block;
            margin-bottom: calc(8px);
            padding: 0px;
            margin-right: 12px;
            max-width: 75%;
          }
        }
      }
    }

    .ojb-tag-selector {
      margin-bottom: 1rem;
      .ojb-tag-label {
        margin-bottom: 6px;
        font-weight: 600;
      }
      .ojb-tag-options {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        .ojb-tag-option {
          border: 1px solid #ccc;
          padding: 4px;
          font-size: 10px;
          border-radius: 4px;
          background: #f9f9f9;
          cursor: pointer;
          min-width: 35px;
          text-align: center;
          text-transform: uppercase;
          transition: all 0.2s ease;
          &.is-selected {
            background-color: #007cba;
            color: white;
            border-color: #007cba;
          }
        }
      }
    }
  }
  .ojb-advance-tab-control{
    .ojb-responsive-tabs{
      .device-toggle-group{
        .components-button{
          &:hover,
          &.is-pressed{
            color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));
            background: transparent;
          }
          .dashicon{
            &:before{
              font-size: 15px;
              width:15px;
              height:15px;
            }
          }
        }
      }
    }
    .ojb-spacing-fields {
      justify-items: center;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-top: 10px;
    }
    .ojb-spacing-input label {
      display: block;
      margin-bottom: 4px;
      font-size: 13px;
    }
    .unit-selector {
      margin-top: 10px;
    }
  } 
}

.editor-styles-wrapper .journey-continer .components-base-control__field{ margin-bottom:0px; }

.editor-styles-wrapper .journey-continer .journey-main img.plane-img{ height:revert-layer; }

.editor-styles-wrapper .journey-continer h2,
.editor-styles-wrapper .journey-continer .journey-main p,
.editor-styles-wrapper .journey-continer .journey-main div,
.editor-styles-wrapper .journey-continer .journey-main span,
.editor-styles-wrapper .journey-continer .journey-main h1,
.editor-styles-wrapper .journey-continer .journey-main h2,
.editor-styles-wrapper .journey-continer .journey-main h3,
.editor-styles-wrapper .journey-continer .journey-main h4,
.editor-styles-wrapper .journey-continer .journey-main h5,
.editor-styles-wrapper .journey-continer .journey-main h6{
  font-size:revert-layer;
  font-weight:revert-layer;
  color:revert-layer;
  line-height:revert-layer;
  letter-spacing:revert-layer;
}