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;
}
}html.yith-ywgc-gift-this-product-modal-opened,
body.yith-ywgc-gift-this-product-modal-opened {
overflow: hidden;
}
@media ( min-width: 480px) {
#yith-ywgc-gift-this-product-modal-container .yith-ywgc-gift-this-product-modal {
min-width: 320px;
}
}
#yith-ywgc-gift-this-product-modal-container{
z-index: 10000;
}
.yith-ywgc-gift-this-product-modal-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-gift-this-product-modal-wrapper {
display: none;
}
.yith-ywgc-gift-this-product-modal-wrapper .woocommerce-product-gallery {
opacity: unset !important;
}
.yith-ywgc-gift-this-product-modal-inner{
padding-bottom: 2em;
}
.yith-ywgc-gift-this-product-modal-opened .yith-ywgc-gift-this-product-modal-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 50%;
min-height: 70%;
max-width: 70%;
max-height: 90%;
background: rgba(255, 255, 255, 1);
z-index: 120;
border-radius: 18px;
display: block;
overflow: auto;
margin: 1% 0;
}
#yith-ywgc-gift-this-product-modal-container .yith-ywgc-gift-this-product-modal-close {
position: fixed;
right: 20px;
top: 10px;
width: 12px;
height: 12px;
line-height: 15px;
cursor: pointer;
text-align: center;
}
#yith-ywgc-gift-this-product-modal-container .yith-ywgc-gift-this-product-modal-close:after {
content: '×';
display: block;
color: inherit;
font-size: 1.5rem;
line-height: 12px;
opacity: 0.5;
transition: all ease 0.2s;
}
#yith-ywgc-gift-this-product-modal-container .yith-ywgc-gift-this-product-modal-close:hover:after {
opacity: 1;
}
.yith-ywgc-gift-this-product-modal-content-wrapper {
margin-top: -25px;
}
.yith-ywgc-gift-this-product-modal-wrapper-region {
height: 100%;
width: 90%;
margin-left: 5%;
padding: 1em 0;
}
.yith-ywgc-gift-this-product-modal-wrapper-region::-webkit-scrollbar-track { border-radius: 10px;
background-color: #ebebeb;
}
.yith-ywgc-gift-this-product-modal-wrapper-region::-webkit-scrollbar {
width: 10px;
background-color: #ebebeb;
border-radius: 10px;
}
.yith-ywgc-gift-this-product-modal-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-gift-this-product-modal-content-wrapper .gift-cards-list, .yith-ywgc-gift-this-product-modal-content-wrapper.yith-ywgc-gift-this-product-modal-content-wrapper .product_title, .yith-ywgc-gift-this-product-modal-content-wrapper a#add_recipient {
display: none;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .woocommerce-product-gallery{
opacity: unset !important;
width: 45%;
margin-top: 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .summary.entry-summary{
width: 55%;
padding-left: 5%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .summary.entry-summary form.gift-cards_form.cart{
margin: unset;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .single-product-layout-cols{
margin-bottom: 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .woocommerce-product-gallery__wrapper {
margin-bottom: 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-custom-picture p.ywgc-custom-upload-label{
font-size: 9px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-preset-image.ywgc-custom-picture .ywgc_upload_plus_icon{
width: 50px;
}    .yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-choose-image.ywgc-choose-template{
font-size: 11px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper #ywgc-delivery-notification-checkbox{
width: unset;
height: unset;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form .gift-card-content-editor.step-content input{
height: unset;
margin: 1em 0 1em 0 !important;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form .gift-card-content-editor.step-content textarea{
margin: 1em 0 1em 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gift-this-product-modal-title{
text-align: center;
font-size: 22px;
margin: 2em 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-include-shipping-container #ywgc-include-shipping-checkbox{
width: unset;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-include-shipping-container label{
font-size: 11px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container{
background-color: var(--yith-ywgc-bg-color);
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container .ywgc-product-suggested .ywgc-product-image img{
width: 100px;
height: 100px;
border-radius: unset;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .virtual.product-type-gift-card .ywgc-main-form-preview-container {
padding: 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-main-form-preview-container .ywgc-gifted-product-container {
padding: 2em 2em;
font-size: 14px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-main-form-preview-container .ywgc-form-preview-from-to-container,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-main-form-preview-container .ywgc-form-preview-message-container {
margin: 1em 2em 2em 2em;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-main-form-preview-container .ywgc-form-preview-title-container, .yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-main-form-preview-container hr{
margin: 1em 2em 0 2em;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container{
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
font-weight: bold;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container .ywgc-product-suggested{
display: flex;
margin-top: 1em;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container .ywgc-product-suggested .ywgc-product-info{
margin-left: 1em;
font-weight: normal;
margin-top: 25px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-gifted-product-container .ywgc-product-suggested .ywgc-product-info p{
margin: unset;
}
.ywgc-form-preview-amount p{
display: inline;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-form-preview-message{
word-wrap: break-word;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-form-preview-message{
word-wrap: break-word;
}
.ywgc-include-shipping-container{
font-size: 11px;
float: right;
width: 100%;
font-weight: 300;
padding-top: 5px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form > h3{
margin-top: 0;
font-size: 16px;
}
.woocommerce #page ~ .product_meta, .woocommerce #page ~ .woocommerce-tabs{
display: none !important;
}
.ywgc-form-preview-amount del, .ywgc-gifted-product-container .ywgc-product-price del {
display: none;
}
.ywgc-form-preview-amount ins, .ywgc-gifted-product-container .ywgc-product-price ins {
background: unset;
}
.yith-ywgc-gift-this-product-modal-content-wrapper input, .ywgc-label-above-input label{
font-size: 15px;
}  @media only screen and (max-width: 600px) {
.yith-ywgc-gift-this-product-modal-opened .yith-ywgc-gift-this-product-modal-wrapper {
min-width: 95%;
min-height: 70%;
max-width: 70%;
max-height: 90%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .woocommerce-product-gallery {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .summary.entry-summary {
width: 100%;
padding-left: 0;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-sender-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-email,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-postdated {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form h3.ywgc_choose_design_title {
margin-top: 20px;
}
} @media only screen and (min-width: 600px) and (max-width: 1200px)  {
.yith-ywgc-gift-this-product-modal-opened .yith-ywgc-gift-this-product-modal-wrapper {
min-width: 70%;
min-height: 70%;
max-width: 70%;
max-height: 90%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .woocommerce-product-gallery {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .single-product div.product .summary.entry-summary {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-sender-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-email,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-postdated {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form h3.ywgc_choose_design_title {
margin-top: 20px;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-delivery-date::placeholder{
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px)  {
.yith-ywgc-gift-this-product-modal-opened .yith-ywgc-gift-this-product-modal-wrapper {
min-width: 70%;
min-height: 70%;
max-width: 70%;
max-height: 90%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-sender-name,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-recipient-email,
.yith-ywgc-gift-this-product-modal-content-wrapper .ywgc-postdated {
width: 100%;
}
.yith-ywgc-gift-this-product-modal-content-wrapper .gift-cards_form h3.ywgc_choose_design_title {
margin-top: 20px;
}
}
.ywgc-include-fixed-shipping-container{
font-size: 15px;
}
.yith-ywgc-gift-this-product-modal-wrapper .woocommerce-tabs, .yith-ywgc-gift-this-product-modal-wrapper .related {
display: none;
}.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;
}.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}@font-face {
font-family: 'added-to-cart-popup-woocommerce';
src:  url(//gramgram.fr/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/fonts/added-to-cart-popup-woocommerce.eot?7r0p13);
src:  url(//gramgram.fr/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/fonts/added-to-cart-popup-woocommerce.eot?7r0p13#iefix) format('embedded-opentype'),
url(//gramgram.fr/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/fonts/added-to-cart-popup-woocommerce.ttf?7r0p13) format('truetype'),
url(//gramgram.fr/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/fonts/added-to-cart-popup-woocommerce.woff?7r0p13) format('woff'),
url(//gramgram.fr/wp-content/plugins/added-to-cart-popup-woocommerce/assets/css/fonts/added-to-cart-popup-woocommerce.svg?7r0p13#added-to-cart-popup-woocommerce) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="xoo-cp-icon-"], [class*=" xoo-cp-icon-"] { font-family: 'added-to-cart-popup-woocommerce' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoo-cp-icon-spinner:before {
content: "\e97b";
}
.xoo-cp-icon-cross:before {
content: "\ea0d";
}
.xoo-cp-icon-check:before {
content: "\ea10";
} .xoo-cp-opac {
z-index: 99998;
background-color: black;
opacity: 0.6;
position: fixed;
display: none;
}
.xoo-cp-opac,.xoo-cp-modal , .xoo-cp-cont-opac{
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.xoo-cp-modal {
position: fixed;
text-align: center;
z-index: 99998;
overflow: auto;
opacity: 0;
visibility: hidden;
transform: scale(0.7);
}
.xoo-cp-active{
transition: visibility 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.xoo-cp-cont-opac{
z-index: 1;
background-color: white;
opacity: 0.5;
position: absolute;
}
.xoo-cp-modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.xoo-cp-container {
display: inline-block;
max-width: 650px;
border: #a0a0a0 solid 1px;
background: #fff;
position: relative;
vertical-align: middle;
width: 90%;
text-align: left;
box-shadow: 0 0 10px rgba(0,0,0,.4);
border-radius: 5px;
padding: 15px;
}
span.xoo-cp-close {
font-size: 29px;
position: absolute;
right: -13px;
top: -11px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
}
.xoo-cp-success, .xoo-cp-error {
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
display: block;
text-align: left;
}
.xoo-cp-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
margin-top: 10px;
}
.xoo-cp-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.xoo-cp-atcn{
overflow: auto;
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
display: block;
text-align: left;
margin-bottom: 15px;
}
.xoo-cp-atcn .xoo-cp-icon-check{
margin-right: 5px;
}
.xoo-cp-btns{
margin: 0 auto;
clear: both;
text-align: center;
}
a.xcp-btn{
width: 30%;
text-transform: uppercase;
text-align: center;
cursor: pointer;
padding: 8px 0;
display: inline-block;
margin-right: 5px;
}
@keyframes xoo-cp-spin {
100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
.xoo-cp-icon-spinner{
animation: xoo-cp-spin 575ms infinite linear;
display: inline-block;
}
td.xoo-cp-ptitle a{
font-weight: 600;
font-size: 18px;
}
td.xoo-cp-pimg{
width: 20%;
}
.xoo-cp-pdetails{
width: 100%;
display: block;
overflow: auto;
}
td.xoo-cp-pprice{
font-size: 20px;
margin: 15px 0;
width: 15%;
}
td.xoo-cp-pqty{
min-width: 90px;
}
.xoo-cp-pdetails td.xoo-cp-remove{
width: 5%;
font-size: 20px;
}
.xoo-cp-pdetails td{
vertical-align: middle;
text-align: center;
}
.xoo-cp-pdetails td.xoo-cp-ptitle{
text-align: left;
}
.xoo-cp-ptotal{
display: table;
float: right;
margin-right: 25px;
font-size: 18px;
padding: 10px 0;
border-top: 1px solid #e5e5e5;
}
.xcp-ptotal{
font-size: 23px;
}
td.xoo-cp-remove .xoo-cp-remove-pd{
font-size: 20px;
color: #ea0a0a;
cursor: pointer;
}
td.xoo-cp-ptitle{
width: 45%;
padding-left: 5px;
}
.xoo-cp-preloader{
position: fixed;
top: 47%;
left: 47%;
transform: translate(-50%,-50%);
z-index: 2;
animation: xoo-cp-spin 575ms infinite linear;
font-size: 45px;
}
@keyframes xoo-cp-spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
@-ms-keyframes xoo-cp-spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes xoo-cp-spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes xoo-cp-spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
.xoo-cp-outer{
display: none;
}
.xoo-cp-variations{
font-size: 13px;
}
.xoo-cp-variations .variation {
overflow: auto;
margin-top: 5px;
}
.xoo-cp-variations .variation dt{
margin: 0 5px 0 0;
float: left;
}
.xoo-cp-variations .variation dd{
margin: 0 10px 0 0;
float: left;
} @media only screen and (max-width: 500px) {
a.xcp-btn{
width: 80%;
margin: 5px 0;
}
span.xcp-ptotal , .xoo-cp-ptotal{
font-size: 15px;
}
td.xoo-cp-pimg{
display: none;
}
td.xoo-cp-ptitle a , td.xoo-cp-pprice{
font-size: 14px;
}
}
span.xcp-minus {
border-right-width: 1px;
border-right-style: solid;
}
span.xcp-plus {
border-left-width: 1px;
border-left-style: solid;
}
span.xcp-plus, span.xcp-minus {
display: inline-block;
text-align: center;
cursor: pointer;
float: left;
width: 21px;
}
input[type=number].xoo-cp-qty{
border: 0!important;
text-align: center;
display: inline-block;
height: 100%;
line-height: 100%;
padding: 0;
max-width: 50px;
margin: 0;
}
input.xoo-cp-qty::-webkit-outer-spin-button,
input.xoo-cp-qty::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
.xoo-cp-qtybox{
border-width: 1px;
border-style: solid;
position: relative;
display: inline-block;
font-weight: 700;
height: 37px;
line-height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.xoo-cp-added,.xoo-cp-adding{
margin-left: 5px;
}
.xoo-cp-notice-box{
left: 0;
right: 0;
bottom: 50px;
position: fixed;
z-index: 100000;
}
.xoo-cp-notice-box > div{
display: table;
margin: 0 auto;
background-color: #333;
padding: 10px 20px;
color: white;
font-weight: 500;
font-size: 15px;
}
.xoo-cp-notice ul.woocommerce-error a.button{
display: none;
}
.xoo-cp-notice ul.woocommerce-error{
margin: 0;
}
.xoo-cp-variations .variation:last-of-type {
display: none;
}
.xoo-cp-variations .variation:first-of-type {
display: block;
}