@charset "UTF-8";
@charset "UTF-8";
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
margin-bottom: 0px !important;
}@font-face{font-family:loyalty;src:url(//livrariatanamao.com.br/wp-content/plugins/wployalty/Assets/Site/Css/fonts/loyalty.eot?16cf3);src:url(//livrariatanamao.com.br/wp-content/plugins/wployalty/Assets/Site/Css/fonts/loyalty.eot?16cf3#iefix) format('embedded-opentype'),url(//livrariatanamao.com.br/wp-content/plugins/wployalty/Assets/Site/Css/fonts/loyalty.ttf?16cf3) format('truetype'),url(//livrariatanamao.com.br/wp-content/plugins/wployalty/Assets/Site/Css/fonts/loyalty.woff?16cf3) format('woff'),url(//livrariatanamao.com.br/wp-content/plugins/wployalty/Assets/Site/Css/fonts/loyalty.svg?16cf3#loyalty) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" wlrf-"],[class^=wlrf-]{font-family:loyalty!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wlrf-more-ways-to-reward:before{content:"\e977"}.wlrf-advanced-reward:before{content:"\e978"}.wlrf-rules-and-flexibility:before{content:"\e979"}.wlrf-vip-tiers:before{content:"\e97a"}.wlrf-Feature-supp:before{content:"\e97d"}.wlrf-facebook_share:before{content:"\e96d"}.wlrf-empty-addon:before{content:"\e96c";color:#4f47eb}.wlrf-recommendation:before{content:"\e962"}.wlrf-reward-empty-hand:before{content:"\e93b"}.wlrf-used-expired-coupons:before{content:"\e954"}.wlrf-coupon-empty:before{content:"\e9a0"}.wlrf-progress-donut:before{content:"\e93a"}.wlrf-used-rewards:before{content:"\e938"}.wlrf-clock:before{content:"\e936"}.wlrf-arrow-up:before{content:"\e937"}.wlrf-default-level:before{content:"\e905"}.wlrf-redeem:before{content:"\e963"}.wlrf-data-not-found:before{content:"\e972";color:#7a818f}.wlrf-empty .path1:before{content:"\e96e";color:#7a818f;opacity:.2}.wlrf-empty .path2:before{content:"\e970";margin-left:-1em;color:#7a818f}.wlrf-empty .path3:before{content:"\e971";margin-left:-1em;color:#7a818f}.wlrf-start-points:before{content:"\e932"}.wlrf-calendar-date:before{content:"\e933"}.wlrf-reward-show:before{content:"\e934"}.wlrf-followup:before{content:"\e935"}.wlrf-wployalty_logo:before{content:"\e973";color:#9594a8}.wlrf-document_text:before{content:"\e9cb";color:#535863}.wlrf-rocket:before{content:"\e9cc";color:#535863}.wlrf-grammerly:before{content:"\e9cd";color:#535863}.wlrf-coin:before{content:"\e9ce";color:#535863}.wlrf-close2:before{content:"\e9cf";color:#535863}.wlrf-redeem-points:before{content:"\e904"}.wlrf-achievement:before{content:"\e906"}.wlrf-lock:before{content:"\e907"}.wlrf-available-points:before{content:"\e903"}.wlrf-points_conversion:before{content:"\e9b6"}.wlrf-percent:before{content:"\e9b7"}.wlrf-free_shipping:before{content:"\e9b8"}.wlrf-free_product:before{content:"\e9b9"}.wlrf-fixed_cart:before{content:"\e9ba"}.wlrf-product_review:before{content:"\e9bb"}.wlrf-whatsapp_share:before{content:"\e9bc"}.wlrf-twitter_share:before{content:"\e9bd"}.wlrf-signup:before{content:"\e9be"}.wlrf-subtotal:before{content:"\e9bf"}.wlrf-referral:before{content:"\e9c0"}.wlrf-point_for_purchase:before{content:"\e9c1"}.wlrf-purchase_histories:before{content:"\e9c2"}.wlrf-followup_share:before{content:"\e9c3"}.wlrf-email_share:before{content:"\e9c5"}.wlrf-birthday:before{content:"\e9c6"}.wlrf-Point-for-Purchase:before{content:"\e9b4"}.wlrf-fixed-discount:before{content:"\e96f"}.wlrf-birthday2:before{content:"\e98a"}.wlrf-signup2:before{content:"\e98b"}.wlrf-spending-based-reward:before{content:"\e98c"}.wlrf-follow-ups:before{content:"\e98d"}.wlrf-referral2:before{content:"\e98e"}.wlrf-whatsapp:before{content:"\e961"}.wlrf-twitter:before{content:"\e964"}.wlrf-spending_based_reward .path1:before{content:"\e965";color:#161f31}.wlrf-spending_based_reward .path2:before{content:"\e966";margin-left:-1em;color:#6f38c5}.wlrf-spending_based_reward .path3:before{content:"\e967";margin-left:-1em;color:#161f31}.wlrf-signup1 .path1:before{content:"\e968";color:#161f31}.wlrf-signup1 .path2:before{content:"\e969";margin-left:-1em;color:#161f31}.wlrf-signup1 .path3:before{content:"\e96a";margin-left:-1em;color:#6f38c5}.wlrf-review:before{content:"\e96b"}.wlrf-point-for-purchase:before{content:"\e974"}.wlrf-point-conversion:before{content:"\e976"}.wlrf-percentage-discount:before{content:"\e97c"}.wlrf-order-goals:before{content:"\e980"}.wlrf-instagram:before{content:"\e982"}.wlrf-free-shipping:before{content:"\e984"}.wlrf-free-product:before{content:"\e986"}.wlrf-email:before{content:"\e993"}.wlrf-earn:before{content:"\e995"}.wlrf-close1:before{content:"\e9b2";color:#fff}.wlrf-birthday1 .path1:before{content:"\e999";color:#161f31}.wlrf-birthday1 .path2:before{content:"\e99a";margin-left:-1em;color:#6f38c5}.wlrf-birthday1 .path3:before{content:"\e99b";margin-left:-1em;color:#6f38c5}.wlrf-birthday1 .path4:before{content:"\e99c";margin-left:-1em;color:#6f38c5}.wlrf-birthday1 .path5:before{content:"\e99d";margin-left:-1em;color:#6f38c5}.wlrf-info_circle:before{content:"\e99f"}.wlrf-trophy:before{content:"\e9a4"}.wlrf-star:before{content:"\e9a5"}.wlrf-loyalty:before{content:"\e9a6"}.wlrf-gift:before{content:"\e9a7"}.wlrf-crown:before{content:"\e9a8"}.wlrf-badge:before{content:"\e9a9"}.wlrf-tick_circle:before{content:"\e9aa"}.wlrf-tick_circle_2:before{content:"\e9ab"}.wlrf-refresh_2:before{content:"\e9ac"}.wlrf-arrow_right:before{content:"\e9ad"}.wlrf-arrow_left:before{content:"\e9ae"}.wlrf-Ellipse-radio-1:before{content:"\e98f";color:#4f47eb}.wlrf-video-link:before{content:"\e931"}.wlrf-point:before{content:"\e908"}.wlrf-placement:before{content:"\e998"}.wlrf-logo:before{content:"\e99e"}.wlrf-color:before{content:"\e9af"}.wlrf-brand:before{content:"\e9b0"}.wlrf-image-upload:before{content:"\e9b1";color:#7a818f}.wlrf-referral_link:before{content:"\e939";color:#4f47eb}.wlrf-points_star:before{content:"\e957";color:#4f47eb}.wlrf-used_reward:before{content:"\e95d";color:#535863}.wlrf-redeem_point:before{content:"\e95e";color:#535863}.wlrf-available_point:before{content:"\e95f";color:#535863}.wlrf-round:before{content:"\e953";color:#4f47eb}.wlrf-image:before{content:"\e951"}.wlrf-points_round:before{content:"\e959";color:#4f47eb}.wlrf-support:before{content:"\e958";color:#4f47eb}.wlrf-referrals_round:before{content:"\e960";color:#4f47eb}.wlrf-help-docs:before{content:"\e952";color:#4f47eb}.wlrf-document-download:before{content:"\e94e"}.wlrf-arrow-down:before{content:"\e950"}.wlrf-customer-empty:before{content:"\e949";color:#4f47eb}.wlrf-level-empty:before{content:"\e94a";color:#4f47eb}.wlrf-reward-empty:before{content:"\e94b";color:#4f47eb}.wlrf-dashboard-empty:before{content:"\e94c";color:#4f47eb}.wlrf-campaign-empty:before{content:"\e94d";color:#4f47eb}.wlrf-file:before{content:"\e94f";color:#535863}.wlrf-deactivate:before{content:"\e955";color:#535863}.wlrf-activate:before{content:"\e956";color:#4f47eb}.wlrf-updown:before{content:"\e91f";color:#535863}.wlrf-toggle-off-circle:before{content:"\e914";color:#535863}.wlrf-radio-on:before{content:"\e946";color:#4f47eb}.wlrf-radio-off:before{content:"\e947";color:#535863}.wlrf-toggle-on-circle:before{content:"\e948";color:#4f47eb}.wlrf-refresh:before{content:"\e928"}.wlrf-verify:before{content:"\e929"}.wlrf-add-level:before{content:"\e93f"}.wlrf-add-app:before{content:"\e941"}.wlrf-rewards-used:before{content:"\e942"}.wlrf-rewards-earned:before{content:"\e943"}.wlrf-revenue:before{content:"\e944"}.wlrf-points-earned:before{content:"\e945"}.wlrf-settings:before{content:"\e909"}.wlrf-rewards:before{content:"\e90b"}.wlrf-dashboard:before{content:"\e920"}.wlrf-customers:before{content:"\e92d"}.wlrf-campaigns:before{content:"\e92e"}.wlrf-apps:before{content:"\e92f"}.wlrf-levels:before{content:"\e930"}.wlrf-add:before{content:"\e902"}.wlrf-add-circle:before{content:"\e90a"}.wlrf-back:before{content:"\e90c"}.wlrf-calendar:before{content:"\e90d"}.wlrf-campaign-create:before{content:"\e90e"}.wlrf-close:before{content:"\e90f"}.wlrf-close-circle:before{content:"\e910"}.wlrf-copy:before{content:"\e911"}.wlrf-currency:before{content:"\e912"}.wlrf-customer:before{content:"\e913"}.wlrf-delete:before{content:"\e915"}.wlrf-down:before{content:"\e917"}.wlrf-edit:before{content:"\e918"}.wlrf-edit-3:before{content:"\e919"}.wlrf-error:before{content:"\e91a"}.wlrf-export:before{content:"\e91b"}.wlrf-filter:before{content:"\e91c"}.wlrf-import:before{content:"\e91d"}.wlrf-link-external:before{content:"\e91e"}.wlrf-reset:before{content:"\e921"}.wlrf-save:before{content:"\e922"}.wlrf-save-close:before{content:"\e923"}.wlrf-search:before{content:"\e924"}.wlrf-tick:before{content:"\e925"}.wlrf-view:before{content:"\e927"}.wlrf-reward:before{content:"\e900";color:#4f47eb}.wlrf-campaign:before{content:"\e901";color:#4f47eb}.wlrf-not-checked:before{content:"\e916";color:#535863}.wlrf-checked:before{content:"\e926";color:#535863}.wlrf-points:before{content:"\e92a";color:#4f47eb}.wlrf-order-value:before{content:"\e92b";color:#4f47eb}.wlrf-orders:before{content:"\e92c";color:#4f47eb}.wlrf-redeemed:before{content:"\e93c";color:#4f47eb}.wlrf-point-old:before{content:"\e93d";color:#4f47eb}.wlrf-success:before{content:"\e93e";color:#535863}.wlrf-coupon:before{content:"\e940";color:#4f47eb}.wlrf-upgrade-to-pro:before{content:"\e975"}.wlrf-spinner:before{content:"\e97b"}.wlrf-sort-asc:before{content:"\e95a"}.wlrf-sort-desc:before{content:"\e95b"}.wlrf-sort:before{content:"\e95c"}#wll-site-launcher {  }
#wll-site-launcher * {
padding: 0;
margin: 0;
box-sizing: border-box;
}
#wll-site-launcher .wll-border-none {
border-style: none;
}
#wll-site-launcher .input-error {
border: 2px solid rgb(233, 100, 100) !important;
border-radius: 4px;
background-color: rgba(254, 244, 244, 0.35686);
}
#wll-site-launcher .focus\:border-opacity-100:focus {
--tw-border-opacity: 1 !important;
}
#wll-site-launcher .focus\:border-1:focus {
border-width: 1px !important;
}
#wll-site-launcher .wll-fixed {
position: fixed;
}
#wll-site-launcher .wll-absolute {
position: absolute;
}
#wll-site-launcher .wll-sticky {
position: sticky;
}
#wll-site-launcher .wll-relative {
position: relative;
}
#wll-site-launcher .right-0 {
right: 0px;
}
#wll-site-launcher .right-2 {
right: 8px;
}
#wll-site-launcher .-right-3 {
right: -12px;
}
#wll-site-launcher .bottom-1\.5 {
bottom: 6px;
}
#wll-site-launcher .bottom-1 {
bottom: 4px;
}
#wll-site-launcher .left-0 {
left: 0px;
}
#wll-site-launcher .top-0 {
top: 0px;
}
#wll-site-launcher .top-2 {
top: 8px;
}
#wll-site-launcher .bottom-0 {
bottom: 0px;
}
#wll-site-launcher .top-9 {
top: 36px;
}
#wll-site-launcher .z-10 {
z-index: 10;
}
#wll-site-launcher .mt-1\.5 {
margin-top: 6px;
}
#wll-site-launcher .mt-1 {
margin-top: 4px;
}
#wll-site-launcher .wll-flex {
display: flex;
}
#wll-site-launcher .wll-hidden {
display: none;
}
#wll-site-launcher .contents {
display: contents;
}
#wll-site-launcher .h-10 {
height: 40px;
}
#wll-site-launcher .h-8 {
height: 32px;
}
#wll-site-launcher .h-full {
height: 100%;
}
#wll-site-launcher .h-11 {
height: 44px;
}
#wll-site-launcher .h-6 {
height: 24px;
}
#wll-site-launcher .h-max {
height: -moz-max-content;
height: max-content;
}
#wll-site-launcher .h-2 {
height: 8px;
}
#wll-site-launcher .h-\[35px\] {
height: 35px;
}
#wll-site-launcher .h-14 {
height: 56px;
}
#wll-site-launcher .h-5 {
height: 20px;
}
#wll-site-launcher .h-20 {
height: 80px;
}
#wll-site-launcher .h-4 {
height: 16px;
}
#wll-site-launcher .h-\[49vh\] {
height: 49vh;
}
#wll-site-launcher .h-\[92\%\] {
height: 92%;
}
#wll-site-launcher .h-7 {
height: 28px;
}
#wll-site-launcher .h-9 {
height: 36px;
}
#wll-site-launcher .h-11 {
height: 44px;
}
#wll-site-launcher .h-12 {
height: 48px;
}
#wll-site-launcher .h-\[38px\] {
height: 38px;
}
#wll-site-launcher .h-\[43vh\] {
height: 43vh;
}
#wll-site-launcher .h-\[70vh\] {
height: 70vh;
}
#wll-site-launcher .h-\[63vh\] {
height: 63vh;
}
#wll-site-launcher .max-h-\[49vh\] {
max-height: 49vh;
}
#wll-site-launcher .max-h-\[566px\] {
max-height: 566px;
}
#wll-site-launcher .h-\[566px\] {
height: 566px;
}
#wll-site-launcher .w-10 {
width: 40px;
}
#wll-site-launcher .w-max {
width: -moz-max-content;
width: max-content;
}
#wll-site-launcher .w-8 {
width: 32px;
}
#wll-site-launcher .w-9 {
width: 36px;
}
#wll-site-launcher .w-10 {
width: 40px;
}
#wll-site-launcher .w-full {
width: 100%;
}
#wll-site-launcher .w-12 {
width: 48px;
}
#wll-site-launcher .w-13 {
width: 52px;
}
#wll-site-launcher .w-6 {
width: 24px;
}
#wll-site-launcher .w-1\/2 {
width: 50%;
}
#wll-site-launcher .w-1\/3 {
width: 33.33%;
}
#wll-site-launcher .w-2\/3 {
width: 66.66%;
}
#wll-site-launcher .w-\[90\%\] {
width: 90%;
}
#wll-site-launcher .w-\[40\%\] {
width: 40%;
}
#wll-site-launcher .w-\[60\%\] {
width: 60%;
}
#wll-site-launcher .w-\[35px\] {
width: 35px;
}
#wll-site-launcher .w-\[300px\] {
width: 300px;
}
#wll-site-launcher .w-\[340px\] {
width: 340px;
}
#wll-site-launcher .w-5 {
width: 20px;
}
#wll-site-launcher .w-\[78\%\] {
width: 78%;
}
#wll-site-launcher .w-\[80\%\] {
width: 80%;
}
#wll-site-launcher .w-\[20\%\] {
width: 20%;
}
#wll-site-launcher .w-9 {
width: 36px;
}
#wll-site-launcher .w-4 {
width: 16px;
}
#wll-site-launcher .w-\[38px\] {
width: 38px;
}
#wll-site-launcher .min-w-max {
min-width: -moz-max-content;
min-width: max-content;
}
#wll-site-launcher .min-w-\[340px\] {
min-width: 340px;
}
#wll-site-launcher .min-w-\[300px\] {
min-width: 300px;
}
#wll-site-launcher .min-w-20 {
min-width: 80px !important;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes swing {
0% {
transform: rotate(0);
}
25% {
transform: translateY(5px);
}
50% {
transform: translateY(0);
}
60% {
transform: rotate(360deg);
}
}
#wll-site-launcher .animate-spin {
animation: spin 1s linear infinite;
}
#wll-site-launcher .animate-swing {
animation: swing 1s linear 2;
}
#wll-site-launcher .hover\:animate-spin:hover {
animation: spin 1s linear infinite;
}
#wll-site-launcher .hover\:animate-swing:hover {
animation: swing 1s linear 1;
}
#wll-site-launcher .group:hover .group-hover\:animate-swing {
animation: swing 1s linear 1;
}
#wll-site-launcher .cursor-pointer {
cursor: pointer;
}
#wll-site-launcher .cursor-not-allowed {
cursor: not-allowed;
}
#wll-site-launcher .wll-flex-col {
flex-direction: column;
}
#wll-site-launcher .items-center {
align-items: center;
}
#wll-site-launcher .items-end {
align-items: flex-end;
}
#wll-site-launcher .items-baseline {
align-items: baseline;
}
#wll-site-launcher .justify-start {
justify-content: flex-start;
}
#wll-site-launcher .justify-end {
justify-content: flex-end;
}
#wll-site-launcher .justify-center {
justify-content: center;
}
#wll-site-launcher .justify-between {
justify-content: space-between;
}
#wll-site-launcher .gap-3 {
gap: 12px;
}
#wll-site-launcher .wll-pl-2 {
padding-left: 10px;
}
#wll-site-launcher .gap-1 {
gap: 4px;
}
#wll-site-launcher .gap-y-2 {
row-gap: 8px;
}
#wll-site-launcher .gap-x-2 {
-moz-column-gap: 8px;
column-gap: 8px;
}
#wll-site-launcher .gap-x-4 {
-moz-column-gap: 16px;
column-gap: 16px;
}
#wll-site-launcher .gap-y-3 {
row-gap: 12px;
}
#wll-site-launcher .gap-y-4 {
row-gap: 16px;
}
#wll-site-launcher .gap-y-1\.5 {
row-gap: 6px;
}
#wll-site-launcher .gap-y-1 {
row-gap: 4px;
}
#wll-site-launcher .gap-x-1\.5 {
-moz-column-gap: 6px;
column-gap: 6px;
}
#wll-site-launcher .gap-x-1 {
-moz-column-gap: 4px;
column-gap: 4px;
}
#wll-site-launcher .gap-x-3 {
-moz-column-gap: 12px;
column-gap: 12px;
}
#wll-site-launcher .gap-y-2\.5 {
row-gap: 10px;
}
#wll-site-launcher .space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(8px * var(--tw-space-x-reverse));
margin-left: calc(8px * (1 - var(--tw-space-x-reverse)));
margin-left: calc(8px * (1 - var(--tw-space-x-reverse)));
}
#wll-site-launcher .space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(16px * (1 - var(--tw-space-y-reverse)));
margin-top: calc(16px * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(16px * var(--tw-space-y-reverse));
}
#wll-site-launcher .overflow-hidden {
overflow: hidden;
}
#wll-site-launcher .overflow-y-auto {
overflow-y: auto;
}
#wll-site-launcher .overflow-ellipsis {
text-overflow: ellipsis;
}
#wll-site-launcher .whitespace-nowrap {
white-space: nowrap;
}
#wll-site-launcher .rounded-md {
border-radius: 6px;
}
#wll-site-launcher .rounded-xl {
border-radius: 12px;
}
#wll-site-launcher .rounded-3xl {
border-radius: 1.5rem;
}
#wll-site-launcher .rounded-full {
border-radius: 9999px;
}
#wll-site-launcher .rounded-lg {
border-radius: 8px;
}
#wll-site-launcher .border {
border-width: 1px;
}
#wll-site-launcher .border-2 {
border-width: 2px;
}
#wll-site-launcher .border-b {
border-bottom-width: 1px;
}
#wll-site-launcher .border-b-2 {
border-bottom-width: 2px;
}
#wll-site-launcher .border-solid {
border-style: solid;
}
#wll-site-launcher .border-dashed {
border-style: dashed;
}
#wll-site-launcher .border-card_border {
--tw-border-opacity: 1;
border-color: rgba(218, 218, 231, var(--tw-border-opacity));
}
#wll-site-launcher .border-primary {
--tw-border-opacity: 1;
border-color: rgba(111, 56, 197, var(--tw-border-opacity));
}
#wll-site-launcher .border-blue_primary {
--tw-border-opacity: 1;
border-color: rgba(79, 71, 235, var(--tw-border-opacity));
}
#wll-site-launcher .border-light_border {
--tw-border-opacity: 1;
border-color: rgba(231, 231, 239, var(--tw-border-opacity));
}
#wll-site-launcher .border-l-2 {
border-left-width: 2px;
}
#wll-site-launcher .bg-\[\#afa3a3\] {
--tw-bg-opacity: 1;
background-color: rgba(175, 163, 163, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-grey_extra_light {
--tw-bg-opacity: 1 !important;
background-color: rgba(248, 248, 252, var(--tw-bg-opacity)) !important;
}
#wll-site-launcher .bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-primary {
--tw-bg-opacity: 1;
background-color: rgba(111, 56, 197, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-primary_extra_light {
--tw-bg-opacity: 1;
background-color: rgba(246, 246, 254, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-blue_primary {
--tw-bg-opacity: 1;
background-color: rgba(79, 71, 235, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-light_gray {
--tw-bg-opacity: 1;
background-color: rgba(228, 229, 231, var(--tw-bg-opacity));
}
#wll-site-launcher .bg-extra_light {
--tw-bg-opacity: 1;
background-color: rgba(122, 129, 143, var(--tw-bg-opacity));
}
#wll-site-launcher .object-contain {
-o-object-fit: contain;
object-fit: contain;
}
#wll-site-launcher .object-cover {
-o-object-fit: cover;
object-fit: cover;
}
#wll-site-launcher .p-1\.5 {
padding: 6px;
}
#wll-site-launcher .p-1 {
padding: 4px;
}
#wll-site-launcher .p-3 {
padding: 12px;
}
#wll-site-launcher .p-2 {
padding: 8px;
}
#wll-site-launcher .p-0\.5 {
padding: 2px;
}
#wll-site-launcher .p-0 {
padding: 0px;
}
#wll-site-launcher .py-3 {
padding-top: 12px;
padding-bottom: 12px;
}
#wll-site-launcher .px-4 {
padding-left: 16px;
padding-right: 16px;
}
#wll-site-launcher .py-2 {
padding-top: 8px;
padding-bottom: 8px;
}
#wll-site-launcher .px-3 {
padding-left: 12px;
padding-right: 12px;
}
#wll-site-launcher .py-1 {
padding-top: 4px;
padding-bottom: 4px;
}
#wll-site-launcher .px-6 {
padding-left: 24px;
padding-right: 24px;
}
#wll-site-launcher .px-2\.5 {
padding-left: 10px;
padding-right: 10px;
}
#wll-site-launcher .px-2 {
padding-left: 8px;
padding-right: 8px;
}
#wll-site-launcher .px-5 {
padding-left: 20px;
padding-right: 20px;
}
#wll-site-launcher .py-8 {
padding-top: 32px;
padding-bottom: 32px;
}
#wll-site-launcher .py-2\.5 {
padding-top: 10px;
padding-bottom: 10px;
}
#wll-site-launcher .text-center {
text-align: center;
}
#wll-site-launcher .text-2xl {
font-size: 24px;
line-height: 32px;
}
#wll-site-launcher .text-sm {
font-size: 14px;
line-height: 18px;
}
#wll-site-launcher .text-xs {
font-size: 12px;
line-height: 16px;
}
#wll-site-launcher .text-md {
font-size: 16px;
line-height: 20px;
}
#wll-site-launcher .text-xl {
font-size: 20px;
line-height: 28px;
}
#wll-site-launcher .text-3xl {
font-size: 30px;
line-height: 36px;
}
#wll-site-launcher .text-sm_14_l_20 {
font-size: 14px;
line-height: 20px;
}
#wll-site-launcher .text-lg {
font-size: 18px;
line-height: 28px;
}
#wll-site-launcher .text-4xl {
font-size: 36px;
line-height: 40px;
}
#wll-site-launcher .font-bold {
font-weight: 700;
}
#wll-site-launcher .font-semibold {
font-weight: 600;
}
#wll-site-launcher .font-medium {
font-weight: 500;
}
#wll-site-launcher .font-normal {
font-weight: 400;
}
#wll-site-launcher .font-extrabold {
font-weight: 800;
}
#wll-site-launcher .capitalize {
text-transform: capitalize;
}
#wll-site-launcher .leading-6 {
line-height: 24px;
}
#wll-site-launcher .leading-5 {
line-height: 20px;
}
#wll-site-launcher .leading-4 {
line-height: 16px;
}
#wll-site-launcher .tracking-normal {
letter-spacing: 0em;
}
#wll-site-launcher .tracking-wider {
letter-spacing: 0.05em;
}
#wll-site-launcher .tracking-wide {
letter-spacing: 0.025em;
}
#wll-site-launcher .text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#wll-site-launcher .text-black {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
#wll-site-launcher .text-primary {
--tw-text-opacity: 1;
color: rgba(111, 56, 197, var(--tw-text-opacity));
}
#wll-site-launcher .text-ultra_light {
--tw-text-opacity: 1;
color: rgba(207, 206, 222, var(--tw-text-opacity));
}
#wll-site-launcher .text-dark {
--tw-text-opacity: 1;
color: rgba(22, 31, 49, var(--tw-text-opacity));
}
#wll-site-launcher .text-light {
--tw-text-opacity: 1;
color: rgba(83, 88, 99, var(--tw-text-opacity));
}
#wll-site-launcher .text-blue_primary {
--tw-text-opacity: 1;
color: rgba(79, 71, 235, var(--tw-text-opacity));
}
#wll-site-launcher .text-extra_light {
--tw-text-opacity: 1;
color: rgba(122, 129, 143, var(--tw-text-opacity));
}
#wll-site-launcher .antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#wll-site-launcher .opacity-100 {
opacity: 1;
}
#wll-site-launcher .opacity-0 {
opacity: 0;
}
#wll-site-launcher .opacity-80 {
opacity: 0.8;
}
#wll-site-launcher .shadow-card_1 {
--tw-shadow: 0px 16px 40px rgba(22, 8, 45, 0.1);
--tw-shadow-colored: 0px 16px 40px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .shadow-launcher {
--tw-shadow: 0px 0px 80px rgba(4, 13, 36, 0.14);
--tw-shadow-colored: 0px 0px 80px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .shadow-empty {
--tw-shadow: 0px 0px 2px #000000;
--tw-shadow-colored: 0px 0px 2px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .shadow-card_top {
--tw-shadow: 0px -4px 40px rgba(4, 13, 36, 0.06);
--tw-shadow-colored: 0px -4px 40px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
#wll-site-launcher .outline {
outline-style: solid;
}
#wll-site-launcher .transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#wll-site-launcher .delay-150 {
transition-delay: 150ms;
}
#wll-site-launcher .duration-200 {
transition-duration: 200ms;
}
#wll-site-launcher .ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#wll-site-launcher .color-important:before {
color: inherit !important;
}
#wll-site-launcher .color-important:hover::before {
color: inherit !important;
}
#wll-site-launcher .wpl-loyalty-button {
transition: all 0.1s ease;
}
#wll-site-launcher .wpl-loyalty-button:active {
filter: brightness(0.95);
transform: scale(0.96);
}
#wll-site-launcher .wll_no-scrollbar::-webkit-scrollbar {
display: none;
}
#wll-site-launcher .wll_no-scrollbar {
-ms-overflow-style: none; scrollbar-width: none; }
#wll-site-launcher .hover\:bg-primary_extra_light:hover {
--tw-bg-opacity: 1;
background-color: rgba(246, 246, 254, var(--tw-bg-opacity));
}
#wll-site-launcher .hover\:bg-opacity-50:hover {
--tw-bg-opacity: 0.5;
}
#wll-site-launcher .focus\:border-primary:focus {
--tw-border-opacity: 1;
border-color: rgba(111, 56, 197, var(--tw-border-opacity));
}
#wll-site-launcher .focus\:border-blue_primary:focus {
--tw-border-opacity: 1;
border-color: rgba(79, 71, 235, var(--tw-border-opacity));
}
#wll-site-launcher .focus\:border-opacity-100:focus {
--tw-border-opacity: 1;
}
#wll-site-launcher .focus\:shadow-none:focus {
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
#wll-site-launcher .focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
#wll-site-launcher .no-underline {
text-decoration-line: none;
}
#wll-site-launcher .wll-header-line-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
}
#wll-site-launcher .wll-description-line-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden;
}
@media (min-width: 328px) {
#wll-site-launcher .sm\:w-\[340px\] {
width: 340px;
}
}
@media (min-width: 425px) {
#wll-site-launcher .md\:gap-y-3 {
row-gap: 12px;
}
}
@media (min-height: 948px) {
#wll-site-launcher .splheight\:h-\[30vh\] {
height: 30vh;
}
}
@media (min-width: 768px) {
#wll-site-launcher .lg\:wll-hidden {
display: none;
}
#wll-site-launcher .lg\:block {
display: block;
}
#wll-site-launcher .lg\:w-auto {
width: auto !important;
}
#wll-site-launcher .lg\:wll-flex {
display: flex;
}
#wll-site-launcher .lg\:h-14 {
height: 56px;
}
#wll-site-launcher .lg\:h-8 {
height: 32px;
}
#wll-site-launcher .lg\:w-8 {
width: 32px;
}
#wll-site-launcher .lg\:w-10 {
width: 40px;
}
#wll-site-launcher .lg\:gap-4 {
gap: 16px;
}
#wll-site-launcher .lg\:gap-y-5 {
row-gap: 20px;
}
#wll-site-launcher .lg\:gap-y-2 {
row-gap: 8px;
}
#wll-site-launcher .lg\:gap-x-2 {
-moz-column-gap: 8px;
column-gap: 8px;
}
#wll-site-launcher .lg\:gap-x-3 {
-moz-column-gap: 12px;
column-gap: 12px;
}
#wll-site-launcher .lg\:gap-y-4 {
row-gap: 16px;
}
#wll-site-launcher .lg\:gap-x-5 {
-moz-column-gap: 20px;
column-gap: 20px;
}
#wll-site-launcher .lg\:gap-y-3 {
row-gap: 12px;
}
#wll-site-launcher .lg\:gap-x-4 {
-moz-column-gap: 16px;
column-gap: 16px;
}
#wll-site-launcher .lg\:p-4 {
padding: 16px;
}
#wll-site-launcher .lg\:px-3 {
padding-left: 12px;
padding-right: 12px;
}
#wll-site-launcher .lg\:px-4 {
padding-left: 16px;
padding-right: 16px;
}
#wll-site-launcher .lg\:py-4 {
padding-top: 16px;
padding-bottom: 16px;
}
#wll-site-launcher .lg\:py-3 {
padding-top: 12px;
padding-bottom: 12px;
}
#wll-site-launcher .lg\:text-xs {
font-size: 12px;
line-height: 16px;
}
#wll-site-launcher .lg\:text-md {
font-size: 16px;
line-height: 20px;
}
#wll-site-launcher .lg\:text-sm {
font-size: 14px;
line-height: 18px;
}
#wll-site-launcher .lg\:text-4xl {
font-size: 36px;
line-height: 40px;
}
#wll-site-launcher .lg\:h-\[50vh\] {
height: 50vh;
}
#wll-site-launcher .lg\:opacity-0 {
opacity: 0;
}
#wll-site-launcher .lg\:opacity-100 {
opacity: 1;
}
}
@media (min-width: 1280px) {
#wll-site-launcher .xl\:py-3 {
padding-top: 12px;
padding-bottom: 12px;
}
#wll-site-launcher .xl\:h-\[50vh\] {
height: 50vh;
}
}
@media (min-width: 1536px) {
#wll-site-launcher .\32 xl\:h-6 {
height: 24px;
}
#wll-site-launcher .\32 xl\:h-5 {
height: 20px;
}
#wll-site-launcher .\32 xl\:w-11 {
width: 44px;
}
#wll-site-launcher .\32 xl\:h-14 {
width: 56px;
}
#wll-site-launcher .\32 xl\:w-14 {
width: 56px;
}
#wll-site-launcher .\32 xl\:w-5 {
width: 20px;
}
#wll-site-launcher .\32 xl\:gap-y-3 {
row-gap: 12px;
}
#wll-site-launcher .\32 xl\:gap-x-2 {
-moz-column-gap: 8px;
column-gap: 8px;
}
#wll-site-launcher .\32 xl\:gap-y-2 {
row-gap: 8px;
}
#wll-site-launcher .\32 xl\:p-2\.5 {
padding: 10px;
}
#wll-site-launcher .\32 xl\:p-2 {
padding: 8px;
}
#wll-site-launcher .\32 xl\:text-3xl {
font-size: 30px;
line-height: 36px;
}
#wll-site-launcher .\32 xl\:text-md {
font-size: 16px;
line-height: 20px;
}
#wll-site-launcher .\32 xl\:text-sm {
font-size: 14px;
line-height: 18px;
}
#wll-site-launcher .\32 xl\:text-xl {
font-size: 20px;
line-height: 28px;
}
#wll-site-launcher .\32 xl\:text-2xl {
font-size: 24px;
line-height: 32px;
}
#wll-site-launcher .\32 xl\:text-sm_14_l_20 {
font-size: 14px;
line-height: 20px;
}
#wll-site-launcher .\32 xl\:text-lg {
font-size: 18px;
line-height: 28px;
}
#wll-site-launcher .\32 xl\:focus\:border-2:focus {
border-width: 2px;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

@keyframes woobt-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woobt-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woobt-wrap {
display: block;
clear: both;
width: 100%;
}
.woobt-wrap.woobt-loading {
position: relative;
}
.woobt-wrap.woobt-loading:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.woobt-wrap.woobt-loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-width: 4px;
border-style: solid;
border-radius: 100%;
border-top-color: rgba(0, 0, 0, 0.5);
border-left-color: rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-right-color: rgba(0, 0, 0, 0.1);
animation: woobt-spinner 1s linear infinite;
-webkit-animation: woobt-spinner 1s linear infinite;
}
.woobt-wrap.woobt-layout-separate .woobt-product > .woobt-thumb, .woobt-wrap.woobt-layout-separate .woobt-product > .woobt-price {
display: none;
}
.woobt-wrap.woobt-layout-separate .woobt-product .woobt-title .woobt-price {
margin-left: 10px;
}
.woobt-images {
display: flex;
align-items: center;
margin-bottom: 15px;
overflow-x: auto;
}
.woobt-images .woobt-image {
width: 100px;
flex: 0 0 100px;
margin-right: 20px;
display: block;
position: relative;
}
.woobt-images .woobt-image:not(.woobt-image-this):before {
content: "+";
position: absolute;
top: 50%;
left: -10px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-images .woobt-image:last-child {
margin-right: 0;
}
.woobt-images .woobt-image.woobt-image-hide {
opacity: 0.3;
}
.woobt-images .woobt-image.woobt-image-hide img {
filter: grayscale(100%);
}
.woobt-images .woobt-image img {
width: 100%;
height: auto;
}
.woobt-wrap .woobt-text, .woobt-wrap .woobt-products {
margin: 0 0 15px 0;
}
.woobt-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woobt-products .woobt-product {
padding: 10px 0;
margin: 0;
justify-content: space-between;
display: flex;
align-items: center;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-products .woobt-product.woobt-hide-this {
display: none !important;
}
.woobt-products .woobt-product > div {
padding: 0 5px;
background-color: transparent;
}
.woobt-products .woobt-product .woobt-thumb {
width: 50px;
flex: 0 0 50px;
}
.woobt-products .woobt-product .woobt-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woobt-products .woobt-product .woobt-price {
width: 100px;
flex: 0 0 100px;
max-width: 100px;
text-align: end;
}
.woobt-products .woobt-product-this .woobt-price .woobt-price-new {
display: none;
}
.woobt-products .woobt-product .woobt-price del {
opacity: 0.5;
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price del span {
text-decoration: line-through;
}
.woobt-products .woobt-product .woobt-price ins {
font-weight: normal;
}
.woobt-products .woobt-product .woobt-price .amount {
display: inline-block;
}
.woobt-products .woobt-product .woobt-title {
flex-grow: 1;
}
.woobt-products .woobt-product .woobt-title a {
text-decoration: none;
box-shadow: none;
}
.woobt-products .woobt-product .variations_form {
margin: 0;
padding: 0;
}
.woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-default .woovr-variation-image, .woobt-products .woobt-product .woobt-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woobt-products .woobt-product .woobt-quantity {
text-align: right;
width: 130px;
flex: 0 0 130px;
}
.woobt-products .woobt-product .woobt-quantity .quantity {
float: none !important;
margin: 0 0 0 0 !important;
}
.woobt-products .woobt-product.woobt-hide .woobt-quantity * {
opacity: 0.5;
pointer-events: none;
}
.woobt-checkbox:disabled {
cursor: not-allowed;
}
.woobt-products .woobt-product .variations_form .variations {
display: block;
width: 100%;
margin-left: -3px;
margin-right: -3px;
padding: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
}
.woobt-products .woobt-product .variations_form .variations .variation > div {
display: block;
}
.woobt-products .woobt-product .variations_form .variations .reset {
display: inline-block;
}
.woobt-products .woobt-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woobt-products .woobt-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value {
line-height: 1;
}
.woobt-products .woobt-product .variations_form .variations .variation .value select {
width: 100%;
line-height: 1;
padding: 0 16px 0 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-size: auto;
background-position: 100% 50%;
}
.woobt-products .woobt-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woobt-products .woobt-product .woobt-title .stock {
font-size: 14px;
margin: 0 !important;
}
.woobt-products .woobt-product .woobt-title .stock.in-stock {
color: green;
}
.woobt-products .woobt-product .woobt-title .stock.available-on-backorder {
color: orange;
}
.woobt-products .woobt-product .woobt-title .stock.out-of-stock {
color: red;
}
.woobt-products .woobt-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woobt-item-text-type-h1 > h1, .woobt-item-text-type-h2 > h2, .woobt-item-text-type-h3 > h3, .woobt-item-text-type-h4 > h4, .woobt-item-text-type-h5 > h5, .woobt-item-text-type-h6 > h6, .woobt-item-text-type-p > p {
margin: 0 !important;
}
.woobt-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
.woobt-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
} .woobt-additional, .woobt-total, .woobt-alert {
display: none;
}
.woobt-actions form.cart {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.woobt-quantity-input {
display: flex;
align-items: center;
}
.woobt-quantity-plus-minus .plus, .woobt-quantity-plus-minus .minus, .woobt-quantity-plus-minus .minus-btn, .woobt-quantity-plus-minus .plus-btn {
display: none !important;
}
.woobt-quantity-input-plus, .woobt-quantity-input-minus {
width: 40px;
flex: 0 0 40px;
height: 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woobt-choose label {
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.woobt-choose .checkmark {
display: none;
}
.woobt-count {
margin-left: 5px;
}
.woobt-count:before {
content: "(";
}
.woobt-count:after {
content: ")";
}
.woobt-qty {
width: 60px;
text-align: center;
}
.woobt-product .woobt-quantity-input .qty, .woobt-product .woobt-quantity-input .woobt-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 10px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woobt-product .woobt-quantity-input .qty:focus, .woobt-product .woobt-quantity-input .woobt-qty:focus {
outline: none;
outline-color: transparent;
}
.woobt-quantity-input input::-webkit-outer-spin-button, .woobt-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woobt-quantity-input-plus:hover, .woobt-quantity-input-minus:hover {
background-color: #f0f0f0;
}
@media only screen and (max-width: 767px) {
.woobt-wrap-responsive .woobt-products .woobt-product {
display: flex;
flex-direction: column;
text-align: center;
padding: 20px 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product > div {
padding: 5px 0 !important;
width: auto !important;
flex-basis: 0 !important;
max-width: 100% !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb {
text-align: center;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb img {
width: 80px;
display: block;
margin: 0 auto;
}
.woobt-wrap-responsive .woobt-products .woobt-product .woobt-price {
width: auto;
flex-basis: 0;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation {
max-width: 100%;
margin-right: 0 !important;
}
.woobt-wrap-responsive .woobt-products .woobt-product .variations_form .variations .variation select {
text-align-last: center;
}
} .woobt-products[class*=woobt-products-layout-grid] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-grid-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-grid-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-grid-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-grid] .woobt-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woobt-products[class*=woobt-products-layout-grid] .woobt-product {
width: calc(100% - 20px);
}
} .woobt-products[class*=woobt-products-layout-carousel] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product {
width: calc(33% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product:hover {
border-color: green;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-title-inner {
font-weight: 700;
}
.woobt-products.woobt-products-layout-carousel-1 .woobt-product {
width: calc(100% - 20px);
}
.woobt-products.woobt-products-layout-carousel-3 .woobt-product {
width: calc(33.3333333333% - 20px);
}
.woobt-products.woobt-products-layout-carousel-4 .woobt-product {
width: calc(25% - 20px);
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product > div:last-child {
margin-bottom: 0;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .woobt-quantity-input {
justify-content: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product select {
text-align: center;
}
.woobt-products[class*=woobt-products-layout-carousel] .woobt-product .variations_form .variations .reset {
display: none;
}
.woobt-products[class*=woobt-products-layout-carousel] {
display: none !important;
}
.woobt-products[class*=woobt-products-layout-carousel].woobt-carousel, .woobt-products[class*=woobt-products-layout-carousel].woobt-no-carousel {
display: flex !important;
}
.woobt-carousel .slick-dots {
display: block;
width: 100%;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woobt-carousel .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woobt-carousel .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 4px;
padding: 0;
font-size: 0;
line-height: 0;
border: none;
background-color: rgba(0, 0, 0, 0.3);
outline: none;
overflow: hidden;
}
.woobt-carousel .slick-dots li.slick-active button {
background-color: rgb(0, 0, 0);
}
.woobt-carousel .slick-arrow {
width: 44px;
height: 44px;
line-height: 42px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: #fff;
border-radius: 0;
border: 1px solid #ddd;
z-index: 8;
opacity: 0;
visibility: hidden;
}
.woobt-carousel:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.woobt-carousel .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.woobt-carousel .slick-arrow:before {
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woobt-carousel .slick-arrow:focus {
outline: none;
}
.woobt-carousel .slick-arrow.slick-prev {
left: 10px;
}
.woobt-carousel .slick-arrow.slick-prev:before {
content: "‹";
}
.woobt-carousel .slick-arrow.slick-next {
right: 10px;
}
.woobt-carousel .slick-arrow.slick-next:before {
content: "›";
} .woobt-wrap.woobt-layout-compact .woobt-inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin: 0 0 15px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-text {
margin: 0 0 10px 0;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-alert {
display: none !important;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
overflow-x: auto;
margin: 0 10px 0 -10px;
border: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product {
min-width: 100px;
max-width: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:before {
content: "+";
position: absolute;
top: 50%;
right: -20px;
transform: translate3d(-50%, -50%, 0);
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "";
display: none;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product > div {
width: 100%;
flex: 0 0 auto;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product .woobt-choose {
position: absolute;
width: auto;
top: 10px;
right: 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products {
margin: 0 -10px 0 10px;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:first-child:before {
display: none;
}
body.rtl .woobt-wrap.woobt-layout-compact .woobt-inner .woobt-products .woobt-product:last-child:before {
content: "+";
display: block;
}
.woobt-wrap.woobt-layout-compact .woobt-inner .woobt-actions .single_add_to_cart_button {
white-space: nowrap;
margin: 0 !important;
}[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}@font-face {
font-family: 'woofc';
src: url(//livrariatanamao.com.br/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.eot);
src: url(//livrariatanamao.com.br/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.eot#iefix) format('embedded-opentype'),
url(//livrariatanamao.com.br/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.ttf) format('truetype'),
url(//livrariatanamao.com.br/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.woff) format('woff'),
url(//livrariatanamao.com.br/wp-content/plugins/woo-fly-cart/assets/fonts/woofc.svg#woofc) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="woofc-icon-"], [class*=" woofc-icon-"] { font-family: 'woofc' !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;
}
.woofc-icon-loading:before {
content: "\e90c";
}
.woofc-icon-cart11:before {
content: "\e903";
}
.woofc-icon-cart12:before {
content: "\e904";
}
.woofc-icon-cart13:before {
content: "\e905";
}
.woofc-icon-cart14:before {
content: "\e906";
}
.woofc-icon-cart15:before {
content: "\e907";
}
.woofc-icon-cart16:before {
content: "\e908";
}
.woofc-icon-loading1:before {
content: "\f01e";
}
.woofc-icon-loading2:before {
content: "\f021";
}
.woofc-icon-icon1:before {
content: "\f06b";
}
.woofc-icon-loading8:before {
content: "\f110";
}
.woofc-icon-loading3:before {
content: "\e97a";
}
.woofc-icon-loading4:before {
content: "\e97b";
}
.woofc-icon-loading5:before {
content: "\e97e";
}
.woofc-icon-loading6:before {
content: "\e97f";
}
.woofc-icon-loading7:before {
content: "\e981";
}
.woofc-icon-loading9:before {
content: "\e982";
}
.woofc-icon-loading10:before {
content: "\e983";
}
.woofc-icon-loading11:before {
content: "\e984";
}
.woofc-icon-icon2:before {
content: "\e99f";
}
.woofc-icon-cart1:before {
content: "\e900";
}
.woofc-icon-loading12:before {
content: "\e90f";
}
.woofc-icon-loading13:before {
content: "\e910";
}
.woofc-icon-cart2:before {
content: "\e901";
}
.woofc-icon-shopping-bag:before {
content: "\e911";
}
.woofc-icon-cart3:before {
content: "\e902";
}
.woofc-icon-cart4:before {
content: "\e909";
}
.woofc-icon-cart5:before {
content: "\e854";
}
.woofc-icon-loading14:before {
content: "\e863";
}
.woofc-icon-icon3:before {
content: "\e5cd";
}
.woofc-icon-icon4:before {
content: "\e313";
}
.woofc-icon-icon5:before {
content: "\e314";
}
.woofc-icon-icon6:before {
content: "\e315";
}
.woofc-icon-icon7:before {
content: "\e316";
}
.woofc-icon-cart6:before {
content: "\e8cc";
}
.woofc-icon-cart7:before {
content: "\e8cb";
}
.woofc-icon-loading15:before {
content: "\e058";
}
.woofc-icon-loading16:before {
content: "\e080";
}
.woofc-icon-cart8:before {
content: "\e106";
}
.woofc-icon-icon8:before {
content: "\e114";
}
.woofc-icon-icon9:before {
content: "\e115";
}
.woofc-icon-icon10:before {
content: "\e117";
}
.woofc-icon-cart9:before {
content: "\e90a";
}
.woofc-icon-cart10:before {
content: "\e90b";
}
.woofc-icon-loading17:before {
content: "\e912";
}

@keyframes woofc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woofc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woofc-shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.woofc-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999998;
opacity: 0;
visibility: hidden;
}
.woofc-area {
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
z-index: 99999999;
opacity: 0;
visibility: hidden;
position: fixed; }
.woofc-area.woofc-slide-no {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.woofc-area > div {
align-self: stretch;
}
.woofc-area * {
box-sizing: border-box;
}
.woofc-area .woofc-item-data dl, .woofc-area .woofc-item-data p {
margin: 0;
}
.woofc-area .woofc-canvas {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
pointer-events: none;
}
.woofc-area .woofc-inner {
width: 100%;
height: auto;
position: fixed;
display: flex;
flex-direction: column;
}
.woofc-area .woofc-area-bot .woofc-data .woofc-data-right, .woofc-area .woofc-area-bot .woofc-total .woofc-total-right {
margin-left: 10px;
font-weight: 700;
}
.woofc-area .woofc-area-bot .woofc-data .woofc-data-right *, .woofc-area .woofc-area-bot .woofc-total .woofc-total-right * {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.woofc-area.woofc-rounded-yes.woofc-position-01, .woofc-area.woofc-rounded-yes.woofc-position-02 {
padding: 20px;
}
.woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner, .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
position: relative;
}
.woofc-area.woofc-rounded-yes.woofc-position-03 .woofc-inner {
border-radius: 0 0 4px 4px;
}
.woofc-area.woofc-rounded-yes.woofc-position-04 .woofc-inner {
border-radius: 4px 4px 0 0;
}
.woofc-area.woofc-rounded-yes .woofc-inner {
border-radius: 4px;
overflow: hidden;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-undo .woofc-undo-inner, .woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-notices .woocommerce-message {
border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner {
border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus {
border-radius: 4px 0 0 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus {
border-radius: 0 4px 4px 0;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-action .woofc-action-inner > div a {
border-radius: 4px;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-suggested .woofc-suggested-product-image img, .woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-bot .woofc-suggested .woofc-suggested-product-atc .button {
border-radius: 4px;
}
body.woofc-show .woofc-overlay, body.woofc-show .woofc-area {
opacity: 1;
visibility: visible;
}
.woofc-hide {
display: none !important;
} .woofc-area .woofc-item-save {
display: block;
margin-top: 5px;
}
.woofc-area .woofc-save-for-later {
padding: 0 20px;
margin-top: 15px;
}
.woofc-area .woofc-save-for-later, .woofc-area .woofc-save-for-later a {
color: #ffffff;
}
.woofc-save-for-later .woosl-heading {
text-align: center;
margin-bottom: 10px;
}
.woofc-save-for-later .woosl-heading {
overflow: hidden;
}
.woofc-save-for-later .woosl-heading span {
position: relative;
}
.woofc-save-for-later .woosl-heading span:before {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: -10px;
transform: translateX(-100%);
}
.woofc-save-for-later .woosl-heading span:after {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: auto;
right: -10px;
transform: translateX(100%);
}
.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-heading span:before, .woofc-area.woofc-style-02 .woofc-save-for-later .woosl-heading span:after, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-heading span:before, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-heading span:after {
background-color: rgba(0, 0, 0, 0.5);
}
.woofc-area .woofc-save-for-later .woosl-product {
display: flex !important;
align-items: center;
outline: none;
margin-left: -5px;
margin-right: -5px;
}
.woofc-area .woofc-save-for-later .woosl-product-image {
width: 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.woofc-area .woofc-save-for-later .woosl-product-info {
flex-grow: 1;
margin: 0 5px;
}
.woofc-area .woofc-save-for-later .woosl-product-name {
font-weight: 700;
}
.woofc-area .woofc-save-for-later .woosl-product-image img {
width: 100%;
height: auto;
border-radius: 0;
}
.woofc-area .woofc-save-for-later .woosl-product-price {
opacity: 0.5;
}
.woofc-area .woofc-save-for-later .woosl-product-price * {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline {
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 0;
}
.woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline del, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline ins, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline .price, .woofc-area .woofc-save-for-later .woosl-product-atc .add_to_cart_inline .amount {
display: none;
}
.woofc-area .woofc-save-for-later .woosl-product-atc .button {
margin-top: 5px;
font-size: 12px;
height: 32px;
line-height: 30px;
padding: 0 15px;
background-color: #ffffff;
color: #222222;
border: 1px solid #ffffff;
text-transform: uppercase;
font-weight: normal;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area .woofc-save-for-later .woosl-product-atc .button:hover {
color: #ffffff;
background-color: transparent;
}
.woofc-area.woofc-style-02 .woofc-save-for-later, .woofc-area.woofc-style-04 .woofc-save-for-later {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-save-for-later a, .woofc-area.woofc-style-04 .woofc-save-for-later a {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-product-atc .button, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-product-atc .button {
color: #222222;
border: 1px solid #eeeeee;
background-color: #eeeeee;
}
.woofc-area.woofc-style-02 .woofc-save-for-later .woosl-product-atc .button:hover, .woofc-area.woofc-style-04 .woofc-save-for-later .woosl-product-atc .button:hover {
color: #222222;
border: 1px solid #222222;
background-color: transparent;
} .woofc-area .woofc-upsell-funnel {
padding: 0 20px;
margin-top: 15px;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header {
text-align: center;
overflow: hidden;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading {
font-size: inherit;
font-weight: inherit;
position: relative;
display: inline;
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: -10px;
transform: translateX(-100%);
}
.woofc-area .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: auto;
right: -10px;
transform: translateX(100%);
}
.woofc-area.woofc-style-02 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before, .woofc-area.woofc-style-02 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after, .woofc-area.woofc-style-04 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:before, .woofc-area.woofc-style-04 .woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-header .wpcuf-uf-heading:after {
background-color: rgba(0, 0, 0, 0.5);
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized {
display: block;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product {
display: flex;
flex-direction: row;
align-items: center;
text-align: start;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product .wpcuf-uf-product-image {
width: 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.woofc-upsell-funnel .wpcuf-uf-wrap .wpcuf-uf-products.slick-initialized .wpcuf-uf-product .wpcuf-uf-product-info {
flex-grow: 1;
margin: 0 5px;
} .woofc-area .woofc-suggested {
padding: 0 20px;
margin-top: 15px;
color: #ffffff;
}
.woofc-area .woofc-suggested .woofc-suggested-products-slick {
display: none;
}
.woofc-area .woofc-suggested .woofc-suggested-products-slick.slick-initialized {
display: block;
}
.woofc-suggested-products:not(.woofc-suggested-products-slick) .woofc-suggested-product {
margin-bottom: 10px;
}
.woofc-suggested-products:not(.woofc-suggested-products-slick) .woofc-suggested-product:last-child {
margin-bottom: 0;
}
.woofc-area .woofc-suggested a {
color: #ffffff;
outline: none;
}
.woofc-area .woofc-suggested-heading {
text-align: center;
margin-bottom: 10px;
overflow: hidden;
}
.woofc-area .woofc-suggested-heading span {
position: relative;
}
.woofc-area .woofc-suggested-heading span:before {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: -10px;
transform: translateX(-100%);
}
.woofc-area .woofc-suggested-heading span:after {
content: "";
width: 1000px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
display: block;
position: absolute;
top: 50%;
left: auto;
right: -10px;
transform: translateX(100%);
}
.woofc-area.woofc-style-02 .woofc-suggested-heading span:before, .woofc-area.woofc-style-02 .woofc-suggested-heading span:after, .woofc-area.woofc-style-04 .woofc-suggested-heading span:before, .woofc-area.woofc-style-04 .woofc-suggested-heading span:after {
background-color: rgba(0, 0, 0, 0.5);
}
.woofc-area .woofc-suggested .woofc-suggested-product {
display: flex !important;
align-items: center;
outline: none;
margin-left: -5px;
margin-right: -5px;
}
.woofc-area .woofc-suggested .woofc-suggested-product-image {
width: 100px;
flex: 0 0 100px;
margin: 0 5px;
}
.woofc-area .woofc-suggested .woofc-suggested-product-info {
flex-grow: 1;
margin: 0 5px;
}
.woofc-area .woofc-suggested .woofc-suggested-product-name {
font-weight: 700;
}
.woofc-area .woofc-suggested .woofc-suggested-product-image img {
width: 100%;
height: auto;
border-radius: 0;
}
.woofc-area .woofc-suggested .woofc-suggested-product-price {
opacity: 0.5;
}
.woofc-area .woofc-suggested .woofc-suggested-product-price * {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
.woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline {
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 0;
}
.woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline del, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline ins, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline .price, .woofc-area .woofc-suggested .woofc-suggested-product-atc .add_to_cart_inline .amount {
display: none;
}
.woofc-area .woofc-suggested .woofc-suggested-product-atc .button {
margin-top: 5px;
font-size: 12px;
height: 32px;
line-height: 30px;
padding: 0 15px;
background-color: #ffffff;
color: #222222;
border: 1px solid #ffffff;
text-transform: uppercase;
font-weight: normal;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area .woofc-suggested .woofc-suggested-product-atc .button:hover {
color: #ffffff;
background-color: transparent;
}
.woofc-area.woofc-style-02 .woofc-suggested, .woofc-area.woofc-style-04 .woofc-suggested {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-suggested a, .woofc-area.woofc-style-04 .woofc-suggested a {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-suggested .woofc-suggested-product-atc .button, .woofc-area.woofc-style-04 .woofc-suggested .woofc-suggested-product-atc .button {
color: #222222;
border: 1px solid #eeeeee;
background-color: #eeeeee;
}
.woofc-area.woofc-style-02 .woofc-suggested .woofc-suggested-product-atc .button:hover, .woofc-area.woofc-style-04 .woofc-suggested .woofc-suggested-product-atc .button:hover {
color: #222222;
border: 1px solid #222222;
background-color: transparent;
} .woofc-area .slick-dots {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woofc-area .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woofc-area .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 4px;
padding: 0;
font-size: 0;
line-height: 0;
border: none;
background-color: rgba(255, 255, 255, 0.5);
outline: none;
overflow: hidden;
}
.woofc-area .slick-dots li.slick-active button {
background-color: rgb(255, 255, 255);
}
.woofc-area.woofc-style-02 .slick-dots li button, .woofc-area.woofc-style-04 .slick-dots li button {
background-color: #eeeeee;
}
.woofc-area.woofc-style-02 .slick-dots li.slick-active button, .woofc-area.woofc-style-04 .slick-dots li.slick-active button {
background-color: #222222;
} .woofc-shipping {
cursor: pointer;
text-decoration: underline;
}
.woofc-shipping:after {
content: "✎";
margin-left: 10px;
text-decoration: none;
}
.woofc-shipping.woofc-shipping-open:after {
content: "↑";
}
.woofc-shipping-area {
color: #ffffff;
padding: 0 20px;
height: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-shipping-area.woofc-shipping-area-open {
height: auto;
max-height: 600px;
}
.woofc-shipping-inner {
padding: 20px;
margin: 10px 0;
background-color: rgba(255, 255, 255, 0.1);
}
.woofc-shipping-area .woocommerce-shipping-calculator .shipping-calculator-form p {
margin-bottom: 0;
}
.woofc-shipping-area .woocommerce-shipping-calculator .shipping-calculator-form p.form-row {
margin-bottom: 10px;
}
.woofc-shipping-area .woocommerce-shipping-calculator [type=submit] {
display: block;
width: 100%;
}
.woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-shipping-area .woocommerce-shipping-calculator button {
border-radius: 0;
border: none;
color: #222222;
background-color: #ffffff;
padding-left: 15px;
padding-right: 15px;
}
.woofc-area .shipping-calculator-form {
display: block !important;
}
.woofc-area .shipping-calculator-button {
display: none !important;
}
.woofc-shipping-destination {
margin-bottom: 10px;
}
.woofc-shipping-methods {
list-style: none;
padding: 0;
margin: 0;
}
.woofc-shipping-methods label {
cursor: pointer;
display: flex;
align-items: center;
}
.woofc-shipping-methods label > span {
margin-left: 5px;
}
.woofc-shipping-method {
vertical-align: baseline;
margin-right: 5px;
}
.woofc-area .wpcfb-wrap {
display: block;
width: 100%;
}
.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .quantity {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .quantity input {
margin: 0 !important;
}
.woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .plus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .minus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .increase, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .decrease {
display: none !important;
}
.woofc-area .woofc-inner.woofc-inner-loading:before {
content: "\e90c";
font-family: "woofc";
font-size: 24px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 24px;
color: #ffffff;
display: block;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
position: absolute;
vertical-align: baseline;
top: 50%;
left: 50%;
z-index: 97;
-webkit-animation: woofc-spinner 1s linear infinite;
-moz-animation: woofc-spinner 1s linear infinite;
-ms-animation: woofc-spinner 1s linear infinite;
-o-animation: woofc-spinner 1s linear infinite;
animation: woofc-spinner 1s linear infinite;
}
.woofc-area .woofc-inner.woofc-inner-loading:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
}
.woofc-area .woofc-area-mid .woofc-item.woofc-item-has-not-remove .woofc-item-remove {
display: none !important;
} .woofc-checkout-area {
background-color: #ffffff !important;
background-image: none !important;
}
.woofc-checkout-area:after {
display: none !important;
}
.woofc-checkout-area.woofc-inner-loading:before {
color: #222222 !important;
}
.woofc-checkout-area.woofc-inner-loading:after {
background-color: rgba(255, 255, 255, 0.7) !important;
}
.woofc-checkout-area .woofc-area-mid {
margin-bottom: 0 !important;
}
.woofc-area form.checkout {
display: flex;
flex-direction: column;
}
.woofc-area form.checkout > *, .woofc-area form.checkout .row > * {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
flex: 0 0 auto !important;
}
.woofc-checkout-form {
padding-left: 20px;
padding-right: 20px;
}
.woofc-checkout-area .woofc-area-top {
padding: 0 60px !important;
}
.woofc-checkout-area .woofc-area-top, .woofc-checkout-area .woofc-area-top .woofc-back, .woofc-checkout-area .woofc-area-top .woofc-close {
color: #222222 !important;
}
.woofc-checkout-area .woofc-area-top .woofc-back {
position: absolute;
top: 50%;
left: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #ffffff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .woofc-area .woofc-area-mid .woofc-undo {
padding: 0 20px;
margin: 0 0 10px 0;
}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner {
padding: 10px 15px;
color: #ffffff;
background-color: transparent;
background: none;
border-width: 1px;
border-style: dashed;
border-color: #ffffff;
display: flex;
justify-content: space-between;
}
.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner a {
color: #ffffff;
outline: none;
} .woofc-area .woofc-area-mid .woofc-notices {
padding: 0 20px;
margin: 0 0 10px 0;
}
.woofc-area .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error {
margin: 0;
padding: 10px 15px 10px 40px;
border-radius: 0;
background-color: transparent;
background: none;
border-width: 1px;
border-style: dashed;
border-color: #ffffff;
color: #ffffff;
}
.woofc-area .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error:before {
position: absolute;
top: 10px;
left: 15px;
}
body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-message, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error {
padding: 10px 40px 10px 15px;
}
body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-message:before, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-info:before, body.rtl .woofc-area .woofc-area-mid .woofc-notices .woocommerce-error:before {
left: auto;
right: 15px;
} .woofc-area.woofc-position-01 {
position: fixed;
top: 0;
left: 100%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-position-01 .woofc-inner {
height: 100%;
max-height: 100%;
}
.woofc-show .woofc-area.woofc-position-01, .woofc-area.woofc-position-01.woofc-slide-no {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .woofc-area.woofc-position-02 {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-position-02 .woofc-inner {
height: 100%;
max-height: 100%;
}
.woofc-show .woofc-area.woofc-position-02, .woofc-area.woofc-position-02.woofc-slide-no {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
} .woofc-area.woofc-position-03 {
position: fixed;
top: -100%;
left: 50%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-position-03 .woofc-inner {
max-height: 80%;
}
.woofc-show .woofc-area.woofc-position-03, .woofc-area.woofc-position-03.woofc-slide-no {
top: 0;
} .woofc-area.woofc-position-04 {
position: fixed;
bottom: -100%;
left: 50%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-position-04 .woofc-inner {
max-height: 80%;
bottom: 0;
}
.woofc-show .woofc-area.woofc-position-04, .woofc-area.woofc-position-04.woofc-slide-no {
bottom: 0;
} .woofc-area.woofc-position-05 {
position: fixed;
left: 50%;
top: 0;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-position-05 .woofc-inner {
max-height: 80%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.woofc-show .woofc-area.woofc-position-05, .woofc-area.woofc-position-05.woofc-slide-no {
top: 50%;
} .woofc-area.woofc-style-01 .woofc-inner {
background-color: #cc6055;
}
.woofc-area.woofc-style-01 .woofc-area-top {
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
background-color: rgba(0, 0, 0, 0.2);
}
.woofc-area.woofc-style-01 .woofc-area-top .woofc-area-heading {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.woofc-area.woofc-style-01 .woofc-area-top .woofc-close {
position: absolute;
top: 50%;
right: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #ffffff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woofc-area.woofc-style-01 .woofc-area-mid {
flex-grow: 1;
position: relative;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
overflow-x: hidden;
overflow-y: auto;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item {
padding: 0 20px;
margin: 10px 0 0 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:first-child {
margin: 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item a {
text-decoration: none;
outline: none;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 10px 5px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #ffffff;
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner > div {
margin: 0 5px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
width: 80px;
flex: 0 0 80px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
flex-grow: 1;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
color: #222222;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #222222;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 5px;
display: block;
white-space: pre-line;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
text-transform: capitalize;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
color: #999;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
background: none;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
font-size: 12px !important;
font-weight: 400 !important;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #444;
background-color: #eeeeee;
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
position: relative;
text-align: center;
display: flex;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
width: 30px;
height: 30px;
line-height: 30px;
min-height: 0;
padding: 0;
margin: 0;
text-align: center;
border: none;
outline: none;
display: block;
color: #444;
background-color: #eeeeee;
-moz-appearance: textfield;
box-shadow: none;
font-size: 12px;
font-weight: 400;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
font-size: 12px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #444;
background-color: #eeeeee;
font-size: 12px;
font-weight: 400;
display: block;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
background-color: #dddddd;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: 0px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
display: block;
width: 20px;
height: 20px;
line-height: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-align: center;
outline: none;
text-decoration: none;
border: none;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(30px, -50%, 0);
transform: translate3d(30px, -50%, 0);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-removing {
opacity: 0.5;
}
.woofc-area.woofc-style-01 .woofc-area-bot {
padding-bottom: 20px;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon {
padding: 0 20px;
margin: 0;
color: #ffffff;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
display: flex;
justify-content: space-between;
padding: 0 0 10px 0;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
flex-grow: 1;
background-color: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0.5);
padding: 0;
color: #ffffff;
height: 34px;
min-height: 34px;
line-height: 34px;
border-radius: 0;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
outline: none;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #ffffff;
height: 34px;
line-height: 34px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ffffff;
border-radius: 0;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
outline: none;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
width: 20px;
display: inline-block;
cursor: pointer;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
opacity: 0.5;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total {
padding: 0 20px;
margin: 0;
color: #ffffff;
display: flex;
justify-content: space-between;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action {
padding: 15px 15px 0 15px;
margin: 0;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner {
display: flex;
align-items: center;
width: 100%;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div {
width: 50%;
margin: 0 5px;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
width: 100%;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
height: 40px;
line-height: 36px;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
background-color: #ffffff;
color: #cc6055;
font-weight: 700;
border: 2px solid #ffffff;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: transparent;
color: #ffffff;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link {
padding: 0 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-link span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue {
text-align: center;
padding: 0 20px;
margin-top: 15px;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error {
padding: 20px;
text-align: center;
color: #ffffff;
}
@media only screen and (max-width: 768px) {
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
padding: 10px 40px 10px 10px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
color: #999;
right: 10px;
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
} .woofc-area.woofc-style-02 .woofc-inner {
background-color: #ffffff;
}
.woofc-area.woofc-style-02 .woofc-inner.woofc-inner-loading:before {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-inner.woofc-inner-loading:after {
background-color: rgba(255, 255, 255, 0.7);
}
.woofc-area.woofc-style-02 .woofc-area-top {
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
text-transform: uppercase;
color: #222222;
font-weight: 700;
background-color: #eeeeee;
}
.woofc-area.woofc-style-02 .woofc-area-top .woofc-area-heading {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
position: absolute;
top: 50%;
right: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #222222;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woofc-area.woofc-style-02 .woofc-area-mid {
flex-grow: 1;
position: relative;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
overflow-x: hidden;
overflow-y: auto;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item {
padding: 0 20px;
margin: 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
border-top: none;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item a {
text-decoration: none;
outline: none;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-undo .woofc-undo-inner {
border-color: #222222;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-undo .woofc-undo-inner a {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #ffffff;
border-top: 1px dashed #eeeeee;
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
width: 80px;
flex: 0 0 80px;
margin-right: 10px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
flex-grow: 1;
margin-right: 10px;
}
body.rtl .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb, body.rtl .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
margin-right: 0;
margin-left: 10px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 5px;
display: block;
white-space: pre-line;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
text-transform: capitalize;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
color: #999;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
background: none;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
font-size: 12px !important;
font-weight: 400 !important;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #444;
background-color: #eeeeee;
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
position: relative;
text-align: center;
display: flex;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
width: 30px;
height: 30px;
line-height: 30px;
min-height: 0;
padding: 0;
margin: 0;
text-align: center;
border: none;
outline: none;
display: block;
color: #444;
background-color: #eeeeee;
-moz-appearance: textfield;
box-shadow: none;
font-size: 12px;
font-weight: 400;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
font-size: 12px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #444;
background-color: #eeeeee;
font-size: 12px;
font-weight: 400;
display: block;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
background-color: #dddddd;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: 0px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
display: block;
width: 20px;
height: 20px;
line-height: 20px;
color: #444;
font-size: 14px;
font-weight: 400;
text-align: center;
outline: none;
text-decoration: none;
border: none;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(25px, -50%, 0);
transform: translate3d(25px, -50%, 0);
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-removing {
opacity: 0.5;
}
.woofc-area.woofc-style-02 .woofc-area-bot {
padding-bottom: 20px;
}
.woofc-area.woofc-style-02 .woofc-shipping-area {
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-area.woofc-style-02 .woofc-shipping-area .woocommerce-shipping-calculator button {
background-color: rgba(0, 0, 0, 0.05);
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon {
padding: 0 20px;
margin: 0;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
display: flex;
justify-content: space-between;
padding: 0 0 10px 0;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
flex-grow: 1;
background-color: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5);
padding: 0;
color: #222222;
height: 34px;
min-height: 34px;
line-height: 34px;
border-radius: 0;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
outline: none;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #222222;
height: 34px;
line-height: 34px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #222222;
border-radius: 0;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
outline: none;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
width: 20px;
display: inline-block;
cursor: pointer;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
opacity: 0.5;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-02 .woofc-area-bot .woofc-total {
padding: 0 20px;
margin: 0;
color: #222222;
display: flex;
justify-content: space-between;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action {
padding: 15px 15px 0 15px;
margin: 0;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner {
display: flex;
width: 100%;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div {
width: 50%;
margin: 0 5px;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
width: 100%;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
height: 40px;
line-height: 36px;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
background-color: #ffffff;
color: #cc6055;
font-weight: 700;
border-width: 2px;
border-style: solid;
border-color: #cc6055;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: #cc6055;
color: #ffffff;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link {
padding: 0 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-link span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue {
text-align: center;
padding: 0 20px;
margin-top: 15px;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-02 .woofc-no-item, .woofc-area.woofc-style-02 .woofc-error {
padding: 20px;
text-align: center;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices {
margin-bottom: 10px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-error {
border-color: #222222;
color: #222222;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-notices .woocommerce-error:before {
color: #222222;
}
@media only screen and (max-width: 768px) {
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
padding: 10px 30px 10px 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
color: #999;
right: 0;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-02 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
} .woofc-area.woofc-style-03 .woofc-inner {
background-color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-top {
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
background-color: rgba(0, 0, 0, 0.2);
}
.woofc-area.woofc-style-03 .woofc-area-top .woofc-area-heading {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.woofc-area.woofc-style-03 .woofc-area-top .woofc-close {
position: absolute;
top: 50%;
right: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #ffffff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woofc-area.woofc-style-03 .woofc-area-mid {
flex-grow: 1;
position: relative;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
overflow-x: hidden;
overflow-y: auto;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item {
padding: 0 20px;
min-height: 40px;
margin: 0;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
border-top: none;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item a {
text-decoration: none;
outline: none;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
color: #ffffff;
border-top: 1px dashed rgba(255, 255, 255, 0.5);
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
display: none;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
order: 1;
margin-right: 10px;
}
body.rtl .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
margin-right: 0;
margin-left: 10px;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #444;
background-color: #ffffff;
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
background-color: #eeeeee;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
position: relative;
text-align: center;
display: flex;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
width: 30px;
height: 30px;
line-height: 30px;
min-height: 0;
padding: 0;
margin: 0;
box-sizing: border-box;
text-align: center;
border: none;
outline: none;
display: block;
color: #444;
background-color: #ffffff;
-moz-appearance: textfield;
box-shadow: none;
font-weight: 400;
font-size: 12px;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
font-size: 12px;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #444;
background-color: #ffffff;
font-size: 12px;
font-weight: 400;
display: block;
cursor: pointer;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
background-color: #dddddd;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
order: 2;
flex-grow: 1;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
display: block;
font-size: 14px;
font-weight: 400;
margin: 0;
line-height: 1.2;
color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
display: block;
opacity: 0.7;
white-space: pre-line;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
text-transform: capitalize;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price {
line-height: 1;
font-size: 12px;
font-weight: 400;
text-align: end;
color: #ffffff;
opacity: 0.7;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price del {
color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price ins {
background: none;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price span {
font-size: 12px !important;
font-weight: 400 !important;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
display: block;
width: 20px;
height: 20px;
line-height: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-align: center;
outline: none;
text-decoration: none;
border: none;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
padding-right: 30px;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
right: 0;
opacity: 1;
visibility: visible;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-removing {
opacity: 0.5;
}
.woofc-area.woofc-style-03 .woofc-area-bot {
padding-bottom: 20px;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon {
padding: 0 20px;
margin: 0;
color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
display: flex;
justify-content: space-between;
padding: 0 0 10px 0;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
flex-grow: 1;
background-color: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0.5);
padding: 0;
color: #ffffff;
height: 34px;
min-height: 34px;
line-height: 34px;
border-radius: 0;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
outline: none;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #ffffff;
height: 34px;
line-height: 34px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ffffff;
border-radius: 0;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
outline: none;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
width: 20px;
display: inline-block;
cursor: pointer;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
opacity: 0.5;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-03 .woofc-area-bot .woofc-total {
padding: 0 20px;
margin: 0;
color: #ffffff;
display: flex;
justify-content: space-between;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action {
padding: 15px 15px 0 15px;
margin: 0;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner {
display: flex;
align-items: center;
width: 100%;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div {
width: 50%;
margin: 0 5px;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
width: 100%;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
height: 40px;
line-height: 36px;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
background-color: #ffffff;
color: #cc6055;
font-weight: 700;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: transparent;
color: #ffffff;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link {
padding: 0 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-link span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue {
text-align: center;
padding: 0 20px;
margin-top: 15px;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-03 .woofc-area-bot .woofc-continue span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-03 .woofc-no-item, .woofc-area.woofc-style-03 .woofc-error {
padding: 20px;
text-align: center;
color: #222222;
}
@media only screen and (max-width: 768px) {
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
padding: 10px 30px 10px 0;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
color: #ffffff;
right: 0;
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-03 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
} .woofc-area.woofc-style-04 .woofc-inner {
background-color: #ffffff;
}
.woofc-area.woofc-style-04 .woofc-inner.woofc-inner-loading:before {
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-inner.woofc-inner-loading:after {
background-color: rgba(255, 255, 255, 0.7);
}
.woofc-area.woofc-style-04 .woofc-area-top {
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
text-transform: uppercase;
color: #222222;
font-weight: 700;
background-color: #eeeeee;
}
.woofc-area.woofc-style-04 .woofc-area-top .woofc-area-heading {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.woofc-area.woofc-style-04 .woofc-area-top .woofc-close {
position: absolute;
top: 50%;
right: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #222222;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woofc-area.woofc-style-04 .woofc-area-mid {
flex-grow: 1;
position: relative;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
overflow-x: hidden;
overflow-y: auto;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item {
padding: 0 20px;
min-height: 40px;
margin: 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:first-child .woofc-item-inner {
border-top: none;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item a {
text-decoration: none;
outline: none;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-undo .woofc-undo-inner {
border-color: #222222;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-undo .woofc-undo-inner a {
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #ffffff;
border-top: 1px dashed #eeeeee;
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
display: none;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
order: 1;
margin-right: 10px;
}
body.rtl .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {
margin-right: 0;
margin-left: 10px;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #444;
background-color: #eeeeee;
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
background-color: #dddddd;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
position: relative;
text-align: center;
display: flex;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
width: 30px;
height: 30px;
line-height: 30px;
min-height: 0;
padding: 0;
margin: 0;
box-sizing: border-box;
text-align: center;
border: none;
outline: none;
display: block;
color: #444;
background-color: #eeeeee;
-moz-appearance: textfield;
box-shadow: none;
font-size: 12px;
font-weight: 400;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
font-size: 12px;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #444;
background-color: #eeeeee;
font-size: 12px;
font-weight: 400;
display: block;
cursor: pointer;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
background-color: #dddddd;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
order: 2;
flex-grow: 1;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
display: block;
font-weight: 400;
font-size: 14px;
margin: 0;
line-height: 1.2;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
display: block;
opacity: 0.7;
white-space: pre-line;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
text-transform: capitalize;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price {
line-height: 1;
font-weight: 400;
font-size: 12px;
text-align: end;
color: #999;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price del {
color: #999;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price ins {
background: none;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-price span {
font-size: 12px !important;
font-weight: 400 !important;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
display: block;
width: 20px;
height: 20px;
line-height: 20px;
color: #444;
font-size: 14px;
font-weight: 400;
text-align: center;
outline: none;
text-decoration: none;
border: none;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
padding-right: 30px;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
right: 0;
opacity: 1;
visibility: visible;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-removing {
opacity: 0.5;
}
.woofc-area.woofc-style-04 .woofc-area-bot {
padding-bottom: 20px;
}
.woofc-area.woofc-style-04 .woofc-shipping-area {
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator input, .woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator select, .woofc-area.woofc-style-04 .woofc-shipping-area .woocommerce-shipping-calculator button {
background-color: rgba(0, 0, 0, 0.05);
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon {
padding: 0 20px;
margin: 0;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
display: flex;
justify-content: space-between;
padding: 0 0 10px 0;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
flex-grow: 1;
background-color: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5);
padding: 0;
color: #222222;
height: 34px;
min-height: 34px;
line-height: 34px;
border-radius: 0;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
outline: none;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #222222;
height: 34px;
line-height: 34px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #222222;
border-radius: 0;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
outline: none;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
width: 20px;
display: inline-block;
cursor: pointer;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
opacity: 0.5;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-04 .woofc-area-bot .woofc-total {
padding: 0 20px;
margin: 0;
color: #222222;
display: flex;
justify-content: space-between;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action {
padding: 15px 15px 0 15px;
margin: 0;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner {
display: flex;
align-items: center;
width: 100%;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div {
width: 50%;
margin: 0 5px;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
width: 100%;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
height: 40px;
line-height: 36px;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
background-color: #ffffff;
color: #cc6055;
font-weight: 700;
border-width: 2px;
border-style: solid;
border-color: #cc6055;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: #cc6055;
color: #ffffff;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link {
padding: 0 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-link span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue {
text-align: center;
padding: 0 20px;
margin-top: 15px;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-continue span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-04 .woofc-no-item, .woofc-area.woofc-style-04 .woofc-error {
padding: 20px;
text-align: center;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices {
margin-bottom: 10px;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-message, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-info, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-error {
border-color: #222222;
color: #222222;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-message:before, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-info:before, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-notices .woocommerce-error:before {
color: #222222;
}
@media only screen and (max-width: 768px) {
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
padding: 10px 30px 10px 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
color: #999;
right: 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
margin-left: 0;
}
.woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-04 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
} .woofc-area.woofc-style-05 .woofc-inner {
background-color: #cc6055;
-webkit-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
-o-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
-moz-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
-ms-box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
box-shadow: 0px 0px 20px 0px rgba(10, 8, 8, 0.57);
}
.woofc-area.woofc-style-05 .woofc-inner:after {
content: "";
top: 0;
left: 0;
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -moz-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
background: -o-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
background: -webkit-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
background: -ms-linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
background: linear-gradient(to bottom, rgba(51, 46, 46, 0.5) 0%, rgba(33, 28, 28, 0.97) 100%);
}
.woofc-area.woofc-style-05 .woofc-inner > div {
z-index: 2;
}
.woofc-area.woofc-style-05 .woofc-area-top {
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
background-color: rgba(0, 0, 0, 0.2);
}
.woofc-area.woofc-style-05 .woofc-area-top .woofc-area-heading {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.woofc-area.woofc-style-05 .woofc-area-top .woofc-close {
position: absolute;
top: 50%;
right: 20px;
display: block;
cursor: pointer;
font-size: 20px;
color: #ffffff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woofc-area.woofc-style-05 .woofc-area-mid {
flex-grow: 1;
position: relative;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
overflow-x: hidden;
overflow-y: auto;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item {
padding: 0 15px;
margin: 10px 0 0 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:first-child {
margin-top: 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item a {
text-decoration: none;
outline: none;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-undo .woofc-item-inner {
margin: 0 !important;
padding: 10px !important;
background-color: transparent;
background: none;
border: 1px dashed #ffffff;
color: #ffffff;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-undo .woofc-item-inner a {
color: #ffffff;
text-decoration: underline;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: transparent;
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner > div {
margin: 0 5px;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
width: 80px;
flex: 0 0 80px;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
width: 100%;
height: auto;
border: 2px solid #ffffff;
box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info {
flex-grow: 1;
margin-right: 10px;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
display: block;
font-weight: 700;
font-size: 14px;
margin-bottom: 5px;
line-height: 1.2;
color: #ffffff;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
text-decoration: none;
color: #ffffff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data {
font-size: 12px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 5px;
display: block;
color: #ffffff;
opacity: 0.7;
white-space: pre-line;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-data span {
text-transform: capitalize;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: #ffffff;
opacity: 0.5;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price del {
color: #ffffff;
opacity: 0.5;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price ins {
background: none;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
font-size: 12px !important;
font-weight: 400 !important;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a {
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner {
position: relative;
text-align: center;
display: flex;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
width: 30px;
height: 30px;
line-height: 30px;
min-height: 0;
padding: 0;
margin: 0;
text-align: center;
border: none;
outline: none;
display: block;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
-moz-appearance: textfield;
box-shadow: none;
font-size: 12px;
font-weight: 400;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input:focus {
font-size: 12px;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-outer-spin-button, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
font-size: 12px;
font-weight: 400;
display: block;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus:hover, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus:hover, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: 0px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
display: block;
width: 20px;
height: 20px;
line-height: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-align: center;
outline: none;
text-decoration: none;
border: none;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special span {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-has-remove:hover .woofc-item-inner {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(25px, -50%, 0);
transform: translate3d(25px, -50%, 0);
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-removing {
opacity: 0.5;
}
.woofc-area.woofc-style-05 .woofc-area-bot {
padding-bottom: 20px;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon {
padding: 0 20px;
margin: 0;
color: #ffffff;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input {
display: flex;
justify-content: space-between;
padding: 0 0 10px 0;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code {
flex-grow: 1;
background-color: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0.5);
padding: 0;
color: #ffffff;
height: 34px;
min-height: 34px;
line-height: 34px;
border-radius: 0;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-code:focus {
outline: none;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check {
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 0;
color: #ffffff;
height: 34px;
line-height: 34px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ffffff;
border-radius: 0;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check:focus {
outline: none;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-input .woofc-coupon-check.checking {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove {
width: 20px;
display: inline-block;
cursor: pointer;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove:hover {
opacity: 0.5;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-coupon .woofc-coupon-added .woofc-coupon-remove.removing {
opacity: 0.5;
pointer-events: none;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-05 .woofc-area-bot .woofc-total {
padding: 0 20px;
margin: 0;
color: #ffffff;
display: flex;
justify-content: space-between;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action {
padding: 15px 15px 0 15px;
margin: 0;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner {
display: flex;
width: 100%;
align-items: center;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div {
width: 50%;
margin: 0 5px;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner .woofc-action-full {
width: 100%;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
height: 40px;
line-height: 36px;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
background-color: transparent;
color: #ffffff;
font-weight: 700;
border: 2px solid #ffffff;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link {
padding: 0 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-link span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue {
text-align: center;
padding: 0 20px;
margin-top: 15px;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue span {
color: #ffffff;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-area.woofc-style-05 .woofc-area-bot .woofc-continue span:hover {
opacity: 0.7;
}
.woofc-area.woofc-style-05 .woofc-no-item, .woofc-area.woofc-style-05 .woofc-error {
padding: 20px;
text-align: center;
color: #ffffff;
}
@media only screen and (max-width: 768px) {
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item.woofc-item-has-remove .woofc-item-inner {
padding: 0 30px 0 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special {
opacity: 1;
visibility: visible;
color: #ffffff;
right: 0;
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-05 .woofc-area-mid .woofc-item:hover .woofc-item-inner .woofc-item-special {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
.woofc-count {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #ffffff;
display: block;
cursor: pointer;
position: fixed;
left: 40px;
bottom: 40px;
z-index: 99999997;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woofc-count:hover {
bottom: 45px;
}
.woofc-count i {
font-size: 24px;
line-height: 60px;
color: #444;
}
.woofc-count span {
position: absolute;
top: -10px;
right: -10px;
height: 30px;
width: 30px;
font-size: 12px;
line-height: 30px;
text-align: center;
background: #e94b35;
color: #ffffff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.woofc-count.woofc-count-bottom-right {
right: 40px;
left: auto;
}
.woofc-count.woofc-count-top-left {
top: 40px;
bottom: auto;
}
.woofc-count.woofc-count-top-left:hover {
top: 45px;
}
.woofc-count.woofc-count-top-right {
top: 40px;
right: 40px;
bottom: auto;
left: auto;
}
.woofc-count.woofc-count-top-right:hover {
top: 45px;
}
.woofc-count.woofc-count-loading i {
display: none;
}
.woofc-count.woofc-count-loading:before {
content: "\e90c";
font-family: "woofc";
font-size: 24px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 24px;
color: #444;
display: block;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
position: absolute;
vertical-align: baseline;
top: 50%;
left: 50%;
-webkit-animation: woofc-spinner 1s linear infinite;
-moz-animation: woofc-spinner 1s linear infinite;
-ms-animation: woofc-spinner 1s linear infinite;
-o-animation: woofc-spinner 1s linear infinite;
animation: woofc-spinner 1s linear infinite;
}
.woofc-count.woofc-count-shake {
animation: woofc-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
body.woocommerce-cart .woofc-count-hide-cart-checkout, body.woocommerce-checkout .woofc-count-hide-cart-checkout, .woofc-count.woofc-count-hide-empty {
display: none !important;
}
.woofc-menu-item .woofc-menu-item-inner {
position: relative;
}
.woofc-menu-item .woofc-menu-item-inner i {
font-size: inherit;
line-height: inherit;
display: inline-block;
margin-right: 5px;
width: 20px;
}
.woofc-menu-item .woofc-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #ffffff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
left: 10px;
top: -10px;
}
.woofc-cart-link .woofc-cart-link-inner {
position: relative;
}
.woofc-cart-link a {
outline: none;
}
.woofc-cart-link .woofc-cart-link-inner i {
font-size: inherit;
line-height: inherit;
display: inline-block;
margin-right: 5px;
width: 20px;
}
.woofc-cart-link .woofc-cart-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #ffffff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
left: 10px;
top: -10px;
}
.woofc-area-count {
margin-left: 5px;
}
.woofc-area-count:before {
content: "(";
}
.woofc-area-count:after {
content: ")";
} .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woopq-quantity-input-minus, .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woopq-quantity-input-plus {
display: none;
} body.rtl .woofc-area .woofc-area-top {
padding: 0 20px 0 60px;
}
body.rtl .woofc-area .woofc-area-top .woofc-close {
left: 20px;
right: auto;
}
body.rtl .woofc-checkout-area .woofc-area-top .woofc-back {
right: 20px;
left: auto;
}
body.rtl .woofc-menu-item .woofc-menu-item-inner:after {
left: auto;
right: 10px;
} .woofc-item-estimated-delivery-date .wpced .wpced-inner {
font-size: 12px;
}
.woofc-item-estimated-delivery-date .wpced .wpced-inner:before {
width: 16px;
height: 16px;
background-size: 16px;
}