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: 50%;
max-width: 95%;
max-height: 70%;
padding: 20px 5px;
overflow: scroll;
}
.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;
}
}.product-type-gift-card .woocommerce-product-gallery__wrapper {
box-shadow: 0 0 19px -12px gray;
}
.ywgc-main-form-preview-container {
height: auto;
padding: 1em 1em 1em 1em;
box-shadow: 0 10px 19px -12px;
}
.product-type-gift-card .woocommerce-product-gallery__image {
padding: 1em;
}
.gift-cards-list button {
border-radius: unset;
background-color: white;
color: #404040;
vertical-align: top;
}
.ywgc-amount-buttons {
margin-bottom: 1em;
}
.ywgc-manual-amount-container {
border: 1px solid #448a85;
display: inline-flex;
height: 51.3333px;
}
#ywgc-manual-amount {
width: 7em;
min-width: unset;
border: none;
border-radius: unset;
}
.ywgc-single-recipient .ywgc-recipient-name {
margin-bottom: 15px;
}
.ywgc-single-recipient { position: relative;
}
.gift-card-content-editor.step-content label {
display: inline-block; font-weight: 400;
text-align: center;
vertical-align: middle;
line-height: 46px;
}
.gift-card-content-editor.step-content textarea {
float: right;
width: 70%;
}
.ywgc-postdated {
position: relative;
}
.gift-card-content-editor.step-content input {
float: right;
width: 70%;
}
.ywgc-sender-name {
margin-bottom: 15px;
}
.ywgc-choose-image.ywgc-choose-template {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border: unset;
border-radius: unset;
line-height: unset;
overflow: hidden;
padding: unset;
font-size: 16px;
color: white;
}
.ywgc-form-preview-separator {
width: 40px;
height: 7px;
margin-top: 10px;
}
.gift-card-content-editor.step-content textarea#ywgc-edit-message {
resize: vertical;
}
.ywgc-manual-amount-error {
font-size: smaller;
color: red;
}
.ywgc-delivery-notification-checkbox-container{
text-align: right;
}
a.add-recipient {
display: block;
float: right;
margin-top: 5px;
}
.ywgc-additional-recipient {
position: relative;
margin-top: 35px;
}
.ywgc-additional-recipient label {
margin-bottom: 15px;
}
a.ywgc-remove-recipient{
top: 0;
}.ywsl-social {
text-decoration: none;
display: inline-block;
margin-right: 2px;
margin-bottom: 5px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
}
.ywsl-box {
display: none;
} td.sl-provider {
text-align: center; }
td.sl-username {
text-align: left; }
td.sl-unlink {
text-align: right; }
.sl-username span {
margin-right: 10px;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
}
.sl-unlink form {
margin: 0;
float: right;
}
.my_account_social td {
border: 0;
vertical-align: middle;
}
.my_account_social .social_unlink .button {
text-transform: none;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}