/*
Theme Name: Dreamo
Theme URI: http://homessa.live/
Template: funiter
Author: Edward C.
Author URI: http://themeforest.net/user/addway
Description: Dreamo is a simple but modern responsive WordPress theme that designed for homessa.live
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,translation-ready
Version: 5.14
*/
/* ______________________________________________________________________________________________
Content Style
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
html body main .page-main-content h1,
html body main .post-content h1,
html body main .page-main-content h2,
html body main .post-content h2,
html body main .page-main-content h3,
html body main .post-content h3,
html body main .page-main-content h4,
html body main .post-content h4,
html body main .page-main-content h5,
html body main .post-content h5,
html body main .page-main-content h6,
html body main .post-content h6 {
color: #444;
font-weight: 500;
margin: 0;
padding: 10px 0 20px;
}
/* ______________________________________________________________________________________________
Header
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.header-top-inner #menu-top-left-menu {
width: 45%;
}
.header-top-inner .header-top-right {
width: 55%;
float: left;
text-align: right;
}
.header-top-inner .header-top-right #menu-top-right-menu {
width: auto;
float: none;
display: inline-block;
vertical-align: top;
}
.header-top-inner .header-top-right .block-search {
display: inline-flex;
padding-top: 2px;
}
.header-top-inner .header-top-right .header-control {
display: inline-block;
}
.header-top-inner .top-bar-menu > .menu-item a {
line-height: 36px;
}
.header-middle-inner .block-user .sub-menu {
min-width: 200px;
}
/* ------------------------------------ Search ------------------------------------ */
.header.style4 div.block-search {
padding-top: 5px;
}
.header.style4 div.block-search .form-search {
/* Typing caret for rotating placeholder */
}
.header.style4 div.block-search .form-search .form-content {
border: 2px solid #ccc;
border-radius: 40px;
}
.header.style4 div.block-search .form-search input.txt-livesearch {
height: 40px;
line-height: 40px;
}
.header.style4 div.block-search .form-search input.txt-livesearch::placeholder {
color: #d5d5d5;
}
.header.style4 div.block-search .form-search .search-caret {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #d5d5d5;
font-family: inherit;
font-size: 14px;
line-height: 1;
pointer-events: none;
animation: blink-caret 1s steps(1) infinite;
display: inline-block;
}
@keyframes blink-caret {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header.style4 div.block-search .form-search .search-measurer {
visibility: hidden;
position: absolute;
left: -9999px;
top: -9999px;
white-space: pre;
}
.header.style4 div.block-search .form-search button.btn-submit {
color: #aaa;
background: none;
height: 44px;
line-height: 44px;
}
.header.style4 .funiter-live-search-form.loading .search-box::before {
right: 65px;
}
@media screen and (min-width: 1200px) {
.header.style4 .header-middle-inner {
display: flex;
}
.header.style4 .header-middle-inner .logo,
.header.style4 .header-middle-inner .header-control {
float: none;
width: 25%;
}
.header.style4 .header-middle-inner div.block-search {
float: none;
width: 50%;
}
}
/* ------------------------------------ Mini cart ------------------------------------ */
.woocommerce-mini-cart-item a:not(.remove) {
display: flex;
align-items: flex-start;
}
.woocommerce-mini-cart-item a:not(.remove) img {
float: none;
max-width: 75px;
margin-right: 15px;
}
.woocommerce-mini-cart-item a:not(.remove) span.quantity {
display: block;
margin-top: 5px;
}
:root {
--caret-color: #666;
/* Darker Caret */
--text-color: #999;
/* Lighter Text */
--typing-speed: 8s;
/* Total time per word cycle */
}
.typing-content {
position: absolute;
left: 30px;
pointer-events: none;
display: flex;
align-items: center;
background: transparent;
}
.typing-content::before {
content: '';
display: flex;
overflow: hidden;
white-space: nowrap;
color: var(--text-color);
border-right: 1.5px solid var(--caret-color);
/* The Caret */
line-height: 1.5;
padding-right: 0;
width: 0;
font-size: 16px;
/* Animation 1: Typing/Staying/Deleting | Animation 2: Caret Blink | Animation 3: Word List */
animation: typing-logic var(--typing-speed) steps(30) infinite, caret-blink 0.8s step-end infinite, word-list 24s infinite;
/* 18s = 3 words * 6s */
}
/* 1. Typing & Staying Logic (0-30% type, 30-70% stay, 70-100% delete) */
@keyframes typing-logic {
0% {
width: 0;
}
25%,
50% {
width: 100%;
}
75%,
100% {
width: 0;
}
}
/* 2. Caret Blinking */
@keyframes caret-blink {
from,
to {
border-color: transparent;
}
50% {
border-color: var(--caret-color);
}
}
/* 3. Word Content Cycling */
@keyframes word-list {
0%,
33% {
content: "Outdoor lounge";
}
34%,
66% {
content: "Entertainment unit";
}
67%,
100% {
content: "Lola";
}
}
/* 4. HIDE ANIMATION when user interacts */
/* If the real placeholder IS NOT shown (meaning user typed something) or input is focused */
.txt-livesearch:focus ~ .typing-content,
.txt-livesearch:not(:placeholder-shown) ~ .typing-content {
display: none;
}
/* Hide native placeholder when overlay is present; restore on focus */
.txt-livesearch::placeholder {
color: transparent !important;
opacity: 0 !important;
}
.txt-livesearch:focus::placeholder {
color: #d5d5d5 !important;
opacity: 1 !important;
}
/* ______________________________________________________________________________________________
Mobile Header
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.header-mobile {
padding: 0 !important;
margin: 0 !important;
position: relative;
}
.header-mobile .main-header {
padding: 10px 0;
}
.header-mobile .main-header .logo {
flex: 1 1 0;
}
.header-mobile .main-header .logo img {
width: 160px !important;
}
.header-mobile .main-header .mobile-hamburger-navigation .hamburger {
width: 30px;
height: auto;
margin-left: 20px;
padding: 0;
}
.header-mobile .main-header .header-mobile-right {
width: auto;
text-align: left;
margin-right: 20px;
}
.header-mobile .main-header .header-mobile-right span.icon {
color: #000;
font-size: 24px;
padding: 0 5px;
display: block;
float: left;
margin-right: 15px;
}
.header-mobile .main-header .header-mobile-right div.block-cart-link {
float: left;
}
.header-mobile .main-header .header-mobile-right div.block-cart-link a.link-dropdown {
top: 0;
}
.header-mobile .header-middle {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
}
.header-mobile .header-middle span.contact {
display: flex;
justify-content: space-between;
padding-left: 20px;
line-height: 1.5;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
align-items: center;
flex-direction: column;
color: #333;
}
.header-mobile .header-middle span.contact::before {
order: 0;
color: #E52228;
font-size: 20px;
line-height: 1.5;
}
.header-mobile .header-middle .block-search {
flex-grow: 1;
}
.header-mobile .header-contact {
display: none;
flex-direction: column;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
padding: 20px 25px;
background: white;
width: 100%;
z-index: 999;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1);
}
.header-mobile .header-contact.active {
display: flex;
}
.header-mobile .header-contact a {
display: block;
background: #333;
border-radius: 35px;
padding: 5px 20px;
color: white;
margin: 7px 0;
text-align: center;
font-size: 14px;
line-height: 26px;
letter-spacing: 1px;
}
.header-mobile .header-contact a:hover,
.header-mobile .header-contact a.live-chat {
background: #E52228;
}
/* Fix funiter position */
.box-mobile-menu-open .header-mobile .main-header {
position: inherit;
z-index: 0;
}
.box-mobile-menu-open.admin-bar .header-mobile .main-header {
top: auto;
}
/* ______________________________________________________________________________________________
Mobile Menu
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.header-mobile .box-mobile-menu {
width: 440px;
left: -440px;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.header-mobile .box-mobile-menu {
width: 320px;
left: -320px;
}
}
.header-mobile .box-mobile-menu .box-mibile-overlay {
background: rgba(225, 225, 225, 0.66);
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0;
background: white;
/* hide scrollbar while allowing scroll */
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* Internet Explorer 10+ */
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .icon-close {
position: absolute;
padding: 10px;
top: 10px;
left: 10px;
color: #000;
font-size: 20px;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .top {
padding: 70px 60px 60px;
flex: 1 1 0;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.header-mobile .box-mobile-menu .box-mobile-menu-inner .top {
padding: 70px 30px 60px;
}
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom {
background: #333;
padding: 30px 60px;
color: white;
}
@media screen and (max-width: 767px) {
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom {
padding: 30px 40px;
}
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom a:not(:hover) {
color: white;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom a {
display: flex;
width: 100%;
border-bottom: 1px solid white;
line-height: 3;
align-items: center;
justify-content: space-between;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom a i {
order: -1;
margin: 0 15px 0 0;
padding: 0;
font-size: 19px;
position: relative;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom a i span.count {
position: absolute;
top: -12px;
right: -16px;
display: inline-block;
min-width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
padding: 0 3px;
border-radius: 50%;
background-color: #E52228;
font-size: 11px;
font-style: normal;
color: #ffffff;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .bottom a::after {
flex: 1 1 0;
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f105";
font-size: 19px;
color: #888;
text-align: right;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu .menu-item-has-children > a,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu li.menu-item > a {
padding: 14px 0 14px 0;
color: #555;
line-height: 22px;
display: flex;
float: left;
align-items: center;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu .menu-item-has-children > a > span.image,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu li.menu-item > a > span.image {
display: block !important;
width: 40px;
height: 40px;
margin-right: 10px;
order: -1;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu li.menu-item.mobile-active > a,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu li.menu-item.mobile-active > span.toggle-submenu {
opacity: 0;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu .toggle-submenu {
text-align: right;
line-height: 68px;
height: 68px;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .main-menu .toggle-submenu::before {
font-size: 22px;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu {
/* hide scrollbar while allowing scroll */
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* Internet Explorer 10+ */
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu figure,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu figcaption {
display: none !important;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu.megamenu {
margin-top: 0;
padding-top: 20px;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu a.top-category-link {
position: relative;
display: block;
margin-bottom: 20px;
text-align: left;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .widgettitle,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu a.top-category-link {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 22px;
padding: 10px 0;
color: #555;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .widgettitle::before,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu a.top-category-link::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #d3d3d3;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .widgettitle .icon-expand::before,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu a.top-category-link .icon-expand::before {
float: right;
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f105";
font-size: 22px;
color: #888;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu.active .icon-expand::before {
content: "\f107";
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .vc_row,
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .vc_column_container > .vc_column-inner {
padding: 0 !important;
margin: 0 !important;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu div.funiter-custommenu {
padding-bottom: 0 !important;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .mobile-back-nav-wrap {
width: auto;
background: none;
position: relative;
font-weight: 400;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .mobile-back-nav-wrap a {
width: 100%;
font-size: 14px;
color: #000;
text-align: left;
text-decoration: underline;
opacity: 0.6;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .mobile-back-nav-wrap span {
font-size: 14px;
display: inline !important;
margin: 0;
padding: 0;
color: #000;
width: auto;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .mobile-back-nav-wrap span img {
display: none !important;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu.active {
padding-bottom: 20px !important;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu ul.menu li {
border-bottom: 1px solid #ddd;
font-size: 16px;
font-weight: bold;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu ul.menu li a {
line-height: 1.5;
padding: 9px 0;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu h2.widgettitle + div ul.menu {
display: none;
padding: 0 0 20px 20px;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu h2.widgettitle + div ul.menu li {
border: none;
}
.header-mobile .box-mobile-menu .box-mobile-menu-inner .submenu .funiter-custommenu h2.widgettitle + div ul.menu li a {
font-weight: 400;
color: #888;
font-size: 16px;
line-height: 32px;
padding: 9px 0;
width: 100%;
}
.box-mobile-menu-open .box-mobile-menu,
.box-mobile-menu-open .body-overlay,
.real-mobile-show-menu .body-overlay {
left: 0;
}
/* Fix funiter position */
body.real-mobile-show-menu {
padding: 0;
}
.box-mobile-menu {
top: 0;
}
.admin-bar .box-mobile-menu {
top: 32px;
}
@media screen and (max-width: 991px) {
.admin-bar .box-mobile-menu {
top: 46px;
}
}
/* ______________________________________________________________________________________________
Footer
______________________________________________________________________________________________ */
/* ------------------------------------ Block - Contact ------------------------------------ */
.block-contact {
margin: 40px 0 40px;
}
.block-contact .funiter-iconbox.style-02 .iconbox-inner {
border: none !important;
}
.block-contact .funiter-iconbox.style-02 .iconbox-inner .content a {
color: #333;
font-size: 14px;
text-decoration: underline;
}
.footer .footer-subscribe .vc_cta3-container {
margin-bottom: 0 !important;
}
.footer .footer-subscribe .vc_cta3 {
display: flex !important;
background: none !important;
}
@media screen and (max-width: 767px) {
.footer .footer-subscribe .vc_cta3 {
flex-direction: column;
align-items: center;
text-align: center;
}
}
.footer .footer-subscribe .vc_cta3_content-container {
display: flex !important;
flex-grow: 1;
justify-content: space-between !important;
align-items: center;
}
@media screen and (max-width: 767px) {
.footer .footer-subscribe .vc_cta3_content-container {
flex-direction: column;
}
.footer .footer-subscribe .vc_cta3_content-container .vc_cta3-content header,
.footer .footer-subscribe .vc_cta3_content-container .vc_cta3-content p {
text-align: center !important;
}
.footer .footer-subscribe .vc_cta3_content-container button {
margin-top: 30px;
}
}
.footer .footer-subscribe button {
width: 200px !important;
height: 60px !important;
}
.footer .widgettitle {
color: #fff;
}
.footer .widgettitle::before {
display: none;
}
.footer .funiter-custommenu li.menu-item {
margin-bottom: 5px;
}
.footer .funiter-custommenu li.menu-item a:not(:hover) {
color: #fff;
font-weight: 400;
opacity: 0.7;
}
.footer .newsletter-inner {
display: flex;
padding-bottom: 40px;
align-items: center;
border-bottom: 1px solid #d5d5d5;
}
.footer .newsletter-inner .element-wrap {
color: #333;
width: 50%;
}
.footer .newsletter-inner .newsletter-form-wrap {
width: 50%;
}
.footer .funiter-socials {
padding-top: 0 !important;
}
@media screen and (max-width: 991px) {
.footer .vc_column_container.vc_col-sm-4 {
display: none;
}
.footer .vc_column_container.vc_col-sm-2,
.footer .vc_column_container.vc_col-sm-3 {
width: 25% !important;
}
.footer .vc_col-sm-12 p {
text-align: left !important;
}
}
@media screen and (max-width: 767px) {
.footer .vc_column_container.vc_col-sm-2,
.footer .vc_column_container.vc_col-sm-3 {
width: 100% !important;
}
.footer .widgettitle {
border-bottom: 1px solid #fff;
}
.footer .widgettitle::after {
content: "\f107";
font-family: 'FontAwesome', sans-serif;
float: right;
width: 30px;
text-align: center;
}
.footer .widgettitle.active::after {
content: "\f106";
}
}
/* ______________________________________________________________________________________________
Nav Menu
______________________________________________________________________________________________ */
.box-header-nav .main-menu > .menu-item > a > span.image {
display: none;
}
.fullwidth-template,
.main-container,
.site-main {
position: relative;
}
.fullwidth-template #main-cover,
.main-container #main-cover,
.site-main #main-cover {
transition: opacity 0.4s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
opacity: 0;
z-index: -1;
}
.dreamo-yellow a,
.dreamo-yellow a:hover,
.dreamo-yellow a:focus,
.dreamo-yellow a:active,
.dreamo-yellow a:before {
color: #efd700 !important;
border-color: #efd700 !important;
}
.dreamo-red a,
.dreamo-red a:hover,
.dreamo-red a:focus,
.dreamo-red a:active,
.dreamo-red a:before {
color: #ff5050 !important;
border-color: #ff5050 !important;
}
.header.style4 .sticky-wrapper.is-sticky .header-nav-inner {
border-color: transparent;
}
.header.style4 .header-nav-inner {
padding: 3px 0;
border-color: #aaa;
}
.header.style4 .header-nav-inner .box-header-nav {
text-align: center;
}
.header.style4 .header-nav-inner .box-header-nav ul#menu-primary-menu {
display: flex;
justify-content: space-between;
}
.header.style4 .header-nav-inner .box-header-nav .funiter-custommenu .widgettitle {
font-weight: 600;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu > .menu-item:not(:last-child):after {
content: "";
width: 1px;
position: absolute;
background: #bbb;
height: 20%;
top: 40%;
right: -22px;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu > .menu-item > a {
font-size: 16px;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #555;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu .menu-item .submenu .menu-item > a {
position: relative;
display: inline-block;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu .menu-item .submenu .menu-item > a:after {
display: block;
content: "";
width: 0;
transition: width 0.4s ease 0s;
border-bottom: 1px solid #A8854A;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu .menu-item .submenu .menu-item:hover > a:after {
width: 100%;
}
.header.style4 .header-nav-inner .box-header-nav img {
transition: all 0.25s ease-out;
}
.header.style4 .header-nav-inner .box-header-nav img:hover {
opacity: 0.7;
}
.header.style4 .header-nav-inner .box-header-nav figure {
text-align: center;
}
.header.style4 .header-nav-inner .box-header-nav figcaption {
text-align: center;
font-style: normal;
color: #A8854A;
font-size: 14px;
margin-top: 10px;
display: inline-block;
}
.header.style4 .header-nav-inner .box-header-nav figcaption:after {
display: block;
content: "";
width: 0;
transition: width 0.4s ease 0s;
border-bottom: 1px solid #A8854A;
}
.header.style4 .header-nav-inner .box-header-nav figure:hover figcaption:after {
width: 100%;
}
/* ______________________________________________________________________________________________
Breadcrumb
______________________________________________________________________________________________ */
nav.woocommerce-breadcrumb::before,
nav.woocommerce-breadcrumb::after {
display: none !important;
}
.woocommerce-breadcrumb {
color: #bbb;
font-size: 14px;
}
.woocommerce-breadcrumb a:not(:hover) {
color: #bbb;
}
.woocommerce-breadcrumb i {
color: #ddd;
}
/* ______________________________________________________________________________________________
Faq
______________________________________________________________________________________________ */
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
font-size: 18px !important;
background-color: #E52228;
color: white !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 3;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a i::before,
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a i::after {
color: white !important;
border-color: white !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: white !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel-body {
border: none;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel-body .vc_toggle_title > h4 {
color: #333;
font-size: 18px !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel-body .vc_toggle_active .vc_toggle_title > h4 {
color: #333;
}
/* ______________________________________________________________________________________________
Product badge (new, sale, soldout)
______________________________________________________________________________________________ */
.flash {
position: absolute;
bottom: 0;
left: 0;
}
.products .flash {
width: 100%;
}
.onnew,
.onsale,
.soldout {
border-radius: 0;
margin: 0 !important;
position: relative;
}
.onsale,
.onnew {
display: inline-block;
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.onsale {
background-color: #E52228;
}
.soldout {
display: inline-block;
padding: 1px 0;
width: 80px;
text-align: center;
background: #D5A926;
color: #333;
font-size: 12px;
font-weight: 400;
z-index: 9;
}
.single-product .contain-left .soldout {
z-index: 1;
}
.clearance,
.save-badge {
background-color: #E52228;
border-radius: 15px;
padding: 0 15px;
line-height: 1.8;
color: white;
font-size: 15px;
font-weight: normal;
display: inline-block;
margin-left: 10px !important;
}
.recent-viewed-item .clearance {
display: none;
}
.product-item .clearance {
position: absolute;
top: 10px;
left: 0;
z-index: 9;
border-radius: 0;
font-size: 14px;
margin: 0 !important;
}
.single-product .price .clearance {
order: 3;
}
.single-product .price .save-badge {
background-color: #2C474B;
white-space: nowrap;
order: 2;
}
.is-trade .price .save-badge {
display: none !important;
}
.our-pick {
background-color: #16B025;
position: absolute;
padding: 0px 15px;
display: inline-block;
line-height: 1.8;
color: white;
font-weight: normal;
top: 10px;
left: 0px;
z-index: 9;
border-radius: 0;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.woocommerce-page.archive .our-pick {
padding: 5px 10px;
font-size: 10px;
line-height: 12px;
top: 10px;
left: 0px;
}
}
@media screen and (max-width: 767px) {
.single-product .our-pick {
padding: 5px 10px;
font-size: 10px;
line-height: 12px;
top: 0px;
left: 80px;
}
}
/* ______________________________________________________________________________________________
Related, Recently Viewed products
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.single-block-title {
font-size: 24px;
font-weight: bold;
color: #555;
margin-bottom: 0;
}
.single-block-title::before {
display: none;
}
/* ______________________________________________________________________________________________
Sales Popup
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
@media screen and (max-width: 767px) {
.famisp-sales-popup-wrap {
transform: scale(0.8);
transform-origin: left bottom;
left: 10px;
bottom: 10px;
}
}
.famisp-sales-popup-wrap .famisp-sales-popup span.famisp-close {
line-height: 18px;
}
/* ------------------------------------ Payments ------------------------------------ */
.zip-widget__wrapper {
padding: 0 !important;
}
.humm-price-info-widget .humm-description,
.zip-widget__wrapper,
.afterpay-payment-info,
square-placement {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #aaa;
text-align: left;
margin: 0;
}
.humm-price-info-widget .humm-description span.humm-main,
.zip-widget__wrapper span.humm-main,
.afterpay-payment-info span.humm-main,
square-placement span.humm-main {
font-weight: 400;
}
.humm-price-info-widget .humm-description a,
.zip-widget__wrapper a,
.afterpay-payment-info a,
square-placement a,
.humm-price-info-widget .humm-description span.humm-more-info,
.zip-widget__wrapper span.humm-more-info,
.afterpay-payment-info span.humm-more-info,
square-placement span.humm-more-info {
font-family: Poppins, Helvetica, Arial, sans-serif;
color: #aaa;
text-transform: capitalize;
font-size: 12px;
}
.humm-price-info-widget .humm-description span.zip-payment-amount,
.zip-widget__wrapper span.zip-payment-amount,
.afterpay-payment-info span.zip-payment-amount,
square-placement span.zip-payment-amount {
font-weight: 600;
}
.single-product .zip-widget__wrapper {
height: 35px;
}
@media screen and (max-width: 767px) {
.single-product .zip-widget__wrapper {
padding: 10px 15px 0 !important;
}
}
.single-product .humm-price-info-widget {
padding: 0;
}
.single-product .humm-price-info-widget .humm-description {
height: 35px;
overflow: hidden;
}
.single-product .humm-price-info-widget .humm-main {
white-space: auto;
}
@media screen and (max-width: 767px) {
.single-product .humm-price-info-widget .humm-description,
.single-product .zip-widget__wrapper,
.single-product .afterpay-payment-info,
.single-product square-placement {
padding: 10px 15px;
margin-bottom: 10px;
height: auto !important;
border: 1px solid #ddd;
}
}
.woocommerce-cart .cart-collaterals table tr.order-total + tr square-placement {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #aaa;
}
.woocommerce-cart .cart-collaterals .humm-price-info-widget {
margin-bottom: 20px;
}
/* ______________________________________________________________________________________________
Woo Message/Info/Error
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
line-height: 1.5;
}
/* ______________________________________________________________________________________________
WooCommerce global style
______________________________________________________________________________________________ */
/* ______________________________________________________________________________________________
Home Page
______________________________________________________________________________________________ */
/* ------------------------------------ Features ------------------------------------ */
.home .dreamo-features > .owl-slick:not(.slick-slider) {
display: flex;
justify-content: space-between;
}
.home .dreamo-features > .owl-slick:not(.slick-slider) .funiter-iconbox {
flex-grow: 1;
}
/* ------------------------------------ Product Categories ------------------------------------ */
.home .funiter-category.style-02 .category-thumb {
position: relative;
}
.home .funiter-category.style-02 .category-inner .category-thumb:after {
background: #A8854A;
position: absolute;
top: 0;
left: 0;
content: "";
right: 0;
bottom: 0;
opacity: 0;
transition: all 0.25s ease-out;
}
.home .funiter-category.style-02 figcaption {
position: absolute;
font-style: normal;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.25s ease-out;
color: #fff;
font-size: 22px;
z-index: -1;
}
.home .funiter-category.style-02 .category-inner:hover .category-thumb:after {
opacity: 1;
}
.home .funiter-category.style-02 .category-inner:hover figcaption {
z-index: 1;
top: 50%;
}
.home .funiter-category.style-02 .category-inner:hover h3 {
opacity: 0;
}
/* ------------------------------------ Funiter: Banners ------------------------------------ */
@media screen and (max-width: 767px) {
.funiter-banner .banner-thumb img {
min-height: auto;
}
}
/* ------------------------------------ Funiter: Products ------------------------------------ */
.product-item:not(.list) .product-inner::before,
.product-item:not(.list) .product-inner::after {
display: none !important;
}
/* ------------------------------------ Shop by categories ------------------------------------ */
.shop-by-cat .category-item {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.shop-by-cat .category-item {
margin-bottom: 30px;
}
}
/* ------------------------------------ Testimonials ------------------------------------ */
.funiter-testimonial.style-02 .content {
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
.funiter-testimonial.style-02 .testimonial-inner {
background: none;
}
/* ------------------------------------ Side banner ------------------------------------ */
#right-side-banner {
position: fixed;
right: 0;
top: 20%;
transform: translateX(100%);
transition: all 0.25s ease-out;
z-index: 9999999999;
}
#right-side-banner.active {
transform: translateX(0);
}
#right-side-banner .side-banner-title {
transform: rotate(-90deg) translate(-50%, -100%);
transform-origin: left top;
position: absolute;
left: 0;
top: 50%;
padding: 0 15px;
line-height: 30px;
background-color: #ff5050;
color: white;
cursor: pointer;
}
#right-side-banner img {
max-width: 200px !important;
}
body.home .xoo-wsc-slider-modal,
body.tax-product_cat .xoo-wsc-slider-modal,
body.home .xoo-wsc-modal,
body.tax-product_cat .xoo-wsc-modal {
display: none !important;
}
/* ______________________________________________________________________________________________
Slider
______________________________________________________________________________________________ */
#SR7_2_1 {
height: 725px;
}
@media screen and (max-width: 767px) {
#SR7_2_1 {
height: 553px;
}
}
/* ______________________________________________________________________________________________
Shop Page / Product Category
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.categories-product-woo .product-grid:nth-child(2) {
display: none;
}
.main-content .term-description {
clear: both;
}
@media screen and (max-width: 767px) {
.main-content .term-description {
height: 56px;
overflow: hidden;
text-overflow: ellipsis;
}
}
.main-content .term-description-2 {
padding-top: 40px;
border-top: 1px solid #e5e5e5;
margin-top: 40px;
}
.free-metro-shipping {
margin: 5px 0;
}
.free-metro-shipping > span {
display: inline-block;
font-size: 13px;
font-weight: 600;
padding: 0 10px;
line-height: 28px;
margin: 0;
border-radius: 5px;
background-color: #fce2e2;
color: #ed6266;
}
@media screen and (max-width: 767px) {
.free-metro-shipping > span {
font-size: 11px;
padding: 0 7px;
}
}
.free-metro-shipping > i {
opacity: 0.7;
}
.free-metro-shipping > i:hover {
opacity: 1;
cursor: pointer;
}
.product-shipping-class {
display: inline-block;
font-size: 13px;
font-weight: 600;
padding: 0 10px;
line-height: 28px;
margin: 0;
border-radius: 5px;
background-color: #dbebf8;
color: #63a6e1;
margin: 5px 0;
}
@media screen and (max-width: 767px) {
.product-shipping-class {
font-size: 11px;
padding: 0 7px;
}
}
.prod-badge {
display: inline-block;
font-size: 13px;
font-weight: 600;
padding: 0 10px;
line-height: 28px;
margin: 0;
border-radius: 5px;
background-color: #FE8F51;
color: #fff;
margin: 5px 0;
padding: 5px 10px;
max-width: 180px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.prod-badge {
font-size: 11px;
padding: 0 7px;
}
}
@media screen and (max-width: 767px) {
.prod-badge {
font-size: 11px;
padding: 5px 10px;
}
}
.onnew,
.onsale {
font-size: 13px;
height: 30px;
line-height: 29px;
}
.preorder-info {
font-size: 14px;
color: #aaa;
}
#widget-area .widget .prdctfltr_filter.prdctfltr_pa_color label.prdctfltr_ft_none,
.prdctfltr_filter.prdctfltr_pa_color label.prdctfltr_ft_none {
width: auto;
height: auto;
border: none;
overflow: inherit;
}
.shop-before-control > form {
float: right;
padding-left: 10px;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.shop-before-control nav.pagination,
.shop-before-control form.per-page-form {
display: none !important;
}
.shop-before-control form.woocommerce-ordering {
display: block !important;
float: none;
padding-left: 0;
width: 100%;
}
.shop-before-control form.woocommerce-ordering select {
width: 100%;
}
}
.product-item .variations_form {
display: none;
}
.woocommerce-page.archive .prdctfltr_filter_title {
display: none !important;
}
@media screen and (max-width: 767px) {
.woocommerce-page.archive .prdctfltr_filter_title {
display: table !important;
}
}
.woocommerce-page.archive .woocommerce-products-header {
display: none !important;
}
@media screen and (max-width: 767px) {
.woocommerce-page.archive .woocommerce-products-header {
display: block !important;
}
}
.woocommerce-page.archive .woocommerce-products-header .woocommerce-result-count {
display: none !important;
}
.woocommerce-page.archive .grid-view-mode form:nth-child(2) {
display: none;
}
/* Product filter (popup window) */
.prdctfltr_wc .prdctfltr_filter {
padding-bottom: 30px !important;
padding-top: 10px !important;
}
.prdctfltr_filter .prdctfltr_regular_title {
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
#widget-area .widget .prdctfltr_filter label:not(.screen-reader-text),
.prdctfltr_filter label:not(.screen-reader-text) {
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
.prdctfltr_wc.pf_arrow .prdctfltr_buttons {
padding: 0 !important;
}
@media screen and (max-width: 767px) {
.prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_arrow .prdctfltr_woocommerce_ordering {
width: 100% !important;
}
}
.archive h1.dreamo-page-title {
text-transform: uppercase;
font-weight: bold;
font-size: 26px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.archive h1.dreamo-page-title {
text-align: center;
}
}
.archive h1.woocommerce-products-header__title.page-title {
display: none !important;
}
.archive .funiter-category.style-02 {
margin-bottom: 50px;
padding: 0 15px;
}
@media screen and (max-width: 767px) {
.archive .funiter-category.style-02 {
margin-bottom: 10px;
padding: 0 20px;
}
}
.archive .funiter-category.style-02 figcaption {
display: none;
}
.archive .funiter-category.style-02 .title {
font-size: 18px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.archive .funiter-category.style-02 .title {
font-size: 13px;
}
}
.archive .funiter-category.style-02 .category-item {
margin-bottom: 30px;
padding-left: 60px;
padding-right: 60px;
}
@media screen and (max-width: 767px) {
.archive .funiter-category.style-02 .category-item {
padding-left: 10px;
padding-right: 10px;
}
}
.archive .funiter-category.style-02 .category-thumb {
margin-bottom: 20px;
padding: 0;
}
@media screen and (max-width: 767px) {
.archive .funiter-category.style-02 .category-thumb {
margin-bottom: 10px;
width: 70%;
}
}
/* ______________________________________________________________________________________________
Single Product
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.single-product .layout-selector-wrapper {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
margin-top: -3px;
padding-bottom: 15px;
}
.single-product .set-selector-wrapper {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
margin-top: 15px;
padding-bottom: 15px;
}
.single-product .set-selector-items {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.single-product .set-item {
border-radius: 0;
padding: 0 10px;
line-height: 36px;
height: 36px;
display: inline-flex;
align-items: center;
cursor: pointer;
border: 1px solid #ddd;
background: #fff;
}
.single-product .set-item-name {
font-size: 13px;
color: #555;
}
.single-product .set-item.active {
border-color: #333;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.9);
}
.single-product .selector-title {
margin-bottom: 10px;
font-weight: 600;
width: 110px;
}
.single-product .selector-title .selector-active-alt {
display: block;
color: #E52228;
font-size: 13px;
line-height: 1.3;
}
.single-product .layout-selector-items {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.single-product .layout-item img {
width: 48px;
height: 48px;
display: block;
border-radius: 6px;
cursor: pointer;
}
.single-product .layout-item.active img {
border: 1px solid #666;
}
.single-product .layout-item:not(.active):hover img {
transform: translateY(-2px);
transition: all 0.15s ease;
}
.single-product .bought-together-wrapper {
margin-top: 30px;
padding: 20px;
background: #f9f9f9;
border-radius: 8px;
position: relative;
/* container for arrow buttons */
}
.single-product .bought-together-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
color: #333;
}
.single-product .bought-together-items {
display: flex;
align-items: stretch;
gap: 15px;
overflow-x: auto;
padding-bottom: 10px;
margin-left: -10px;
padding-left: 10px;
}
.single-product .bought-together-items {
/* Firefox */
scrollbar-width: none;
/* IE 10+ */
-ms-overflow-style: none;
}
.single-product .bought-together-items::-webkit-scrollbar {
display: none;
}
.single-product .bt-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 20;
opacity: 0.95;
}
.single-product .bt-arrow.left {
left: 8px;
}
.single-product .bt-arrow.right {
right: 8px;
}
.single-product .bt-arrow span {
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #000;
}
.single-product .bought-item {
display: flex;
flex: 0 0 100px;
flex-direction: column;
text-align: center;
}
.single-product .bought-item-image {
margin-bottom: 10px;
overflow: hidden;
border-radius: 4px;
}
.single-product .bought-item-image img {
width: 100%;
object-fit: cover;
display: block;
}
.single-product .bought-item-details {
flex: 1;
display: flex;
flex-direction: column;
}
.single-product .bought-item-name {
font-size: 12px;
font-weight: 600;
margin: 0 0 8px;
line-height: 1.3;
}
.single-product .bought-item-name a {
color: #333;
text-decoration: none;
}
.single-product .bought-item-name a:hover {
color: #0073aa;
}
.single-product .bought-item-price {
font-size: 12px;
margin-bottom: 10px;
}
.single-product .bought-item-add-to-cart {
align-self: center;
padding: 2px 25px !important;
font-size: 12px !important;
border-radius: 20px !important;
border: 1px solid #333 !important;
background: #fff !important;
color: #333 !important;
cursor: pointer;
transition: all 0.2s ease;
}
.single-product .bought-item-add-to-cart:hover {
background: #333 !important;
color: #fff !important;
}
.single-product form.variations_form table.variations tr:nth-child(2) {
display: none;
}
.single-product .assembly-confirm-popup {
padding: 40px 20px;
margin: 20px;
border-radius: 10px;
text-align: center;
}
.single-product .assembly-confirm-popup .ui-dialog-titlebar {
padding: 10px 0;
}
.single-product .assembly-confirm-popup button {
margin: 5px;
}
.single-product .assembly-confirm-popup button:hover,
.single-product .assembly-confirm-popup button:focus {
background-color: #2984d4;
}
.single-product .assembly-confirm-popup button.ui-dialog-titlebar-close,
.single-product .assembly-confirm-popup .ui-dialog-title {
display: none;
}
.single-product .assembly-confirm-popup .ui-dialog-content {
overflow: hidden;
padding: 0 20px;
}
.single-product .assembly-confirm-popup .ui-dialog-content p {
overflow: hidden;
color: #000;
font-size: 16px;
}
.single-product .assembly-confirm-popup .ui-dialog-content p span {
font-size: 13px;
color: red;
}
.single-product #sale-countdown {
order: 3;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
padding: 15px 20px;
background: #2C474B;
color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 360px;
line-height: 1;
}
.single-product #sale-countdown #countdown-timer {
font-weight: normal;
display: flex;
justify-content: space-between;
gap: 10px;
}
.single-product #sale-countdown #countdown-timer p {
background-color: #2C474B;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-size: 13px;
}
.single-product #sale-countdown #countdown-timer span {
border-radius: 5px;
color: #2C474B;
background: #fff;
font-size: 15px;
width: 30px;
text-align: center;
line-height: 1.5;
margin-bottom: 5px;
}
.single-product .sofa-spec {
text-align: center;
margin: 30px auto 50px;
width: 100%;
max-width: 700px;
border: 1px solid #eee;
}
.single-product .sofa-spec .sofa-spec-row {
padding: 20px;
border-bottom: 1px solid #eee;
}
.single-product .sofa-spec .sofa-spec-row .title {
font-weight: 500;
margin-bottom: 10px;
color: #666;
}
.single-product .sofa-spec .sofa-spec-row .content {
display: flex;
justify-content: center;
align-items: center;
}
.single-product .sofa-spec .sofa-spec-row span {
font-size: 12px;
width: 70px;
}
.single-product .sofa-spec .sofa-spec-row:last-child {
border: none;
}
.single-product .sofa-spec ul {
display: flex;
padding: 0 10px;
}
.single-product .sofa-spec li {
width: 14px;
height: 14px;
border-radius: 50%;
margin: 0 4px;
list-style: none;
background-color: #d5d5d5;
}
.single-product .sofa-spec li.active {
background-color: #16B025;
}
.single-product td.woocommerce-product-attributes-item__value {
position: relative;
}
.single-product td.woocommerce-product-attributes-item__value .prod-attr-info {
position: absolute;
padding: 10px;
right: -30px;
top: 0px;
opacity: 0.3;
}
@media screen and (max-width: 767px) {
.single-product td.woocommerce-product-attributes-item__value .prod-attr-info {
padding: 5px;
right: -20px;
}
}
.single-product td.woocommerce-product-attributes-item__value .prod-attr-info:hover {
opacity: 0.7;
color: #333;
}
.single-product .added_to_cart.wc-forward {
display: none;
}
.single-product .woocommerce-variation-add-to-cart .wc-stripe-clear,
.single-product .woocommerce-variation-add-to-cart .wc-stripe-product-checkout-container {
display: none;
}
@media screen and (max-width: 767px) {
.single-product .swap-on-mobile {
display: flex !important;
flex-direction: column-reverse;
}
}
.single-product .product-shipping-class,
.single-product .prod-badge {
order: 2 !important;
align-self: flex-start;
}
.single-product .free-metro-shipping {
order: 2 !important;
align-self: flex-start;
margin: 5px 0;
}
.single-product .product .contain-left::before,
.single-product .product .contain-left::after {
display: none !important;
}
.single-product .faq-link {
margin-left: 10px;
color: #aaa;
}
.single-product .faq-link i {
margin-right: 5px;
}
.single-product .main-contain-summary {
display: block;
margin-bottom: 0;
}
.single-product .main-contain-summary .woocommerce-product-gallery__image:not(:first-child) {
display: none !important;
}
.single-product .main-contain-summary .flex-viewport .woocommerce-product-gallery__image:not(:first-child) {
display: block !important;
}
.single-product .main-contain-summary .flex-viewport {
max-height: 770px !important;
}
.single-product .main-contain-summary .flex-control-nav {
max-height: 90px !important;
}
.single-product .main-contain-summary .yith-wcwl-add-to-wishlist {
border: none;
}
.single-product .main-contain-summary .yith-wcwl-wishlistaddedbrowse a::before,
.single-product .main-contain-summary .yith-wcwl-wishlistexistsbrowse a::before {
color: #E52228;
}
.single-product .main-contain-summary::after {
content: "";
display: block;
clear: both;
}
.single-product .main-contain-summary .product-360-button,
.single-product .main-contain-summary .product-video-button {
top: 700px;
left: auto;
right: 10px;
}
@media screen and (max-width: 767px) {
.single-product .main-contain-summary .product-360-button,
.single-product .main-contain-summary .product-video-button {
top: 82vw;
}
}
.single-product .main-contain-summary .product-360-button a,
.single-product .main-contain-summary .product-video-button a {
font-size: 16px;
border-radius: 40px;
padding: 0 20px;
line-height: 46px;
width: auto;
height: auto;
}
.single-product .main-contain-summary .product-360-button a::before,
.single-product .main-contain-summary .product-video-button a::before {
vertical-align: middle;
margin-right: 10px;
}
.single-product .main-contain-summary #widget-area {
float: right;
display: block;
padding-left: 20px;
}
.single-product .contain-left.has-gallery {
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.single-product .contain-left.has-gallery {
display: block;
width: 100%;
}
}
.single-product div.single-left {
width: 55%;
padding: 0;
}
@media screen and (max-width: 991px) {
.single-product div.single-left {
width: 100%;
}
}
.single-product div.single-left .flash {
left: auto;
right: 0;
}
.single-product div.single-left .flash > span {
font-family: Poppins, Helvetica, Arial, sans-serif;
border-radius: 0;
display: block;
width: 88px !important;
text-align: center;
position: relative !important;
letter-spacing: 0.5px;
}
.single-product div.summary.entry-summary {
display: flex;
flex-direction: column;
width: 45%;
padding: 0 0 50px 60px;
color: #555;
}
@media screen and (max-width: 991px) {
.single-product div.summary.entry-summary {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.single-product div.summary.entry-summary {
padding-bottom: 0;
margin-bottom: 0;
}
}
.single-product div.summary.entry-summary > * {
order: 5;
}
.single-product div.summary.entry-summary .product_title,
.single-product div.summary.entry-summary .woocommerce-product-rating,
.single-product div.summary.entry-summary .review-widget {
order: 0;
}
.single-product div.summary.entry-summary .product_title {
margin-top: 10px;
font-weight: bold;
color: #555;
}
.single-product div.summary.entry-summary p.price {
order: 1;
font-weight: bold;
font-size: 20px;
margin: 20px 0;
display: flex;
align-items: center;
}
.single-product div.summary.entry-summary p.price ins {
order: 1;
}
.single-product div.summary.entry-summary p.price del {
order: 2;
opacity: 0.7;
font-weight: 400;
font-size: 16px;
}
.single-product div.summary.entry-summary p.price span {
margin: 0;
}
.single-product div.summary.entry-summary .brand-product {
display: none;
order: 3;
}
.single-product div.summary.entry-summary .yith-wcwl-add-to-wishlist {
right: 0;
}
.woocommerce-product-details__short-description {
display: none;
}
.extra-sidebar {
clear: both;
}
/* ------------------------------------ Description ------------------------------------ */
.single-product .product-layout-2 h2.vc_custom_heading {
text-align: center !important;
font-size: 20px !important;
font-weight: 600 !important;
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
.single-product .product-layout-2 .wpb_content_element p {
text-align: center !important;
}
/* ------------------------------------ Shipping Calculator ------------------------------------ */
.single-product .summary.entry-summary .pisol-ppscw-container {
display: none !important;
order: 3;
padding: 20px 0 0;
margin-top: 0;
border-top: 1px solid #ddd;
}
.single-product .summary.entry-summary .pisol-ppscw-container .button.pisol-shipping-calculator-button {
padding: 5px 20px;
display: none;
}
.single-product .summary.entry-summary .pisol-ppscw-container div.shipcal-title {
display: inline-block;
font-weight: bold;
width: 100px;
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.single-product .summary.entry-summary .pisol-ppscw-container div.shipcal-title {
display: block;
}
}
.single-product .summary.entry-summary .pisol-ppscw-container p.form-row {
display: inline-block;
margin: 0 !important;
}
.single-product .summary.entry-summary .pisol-ppscw-container p.form-row input[type="text"],
.single-product .summary.entry-summary .pisol-ppscw-container p.form-row select {
border: none;
border-radius: 0;
margin: 0;
background: #F6F6F6;
height: 36px;
line-height: 36px;
}
.single-product .summary.entry-summary .pisol-ppscw-container p.form-row input[type="text"]::placeholder,
.single-product .summary.entry-summary .pisol-ppscw-container p.form-row select::placeholder {
color: #e5e5e5;
}
.single-product .summary.entry-summary .pisol-ppscw-container button {
height: 36px;
line-height: 36px;
font-weight: normal;
min-width: 100px;
margin: 0;
}
.single-product .summary.entry-summary .pisol-ppscw-container button:hover {
background-color: #A8854A;
}
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form {
display: flex !important;
align-items: center;
padding: 0;
border: none;
}
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form .form-row#calc_shipping_postcode_field {
flex: 1 1 0;
}
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form .form-row#calc_shipping_postcode_field #calc_shipping_postcode {
width: 100%;
}
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form #calc_shipping_country_field,
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form #calc_shipping_state_field,
.single-product .summary.entry-summary .pisol-ppscw-container .pisol-shipping-calculator-form #calc_shipping_city_field {
display: none;
}
.single-product .summary.entry-summary #pisol-ppscw-alert-container {
display: inherit;
}
.single-product .summary.entry-summary #pisol-ppscw-alert-container .pisol-ppscw-alert {
padding: 0;
background-color: transparent;
color: #888;
line-height: 1.5;
font-weight: 400;
font-size: 15px;
}
.single-product .summary.entry-summary #pisol-ppscw-alert-container .pisol-ppscw-alert .pisol-ppscw-methods {
margin: 0 !important;
}
.single-product .summary.entry-summary #pisol-ppscw-alert-container .pisol-ppscw-alert .pisol-ppscw-methods li {
margin: 0;
list-style: inside;
list-style-type: '- ';
color: #888;
}
.single-product .summary.entry-summary #pisol-ppscw-alert-container .pisol-ppscw-alert .pisol-ppscw-methods span {
color: #888;
}
/* ------------------------------------ Quantity ------------------------------------ */
.single-product .summary.entry-summary .cart {
order: 4;
width: 100%;
border-top: 1px solid #ddd;
padding-top: 20px;
margin: 20px 0;
}
.single-product .summary.entry-summary .cart div.quantity {
display: flex;
flex: 1 1 360px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.single-product .summary.entry-summary .cart div.quantity .qty-label {
display: inline-block;
width: 100px;
margin-right: 10px;
font-weight: bold;
line-height: 36px;
}
.single-product .summary.entry-summary .cart div.quantity .control {
display: flex;
flex: 1 1 0;
}
.single-product .summary.entry-summary .cart div.quantity .control a {
border: 1px solid #ccc;
border-radius: 0;
border-color: #ccc;
color: #000;
background: none;
margin: 0;
width: 36px;
min-width: 36px;
height: 36px;
line-height: 32px;
font-weight: normal;
font-size: 20px;
}
.single-product .summary.entry-summary .cart div.quantity .control input {
flex: 1 1 0;
border-radius: 0;
border-color: #ccc;
border-left: none;
border-right: none;
border-width: 1px;
height: 36px;
line-height: 36px;
padding: 0;
margin: 0;
color: #000;
font-size: 16px;
vertical-align: middle;
}
.single-product .summary.entry-summary .cart .single_button,
.single-product .summary.entry-summary .cart .single_add_to_cart_button,
.single-product .summary.entry-summary .cart .single_buy_now {
cursor: pointer;
width: calc(50% - 5px);
height: 36px;
line-height: 36px;
vertical-align: middle;
margin: 0;
}
.single-product .summary.entry-summary .cart .single_add_to_cart_button.loading {
background-color: #BB1B21;
}
.single-product .summary.entry-summary .cart .single_add_to_cart_button,
.single-product .summary.entry-summary .cart .single_add_to_wishlist_button {
min-width: 0;
background-color: #E52228;
}
.single-product .summary.entry-summary .cart .single_add_to_cart_button::before,
.single-product .summary.entry-summary .cart .single_add_to_wishlist_button::before {
display: none;
}
.single-product .summary.entry-summary .cart .single_add_to_cart_button,
.single-product .summary.entry-summary .cart .single_sold_out_button {
margin-right: 10px;
float: left;
}
.single-product .summary.entry-summary .cart .single_add_to_cart_button.disabled {
background: #808080 !important;
text-decoration: none !important;
opacity: 1 !important;
}
.single-product .summary.entry-summary .cart .single_buy_now {
float: right;
min-width: 0;
background-color: transparent;
color: #E52228;
border: 1px solid #E52228;
}
.single-product .summary.entry-summary .cart .single_buy_now.disabled {
display: none;
border-color: #ddd;
color: #bbb;
}
.single-product .summary.entry-summary .cart .single_sold_out_button {
background-color: gray;
}
.single-product .summary.entry-summary .cart .single_sold_out_button:hover {
background-color: gray;
}
.single-product .summary.entry-summary .cart .preorder-info {
margin: 10px 0 0;
color: #D5A926;
}
.single-product .summary.entry-summary .cart.pre-order .single_buy_now {
background-color: #D5A926;
color: white;
float: left;
margin-right: 10px;
border: none;
}
.single-product .summary.entry-summary .cart.pre-order .single_add_to_cart_button {
background-color: transparent;
color: #E52228;
border: 1px solid #E52228;
float: none;
margin: 0;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0 0 20px;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
display: grid;
grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) minmax(120px, 180px);
gap: 16px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid #ddd;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item:last-child {
border-bottom: none;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
min-width: 160px;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
margin: 0;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .qty-label {
display: none;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label label {
display: block;
margin: 0 0 4px;
font-weight: 600;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a {
color: inherit;
text-decoration: none;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price {
color: #666;
font-size: 0.95rem;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
grid-template-columns: 1fr;
}
.single-product .summary.entry-summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
width: 100%;
}
}
/* ------------------------------------ Extra Widget Area ------------------------------------ */
.single-product #widget-area-extra {
padding-top: 60px;
margin-top: 40px;
border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra {
margin-bottom: 60px;
}
}
.single-product #widget-area-extra .content a {
color: #E52228;
text-decoration: underline;
}
.single-product #widget-area-extra .funiter-iconbox {
border: none!important;
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner {
background-color: #F6F6F6;
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner.active p {
display: block!important;
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .title {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #555;
position: relative;
font-size: 15px;
line-height: 28px;
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .title {
padding-right: 40px;
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .title:after {
content: "\f107";
font-family: 'FontAwesome', sans-serif;
position: absolute;
top: 0;
right: 0;
width: 30px;
text-align: center;
color: #E52228;
font-size: 20px;
}
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .text {
font-size: 15px;
line-height: 24px;
padding-right: 40px;
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .text {
padding-right: 0;
}
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .icon {
float: right;
color: #666;
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner .icon {
float: left;
}
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner p {
display: none;
}
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner > a.more {
color: #333;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner > a.more {
display: none;
}
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner > a.more:after {
font-family: 'FontAwesome', sans-serif;
content: "\f107";
margin-left: 6px;
font-weight: bold;
color: #E52228;
}
.single-product #widget-area-extra .funiter-iconbox .iconbox-inner > a.more.less:after {
content: "\f106";
}
/* ------------------------------------ Tabs ------------------------------------ */
@media screen and (max-width: 767px) {
.single-product .content-section {
padding-top: 0;
}
}
.single-product .content-section > h2 {
border-bottom: 1px solid #ddd;
text-align: center;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
font-size: 24px;
font-weight: bold;
line-height: 36px;
color: #555;
}
@media screen and (max-width: 767px) {
.single-product .content-section > h2 {
font-size: 20px;
margin: 0;
padding: 10px 0;
text-align: left;
}
.single-product .content-section > h2::after {
font-weight: normal;
content: "+";
font-size: 28px;
font-weight: 300;
color: #555;
float: right;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
.single-product .content-section .inner-content {
display: none;
padding: 30px 0;
}
}
@media screen and (max-width: 767px) {
.single-product .content-section.active > h2::after {
content: "-";
}
}
.single-product .content-section.product-desc .inner-content,
.single-product .content-section.product-details .inner-content {
display: block;
}
.single-product .woocommerce-tabs {
padding-top: 40px;
}
.single-product .woocommerce-tabs .wc-tabs {
padding-bottom: 0;
margin-top: 40px;
margin-bottom: 40px;
}
.single-product .woocommerce-tabs .wc-tabs li a {
font-size: 24px;
font-weight: bold;
line-height: 56px;
letter-spacing: 0;
}
.single-product .woocommerce-tabs .wc-tabs li.active a {
color: #555;
}
.single-product .woocommerce-tabs-mobile {
margin: 0 0 60px;
width: 100%;
}
.single-product .woocommerce-tabs-mobile .tabs-mobile-content a.button-togole {
border-bottom: 1px solid #ddd;
padding: 10px 0;
margin: 0;
font-size: 20px;
font-weight: bold;
line-height: 36px;
color: #555;
text-transform: none;
letter-spacing: 0;
}
.single-product .woocommerce-tabs-mobile .tabs-mobile-content a.button-togole::before {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: normal;
content: "+";
font-size: 28px;
font-weight: 300;
color: #555;
float: right;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}
/* ------------------------------------ Product Details ------------------------------------ */
.single-product .product-details h2 {
margin-bottom: 0;
}
.single-product .product-details .single-product-size-image {
display: block;
margin: 30px auto 50px;
width: 100%;
max-width: 500px;
}
.single-product .product-details tr.woocommerce-product-attributes-item--weight {
display: none;
}
.single-product .product-details table.woocommerce-product-attributes.shop_attributes {
border: none;
max-width: 800px;
margin: 0px auto;
text-align: right;
table-layout: fixed;
}
.single-product .product-details table.woocommerce-product-attributes.shop_attributes th,
.single-product .product-details table.woocommerce-product-attributes.shop_attributes td {
border-left: none;
border-right: none;
line-height: 1.2;
}
.single-product .product-details table.woocommerce-product-attributes.shop_attributes th {
color: #333;
width: 30%;
min-width: 160px;
}
.single-product .product-details table.woocommerce-product-attributes.shop_attributes td p {
overflow-wrap: break-word;
}
/* ------------------------------------ Stock Information ------------------------------------ */
.single-product .main-contain-summary .summary > div.stock {
display: none;
}
.single-product .woocommerce-variation-availability {
display: none;
}
.single-product #stock {
order: -1 !important;
font-size: 14px;
}
.single-product #stock span {
font-weight: normal;
font-family: Poppins, Helvetica, Arial, sans-serif;
}
.single-product #stock .status span {
display: inline-block;
}
@media screen and (max-width: 767px) {
.single-product #stock .status span {
padding: 5px 10px;
color: #fff !important;
margin-bottom: 3px;
}
}
.single-product #stock a {
color: #aaa;
text-decoration: underline;
font-style: italic;
}
.single-product #stock .in-stock .status span {
color: #16B025;
}
@media screen and (max-width: 767px) {
.single-product #stock .in-stock .status span {
background: #16B025;
}
}
.single-product #stock .in-stock span.days {
color: #16B025;
}
.single-product #stock .sold-out .status span {
color: #E52228;
}
@media screen and (max-width: 767px) {
.single-product #stock .sold-out .status span {
background: #E52228;
}
}
.single-product #stock .pre-order .status span {
color: #D5A926;
}
@media screen and (max-width: 767px) {
.single-product #stock .pre-order .status span {
background: #D5A926;
}
}
@media screen and (max-width: 767px) {
.single-product #stock span.days {
display: block;
}
}
/* Custom CSS for plugin "Back In Stock Notifier for WooCommerce" */
.single-product input.cwg_popup_submit {
display: none;
}
.single-product .swal2-container {
padding: 0;
}
.single-product.admin-bar .swal2-container {
top: 32px;
}
@media screen and (max-width: 767px) {
.single-product.admin-bar .swal2-container {
top: 46px;
padding-bottom: 0 !important;
}
}
.single-product .swal2-container .swal2-popup {
box-sizing: border-box;
padding: 40px;
border-radius: 0;
}
.single-product .swal2-container .swal2-popup button.swal2-close {
top: 0px;
right: 0px;
background: transparent;
color: #000;
outline: 0 !important;
border: none !important;
box-shadow: none !important;
}
.single-product .swal2-container .swal2-popup .swal2-content {
padding: 0;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel {
border: none;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel > div {
padding: 0;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel > div.panel-heading {
background-color: transparent;
border-bottom: 1px solid #888;
padding-bottom: 10px;
margin-bottom: 30px;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel > div.panel-heading h4 {
text-align: left;
color: #000;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel > div.panel-body .row {
margin: 0;
}
.single-product .swal2-container .swal2-popup .swal2-content #swal2-content .panel > div.panel-body .col-md-12 {
padding: 0;
}
@media screen and (max-width: 767px) {
.single-product .swal2-container .swal2-popup {
height: 100%;
}
}
/* ------------------------------------ FAQ ------------------------------------ */
.single-product .product-faq .vc_tta-panel-title {
font-weight: 500;
font-size: 16px;
}
.single-product .product-faq .vc_tta-panel-body .vc_toggle .vc_toggle_title > h4 {
font-weight: bold;
font-size: 16px !important;
}
.single-product .product-faq .vc_tta-panel-body .vc_toggle .vc_toggle_content {
font-size: 14px;
}
/* ------------------------------------ Important Notice ------------------------------------ */
.single-product .important-notice {
display: flex;
flex-direction: row;
margin: 60px auto 20px;
max-width: 1000px;
}
@media screen and (max-width: 767px) {
.single-product .important-notice {
flex-direction: column;
}
}
.single-product .important-notice .title {
display: block;
background: #E52228;
color: white;
padding: 40px 40px;
font-weight: bold;
font-size: 24px;
min-width: 200px;
flex: 1 0 0;
}
.single-product .important-notice .content {
display: block;
background: #f2f2f2;
padding: 40px 60px;
font-size: 15px;
line-height: 1.5;
}
/* ------------------------------------ Product Desc Banner ------------------------------------ */
.single-product .product-desc-banner {
display: flex;
align-items: center;
flex-direction: column;
margin-top: 20px;
}
/* ______________________________________________________________________________________________
Variable product
______________________________________________________________________________________________ */
/* ------------------------------------ Variation buttons ------------------------------------ */
body.single-product .main-content .product-type-variable table.variations {
margin: 0 0 20px;
width: 100%;
border: none;
border-bottom: 1px solid #ddd;
}
body.single-product .main-content .product-type-variable table.variations th,
body.single-product .main-content .product-type-variable table.variations td {
border: none;
}
body.single-product .main-content .product-type-variable table.variations .label {
vertical-align: top;
width: 110px;
}
body.single-product .main-content .product-type-variable table.variations .label label {
font-weight: bold;
padding-top: 5px;
color: #555;
}
body.single-product .main-content .product-type-variable table.variations .label::after {
content: "";
}
body.single-product .main-content .product-type-variable table.variations td.value select {
border-radius: 0;
line-height: 36px;
height: 36px;
padding-left: 10px;
width: 100%;
}
body.single-product .main-content .product-type-variable table.variations a.reset_variations {
display: none !important;
}
body.single-product .main-content .product-type-variable .woocommerce-variation-description {
display: none;
}
body.single-product .main-content .product-type-variable .woocommerce-variation-add-to-cart {
width: 100%;
}
.single-product.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
border-radius: 0;
border-color: #333;
padding: 0 10px;
}
.single-product.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item span {
font-size: 13px;
}
/* ------------------------------------ Product Image and Thumbnails ------------------------------------ */
@media (min-width: 1025px) {
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.prev::before {
content: "\f104";
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.next::before {
content: "\f105";
}
}
/*position*/
@media (max-width: 3999px) and (min-width: 768px) {
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
transform: translateY(-50%);
visibility: visible;
font-size: 22px;
opacity: 1;
color: #000;
border-color: transparent;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.prev {
top: calc(50% - 6px);
left: 0;
right: auto;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.next {
top: calc(50% - 6px);
left: auto;
right: 0;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 100%;
padding: 0 80px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-list {
margin-left: -5px;
margin-right: -5px;
}
.woocommerce-product-gallery .flex-viewport {
width: 100%;
margin-bottom: 20px;
}
}
/* Display thumbs as dots on mobile */
.dreamo-control-dots {
display: none;
width: 100%;
padding-top: 10px;
}
.dreamo-control-dots li {
list-style: none;
margin: 3px;
width: 15px;
height: 15px;
content: "";
background-color: #ddd;
border-radius: 50%;
border: 3px solid #fff;
display: block;
box-sizing: border-box;
}
.dreamo-control-dots li.current {
background-color: transparent;
border-color: #333;
}
@media screen and (max-width: 767px) {
.dreamo-control-dots {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-left: 0 !important;
}
.flex-control-thumbs {
display: none;
}
}
/* ------------------------------------ Gallery plugin: Additional Variation Gallery ------------------------------------ */
.woo-variation-product-gallery {
margin-bottom: 0;
}
.woo-variation-product-gallery .woo-variation-gallery-slider {
margin-bottom: 20px;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .wvg-gallery-thumbnail-image {
padding: 0 !important;
}
.woo-variation-gallery-thumbnail-wrapper {
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.woo-variation-gallery-thumbnail-wrapper {
display: none;
}
}
.woo-variation-gallery-thumbnail-wrapper .woo-variation-gallery-thumbnail-slider {
width: 100%;
max-width: 630px;
margin: 0 auto;
}
.woo-variation-gallery-thumbnail-wrapper .woo-variation-gallery-thumbnail-slider:not(.slick-slider) {
display: flex !important;
justify-content: center !important;
}
/* ______________________________________________________________________________________________
Pre Order
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.hidden {
display: none;
}
.wc-pre-orders-alert {
border: 1px solid #fd397a;
color: #fd397a;
display: flex;
align-items: stretch;
padding: 1rem 2rem;
border-radius: 3px;
margin: 0 0 20px 0;
}
.disabled-input {
display: none;
}
/* ______________________________________________________________________________________________
Widgets
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
#widget-area .widget {
border: none;
padding: 0;
}
#widget-area .widgettitle:before {
border-color: #666;
}
#widget-area .prdctfltr_filter:not(:first-child) .widgettitle::after {
display: none;
}
.funiter-instagram-sc .widgettitle {
letter-spacing: 1px !important;
text-transform: none !important;
}
.funiter-instagram-sc .slick-slide img {
aspect-ratio: 1;
}
.funiter-instagram-sc .owl-slick .slick-arrow {
top: 50%;
transform: translateY(-50%);
background-color: #000;
}
.funiter-instagram-sc .owl-slick .slick-arrow.next {
right: -15px;
}
.funiter-instagram-sc .owl-slick .slick-arrow.prev {
left: -15px;
}
.funiter-instagram-sc .instagram-grid {
display: flex;
flex-wrap: wrap;
}
.funiter-instagram-sc a.item {
height: 100%;
}
.funiter-instagram-sc a.item img {
object-fit: cover;
aspect-ratio: 1 / 1;
}
.funiter-instagram-sc a.item .social-wrap {
display: flex;
justify-content: center;
gap: 20px;
}
.funiter-instagram-sc a.item .social-wrap .social-info i {
top: 0 !important;
}
.funiter-instagram-sc a.item .social-wrap .social-info:not(:last-child)::after {
display: none !important;
}
/* ______________________________________________________________________________________________
Cart
______________________________________________________________________________________________ */
body.woocommerce-cart .page-title {
position: relative;
top: 0;
text-align: left;
padding-left: 20px;
margin-bottom: 10px;
}
body.woocommerce-cart .page-title span {
border: none;
margin: 0;
text-align: left;
display: inline;
padding: 0;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 22px;
color: #333;
}
body.woocommerce-cart .page-title span.item-count {
padding: 0;
color: #E52228;
}
body.woocommerce-cart .page-title a#back-home {
display: none;
text-decoration: underline;
font-size: 14px;
color: #333;
font-weight: 400;
font-family: Poppins, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .page-title a#back-home {
display: block;
}
}
body.woocommerce-cart h3 {
font-size: 20px;
}
body.woocommerce-cart .section {
border: 1px solid #ddd;
border-radius: 15px;
padding: 25px 40px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .section {
padding: 10px 15px;
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
body.woocommerce-cart .woocommerce-cart-form {
width: 62%;
}
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form {
margin: 0;
}
}
body.woocommerce-cart .woocommerce-cart-form .shop_table {
border: none;
width: auto;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead span {
font-size: 15px;
font-weight: 500;
color: #333;
flex-grow: 1;
padding: 20px 0;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead span.product-name {
width: 70%;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead span.product-quantity {
width: 20%;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead span.product-subtotal {
text-align: right;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form .shop_table .thead span.product-subtotal {
display: none;
}
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid #eee;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .product-name {
display: flex;
align-items: center;
width: 65%;
margin-right: 5%;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .product-name {
width: 100%;
margin: 0 0 30px;
}
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .product-quantity .quantity-wrap {
position: relative;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .product-subtotal {
color: #333;
font-size: 16px;
text-align: right;
flex: 1;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .thumb {
float: left;
min-width: 158px;
width: 158px;
margin-right: 30px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .name {
margin-right: 40px;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .name {
margin: 0;
}
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .name a {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 1.5;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .regular-price {
color: #ccc;
text-decoration: line-through;
font-size: 14px;
margin-right: 20px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .sale-price {
color: #E52228;
font-size: 14px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .remove {
font-size: 11px;
font-weight: 200;
text-decoration: underline;
color: #888;
position: absolute;
text-align: center;
width: 100%;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item div.quantity {
border: 1px solid #333;
border-radius: 25px;
padding: 2px 5px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item div.quantity .btn-number,
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item div.quantity .input-qty {
width: 26px;
height: 26px;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item div.quantity .btn-number {
background: none;
font-weight: 200;
font-size: 16px;
color: #ccc;
margin: 0;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item div.quantity .input-qty {
border: none;
color: #333;
font-size: 16px;
font-weight: 200;
margin: 0;
padding: 0;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .amount {
font-weight: 500;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .note {
line-height: 1.5;
font-weight: 400;
font-size: 12px;
display: block;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .note.shipping-date {
color: #16B025;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table .shop_table_item .note.pre-order {
color: #E52228;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table_wrap .subtotal {
border: 1px solid #eee;
display: flex;
justify-content: space-between;
padding: 20px 30px;
margin: 30px 0 10px;
border-radius: 10px;
font-size: 18px;
font-weight: 500;
color: #333;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form .coupon_table_wrap {
display: none;
}
}
body.woocommerce-cart .woocommerce-cart-form .coupon_table_wrap .coupon {
display: flex;
justify-content: space-between;
border: 1px solid #eee;
border-radius: 10px;
padding: 5px;
margin-bottom: 20px;
}
body.woocommerce-cart .woocommerce-cart-form .coupon_table_wrap .coupon input {
flex: 1 1 auto;
border: none;
min-width: 0;
}
body.woocommerce-cart .woocommerce-cart-form .coupon_table_wrap .coupon button {
color: #333;
background: none;
}
body.woocommerce-cart .woocommerce-cart-form button.update-cart {
background: none;
color: #333;
border: 1px solid #333;
border-radius: 35px;
padding: 0 40px;
margin-top: 20px;
margin-bottom: 20px;
height: 60px;
line-height: 60px;
font-size: 16px;
}
body.woocommerce-cart .woocommerce-cart-form button.update-cart:disabled {
color: #aaa;
border-color: #ddd;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq {
margin-bottom: 30px;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq h3 {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 30px;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel {
margin-bottom: 1px;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border: none;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 {
border-bottom: 1px solid #f3f3f3;
padding: 15px 0;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 > a {
font-size: 16px !important;
background: none;
color: #333 !important;
padding: 0 !important;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 > a span {
padding-right: 40px;
display: block;
line-height: 1.8;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 > a i {
right: 10px !important;
top: 14px !important;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 > a i::before,
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4 > a i::after {
color: #333 !important;
border-color: #333 !important;
}
body.woocommerce-cart .woocommerce-cart-form .cart-faq .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
body.woocommerce-cart .cart-collaterals {
width: 38%;
}
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .cart-collaterals {
padding-top: 0;
}
}
body.woocommerce-cart .cart-collaterals .cart-notice {
background-color: #FFE9E9;
border-radius: 15px;
font-size: 13px;
padding: 20px 40px;
color: #333;
line-height: 1.8;
margin-bottom: 40px;
}
body.woocommerce-cart .cart-collaterals .bottom {
border: 1px solid #ddd;
border-radius: 15px;
font-size: 13px;
padding: 20px 40px;
color: #333;
line-height: 1.5;
margin-top: 40px;
}
body.woocommerce-cart .cart-collaterals .bottom li {
padding-bottom: 5px;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
background-color: #f3f3f3;
padding: 40px 60px;
border-radius: 15px;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .cart-collaterals .cart_totals {
padding: 40px 20px;
}
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line {
color: #333;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
font-weight: 500;
font-size: 17px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line #calc_shipping_city {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line .has-shipping {
display: flex;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line .has-shipping p {
margin: 0;
line-height: 1.5;
flex: 1;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line a.addr {
color: #E52228;
cursor: pointer;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line a.addr::after {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f107";
font-size: 14px;
margin-left: 5px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line span {
display: block;
font-size: 13px;
color: #888;
font-weight: 400;
line-height: 1.5;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shipping-line bdi {
width: 60px;
text-align: right;
font-weight: 500;
font-size: 20px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift {
margin-bottom: 30px;
color: #333;
font-weight: 300;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift span {
font-weight: 500;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift .gift-progress-bar {
background-color: #ddd;
height: 15px;
border-radius: 10px;
margin-bottom: 20px;
margin-left: 10px;
overflow: hidden;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift .ui-progressbar-value {
background-color: #16B025;
height: 100%;
border-radius: 10px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift .note {
font-size: 14px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
body.woocommerce-cart .cart-collaterals .cart_totals .gift #see-delivery-options {
font-size: 14px;
text-decoration: underline;
cursor: pointer;
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .cart-collaterals .cart_totals .gift #see-delivery-options {
width: 100%;
}
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator a.shipping-calculator-button {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator button {
border-radius: 5px;
margin-top: 20px;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form {
border: 1px solid #333;
border-radius: 10px;
background-color: white;
display: flex !important;
align-items: center;
margin-top: 20px;
/* remove chrome autocomplete background color */
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form #calc_shipping_address,
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form #calc_shipping_country_field {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input:-webkit-autofill,
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input:-webkit-autofill:hover,
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input:-webkit-autofill:focus,
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input {
background: none;
border: none;
border-radius: 10px;
font-size: 16px;
margin: 0;
min-width: 0;
flex: 1;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input#calc_shipping_city {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form input#calc_shipping_postcode {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form a.close-calc {
color: #aaa;
padding: 10px 20px;
font-size: 10px;
}
body.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator section.shipping-calculator-form a.close-calc:hover {
color: #333;
}
body.woocommerce-cart .cart-collaterals .cart_totals .summary {
background-color: white;
border-radius: 15px;
border: 1px solid #333;
padding: 40px 20px;
margin-bottom: 30px;
}
body.woocommerce-cart .cart-collaterals .cart_totals hr {
border-color: #ddd;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
background: none;
border: none;
font-size: 17px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .table-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f3f3f3;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .table-row span {
flex: 1;
padding: 28px 0;
text-align: right;
border-color: #f3f3f3;
color: #333;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .table-row span:first-child {
padding-left: 0;
border-color: #f3f3f3;
font-weight: 400;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-align: left;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .cart-subtotal span {
padding-top: 28px;
border-top: 1px solid #f3f3f3;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .you-save span {
color: #067A42;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .you-save > span:first-child {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .you-save > span:first-child i {
font-style: normal;
margin-left: 3px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table a.show-calc {
color: #E52228;
font-size: 14px;
text-decoration: underline;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .order-total span {
font-size: 22px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .order-total span:nth-child(2) {
font-weight: 500;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .order-total .woocommerce-Price-amount {
font-weight: 400 !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 30px 0 0;
border: none;
background-color: transparent;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
width: 100%;
}
body.woocommerce-cart .cart-collaterals .cart_totals square-placement,
body.woocommerce-cart .cart-collaterals .cart_totals .humm-description {
color: #333;
text-align: center;
font-size: 14px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .afterpay-paragraph {
font-size: 14px !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals .zip-widget__wrapper {
padding-top: 20px !important;
color: #333;
text-align: center;
}
body.woocommerce-cart .cart-collaterals .cart_totals .zip-widget__wrapper .zip-container span {
font-size: 14px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .zip-widget__wrapper .zip-container img {
zoom: 0.8;
margin-left: 10px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .zip-widget__wrapper .zip-container button {
zoom: 0.8;
}
body.woocommerce-cart .cart-collaterals h2 {
display: none;
}
@media screen and (max-width: 767px) {
body.woocommerce-cart .delivery-options-popup {
top: 10px !important;
left: 10px !important;
right: 10px;
bottom: 10px;
overflow-y: scroll;
width: calc(100vw - 20px) !important;
}
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-titlebar {
background-color: white;
text-align: center;
padding: 40px 0 20px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-titlebar .ui-dialog-title {
line-height: auto;
font-size: 24px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-titlebar .ui-dialog-title::before {
content: "Delivery by Dreamo Living®";
display: block;
font-size: 16px;
font-weight: normal;
line-height: 20px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-titlebar button {
right: 10px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-titlebar button span.ui-button-icon::before {
font-weight: bold;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content {
overflow: hidden;
width: 640px !important;
max-width: 100%;
margin: 0 auto;
padding: 20px 20px 40px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .message {
background-color: #398d41;
padding: 13px;
text-align: center;
margin-bottom: 30px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .message p {
font-weight: 500;
font-size: 15px;
color: white;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .content h3 {
padding: 25px 0 0;
border-top: 1px solid #f3f3f3;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .content p {
line-height: 1.8;
color: #333;
font-size: 13px;
margin-bottom: 30px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .bottom {
margin-top: 30px;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .bottom p {
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 1.8;
}
body.woocommerce-cart .delivery-options-popup .ui-dialog-content .bottom p a {
color: #E52228;
text-decoration: underline;
}
/* ______________________________________________________________________________________________
Checkout
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.wc_payment_method.payment_method_eway_payments label img {
max-width: 130px;
margin-left: 10px;
}
/** slightly increase checkout form fields height and margin **/
.woocommerce-input-wrapper > input,
.header-mobile .form-row > input {
height: 50px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 48px;
line-height: 48px;
}
body .select2-container--default .select2-selection--single {
height: 50px;
line-height: 50px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
.woocommerce-checkout button.continue {
font-size: 16px;
min-width: 228px;
background: #E52228;
height: 54px;
line-height: 54px;
border-radius: 5px;
cursor: pointer;
}
.woocommerce-checkout button.continue:hover {
opacity: 0.8;
}
.woocommerce-checkout #customer_details .section {
padding-top: 30px;
border-bottom: 1px solid #eaeaea;
}
.woocommerce-checkout #customer_details .section:first-child {
padding-top: 20px;
}
.woocommerce-checkout #customer_details .section .section-content {
margin-bottom: 40px;
}
.woocommerce-checkout #customer_details .section .checkout-inline-error-message {
color: red;
font-size: 14px;
}
.woocommerce-checkout .blockUI.blockOverlay {
position: fixed !important;
}
.woocommerce-checkout .wc-braintree-new-payment-method-container .wc-braintree-payment-loader {
position: fixed !important;
display: none !important;
}
.woocommerce-checkout .blockUI.blockMsg {
display: block !important;
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
margin-top: -24px !important;
margin-left: -24px !important;
animation: rotate 1s linear infinite;
}
.woocommerce-checkout .blockUI.blockMsg::before,
.woocommerce-checkout .blockUI.blockMsg::after {
content: "";
box-sizing: border-box;
position: absolute;
inset: 0px;
border-radius: 50%;
border: 5px solid #333;
animation: prixClipFix 2s linear infinite;
}
.woocommerce-checkout .blockUI.blockMsg::after {
inset: 8px;
transform: rotate3d(90, 90, 0, 180deg);
border-color: #FF3D00;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
75%,
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
}
.woocommerce-checkout .wc_payment_method.payment_method_paypal img {
max-width: 180px;
float: right;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .select2-dropdown.select2-dropdown--below {
width: calc(100% - 30px) !important;
}
}
.woocommerce-checkout footer,
.woocommerce-checkout .form-row#shipping_country_field,
.woocommerce-checkout .form-row#billing_country_field {
display: none;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout button#place_order {
width: 100%;
}
}
.woocommerce-checkout .form-row {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .form-row {
margin-bottom: 15px;
}
}
.woocommerce-checkout .form-row input::placeholder {
color: #bbb;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row span.select2-selection {
color: #333;
background: #f8f8f8;
}
.woocommerce-checkout .form-row span.select2-selection__rendered {
padding-left: 20px;
color: #333;
}
.woocommerce-checkout .form-row.woocommerce-invalid input,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid textarea,
.woocommerce-checkout .form-row.woocommerce-invalid span.select2-selection {
background-color: mistyrose;
border-color: red;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
width: calc(50% - 10px);
float: left;
}
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .form-row-last {
float: right;
}
}
.woocommerce-checkout a.about_paypal {
display: none;
}
.woocommerce-checkout #shipping_address_1_field.form-row {
margin-bottom: 10px;
}
.woocommerce-checkout .form-row-desc {
font-size: 14px;
margin-left: 22px;
margin-top: -10px;
margin-bottom: 5px;
}
.woocommerce-checkout .shipping-method-reminder {
color: #ff5050;
cursor: pointer;
}
.woocommerce-checkout form.woocommerce-checkout {
padding-top: 20px;
}
.woocommerce-checkout form.woocommerce-form-coupon {
display: block !important;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address {
padding-top: 0;
}
.woocommerce-checkout .woocommerce-shipping-fields {
padding-bottom: 0;
}
.woocommerce-checkout .checkout-steps {
float: left;
width: calc(100% - 440px);
padding-right: 40px;
}
.woocommerce-checkout #customer_details h3 {
position: relative;
left: 0;
top: 0;
margin: 0 0 30px;
padding: 0;
display: flex;
align-items: center;
border: none;
text-align: left;
transform: none;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 20px;
min-width: auto;
height: auto;
line-height: inherit;
background-color: transparent;
color: #333;
}
.woocommerce-checkout #customer_details h3.shipping-heading {
margin-top: 0;
}
.woocommerce-checkout #customer_details h3 span {
position: relative;
color: #333;
border: 3px solid #333;
border-radius: 50px;
width: 56px;
height: 56px;
line-height: 52px;
display: inline-block;
text-align: center;
margin-right: 15px;
font-size: 24px;
font-weight: 600;
}
.woocommerce-checkout #customer_details h3 span:before {
position: absolute;
display: block;
background-color: white;
content: "";
top: -2px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #ff5050 transparent transparent transparent;
z-index: 1;
}
.woocommerce-checkout #customer_details h3 span:after {
position: absolute;
display: block;
background-color: white;
content: "";
top: -4px;
left: 50%;
transform: translateX(-50%);
width: 15px;
height: 15px;
z-index: 0;
}
.woocommerce-checkout #customer_details h3 a.edit {
margin-left: auto;
font-size: 13px;
color: #333;
padding: 0 25px;
border-radius: 30px;
}
.woocommerce-checkout #customer_details .shipping-address .form-row label,
.woocommerce-checkout #customer_details .billing-address .form-row label {
display: none;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
border: none;
padding: 0;
}
.woocommerce-checkout #customer_details #shipping_country_field strong,
.woocommerce-checkout #customer_details #billing_country_field strong {
width: 100%;
border: 1px solid #e1e1e1;
font-weight: normal;
display: block;
line-height: 38px;
padding: 0 20px;
opacity: 0.5;
border-radius: 5px;
}
.woocommerce-checkout #customer_details #shipping_method > li,
.woocommerce-checkout #customer_details .payment_methods > li {
padding: 25px 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
margin-bottom: 15px;
}
.woocommerce-checkout #customer_details #shipping_method > li:hover,
.woocommerce-checkout #customer_details .payment_methods > li:hover,
.woocommerce-checkout #customer_details #shipping_method > li:focus,
.woocommerce-checkout #customer_details .payment_methods > li:focus,
.woocommerce-checkout #customer_details #shipping_method > li:active,
.woocommerce-checkout #customer_details .payment_methods > li:active {
border-color: #A8854A;
}
.woocommerce-checkout #customer_details #shipping_method > li:has(input[name="payment_method"]:checked),
.woocommerce-checkout #customer_details .payment_methods > li:has(input[name="payment_method"]:checked),
.woocommerce-checkout #customer_details #shipping_method > li:has(input.shipping_method:checked),
.woocommerce-checkout #customer_details .payment_methods > li:has(input.shipping_method:checked) {
border-color: #A8854A !important;
}
.woocommerce-checkout #customer_details #shipping_method > li > label,
.woocommerce-checkout #customer_details .payment_methods > li > label {
line-height: 1.5;
margin-bottom: 0;
width: 100%;
display: inline-block;
}
.woocommerce-checkout #customer_details #shipping_method > li > label::before,
.woocommerce-checkout #customer_details .payment_methods > li > label::before {
border: 1px solid #888;
top: 11px !important;
width: 16px !important;
height: 16px !important;
}
.woocommerce-checkout #customer_details #shipping_method > li > label.active,
.woocommerce-checkout #customer_details .payment_methods > li > label.active,
.woocommerce-checkout #customer_details #shipping_method input[name="payment_method"]:checked + label,
.woocommerce-checkout #customer_details .payment_methods input[name="payment_method"]:checked + label,
.woocommerce-checkout #customer_details #shipping_method input.shipping_method:checked + label,
.woocommerce-checkout #customer_details .payment_methods input.shipping_method:checked + label {
font-family: inherit;
color: #A8854A;
}
.woocommerce-checkout #customer_details #shipping_method input[name="payment_method"]:checked + label::before,
.woocommerce-checkout #customer_details .payment_methods input[name="payment_method"]:checked + label::before,
.woocommerce-checkout #customer_details #shipping_method input.shipping_method:checked + label::before,
.woocommerce-checkout #customer_details .payment_methods input.shipping_method:checked + label::before {
border-color: #A8854A;
}
.woocommerce-checkout #customer_details #shipping_method > li > label.active::after,
.woocommerce-checkout #customer_details .payment_methods > li > label.active::after,
.woocommerce-checkout #customer_details #shipping_method input[name="payment_method"]:checked + label::after,
.woocommerce-checkout #customer_details .payment_methods input[name="payment_method"]:checked + label::after,
.woocommerce-checkout #customer_details #shipping_method input.shipping_method:checked + label::after,
.woocommerce-checkout #customer_details .payment_methods input.shipping_method:checked + label::after {
content: "";
background-color: #A8854A;
top: 11px !important;
width: 10px !important;
height: 10px !important;
display: inline-block;
border-radius: 50%;
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
}
.woocommerce-checkout #customer_details #shipping_method > li > label[for^="payment_method_bpoint"],
.woocommerce-checkout #customer_details .payment_methods > li > label[for^="payment_method_bpoint"] {
display: flex !important;
}
.woocommerce-checkout #customer_details #shipping_method > li > label[for^="payment_method_bpoint"] img:first-child,
.woocommerce-checkout #customer_details .payment_methods > li > label[for^="payment_method_bpoint"] img:first-child {
margin-left: auto;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout #customer_details #shipping_method > li > label[for^="payment_method_bpoint"] img,
.woocommerce-checkout #customer_details .payment_methods > li > label[for^="payment_method_bpoint"] img {
height: 22px !important;
}
}
.woocommerce-checkout #customer_details .shipping-method.section span.woocommerce-Price-amount.amount,
.woocommerce-checkout #customer_details .shipping-method.section .price {
font-weight: bold;
float: right;
}
.woocommerce-checkout #customer_details #payment-section #payment {
padding: 0;
border: none;
background-color: transparent;
}
.woocommerce-checkout #customer_details #payment-section #payment ul.payment_methods > li > label {
cursor: pointer;
}
.woocommerce-checkout #customer_details #payment-section #payment .payment_method_paypal img {
display: block;
}
.woocommerce-checkout #customer_details #payment-section #payment .payment_method_paypal a.about_paypal {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
text-decoration: underline;
}
.woocommerce-checkout #customer_details #payment-section #payment .payment_method_paypal p {
margin-bottom: 0;
font-size: 14px;
opacity: 0.7;
}
.woocommerce-checkout #customer_details #payment-section #payment .payment_method_eway_payments .payment_box {
margin-top: 20px;
}
.woocommerce-checkout #customer_details .order-notes.section {
margin-top: 20px;
}
.woocommerce-checkout .place-order {
text-align: left;
}
.woocommerce-checkout .woocommerce .woocommerce-error,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-message {
margin-bottom: 0;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login {
margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login p:first-child {
display: none !important;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login.has-social-login {
display: block !important;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login.has-social-login > * {
display: none;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login.has-social-login .wc-social-login {
display: block;
}
.woocommerce-checkout .woocommerce form.woocommerce-form-login.has-social-login .wc-social-login p {
display: none;
}
/* ______________________________________________________________________________________________
Order Summary
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.woocommerce-checkout #order_review {
border: 1px solid #eaeaea;
border-radius: 10px;
overflow: hidden;
background-color: #f8f8f8;
margin-top: 20px;
}
.woocommerce-checkout #order_review .shop_table {
border: none;
}
.woocommerce-checkout #order_review .shop_table span.woocommerce-Price-amount.amount,
.woocommerce-checkout #order_review .shop_table .price {
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
.woocommerce-checkout #order_review .order_review_heading {
position: relative;
text-align: left;
padding: 35px 0;
margin: 0 40px;
border-bottom: 1px solid #e3e3e3;
color: #333;
font-size: 20px;
font-weight: bold;
}
.woocommerce-checkout #order_review .preorder-note {
margin-top: -10px;
padding: 0 40px 20px 40px;
font-size: smaller;
color: #E52228;
}
.woocommerce-checkout #order_review .cart_item {
display: flex;
padding: 20px 40px;
}
.woocommerce-checkout #order_review .cart_item:first-child {
padding-top: 40px;
}
.woocommerce-checkout #order_review .cart_item .product-image {
width: 20%;
min-width: 75px;
margin-right: 20px;
}
.woocommerce-checkout #order_review .cart_item .product-name {
padding-left: 0 !important;
}
.woocommerce-checkout #order_review .cart_item .product-name strong {
color: #ff5050;
}
.woocommerce-checkout #order_review .cart_item .product-regular-price {
text-decoration: line-through;
opacity: 0.6;
margin-left: 10px;
}
.woocommerce-checkout #order_review .cart-subtotal,
.woocommerce-checkout #order_review .order-total,
.woocommerce-checkout #order_review .cart-discount,
.woocommerce-checkout #order_review .shipping-total,
.woocommerce-checkout #order_review .fee {
display: flex;
padding: 30px 0;
margin: 0 40px;
justify-content: space-between;
border-top: 1px solid #e3e3e3;
color: #333;
}
.woocommerce-checkout #order_review .cart-subtotal > div:first-child,
.woocommerce-checkout #order_review .order-total > div:first-child,
.woocommerce-checkout #order_review .cart-discount > div:first-child,
.woocommerce-checkout #order_review .shipping-total > div:first-child,
.woocommerce-checkout #order_review .fee > div:first-child {
font-weight: 500;
}
.woocommerce-checkout #order_review .cart-subtotal {
margin-top: 20px;
}
.woocommerce-checkout #order_review .cart-discount .coupon-value {
text-align: right;
color: #16B025;
}
.woocommerce-checkout #order_review .cart-discount .coupon-value a {
display: block;
color: #A8854A;
}
.woocommerce-checkout #order_review .order-total .woocommerce-Price-amount {
font-size: 20px;
}
.woocommerce-checkout #order_review .you-save {
display: flex;
padding: 0 40px 30px;
color: #16B025;
justify-content: space-between;
}
.woocommerce-checkout #order_review .you-save span.woocommerce-Price-amount.amount,
.woocommerce-checkout #order_review .you-save .price {
font-size: 18px;
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
.woocommerce-checkout #order_review .you-save > div:first-child {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
.woocommerce-checkout #order_review .you-save > div:first-child i {
font-style: normal;
margin-left: 3px;
}
.woocommerce-checkout #order_review .place-order-2 {
font-size: 16px;
min-width: 228px;
width: calc(100% - 60px);
background: #E52228;
height: 54px;
line-height: 54px;
border-radius: 5px;
margin: 0 30px 30px;
}
.woocommerce-checkout #order_review .place-order-2:hover {
opacity: 0.8;
}
.woocommerce-checkout #order_review .checkout_coupon {
border: none;
border-top: 1px solid #eaeaea;
margin: 0;
padding: 30px 40px;
background-color: #f8f8f8;
}
.woocommerce-checkout #order_review .checkout_coupon .apply-coupon {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.woocommerce-checkout #order_review .checkout_coupon input,
.woocommerce-checkout #order_review .checkout_coupon button {
height: 50px;
line-height: 50px;
margin-bottom: 20px;
}
.woocommerce-checkout #order_review .checkout_coupon input {
background-color: white;
flex-grow: 1;
margin-right: 20px;
}
.woocommerce-checkout #order_review .checkout_coupon button {
height: 48px;
line-height: 48px;
min-width: auto;
border-radius: 5px;
background-color: #333;
}
.woocommerce-checkout .order_review_footer {
border-top: 1px solid #eaeaea;
padding: 30px 0;
margin: 0;
background: #fff;
display: flex;
align-items: center;
}
.woocommerce-checkout .order_review_footer span {
width: 50%;
padding: 0 40px;
box-sizing: border-box;
display: inline-block;
float: left;
text-align: center;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
opacity: 0.8;
}
.woocommerce-checkout .order_review_footer span:first-child {
border-right: 1px solid #eaeaea;
}
.woocommerce-checkout .order_review_footer:after {
content: "";
display: block;
clear: both;
}
/* ------------------------------------ Social Login ------------------------------------ */
.woocommerce-checkout a.showlogin {
color: #E52228;
text-decoration: underline;
font-size: 14px;
}
.woocommerce-checkout a.js-show-social-login {
display: none;
}
.woocommerce-checkout .wc-social-login {
padding: 0 30px 30px;
background: #fafafa;
}
/* ------------------------------------ Terms ------------------------------------ */
.woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span {
font-family: Poppins, Helvetica, Arial, sans-serif;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label input.woocommerce-form__input {
display: inline;
margin: 0 5px 4px 0;
position: relative;
vertical-align: middle;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label span {
top: 0;
padding: 0;
line-height: 1.8;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label span::before,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label span::after {
display: none;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label span.woocommerce-terms-and-conditions-checkbox-text a {
color: #E52228;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label span.required {
display: inline;
color: #E52228;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label::after {
display: none;
}
.woocommerce-checkout #dreamo-terms-and-conditions {
position: fixed;
top: 0;
right: 0;
bottom: 0;
padding-bottom: 40px;
width: 66%;
max-width: 800px;
transform: translateX(100%);
transition: all 0.4s ease-out;
background: #fff;
z-index: 9998;
}
body.admin-bar.woocommerce-checkout #dreamo-terms-and-conditions {
top: 32px;
}
@media screen and (max-width: 991px) {
body.admin-bar.woocommerce-checkout #dreamo-terms-and-conditions {
top: 46px;
}
}
@media screen and (max-width: 767px) {
body.admin-bar.woocommerce-checkout #dreamo-terms-and-conditions {
top: 0;
}
}
@media screen and (max-width: 991px) {
.woocommerce-checkout #dreamo-terms-and-conditions {
min-width: 100vw;
}
}
.woocommerce-checkout #dreamo-terms-and-conditions p.title {
border-bottom: 1px solid #ddd;
line-height: 55px;
color: #333;
font-size: 20px;
font-weight: 600;
text-align: center;
margin: 0;
}
.woocommerce-checkout #dreamo-terms-and-conditions .content {
padding: 20px 30px 30px;
height: 100%;
overflow-y: scroll;
}
.woocommerce-checkout #dreamo-terms-and-conditions.active {
transform: translateX(0);
}
.woocommerce-checkout #terms-cover {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9997;
background-color: #333;
opacity: 0;
display: none;
}
.woocommerce-checkout #terms-cover.active {
display: block;
opacity: 0.8;
}
/* ------------------------------------ Braintree Payments ------------------------------------ */
.woocommerce-checkout .braintree-btn-wrap {
position: relative !important;
}
.woocommerce-checkout .braintree-btn-cover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.woocommerce-checkout .wc-braintree-paypal-button-container {
width: 300px;
}
}
/* ------------------------------------ Woocommerce Paypal Payments ------------------------------------ */
.woocommerce-checkout #ppcp-hosted-fields {
display: inline-block;
}
.woocommerce-checkout #ppcp-hosted-fields .ppcp-dcc-order-button {
float: none;
font-size: 16px;
min-width: 228px;
background: #E52228;
height: 54px;
line-height: 54px;
border-radius: 5px;
}
/* ______________________________________________________________________________________________
Order Receipt
______________________________________________________________________________________________ */
iframe.simplify-embedded-payment-form {
width: 100% !important;
}
.zigzag {
height: 22px;
width: 640px;
max-width: 100%;
margin: 0 auto;
}
.zigzag.top {
background: transparent url("assets/img/zigzag.png") repeat-x;
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.zigzag.top {
margin-top: 30px;
}
}
.zigzag.bottom {
background: transparent url("assets/img/zigzag-bottom.png") repeat-x;
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.zigzag.bottom {
margin-bottom: 30px;
}
}
section#order-receipt {
background: #f6f6f6;
padding: 33px 40px;
width: 640px;
max-width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
section#order-receipt {
padding: 33px 20px;
}
}
section#order-receipt h1 {
font-size: 40px;
text-align: center;
font-weight: bold;
margin-bottom: 18px;
color: #000;
}
@media screen and (max-width: 767px) {
section#order-receipt h1 {
font-size: 27px;
margin-bottom: 0;
}
}
section#order-receipt header {
margin-bottom: 30px;
}
section#order-receipt header .order_number {
padding: 12px 20px;
background: #333333;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 16px;
font-weight: 600;
line-height: 28px;
color: #FFFFFF;
}
section#order-receipt header .order_number span {
font-size: 23px;
}
section#order-receipt .order_details {
display: flex;
margin-bottom: 20px;
}
section#order-receipt .order_details > div {
display: flex;
flex-direction: column;
gap: 18px;
align-items: center;
font-size: 23px;
color: #000;
width: 33.3%;
position: relative;
padding: 0 10px;
}
@media screen and (max-width: 767px) {
section#order-receipt .order_details > div {
font-size: 14px;
gap: 6px;
padding: 0 5px;
}
}
@media screen and (max-width: 767px) {
section#order-receipt .order_details > div .icon {
width: 32px;
height: 32px;
}
}
@media screen and (max-width: 767px) {
section#order-receipt .order_details > div img.bank {
margin-top: 5px;
}
}
section#order-receipt .order_details > div:before {
border-left: 1px solid #ccc;
height: 60px;
content: "";
position: absolute;
left: 0;
top: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
section#order-receipt .order_details > div:before {
height: 40px;
top: calc(50% - 20px);
}
}
section#order-receipt .order_details > div:first-child:before {
border: none;
}
section#order-receipt p {
text-align: center;
font-size: 16px;
line-height: 1.6;
color: #666;
}
@media screen and (max-width: 767px) {
section#order-receipt p {
font-size: 12px;
}
}
section#order-receipt a.button.cancel {
display: block;
text-align: center;
}
.simplify_commerce_wrapper {
position: relative;
min-height: 450px;
}
.simplify_commerce_wrapper .loading {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -24px;
animation: rotate 1s linear infinite;
}
.simplify_commerce_wrapper .loading::before,
.simplify_commerce_wrapper .loading::after {
content: "";
box-sizing: border-box;
position: absolute;
inset: 0px;
border-radius: 50%;
border: 5px solid #333;
animation: prixClipFix 2s linear infinite;
}
.simplify_commerce_wrapper .loading::after {
inset: 8px;
transform: rotate3d(90, 90, 0, 180deg);
border-color: #FF3D00;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes prixClipFix {
0% {
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
50% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
75%,
100% {
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
}
/* ______________________________________________________________________________________________
Thankyou Page
______________________________________________________________________________________________ */
body.woocommerce-order-received .block,
body.woocommerce-account .block {
border: 1px solid #ddd;
border-radius: 15px;
padding: 25px 40px 60px;
margin-bottom: 40px;
}
body.woocommerce-order-received p.woocommerce-thankyou-order-received,
body.woocommerce-account p.woocommerce-thankyou-order-received {
padding: 40px 30px 30px;
text-align: center;
font-size: 30px;
color: #333;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='%2351CF67FF' stroke-width='2' stroke-dasharray='12%2c 14' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 15px;
}
body.woocommerce-order-received p.woocommerce-thankyou-order-received img,
body.woocommerce-account p.woocommerce-thankyou-order-received img {
margin-top: -10px;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received p.woocommerce-thankyou-order-received,
body.woocommerce-account p.woocommerce-thankyou-order-received {
font-size: 20px;
padding-bottom: 40px;
}
body.woocommerce-order-received p.woocommerce-thankyou-order-received img,
body.woocommerce-account p.woocommerce-thankyou-order-received img {
display: block;
margin: 0 auto 10px;
}
}
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-account ul.woocommerce-order-overview {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0 40px;
gap: 20px;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-account ul.woocommerce-order-overview {
flex-direction: column;
}
}
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-account ul.woocommerce-order-overview li {
list-style: none;
padding: 40px 30px;
border: 1px solid #e6e6e6;
border-radius: 15px;
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
font-size: 19px;
}
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-account ul.woocommerce-order-overview li strong {
font-weight: 500 !important;
color: #333;
margin: 0 5px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title,
body.woocommerce-account h2.woocommerce-order-details__title {
font-weight: 400;
font-size: 32px;
margin: 15px 0;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received h2.woocommerce-order-details__title,
body.woocommerce-account h2.woocommerce-order-details__title {
font-size: 24px;
margin: 0;
}
}
body.woocommerce-order-received h2.woocommerce-order-details__title span,
body.woocommerce-account h2.woocommerce-order-details__title span {
color: #E52228;
margin-left: 10px;
}
body.woocommerce-order-received .shop_table,
body.woocommerce-account .shop_table {
border: none;
width: auto;
border: 1px solid #ddd;
border-radius: 15px;
padding: 25px 40px 60px;
margin-bottom: 40px;
}
body.woocommerce-order-received .shop_table .thead,
body.woocommerce-account .shop_table .thead {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}
body.woocommerce-order-received .shop_table .thead span,
body.woocommerce-account .shop_table .thead span {
font-size: 15px;
font-weight: 500;
color: #333;
flex-grow: 1;
padding: 20px 0;
}
body.woocommerce-order-received .shop_table .thead span.product-name,
body.woocommerce-account .shop_table .thead span.product-name {
width: 70%;
}
body.woocommerce-order-received .shop_table .thead span.product-quantity,
body.woocommerce-account .shop_table .thead span.product-quantity {
width: 20%;
}
body.woocommerce-order-received .shop_table .thead span.product-subtotal,
body.woocommerce-account .shop_table .thead span.product-subtotal {
text-align: right;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .thead span.product-subtotal,
body.woocommerce-account .shop_table .thead span.product-subtotal {
display: none;
}
}
body.woocommerce-order-received .shop_table .shop_table_item,
body.woocommerce-account .shop_table .shop_table_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid #eee;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name,
body.woocommerce-account .shop_table .shop_table_item .product-name {
display: flex;
align-items: center;
width: 65%;
margin-right: 5%;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item .product-name,
body.woocommerce-account .shop_table .shop_table_item .product-name {
width: 100%;
margin: 0 0 30px;
}
}
body.woocommerce-order-received .shop_table .shop_table_item .product-quantity .quantity-wrap,
body.woocommerce-account .shop_table .shop_table_item .product-quantity .quantity-wrap {
position: relative;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-subtotal,
body.woocommerce-account .shop_table .shop_table_item .product-subtotal {
color: #333;
font-size: 16px;
text-align: right;
flex: 1;
}
body.woocommerce-order-received .shop_table .shop_table_item .thumb,
body.woocommerce-account .shop_table .shop_table_item .thumb {
float: left;
min-width: 158px;
width: 158px;
margin-right: 30px;
}
body.woocommerce-order-received .shop_table .shop_table_item .name,
body.woocommerce-account .shop_table .shop_table_item .name {
margin-right: 40px;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item .name,
body.woocommerce-account .shop_table .shop_table_item .name {
margin: 0;
}
}
body.woocommerce-order-received .shop_table .shop_table_item .name a,
body.woocommerce-account .shop_table .shop_table_item .name a {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 1.5;
}
body.woocommerce-order-received .shop_table .shop_table_item .regular-price,
body.woocommerce-account .shop_table .shop_table_item .regular-price {
color: #ccc;
text-decoration: line-through;
font-size: 14px;
margin-right: 20px;
}
body.woocommerce-order-received .shop_table .shop_table_item .sale-price,
body.woocommerce-account .shop_table .shop_table_item .sale-price {
color: #E52228;
font-size: 14px;
}
body.woocommerce-order-received .shop_table .shop_table_item .remove,
body.woocommerce-account .shop_table .shop_table_item .remove {
font-size: 11px;
font-weight: 200;
text-decoration: underline;
color: #888;
position: absolute;
text-align: center;
width: 100%;
}
body.woocommerce-order-received .shop_table .shop_table_item div.quantity,
body.woocommerce-account .shop_table .shop_table_item div.quantity {
border: 1px solid #333;
border-radius: 25px;
padding: 2px 5px;
}
body.woocommerce-order-received .shop_table .shop_table_item div.quantity .btn-number,
body.woocommerce-account .shop_table .shop_table_item div.quantity .btn-number,
body.woocommerce-order-received .shop_table .shop_table_item div.quantity .input-qty,
body.woocommerce-account .shop_table .shop_table_item div.quantity .input-qty {
width: 26px;
height: 26px;
}
body.woocommerce-order-received .shop_table .shop_table_item div.quantity .btn-number,
body.woocommerce-account .shop_table .shop_table_item div.quantity .btn-number {
background: none;
font-weight: 200;
font-size: 16px;
color: #ccc;
margin: 0;
}
body.woocommerce-order-received .shop_table .shop_table_item div.quantity .input-qty,
body.woocommerce-account .shop_table .shop_table_item div.quantity .input-qty {
border: none;
color: #333;
font-size: 16px;
font-weight: 200;
margin: 0;
padding: 0;
}
body.woocommerce-order-received .shop_table .shop_table_item .amount,
body.woocommerce-account .shop_table .shop_table_item .amount {
font-weight: 500;
}
body.woocommerce-order-received .shop_table .shop_table_item .note,
body.woocommerce-account .shop_table .shop_table_item .note {
line-height: 1.5;
font-weight: 400;
font-size: 12px;
display: block;
}
body.woocommerce-order-received .shop_table .shop_table_item .note.shipping-date,
body.woocommerce-account .shop_table .shop_table_item .note.shipping-date {
color: #16B025;
}
body.woocommerce-order-received .shop_table .shop_table_item .note.pre-order,
body.woocommerce-account .shop_table .shop_table_item .note.pre-order {
color: #E52228;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .thead,
body.woocommerce-account .shop_table .thead {
display: none;
}
}
body.woocommerce-order-received .shop_table .thead span,
body.woocommerce-account .shop_table .thead span {
font-size: 20px;
font-weight: 500;
}
body.woocommerce-order-received .shop_table .thead span.product-name,
body.woocommerce-account .shop_table .thead span.product-name {
width: 40%;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item,
body.woocommerce-account .shop_table .shop_table_item {
flex-direction: column;
}
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name,
body.woocommerce-account .shop_table .shop_table_item .product-name {
width: 40%;
margin: 0;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item .product-name,
body.woocommerce-account .shop_table .shop_table_item .product-name {
width: 100%;
}
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name .thumb,
body.woocommerce-account .shop_table .shop_table_item .product-name .thumb {
width: 80px;
height: 80px;
min-width: 80px;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name .name,
body.woocommerce-account .shop_table .shop_table_item .product-name .name {
margin: 0;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name .total,
body.woocommerce-account .shop_table .shop_table_item .product-name .total {
color: #333;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-name .quantity,
body.woocommerce-account .shop_table .shop_table_item .product-name .quantity {
color: #16B025;
}
body.woocommerce-order-received .shop_table .shop_table_item .product-quantity,
body.woocommerce-account .shop_table .shop_table_item .product-quantity {
color: #333;
font-weight: 500;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item .product-quantity,
body.woocommerce-account .shop_table .shop_table_item .product-quantity {
display: none;
}
}
body.woocommerce-order-received .shop_table .shop_table_item .product-total,
body.woocommerce-account .shop_table .shop_table_item .product-total {
width: 30%;
text-align: right;
color: #333;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .shop_table .shop_table_item .product-total,
body.woocommerce-account .shop_table .shop_table_item .product-total {
display: none;
}
}
body.woocommerce-order-received .shop_table .tfoot .table-row,
body.woocommerce-account .shop_table .tfoot .table-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f3f3f3;
font-size: 20px;
}
body.woocommerce-order-received .shop_table .tfoot .table-row span,
body.woocommerce-account .shop_table .tfoot .table-row span {
flex: 1;
padding: 38px 0;
text-align: right;
border-color: #f3f3f3;
color: #333;
}
body.woocommerce-order-received .shop_table .tfoot .table-row span:first-child,
body.woocommerce-account .shop_table .tfoot .table-row span:first-child {
padding-left: 0;
border-color: #f3f3f3;
font-weight: 400;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-align: left;
}
body.woocommerce-order-received .addresses > div,
body.woocommerce-account .addresses > div {
border: 1px solid #ddd;
border-radius: 15px;
padding: 25px 40px 30px;
margin-bottom: 40px;
}
body.woocommerce-order-received .addresses > div h2,
body.woocommerce-account .addresses > div h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 10px;
}
body.woocommerce-order-received .addresses > div h2 span,
body.woocommerce-account .addresses > div h2 span {
color: #E52228;
}
body.woocommerce-order-received .addresses > div p,
body.woocommerce-account .addresses > div p {
display: flex;
justify-content: space-between;
border-top: 1px solid #eee;
margin: 0;
padding: 25px 0;
font-size: 18px;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .addresses > div p,
body.woocommerce-account .addresses > div p {
font-size: 16px;
}
}
body.woocommerce-order-received .addresses > div p span:first-child,
body.woocommerce-account .addresses > div p span:first-child {
color: #aaa;
max-width: 50%;
}
body.woocommerce-order-received .addresses > div p span,
body.woocommerce-account .addresses > div p span {
color: #333;
}
body.woocommerce-order-received .help.block,
body.woocommerce-account .help.block {
display: none;
justify-content: space-around;
padding: 120px 30px;
gap: 20px;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .help.block,
body.woocommerce-account .help.block {
flex-direction: column;
}
}
body.woocommerce-order-received .help.block .help-content,
body.woocommerce-account .help.block .help-content {
max-width: 40%;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .help.block .help-content,
body.woocommerce-account .help.block .help-content {
max-width: 100%;
text-align: center;
}
}
body.woocommerce-order-received .help.block .help-content h3,
body.woocommerce-account .help.block .help-content h3 {
font-size: 48px;
color: #333;
}
body.woocommerce-order-received .help.block .help-content p,
body.woocommerce-account .help.block .help-content p {
font-size: 24px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .help.block .help-content p,
body.woocommerce-account .help.block .help-content p {
font-size: 16px;
}
}
body.woocommerce-order-received .help.block .help-content img,
body.woocommerce-account .help.block .help-content img {
display: block;
margin: 30px 0 0 20%;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .help.block .help-content img,
body.woocommerce-account .help.block .help-content img {
margin: 30px auto 0;
}
}
body.woocommerce-order-received .help.block .help-content a,
body.woocommerce-account .help.block .help-content a {
padding: 15px 60px;
border: 1px solid #eee;
border-radius: 50px;
font-size: 24px;
font-style: italic;
display: inline-block;
clear: both;
margin: 20px 0;
box-shadow: 0 5px 5px #f3f3f3;
}
@media screen and (max-width: 767px) {
body.woocommerce-order-received .help.block .help-content a,
body.woocommerce-account .help.block .help-content a {
padding: 0;
border: none;
box-shadow: none;
color: #E52228;
font-size: 20px;
}
}
body.woocommerce-order-received .help.block .help-content a i,
body.woocommerce-account .help.block .help-content a i {
margin-right: 15px;
color: #E52228;
}
/* ______________________________________________________________________________________________
My Account
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.woocommerce-account .woocommerce-orders-table__cell-order-actions a {
margin-right: 6px;
font-size: 14px;
color: #E52228;
}
.woocommerce-account .znwoo-zendesk-ticket-form input[type="email"],
.woocommerce-account .znwoo-zendesk-ticket-form select {
width: 100%;
}
.woocommerce-account .znwoo-zendesk-ticket-form input[type="text"],
.woocommerce-account .znwoo-zendesk-ticket-form textarea {
color: #333;
border: 1px solid #d3d3d3;
}
.woocommerce-account a.button.general-button {
background-color: #333;
color: white;
padding: 7px 20px;
font-weight: bold;
display: inline-block;
margin-bottom: 20px;
}
.woocommerce-account a.button.general-button:hover,
.woocommerce-account a.button.general-button:active,
.woocommerce-account a.button.general-button:focus {
background-color: #A8854A;
}
.woocommerce-account .znwoo-single-ticket {
clear: both;
}
.woocommerce-account .znwoo-single-ticket h3 {
font-size: 20px;
background-color: #f3f3f3;
padding: 40px 40px;
color: #333;
margin-bottom: 0;
}
.woocommerce-account .znwoo-single-ticket .znwoo-comment {
position: relative;
background: #f3f3f3;
padding: 40px;
width: 700px;
max-width: 100%;
clear: both;
margin-top: 20px;
}
.woocommerce-account .znwoo-single-ticket .znwoo-comment .comment-author {
position: absolute;
top: -5px;
left: 20px;
color: white;
padding: 5px 15px;
font-size: 12px;
line-height: 1.5;
}
.woocommerce-account .znwoo-single-ticket .znwoo-comment .comment-date {
color: #16B025;
}
.woocommerce-account .znwoo-single-ticket .znwoo-comment .comment-body {
font-weight: normal;
color: #333;
}
.woocommerce-account .znwoo-single-ticket .comment-by-user {
float: left;
}
.woocommerce-account .znwoo-single-ticket .comment-by-user .comment-author {
background-color: #A8854A;
}
.woocommerce-account .znwoo-single-ticket .comment-by-support {
float: right;
}
.woocommerce-account .znwoo-single-ticket .comment-by-support .comment-author {
background-color: #16B025;
left: auto;
right: 20px;
}
.woocommerce-account .znwoo-comment-form {
margin-top: 40px;
}
/* ______________________________________________________________________________________________
Popup Windows
______________________________________________________________________________________________ */
/* ------------------------------------ General ------------------------------------ */
.ui-dialog {
position: fixed;
max-width: 100%;
z-index: 99999;
background-color: #fff;
}
.ui-dialog .ui-dialog-title {
color: #333;
font-weight: bold;
font-size: 24px;
}
.ui-dialog .ui-dialog-titlebar {
text-align: center;
padding: 40px 0 20px;
}
.ui-dialog .ui-dialog-titlebar button {
position: absolute;
right: 0;
top: 0;
background-color: #fff;
color: #333;
top: 15px;
text-indent: 0;
}
.ui-dialog .ui-dialog-titlebar button span.ui-button-icon::before {
content: "\f125";
font-family: Flaticon;
font-size: inherit;
font-style: normal;
line-height: 1;
}
.ui-dialog .ui-dialog-content {
overflow: hidden;
max-width: 100%;
margin: 0 auto;
padding: 20px 20px 40px;
}
.ui-dialog .ui-dialog-content h3 {
padding: 25px 0 0;
border-top: 1px solid #f3f3f3;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.ui-dialog .ui-dialog-content p {
line-height: 1.8;
color: #333;
font-size: 13px;
margin-bottom: 30px;
}
/* ------------------------------------ FAQ popup ------------------------------------ */
.faq-popup {
background-color: #fff;
}
.faq-popup .ui-dialog-content {
padding: 30px 40px 30px 60px;
max-height: 50vh !important;
}
/* ------------------------------------ Added to cart popup ------------------------------------ */
.added-to-cart-popup {
background-color: transparent;
z-index: 99999999999999;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.added-to-cart-popup {
transform: translateY(100%);
bottom: 0 !important;
top: auto !important;
}
.added-to-cart-popup.active {
transform: translateY(0);
}
}
.added-to-cart-popup .ui-dialog-titlebar {
background-color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 15px 30px 0;
height: auto;
text-align: left;
}
.added-to-cart-popup .ui-dialog-titlebar span.ui-dialog-title {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
display: block;
}
.added-to-cart-popup .ui-dialog-titlebar button {
background-color: #fff;
color: #333;
top: 15px;
text-indent: 0;
}
.added-to-cart-popup .ui-dialog-titlebar button span.ui-button-icon::before {
content: "\f125";
font-family: Flaticon;
font-size: inherit;
font-style: normal;
line-height: 1;
}
.added-to-cart-popup .ui-dialog-content {
padding: 20px 30px 40px;
background-color: #fff;
max-height: 60vh !important;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.added-to-cart-popup .ui-dialog-content {
border-radius: 0;
}
}
.added-to-cart-popup .cp-content {
display: flex;
align-items: center;
color: black;
}
.added-to-cart-popup .cp-content img {
max-width: 100px;
margin-right: 20px;
}
.added-to-cart-popup .cp-content .cp-title {
line-height: 1.5;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
}
.added-to-cart-popup .cp-buttons {
clear: both;
text-align: center;
}
.added-to-cart-popup .cp-buttons a {
display: block;
width: 100%;
color: white;
margin: 11px auto;
padding: 2px 10px;
font-size: 11px;
font-weight: 500;
background-color: #E52228;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.added-to-cart-popup .cp-buttons a.continue-shopping {
background-color: #333;
}
.added-to-cart-popup .cp-buttons a.view-cart {
background-color: #A8854A;
}
.dreamo-popup-bg {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99998;
background-color: black;
opacity: 0.6;
}
/* ______________________________________________________________________________________________
Popup Subscription
______________________________________________________________________________________________ */
.pum-container {
padding: 0 !important;
}
.pum-container .pum-title {
display: none;
}
.pum-container .vc_row .wpb_column:nth-child(2) .vc_column-inner {
margin-right: 30px;
}
/* ______________________________________________________________________________________________
Z Index
______________________________________________________________________________________________ */
div#sticky-wrapper {
z-index: 10;
}
.single-product .content-tab-element {
z-index: 9998;
}
/* ______________________________________________________________________________________________
WP Admin Bar
______________________________________________________________________________________________ */
#wp-admin-bar-vc_inline-admin-bar-link,
#wp-admin-bar-ziss_options,
#wp-admin-bar-famibt_option,
#wp-admin-bar-famisp_option,
#wp-admin-bar-theme_option,
#wp-admin-bar-theme_option,
#wp-admin-bar-monsterinsights_frontend_button {
display: none;
}
/* ______________________________________________________________________________________________
Side Cart
______________________________________________________________________________________________ */
.red {
color: #E52228;
}
.xoo-wsc-sm-sales,
.xoo-wsc-ft-extras,
.xoo-wsc-ft-totals,
.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-cart {
display: none;
}
.xoo-wsc-basket {
display: none !important;
}
.xoo-wsc-container {
overflow: hidden;
z-index: 99999999999;
}
.sidecart-prod-price > div {
display: inline;
margin-right: 20px;
}
.sidecart-prod-price > div span,
.sidecart-prod-price > div bdi {
font-size: 13px;
color: #E52228;
font-weight: 500;
}
.sidecart-prod-price > div:first-child span,
.sidecart-prod-price > div:first-child bdi {
color: #ccc;
text-decoration: line-through;
}
.xoo-wsc-header .xoo-wsch-top {
justify-content: left;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.xoo-wsc-header .xoo-wsch-top .xoo-wsch-text {
font-size: 18px;
}
.xoo-wsc-header .xoo-wsch-top .icon-close {
font-size: 14px;
margin-right: 10px;
}
.xoo-wsc-product {
flex-wrap: wrap;
position: relative;
padding: 20px 0;
margin: 0 15px;
}
.xoo-wsc-product .xoo-wsc-img-col {
width: 35%;
}
.xoo-wsc-product .xoo-wsc-sum-col {
width: 65%;
padding-left: 25px;
}
.xoo-wsc-product span.xoo-wsc-pname,
.xoo-wsc-product span.xoo-wsc-pname a {
font-weight: 400;
font-size: 13px;
line-height: 1.6;
}
.xoo-wsc-product .sidecart-prod-qty-line {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
margin-left: 5px;
margin-top: 10px;
}
.xoo-wsc-product .sidecart-prod-qty-line .xoo-wsc-qty-box {
border-radius: 15px;
padding: 0 7px;
max-width: 90px;
}
.xoo-wsc-product .sidecart-prod-qty-line .xoo-wsc-chng {
background: none;
font-weight: 200;
color: #ccc;
}
.xoo-wsc-product .sidecart-prod-qty-line .xoo-wsc-qty {
border-right: none;
border-left: none;
line-height: 24px;
font-size: 16px;
}
.xoo-wsc-product .sidecart-subtotal {
position: absolute;
right: 20px;
bottom: 20px;
}
.xoo-wsc-product .sidecart-subtotal span {
color: #E52228;
font-size: 14px;
font-weight: 500;
}
.xoo-wsc-product .sidecart-prod-note,
.xoo-wsc-product .pre-order.note {
font-size: 11px;
line-height: 1.5;
color: #16B025;
margin-bottom: 10px;
}
.xoo-wsc-product .pre-order.note {
color: #E52228;
}
.xoo-wsc-sp-container {
background: none;
margin: 20px 15px 0;
}
.xoo-wsc-sp-container ul {
padding: 15px 0 0;
}
.xoo-wsc-sp-container ul li {
padding: 25px 0;
border-bottom: 1px solid #eee;
}
.xoo-wsc-sp-container ul li .xoo-wsc-sp-title a {
font-weight: 400;
font-size: 13px;
line-height: 1.6;
display: inline-block;
}
.xoo-wsc-sp-container ul .xoo-wsc-sp-rc-top {
padding: 0;
}
.xoo-wsc-sp-container ul .xoo-wsc-sp-left-col img {
max-width: 112px;
width: 112px;
}
.xoo-wsc-sp-container .xoo-wsc-sp-rc-bottom {
display: block;
}
.xoo-wsc-sp-container .xoo-wsc-sp-rc-bottom .xoo-wsc-sp-atc {
display: block;
margin-top: 10px;
}
.xoo-wsc-sp-container .xoo-wsc-sp-rc-bottom .xoo-wsc-sp-atc a {
background-color: #333;
color: #fff;
padding: 5px 12px;
font-size: 12px;
}
.xoo-wsc-footer {
padding-top: 30px;
border-top: 1px solid #eee;
}
@media screen and (max-width: 767px) {
.xoo-wsc-footer {
padding-top: 15px;
}
}
.xoo-wsc-footer .cart-gift {
margin-bottom: 30px;
color: #333;
font-weight: 300;
zoom: 0.8;
}
.xoo-wsc-footer .cart-gift span {
font-weight: 500;
}
.xoo-wsc-footer .cart-gift .gift-progress-bar {
background-color: #ddd;
height: 15px;
border-radius: 10px;
margin-bottom: 20px;
margin-left: 10px;
overflow: hidden;
}
.xoo-wsc-footer .cart-gift .ui-progressbar-value {
background-color: #16B025;
height: 100%;
border-radius: 10px;
}
.xoo-wsc-footer .cart-gift .note {
font-size: 14px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.xoo-wsc-footer .cart-gift #see-delivery-options {
font-size: 14px;
text-decoration: underline;
cursor: pointer;
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
.xoo-wsc-footer .cart-gift #see-delivery-options {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.xoo-wsc-footer .cart-gift {
margin-bottom: 15px;
}
.xoo-wsc-footer .cart-gift p,
.xoo-wsc-footer .cart-gift .gift-progress-bar {
margin-bottom: 10px;
}
}
.xoo-wsc-footer .button {
font-size: 14px;
padding: 13px 0;
}
@media screen and (max-width: 767px) {
.xoo-wsc-footer .button {
padding: 10px 0;
}
}
.xoo-wsc-footer .xoo-wsc-ft-btn-continue {
border: 1px solid #333;
}
.xoo-wsc-footer .xoo-wsc-ft-btn-checkout {
background-color: #E52228;
color: #fff;
margin-bottom: 20px;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.xoo-wsc-footer .xoo-wsc-ft-btn-checkout {
margin-bottom: 10px;
}
}
/* ______________________________________________________________________________________________
Assembly: date picker
______________________________________________________________________________________________ */
#fbuilder {
max-width: 1200px;
margin: 0 auto;
}
#fbuilder .dfield.fapp {
z-index: 0;
}
#fbuilder .fields.date-picker > label {
display: none;
}
#fbuilder .fields.date-picker .fieldCalendarService {
display: none;
}
#fbuilder .fields.date-picker .ui-datepicker {
line-height: 3;
}
#fbuilder .fields.date-picker .ui-datepicker .ui-datepicker-header {
font-weight: 400;
padding: 20px 24px;
}
#fbuilder .fields.date-picker .ui-datepicker td {
height: 48px;
text-align: center;
}
#fbuilder .fields.date-picker .ui-datepicker td span,
#fbuilder .fields.date-picker .ui-datepicker td a {
font-weight: 400;
}
#fbuilder .fields.date-picker .ui-datepicker td a {
color: #000;
height: 100%;
width: 48px;
line-height: 48px;
margin: 0 auto;
border-radius: 50%;
}
#fbuilder .fields.date-picker .ui-datepicker td.ui-datepicker-current-day a {
color: white;
background: #D5A926;
}
#fbuilder .fields.order-number {
display: none;
}
#fbuilder .slotsCalendar .slots > span {
display: none !important;
}
#fbuilder .slotsCalendar .slots .availableslot,
#fbuilder .slotsCalendar .slots .choosen {
border: none !important;
padding: 0 !important;
width: 160px;
max-width: 50%;
}
#fbuilder .slotsCalendar .slots .availableslot a,
#fbuilder .slotsCalendar .slots .choosen a {
width: 100%;
padding: 6px;
background: none;
text-align: center;
border-radius: 30px;
border: 1px solid #ddd;
}
#fbuilder .slotsCalendar .slots .availableslot a:hover,
#fbuilder .slotsCalendar .slots .choosen a:hover {
background-color: #eee;
color: inherit;
}
#fbuilder .slotsCalendar .slots .choosen.currentSelection a {
background-color: #D5A926 !important;
color: white !important;
border-color: #D5A926 !important;
}
#fbuilder .slotsCalendar .slots .choosen:not(.currentSelection) a {
background: #f4f4f4;
color: #ccc;
border-color: #f4f4f4;
}
#fbuilder .usedSlots {
margin-top: 30px;
}
#fbuilder .usedSlots .ahb_list {
border-radius: 8px;
border: 1px solid #222;
color: #222;
font-weight: 600;
padding: 15px 40px;
display: inline-block;
}
#fbuilder .usedSlots .ahb_list a {
display: none;
}
#fbuilder .usedSlots .ahb_list_service {
display: none !important;
}
#fbuilder .cpefb_error {
width: 100%;
margin-top: 30px;
}
#fbuilder button.pbSubmit {
background-color: #E52228;
color: white;
margin: 20px 0 20px;
padding: 0;
font-size: 16px;
height: auto;
line-height: 54px;
width: 240px;
border-radius: 8px;
}
/* ______________________________________________________________________________________________
Assembly: cart & checkout message
______________________________________________________________________________________________ */
dl.variation {
display: flex;
flex-wrap: wrap;
gap: 10px;
font-size: 13px;
margin: 10px 0 0;
color: #333;
line-height: 1.8;
}
dl.variation dt {
font-weight: 500;
}
dl.variation dd {
font-weight: 400;
}
dl.variation .woocommerce-Price-amount.amount {
color: inherit;
font-weight: 400 !important;
}
@media screen and (max-width: 767px) {
dl.variation {
font-size: 12px !important;
gap: 0;
justify-content: left !important;
}
}
.mini_cart_item dl.variation {
background: #f4f4f4;
padding: 6px 20px;
border-radius: 30px;
box-sizing: border-box;
height: 30px;
font-size: 12px;
color: #666;
border: 1px solid #666;
flex-wrap: nowrap;
}
.xoo-wsc-product dl.variation {
order: 3;
font-size: 12px;
margin: 0;
line-height: 2.2;
}
.xoo-wsc-product dl.variation .woocommerce-Price-amount.amount {
font-size: 12px;
}
/* ______________________________________________________________________________________________
Assembly: single product page
______________________________________________________________________________________________ */
#product-assembly-container {
padding: 0px 60px 10px 20px !important;
border: 1px solid #ccc;
position: relative;
margin-bottom: 20px;
}
#product-assembly-container i {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 11px;
color: #333;
}
#product-assembly-container i.active {
transform: rotate(180deg);
}
#product-assembly-container .product-assembly > p {
margin: 0;
}
#product-assembly-container .product-assembly > p:first-child {
font-size: 14px;
font-weight: 600;
color: #333;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#product-assembly-container .product-assembly > p:first-child input {
margin: 0 5px 0 0;
}
#product-assembly-container .product-assembly > p:first-child span.subtitle {
margin-left: 5px;
color: gray;
}
@media screen and (max-width: 767px) {
#product-assembly-container .product-assembly > p:first-child span.subtitle {
margin-left: 17px;
}
}
#product-assembly-container .product-assembly > p:first-child span.notice {
line-height: 1.5;
margin-bottom: 10px;
font-weight: 500;
font-size: 13px;
margin-left: 17px;
}
#product-assembly-container .product-assembly > p:first-child span.red {
color: #E52228;
}
#product-assembly-container .product-assembly > p:nth-of-type(2) {
font-size: 13px;
font-weight: 500;
padding-left: 17px;
line-height: 1.5;
}
#product-assembly-container .product-assembly > p:last-child {
display: none;
padding-left: 17px;
line-height: 1.5;
font-size: 13px;
color: #888;
}
/* ______________________________________________________________________________________________
Requested changes from A/B test
______________________________________________________________________________________________ */
@media (max-width: 480px) {
.product-item.style-1 .product-inner {
border: 1px solid #d0d0d0;
padding: 10px;
}
}
@media screen and (max-width: 767px) {
.single-product div.stock {
line-height: 12px;
font-size: 10px;
}
.single-product .single-product div.summary.entry-summary .product_title {
margin: 0;
}
.single-product .header-middle,
.woocommerce-checkout .header-middle,
.single-product .woocommerce-breadcrumb,
.woocommerce-checkout .woocommerce-breadcrumb {
display: none !important;
}
body.single-product .famisp-sales-popup-wrap {
display: none !important;
}
body.single-product .summary.entry-summary .cart:not(.pre-order) button.single_add_to_cart_button {
position: fixed;
bottom: 0px;
z-index: 9999;
margin-left: -15px;
height: 50px;
font-size: 15px;
width: 50%;
}
body.single-product .summary.entry-summary .cart:not(.pre-order) .single_buy_now.buy_now_button {
position: fixed;
bottom: 0px;
z-index: 9999;
height: 50px;
font-size: 15px;
right: 0px;
background-color: white;
width: 50%;
}
body.single-product .summary.entry-summary .cart.pre-order .single_buy_now.buy_now_button {
position: fixed;
bottom: 0px;
z-index: 9999;
margin-left: -15px;
height: 50px;
font-size: 15px;
width: 50%;
}
body.single-product .summary.entry-summary .cart.pre-order button.single_add_to_cart_button {
position: fixed;
bottom: 0px;
z-index: 9999;
height: 50px;
font-size: 15px;
right: 0px;
background-color: white;
width: 50%;
}
body.single-product .product.outofstock .summary.entry-summary .cart button.single_sold_out_button {
position: fixed;
bottom: 0px;
z-index: 9999;
margin-left: -15px;
height: 50px;
font-size: 15px;
width: 50%;
}
body.single-product .product.outofstock .summary.entry-summary .cart .single_add_to_wishlist_button {
position: fixed;
bottom: 0px;
z-index: 9999;
height: 50px;
font-size: 15px;
right: 0px;
width: 50%;
}
}
/* hide breadcrumb on new thankyou page as well */
.woocommerce-checkout .woocommerce-breadcrumb {
display: none !important;
}
/* mobile header zoom: 0.8 */
.header-mobile .main-header {
padding: 2px 0;
}
.header-mobile .main-header .logo img {
width: 128px !important;
}
.header-mobile .main-header .mobile-hamburger-navigation .hamburger {
width: 26px;
margin-left: 15px;
}
.header-mobile .main-header .header-mobile-right span.icon {
font-size: 22px;
margin-right: 12px;
}
.header-mobile-right .block-cart-link a.link-dropdown {
font-size: 23px;
}
.header-mobile a.mobile-hamburger-navigation {
width: 56px;
}
/* Product category */
.woocommerce-page.archive .page-title,
.woocommerce-page.archive .prdctfltr_wc .prdctfltr_filter_title > span.prdctfltr_woocommerce_filter_title,
.woocommerce-page.archive .onnew,
.woocommerce-page.archive .onsale,
.woocommerce-page.archive #widget-area .widget .prdctfltr_filter label:not(.screen-reader-text),
.woocommerce-page.archive .prdctfltr_filter label:not(.screen-reader-text) {
font-family: Poppins, Helvetica, Arial, sans-serif !important;
}
.woocommerce-page.archive .onnew,
.woocommerce-page.archive .onsale {
font-size: 10px;
height: 20px;
line-height: 20px;
}
.woocommerce-page.archive .soldout {
width: 70px;
font-size: 10px;
color: white;
background: grey;
line-height: 20px;
}
.woocommerce-page.archive .product-item.outofstock {
opacity: 0.4;
}
.woocommerce-page.archive .term-description-2 {
font-size: 13px;
}
.woocommerce-page.archive h2 {
font-size: 16px;
font-weight: 500;
}
.woocommerce-page.archive .woocommerce-products-header .page-title {
text-transform: uppercase;
font-weight: bold;
}
.woocommerce-page.archive .product-item.style-1 .product-name,
.woocommerce-page.archive .product-item.style-2 .product-name,
.woocommerce-page.archive .product-item.style-3 .product-name {
font-size: 16px;
font-weight: 500;
}
.woocommerce-page.archive .product-item.style-1 .price bdi {
font-size: 16px;
font-weight: 500;
}
.woocommerce-page.archive .main-content .term-description,
.woocommerce-page.archive .scroll-to-next {
display: none;
}
/* Hide add-to-cart button on product category pages */
.product-item .group-button {
display: none;
}
/* Menu font size */
.header.style4 .header-nav-inner .box-header-nav .main-menu > .menu-item > a {
font-weight: 400;
text-transform: uppercase;
}
.header.style4 .header-nav-inner .box-header-nav .funiter-custommenu .widgettitle {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: 400;
}
.header.style4 .header-nav-inner .box-header-nav .main-menu .menu-item .submenu .menu-item > a {
font-size: 13px;
font-weight: 400;
}
/* Change menu style */
.header.style4 .header-nav-inner {
border-color: #f5f5f5 !important;
}
.header-wrap-stick {
background-color: #f5f5f5 !important;
}
.box-header-nav .main-menu .menu-item .submenu {
border-radius: 0px !important;
}
/* 2023-11 a/b test result */
.prdctfltr_wc.prdctfltr_square .prdctfltr_filter label > span:before {
height: 15px !important;
width: 15px !important;
border: 2px double #ccc !important;
}
.prdctfltr_wc.prdctfltr_square .prdctfltr_filter label.prdctfltr_active > span:before {
width: 13px;
height: 13px;
border: 5px double #777;
}
.prdctfltr_sale label span {
margin-bottom: 0 !important;
padding: 10px 0;
}
.prdctfltr_reset label span {
margin-bottom: 0 !important;
padding: 10px 0;
}
/* 2024-01 a/b test result */
ul.wc_payment_methods.payment_methods.methods img {
max-height: 25px;
width: auto;
float: right;
}
.woocommerce-privacy-policy-text {
font-size: 12px;
font-style: italic !important;
}
/* ------------------------------------ Yotpo ------------------------------------ */
.yotpo-reviews-star-ratings-widget {
margin-top: 5px;
clear: both;
}
.yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-summary {
height: auto !important;
line-height: 1.5 !important;
align-items: center !important;
}
.yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-summary .yotpo-sr-bottom-line-right-panel .yotpo-sr-bottom-line-text {
font-size: 13px !important;
}
.single-product div.summary.entry-summary .yotpo,
.single-product div.summary.entry-summary .yotpo-widget-instance {
order: 0;
margin: 0;
align-self: flex-start;
}
.single-product div.summary.entry-summary .yotpo .yotpo-widget-clear,
.single-product div.summary.entry-summary .yotpo-widget-instance .yotpo-widget-clear {
cursor: pointer;
}
@media screen and (max-width: 767px) {
.single-product .main-content .yotpo-display-wrapper .yotpo-stars-and-sum-reviews {
display: none;
}
.single-product .main-content .yotpo-label {
display: none;
}
.single-product .main-content .yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes {
height: auto;
margin: 0;
padding: 0;
}
.single-product .main-content .yotpo .yotpo-nav {
height: auto;
margin: 0;
padding: 0;
}
.single-product .main-content .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
padding: 0 0 15px;
border: none;
}
.single-product .main-content .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span {
font-size: 20px;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #555;
}
.single-product .main-content .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper span.yotpo-reviews-nav-tab-sum {
font-size: 16px;
}
.single-product .main-content .yotpo .yotpo-nav .yotpo-icon-btn-big {
margin-right: 9px;
}
}
/* ______________________________________________________________________________________________
jQuery UI Dialog
______________________________________________________________________________________________ */
.free-metro-shipping-dialog {
padding-bottom: 20px;
background-color: #fce2e2;
color: #333;
}
@media screen and (max-width: 767px) {
.free-metro-shipping-dialog {
top: 10px !important;
left: 10px !important;
right: 10px;
bottom: 10px;
overflow-y: scroll;
width: calc(100vw - 20px) !important;
}
}
.free-metro-shipping-dialog .ui-dialog-title {
color: #ed6266;
}
.free-metro-shipping-dialog .ui-dialog-titlebar button {
right: 20px;
background-color: transparent;
}
@media screen and (max-width: 767px) {
.free-metro-shipping-dialog .ui-dialog-titlebar button {
right: 10px;
}
}
.free-metro-shipping-dialog .message {
background-color: #ed6266;
color: #fff;
padding: 13px;
text-align: center;
margin-bottom: 30px;
}
.free-metro-shipping-dialog .message p {
font-weight: 500;
font-size: 15px;
color: white;
}
.free-metro-shipping-dialog .ui-dialog-content {
width: 640px !important;
padding-bottom: 40px;
}
.free-metro-shipping-dialog .ui-dialog-content ul {
padding: 0;
font-size: 13px;
list-style: none;
pointer-events: none;
/* Disables click events on the element */
cursor: default;
/* Changes cursor to default, indicating it's not clickable */
text-decoration: none;
/* Removes any default underline for links */
color: inherit;
}
.free-metro-shipping-dialog .ui-dialog-content ul strong {
font-size: 14px;
}
/* ______________________________________________________________________________________________
Back to top button
______________________________________________________________________________________________ */
a.backtotop {
bottom: 130px;
right: 26px;
}
@media screen and (max-width: 767px) {
a.backtotop {
bottom: 80px;
right: 11px;
transform: scale(0.9);
}
}
@media screen and (max-width: 767px) {
body.single-product a.backtotop {
bottom: 130px;
}
}
/* ______________________________________________________________________________________________
Login/Register
______________________________________________________________________________________________ */
.password-input {
position: relative;
}
.show-password-input {
background-color: transparent;
border-radius: 0;
border: 0;
color: #888;
cursor: pointer;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
right: 0.7em;
text-decoration: none;
top: 50%;
transform: translateY(-50%);
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
-webkit-font-smoothing: inherit;
opacity: 0.5;
}
.show-password-input::before {
background-repeat: no-repeat;
background-size: cover;
background-image: url('data:image/svg+xml,');
content: '';
display: block;
height: 22px;
width: 22px;
}
.show-password-input.display-password::before {
background-image: url('data:image/svg+xml,');
}
/* ______________________________________________________________________________________________
Other
______________________________________________________________________________________________ */
.coupon-error-notice {
color: red;
font-size: 14px;
line-height: 1.5;
}
body {
font-family: Poppins, Helvetica, Arial, sans-serif;
}
.clear {
clear: both;
}
.mobile-only {
display: none;
}
@media screen and (max-width: 767px) {
.mobile-only {
display: initial;
}
}
.product-type-woosb .entry-summary .cart .single_add_to_cart_button,
.product-type-variable .entry-summary .cart .single_add_to_cart_button,
.product-type-simple .entry-summary .cart .single_add_to_cart_button,
.product-type-grouped .entry-summary .cart .single_add_to_cart_button,
.product-type-external .entry-summary .cart .single_add_to_cart_button,
span.woocommerce-Price-amount.amount,
.price {
font-family: Poppins, Helvetica, Arial, sans-serif;
}
.form-row > label {
font-family: Poppins, Helvetica, Arial, sans-serif;
font-weight: 500;
}
b,
strong {
font-weight: 600 !important;
}
.vc_mobile body.single-product {
background-color: white;
}
.page-id-4008 .vc_tta.vc_general .vc_tta-panel-heading {
border: none;
}
@media screen and (min-width: 768px) {
.lost_reset_password p.woocommerce-form-row.form-row {
float: none;
}
}
.prdctfltr_woocommerce_filter_title {
background-color: #E52228 !important;
}
.page .as-track-button {
display: flex;
justify-content: center;
}
.funiter-products.style-1 .product-item.best-selling {
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.funiter-products.style-1 .owl-slick .slick-dots {
margin-top: -10px !important;
position: relative;
z-index: 1;
}
}
.product_list_widget ul.woocommerce-mini-cart li:last-of-type {
border: none !important;
}
@media screen and (max-width: 767px) {
.znwoo-button {
margin-top: 20px;
}
}
.funiter-recent-viewed-products-wraper .button-sliding {
z-index: 999999999;
}
.metaslider ul.slides {
padding: 0 !important;
}
@media screen and (max-width: 767px) {
body.single-product #tidio-chat {
bottom: 60px !important;
}
}
button.yotpo-sr-bottom-line-button {
background-color: transparent !important;
}
tolstoy-stories {
clear: both;
display: block;
padding-top: 40px;
}
.flex-control-nav.flex-control-thumbs {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.flex-control-nav.flex-control-thumbs.slick-initialized {
opacity: 1;
visibility: visible;
}
.env-staging.woocommerce-checkout .section-content {
display: block !important;
}
.env-staging.woocommerce-checkout .section-content button.continue {
display: none !important;
}
.nx-container {
margin: 0 !important;
}
.slots > div:nth-of-type(1) {
pointer-events: none !important;
/* User can't click it */
cursor: not-allowed !important;
/* Shows the "circle with a slash" icon */
}
.slots > div:nth-of-type(1) a {
background: #f4f4f4 !important;
color: #ccc !important;
border-color: #f4f4f4 !important;
}
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide > div {
width: 85px;
}
/*# sourceMappingURL=/wp-content/themes/dreamo/style.css.map */