html.yith_ywgc_opened,
body.yith_ywgc_opened {
overflow: hidden;
}
@media ( min-width: 480px) {
#yith-ywgc .yith-ywgc-popup {
min-width: 320px;
}
}
#yith-ywgc{
z-index: 10001;
}
.yith-ywgc-overlay {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.yith_ywgc_opened .yith-ywgc-popup-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 50%;
min-height: 50%;
max-width: 50%;
max-height: 70%;
background: rgba(255, 255, 255, 1);
z-index: 120;
padding-right: 15px;
padding-top: 35px;
padding-bottom: 15px;
overflow: hidden;
margin: 1% 0;
border-radius: 18px;
}
.yith-ywgc-gift-this-product-modal-opened.yith_ywgc_opened .yith-ywgc-popup-wrapper{
min-width: 50%;
min-height: 90%;
max-width: 70%;
max-height: 90%;
opacity: 0.9;
}
#yith-ywgc .yith-ywgc-popup-close {
position: fixed;
right: 22px;
top: 13px;
width: 12px;
height: 12px;
line-height: 15px;
cursor: pointer;
display: none;
text-align: center;
z-index: 10002;
}
#yith-ywgc .yith-ywgc-popup-close:after {
content: '×';
display: block;
color: inherit;
font-size: 1.5rem;
line-height: 12px;
opacity: 0.5;
transition: all ease 0.2s;
}
#yith-ywgc .yith-ywgc-popup-close:hover:after {
opacity: 1;
}
.yith-ywgc-popup-content-wrapper {
margin-top: -25px;
}
.yith-ywgc-popup-wrapper-region {
height: 100%;
width: 100%;
}
.yith-ywgc-popup-wrapper-region::-webkit-scrollbar-track { border-radius: 10px;
background-color: #ebebeb;
}
.yith-ywgc-popup-wrapper-region::-webkit-scrollbar {
width: 10px;
background-color: #ebebeb;
border-radius: 10px;
}
.yith-ywgc-popup-wrapper-region::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #555;
}
.ywgc-custom-design-modal-wrapper {
display: inline-block;
position: relative;
width: 100%;
} .yith-ywgc-popup-wrapper .yith-plugin-fw-file {
position        : relative;
width           : 100%;
border          : 1px dashed #cbd5e1;
background      : rgba(203, 213, 225, .25);
padding         : 30px;
cursor          : pointer;
display         : flex;
justify-content : center;
align-items     : center;
box-sizing      : border-box;
height          : 20em;
}
.yith-plugin-fw-file__field {
cursor   : pointer;
position : absolute;
opacity  : 0;
top      : 0;
right    : 0;
bottom   : 0;
left     : 0;
z-index  : 10;
}
.yith-plugin-fw-file__preview {
width           : 100%;
background      : #fff;
padding         : 16px;
height: 17em;
display: block;
z-index: 10;
}
.yith-ywgc-preview-image img{
width: 200px;
height: 150px;
}
.yith-plugin-fw-file__preview__icon {
flex         : 0 0 24px;
margin-right : 8px;
}
.yith-plugin-fw-file.yith-plugin-fw--is-dragging {
border-color : var(--yith-primary);
}
.yith-plugin-fw-file.yith-plugin-fw--is-dragging:before {
content                 : '';
position                : absolute;
top                     : 0;
left                    : 0;
width                   : 100%;
height                  : 100%;
background              : rgba(0, 121, 176, .4);
z-index                 : 1;
backdrop-filter         : blur(3px);
-webkit-backdrop-filter : blur(3px);
animation               : yith-plugin-fw-fade-in .3s forwards;
}
.yith-plugin-fw-file:not(.yith-plugin-fw--filled) .yith-plugin-fw-file__preview {
display : none;
}
.yith-plugin-fw-file.yith-plugin-fw--filled .yith-plugin-fw-file__message {
display : none;
}
#ywgc-upload-picture-modal{
position: absolute;
width: 100%;
}
.yith-ywgc-drag-drop-icon-modal{
position: absolute;
z-index: 1;
top: 20%; }
.ywgc-custom-design-modal-wrapper .yith-plugin-fw-file__message {
margin-top: 20%;
}
.ywgc-custom-design-modal-wrapper .yith-plugin-fw-file__message .yith-plugin-fw-file__suggested_size {
display: block;
font-size: 12px;
}
button#decline-image{
border: none;
background-color: #7b7b7b;
padding: 7px 24px;
font-size: 12px;
}
button#decline-image:hover{
border: none;
background-color: #a00;
}
button#accept-image{
border: none;
padding: 7px 24px;
font-size: 12px;
}
button#accept-image:hover{
border: none;
background-color: #00afa5;
}  @media only screen and (max-width: 600px) {
.yith_ywgc_opened .yith-ywgc-popup-wrapper {
min-width: 95%;
min-height: 80%;
max-width: 95%;
max-height: 70%;
padding: 20px 5px;
overflow-y: scroll;
}
.ywgc-design-list-modal {
height: 60% !important;
overflow-y: auto !important;
}
.ywgc-custom-upload-container-modal {
width: 100%;
padding: 10px;
}
ul.ywgc-template-categories {
padding-top: 5px;
}
ul.ywgc-template-categories li.ywgc-template-item,
ul.ywgc-template-categories li.ywgc-upload-section-modal p {
margin-top: 5px;
}
.ywgc-design-categories-title {
margin: 15px 0 0;
}
.ywgc-upload-section-modal {
margin-top: 15px;
}
#yith-ywgc .yith-ywgc-popup-close {
right: 15px;
}
} @media only screen and (min-width: 600px) and (max-width: 1200px) {
.yith_ywgc_opened .yith-ywgc-popup-wrapper {
min-width: 70%;
min-height: 50%;
max-width: 70%;
max-height: 60%;
overflow: scroll;
}
#yith-ywgc .yith-ywgc-popup-close {
right: 15px;
}
} @media only screen and (max-width: 992px) {
.yith-ywgc-drag-drop-icon-modal {
top: 10% !important;
}
.yith-ywgc-popup-wrapper .yith-plugin-fw-file {
padding: 0;
height: 15em;
}
.ywgc-custom-design-modal-wrapper .yith-plugin-fw-file__message {
margin-top: 20%;
margin-bottom: 1em;
}
}:root {
--yith-ywgc-border-color: #d9d9d9;
--yith-ywgc-upload-text-color: #9a9a9a;
--yith-ywgc-bg-color: #f3f3f3;
}
.virtual.product-type-gift-card .woocommerce-product-gallery__wrapper {
border: 1px solid var(--yith-ywgc-border-color);
border-radius: 20px;
}
.product-type-gift-card .woocommerce-breadcrumb{
display: none;
}
.virtual.product-type-gift-card .woocommerce-product-gallery__wrapper img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
}
.virtual.product-type-gift-card .ywgc-main-form-preview-container {
height: auto;
padding: 2em;
}
.virtual.product-type-gift-card .ywgc-form-preview-title {
line-height: 30px;
}
.gift-cards-list{
font-size: 0px;
}
.gift-cards-list h3 {
font-size: initial;
}
.gift-cards-list button {
font-size: initial;
}
.gift-cards-list .ywgc-amount-buttons {
border-radius: 0;
border: 1px solid var(--yith-ywgc-border-color);
border-right: unset;
color: #404040;
vertical-align: top;
margin: 0;
padding: 0 4%;
height: 4em;
width: 20%;
max-width: 20%;
font-weight: normal;
}
.gift-cards-list .ywgc-amount-buttons:not(.selected_button) {
background-color: var(--yith-content-bg);
}
.gift-cards-list .ywgc-amount-buttons:first-of-type {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.gift-cards-list .ywgc-amount-buttons:last-of-type {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.ywgc-manual-amount-container.ywgc-manual-amount{
background: unset;
padding: 0;
}
#ywgc-manual-amount{
border: none;
text-align: center;
height: 100%;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.gift-cards-list button:last-of-type{
border-right: 1px solid var(--yith-ywgc-border-color);
}
input#ywgc-manual-amount::placeholder{
font-size: 16px;
opacity: 1;
}
#ywgc-manual-amount:focus {
box-shadow: unset;
}
#ywgc-manual-amount:focus::placeholder {
color: transparent;
}
.ywgc-label-above-input input, .ywgc-label-above-input label {
display:block;
}
.ywgc-recipient-name, .ywgc-sender-name {
float: left;
width: 49%;
}
.ywgc-recipient-email, .ywgc-postdated {
float: right;
width: 49%;
}
.gift-cards_form  .gift-card-content-editor.step-content input {
width: 100%;
height: 50px;
border-radius: 5px;
margin: 1em 0 2em 0;
}
.gift-cards_form  .gift-card-content-editor.step-content input#ywgc-delivery-date, .gift-cards_form  .gift-card-content-editor.step-content input#ywgc-sender-name {
margin-bottom: 0;
}
.gift-cards_form  .gift-card-content-editor.step-content textarea{
height: 8em;
width: 100%;
border-radius: 5px;
margin: 1em 0 2em 0;
resize: none;
}
.ywgc-preset-image.ywgc-preset-image-view-all {
border: 2px dashed var(--yith-ywgc-border-color);
}
.ywgc-preset-image.ywgc-custom-picture {
border: 2px solid var(--yith-ywgc-border-color);
background-color: var(--yith-ywgc-bg-color);
}
.ywgc-choose-image.ywgc-choose-template{
position: absolute;
font-size: 14px;
background: unset;
border: unset;
color: #404040;
width: 100%;
height: 100%;
font-weight: normal;
}
.ywgc-preset-image.ywgc-custom-picture .ywgc-custom-upload-label{
position: absolute;
font-size: 12px;
color: var(--yith-ywgc-upload-text-color);
text-align: center;
width: 100%;
bottom: 0;
text-transform: uppercase;
}
.ywgc-choose-image.ywgc-choose-template:hover{
background: white !important;
color: #404040 !important;
}
.ywgc-preset-image.ywgc-custom-picture .ywgc_upload_plus_icon{
width: 50px;
margin-top: -15px;
margin-left: auto;
margin-right: auto;
}
.gift-cards_form h3.ywgc_choose_design_title{
margin-top: 0;
}
.ywgc-manual-amount-error {
font-size: 14px !important;
color: red;
float: left;
margin-top: 5px;
}
.ywgc-delivery-notification-checkbox-container{
text-align: left;
}
.ywgc-custom-picture .yith-plugin-fw-file{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
input#ywgc-upload-picture{
width: 100%;
height: 100%;
opacity: 0;
}
a.add-recipient {
float: right;
}
.ywgc-additional-recipient {
position: relative;
}
.ywgc-additional-recipient label {
margin-bottom: 15px;
}
#ywgc-delivery-notification-checkbox{
margin: 0;
}
.ywgc-recipient-sender-container .ywgc-recipient-name{
float: left;
width: 49%;
}
.ywgc-recipient-sender-container .ywgc-sender-name{
float: right;
width: 49%;
}
.yith-plugin-fw-file__message .yith-plugin-fw-file__suggested_size {
display: none;
}
.gift-cards_form .gift_card_template_button{
margin-top: 3em;
}  @media only screen and (max-width: 992px) {
.ywgc-recipient-name, .ywgc-sender-name, .ywgc-recipient-email, .ywgc-postdated {
width: 100%;
}
.gift-cards-list .ywgc-amount-buttons{
width: 25%;
max-width: 30%;
border: 1px solid var(--yith-ywgc-border-color);
border-radius: 0 !important;
}
input#ywgc-manual-amount::placeholder{
font-size: 14px;
opacity: 1;
}
div.product.virtual.product-type-gift-card .woocommerce-product-gallery {
margin-bottom: 2em;
}
.gift-cards_form .gift-card-content-editor.step-content input#ywgc-delivery-date {
margin-bottom: 2em;
}
}