.wps_bump_popup_wrapper , 
.wps_bump_popup_loader {
background-color: rgba(0, 0, 0, 0.79);
position: fixed;
z-index: 999;
left: 0;
right: 0;
display: none;
align-items: center;
top: 0;
bottom: 0;
justify-content: center;
flex-direction: column;
overflow-y: auto;
height: 100%;
z-index: 999;
padding: 15px;
}
.wps_bump_popup_content {
animation:fadein .5s;
background-color: #ffffff;
max-height: 450px;
margin: 0 auto;
max-width: 875px;
overflow-y: auto;
padding: 20px 0 0;
position: relative;
width: 100%;
}
.wps_bump_popup_inner_content {
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
p.stock.out-of-stock {
margin: 0;
}
.wps_ubo_price_html_for_variation {
font-size: 20px;
font-weight: 700;
}
.wps_ubo_price_html_for_variation ins {
font-weight: 700;
padding-left: 5px;
}
.wps_ubo_err_waring_for_variation {
color: #ff0000;
display: none;
font-size: 15px !important;
margin-top: 25px;
}
.wps_bump_popup_close {
cursor: pointer;
display: block;
font-size: 18px;
font-weight: bold;
height: 30px;
opacity: 0.6;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
width: 30px;
z-index: 1;
}
.wps_bump_popup_select select {
background-color: #ffffff;
border: 1px solid #eeeeee;
border-radius: 4px;
color: #363636;
min-width: 300px;
width: auto !important;
height: 45px;
padding: 5px;
}
.wps_bump_popup_select > p {
font-size: 30px;
margin-bottom: 0px;
}
.wps_upsell_variation_pop_up_body {
overflow: hidden;
}
p.wps_ubo_bump_attributes_name {
margin: 10px auto;
font-size: unset;
}
#payment .place-order .button.wps_ubo_bump_add_to_cart_button, .wps_ubo_bump_add_to_cart_button {
font-size: 16px !important;
white-space: unset !important;
display: none;
width: 100% !important;
justify-content: center;
margin-top: 45px;
} .wps_bump_popup_image, 
.wps_bump_popup_select {
padding: 0px 20px;
flex: 0 0 calc(50% - 40px);
}
.wps_bump_popup_inner_content {
display: flex;
width: 100%;
}
.wps_upsell_offer_arrow {
width: 35px;
margin-right: 10px;
}
.wps_upsell_offer_arrow img {
width: 100%;
height: auto;
animation: slide 2s infinite ease;
}
@keyframes slide {
0% {
transform: translateX(-4px);
}
60%{
}
100% {
transform: translateX(0px);
}
}
.wps_bump_popup_inner_content:after {
content: "";
clear: both;
display: block;
}
@media only screen and (max-width: 767px) {
.wps_bump_popup_image, 
.wps_bump_popup_select {
width: 100%;
margin: auto;
}
} .keep_hidden {
display: none;
}
.keep_block {
display: block;
}
.keep_flex{
display: flex;
}
.wps-g-modal {
display: none;
}
.wps-g-modal.wps-modal--open {
display: block;
}
.wps-g-modal.wps-modal--open::after {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
content: '';
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
.wps-g-modal.wps-modal--open .wps-g-modal__cover {
left: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
position: fixed;
top: 0;
z-index: 999999;
}
.wps-g-modal__close-wrap {
text-align: right;
}
.wps-g-modal__close {
border-radius: 50%;
box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
display: inline-block;
font-size: 20px;
font-weight: 600;
height: 24px;
position: relative;
right: 0;
top: 0;
width: 24px;
}
.wps-g-modal__close::after {
content: 'x';
left: 50%;
position: absolute;
top: calc(50% - 2px);
transform: translate(-50%,-50%);
}
.wps-g-modal__message {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
color: #053500;
margin: 100px auto;
max-width: 500px;
padding: 15px 20px;
transform: scale(0);
width: 100%;
}
.wps-g-modal.wps-modal--open .wps-g-modal__message {
animation: scaleup 0.3s ease-in forwards;
}
.wps-g-modal.wps-modal--close .wps-g-modal__message {
animation: scaledown 0.2s ease-out backwards;
}
.wps_bump_popup_meta_form input,
.wps_bump_popup_meta_form select,
.wps_bump_popup_meta_form textarea {
padding: 5px 15px 5px 10px !important;
width: 100% !important;
max-width: 300px;
}
.wps_bump_popup_meta_form input[type="submit"],
.wps_bump_popup_meta_form input[type="radio"],
.wps_bump_popup_meta_form input[type="checkbox"] {
width: auto !important;
max-width: unset;
}
.wps_bump_popup_meta_form input[type="submit"]:focus,
.wps_bump_popup_meta_form input[type="radio"]:focus,
.wps_bump_popup_meta_form input[type="checkbox"]:focus {
outline: none;
}
.wps_ubo_bump_meta_field {
margin: 10px 0;
}
.wps-ubo-form-grp {
display: flex;
flex-wrap: wrap
}
.meta-form-field-label {
color: #1d201f;
font-size: 16px;
margin-bottom: 10px;
text-align: left;
text-transform: capitalize;
}
.wps-ubo-form-grp .meta-form-field-label {
flex: 0 0 100%;
max-width: 25%;
margin: 0 10px 10px 0;
}
.meta-form__input-wrap {
flex: 0 0 100%;
max-width: calc(75% - 10px);
}
.meta-form-field-desc {
color: rgba(43,43,43,0.5);
display: block;
font-size: 14px;
line-height: 18px;
margin: 5px 0;
text-align: left;
}
.wps_bump_popup_meta_form .single_add_to_cart_button.wps-meta-form-submit {
font-size: 18px !important;
padding: 8px 15px;
text-align: center;
text-transform: uppercase;
white-space: unset !important;
width: 100% !important;
}
@keyframes scaleup {
0% {
transform: scale(0);
-webkit-transform:scale(0);
opacity: 0.5;
}
50% {
transform: scale(0.5);
-webkit-transform:scale(0.5);
opacity: 1;
}
75% {
transform: scale(1.2);
-webkit-transform:scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform:scale(1);
opacity: 1;
}
}
@keyframes scaledown {
0% {
transform: scale(1);
-webkit-transform:scale(1);
opacity: 0.8;
}
50% {
transform: scale(0.5);
-webkit-transform:scale(0.5);
opacity: 0.5;
}
100% {
transform: scale(0);
-webkit-transform:scale(0);
opacity: 0;
}
}  @media screen and (max-width: 576px) {
.wps_bump_popup_select select{
min-width: 100%;
}
.wps_bump_popup_image,
.wps_bump_popup_select{
flex: 0 0 100%;
}
.wps_ubo_bump_add_to_cart_button {
margin:auto;
}
.wps_ubo_input_row {
margin-bottom: 30px;
}
.wps_bump_popup_close {
right: 11px;
top: 2px;
}
.wps_bump_popup_image {
margin-top: 20px;
}
.wps_bump_popup_content{
height: auto;
max-height: unset;
}
.wps-ubo-form-grp .meta-form-field-label,
.wps-ubo-form-grp .meta-form__input-wrap {
max-width: 100%;
}
.meta-form-field-label {
margin-bottom: 10px;
}
.wps-g-modal__message {
max-width: 300px;
}
} .wps_ubo_input_row select,
input.wps_input_quantity.wps_quantity_input {
max-width: 300px;
}
.wps_bump_popup_select label {
margin: 10px 0;
}