/*------------------------------------*\
    VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    RESETS
\*------------------------------------*/
.wp-full-overlay-sidebar {
  border-right: 0; }
  .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
    background: #232527;
    top: 0; }
  .wp-full-overlay-sidebar * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

#customize-theme-controls .accordion-section-content {
  display: block !important; }

h3.accordion-section-title, #customize-info {
  display: none; }

#customize-theme-controls .accordion-section-content {
  background: transparent; }

.accordion-section-content {
  overflow: visible; }

.customize-control {
  float: none;
  display: block; }

/*------------------------------------*\
    BASE
\*------------------------------------*/
#customize-theme-controls #accordion-section-style > ul.accordion-section-content {
  border-top: 1px solid #3b3f45; }
  #customize-theme-controls #accordion-section-style > ul.accordion-section-content:nth-child(2) {
    display: none !important; }
  #customize-theme-controls #accordion-section-style > ul.accordion-section-content:nth-child(3) {
    background: #373a3e; }
    #customize-theme-controls #accordion-section-style > ul.accordion-section-content:nth-child(3) li:last-child {
      display: none; }

#customize-header-actions {
  height: auto;
  bottom: 0;
  padding: 0;
  z-index: 55;
  background: #373a3e;
  border-top: 1px solid #1a191a; }
  #customize-header-actions .button {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    background: #373a3e;
    color: #b1b5b9;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 54px;
    outline: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    #customize-header-actions .button:hover {
      background: #4d5157; }
  #customize-header-actions .save {
    background: #3677bd;
    color: #fff; }
    #customize-header-actions .save:disabled {
      background: transparent !important;
      color: #1d1e20 !important; }
    #customize-header-actions .save:hover {
      background: #3f87d5; }
  #customize-header-actions .spinner {
    display: none !important;
    background: none; }

.customize-control-title {
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #b1b5b9; }

.customize-control {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid #3b3f45; }
  .customize-control:last-child {
    border-top-width: 0; }

/*------------------------------------*\
    OBJECTS
\*------------------------------------*/
.customize-control-background .redux-field-container:after, .customize-control-typography .redux-typography-container:after, .customize-dropdown-section .dropdown-section-content:after, .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 12px;
  border-collapse: separate;
  width: 0;
  height: 0;
  border-width: 0 9px 9px 9px;
  border-style: solid;
  border-color: transparent transparent #e2e2e2 transparent; }

.customize-control-background .redux-field-container, .customize-control-typography .redux-typography-container, .customize-dropdown-section .dropdown-section-content {
  position: absolute;
  top: 60px;
  right: -6px;
  z-index: 100000;
  width: 275px !important;
  padding: 12px;
  display: none;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .customize-control-background .active.redux-field-container, .customize-control-typography .active.redux-typography-container, .customize-dropdown-section .active.dropdown-section-content {
    display: block; }
  .customize-control-background .redux-field-container:after, .customize-control-typography .redux-typography-container:after, .customize-dropdown-section .dropdown-section-content:after {
    right: 58px;
    border-color: transparent transparent #fff transparent; }

.customize-control-background .customize-control-title button, .customize-control-typography .customize-control-title button, .customize-dropdown-section .dropdown-section-trigger .customize-control-title button {
  position: absolute;
  top: -36px;
  right: 45px;
  display: block;
  height: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
  border: none;
  background: #1d1e20;
  color: #5f6369;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  outline: none; }
  .customize-control-background .customize-control-title button:before, .customize-control-typography .customize-control-title button:before, .customize-dropdown-section .dropdown-section-trigger .customize-control-title button:before {
    font-family: 'Elusive-Icons';
    content: "\e669"; }
  .customize-control-background .customize-control-title button:hover, .customize-control-typography .customize-control-title button:hover, .customize-dropdown-section .dropdown-section-trigger .customize-control-title button:hover, .customize-control-background .customize-control-title button.active, .customize-control-typography .customize-control-title button.active, .customize-dropdown-section .dropdown-section-trigger .customize-control-title button.active {
    background: #3b3f45; }
  .customize-control-background .customize-control-title button.active, .customize-control-typography .customize-control-title button.active, .customize-dropdown-section .dropdown-section-trigger .customize-control-title button.active {
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; }

/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/
/*
 * Info
 */
#customize-controls h1 {
  font-size: 23px;
  font-weight: 300;
  color: #e4e8ed; }
#customize-controls h3 {
  margin-top: 15px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px !important;
  color: #cbcfd4; }
#customize-controls p {
  color: #b1b5b9; }
#customize-controls hr {
  margin-top: -24px; }

/*
 * Color Picker
 */
.customize-control-color .customize-control-title {
  float: left; }
.customize-control-color .wp-picker-container {
  position: relative;
  float: right; }
  .customize-control-color .wp-picker-container .iris-picker {
    position: absolute;
    top: 87px;
    right: -6px;
    z-index: 1000;
    width: 275px !important;
    border: none;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px; }
    .customize-control-color .wp-picker-container .iris-picker .iris-square {
      width: 215px !important;
      height: 173px !important;
      margin-right: 0; }
    .customize-control-color .wp-picker-container .iris-picker .iris-strip {
      float: right;
      -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
      -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
      box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
      .customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
        border-color: #aaa !important;
        opacity: 1;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .customize-control-color .wp-picker-container .iris-picker .iris-palette {
      width: 24px !important;
      height: 24px !important;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
      -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
      box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset; }
  .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
    position: absolute;
    z-index: 1000;
    top: 44px;
    right: -6px;
    width: 275px;
    padding: 12px;
    background: #e2e2e2;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 0 0; }
    .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
      float: left; }
    .customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
      float: right; }
.customize-control-color .wp-color-result {
  top: -6px;
  height: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
  border: none;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 2px 0px inset; }
  .customize-control-color .wp-color-result:after {
    display: none; }

/*
 * Background Picker
 */
.customize-control-background {
  position: relative;
  border: none;
  padding: 0; }
  .customize-control-background .redux-field-container {
    top: 6px; }
    .customize-control-background .redux-field-container img {
      max-width: 100%; }
    .customize-control-background .redux-field-container .screenshot {
      display: none; }

/*
 * Typography
 */
.customize-control-typography {
  position: relative;
  border-top: 1px solid #3b3f45 !important; }
  .customize-control-typography .customize-control-title {
    position: relative; }
    .customize-control-typography .customize-control-title button {
      right: 0;
      top: 0; }
      .customize-control-typography .customize-control-title button:before {
        content: "\e6c4"; }
  .customize-control-typography .redux-typography-container .select_wrapper, .customize-control-typography .redux-typography-container .select_wrapper .select2-container {
    width: 100% !important; }
  .customize-control-typography .redux-typography-container .select2-container a {
    height: 30px; }
  .customize-control-typography .redux-typography-container .select2-container .select2-choice {
    background: none;
    border-color: #e2e2e2; }
    .customize-control-typography .redux-typography-container .select2-container .select2-choice abbr {
      top: 7px;
      right: 39px; }
  .customize-control-typography .redux-typography-container .select2-container .select2-arrow {
    border-color: #e2e2e2;
    background: none;
    width: 30px; }
    .customize-control-typography .redux-typography-container .select2-container .select2-arrow b {
      width: 18px;
      margin: 0 6px; }
  .customize-control-typography .redux-typography-container select {
    width: 100%;
    margin-top: 12px; }
  .customize-control-typography .redux-typography-container .typography-preview {
    display: none; }
  .customize-control-typography .redux-typography-container:after {
    right: 12px; }
  .customize-control-typography .redux-typography-container.active {
    display: block; }
  .customize-control-typography .customize-control-slider label {
    background: #fff; }
  .customize-control-typography .customize-control-select select {
    float: right;
    width: 50%;
    margin-top: -3px; }
  .customize-control-typography .customize-control-select label span {
    width: 49%;
    float: left; }
  .customize-control-typography .customize-control {
    border-top: none; }
    .customize-control-typography .customize-control label span {
      font-size: 13px;
      color: #232527;
      margin-top: -3px; }

.select2-drop {
  z-index: 1000000; }

/*
 * Slider
 */
.customize-control-slider {
  position: relative;
  margin: 0; }
  .customize-control-slider label {
    position: absolute;
    background: #232527;
    width: 204px;
    height: 36px;
    top: 10px;
    left: 0;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .customize-control-slider label span {
      margin-top: 8px; }
  .customize-control-slider input[type=text] {
    float: right;
    width: 50px !important;
    border: none;
    background: none;
    text-align: right;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .customize-control-slider .redux-field-container .redux-container-slider {
    position: relative;
    z-index: 10000; }
  .customize-control-slider .redux-slider-container {
    float: left;
    width: 188px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
    opacity: 0;
    cursor: pointer;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
  .customize-control-slider .noUi-base {
    background: #d0d0d0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .customize-control-slider .noUi-target {
    border: none;
    border-radius: 3px; }
  .customize-control-slider .noUi-background {
    background: #6d6d6d;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0; }
  .customize-control-slider .noUi-handle {
    left: -9px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    border: none;
    border-radius: 100px;
    -moz-box-shadow: rgba(0, 0, 0, 0.75) 0 1px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.75) 0 1px 1px; }
    .customize-control-slider .noUi-handle:before, .customize-control-slider .noUi-handle:after {
      display: none; }
  .customize-control-slider .noUi-horizontal {
    height: 5px;
    margin-top: 10px; }
  .customize-control-slider:hover .redux-slider-container {
    opacity: 1; }
  .customize-control-slider:hover label {
    opacity: 0; }
  .customize-control-slider:first-child {
    border-top: 0; }
  .redux-typography-container .customize-control-slider {
    padding: 6px 0;
    border-top: none; }
    .redux-typography-container .customize-control-slider .noUi-base {
      background: #6d6d6d; }
    .redux-typography-container .customize-control-slider .noUi-background {
      background: #d0d0d0; }

/*
 * Dropdown Section
 */
.customize-dropdown-section {
  position: relative;
  padding: 0;
  margin-left: 20px !important;
  margin-right: 20px !important; }
  .customize-dropdown-section .dropdown-section-trigger {
    margin: 0;
    padding: 12px 0; }
    .customize-dropdown-section .dropdown-section-trigger .customize-control-title button {
      right: 0;
      top: 11px; }
      .customize-dropdown-section .dropdown-section-trigger .customize-control-title button:before {
        content: '\e6fe'; }
  .customize-dropdown-section .dropdown-section-content .customize-control-slider label {
    background: #fff; }
  .customize-dropdown-section .dropdown-section-content .customize-control {
    border-top-color: #cbcfd4; }
    .customize-dropdown-section .dropdown-section-content .customize-control label span {
      font-size: 13px;
      color: #232527;
      margin-top: 5px; }
    .customize-dropdown-section .dropdown-section-content .customize-control:first-child {
      border-top: none; }
  .customize-dropdown-section .dropdown-section-content .customize-control-info {
    display: none; }
  .customize-dropdown-section .dropdown-section-content:after {
    right: 19px; }

.customize-dropdown-title {
  padding-bottom: 0; }
  .customize-dropdown-title li:last-child {
    display: none; }

/*
 * Reset Button
 */
#reset-style-defaults {
  text-align: center;
  display: block;
  background: #1d1e20;
  padding: 12px;
  color: #b1b5b9;
  text-transform: uppercase;
  margin-top: 100px; }

/*
 * Options (disabled)
 */
