/* /**
* Frontend Style.
*
* @package  vogue-skin-for-wp-configurator-pro/assets/css/
* @since  1.0
* @version  1.0
*/

.theme-furniture .wpc-configurator-wrap:not(.style2) {
  display: block;
}

.wpc-vogue-skin.admin-bar .wpc-controls-parent-wrap {
  top: 0;
  border: 1px solid var(--wpc-vogue-skin-control-border-color);
  height: calc(100vh - 28px);
  position: static;
}

.wpc-vogue-skin .wpc-preview-parent-wrap,
.wpc-vogue-skin .wpc-header-parent-wrap {
  width: 100%;
}

.wpc-vogue-skin .wpc-control-item .wpc-layer-title-wrap,
.wpc-vogue-skin .wpc-control-item {
  margin: 0px;
}

.wpc-vogue-skin .wpc-vogue-skin-content {
  width: calc(100% - 400px);
}

.wpc-vogue-skin-no-full-window {
  display: flex;
}

.wpc-vogue-skin .wpc-config-element:not(.accordion-2):not(.popover):not(.independent-racing) .wpc-sub-control .wpc-control-item {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

.wpc-vogue-skin .wpc-sub-control .wpc-control-item .wpc-control-item-color {
  width: var(--wpc-vogue-skin-icon-width);
  height: var(--wpc-vogue-skin-icon-height);
}

.wpc-vogue-skin .wpc-control-item-info {
  position: static;
  opacity: 1;
  visibility: visible;
}

.wpc-vogue-skin .wpc-control-item-info-inner {
  background: transparent;
  box-shadow: none;
  display: block;
  padding: 0;
  line-height: normal;
}

.wpc-vogue-skin .wpc-controls-wrap .wpc-sub-control .wpc-control-item.wpc-control-type-inline-text {
  display: flex;
  line-height: normal;
}

.wpc-vogue-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label {
  justify-content: center;
  line-height: normal;
}

.wpc-vogue-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label .wpc-control-item-label {
  flex: none;
}

.wpc-vogue-skin .wpc-control-lists-inner li.wpc-control-type-label img,
.wpc-vogue-skin .wpc-control-lists-inner li.wpc-control-type-label .wpc-control-item-color {
  margin-bottom: 0;
}

.wpc-vogue-skin .wpc-control-footer .wpc-primary-btn, .wpc-vogue-skin .wpc-control-footer .wpc-secondary-btn, .wpc-vogue-skin .wpc-control-close > span {
  line-height: normal;
}


.wpc-vogue-skin .wpc-floating-icons {
  left: 0;
}

 @media screen and (max-width: 1024px)  {

  .wpc-vogue-skin .wpc-vogue-skin-content {
    width: 100%;
  }

  .wpc-vogue-skin .wpc-controls-wrap {
    margin-bottom: 0;
  }

  .wpc-vogue-skin.admin-bar .wpc-controls-parent-wrap {
    margin-bottom: 50px;
    height: 100%;
  }

   .wpc-vogue-skin .wpc-controls-parent-wrap {
    margin-bottom: 50px;
    height: 100%;
  }

  .wpc-vogue-skin-no-full-window {
    display: block;
  }

}