.villatheme-show-message-container {
position: fixed;
left: 0;
bottom: 100px;
max-height: calc(100% - 150px);
line-height: 1.5;
font-family: Helvetica;
z-index: 999999;
box-sizing: border-box;
font-size: 14px;
}
.villatheme-show-message-container a {
cursor: pointer;
font-weight: bold;
text-decoration: none;
}
.villatheme-show-message-container .villatheme-show-message-item {
min-width: 300px;
max-width: 450px;
width: auto;
color: #fff;
margin: 10px;
transition: margin 600ms ease;
position: relative;
border-radius: 3px;
}
.villatheme-show-message-container .villatheme-show-message-item .woocommerce-message * {
color: #fff;
}
.villatheme-show-message-container .villatheme-show-message-item.villatheme-show-message-message-error .villatheme-show-message-title {
background: #ff4747;
padding: 20px 25px !important;
}
.villatheme-show-message-container .villatheme-show-message-item.villatheme-show-message-message-success .villatheme-show-message-title {
background: #61c369;
}
.villatheme-show-message-container .villatheme-show-message-item.villatheme-show-message-new-added-item {
margin-left: -350px;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-item-close {
position: absolute;
overflow: hidden;
line-height: 1;
vertical-align: middle;
cursor: pointer;
transition: background 300ms;
top: 0;
right: -30px;
font-weight: 100;
color: #645f5f;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-item-close:hover {
color: #d35656;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-title {
background: #008cc3;
color: #ffffff;
padding: 20px 25px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-title:not(.villatheme-show-message-title1) {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-title.villatheme-show-message-title-central {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
text-transform: uppercase;
font-size: 16px;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-content {
overflow: hidden;
color: #000000;
padding: 10px 25px !important;
line-height: 1.5;
background: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid rgba(1, 1, 1, 0.1);
border-top: 0;
}
.villatheme-show-message-container .villatheme-show-message-item .villatheme-show-message-content a {
color: #000;
}html.with-featherlight { overflow: hidden;
}
.featherlight {
display: none; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;  text-align: center; white-space: nowrap; cursor: pointer;
background: #333; background: rgba(0, 0, 0, 0);
} .featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.featherlight:before { content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.featherlight .featherlight-content { position: relative; text-align: left;
vertical-align: middle;
display: inline-block; overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent; margin-left: 5%;
margin-right: 5%;
max-height: 95%; background: #fff;
cursor: auto; white-space: normal;
} .featherlight .featherlight-inner { display: block;
} .featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
display: none;
}
.featherlight .featherlight-close-icon { position: absolute;
z-index: 9999;
top: 0;
right: 0; line-height: 25px;
width: 25px; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;
} .featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0;
}
.featherlight .featherlight-image { width: 100%;
}
.featherlight-iframe .featherlight-content { border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.featherlight iframe { border: none;
}
.featherlight * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} @media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
} @media print {
html.with-featherlight > * > :not(.featherlight) {
display: none;
}
}@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes wpccl-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpccl-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpccl-btn-wrapper {
text-align: left;
}
.wpccl-btn-wrapper .wpccl-btn {
padding-left: 25px;
background-image: url(//www.seamein3d.com/wp-content/plugins/wpc-coupon-listing/assets/images/coupon.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
}
.wpccl-lightbox {
display: none;
}
.wpccl-featherlight .featherlight-content {
width: 90%;
max-width: 500px;
padding: 20px;
border-bottom: 0;
}
.wpccl-featherlight .featherlight-close {
outline: none;
}
.wpccl-heading {
font-weight: 700;
color: #222222;
text-align: center;
margin-bottom: 15px;
}
.wpccl-coupons .wpccl-coupon {
background-color: #f8f8f8;
color: #666;
width: 100%;
padding: 10px 15px;
margin-bottom: 15px;
border: 1px solid #f8f8f8;
}
.wpccl-coupons .wpccl-coupon:not(.wpccl-coupon-plain) {
cursor: pointer;
}
.wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-value {
font-weight: 600;
color: #000;
line-height: 1.2;
}
.wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap {
display: flex;
width: 100%;
align-items: center;
}
.wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-code {
border: 1px dashed #9d9d9d;
background-color: #f1f1f1;
padding: 5px 10px;
margin: 5px 10px 5px 0;
letter-spacing: 1px;
color: #000000;
line-height: 1.4;
font-size: 18px;
}
.wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-more {
font-size: 14px;
line-height: 1.2;
}
.wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-more .wpccl-coupon-expiry span {
color: #ff6600;
}
.wpccl-coupons .wpccl-coupon:hover {
border-color: #222222;
}
.wpccl-coupons .wpccl-coupon:hover .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-code {
border-color: #222222;
}
.wpccl-coupons .wpccl-coupon.wpccl-coupon-applied {
position: relative;
cursor: unset;
}
.wpccl-coupons .wpccl-coupon.wpccl-coupon-applied .wpccl-coupon-applied-txt {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
line-height: 1;
padding: 4px 6px;
background-color: #222222;
color: #ffffff;
}
.wpccl-coupons .wpccl-coupon:last-child {
margin-bottom: 0;
}
.wpccl-coupons .wpccl-coupon.wpccl-coupon-loading {
position: relative;
}
.wpccl-coupons .wpccl-coupon.wpccl-coupon-loading:before {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.seamein3d.com/wp-content/plugins/wpc-coupon-listing/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpccl-spinner 1s linear infinite;
-moz-animation: wpccl-spinner 1s linear infinite;
-ms-animation: wpccl-spinner 1s linear infinite;
-o-animation: wpccl-spinner 1s linear infinite;
animation: wpccl-spinner 1s linear infinite;
}
.wpccl-coupons .wpccl-coupon.wpccl-coupon-loading .wpccl-coupon-info {
opacity: 0.5;
}
.wpccl-coupons .wpccl-empty {
padding: 20px 0;
text-align: center;
}
.wpccl-coupons.wpccl-coupons-loading {
position: relative;
min-height: 120px;
}
.wpccl-coupons.wpccl-coupons-loading:before {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.seamein3d.com/wp-content/plugins/wpc-coupon-listing/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpccl-spinner 1s linear infinite;
-moz-animation: wpccl-spinner 1s linear infinite;
-ms-animation: wpccl-spinner 1s linear infinite;
-o-animation: wpccl-spinner 1s linear infinite;
animation: wpccl-spinner 1s linear infinite;
}
.wpccl-coupons.wpccl-coupons-loading .wpccl-coupon {
opacity: 0.5;
pointer-events: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
display: flex;
}
.woocommerce-form-coupon-toggle .wpccl-btn-wrapper {
flex-grow: 1;
text-align: right;
}