/* 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";

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

/* 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 {
  padding: 15px 0 5px 0;
}

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

.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-styles {
  height: 35px;
  position: relative;
  overflow: hidden;
  border-radius: 3px 0 0 3px;
}

.epsilon-control-styles:before,
.epsilon-control-styles:after {
  position: absolute;
  content: " ";
  opacity: .2;
  background: #000;
  width: 100%;
  height: 1px;
  left: 0;
  z-index: 2;
}

.epsilon-control-styles:before {
  top: 0;
}

.epsilon-control-styles:after {
  bottom: 0;
}

.epsilon-control-styles a:first-child {
  border-radius: 3px 0 0 3px;
}

.epsilon-control-styles a {
  display: block;
  height: 35px;
  float: left;
  width: 20%;
  position: relative;
}

.epsilon-control-styles a:first-child:before,
.epsilon-control-styles a:last-child:before {
  position: absolute;
  content: " ";
  background: #000;
  opacity: .2;
  width: 1px;
  height: 35px;
  top: 0;
}

.epsilon-control-styles a:first-child:before {
  left: 0;
}

.epsilon-control-styles a:last-child:before {
  right: 0;
}

.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: rgba(47, 33, 54, 0);
  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .08);
  -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .08);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .08);
}

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