.cpb_view_bundle_popup {
position: fixed;
z-index: 99999;
margin: 0 auto;
border: 1px solid #414141;
overflow: hidden;
min-height: 800px;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: none;
}
.cpb_view_bundle_popup .cpb-inner.chosen {
border: 3px solid #333;
}
.cpb_add_to_cart_icon {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.cpb_add_to_cart_icon img {
max-width: 300px;
display: inline-block;
}
.cpb_add_to_cart_icon .dashicons {
font-size: 120px;
text-align: center;
display: inline;
}
.cpb_view_bundle_popup::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: ' ';
opacity: 0.5;
background-color: #484848;
}
.cpb_view_bundle_popup_inner {
position: absolute;
overflow: auto;
top: calc(100% - 90%);
left: 40px;
right: 40px; max-width: 950px;
margin-left: auto;
margin-right: auto;
background: rgb(255, 255, 255);
overflow-x: hidden;
}
.cpb_popup_head {
position: sticky;
right: 0;
top: 0;
padding: 10px;
overflow: hidden;
z-index: 9;
}
.cpb_popup_close {
color: #555555;
cursor: pointer;
font-size: 40px;
line-height: 1;
width: 40px;
height: 40px;
font-weight: 300;
display: block;
float: right;
}
.cpb_bundle_popup_content {
padding: 20px;
padding-top: unset;
}
.cpb_view_bundle_popup.cpb_no_upsells .cpb_view_bundle_popup_inner {
max-width: 400px;
}
.cpb-boxes .cpb-inner img + img, .cpb-item-image img + img {
display: none;
}
ul.cbp_product_attributes_ul, ul.cbp_product_attribute_values_ul, ul.cbp_product_categories_ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
ul.cbp_product_attributes_ul li > span.cpb_attribute_name {
text-transform: uppercase;
font-weight: 600;
display: block;
border-bottom: 1px solid #ccc;
padding: 10px;
cursor: pointer;
}
span.cpb_attr_val_name {
margin-left: 10px;
}
ul.cbp_product_attribute_values_ul {
padding: 15px;
display: none;
}
.cpb_filter_action {
margin-top: 15px;
}
.cpb_filter_action button.cpb_reset_filters {
display: block;
width: 100%;
}
h3.cpb_attribute_heading, h3.cpb_attribute_heading {
text-align: left;
font-weight: 600;
}
.cpb_product_boxes_carousel {
width: 600px;
max-width: 100%;
clear: both;
}
.cpb_product_boxes_carousel .slick-next {
right: 5px;
z-index: 999;
}
.cpb_product_quick_view > div.product {
max-width: 1000px;
}
.cpb_product_boxes_carousel .slick-prev {
left: 5px;
z-index: 999;
}
.cpb_product_boxes_carousel .slick-prev:before, .cpb_product_boxes_carousel .slick-next:before {
font-size: 25px;
opacity: 1;
color: #000;
}
.cpb_product_quick_view figure.woocommerce-product-gallery__wrapper {
position: relative;
overflow: hidden;
clear: both;
max-width: 100%;
}
.cpb_product_quick_view {
position: fixed;
top: 50%;
left: 50%;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99999;
max-width: 800px;
width: 96%;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
border: 1px solid #414141;
overflow: hidden;
background: #fff;
}
.cpb_product_boxes_content {
padding: 15px;
}
.cpb_product_boxes_layer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
background: rgba(01, 01, 01, 0.6);
display: none;
}
.cpb_product_quick_view_head > span {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 45px;
color: #333;
cursor: pointer;
}
.cpb_product_quick_view_head {
position: absolute;
right: 0px;
z-index: 999999;
}
span.cpb_totals_text {
margin-right: 5px;
}
.cpb-short-description {
margin-bottom: 15px;
}
.cpb_product_quick_view_footer {
min-height: 300px;
vertical-align: middle;
padding: 100px;
}
.cpb-extras .cpb-col-1 {
text-align: left;
}
.cpb_boxes_item_data .summary {
padding: 15px;
}
* {
box-sizing: border-box;
}
.cpb-row {
display: flex;
flex-wrap: wrap;
margin-right: -7px;
margin-left: -7px;
}
.cpb-col-1, .cpb-col-2, .cpb-col-3, .cpb-col-4, .cpb-col-5, .cpb-col-6, .cpb-col-7, .cpb-col-8, .cpb-col-9, .cpb-col-10, .cpb-col-11, .cpb-col-12, .cpb-col-items, .cpb-col-filters, .cpb-col-67{
position: relative;
width: 100%;
padding-right: 7px;
padding-left: 7px; 
display: block;
margin-bottom: 15px;
text-align: center;
float: left;
}
.cpb-col-right, .cpb-col-left {
position: relative;
width: 100%;
padding-right: 7px;
padding-left: 7px; 
display: block;
margin-bottom: 15px;
text-align: center;
float: left;
}
.cpb-col-filters {
flex: 0 0 30%;
max-width: 30%;
}
.cpb-col-items {
flex: 0 0 70%;
max-width: 70%;
}
.cpb-col-right {
padding-left: 15px;
}
.cpb-col-left {
padding-right: 15px;
}
.cpb-col-left, .cpb-col-right{
flex: 0 0 50%;
max-width: 50%;
}
.cpb-col-1 {
flex: 0 0 100%;
max-width: 100%;
}
.cpb-col-2 {
flex: 0 0 50%;
max-width: 50%;
}
.cpb-col-67 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cpb-col-3 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cpb-col-4 {
flex: 0 0 25%;
max-width: 25%;
}
.cpb-col-5 {
flex: 0 0 20%;
max-width: 20%;
}
.cpb-col-6 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.cpb-col-7 {
flex: 0 0 14.28572%;
max-width: 14.28572%;
}
.cpb-col-8 {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.cpb-col-9 {
flex: 0 0 11.111111%;
max-width: 11.111111%;
}
.cpb-col-10 {
flex: 0 0 10%;
max-width: 10%;
}
.cpb-col-11 {
flex: 0 0 0.11%;
max-width: 0.11%;
}
.cpb-col-12 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.cpb-row.cpb-boxes .cpb-inner img {
width: 100%;
}
.cpb_products_footer {
text-align: center;
}
div#cpb-success-message {
position: fixed;
top: 10%;
right: 5%;
background: #017b22;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
z-index: 9999;
}
div#cpb-error-message {
position: fixed;
top: 10%;
right: 5%;
background: #d00;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
z-index: 9999;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner:empty:before{
content: '';
display: block;
position: relative;
left: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 9;
width: 100%;
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0s;
transition-property: opacity;
transition-duration: 1s;
transition-delay: 0s;
padding-top: 100%;
display: block;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner:empty{
height: 100%;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner:hover:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 9;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0s;
transition-property: opacity;
transition-duration: 1s;
transition-delay: 0s;
display: block;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner:hover:before {
opacity: 1;
cursor: pointer;
z-index: 100;
background-image: url(//manguvi.ee/wp-content/plugins/custom-product-boxes//assets/images/remove-icon-light.png);
background-position: center 45%;
background-repeat: no-repeat;
background-size: 50px;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner:hover:empty:before {
background-image: none;
}
.cpb_product_boxes_custom .cpb-boxes .cpb-inner{
background: #a900de;
position: relative;
height: 100%;
overflow: hidden;
line-height: 0;
border: 1px solid #a900de;
}
.cpb-caption p {
margin: 0.3em 0 0.3em;
}
.cpb_product_boxes_custom .cpb-items .cpb-inner .cpb-item-image:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 9;
width: 100%;
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-delay: 0s;
transition-property: opacity;
transition-duration: 1s;
transition-delay: 0s;
}
.cpb_product_boxes_custom .cpb-items .cpb-inner:hover .cpb-item-image:before {
opacity: 1;
cursor: pointer;
background-image: url(//manguvi.ee/wp-content/plugins/custom-product-boxes//assets/images/add-icon-light.png);
background-position: center 30%;
background-repeat: no-repeat;
margin: 0 auto;
background-size: 50px;
}
.cpb-item-image {
overflow: hidden;
position: relative;
}
.cpb-extras .quantity{
float: left;
margin-right: 10px;
}
.cpb-extras .cpb-col-12{
text-align: left;
}
.cpb-extras p.price{
margin: 0.5em 0;
}
span.cpb_category_filters_item {
margin: 15px;
}
p.cpb-filter-text {
margin: 0;
}
span.cpb-outofstock-text {
position: absolute;
color: #fff;
left: 0;
right: 0;
top: 40%;
bottom: 0;
margin: 0 auto;
display: block;
z-index: 2;
}
.cpb_product_boxes_custom .cpb-items .cpb-inner.cpb-outofstock .cpb-item-image:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 1;
width: 100%;
opacity : 1;
background-image: unset;
} .cpb-row.cpb-boxes.box-side .cpb-inner {
max-height: 70px;
}
.cpb-row.cpb-boxes.box-side img {
max-width: 70px;
}
.cpb-row.cpb-boxes.box-side .cpb-inner span {
display: block;
vertical-align: middle;
}
.cpb-row.cpb-boxes.box-side .cpb-inner span:last-of-type {
padding: 10px;
color: #fff;
line-height: 24px;
text-align: left;
}
.cpb-row.cpb-boxes.box-side .cpb-inner span:first-of-type {
float: left;
display: block;
margin-right: 10px;
}
.cpb-boxes.box-below .cpb-inner span:last-of-type {
overflow: hidden;
line-height: 24px;
padding: 10px;
color: #fff;
}
.cpb-boxes.box-below .cpb-inner span {
display: block;
}
.cpb-filters-layer {
position: fixed;
z-index: 99999;
background: rgb(0 0 0 / 50%);
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.5s;
display: none;
}
.cpb-boxes-filters li label {
width: 100%;
display: inline-block;
}
button.cpb_filters_button{
display: none;
}
.cpb_boxes_counter{
display: none;
} @media (min-width: 470px) and (max-width: 767px){
.cpb-col-2, .cpb-col-3, .cpb-col-4, .cpb-col-5, .cpb-col-6, .cpb-col-7, .cpb-col-8, .cpb-col-9, .cpb-col-10, .cpb-col-11, .cpb-col-12 {
flex: 0 0 50%;
max-width: 50%;
}
.cpb-col-right{
flex: 0 0 100%;
max-width: 100%;
}
.cpb-col-left{
flex: 0 0 100%;
max-width: 100%;
}
.cpb-col-67 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 470px)  {
.cpb-col-2, .cpb-col-3, .cpb-col-4, .cpb-col-5, .cpb-col-6, .cpb-col-7, .cpb-col-8, .cpb-col-9, .cpb-col-10, .cpb-col-11, .cpb-col-12, .cpb-col-right, .cpb-col-left, .cpb-col-67 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 600px)  {
.cpb-col-filters {
flex: 0 0 100%;
max-width: 100%;
}
.cpb-col-items {
flex: 0 0 100%;
max-width: 100%;
}
.cpb-row.cpb-boxes.cpb-mob-2 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-2 div[class*='cpb-col'] {
flex: 0 0 50%;
max-width: 50%;
}
.cpb-row.cpb-boxes.cpb-mob-3 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-3 div[class*='cpb-col'] {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cpb-row.cpb-boxes.cpb-mob-4 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-4 div[class*='cpb-col'] {
flex: 0 0 25%;
max-width: 25%;
}
.cpb-row.cpb-boxes.cpb-mob-5 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-5 div[class*='cpb-col'] {
flex: 0 0 20%;
max-width: 20%;
}
.cpb-row.cpb-boxes.cpb-mob-6 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-6 div[class*='cpb-col'] {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.cpb-row.cpb-boxes.cpb-mob-7 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-7 div[class*='cpb-col'] {
flex: 0 0 14.285714%;
max-width: 14.285714%;
}
.cpb-row.cpb-boxes.cpb-mob-8 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-8 div[class*='cpb-col'] {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.cpb-row.cpb-boxes.cpb-mob-9 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-9 div[class*='cpb-col'] {
flex: 0 0 11.111111%;
max-width: 11.111111%;
}
.cpb-row.cpb-boxes.cpb-mob-10 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-10 div[class*='cpb-col'] {
flex: 0 0 10%;
max-width: 10%;
}
.cpb-row.cpb-boxes.cpb-mob-11 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-11 div[class*='cpb-col'] {
flex: 0 0 9.090909%;
max-width: 9.090909%;
}
.cpb-row.cpb-boxes.cpb-mob-12 div[class*='cpb-col'], .cpb-row.cpb-items.cpb-mob-12 div[class*='cpb-col'] {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
}
@media ( max-width: 767px ) {
.cpb_view_bundle_popup_inner {
bottom: calc(100% - 90%);
}
.cpb-col-classic .cpb-col-filters .cpb-boxes-filters {
height: 100%;
width: 0;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
padding: 15px;
transition: 0.5s;
}
.cpb-col-classic .cpb-row .cpb-col-filters {
display: none;
}
.cpb-col-classic .cpb-row .cpb-col-items {
flex: 0 0 100%;
max-width: 100%;
}
.cpb_filters_nav .cpb-row .cpb-col-filters {
display: block;
}
.cpb_filters_nav .cpb-col-filters .cpb-boxes-filters {
width: 300px;
}
.cpb_filters_nav .cpb-filters-layer {
display: block;
}
button.cpb_filters_button{
display: inline;
}
.cpb_boxes_counter {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
text-align: center;
background: rgb(0 0 0 / 80%);
font-size: 24px;
padding: 15px;
color: #fff;
}
}
.cpb_loader {
position: relative;
width: 70px;
height: 70px;
margin: 0 auto;
display: none;
}
.cpb_loader div {
box-sizing: border-box;
display: block;
position: absolute;
width: 55px;
height: 55px;
margin: 6px;
border: 6px solid #607D8B;
border-radius: 50%;
animation: cpb-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #607D8B transparent transparent transparent;
}
.cpb_loader div:nth-child(1) {
animation-delay: -0.45s;
}
.cpb_loader div:nth-child(2) {
animation-delay: -0.3s;
}
.cpb_loader div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes cpb-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}