/**
 * Frontend Style.
 *
 * @package  custom-image-upload-addon-for-wp-configurator-pro/assets/css/
 * @since  1.0
 * @version  1.0.4
 */

.wpc-mask-upload {
   background-size: initial;
   background-position: center;
   background-repeat: no-repeat;
   mask-repeat: no-repeat;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: center;
} 

.wpc-upload-layer {
   justify-content: center;
   align-items: center;
}

.wpc-upload-layer-input-wrap img {
   height: var( --wpc-icon-height);
   width: var(--wpc-icon-width);
}

.wpc-upload-layer img {
   max-width: 100% !important;
   max-height: 100%;
}

.wpc-upload-layer-input-wrap {
   display: flex;
   align-items: center;
   position: relative;
}

.wpc-upload-layer-input-wrap .wpc-layer-name {
   font-size: 16px;
   margin: 0 8px 0 0;
}

.wpc-controls-sub-group li.wpc-layer-type-upload p > img {
   float: left;
   width: 100px;
   margin-right: 20px;
   border-radius: 0;   
   padding: 5px 10px;
   border: 2px solid transparent;
   cursor: pointer;
}

.wpc-controls-sub-group li.wpc-layer-type-upload.current p > img {
   border: 2px solid #999;
}

.wpc-layer-type-upload p > input[type='file'] {
   display: none;
}

.wpc-controls-sub-group li.wpc-layer-type-upload {
   display: block;
   width: 100%;
   background: none;
}

.wpc-ciua-upload-file-btn {
   font-size: 14px;
   font-weight: 600;
   border: 1px solid;
   padding: 4px 10px;
   border-radius: 4px;
   cursor: pointer;    
   display: inline-block;
   line-height: 1.4;
}

.wpc-cart-form-cart-item .item-child-title img {
   max-height: 24px;
}

.wpc-control-lists-inner .wpc-control-item.wpc-layer-type-upload img {
   border-radius: 6px;
   margin: 0 6px 0 0;
   width: var(--wpc-icon-width);
   height: auto;
}