$cc1: #1e88e5;

@import 'control/slider';

@import 'control/radio-image';

@import 'control/switch';

@import 'control/font-type';

@import 'control/alpha-color-picker';

@import 'control/heading-control';

@import 'control/focus';

#customize-controls img {
  vertical-align: middle;
}

.customize-control {
  margin-bottom: 20px;
}

#customize-theme-controls .customize-pane-child.accordion-section-content {
  overflow: inherit
}

.customize-control-title {
  text-transform: uppercase;
  font-size: 12px;
}

.customize-control input[type="text"], .customize-control input[type="number"], .customize-control select {
  min-height: 35px;
}
.hide-font-toggle{
  display: none;
}
#customize-control-custom_font_upload{
  .customize-control-custom-font{
    .clone-customfont{
      .upload-font-name{
        position: relative;
        border-top: gray solid 1px;
        &:first-child{
          border: none;
        }
        .hide-font{
          position: absolute;
          top: 0;
          right: 0;
          &:after{
            font-family: 'FontAwesome';
            content: "\f068";
          }
        }
      }
      .upload-font-block{
        .customize-control-title{
          color: #555d66;
        }
        .display-custom-font{
          width: 100%;
        }
        .upload-custom-font{
          width: 40%;
          margin-top: 5px !important;
          margin-bottom: 10px !important;
        }
      }
      .remove-font{
        color: red;
        margin-bottom: 15px;
      }
    }
  }
  .add-new-font{
    margin-top: 20px;
  }
}