/* /**
* Frontend Style.
*
* @package step-skin-for-wp-configurator-pro/assets/css/

* @since  1.0
* @version  1.0
*/

.wpc-step-skin-no-full-window {
  display: flex;
  position: relative;
  width: 100%;
}

.wpc-step-skin .wpc-controls-parent-wrap {
  position: static;
  max-width: 100%;
}

#wpc-header-element-right-wrapper {
  display: flex;
  align-items: center;
}

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

.wpc-step-skin .wpc-sub-controls {
  height: calc(100vh - 400px);
}

.wpc-step-skin .wpc-sub-controls .wpc-control-lists-inner li {
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.wpc-step-skin .wpc-sub-controls .wpc-control-lists .wpc-control-lists-inner > li.current {
  border-color: var(--wpc-step-skin-control-item-border-color);
  box-shadow: inset 100vh 0em #f2f2f2 !important;
}

.wpc-step-skin .wpc-parent-control li {
  display: block;
  margin-right: 0;
}

.wpc-step-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label {
  line-height: normal;
}

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

.wpc-step-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label {
  display: inline-block;
}

.wpc-step-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label .wpc-control-item-label .wpc-icon-label-inner {
  width: 100%;
  display: block;
  padding: 0;
}

.wpc-step-skin .wpc-sub-control .wpc-control-item.wpc-control-type-label .wpc-hover-price {
  float: none;
}

.wpc-step-skin .wpc-parent-control {
  height: auto;
  margin-left: -1px;
}

.wpc-step-skin .wpc-parent-control.active {
  height: calc(100% - 70px);
}

.wpc-step-skin .wpc-sub-controls .wpc-control-lists-inner li {
  transition: all 0.3s ease-in-out;
}

.wpc-step-skin .wpc-sub-controls .wpc-control-lists-inner li:hover .wpc-control-item-info {
  opacity: 1;
  visibility: visible;

  bottom: 0;
}

.wpc-step-skin .wpc-setup-skin-footer .wpc-step-skin-footer-btn .wpc-primary-btn {
  margin-bottom: 0;
}

.wpc-step-skin.theme-furniture .wpc-config-element .wpc-primary-btn,
.wpc-step-skin.theme-furniture .wpc-config-element .wpc-secondary-btn {
   margin-bottom: 0;
}

.wpc-step-skin.theme-furniture #wpc-header-element-right-wrapper .wpc-config-element .wpc-primary-btn {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 991px) {
  .wpc-step-skin .wpc-step-skin-no-full-window  {
    flex-direction: column;
  }
}