/* Start Controls */
@import "scss/controls/upsell";
@import "scss/controls/slider";
@import "scss/controls/toggle";
@import "scss/controls/tooltip";
@import "scss/controls/color-picker";
@import "scss/controls/color-schemes";
@import "scss/controls/typography";
@import "scss/controls/layouts";
@import "scss/controls/field-repeater";
@import "scss/controls/section-repeater-control";
@import "scss/controls/image";
@import "scss/controls/icon-picker";
@import "scss/controls/customizer-navigation";
/* Start Sections */
@import "scss/sections/pro-section";
@import "scss/sections/recommended-actions";
@import "scss/sections/section-doubled";

.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent,
#customize-theme-controls .customize-pane-child.current-section-parent {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.epsilon-hidden {
  opacity: 0;
  visibility: hidden;
}

/* debug blocks */
.epsilon-control-container {
  background: #CCE6FF;
}

.epsilon-control-set-advanced {
  background: #8F9CB2;
}

.epsilon-control-set-dropdown {
  background: #B8A1C9;
}

.epsilon-control-container label {
  background: #E0CB99;
}

.epsilon-control-container,
.epsilon-control-set-advanced,
.epsilon-control-set-dropdown,
.epsilon-control-container label {
  background: transparent;
}

.epsilon-control-container {
}

.epsilon-control-container label {
  line-height: 20px;
  display: block;
  margin-bottom: 5px;
}

.epsilon-control-dropdown,
.epsilon-control-advanced {
  background-color: #fefefe;
  border: solid 1px rgba(219, 219, 219, .9);
  width: 33px;
  height: 33px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.epsilon-control-advanced i,
.epsilon-control-dropdown i {
  display: block;
  margin: 7px auto 0 auto;
}

.epsilon-control-advanced {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  border-radius: 3px;
  &.active,
  &:hover {
    color: #57a7c9;
  }
}

.epsilon-control-dropdown {
  border-left: none;
  width: 34px;
  border-radius: 0 3px 3px 0;
}

.epsilon-control-field {
  padding-left: 10px;
  background: #FEFEFE;
  height: 35px;
  position: relative;
  overflow: hidden;
  border-radius: 3px 0 0 3px;
  border: solid 1px rgba(219, 219, 219, .9);
  line-height: 35px;
  box-sizing: border-box;
}

.epsilon-control-set-advanced .epsilon-control-field {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  border-radius: 3px;
}

.epsilon-control-field a {
  text-decoration: none;
  color: #555555;
}

.epsilon-control-set,
.epsilon-control-set-advanced,
.epsilon-control-set-dropdown {
  height: 35px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.epsilon-control-set-advanced.epsilon-group-two {
  padding-right: 111px;
}

.epsilon-control-set-advanced.epsilon-group-two .epsilon-control-group {
  position: absolute;
  top: 0;
  right: 38px;
  width: 70px;
  height: 35px;
}

.epsilon-control-set-advanced {
  padding-right: 38px;
}

.epsilon-control-set-dropdown {
  padding-right: 35px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  box-shadow: 0 0 4px rgba(0, 0, 0, .06);
}

.epsilon-control-group {
  width: 100%;
  height: 33px;
  background: #FEFEFE;
  border-radius: 3px;
  line-height: 35px;
  cursor: pointer;
  box-sizing: border-box;
  border: solid 1px rgba(219, 219, 219, .9);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  box-shadow: 0 0 4px rgba(0, 0, 0, .06);
  height: 35px;
}

.epsilon-control-group a {
  float: left;
  height: 33px;
  background: rgba(150, 180, 150, 0);
  text-align: center;
  text-decoration: none;
}

.epsilon-control-group a.active {
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 0px #57a7c9, inset 2px 0px 5px 0px rgba(0, 0, 0, 0.05), inset -2px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.epsilon-control-group i {
  margin-top: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.epsilon-control-group a:nth-child(odd) {
  background: rgba(150, 180, 150, 0);
}

.epsilon-control-group.epsilon-group-four a {
  width: 25%;
}

.epsilon-control-group.epsilon-group-three a {
  width: 33.333333%;
}

.epsilon-control-group.epsilon-group-two a {
  width: 50%;
}

.hidden-section-panel {
  opacity: .5;
  position: relative;
  &:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1231;
    display: block;
    content: '';
  }
}

.customize-control-epsilon-separator {
  margin-top: 30px;
}

/*
	Controls Spacing Debug
*/
.repeater-row-content {
}

.repeater-field {
  padding: 18px 0 6px 0;
  margin: 0;

  &.repeater-field-epsilon-text-editor {
    padding-top: 12px;

    .customize-control-title {
      top: 10px;
    }
  }

  select {
    display: block;
    margin: 0;
    line-height: 35px;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  &.repeater-field-text input {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  }

  &.repeater-field-epsilon-customizer-navigation {
    padding-bottom: 8px;
  }

  &.repeater-field- {
    display: none;
  }

  &.repeater-field-hidden {
    display: none;
  }
}

.customize-control-title {
  height: 20px;
  line-height: 20px;
  display: block;
  margin-bottom: 6px;
  font-weight: normal;
}

/* Debug Colors */
$debug-field-background-even: rgba(0, 135, 255, 0.3) !default;
$debug-field-background-odd: rgba(0, 135, 255, 0.1) !default;
$debug-field-title-background: rgba(255, 165, 0, 0.4) !default;

/*
.repeater-field:nth-child(even)	 {
	background: $debug-field-background-even !important;
}

.repeater-field:nth-child(odd)	 {
	background: $debug-field-background-odd !important;
}

.repeater-row-footer,
.customize-control-title,
.repeater-field-epsilon-slider .slider-container,
.epsilon-controller-image-container .actions {
	background:$debug-field-title-background !important;
}
*/

