* { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } /* default css */ :root { --color-primary: 233, 30, 99; /* #FF7E67 */ --color-secondary: 52, 7, 8; /*#17273b */ --icon-bg: 245, 245, 245; /* #efefef */ --product-bg: 248, 248, 248; /* f8f8f8*/ --slider-bg: 249, 221, 216; /* #f9ddd8 */ --calendar-bg: 23, 39, 59; /* #17273b */ --border: 224, 224, 224; /* #e0e0e0*/ --white-text: 255, 255, 255; /* #ffffff*/ --text: 137, 137, 137; /*#898989 */ --footer-bottom: 23, 39, 59; /*#17273B*/ --social-icon: 96, 96, 96; /*#606060*/ --info-bubble: 231, 229, 224; /*#E7E5E0*/ --p2dod: 231, 229, 224; /* #E7E5E0 */ --home3-pink: 255, 245, 244; /* #FFF5F4 */ --test3: 233, 231, 234; /* #E9E7EA */ --social-bg: 61, 82, 107; /* #3D526B */ --footer-bg: 241, 241, 241; /* F1F1F1 */ } body, html { padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.625; text-align: left; background-color: #ffffff; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .btn-check:focus+.btn, .btn:focus{ box-shadow:none; } a:hover, a:focus { color: rgba(var(--color-primary), 1); cursor: pointer; } a.custom-logo-link, .logo a { display: block; } /* SPACING */ :focus-visible { outline: rgb(var(--color-primary)) dashed 1px !important; /* outline-color: red; */ outline-offset: -2px; position: relative; z-index: 0; /* z-index: ; */ } .mt-default { margin-top: 100px; } .pt-default { padding-top: 100px; } .pb-default { padding-bottom: 100px; } .pr-default { padding-right: 100px; } .pl-default { padding-left: 100px; } .py-default { padding-top: 100px; padding-bottom: 100px; } .px-default { padding-right: 100px; padding-left: 100px; } .text-right { text-align: right; } .text-left { text-align: left; } /* SPACING */ img { max-width: 100%; vertical-align: middle; display: block; /* width: 100%; */ /* height: auto; */ } p { margin: 0; color: rgba(var(--text), 1); } .page-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px 0; background-color: rgba(var(--product-bg), 1); position: relative; overflow: hidden; z-index: 1; } .page-title::after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0px; background-color: rgba(var(--color-primary), 0.1); } .page-title > img { position: absolute; height: 120%; right: -150%; width: initial; filter: opacity(0.1); top: 57%; /* transform: translate(150%, -50%); */ transform-origin: bottom right; transition: right 5s ease-in; animation: breadcrumb-leaf 5s ease-in-out infinite; } .page-title > .container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-name { font-size: 20px; color: rgba(var(--color-secondary), 1); position: relative; padding-left: 10px; font-weight: 600; width: max-content; } .page-name::before { content: ""; position: absolute; width: 5px; height: 100%; left: 0; top: 0; background-color: rgba(var(--color-primary), 1); } .page-name::after { content: ""; position: absolute; width: calc(100% - 10px); height: 3px; bottom: -69px; left: 10px; background-color: rgba(var(--color-primary), 1); } .page-st { padding-left: 10px; font-weight: 600; color: rgba(var(--text), 1); font-size: 12px; display: flex; } .page-st li.active { color: rgba(var(--color-primary), 1); } .product-collection-area .page-title:after { content: none; } .product-collection-area .page-title { padding: 0; background: none; } .focus { color: rgba(var(--color-primary), 1); } .title { font-weight: 700; font-size: 32px; color: rgb(var(--color-secondary), 1); margin-left: 50px; position: relative; } .title:not(table .title)::before { position: absolute; content: ""; width: 40px; height: 2px; background-color: rgba(var(--color-primary), 1); left: -50px; top: 50%; transform: translateY(-50%); } .section-title { font-weight: 600; font-size: 1.8rem; padding-bottom: 30px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 420px; } .section-title::after { position: absolute; content: ""; width: 45%; height: 3px; bottom: 20px; background-color: rgba(var(--color-primary), 1); } h1, h2, h3, h4, h5, h6 { color: rgb(var(--color-secondary)); } a { text-decoration: none; color: rgb(var(--text)); } ins { text-decoration: none; } del { color: rgb(var(--text)); } .row { margin-top: -30px; } [class*="col-"] { margin-top: 30px; } ul, ol, li { list-style-type: none; padding: 0; margin: 0; } button { border: none; background-color: unset; } .theme-mobile-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: grid; align-items: center; justify-content: space-between; padding: 16px 0px; grid-template-columns: 3fr 6fr 3fr; } .hamburger-menu { width: 40px; height: 40px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 15px; position: relative; vertical-align: middle; border-radius: 0.25rem; overflow: hidden; box-shadow: inset 0 0 10px rgb(var(--white-text), 1); background-color: rgba(var(--footer-bottom), 1); } .aromatic-home1 .hamburger-menu,.aromatic-home3 .hamburger-menu { box-shadow: inset 0 0 10px rgb(var(--color-primary), 0.3); } .hamburger-menu:hover .top-bun, .hamburger-menu:focus .top-bun { animation: burger-hover 0.8s infinite ease-in-out alternate; } .hamburger-menu:hover .meat, .hamburger-menu:focus .meat { animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms; } .hamburger-menu:hover .bottom-bun, .hamburger-menu:focus .bottom-bun { animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms; } .top-bun, .meat, .bottom-bun { width: 24px; height: 3px; background-color: #ffffff; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .aromatic-home1 .top-bun, .aromatic-home1 .meat, .aromatic-home1 .bottom-bun ,.aromatic-home3 .top-bun, .aromatic-home3 .meat, .aromatic-home3 .bottom-bun { background-color: #000000; } .meat { margin: 5px 0; } .toggle-lines.menu-toggle{ height: 38px; } .mobile-menu { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; padding-bottom: 1.25rem; display:none; overflow: hidden; text-align: left; background: #ffffff; transform: translateX(-150%); overflow: hidden auto; } .admin-bar .mobile-menu { top: 45px; } .mobile-menu .menu-wrap .nav-item { position: relative; font-weight: 700; display:flex; flex-wrap: wrap; } .mobile-menu .menu-wrap > .nav-item:first-child { border-top: 1px solid rgb(var(--border)); } .mobile-menu .menu-wrap .nav-link, .mobile-menu .menu-wrap .dropdown-item { border-bottom: 1px solid rgb(var(--border)); flex:1; } .mobile-menu .menu-wrap > .nav-item > a { width: 100%; color: rgb(var(--color-secondary)); flex:1; } .mobile-menu .menu-wrap .nav-item .dropdown-menu { position: static; top: 0; border: none; border-radius: 0; width:100%; } .mobile-menu .menu-wrap > .nav-item > .mobile-toggler button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0; background-color: rgb(var(--color-primary)); width: 43px; font-size: 13px; border: 1px solid rgb(var(--border)); } .dropdown-menu > .nav-item .mobile-toggler button { background-color: rgba(var(--color-primary), 0.8); padding: 15px 0; width: 43px; font-size: 12px; } .mobile-menu .dropdown-item { padding: 8px 16px; } .mobile-toggler > button::before { transition: 0.5s; display:inline-block; font-size: 12px; } .mobile-toggler > button.active::before { transform: rotate(90deg); } .close-style { position: absolute; right: 15px; display: block; width: 46px; height: 46px; border-radius: 0; z-index: 9; border: 1px solid rgb(var(--color-secondary)); } .close-style:before, .close-style:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 25px; height: 4px; background: rgb(var(--color-secondary)); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.5s transform ease; transition: 0.5s transform ease; } .close-style:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close-style::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-style:hover::after, .close-style:focus-within::after, .close-style:hover::before, .close-style:focus-within::before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mobile-menu-right .cart-wrapper #cart{ display: block; } /* BANNER-SLIDER */ .banner { position: relative; } .banner .slider-arrows { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px); } .banner .slider-arrows #nav-wrapper { display: flex; justify-content: space-between; max-width: 1440px; margin: auto; } .banner .page-image-slider { padding-top: 10px; } /* END: BANNER-SLIDER */ /* Ribbon Design */ .discount-offer-ribbon .ribbon { position: absolute; line-height: 60px; color: #ffffff; border-radius: 20px 0em 20px 0; background: rgba(var(--color-primary), 1); box-shadow: -4px 4px 9px rgb(0 0 0 / 20%); width: calc(100% + 36px); margin: 0 auto; font-size: 40px; } .discount-offer-ribbon .ribbon:before, .discount-offer-ribbon .ribbon:after, .discount-offer-ribbon .ribbon > span:before, .discount-offer-ribbon .ribbon > span:after { position: absolute; content: ""; display: block; } .discount-offer-ribbon .ribbon:before { width: 18px; height: 91.3281px; padding: 0 0 16px; top: 0; left: 0; background: inherit; border-radius: 400px 60px 0 300px; } .discount-offer-ribbon .ribbon > span:before { width: 18px; height: 91.3281px; padding: 16px 0 0; bottom: 0; right: 0; background: rgba(var(--color-primary), 1); border-radius: 0em 300px 400px 60px; } .discount-offer-ribbon .ribbon:after { width: 18px; height: 23.2px; background: rgba(0, 0, 0, 0.35); bottom: -22.92px; left: 0; border-radius: 200px 0em 0em 200px; box-shadow: inset -1px 5px 2px rgb(0 0 0 / 30%); } .discount-offer-ribbon .ribbon > span:after { width: 18px; height: 23.2px; background: rgba(0, 0, 0, 0.35); top: -22.92px; right: 0; border-radius: 0 200px 200px 0; box-shadow: inset -1px 5px 2px rgb(0 0 0 / 30%); } /* slider default animation */ .banner .page-slider-wrapper .page-image-slider img { position: relative; left: 150%; opacity: 0; -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out; width:75%; height: auto; } .banner .page-slider-wrapper.tns-slide-active .page-image-slider img { left: 50% !important; opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .banner .page-slider-wrapper .banner-text-section { left: -150%; opacity: 0; } .banner .page-slider-wrapper.tns-slide-active .banner-text-section { left: 50%; opacity: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } /* MAGIC INDICATOR */ .navigation { position: fixed; width: 100%; height: 70px; background-color: rgba(var(--color-secondary), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; z-index: 10; } .navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .navigation ul li { position: relative; list-style: none; width: 20%; height: 70px; z-index: 1; } .navigation ul li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; font-weight: 500; text-decoration: none; } .navigation ul li a .icon { position: relative; display: block; line-height: 75px; font-size: 1.5em; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; color: #ffffff; } .navigation ul li a .text { position: absolute; color: #ffffff; font-weight: 400; font-size: 0.75em; letter-spacing: 0.05em; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .navigation ul li a .text + span { position: absolute; background-color: rgb(var(--color-primary)); color: #ffffff; width: 20px; height: 20px; right:15px; -webkit-transition: 0.5s; transition: 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; font-size: 0.85em; } .navigation ul .active a .text + span { right: calc(50% - 45px); background-color: rgb(var(--color-secondary)); width: 30px; height: 30px; font-size: 1.2em; font-weight: 700; -webkit-transform: translate(0%,-51px); transform: translate(0,-51px); opacity: 1; } .navigation ul .active a .icon { -webkit-transform: translateY(-35px); transform: translateY(-35px); color: #fff; } .navigation ul .active a .text { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } .navigation ul .indicator { position: absolute; width: 70px; height: 70px; top: -50%; left: calc(10% - 35px); background-color: rgba(var(--color-primary), 1); border-radius: 50%; border: 6px solid #ffffff; -webkit-transition: 0.5s all; transition: 0.5s all; opacity: 0; } li.list:active ul.indicator{ opacity: 1; } .navigation ul .indicator::before { content: ""; position: absolute; top: 50%; left: -20px; width: 20px; height: 20px; background-color: transparent; border-top-right-radius: 20px; -webkit-box-shadow: 1px -7px 0 transparent; box-shadow: 1px -7px 0 transparent; } .navigation ul .indicator::after { content: ""; position: absolute; top: 50%; right: -20px; width: 20px; height: 20px; background-color: transparent; border-top-left-radius: 20px; -webkit-box-shadow: -1px -7px 0 transparent; box-shadow: -1px -7px 0 transparent; } /* END: MAGIC INDICATOR */ /*end: default css */ .active-link { color: rgba(var(--color-primary), 1) !important; } .overlay { position: relative; } .overlay::before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.8); inset: 0 0 0 0; z-index: 3; } .cart-wrapper .cart-label { display: none; } header { position: relative; z-index: 5; background: #fff; } .header-search-form { border-radius: 5px; border: 1px solid rgba(var(--border), 1); max-width: 100%; position: relative; background: rgba(var(--white-text), 1); } .header-search-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-search-form form .header-search-input { width: 100%; padding: 15px 10px; border-radius: 5px; border: none; } .header-search-form form > button { position: relative; padding: 7px 3%; background-color: rgba(var(--color-primary), 1); border-radius: 0 5px 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-search-form form > button * { color: rgba(var(--white-text), 1); font-size: 20px; margin: 15px; } .header-search-form .search-wrapper { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-search-form .search-wrapper svg { visibility: hidden; width: 8%; position: absolute; right: 0; -webkit-animation: rotate 0.1s linear infinite; animation: rotate 0.1s linear infinite; } .header-search-form select { padding: 15px 10px 15px 5px; border-left: 1px solid rgba(var(--border), 1); border-right: 1px solid rgba(var(--border), 1); background: url(../images/arrow-down.png) no-repeat right; background-size: 7%; } #mobile-m .header-search-form { width: 96%; margin: 15px auto; } .fbg { background-color: rgba(var(--footer-bg), 1); } form button[type="submit"] { z-index: 99; } .aromatic_ct-countdown { padding: 8px; background-color: rgba(var(--footer-bg), 1); } .aromatic_ct-countdown .aromatic_ct-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .aromatic_ct-countdown .aromatic_ct-timer > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(var(--border), 1); border-radius: 5px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border-radius: 5px; border-color: rgba(var(--color-primary), 1); } .aromatic_ct-countdown .aromatic_ct-timer > span > span:first-child { font-weight: 600; font-size: 24px; color: rgba(var(--color-primary), 1); } .aromatic_ct-countdown .aromatic_ct-timer > span > span:last-child { font-weight: 400; font-size: 10px; } .barline { height: 12px; background: rgba(var(--border), 1); border-radius: 20px; } .barline .stock-countbar { height: 12px; background: rgba(var(--color-primary), 1); border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; position: relative; } /* PRODUCT IMAGE */ .product-img a:nth-child(3) { position: relative; display: block; } .product-img a:nth-child(3)::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .product-img a:nth-child(3):hover::before, .product-img a:nth-child(3):focus::before { opacity: 0; height: 85%; } /*END: PRODUCT IMAGE */ .product-collection-area .products .product-img { position: relative; } .product-collection-area .products .product-img a:nth-child(3) { width: 100%; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-collection-area .products .product-img .hover-product-action { position: absolute; bottom: -17px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 55%; border-radius: 40px; background-color: rgba(var(--color-primary), 1); padding: 5px 20px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 170px; } .product-collection-area .products .product-img .hover-product-action a { border-radius: 50%; } .product-collection-area .products .product-img .hover-product-action img { width: 30px; padding: 5px; } .product-collection-area .products .product-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .product-collection-area .products .product-content .pro-rating { margin: 0; } .product-collection-area .products .product-content h5 { margin-top: 15px; } .product-collection-area .products .product-content h5 a { color: rgba(var(--color-secondary), 1); font-weight: 600; } .product-collection-area .products .product-content h5 a:hover, .product-collection-area .products .product-content h5 a:focus { color: rgba(var(--color-primary), 1); } .product-collection-area .product-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: none; } .product-collection-area .product-action a { font-weight: 600; } .product-collection-area .product-action .price { padding-left: 10px; } .product-collection-area .product-action .price ins { font-weight: 600; } .product-collection-area .product-action .price ins bdi { color: rgba(var(--color-primary), 1); } .product-collection-area .woocommerce-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-collection-area .woocommerce-pagination ul li { margin-top: 50px; display: inline-block; } .product-collection-area .woocommerce-pagination ul li:not(:first-child) { margin-left: 7px; } .product-collection-area .woocommerce-pagination ul li:not(:last-child) { margin-right: 7px; } .product-collection-area .woocommerce-pagination ul li a, .product-collection-area .woocommerce-pagination ul li span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #efefef; } .product-collection-area .woocommerce-pagination .current { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); } /*PRODUCT SIDEBAR*/ .product-sidebar-column .sidebar .widget:not(.widget_banner) { padding: 0; } .product-sidebar-column .sidebar .widget:not(.widget_banner) .widget-title { margin-bottom: 0; padding-bottom: 12px; } .product-sidebar-column .sidebar .widget-title { padding: 12px 20px; margin-bottom: 0; font-size: 1.2em; font-weight: 600; } .product-sidebar-column .sidebar .widget-title + div, .product-sidebar-column .sidebar .widget-title + form { padding: 12px 20px; } .product-sidebar-column .sidebar .widget_product_search form { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-sidebar-column .sidebar .widget_product_search form .screen-reader-text { display: none; } .product-sidebar-column .sidebar .widget_product_search form input[type="search"].search-field { padding: 8px; width: 100%; } .product-sidebar-column .sidebar .widget_product_search form button { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); padding: 0 15px; margin: 1px 0; } .product-sidebar-column .sidebar .widget_product_search_widget .product-search form input, .product-sidebar-column .sidebar .widget_product_search_widget .product-search form select { width: 100%; padding: 6px; } .product-sidebar-column .sidebar .widget_product_search_widget .product-search form select { margin-bottom: 5px; } .product-sidebar-column .sidebar .widget_product_search_widget .product-search form .search-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-sidebar-column .sidebar .widget_product_search_widget .product-search form .search-wrapper svg { width: 15px; visibility: hidden; position: absolute; right: 10px; } .product-sidebar-column .sidebar .widget_product_tag_cloud .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } .footer .widget_product_tag_cloud .tagcloud a { display: inline-block; margin-left: 6px; padding: 5px 10px; border-radius: 5px; } .product-sidebar-column .sidebar .widget_product_tag_cloud .tagcloud a { padding: 5px 10px; border-radius: 5px; } .widget_product_tag_cloud .tagcloud a, .tagcloud a { font-size: 16px !important; } .product-sidebar-column .sidebar .widget_product_categories .cat-item > a { padding: 12px 20px; display: inline-block; } .product-sidebar-column .sidebar .widget_product_categories .cat-item.cat-parent > a { border-bottom: 1px solid rgba(var(--border), 1); width: 100%; } .product-sidebar-column .sidebar .widget_product_categories .cat-item.cat-parent .children .cat-item { padding-left: 20px; } .product-sidebar-column .sidebar .widget_product_categories .cat-item:not(:last-child) { border-bottom: 1px solid rgba(var(--border), 1); } .product-sidebar-column .sidebar #custom_html-5 { display: none; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li, .sidebar .woocommerce ul.product_list_widget li { padding: 12px 20px; border-bottom: 1px solid rgba(var(--border), 1); position: relative; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li:last-child { border-bottom: none; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li a { display: block; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li a:hover .product-title, .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li a:focus .product-title { color: rgba(var(--color-primary), 1); } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li a img { width: 50px; height: 50px; float: right; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li a .product-title { font-size: 1.125rem; font-weight: 600; color: rgba(var(--color-secondary), 1); clear: both; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li .star-rating { position: absolute; right: 20px; bottom: 0; } .product-sidebar-column .sidebar .widget_top_rated_products .product_list_widget li .star-rating span { font-size: 0.7rem; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: rgba(var(--color-primary), 1); } .woocommerce .sidebar .widget select { margin: 12px 20px; } /* END: PRODUCT SIDEBAR*/ .page-slider-wrapper .banner-text-section > p, .page-slider-wrapper .banner-text-section > h1, .page-slider-wrapper .banner-text-section > div { position: relative; } .page-slider-wrapper .banner-text-section > p::before, .page-slider-wrapper .banner-text-section > h1::before, .page-slider-wrapper .banner-text-section > div::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #f8f8f8; pointer-events: none; border-radius: 5px; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.8s cubic-bezier(1, 0.2, 0.5, 1); transition: -webkit-transform 0.8s cubic-bezier(1, 0.2, 0.5, 1); transition: transform 0.8s cubic-bezier(1, 0.2, 0.5, 1); transition: transform 0.8s cubic-bezier(1, 0.2, 0.5, 1), -webkit-transform 0.8s cubic-bezier(1, 0.2, 0.5, 1); } .page-slider-wrapper.tns-slide-active .banner-text-section > p::before, .page-slider-wrapper.tns-slide-active .banner-text-section > div::before, .page-slider-wrapper.tns-slide-active .banner-text-section > h1::before { opacity: 1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .page-content { z-index: 1; position: relative; background-color: rgba(var(--white-text), 1); overflow: hidden; } .bt, .product-action { display: table-cell; } .bt > a, .bt button, .bt > .btn-hf, .product-action > a, .product-action button, .product-action > .btn-hf, .wp-block-buttons a.wp-block-button__link { text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; border: none; outline: solid 1px rgba(var(--color-primary), 1) !important; cursor: pointer; } .bt > a:after, .bt > a:before, .bt button:after, .bt button:before, .bt > .btn-hf:after, .bt > .btn-hf:before, .product-action > a:after, .product-action > a:before, .product-action button:after, .product-action button:before, .product-action > .btn-hf:after, .product-action > .btn-hf:before { width: 0%; height: 0%; content: ""; position: absolute; border-radius: 100%; } .bt > a:after, .bt button:after, .bt > .btn-hf:after, .product-action > a:after, .product-action button:after, .product-action > .btn-hf:after { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-color: rgba(var(--white-text), 1); } .bt > a:before, .bt button:before, .bt > .btn-hf:before, .product-action > a:before, .product-action button:before, .product-action > .btn-hf:before { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: rgba(var(--home3-pink), 0.4); } .bt > a span, .bt button span, .bt > .btn-hf span, .product-action > a span, .product-action button span, .product-action > .btn-hf span, .wp-block-buttons a.wp-block-button__link span { z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bt > a.cta-01, .bt button.cta-01, .bt > .btn-hf.cta-01, .product-action > a.cta-01, .product-action button.cta-01, .product-action > .btn-hf.cta-01 { background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-primary), 1)), to(rgba(var(--color-primary), 1))) !important; background: linear-gradient(90deg, rgba(var(--color-primary), 1) 0%, rgba(var(--color-primary), 1) 100%) !important; color: white !important; } .bt > a.cta-02, .bt button.cta-02, .bt > .btn-hf.cta-02, .product-action > a.cta-02, .product-action button.cta-02, .product-action > .btn-hf.cta-02 { background-color: transparent !important; color: rgba(var(--color-primary), 1) !important; } .product-action .add-to-cart:after { background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-primary), 1)), to(rgba(var(--color-primary), 1))) !important; background: linear-gradient(90deg, rgba(var(--color-primary), 1) 0%, rgba(var(--color-primary), 1) 100%) !important; } .bt > a.cta-02:after, .bt button.cta-02:after, .bt > .btn-hf.cta-02:after, .product-action > a.cta-02:after, .product-action button.cta-02:after, .product-action > .btn-hf.cta-02:after { background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-primary), 1)), to(rgba(var(--color-primary), 1))) !important; background: linear-gradient(90deg, rgba(var(--color-primary), 1) 0%, rgba(var(--color-primary), 1) 100%) !important; } .bt > a:hover.cta-01, .bt > a:focus.cta-01, .bt button:hover.cta-01, .bt button:focus.cta-01, .bt > .btn-hf:hover.cta-01, .bt > .btn-hf:focus.cta-01, .product-action > a:hover.cta-01, .product-action > a:focus.cta-01, .product-action button:hover.cta-01, .product-action button:focus.cta-01, .product-action > .btn-hf:hover.cta-01, .product-action > .btn-hf:focus.cta-01 { color: rgba(var(--color-primary), 1) !important; /* border: 1px solid; */ z-index: 1; } .product-action .add-to-cart, .bt > a:hover.cta-02, .bt > a:focus.cta-02, .bt button:hover.cta-02, .bt button:focus.cta-02, .bt > .btn-hf:hover.cta-02, .bt > .btn-hf:focus.cta-02, .product-action > a:hover.cta-02, .product-action > a:focus.cta-02, .product-action button:hover.cta-02, .product-action button:focus.cta-02, .product-action > .btn-hf:hover.cta-02, .product-action > .btn-hf:focus.cta-02 { color: white !important; } /* .bt > a:hover:after, .bt > a:hover:before, .bt > a:focus:after, .bt > a:focus:before, */ /* .bt button:hover:after, */ /* .bt button:hover:before, */ /* .bt button:focus:after, */ /* .bt button:focus:before, */ /* .bt > .btn-hf:hover:after, */ /* .bt > .btn-hf:hover:before, */ /* .bt > .btn-hf:focus:after, */ /* .bt > .btn-hf:focus:before, */ /* .product-action > a:hover:after, */ /* .product-action > a:hover:before, */ /* .product-action > a:focus:after, */ /* .product-action > a:focus:before, */ /* .product-action button:hover:after, */ /* .product-action button:hover:before, */ /* .product-action button:focus:after, */ /* .product-action button:focus:before, */ /* .product-action > .btn-hf:hover:after, */ /* .product-action > .btn-hf:hover:before, */ /* .product-action > .btn-hf:focus:after, */ /* .product-action > .btn-hf:focus:before { */ /* width: 500px; */ /* height: 500px; */ /* z-index: -1; */ /* } */ .bt > a:hover:after, .bt > a:hover:before, .bt > a:focus:after, .bt > a:focus:before, .bt button:hover:after, .bt button:hover:before, .bt button:focus:after, .bt button:focus:before, .product-action > a:hover:after, .product-action > a:hover:before, .product-action > a:focus:after, .product-action > a:focus:before, .product-action button:hover:after, .product-action button:hover:before, .product-action button:focus:after, .product-action button:focus:before { width: 500px; height: 500px; z-index: -1; } .bt > .btn-hf:hover:after, .bt > .btn-hf:hover:before, .bt > .btn-hf:focus:after, .bt > .btn-hf:focus:before, .product-action > .btn-hf:hover:after, .product-action > .btn-hf:hover:before, .product-action > .btn-hf:focus:after, .product-action > .btn-hf:focus:before { width: 320%; height: 1500%; z-index: -1; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: rgba(var(--color-primary), 1); font-weight: 500; font-size: initial; padding: 0.8em 1em; } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce a.button.alt:focus { background-color: rgba(var(--color-primary), 1); } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ float: right; background-color:rgba(var(--color-primary),1); color: #ffffff; font-weight: initial; } .woocommerce-cart .coupon button.button.btn-hf{ background-color:rgba(var(--color-primary),1); color: #ffffff; font-weight: initial; } .cart-ft-buttons-cont.bt > a.cta-01:hover:before, .cart-ft-buttons-cont.bt > a.cta-01:hover:after { z-index: -1; } .cart-ft-buttons-cont.bt > a.cta-02:hover, .cart-ft-buttons-cont.bt > a.cta-02:hover { z-index: 1; } .bt > a:hover:after, .bt > a:focus:after, .bt button:hover:after, .bt button:focus:after, .bt > .btn-hf:hover:after, .bt > .btn-hf:focus:after, .product-action > a:hover:after, .product-action > a:focus:after, .product-action button:hover:after, .product-action button:focus:after, .product-action > .btn-hf:hover:after, .product-action > .btn-hf:focus:after { -webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } .bt > a:hover:before, .bt > a:focus:before, .bt button:hover:before, .bt button:focus:before, .bt > .btn-hf:hover:before, .bt > .btn-hf:focus:before, .product-action > a:hover:before, .product-action > a:focus:before, .product-action button:hover:before, .product-action button:focus:before, .product-action > .btn-hf:hover:before, .product-action > .btn-hf:focus:before { -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .bt .btn-hf:hover::after, .bt .btn-hf:focus::after, .product-action .btn-hf:hover::after, .product-action .btn-hf:focus::after { background: rgba(var(--white-text), 0.4); } .widget_social_widget ul li a { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .widget_social_widget ul li a:hover, .widget_social_widget ul li a:focus { -webkit-transform: rotate(360deg) scale(1.3); transform: rotate(360deg) scale(1.3); border: 2px solid rgba(var(--color-primary), 1); background-color: #ffffff; } .widget_social_widget ul li a:hover i, .widget_social_widget ul li a:focus i { color: rgba(var(--color-primary), 1); } .widget_social_widget .widget-title { margin: 0 10px 0 0; } .widget_social_widget ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .widget_social_widget ul li { border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-radius: 50%; } .widget_social_widget ul li a { display: inine-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none; } .header-top { background-color: rgba(var(--footer-bottom), 1); } .header-top * { color: rgba(var(--white-text), 1); } .header-top option { color: rgba(var(--color-secondary), 1); } .aromatic-home3 .header-top .widget_social_widget li { border: none; background-color: rgba(var(--social-bg), 1); } .aromatic-home3 .header-top .widget_social_widget li a i, .aromatic-home3 .footer .widget_social_widget li a i { position: absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .aromatic-home3 .header-top .widget_social_widget li a i + i, .aromatic-home3 .footer .widget_social_widget li a i + i { opacity: 0; -webkit-transform: scale(2.2); transform: scale(2.2); } .aromatic-home3 .header-top .widget_social_widget li a:hover, .aromatic-home3 .header-top .widget_social_widget li a:focus, .aromatic-home3 .footer .widget_social_widget li a:hover, .aromatic-home3 .footer .widget_social_widget li a:focus { -webkit-transform: none; transform: none; background-color: rgba(var(--color-primary), 1); } .aromatic-home3 .header-top .widget_social_widget li a:hover i + i, .aromatic-home3 .header-top .widget_social_widget li a:focus i + i, .aromatic-home3 .footer .widget_social_widget li a:hover i + i, .aromatic-home3 .footer .widget_social_widget li a:focus i + i { opacity: 1; -webkit-transform: scale(1); transform: scale(1); color: #fff; } .testimonial-section .testimonial-outer-wrapper { position: relative; z-index: 1; } .testimonial-section .testimonial-outer-wrapper::before, .testimonial-section .testimonial-outer-wrapper::after { position: absolute; content: ""; width: 200px; height: 200px; z-index: -1; } .testimonial-section .testimonial-outer-wrapper::before { left: 0px; top: -50px; border: 1px solid rgba(var(--color-primary), 1); } .testimonial-section .testimonial-outer-wrapper::after { right: 0px; bottom: -50px; background-color: rgba(var(--color-primary), 1); } .testimonial3.testimonial-section .container::before, .testimonial3.testimonial-section .container::after { content: unset; } label { display: block; } .product-single .product-img img { width: unset; } .product-single .product-img img { width: unset; -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; } .product-single .product-img .hover-product-action { -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .product-single:hover .product-img img.attachment-post-thumbnail, .product-single:focus .product-img img.attachment-post-thumbnail, .product-single:hover .product-img img.attachment-woocommerce_thumbnail , .product-single:focus .product-img img.attachment-woocommerce_thumbnail { -webkit-transform: scale(1.3); transform: scale(1.3); } .product-single:hover .product-img .hover-product-action, .product-single:focus .product-img .hover-product-action { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .product-single .product-img a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(var(--product-bg), 1); } /* .aromatic-home2 .product-single .product-img a { */ /* height: 220px; */ /* } */ .aromatic-home2 .product-single .product-img a:first-child { display: none; } .prev, .next { width: 40px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e5e5e5; border-radius: 50%; } /*START: HEADER */ /* ABOVE HEADER */ header .widget, header .contact-area, header .customer-area { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .contact-area img, header .customer-area img { height: 40px; } .menu-right-list li img { height: 30px; } header .widget.widget_none { width: 170px; } header .logo { display: -webkit-box; display: -ms-flexbox; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-widget .widget.widget-right { margin-left: 10px; } header .customer-area { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 20px; } header .customer-area a { font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .customer-area .icon + span { color: rgba(var(--color-secondary), 1); } header .customer-area img { display: inline-block; } header .customer-area .my-account a { color: #ffffff; padding: 10px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); } header select { border: none; background-color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 15px; color: rgba(var(--text), 1); } .header h2.widgettitle { display: none; } header .select-language, header .select-currency { position: relative; margin-right: 10px; } header.header-two .select-language { margin-left: 10px; } header .select-language::before, header .select-currency::before { content: "\f078"; font-family: "Font Awesome 5 Free"; position: absolute; z-index: 1; right: 3px; font-size: 12px; font-weight: 700; margin-top: 5px; color: inherit; } #above-header { border-bottom: 1px solid rgba(var(--border), 1); padding: 21px 0; } /*END: ABOVE HEADER */ /* HEADER NAVIGATION AREA */ .menubar > ul > .nav-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .dropdown-menu { padding: 0; } .menubar .mobile-toggler { display: none; } .menubar > ul > li:first-child > a { padding-left: 0; } .menubar ul > li > a { position: relative; } .menubar ul > li > a:not(:last-child)::before { content: "\f078"; font-family: "FontAwesome"; position: absolute; z-index: 1; right: 0; font-size: 12px; margin-top: 7px; } .menubar li > ul> li a:not(:last-child)::before { right: 10px; top: 7px; } .menubar .dropdown-menu li > a { padding: 10px; } header .nav-area { padding: 15px 0; } .sticky-menu { position: fixed; top: -1px; left: 0; right: 0; width: 100%; background: #fff; z-index: 999; padding: 15px 0; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 5%); -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 15px rgb(0 0 0 / 5%); } @media(min-width: 768px) { body.admin-bar .header .sticky-menu { top: 32px; } } .switcher-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 76px; } .switcher-tab button { max-width: 50%; width: 50%; text-align: center; font-weight: 600; color: #ffffff; background-color: rgba(var(--color-primary), 1); padding: 10px; } .switcher-tab button:first-child { position: relative; } .switcher-tab button:first-child::before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #ffffff; right: 0px; top: 0; } .navigator-wrapper:not(.aromatic-home3 .navigator-wrapper, .aromatic-home1 .navigator-wrapper), .header-two .navigator-wrapper { background-color: rgba(var(--footer-bottom), 1); } .theme-mobile-nav { background: #fff; } .aromatic-home3 .navigator-wrapper { border-bottom: 1px solid rgba(var(--border), 1); } .mobile-logo .logo, .mobile-logo .logo img { text-align: center; display: inherit; } .nav-area .nav-item:hover > .dropdown-menu, .nav-area .nav-item:focus-within > .dropdown-menu { display: block; position: absolute; z-index: 5; background-color: #ffffff; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); top: 40px; } .nav-area .nav-item:hover > .dropdown-menu .dropdown-menu, .nav-area .nav-item:focus-within > .dropdown-menu .dropdown-menu { top: 0; left: 101%; } header .nav-area a.nav-link { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; padding: 0.5rem 0.8rem; color: rgba(var(--white-text), 1); } header .customer-area .login a, header .nav-area a:not(.bt > a, #menu-primary-menu a) { color: rgba(var(--color-secondary), 1); display: inline-block; } header.header-two .nav-area a:not(.bt > a, #menu-primary-menu a):hover, header.header-two .nav-area .navbar-area li.active a.nav-link { color: rgba(var(--color-primary), 1) !important; } .cart-ft-buttons-cont a { background: rgba(var(--color-secondary), 1); color: #fff !important; } .cart-ft-buttons-cont a:hover, .cart-ft-buttons-cont a:focus { background: rgba(var(--color-primary), 1); color: #fff !important; border-color:rgba(var(--color-primary), 1); } .aromatic-home1 header .nav-area a.nav-link, .aromatic-home3 header .nav-area a.nav-link { color: rgba(var(--color-secondary), 1); } .nav-area .header-search-form form, .menu-right-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account-widget { display: flex; justify-content: end; } .account-widget select { padding-right: 0px; } .aromatic-home1 .nav-area .header-search-form { max-width: unset; } .nav-area .header-search-form { border-radius: 5px; border: 1px solid rgba(var(--border), 1); max-width: 100%; position: relative; background: rgba(var(--white-text), 1); } .nav-area .header-search-form .search-wrapper { position: relative; } .nav-area .header-search-form .search-wrapper svg { visibility: hidden; width: 8%; position: absolute; right: 0; -webkit-animation: rotate 0.1s linear infinite; animation: rotate 0.1s linear infinite; } .nav-area .header-search-form select { display: none; padding: 15px 15px 15px 15px; border-left: 1px solid rgba(var(--border), 1); border-right: none; background: url("../images/arrow-down.png ") no-repeat right; background-size: 7%; margin-right: 10px; } .nav-area .header-search-form form .header-search-input { width: 100%; padding: 15px 10px; border-radius: 5px; border: none; } .nav-area .header-search-form form > button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 5px 5px 0; } .aromatic-home1 .nav-area .header-search-form form > button { position: relative; padding: 3px 3%; background-color: rgba(var(--color-primary), 1); border-radius: 0 5px 5px 0; } .nav-area .header-search-form .search-results.woocommerce form > button { padding: 0 15px 0 0; border-radius: 5px; } .nav-area .header-search-form form > button * { font-size: 20px; margin: 15px; } .aromatic-home1 .nav-area .header-search-form form > button * { color: rgba(var(--white-text), 1); } .menu-right-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; } .menu-right-list .cart-main { margin-top: -4px; } .menu-right-list li { position: relative; } li.cart-wrapper .cart-icon-wrap i { font-size: 40px; color: #fff; } .sticky-menu li.cart-wrapper .cart-icon-wrap i { color: rgba(var(--color-secondary), 1); } .menu-right-list .e-commerce-corn + span { border-radius: 50%; position: absolute; top: -5px; right: -5px; background-color: rgba(var(--color-primary), 1); width: 18px; height: 18px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: rgba(var(--white-text), 1); } .header-wrap-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-wrap-right .cart-wrapper { position: relative; } .header-wrap-right .shopping-cart { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; right: 1px; top: 30px; padding: 5px; -webkit-box-shadow: 0 0 10px -4px rgba(var(--color-primary), 1); box-shadow: 0 0 10px -4px rgba(var(--color-primary), 1); background-color: rgba(var(--white-text), 1); z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-categories-list .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-bottom: 0; border-radius: 0; } .product-categories-list .menu-item > .dropdown-item { padding-left: 30px; } .product-categories-list .menu-item .nav-link, .product-categories-list .menu-item .dropdown-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: rgba(var(--color-secondary), 1); } .product-categories-list .menu-item .nav-link i, .product-categories-list .menu-item .dropdown-item i { width: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(var(--color-primary), 1); } .product-categories-list .menu-item .mobile-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .aromatic-home2 header .nav-area .navbar-area:not(.sticky-menu) a.nav-link { color: #fff !important; } .product-categories-list .menu-item .mobile-toggler button { width: 42px; height: 42px; background-color: rgba(var(--color-primary), 1); } .product-categories-list .menu-item .dropdown-menu { width: 100%; position: relative; border: none; } .header-wrap-right .cart-wrapper .shopping-cart::before { content: ""; position: absolute; top: -6px; right: 14px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit; border-left: 1px solid rgba(var(--color-primary), 0.2); border-top: 1px solid rgba(var(--color-primary), 0.2); z-index: 0; } .nav-area .cart-wrapper button, .header-wrap-right .cart-wrapper button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-area .cart-wrapper button span, .header-wrap-right .cart-wrapper button span { position: absolute; width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--color-primary), 1); font-size: 0.7em; font-weight: 800; color: rgba(var(--white-text), 1); top: -4px; right: -10px; } .nav-area .cart-wrapper .cart-label, .header-wrap-right .cart-wrapper .cart-label { display: none; } .nav-area .cart-wrapper .cart-modal .cart-container, .header-wrap-right .cart-wrapper .cart-modal .cart-container { display: none; position: absolute; min-width: 320px; max-width: 320px; z-index: 4; top: 50px; right: 0; -webkit-transform: translateX(10px); transform: translateX(10px); background-color: rgba(var(--white-text), 1); -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); } .nav-area .cart-wrapper .cart-modal .cart-container .cart-header .cart-top, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-header .cart-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; padding: 15px 30px; border-bottom: 1px solid rgba(var(--border), 1); } .nav-area .cart-wrapper .cart-modal .cart-container .cart-header .cart-top .cart-text, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-header .cart-top .cart-text { font-weight: 700; } .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-body { padding: 30px; border-bottom: 1px solid rgba(var(--border), 1); } .nav-area .cart-wrapper .cart-modal .cart-container .cart-body .woocommerce-mini-cart-item, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-body .woocommerce-mini-cart-item, .widget_shopping_cart_content .cart-body .woocommerce-mini-cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .nav-area .cart-wrapper .cart-modal .cart-container .cart-body .woocommerce-mini-cart-item .cart-img-col, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-body .woocommerce-mini-cart-item .cart-img-col, .widget_shopping_cart_content .cart-body .woocommerce-mini-cart-item .cart-img-col{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .cart-img-col img { height: 50px; width: 50px; } .cart-wrapper .cart-modal .cart-container .cart-body .cart-product, .widget_shopping_cart_content .cart-body .woocommerce-mini-cart-item { padding: 30px; border-bottom: 1px solid rgba(var(--border), 1); } .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer, .widget_shopping_cart_content .cart-footer{ padding: 30px; } .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal, .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont, .widget_shopping_cart_content .cart-footer .cart-ft-amt.cart-ft-amt-subtotal, .widget_shopping_cart_content .cart-footer .cart-ft-buttons-cont{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; } .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-label, .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont .cart-ft-amt-label, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-label, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont .cart-ft-amt-label, .widget_shopping_cart_content .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-label{ font-weight: 700; } .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-value, .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont .cart-ft-amt-value, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-value, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont .cart-ft-amt-value, .widget_shopping_cart_content .cart-footer .cart-ft-amt.cart-ft-amt-subtotal .cart-ft-amt-value { color: rgba(var(--color-primary), 1); } .nav-area .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont, .header-wrap-right .cart-wrapper .cart-modal .cart-container .cart-footer .cart-ft-buttons-cont, .widget_shopping_cart_content .cart-footer .cart-ft-buttons-cont{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; gap: 10px; } /*END: HEADER NAVIGATION AREA */ /* END: HEADER */ /*BANNER SLIDER */ .page-slider-wrapper { position: relative; } .page-slider-wrapper > img { position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; z-index: 0; } .offer { color: rgba(var(--color-primary), 1); font-weight: 500; } .banner-text-section, .page-image-slider { position: relative; width: 100%; padding-top: 10px; } .banner-text-section, .page-image-slider > img { max-width: unset; width: unset; } .banner-text-section h1 { font-size: 1.8rem; font-weight: 700; color: rgba(var(--color-secondary), 1); position: relative; } .banner-main-content::after { position: absolute; content: ""; width: 60%; height: 3px; background-color: rgba(var(--color-primary), 1); bottom: -10px; left: 0; } .banner-text-section > *:not(:last-child) { margin-bottom: 20px; } .banner .page-slider-wrapper { overflow: hidden; } .slider-btn a { padding: 10px 25px; background-color: rgba(var(--color-primary), 1); border-radius: 4px; color: rgba(var(--white-text), 1); font-weight: 600; } .slider-btn > span { font-weight: 700; font-size: 1.5rem; } /*END: BANNER SLIDER */ /* PRODUCT GRID */ .grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "first" "second" "third" "fourth"; grid-gap: 30px; } .aromatic-home1 .grid a { display: inline-block; vertical-align: top; position: relative; overflow: hidden; } .aromatic-home1 .grid a > div { z-index: 2; } .aromatic-home1 .grid a::before, .aromatic-home1 .grid a::after { content: ""; bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s ease; transition: all 1s ease; background: rgba(0, 0, 0, 0.2); z-index: 1; } .aromatic-home1 .grid a::before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .aromatic-home1 .grid a::after { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .aromatic-home1 .grid a:hover::before, .aromatic-home1 .grid a:focus::before, .aromatic-home1 .grid a:hover::after, .aromatic-home1 .grid a:focus::after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .first { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: first; } .second { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: second; } .third { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: third; } .fourth { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: fourth; } .product-grid .grid img { width: 100%; max-width: unset; } .product-grid .grid a { position: relative; } .product-grid .grid .grid-name { position: absolute; bottom: 20px; left: 60px; font-weight: 600; color: rgba(var(--white-text), 1); font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aromatic-home3 .product-grid .grid .image-hover-wrapper { position: relative; display: block; } .aromatic-home3 .product-grid .grid .image-hover-wrapper::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .aromatic-home3 .product-grid .grid .image-hover-wrapper:hover::before, .aromatic-home3 .product-grid .grid .image-hover-wrapper:focus::before { opacity: 0; height: 85%; } .aromatic-home3 .product-grid .grid .meta-box { position: relative; padding: 30px 0 30px 30px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--home3-pink), 1)), to(rgba(var(--home3-pink), 0.05))); background-image: linear-gradient(to right, rgba(var(--home3-pink), 1), rgba(var(--home3-pink), 0.05)); } .aromatic-home3 .product-grid .grid .grid-name { position: relative; left: 0; bottom: 0; color: initial; display: inline-block; } .aromatic-home3 .product-grid .grid .grid-name ~ .product-store { padding-bottom: 5px; } .aromatic-home3 .product-grid .grid .grid-name ~ .shop-now { position: relative; right: 0; padding: 8px 15px; margin-right: 15px; border-radius: 5px; border: 1px solid rgba(var(--border), 1); width: -webkit-max-content; width: -moz-max-content; width: max-content; } .aromatic-home3 .product-grid .grid .grid-name::before { content: unset; } .product-grid .grid .grid-name::before { position: absolute; content: ""; width: 40px; height: 3px; background-color: rgba(var(--color-primary), 1); left: -50px; } /*END: PRODUCT GRID */ /* INFO SECTION */ .info-section .container-fluid { background-image: -webkit-gradient(linear, right top, left top, from(#dbdbdb), to(rgba(var(--icon-bg), 1))); background-image: linear-gradient(to left, #dbdbdb, rgba(var(--icon-bg), 1)); /* padding: 35px 0; */ } .info-section .service-title { font-weight: 600; font-size: 1.125rem; color: rgba(var(--color-secondary), 1); } .info-section .reverse-support { font-size: 12px; color: rgba(var(--text), 1); } .info-section .section-type { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-section .section-type i { font-size:60px; margin-right:5px; color: rgba(var(--color-primary), 1); } /*END: INFO SECTION */ /*EXCLUSIVE PRODUCT */ .exclusive-products .products { border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .exclusive-products .product-img { background-color: rgba(var(--icon-bg), 1); } .product-action img { width: 25px; } .owl-carousel .owl-item .product-action img { width: 25px; } .product-img { position: relative; } .product-img .sale-ribbon > .tag-line, .woocommerce span.onsale { padding: 5px 15px; background-color: rgba(var(--color-primary), 1); border-radius: 4px; position: absolute; top: 0; left: 0; font-weight: 600; color: rgba(var(--white-text), 1); z-index: 1; } .product-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(var(--border), 1); border-bottom: 1px solid rgba(var(--border), 1); } .product-action .add_to_cart_button { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; padding: 15px !important; background-color: rgba(var(--color-primary), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(var(--white-text), 1); font-weight: 700; max-width: 50%; text-transform: capitalize; word-spacing: 2px; overflow: hidden !important; } .product-action a.added_to_cart.wc-forward { line-height: 1.5; margin-left: 5px; /* min-width: 90px; */ font-weight: 600; color: rgba(var(--color-primary), 1); padding: 15px !important; } .add_to_cart_button.added { display: none !important; } .product-action a.added_to_cart.wc-forward:after{ content:none; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: rgba(var(--color-primary), 1); } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce a.button.alt:focus { background-color: rgba(var(--color-secondary), 1); } .product-action .compare-btn, .product-action .quickview-trigger, .product-action .add_to_wishlist { width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(var(--icon-bg), 1); overflow: hidden; } .product-action .right-product-action { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 50%; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .product-content { padding: 30px; } .product-content h3 a { color: rgba(var(--color-secondary), 1); font-weight: 600; font-size: 1.375rem; } .product-content .pro-rating { margin: 15px 0; font-size: 14px; font-weight: 500; } .product-content .price > :last-child { margin-left: 10px; } .product-content .price ins bdi { color: rgba(var(--color-primary), 1); } .product-content .price bdi { font-weight: 500; font-size: 1.125rem; } /*END: EXCLUSIVE PRODUCT */ /* BLACK FRIDAY */ .black-friday .subtitle, .black-friday .title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .black-friday .title { font-size: 3.125rem; font-weight: 600; } .black-friday .title::before { position: absolute; content: ""; width: 40px; height: 3px; background-color: rgba(var(--color-primary), 1); left: 0px; } .black-friday .shop-btn { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .black-friday .subtitle { color: rgba(var(--color-primary), 1); } .aromatic-home1 .black-friday .black-friday-image, .aromatic-home1 .black-friday .product-img, .aromatic-home1 .deal-day1 .black-friday-image, .aromatic-home1 .deal-day1 .product-img { position: relative; display: block; } .aromatic-home1 .black-friday .black-friday-image::before, .aromatic-home1 .black-friday .product-img::before, .aromatic-home1 .deal-day1 .black-friday-image::before, .aromatic-home1 .deal-day1 .product-img::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .aromatic-home1 .black-friday .black-friday-image:hover::before, .aromatic-home1 .black-friday .black-friday-image:focus::before, .aromatic-home1 .black-friday .product-img:hover::before, .aromatic-home1 .black-friday .product-img:focus::before, .aromatic-home1 .deal-day1 .black-friday-image:hover::before, .aromatic-home1 .deal-day1 .black-friday-image:focus::before, .aromatic-home1 .deal-day1 .product-img:hover::before, .aromatic-home1 .deal-day1 .product-img:focus::before { opacity: 0; height: 85%; } /* END: BLACK FRIDAY */ /* DEAL OF THE DAY */ .deal-day1 .product-img a:nth-child(3) { position: relative; display: block; } .deal-day1 .product-img a:nth-child(3)::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .deal-day1 .product-img a:nth-child(3):hover::before, .deal-day1 .product-img a:nth-child(3):focus::before { opacity: 0; height: 85%; } .deal-day1 .product-imeage { position: relative; display: block; } .deal-day1 .product-imeage::before { position: absolute; border-radius: 50%; width: 0; height: 0; top: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.3); content: ""; z-index: 2; } .deal-day1 .product-imeage:hover::before, .deal-day1 .product-imeage:focus::before { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .deal-day1 .product-single .product-img img { width: 100%; } .deal-day1 .product-img { background-color: rgba(var(--icon-bg), 1); } .deal-day1 .product-img .discount-offer { position: absolute; } .deal-day1 .product-img .product-text-area { padding: 30px; } .deal-day1 .product-img .product-text-area .title { font-size: 30px; font-weight: 600; margin-left: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .deal-day1 .product-img .product-text-area .title:before { content: ""; position: absolute; left: -50px; width: 40px; height: 3px; background-color: rgba(var(--color-primary), 1); } .deal-day1 .product-img .product-text-area .description { color: rgba(var(--text), 1); margin-bottom: 15px; } .deal-day1 .product-img .discount-offer { font-size: 0.7rem; width: 8em; height: 8em; border-radius: 50%; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); top: calc(30vw - 6%); left: 47%; -webkit-transform: translate(-47%, 0%); transform: translate(-47%, 0%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .deal-day1 .product-img .discount-offer div { font-weight: 700; font-size: 1.4em; line-height: 1.2; } .deal-day1 .product-img .shop-collection { text-decoration: underline; color: rgba(var(--color-primary), 1); } .deal-day1 .products { border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .deal-day1 .product-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(var(--border), 1); border-bottom: 1px solid rgba(var(--border), 1); } .deal-day1 #sale-end1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; gap: 20px; border-top: 1px solid rgba(var(--border), 1); background-color: rgba(var(--product-bg), 1); padding: 20px 0; } .deal-day1 #sale-end1 .timer1 { text-align: center; border-radius: 5px; border: 1px solid rgba(var(--border), 1); padding: 10px; line-height: 15px; font-weight: 700; font-size: 14px; } .deal-day1 #sale-end1 .timer1 div { font-weight: 500; font-size: 14px; } .deal-day1 #sale-end1 #secs1, .deal-day1 #sale-end1 #secs2 { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); } /* END: DEAL OF THE DAY */ /* TIME TO PRODUCT */ .product-filter1.active { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .timetoproduct1 .product-single .product-img a:last-of-type { height: 338.59px; } .product-filter1 { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; background-color: unset; color: rgba(var(--text), 1); border: 1px solid rgba(var(--border), 1); } .filter-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; cursor: pointer; } .products:not(.related) { border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .aromatic-related-products .products { border: none; } .aromatic-related-products .products .aromatic-woowishlist-button, .aromatic-related-products .products .aromatic-woowishlist-button { border: none; width: auto; margin: 0; } .aromatic-related-products .products li.product a.compare.button:after { left: 0px !important; } .woocommerce .aromatic-related-products ul.products li.product a.button.quickview-trigger img { margin: inherit; } .woocommerce .aromatic-related-products ul.products li.product .right-product-action a.button { outline: none !important; background: none; } #timetopronext, #timetoproprev { width: 40px; height: 40px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(var(--product-bg), 1); } .timetoproduct1 .direction-button .inner-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-top: 20px; } /* END: TIME TO PRODUCT */ /* TESTIMONIAL SLIDER */ .testimonial-1 { position: relative; } .testimonial-1 [class*="col-"] { margin-top: 0; } .testimonial-1 .outer-nav-wrapper { position: absolute; left: 50px; bottom: 20px; } .testimonial-1 img { width: 100%; } .testimonial-1 .col-md-6.d-flex { position: relative; } .testimonial-1 .wrap { width: 100%; z-index: 0; } .testimonial-1 .wrap .testimonial-slider-1 { background-color: rgba(var(--product-bg), 1); z-index: 2; padding: 20px 20px 50px 20px; border-radius: 5px; } .testimonial-1 .wrap .testimonial-slider-1 .slide p { padding-bottom: 30px; } .testimonial-1 .wrap .testimonial-slider-1 .member-name { font-weight: 600; } #testimonial1-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } /* END: TESTIMONIAL SLIDER */ /* LATEST BLOG */ .home-blog { position: relative; border-radius: 10px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); overflow: hidden; z-index: 1; } .home-blog::before { position: absolute; content: ""; width: 100%; height: 30%; background-color: #fee6d9; z-index: -1; top: 0; left: 0; } .home-blog .blog-img { position: relative; border-radius: 17px; overflow: hidden; } .home-blog .blog-img img { height: auto; } .home-blog .blog-img .blog-img-calendar { position: absolute; top: 20px; left: 20px; /* padding: 5px 10px; */ background-color: rgba(var(--calendar-bg), 1); color: rgba(var(--white-text), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 90px; height: 90px; border-radius: 50%; border: double 3px; z-index: 1; } .home-blog .blog-img .blog-img-calendar .calendar, .home-blog .blog-img .blog-img-calendar .calendar-month, .home-blog .blog-img .blog-img-calendar .calendar-time { font-size: 12px; line-height: 15px; } .home-blog .blog-img .blog-img-calendar .calendar-date { font-size: 40px; color: rgba(var(--color-primary), 1); line-height: 1; font-weight: 600; } .home-blog > p { margin: 20px 0; font-size: 14px; } .home-blog .post-title a { margin-top: 20px; font-weight: 600; color: rgba(var(--color-secondary), 1) !important; display: inline-block; font-size: 1.25rem; text-decoration: none !important; } .admin-img { width: 40px; height: 40px; } .admin-img img { width: 80%; padding-top: 4px; margin: auto; } .admin-area { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .blog-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .admin-detail > * { font-size: 12px; font-weight: 600; } .admin-detail > h6 { margin-bottom: 0; } .read-more, .more-link { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 50px; font-weight: 600; font-size: 80%; color: rgba(var(--color-secondary), 1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: right; margin-top: 10px; } .read-more::before, .more-link::before { position: absolute; content: ""; width: 40px; height: 3px; background-color: rgba(var(--color-primary), 1); left: -50px; } .read-more::after, .more-link::after { position: absolute; content: ""; width: 0; height: 1px; background-color: rgba(var(--color-primary), 1); -webkit-transition: width 0.5s ease; transition: width 0.5s ease; bottom: 3px; } .read-more:hover::after, .read-more:focus::after, .more-link:hover::after, .more-link:focus::after { width: 100%; } /* END: LATEST BLOG */ /* GRAB PRODUCT */ .grab-contact { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; font-weight: 600; } .grab1 { margin-top: 100px; background-image: -webkit-gradient(linear, right top, left top, from(#dbdbdb), to(rgba(var(--icon-bg), 1))); background-image: linear-gradient(to left, #dbdbdb, rgba(var(--icon-bg), 1)); padding: 40px 0; } .grab1 img { width: initial; float: right; -webkit-animation: floating-bag 3s infinite ease-in-out; animation: floating-bag 3s infinite ease-in-out; } .grab1 p { margin-top: 20px; } .grab1 .col-12:first-of-type .bt:nth-child(4) { padding-left: 10px; } /* END: GRAB PRODUCT */ /*-- QUICK-CONTACT1 --*/ .quick-contact1 { padding: 50px 0; border: 1px solid rgba(var(--border), 1); } .quick-contact1 h4 { font-weight: 600; } .quick-contact1 .contact-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .quick-contact1 .contact-area .text { font-weight: 600; color: rgba(var(--color-secondary), 1); } .quick-contact1 .contact-area img { width: 60px; height: auto; } .quick-contact1 .contact-area i { font-size: 60px; color: rgba(var(--color-primary), 1); } .aromatic-home3 .quick-contact1, .aromatic-home3 footer.footer { background-color: rgba(var(--home3-pink), 1); } /*-- END: QUICK-CONTACT1 --*/ /*-- FOOTER --*/ .footer { overflow: hidden; position: relative; } .footer .about-template { margin: 15px 0; } .footer .logo { display: inline-block; } .footer .logo img { width: unset; } .footer .widget-title { font-weight: 600; font-size: 24px; } .footer .payment-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .footer .payment-cards img { width: 50px; } .footer .widget_search { margin: 30px 0; } .footer .widget_search form { display: -webkit-box; display: -ms-flexbox; display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .footer .wp-block-search__input { max-height: 22px; } .footer .widget_search form .search-input { width: 100%; padding: 8px; border-radius: 5px; border: 1px solid rgba(var(--border), 1); } .footer .widget_search button { position: absolute; right: 0; padding: 6px 20px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); z-index: 0; } .footer .widget_search button i { color: rgba(var(--white-text), 1); } .footer .footer-bottom-wrapper { background-color: rgba(var(--footer-bottom), 1); color: rgba(var(--white-text), 1); padding: 13px 0; font-weight: 600; } .footer .footer-bottom-wrapper a:hover, .footer .footer-bottom-wrapper a:focus { text-decoration: dotted underline; } .footer .footer-bottom-wrapper a { color: rgba(var(--color-primary), 1); text-decoration: underline; } .footer .footer-bottom-wrapper .copyright-theme { color: rgba(var(--color-primary), 1); } .footer .footer-bottom-wrapper ~ img { width: initial; position: absolute; right: 0%; bottom: 40%; z-index: -1; -webkit-animation: footer-right 10s linear infinite; animation: footer-right 10s linear infinite; -webkit-transform-origin: right bottom; transform-origin: right bottom; } .footer .footer-bottom-wrapper ~ img:first-of-type { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-filter: opacity(0.2); filter: opacity(0.2); left: -10%; -webkit-animation: footer-left 10s linear infinite; animation: footer-left 10s linear infinite; width: 25%; height: auto; } .footer .footer-bottom-wrapper ~ img:nth-of-type(2) { -webkit-animation: footer-right-shape 10s linear infinite; animation: footer-right-shape 10s linear infinite; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes footer-left { 0% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @keyframes footer-left { 0% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @-webkit-keyframes footer-right { 0% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @keyframes footer-right { 0% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 100% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @-webkit-keyframes footer-right-shape { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes footer-right-shape { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-- END: FOOTER --*/ /*-- WISHLIST --*/ .wish-product-img > img { max-width: 100px; max-height: 100px; position: relative; left: 40px; } .wishlist-table .container { overflow: auto; } .wishlist-table table { min-width: 960px; } .wish-product-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 30px; } .wish-product-area .wish-remove { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); border-radius: 50%; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; } .wishlist-table td { border: 1px solid rgba(var(--border), 1); width: 10%; } .wishlist-table td.wish-quantity input { width: 40px; text-align: center; } .wishlist-table td .product-action { border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wishlist-table td .product-action .add_to_cart_button { padding: 10px; border-radius: 5px; max-width: unset; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .wishlist-table td bdi { font-weight: 600; } .wishlist-table tr { border: 1px solid rgba(var(--border), 1); text-align: center; } .wishlist-table tr th { padding: 15px 0; background-color: rgba(var(--product-bg), 1); } /*-- END: WISHLIST --*/ /*-- SHOP --*/ .shop .top_banner .banner_wrap { position: relative; margin-bottom: 30px; border-radius: 10px; overflow: hidden; } .shop .top_banner .banner_wrap::before, .shop .top_banner .banner_wrap::after { content: ""; bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; background: rgba(0, 0, 0, 0.2); z-index: 1; } .shop .top_banner .banner_wrap::before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .shop .top_banner .banner_wrap::after { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .shop .top_banner .banner_wrap:hover::before, .shop .top_banner .banner_wrap:hover::after, .shop .top_banner .banner_wrap:focus-within::before, .shop .top_banner .banner_wrap:focus-within::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .shop .top_banner .banner_wrap:hover .banner_content h5, .shop .top_banner .banner_wrap:hover .banner_content p, .shop .top_banner .banner_wrap:focus-within .banner_content h5, .shop .top_banner .banner_wrap:focus-within .banner_content p { color: #ffffff; } .shop .top_banner .banner_wrap > div { padding: 50px 0; position: relative; left: 5%; z-index: 2; } .shop .top_banner .banner_wrap > img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .shop .top_banner .banner_wrap .banner_content h5 { font-weight: 600; } .shop .top_banner .banner_wrap .banner_content p { max-width: 50%; font-size: 14px; } .shop .top_banner .banner_wrap .banner_content a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .shop .top_banner .banner_wrap .banner-discount { width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 10px; left: 57%; background-color: rgba(var(--color-primary), 1); z-index: 2; } .shop .top_banner .banner_wrap .banner-discount p { color: rgba(var(--white-text), 1); font-size: 1em; line-height: 1.3; } .shop .top_banner .banner_wrap .banner-discount p:nth-child(2) { font-size: 1.5em; font-weight: 700; } .shop .display-selection-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; } .shop .display-selection-bar form.woocommerce-ordering { position: relative; } .shop .display-selection-bar form.woocommerce-ordering::before { content: ""; border-color: rgba(var(--text), 1) transparent transparent transparent; border-width: 7px; border-style: solid; position: absolute; top: 44%; right: 5px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; } .shop .display-selection-bar form.woocommerce-ordering select { padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .shop .display-selection-bar .toggle-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop .display-selection-bar .toggle-view .view-togglers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .shop .display-selection-bar .toggle-view .view-togglers > button { width: 54px; height: 54px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(var(--border), 1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; margin-bottom: 7px; } .shop .display-selection-bar .toggle-view .view-togglers > button.view-selected > i { color: rgba(var(--color-primary), 1); } .shop .product-collection-area .products .product-img { position: relative; } .shop .product-collection-area .products .product-img a:nth-child(3) { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop .product-collection-area .products .product-img .hover-product-action { position: absolute; bottom: -17px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 55%; border-radius: 40px; background-color: rgba(var(--color-primary), 1); padding: 5px 20px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 170px; -webkit-transform: rotateX(90deg) translateX(-50%); transform: rotateX(90deg) translateX(-50%); opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; } .shop .product-collection-area .products.list-1 .product-img .hover-product-action { bottom: 12px; } .shop .product-collection-area .products .product-img .hover-product-action a { border-radius: 50%; height: 30px; width: 30px; } .woocommerce ul.products li.product .button { margin-top: 0; display: inherit; z-index: 1; border-radius: 0; } .shop .product-collection-area .products .product-img .hover-product-action img { width: 30px; padding: 5px; min-width: 30px; margin: 0; } .shop .product-collection-area .products .product-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .shop .product-collection-area .products .product-content .pro-rating { margin: 0; } .shop .product-collection-area .products .product-content h5 { margin-top: 15px; } .shop .product-collection-area .products .product-content h5 a { color: rgba(var(--color-secondary), 1); font-weight: 600; } .shop .product-collection-area .products .product-content h5 a:hover, .shop .product-collection-area .products .product-content h5 a:focus { color: rgba(var(--color-primary), 1); } .shop .product-collection-area .product-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: none; } .shop .product-collection-area .product-action a { font-weight: 600; } .shop .product-collection-area .product-action .price { padding-left: 10px; } .shop .product-collection-area .product-action .price ins { font-weight: 600; } .shop .product-collection-area .product-action .price ins bdi { color: rgba(var(--color-primary), 1); } .shop .product-collection-area .woocommerce-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop .product-collection-area .woocommerce-pagination ul li { margin-top: 50px; display: inline-block; } .shop .product-collection-area .woocommerce-pagination ul li:not(:first-child) { margin-left: 7px; } .shop .product-collection-area .woocommerce-pagination ul li:not(:last-child) { margin-right: 7px; } .shop .product-collection-area .woocommerce-pagination ul li a, .shop .product-collection-area .woocommerce-pagination ul li span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #efefef; } .shop .product-collection-area .woocommerce-pagination .current { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); } .shop .products:hover .product-img .hover-product-action, .shop .products:focus-within .product-img .hover-product-action { -webkit-transform: rotatex(0deg) translateX(-50%); transform: rotatex(0deg) translateX(-50%); opacity: 1; } /*-- END: SHOP --*/ /*-- ACCOUNT FORMS --*/ label:not[for="remember-me"] { display: block; color: rgba(var(--color-secondary), 1); font-weight: 500; } .register-form .title, .login-form .title { margin-bottom: 30px; } .register-form form button, .login-form form button { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; width: 100%; margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .register-form .focus, .login-form .focus { text-decoration: underline; } .register-form .label-wrapper, .login-form .label-wrapper { margin-bottom: 20px; } .register-form .label-wrapper input, .login-form .label-wrapper input { padding: 10px; border-radius: 5px; border: 1px solid #dddddd; width: 100%; } .register-form .label-wrapper input[type="checkbox"], .login-form .label-wrapper input[type="checkbox"] { width: initial; } .register-form form .label-wrapper:nth-child(5) { margin-bottom: 0; } .login-form form .label-wrapper:nth-child(4) { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce .registerform-inner, .woocommerce .loginform-inner, .woocommerce .registerform-inner, .woocommerce .loginform-inner { padding: 30px; background-color: rgba(var(--product-bg), 1); border-radius: 5px; } .woocommerce .register-form input, .woocommerce .login-form input, .woocommerce .register-form input, .woocommerce .login-form input { padding: 0.5em 1em; width: 100%; } .woocommerce .register-form input[type="checkbox"], .woocommerce .login-form input[type="checkbox"], .woocommerce .register-form input[type="checkbox"], .woocommerce .login-form input[type="checkbox"] { width: initial; } .woocommerce .register-form form p:not(:last-child), .woocommerce .login-form form p:not(:last-child), .woocommerce .register-form form p:not(:last-child), .woocommerce .login-form form p:not(:last-child) { margin-bottom: 20px; } .woocommerce .register-form form .already-account a, .woocommerce .login-form form .already-account a, .woocommerce .register-form form .already-account a, .woocommerce .login-form form .already-account a { color: rgba(var(--color-primary), 1); } /*-- END:ACCOUNT FORMS --*/ /*--TEAM --*/ .team-card { border-radius: 8px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.2); box-shadow: 0 0 75px rgba(0, 0, 0, 0.2); } .team-card::after { content: ""; position: absolute; width: 190px; height: 3px; background-color: rgba(var(--color-primary), 1); bottom: 0%; } .team-card .widget_social_widget { margin-bottom: 30px; } .team-card h3 { margin-top: 1.5rem; } .team-card h3 ~ div { margin-bottom: 20px; } .team-card .team-member-name { font-weight: 600; } .team-card .team-member-image { width: 100%; } .team-card .team-social-links { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; } .team-card .team-social-links .social-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(var(--social-icon), 1); } .team-card .team-social-links .social-icon i { color: rgba(var(--social-icon), 1); } /*-- END: TEAM ---*/ /* COMPARE TABLE */ .compare-table { overflow: auto clip; } .compare-table .tablesaw-advance { display: none; } .compare-table .container { min-width: 936px; } .compare-table table { border: 1px solid rgba(var(--border), 1); } .compare-table table * { text-align: center; } .compare-table table .aromatic-woocompare-remove { width: 20px; height: 20px; border-radius: 50%; background-color: rgba(var(--color-primary), 1); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 10px; } .compare-table table .aromatic-woocompare-remove::before { content: "\f057"; position: absolute; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; color: white; z-index: 1; } .compare-table table td { border: 1px solid rgba(var(--border), 1); border-collapse: collapse; padding: 15px; } .compare-table table th { font-size: 16px; padding: 0; min-width: 200px; padding: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: table-cell; } .compare-table table tr:not(:first-child) th { border-top: 1px solid rgba(var(--border), 1); } .compare-table table img { width: inherit; display: inline-block; } .compare-table table .add_to_cart_button { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; margin-top: 0; text-transform: uppercase; padding: 10px 25px; } .compare-table .aromatic-wc-compare-wishlist-loader { display: none; } /* END: COMPARE TABLE */ /* CHECKOUT */ .checkout-section .title { font-size: 24px; margin-bottom: 30px; padding-left: 46px; } .checkout-section .label-wrapper { margin-bottom: 20px; } .checkout-section label { display: block; color: rgba(var(--color-secondary), 1); font-weight: 500; } .checkout-section input:not([type="checkbox"]) { width: 100%; padding: 15px; border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .checkout-section .custom-select { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .checkout-section .custom-select::before { content: ""; position: absolute; border-bottom: 1px solid rgba(var(--border), 1); border-right: 1px solid rgba(var(--border), 1); width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 15px; } .checkout-section .custom-select select { border: 1px solid rgba(var(--border), 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px; padding-right: 25px; border-radius: 5px; color: rgba(var(--text), 1); width: 100%; } .checkout-section .label-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-section .label-wrapper .country-wrapper, .checkout-section .label-wrapper .town-city-wrapper, .checkout-section .label-wrapper .phone-wrapper, .checkout-section .label-wrapper .zip-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; } .checkout-section #ordernote { border: 1px solid rgba(var(--border), 1); padding: 15px; resize: none; border-radius: 5px; width: 100%; } .checkout-section .checkout-product-summary { padding: 30px; background-color: rgba(var(--product-bg), 1); border-radius: 5px; margin-bottom: 30px; } .checkout-section .checkout-product-summary > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .checkout-section .checkout-product-summary > *:not(:last-child) { margin-bottom: 20px; } .checkout-section .checkout-product-summary > div:first-child { border-bottom: 1px solid rgba(var(--border), 1); padding-bottom: 15px; } .checkout-section .checkout-product-summary ._title { font-weight: 600; } .checkout-section .checkout-product-summary ._title + .price { font-weight: 600; } .checkout-section .checkout-product-summary ._subtotal, .checkout-section .checkout-product-summary ._total { border-top: 1px solid rgba(var(--border), 1); padding-top: 15px; } .checkout-section .checkout-methods { background-color: rgba(var(--product-bg), 1); border-radius: 5px; padding: 30px; } .checkout-section .checkout-methods .label-wrapper:not(:last-child) { margin-bottom: 10px; } .checkout-section button { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } /* END: CHECKOUT */ /* FAQ */ .faq-section .title { font-size: 18px; margin-bottom: 30px; } .faq-section .animated-questioning-person { position: relative; } .faq-section .animated-questioning-person .animateimg { position: absolute; height: auto; z-index: -1; } .faq-section .animated-questioning-person #bubbleq { width: 4%; right: 11%; top: 5%; } .faq-section .animated-questioning-person #qleafl { bottom: 0; width: 26%; left: 22%; z-index: -1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation: leafflows 5s ease infinite; animation: leafflows 5s ease infinite; } .faq-section .animated-questioning-person #qleafr { bottom: 0; width: 19%; left: 50%; z-index: -1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation: qrleafflow 6s ease infinite; animation: qrleafflow 6s ease infinite; } .faq-section .animated-questioning-person #leafl { bottom: 0; width: 10%; left: 2%; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation: leafflows 7s ease infinite; animation: leafflows 7s ease infinite; } .faq-section .animated-questioning-person #leafm { bottom: 0; width: 10%; left: 5%; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation: leafflows 6s ease infinite; animation: leafflows 6s ease infinite; } .faq-section .animated-questioning-person #leafr { bottom: 0; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); width: 17%; left: 11%; z-index: -1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation: leafrflow 10s ease infinite; animation: leafrflow 10s ease infinite; } .faq-section .animated-questioning-person #qs1 { width: 6%; bottom: 0; -webkit-animation: q1 20s linear infinite; animation: q1 20s linear infinite; } .faq-section .animated-questioning-person #qs2 { width: 6%; left: 10%; bottom: 0; -webkit-animation: q2 20s linear infinite; animation: q2 20s linear infinite; } .faq-section .animated-questioning-person #qxs { width: 3%; bottom: 2%; -webkit-animation: qxs 20s linear infinite; animation: qxs 20s linear infinite; } .faq-section .animated-questioning-person #qb { width: 16%; bottom: 16%; -webkit-animation: qb 20s linear infinite; animation: qb 20s linear infinite; } .faq-section .animated-questioning-person #qm { width: 9%; bottom: 9%; -webkit-animation: qm 20s linear infinite; animation: qm 20s linear infinite; } .faq-section .animated-questioning-person #hand { width: 10%; bottom: 61.9%; right: 24%; -webkit-transform-origin: bottom; transform-origin: bottom; z-index: unset; -webkit-animation: thinking 2s linear 2s infinite; animation: thinking 2s linear 2s infinite; } .faq-section .faq-woman-with-towel { position: relative; } .faq-section .faq-woman-with-towel::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .faq-section .faq-woman-with-towel:hover::before, .faq-section .faq-woman-with-towel:focus::before { opacity: 0; height: 85%; } .faq-section .quest > div:not(:last-child) { margin-bottom: 20px; } .faq-section .quest .faq-label { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 15px 30px; position: relative; } .faq-section .quest .faq-label:hover { cursor: pointer; } .faq-section .quest .faq-label .faq-singular { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .faq-section .quest .faq-label .faq-singular .faq-question { font-weight: 700; font-size: 18px; color: rgba(var(--color-secondary), 1); } .faq-section .quest .faq-label .faq-singular .circled { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(var(--border), 1); margin-top: 5px; -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1); } .faq-section .quest .faq-label .faq-singular .circled i { font-size: 50%; } .faq-section .quest .faq-label::before { position: absolute; content: attr(numbering); font-size: 36px; font-weight: 700; color: rgba(var(--border), 1); bottom: 50%; right: 90px; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 0; } .faq-section .quest .faq-label.active::before { display: none; } .faq-section .quest .faq-label .faq-answer { display: none; } .faq-section .quest .faq-label.active { background-color: rgba(var(--product-bg), 1); } .faq-section .quest .faq-label.active::before { bottom: 0; right: 30px; -webkit-transform: translateY(0); transform: translateY(0); } /* END: FAQ */ /* PRIVACY POLICY */ .privacy-policy-section p, .privacy-policy-section li { margin-bottom: 1rem; } .privacy-policy-section li { padding-left: 30px; position: relative; color: rgba(var(--text), 1); } .privacy-policy-section li::before { position: absolute; content: ""; width: 10px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--text), 1); left: 0px; top: 8px; } .privacy-policy-section .title { margin: 30px 0; } .privacy-policy-section .title:first-child { margin-top: 0; } .privacy-policy-section p:last-child { margin-bottom: 0; } /* END: PRIVACY POLICY */ /* SHOPPING CART */ .shopping-cart-section .woocommerce-cart-form .product-thumbnail img { max-height: 100px; width: initial; } .shopping-cart-section .woocommerce-cart-form .product-name { padding-left: 0; } .shopping-cart-section .woocommerce-cart-form .product-name a { font-weight: 700; color: rgba(var(--color-secondary), 1); } .shopping-cart-section .woocommerce-cart-form .product-name a, .shopping-cart-section .woocommerce-cart-form .product-name p { text-align: left; } .shopping-cart-section .woocommerce-cart-form .product-name .woosl-btn span { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; padding: 0 5px; margin: unset; } .shopping-cart-section .woocommerce-cart-form .product-quantity { width: 0; } .shopping-cart-section .woocommerce-cart-form .product-quantity .quantity { width: 100%; } .shopping-cart-section .woocommerce-cart-form .product-quantity .quantity input { width: 100%; } .shopping-cart-section .woocommerce-cart-form .coupon { float: left; } .shopping-cart-section .woocommerce-cart-form .coupon > button { display: inline-block; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); border-radius: 4px; padding: 0.2em 1em; } .shopping-cart-section .woocommerce-cart-form .coupon ~ button { float: right; margin-top: 1.7rem; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); border-radius: 4px; padding: 0.2em 1em; } .shopping-cart-section .cart-collaterals .wc-proceed-to-checkout a { background-color: rgba(var(--color-primary), 1); border-radius: 5px; color: rgba(var(--white-text), 1); padding: 0.5em 1em; margin-top: 1.5rem; } .shopping-cart-section .row > div:first-child { overflow: auto clip; } .shopping-cart-section .row > div:first-child .woocommerce { min-width: 641px; } .shopping-cart-section table { width: 100%; } .shopping-cart-section table tr, .shopping-cart-section table td { border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .shopping-cart-section table th { background-color: rgba(var(--product-bg), 1); text-align: center; padding: 15px 0; } .shopping-cart-section table td { padding: 1rem 1.25rem; } .shopping-cart-section table td:first-of-type { text-align: left; } .shopping-cart-section table .shopping-quantity, .shopping-cart-section table .price bdi { font-weight: 800; } .shopping-cart-section table .shopping-product-area { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; } .shopping-cart-section table .shopping-product-area .shopping-product-img { min-width: 52px; } .shopping-cart-section table .shopping-product-area .shopping-product-img img { max-height: 100px; } .shopping-cart-section table .shopping-product-area .shopping-product-description { max-width: 200px; } .shopping-cart-section table .shopping-product-area .shopping-product-description h6 { font-weight: 800; } .shopping-cart-section table .product-remove a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; padding: 5px 20px; font-weight: 700; font-size: 14px; margin-top: 0; } .shopping-cart-section .discount-area form { margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shopping-cart-section .discount-area form button { margin-top: 0; } .shopping-cart-section .discount-area form input { padding: 14px; border: 1px solid rgba(var(--border), 1); border-radius: 5px; background-color: rgba(var(--product-bg), 1); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .shopping-cart-section ._summary_product_wrapper, .shopping-cart-section ._shipping, .shopping-cart-section ._total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shopping-cart-section ._summary_product_wrapper, .shopping-cart-section ._shipping { padding: 10px 30px; } .shopping-cart-section ._total { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 15px 0; border-left: 0; border-right: 0; margin: 0 30px; border-radius: 0; } .shopping-cart-section ._total ._title, .shopping-cart-section ._total .price { font-weight: 700; } .shopping-cart-section .apply-code, .shopping-cart-section .checkout { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; font-weight: 700; } .shopping-cart-section .checkout { padding: 10px 25px; margin: 15px 30px; } .shopping-cart-section .cart-value-area { border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .shopping-cart-section .cart-value-area h6 { font-weight: 700; background-color: rgba(var(--product-bg), 1); padding: 15px 30px; } .shopping-cart-section .cart-collaterals { margin-top: 30px; } .shopping-cart-section .cart-collaterals h2 { font-size: 1.5em; font-weight: 700; } /* END: SHOPPING CART */ /* CONTACT */ #contact-page .widget.widget_social_widget .widget-title { margin-bottom: 15px; } .contact-section .title { font-weight: 600; font-size: 24px; } .contact-section .row > [class*="col-"] > *:not(:last-child) { margin-bottom: 20px; } .contact-section label { color: rgba(var(--color-secondary), 1); font-weight: 700; margin-bottom: 6px; } .contact-section input:not([type="submit"]), .contact-section textarea { width: 100%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 18px 30px; } .contact-section .textarea { resize: none; } .contact-section input[type="submit"] { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; border: none; margin-top: 0; } .contact-section form p:not(:last-child) { margin-bottom: 20px; } .contact-section .widget-contact { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 40px; background-color: rgba(var(--product-bg), 1); } .contact-section .widget-contact .contact-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; gap: 10px; max-width: 100%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 15px; background-color: rgba(var(--white-text), 1); } .contact-section .widget-contact .contact-area .contact-info { max-width: 75%; } .contact-section .widget-contact .contact-area .contact-corn { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-radius: 50%; } .contact-section .widget-contact .contact-area .contact-icon img { width: 40px; height: auto; } .contact-section .widget-contact .contact-area .contact-info h5 { font-weight: 600; } .contact-section .widget-contact .contact-area:not(:last-child) { margin-bottom: 20px; } .contact-section .contact-social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .contact-section .contact-social-links .social-icon { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* END: CONTACT */ /* MY ACCOUNT */ .my-account-section .admin-account-area { border: 1px solid rgba(var(--border), 1); border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; background-color: rgba(var(--product-bg), 1); } .my-account-section .admin-account-area .account-admin-info .account-admin-designation { margin-bottom: 15px; } .my-account-section .account-sidemenu-wrapper { padding: 20px 10px; } .my-account-section .account-sidemenu-wrapper .account-sidemenu a { display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px; } .my-account-section .account-sidemenu-wrapper .account-sidemenu a:hover, .my-account-section .account-sidemenu-wrapper .account-sidemenu a:focus, .my-account-section .account-sidemenu-wrapper .account-sidemenu a.hovered { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); border-radius: 5px; cursor: pointer; } .my-account-section .account-sidemenu-wrapper .account-sidemenu a .menu-icon { border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-radius: 50%; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--white-text), 1); } .my-account-section .account-sidemenu-wrapper .account-sidemenu a .menu-icon img { max-width: 30px; width: 30px; border-radius: 50%; } .my-account-section .admin-details-account { padding: 40px; } .my-account-section .admin-details-account .title { border-bottom: 1px solid rgba(var(--border), 1); } .my-account-section .admin-details-account p:first-of-type { margin-top: 20px; } .my-account-section .admin-details-account p:not(:last-child) { margin-bottom: 10px; } .my-account-section .d-flex [class*="col-"] { border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-radius: 0; width: 100%; } .my-account-section .d-flex [class*="col-"]:first-child { background-color: rgba(var(--product-bg), 1); } /* END: MY ACCOUNT */ /* BLOG */ .woocommerce-pagination, .navigation.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .navigation.pagination { position: inherit; background: none; } .woocommerce-pagination ul li { margin-top: 50px; display: inline-block; } .woocommerce-pagination ul li a, .woocommerce-pagination ul li span, .pagination .nav-links .page-numbers { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #efefef; } .woocommerce-pagination .current, .pagination .nav-links .page-numbers.current { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); } .woocommerce-pagination ul li:not(:last-child) { margin-right: 7px; } /* END: BLOG */ /* BLOG RIGHT/LEFT */ .sidebar .widget:not(.widget_banner) { padding: 30px; border: 1px solid rgba(var(--border), 1); border-radius: 5px; background-color: rgba(var(--product-bg), 1); margin-bottom: 30px; } .sidebar .widget_banner { margin-bottom: -31px; } .sidebar .widget:not(.widget_banner) .widget-title { border-bottom: 1px solid rgba(var(--border), 1); margin-bottom: 20px; padding-bottom: 5px; } .sidebar .widget_text.widget.widget_custom_html { padding: 0; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap { position: relative; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap::before, .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap::after { content: ""; bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; background: rgba(0, 0, 0, 0.2); z-index: 1; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap::before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap::after { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:hover::before, .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:hover::after, .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:focus-within::before, .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:focus-within::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:hover .banner_content *, .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap:focus-within .banner_content * { color: #ffffff; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner_content { position: absolute; top: 30px; left: 30px; z-index: 2; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner_content h5 { font-weight: 600; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner_content p { max-width: 90%; font-size: 14px; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner_content a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner-discount { width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 30px; left: 30px; background-color: rgba(var(--color-primary), 1); z-index: 2; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner-discount p { color: rgba(var(--white-text), 1); font-size: 1em; line-height: 1.3; } .sidebar .widget_text.widget.widget_custom_html .widget_banner .banner_wrap .banner-discount p:nth-child(2) { font-size: 1.5em; font-weight: 700; } .sidebar .search-form .wp-block-search__inside-wrapper, .widget_search form.search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .sidebar .search-form .wp-block-search__inside-wrapper input, .widget_search form.search-form .search-field { width: 100%; padding: 13px; border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .sidebar .search-form .wp-block-search__inside-wrapper button, .widget_search form.search-form .search-submit { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; margin-top: 0; position: absolute; right: 0; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget_search form.search-form .search-submit{ padding: 15px 10px; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-image .featured-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 5px; overflow: hidden; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-image .featured-image::before { position: absolute; content: ""; inset: 0 0 0 0; background: rgba(0, 0, 0, 0.5); z-index: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-image .featured-image img { min-width: 70px; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-image .featured-image .post-hover { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--color-primary), 1); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-image .featured-image .post-hover i { font-size: 10px; color: rgba(var(--white-text), 1); } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-content .post-meta { color: rgba(var(--color-primary), 1); font-size: 14px; margin-bottom: 5px; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items .post-content .post-title a { font-weight: 600; color: rgba(var(--color-secondary), 1); font-size: 14px; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:hover .featured-image::before, .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:hover .featured-image .post-hover, .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:focus-within .featured-image::before, .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:focus-within .featured-image .post-hover { visibility: visible; opacity: 1; } .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:hover .post-title a, .sidebar .widget_latest_posts .widget-content .latest_posts.post-items:focus-within .post-title a { color: rgba(var(--color-primary), 1); } .sidebar .widget_categories .cat-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .sidebar .widget_categories .cat-item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar .widget_categories .cat-item a::before { content: ""; width: 30px; height: 2px; margin-right: 10px; background-color: rgba(var(--color-primary), 1); } .sidebar .widget_media_gallery .gallery-columns-3 { display: -ms-grid; /* display: grid; */ -ms-grid-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .sidebar .widget_media_gallery figure { margin-bottom: 0; } .sidebar .gallery { display: inline-block; } .sidebar .widget_media_gallery figure .gallery-icon.landscape { position: relative; } .sidebar .widget_media_gallery figure .gallery-icon.landscape::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .sidebar .widget_media_gallery figure .gallery-icon.landscape:hover::before, .sidebar .widget_media_gallery figure .gallery-icon.landscape:focus::before { opacity: 0; height: 85%; } .sidebar .widget_media_gallery figure:nth-child(1) { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / 3; } .sidebar .widget_media_gallery figure:nth-child(4) { -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / 4; } .sidebar .widget_tag_cloud .tagcloud, .footer .widget_tag_cloud .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .footer .widget_tag_cloud .tag-cloud-link { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 4px 8px; text-align: center; } .wp-block-calendar, .calendar_wrap { width: 100%; background-color: #f5f6fa; margin: 0 auto; position: relative; z-index: 0; } .wp-block-calendar .wp-calendar-table, .calendar_wrap .wp-calendar-table { border-collapse: separate; width: 100%; border-spacing: 0 15px; } .wp-block-calendar .wp-calendar-table tr > *, .calendar_wrap .wp-calendar-table tr > * { text-align: center; } .wp-calendar-table { caption-side: top; } .wp-calendar-table caption { position: relative; font-weight: 700; color: rgba(var(--color-secondary), 1); padding: 20px 0; text-align: center; } .wp-calendar-table caption::before, .wp-calendar-table caption::after { font-family: "FontAwesome"; position: absolute; cursor: pointer; } .wp-calendar-table caption::before { content: "\f053"; left: 0; } .wp-calendar-table caption::after { content: "\f054"; right: 0; } .wp-calendar-table td#today { color: rgba(var(--white-text), 1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-calendar-table td#today a { color: rgba(var(--white-text), 1); } .wp-calendar-table td#today::before { content: ""; position: absolute; padding: 20px; border-radius: 50%; background-color: rgba(var(--color-primary), 1); z-index: -1; } .header .wp-calendar-table td#today::before { padding: 15px; } .header .wp-block-embed iframe { height: auto; max-width: 200px; } .wp-block-calendar table th { font-weight: 700; background: none; } .wp-block-calendar table th, .wp-block-calendar table td{ border:none; } .sidebar .widget_mail .widget-mail-content .image img { width: inherit; } .sidebar .widget_mail .mail-form .wp-block-search__inside-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .sidebar .widget_mail .mail-form .wp-block-search__inside-wrapper input { width: 100%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 12px; } .sidebar .widget_mail .mail-form .wp-block-search__inside-wrapper button { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; position: absolute; right: 0; margin-top: 0; padding: 0 25px; z-index: 99; height: 100%; } /* END: BLOG RIGHT/LEFT */ /* BLOG MASONRY */ .masonry { display: -ms-grid; display: grid; grid-gap: 30px; -ms-grid-columns: (minmax(370px, 1fr))[auto-fill]; grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); grid-auto-rows: 0; } .masonry-item { border-radius: 5px; overflow: hidden; position: relative; } .masonry-item img { position: relative; } .banner-image-grid > div, .blog-masonry > div, .blog > div, .image-blog { position: relative; border-radius: 4px; overflow: hidden; } .image-blog > img, .home2 .blog img, .faq-query-section > img { max-width: unset; width: 100%; } .meta-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*END: BLOG MASONRY */ /* BLOG SINGLE */ .blog-single-section article .intro { position: relative; } .blog-single-section article .intro .intro-image-wrapper .intro-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .blog-single-section article .intro .intro-image-wrapper .intro-image::before, .blog-single-section article .intro .intro-image-wrapper .intro-image::after { content: ""; bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; background: rgba(0, 0, 0, 0.2); z-index: 1; } .blog-single-section article .intro .intro-image-wrapper .intro-image::before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .blog-single-section article .intro .intro-image-wrapper .intro-image::after { -webkit-transform: scale(1, 0); transform: scale(1, 0); } .blog-single-section article .intro .intro-image-wrapper .intro-image:hover::before, .blog-single-section article .intro .intro-image-wrapper .intro-image:hover::after, .blog-single-section article .intro .intro-image-wrapper .intro-image:focus::before, .blog-single-section article .intro .intro-image-wrapper .intro-image:focus::after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .blog-single-section article .intro .intro-image-wrapper .intro-image > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blog-single-section article .intro .intro-image-wrapper .intro-image .post-hover { position: absolute; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--color-primary), 1); visibility: hidden; opacity: 0; } .blog-single-section article .intro .intro-image-wrapper .intro-image .post-hover > i { color: rgba(var(--white-text), 1); } .blog-single-section article .intro .blog-post-content { position: absolute; bottom: 15px; left: 15px; z-index: 1; } .blog-single-section article .intro .blog-post-content .blog-post-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-single-section article .intro .blog-post-content .blog-post-meta > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-single-section article .intro .blog-post-content .blog-post-meta > * i, .blog-single-section article .intro .blog-post-content .blog-post-meta > * time { color: rgba(var(--white-text), 1); font-size: 80%; } .blog-single-section article .intro .blog-post-content .blog-post-meta > * .meta-blog-icon { margin-right: 10px; } .blog-single-section article .title { font-size: 28px; font-weight: 600; margin: 30px 0; } .blog-single-section article p { margin-bottom: 20px; } .blog-single-section article li:not(.comment) { padding-left: 30px; position: relative; color: rgba(var(--text), 1); margin-bottom: 1rem; } .blog-single-section article li:not(.comment)::before { position: absolute; content: ""; width: 10px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--text), 1); left: 0px; top: 8px; } .blog-single-section article .widget_tag_cloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-single-section article .widget_tag_cloud .product-tag { padding-right: 50px; } .blog-single-section article .widget_tag_cloud .tagcloud { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-single-section article .widget_tag_cloud .tagcloud .tag-cloud-link { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 4px 8px; text-align: center; font-size: 0.9em; } .blog-single-section article .comment-area-wrapper .comments-area h4 { font-weight: 600; margin-bottom: 30px; } .blog-single-section article .comment-area-wrapper .comments-area .comment-respond { margin-top: 50px; } .blog-single-section article .comment-area-wrapper .comments-area .comment-list .comment .comment-body { position: relative; padding-left: 120px; min-height: 120px; overflow-wrap: break-word; word-wrap: break-word; border-radius: 3px; z-index: 0; margin-bottom: 30px; } .blog-single-section article .comment-area-wrapper .comments-area .comment-list .comment .comment-body .reply { border-bottom: 1px solid rgba(var(--border), 1); } .blog-single-section article .comment-area-wrapper .comments-area .comment-list .comment .comment-body .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: unset; } .blog-single-section article .comment-area-wrapper .comments-area .comment-list .comment .comment-body .comment-meta .comment-author img { width: inherit; position: absolute; z-index: 0; left: 0px; top: 6px; } .blog-single-section article .comment-area-wrapper .comments-area .comment-list .comment .children { position: relative; padding: 0; margin: 0; margin-left: 2.5rem; z-index: 0; } .blog-single-section article .comment-area-wrapper .comments-area form .row > [class*="col-"] > *:not(:last-child) { margin-bottom: 20px; } .blog-single-section article .comment-area-wrapper .comments-area form label { color: rgba(var(--color-secondary), 1); font-weight: 700; margin-bottom: 6px; } .blog-single-section article .comment-area-wrapper .comments-area form input:not([type="submit"]):not([type="checkbox"]), .blog-single-section article .comment-area-wrapper .comments-area form textarea { width: 100%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 18px 30px; } .blog-single-section article .comment-area-wrapper .comments-area form .textarea { resize: none; } .blog-single-section article .comment-area-wrapper .comments-area form input[type="submit"] { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; border: none; margin-top: 0; } .blog-single-section article .comment-area-wrapper .comments-area form .comment-form-cookies-consent { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .blog-single-section article .comment-area-wrapper .comments-area form .comment-form-cookies-consent label { margin-bottom: 0; } .blog-single-section article .comment-area-wrapper .comments-area form form p:not(:last-child) { margin-bottom: 20px; } /* END: BLOG SINGLE */ /* ERROR */ .error-section .error-image-wrapper { position: relative; } .error-section .error-image-wrapper > img:not([alt="robot"]) { -webkit-animation: gear-clock-rotate 2s linear infinite; animation: gear-clock-rotate 2s linear infinite; position: absolute; } .error-section .error-image-wrapper #image-1 { bottom: 20.5%; left: 0%; z-index: 1; width: 13.5%; height: auto; -webkit-animation: plant-float 5s linear infinite; animation: plant-float 5s linear infinite; } .error-section .error-image-wrapper #image-2 { bottom: 39.4%; left: 6%; z-index: 0; width: 10%; height: auto; } .error-section .error-image-wrapper #image-3 { bottom: 88%; left: 72%; width: 4%; height: auto; } .error-section .error-image-wrapper #image-4 { bottom: 54%; left: 63%; width: 4%; height: auto; } .error-section .error-image-wrapper #image-5 { bottom: 18.5%; left: 30.6%; width: 4%; height: auto; } .error-section .error-image-wrapper #image-6 { bottom: 82%; left: 6%; width: 6%; height: auto; } .error-section .error-image-wrapper #image-7 { bottom: 25.2%; right: 27%; width: 8%; height: auto; } .error-section .error-image-wrapper #image-8 { bottom: 21.6%; left: 45%; width: 6%; height: auto; } .error-section .error-image-wrapper #image-9 { bottom: 18.5%; left: 50.5%; width: 6%; height: auto; } .error-section .error-message { font-weight: 700; margin-top: 30px; margin-bottom: 15px; } .error-section .error-message + div a { padding: 10px 20px; border-radius: 5px; } /*END: ERROR */ /* PRODUCT DETAILS */ #st-primary-content .woocommerce-notices-wrapper { margin-bottom: 15px; } #st-primary-content .product.type-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } #st-primary-content .product.type-product > .images, #st-primary-content .product.type-product > .summary.entry-summary { max-width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .single-product #st-primary-content .product.type-product > .summary.entry-summary form.cart { margin-bottom: 20px; } .single-product #st-primary-content .product .summary .compare.button span { outline: none !important; } .single-product .aromatic-woowishlist-button, .single-product.woocommerce .aromatic-woowishlist-button { margin-left: 20px; border: 1px solid rgba(var(--color-primary), 1); height: 40px; width: 40px; border-radius: 50%; } #st-primary-content .product.type-product > .images form.cart, #st-primary-content .product.type-product > .summary.entry-summary form.cart { display: block; } #st-primary-content .product.type-product > .images .compare.button, #st-primary-content .product.type-product > .summary.entry-summary .compare.button { margin-left: 0; } #st-primary-content .product.type-product > .images .upper-section { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } #st-primary-content .product.type-product > .images .upper-section .product-single-main-image { background-color: rgba(var(--product-bg), 1); border-radius: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } #st-primary-content .product.type-product > .images .upper-section .product-single-main-image img { width: 320px; height: 320px; margin: 0 auto; } #st-primary-content .product.type-product > .images .down-section { margin-top: 20px; } #st-primary-content .product.type-product > .images .vertical-slider img { border: 1px solid rgba(var(--border), 1); border-radius: 5px; max-width: 100px; max-height: 100px; } #st-primary-content .product.type-product > .images .horizontal-slider img { border: 1px solid rgba(var(--border), 1); border-radius: 5px; height: 100px; max-width: 100px; } @media (min-width: 768px){ #st-primary-content .related.products li { width: 28%; } } #st-primary-content .product { position: relative; /* width: 100%; */ } #st-primary-content .product .sale-ribbon { top: 25px; left: 13%; position: absolute; margin: 0; font-size: 14px; font-weight: 500; text-align: center; padding: 0 10px; line-height: 24px; display: inline-block; border-radius: 5px; color: rgba(var(--white-text), 1); background: rgba(var(--color-primary), 1); z-index: 1; } #st-primary-content .product .imagess { margin-bottom: 2em; float: left; } #st-primary-content .product .imagess img { height: auto; max-width: 100%; display: block; width: 100%; height: auto; -webkit-box-shadow: none; box-shadow: none; } #st-primary-content .product .imagess .woocommerce-product-gallery__image:nth-child(1) { max-height: 440px; display: block; width: 100%; height: auto; -webkit-box-shadow: none; box-shadow: none; max-width: 100%; width: auto; margin: auto; } #st-primary-content .product .imagess .thumbnails { position: relative; overflow: hidden; padding-top: 1em; } #st-primary-content .product .imagess .thumbnails::before { content: " "; display: table; } #st-primary-content .product .imagess .thumbnails div#slider-prev { left: -7px; } #st-primary-content .product .imagess .thumbnails #slider-prev, #st-primary-content .product .imagess .thumbnails #slider-next { width: 26px; height: 25px; overflow: hidden; color: rgba(var(--color-secondary), 1); background-color: #ffffff; background-image: none; border-radius: 3px; margin-top: -5px; opacity: 1; visibility: visible; display: block !important; border: 1px solid rgba(var(--color-primary), 1); -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } #st-primary-content .product .imagess .thumbnails .aromatic_slider_arrow span { display: table-cell; text-align: center; vertical-align: middle; } #st-primary-content .product .imagess .thumbnails .aromatic_slider_arrow span::after { content: "\f104"; } #st-primary-content .product .imagess .thumbnails .aromatic_slider_arrow span::after, #st-primary-content .product .imagess .thumbnails .aromatic_slider_arrow span::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; line-height: 23px; text-align: center; font-family: "Font Awesome 5 Free"; } #st-primary-content .product .imagess .thumbnails .aromatic_magnifier_gallery { margin: 0; padding: 0; text-align: center; } #st-primary-content .product .imagess .thumbnails .aromatic_magnifier_gallery .aromatic_magnifier_thumbnail { position: relative; display: inline-block; vertical-align: middle; top: 0; margin-right: 1px; } #st-primary-content .product .imagess .thumbnails .aromatic_magnifier_gallery .aromatic_magnifier_thumbnail a { width: 100% !important; display: block; margin-top: 10px; height: auto !important; overflow: hidden; float: left; width: 30.75%; margin-right: 3.8%; margin-bottom: 1em; clear: both; } #st-primary-content .product .summary { margin-bottom: 2em; margin-bottom: 3em; } #st-primary-content .product .summary .product_title { clear: none; margin-top: 0; padding: 0; letter-spacing: 0.65px; margin-bottom: 3px; font-size: 2.2rem; line-height: 1.5; } #st-primary-content .product .summary .stwsb-products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } #st-primary-content .product .summary .stwsb-products .stwsb-product { border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 0px; } #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-thumb img { width: auto; height: auto; } #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-price, #st-primary-content .product .summary .stwsb-products .stwsb-product .stwsb-title { text-align: center; } #st-primary-content .product .summary .aromatic-stocks { margin-bottom: 15px; } #st-primary-content .product .summary .aromatic_psc_frontend_btn .aromatic_psc_call_popup { padding: 0; margin: 15px 0; } #st-primary-content .product .summary .aromatic_psc_frontend_btn .aromatic_psc_call_popup a { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); padding: 5px 20px; border-radius: 5px; font-weight: 600; } #st-primary-content .product .summary form.cart { margin-bottom: 0; display: inline-block; vertical-align: middle; } #st-primary-content .product .summary form.cart::before { content: " "; display: table; } #st-primary-content .product .summary form.cart::after { clear: both; } #st-primary-content .product .summary form.cart .quantity { float: left; margin: 0 4px 0 0; margin-right: 10px; } #st-primary-content .product .summary form.cart .quantity .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } #st-primary-content .product .summary form.cart .quantity .qty { padding: 0.3rem; min-height: 37.8px; border-color: #d8d8d8; border-radius: 0; width: 3.631em; text-align: center; } #st-primary-content .product .summary form.cart button a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; padding: 7px 16px; margin-top: 0; } #st-primary-content .product .summary .compare.button { display: inline-block; vertical-align: middle; background-color: #ffffff; line-height: 1.5; color: var(--bs-secondary); text-decoration: none; font-size: 15px; font-weight: 500; -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); white-space: nowrap; margin-left: 8px; } #st-primary-content .product .summary .compare.button span { padding: 5px 10px !important; border-radius: 5px; } #st-primary-content .product .summary .aromatic-woowishlist-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 7px; } #st-primary-content .product .summary .aromatic-woowishlist-button a { display: inline-block; white-space: nowrap; width: 40px; height: 40px; line-height: 41px; background: var(--bs-secondary); color: #fff; text-align: center; text-decoration: none; border-radius: 100%; } #st-primary-content .product .summary .aromatic-woowishlist-button a span { display: none; } #st-primary-content .product .summary .product_meta { margin-top: 1.2rem; } #st-primary-content .product .summary .product_meta > span { display: block; } #st-primary-content .product .summary .product_meta > span a { color: rgba(var(--color-primary), 1); } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-end; -ms-flex-align: self-end; align-items: self-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget h6 { font-weight: 700; text-transform: inherit; font-style: inherit; text-decoration: inherit; } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget ul { margin-top: -0.75rem; } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget ul li { margin-top: 0.75rem; display: inline-block; } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget ul li a { position: relative; z-index: 0; display: inline-block; text-decoration: none; font-weight: 500; width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 100%; overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; background-color: rgba(var(--color-secondary), 1); -webkit-transition: 0.6s; transition: 0.6s; width: 40px; height: 40px; background-color: transparent; border: 1px solid rgba(var(--border), 1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #st-primary-content .product .summary .aromatic-product-sharing .widget_social_widget ul li:not(:last-child) { margin-right: 5px; } #st-primary-content .product .woocommerce-tabs { clear: both; width: 100%; } #st-primary-content .aromatic_magnifier_zoom_wrap { top: 0; position: relative; } #st-primary-content .aromatic_magnifier_zoom { position: relative; display: block; } #st-primary-content .aromatic_magnifier_mousetrap { z-index: 999; position: absolute; width: 0px; height: 0px; left: 0; top: 0; } #st-primary-content .aromatic_magnifier_mousetrap .aromatic_expand { display: inline; cursor: pointer; font-size: 25px; position: absolute; text-decoration: none; text-indent: -10000px; z-index: 20000; line-height: 1em; background-color: white; width: 25px; height: 26px; top: 10px; bottom: initial; left: initial; right: 10px; border-radius: 0%; } #st-primary-content .expand-button-hidden svg { width: 25px; height: 25px; display: block; padding: 5px; } #st-primary-content .zoom-button-hidden svg { display: block; padding: 5px; } .aromatic_woocompare_product_actions_tip, .aromatic_woocompare_product_actions_tip .text { min-width: 0; display: block; } /* END: PRODUCT DETAILS */ /* ABOUT US */ .about-us-section .testimonial2-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; position: relative; left: 5%; } .about-us-section .testimonial-section .heading { margin-bottom: 75px; } .about-us-section .heading { margin-bottom: 35px; } .about-us-section .heading p { padding-left: 50px; } .about-us-section .heading ~ p { margin-bottom: 20px; } .about-us-section .heading ~ ul li { padding-left: 30px; position: relative; color: rgba(var(--text), 1); } .about-us-section .heading ~ ul li::before { position: absolute; content: "\f058"; font-family: "FontAwesome"; width: 15px; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); left: 0px; top: 8px; z-index: 1; } .about-us-section .heading ~ .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .about-us-section .heading ~ .button-wrapper a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; padding: 15px 20px; } .about-us-section .main-image-wrapper { position: relative; margin-top: 30px; } .about-us-section .main-image-wrapper > * { position: relative; z-index: 1; } .about-us-section .main-image-wrapper img { top: -30px; } .about-us-section .main-image-wrapper::after { content: ""; position: absolute; width: calc(100% + 30px); height: 85%; background-color: rgba(var(--color-primary), 1); bottom: 0; z-index: 0; right: -30px; } .about-us-section .main-image-wrapper .statics-text { padding: 0px 10px 30px 30px; } .about-us-section .main-image-wrapper .statics-text h5, .about-us-section .main-image-wrapper .statics-text p { color: rgba(var(--white-text), 1); } .about-us-section .main-image-wrapper .statics-text h5 { font-weight: 600; color: rgba(var(--white-text), 1); font-size: 2rem; } .about-us-section .main-image-wrapper .statics-text p:first-of-type { font-weight: 700; } .about-us-section .main-image-wrapper .statics-text p:last-child { font-size: 14px; } .about-us-section .main-image-wrapper .floating-elements .bubble { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--white-text), 0.3); position: absolute; left: 0; bottom: 10px; -webkit-animation: about-bubbles 2s infinite linear; animation: about-bubbles 2s infinite linear; } .about-us-section .main-image-wrapper .floating-elements .bubble1 { top: 12%; left: 9%; } .about-us-section .main-image-wrapper .floating-elements .bubble2 { top: 12%; left: 55%; } .about-us-section .main-image-wrapper .floating-elements .triangle { position: absolute; width: 100%; right: -15px; top: -31%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: about-triangle 1.5s infinite linear; animation: about-triangle 1.5s infinite linear; } .about-us-section .main-image-wrapper .floating-elements .triangle > div { height: 1px; background-color: rgba(var(--white-text), 1); position: absolute; } .about-us-section .testimonial-section .page-slider .slide h2, .about-us-section .testimonial-section .page-slider .slide p { margin-bottom: 20px; } .about-us-section .testimonial-section .page-slider .row { padding: 70px 0 0; } .about-us-section .testimonial-section .page-slider .testimonial2-nav-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; } .about-us-section .testimonial-section .page-slider .page-image-slider { top: 7%; position: absolute; left: 32%; } .about-us-section .testimonial-section .page-slider .page-image-slider img { max-width: 190px; height: auto; /* margin: auto; */ border-radius: 50%; text-align: right; display: inline-block; /* margin-right: 30px; */ position: static; margin-top: 18px; border: 5px solid rgba(var(--color-primary), 1); } .about-us-section .testimonial-section .slider-wrapper { position: relative; width: 100%; margin: auto; padding: 50px 0; background-color: rgba(var(--product-bg), 1); border-radius: 10px; overflow: hidden; } .about-us-section .testimonial-section .slider-wrapper::before, .about-us-section .testimonial-section .slider-wrapper::after { position: absolute; top: 0px; left: -30px; width: 50%; height: 50%; background-color: rgba(var(--color-primary), 0.5); } .about-us-section .testimonial-section .slider-wrapper .testimonial-slider-1 { margin-top: 286px; } .about-us-section .testimonial-section .slider-wrapper .bullets { min-height: 100px; } .about-us-section .testimonial-section .slider-wrapper .bullets:nth-child(1) { left: 47px; top: -30px; } .about-us-section .testimonial-section .slider-wrapper .bullets:nth-child(2) { left: -47px; top: 14px; } .about-us-section .testimonial-section .slider-wrapper .bullets:nth-child(3) { left: -83px; top: 120px; } .about-us-section .testimonial-section .slider-wrapper .bullets:nth-child(4) { left: -47px; top: 221px; } .about-us-section .testimonial-section .slider-wrapper .bullets:nth-child(5) { left: 47px; top: 265px; } .about-us-section .testimonial-section .slider-wrapper .bullets, .about-us-section .testimonial-section .slider-wrapper #bullet-wrapper { position: absolute; } .about-us-section .testimonial-section .slider-wrapper #bullet-wrapper { width: 280px; height: 280px; border-radius: 50%; left: 32%; top: 75px; } .about-us-section .testimonial-section .slider-wrapper #bullet-wrapper img { max-height: 70px; border-radius: 50%; cursor: pointer; } .about-us-section .testimonial-section .slider-wrapper .bullets.tns-nav-active img { border: 2px solid rgba(var(--color-primary), 1); } /* END: ABOUT US */ /* HOME 2*/ .aromatic-home2 .page-slider-wrapper .row { padding: 0; } .aromatic-home2 .page-slider-wrapper .row .banner-text-section { /* padding-bottom: 15px; */ } .aromatic-home2 .page-slider-wrapper .row .banner-text-section .offer { font-family: "Great Vibes", cursive; font-size: 4rem; line-height: 0.5; } .aromatic-home2 .page-slider-wrapper .row .banner-text-section p { padding: 15px 0 15px 0; border-bottom: 1px solid rgba(var(--border), 1); border-top: 1px solid rgba(var(--border), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .aromatic-home2 .page-slider-wrapper .row .banner-text-section p > span { font-size: 3rem; font-weight: 600; color: rgba(var(--color-primary), 1); } .aromatic-home2 .page-slider-wrapper .row .banner-text-section h1::after { content: unset; } .aromatic-home2 .page-image-slider { right: 7%; } .aromatic-home2 .page-image-slider > img { width: 100vw; } .aromatic-home2 .info-section .container-fluid { background-image: unset; } .aromatic-home2 .info-section .section-icon { position: relative; z-index: 1; } .aromatic-home2 .info-section .section-icon img { width: inherit; } .aromatic-home2 .info-section .section-icon::before { content: ""; position: absolute; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(var(--info-bubble), 0.8); z-index: -1; left: 30px; -webkit-animation: about-bubbles 1.5s infinite linear; animation: about-bubbles 1.5s infinite linear; } /* .aromatic-home2 .info-section .info-service:nth-of-type(1) .section-icon { */ /* left: -10px; */ /* } */ /* .aromatic-home2 .info-section .info-service:nth-of-type(2) .section-icon { */ /* left: -10px; */ /* } */ /* .aromatic-home2 .info-section .info-service:nth-of-type(3) .section-icon { */ /* left: -16px; */ /* } */ /* .aromatic-home2 .info-section .info-service:nth-of-type(4) .section-icon { */ /* left: -16px; */ /* } */ .aromatic-home2 .info-section .section-icon i { font-size: 45px; } .aromatic-home2 .info-section .section-type { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aromatic-home2 .info-section .service-action a, .aromatic-home2 .info-section .service-action div { font-size: 16px; } .aromatic-home2 .product-grid .grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "first" "second" "third" "fourth"; } .aromatic-home2 .product-grid .grid > div { position: relative; } .aromatic-home2 .product-grid .grid > div .image-hover-wrapper { position: relative; display: block; } .aromatic-home2 .product-grid .grid > div .image-hover-wrapper::before, .aromatic-home2 .product-grid .grid > div .image-hover-wrapper::after { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; content: " "; height: 0; padding: 0; position: absolute; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; width: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); z-index: 0; } .aromatic-home2 .product-grid .grid > div .image-hover-wrapper::after { right: 0; bottom: 0; } .aromatic-home2 .product-grid .grid > div .image-hover-wrapper:hover::before, .aromatic-home2 .product-grid .grid > div .image-hover-wrapper:hover::after, .aromatic-home2 .product-grid .grid > div .image-hover-wrapper:focus::before, .aromatic-home2 .product-grid .grid > div .image-hover-wrapper:focus::after { height: 100%; width: 100%; transform: rotate(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } .aromatic-home2 .product-grid .grid .third { border: none; } .aromatic-home2 .product-grid .grid .meta-box { position: absolute; bottom: 0; left: 0; padding: 20px 40px; background-image: linear-gradient(45deg, #aeaa9e90, #d7d8d330); background-size: 100%; z-index: 1; } .aromatic-home2 .product-grid .grid .meta-box > *, .aromatic-home2 .product-grid .grid .meta-box a { color: #ffffff; } .aromatic-home2 .product-grid .grid .meta-box a:hover, .aromatic-home2 .product-grid .grid .meta-box a:focus { color: rgba(var(--color-primary), 1); } .aromatic-home2 .product-grid .grid .meta-box .grid-name { position: static; font-size: 1.5em; font-weight: 600; } .aromatic-home2 .product-grid .grid .meta-box .grid-name::before { content: unset; } .aromatic-home2 .our-product-section .products .product-img, .aromatic-home2 .deal-of-the-day .products .product-img, .aromatic-home2 .trending-products .products .product-img { position: relative; } /* .aromatic-home2 .our-product-section .products .product-img a:nth-child(3), */ /* .aromatic-home2 .deal-of-the-day .products .product-img a:nth-child(3), */ /* .aromatic-home2 .trending-products .products .product-img a:nth-child(3) { */ /* height: 300px; */ /* } */ .aromatic-home2 .our-product-section .products .product-img .hover-product-action, .aromatic-home2 .deal-of-the-day .products .product-img .hover-product-action, .aromatic-home2 .trending-products .products .product-img .hover-product-action { position: absolute; top: 5%; right: 5%; } .aromatic-home2 .our-product-section .products .product-img .hover-product-action a, .aromatic-home2 .deal-of-the-day .products .product-img .hover-product-action a, .aromatic-home2 .trending-products .products .product-img .hover-product-action a { background-color: rgba(var(--info-bubble), 1); border-radius: 50%; padding: 3px; margin-bottom: 10px; } .aromatic-home2 .our-product-section .products .product-img .hover-product-action img, .aromatic-home2 .deal-of-the-day .products .product-img .hover-product-action img, .aromatic-home2 .trending-products .products .product-img .hover-product-action img { width: 30px; } .aromatic-home2 ul.products li.product a.compare.button:after { line-height: 30px; } .aromatic-home2 ul.products li.product .yith-wcwl-add-button a { height: 35px; width: 35px; } .aromatic-home2 .our-product-section .products .product-img + div .product-content, .aromatic-home2 .deal-of-the-day .products .product-img + div .product-content, .aromatic-home2 .trending-products .products .product-img + div .product-content { padding: 15px 10px; } .aromatic-home2 .our-product-section .products .product-img + div .product-content .pro-rating, .aromatic-home2 .deal-of-the-day .products .product-img + div .product-content .pro-rating, .aromatic-home2 .trending-products .products .product-img + div .product-content .pro-rating { margin-bottom: 0; } .aromatic-home2 .our-product-section .products .product-img + div .product-content h5 a, .aromatic-home2 .deal-of-the-day .products .product-img + div .product-content h5 a, .aromatic-home2 .trending-products .products .product-img + div .product-content h5 a { color: rgba(var(--color-secondary), 1); } .aromatic-home2 .our-product-section .products .product-img .hover-product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .aromatic-home2 .deal-of-the-day .products .product-img .hover-product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .aromatic-home2 .trending-products .products .product-img .hover-product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .shop .product-collection-area .products .product-img .hover-product-action a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: none; } .aromatic-home2 .our-product-section .price, .aromatic-home2 .deal-of-the-day .price, .aromatic-home2 .trending-products .price { padding-left: 10px; } .aromatic-home2 .our-product-section .price ins bdi, .aromatic-home2 .deal-of-the-day .price ins bdi, .aromatic-home2 .trending-products .price ins bdi { color: rgba(var(--color-primary), 1); font-weight: 600; } .aromatic-home2 .product-img a img { width: initial; height: auto; overflow: hidden; } .aromatic-home2 .product-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: none; } .aromatic-home2 .black-friday-sale { overflow: hidden; } .aromatic-home2 .black-friday-sale .container-fluid { background-color: rgba(var(--product-bg), 1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; } .aromatic-home2 .black-friday-sale .container-fluid .section-leaf { position: absolute; max-height: 100%; height: auto; z-index: -1; opacity: 0.15; left: -15px; -webkit-animation: diagonal-float 5s ease-in-out infinite; animation: diagonal-float 5s ease-in-out infinite; -webkit-transform-origin: bottom left; transform-origin: bottom left; } .aromatic-home2 .black-friday-sale .container-fluid .section-leaf img { height: 100%; } .aromatic-home2 .black-friday-sale .container-fluid .section-image img { -webkit-animation: floating-bag 6s ease-in-out infinite; animation: floating-bag 6s ease-in-out infinite; } .aromatic-home2 .black-friday-sale .section-name { font-family: "Great Vibes", cursive; text-transform: capitalize; font-size: 2rem; color: rgba(var(--color-primary), 1); } .aromatic-home2 .black-friday-sale .discount { font-weight: 700; font-size: 4rem; } .aromatic-home2 .black-friday-sale .shop-now { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .aromatic-home2 #sale-end1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 0; gap: 20px; } .aromatic-home2 #sale-end1 .timer1 { text-align: center; border-radius: 5px; border: 1px solid rgba(var(--border), 1); padding: 5px; line-height: 15px; font-weight: 700; font-size: 14px; } .aromatic-home2 #sale-end1 .timer1 div { font-weight: 500; font-size: 14px; } .aromatic-home2 #sale-end1 #secs1 { background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); } .aromatic-home2 form.woocommerce-ordering { position: relative; display: inline-block; } .aromatic-home2 form.woocommerce-ordering::before { content: ""; border-color: rgba(var(--text), 1) transparent transparent transparent; border-width: 7px; border-style: solid; position: absolute; top: 44%; right: 5px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; } .aromatic-home2 form.woocommerce-ordering select { padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .aromatic-home2 .deal-of-the-day .deal-day-card { width: calc(100% - 70px); margin: 0 auto; height: calc(100% - 80px); background-color: rgba(var(--p2dod), 1); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 346px; position: relative; } .aromatic-home2 .deal-of-the-day .deal-day-card h2 { text-transform: uppercase; font-weight: 700; text-align: center; padding-top: 50px; width: 69%; margin: 0 auto; font-size: 2.5rem; } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon { color: rgba(var(--white-text), 1); text-align: center; font-size: 2rem; font-weight: 500; width: 100%; position: relative; border-radius: 30px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon::before, .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon::after { position: absolute; width: 30px; height: 50%; background-color: rgba(var(--color-primary), 1); } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon::before { bottom: -50%; left: 0; } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon::after { top: -50%; right: 0; } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon .ribbon > span { font-size: 1.5rem; } .aromatic-home2 .deal-of-the-day .deal-day-card .discount-offer-ribbon span > span { font-weight: 700; font-size: 2em; vertical-align: middle; font-style: italic; -webkit-animation: color-wave 1s linear infinite; animation: color-wave 1s linear infinite; } .aromatic-home2 .deal-of-the-day .deal-day-card a { display: inline-block; text-align: center; margin-bottom: 30px; color: rgba(var(--color-secondary), 1); text-decoration: underline; font-weight: 600; } .aromatic-home2 .deal-of-the-day .aromatic_ct-countdown { background-color: transparent; } .aromatic-home2 .testimonial-section .heading { margin-bottom: 75px; } .aromatic-home2 .testimonial-section .slider-wrapper .outer-nav-wrapper { position: relative; left: 5%; } .aromatic-home2 .testimonial-section .testimonial-slider .slide h2, .aromatic-home2 .testimonial-section .testimonial-slider .slide p { margin-bottom: 20px; } .aromatic-home2 .testimonial-section .testimonial-slider .row { padding: 70px 0 0; } .aromatic-home2 .testimonial-section .testimonial-slider .page-image-slider { top: 9.5%; position: absolute; left: 32%; } .aromatic-home2 .testimonial-section .testimonial-slider .page-image-slider img { max-width: 190px; height: auto; border-radius: 50%; text-align: right; display: inline-block; position: static; border: 5px solid rgba(var(--color-primary), 1); } .aromatic-home2 .testimonial-section .slider-wrapper { position: relative; width: 100%; margin: auto; padding: 50px 0; background-color: rgba(var(--product-bg), 1); border-radius: 10px; overflow: hidden; } .aromatic-home2 .testimonial-section .slider-wrapper::before, .aromatic-home2 .testimonial-section .slider-wrapper::after { position: absolute; top: 0px; left: -30px; width: 50%; height: 50%; background-color: rgba(var(--color-primary), 0.5); } .aromatic-home2 .testimonial-section .slider-wrapper .testimonial-slider-1 { margin-top: 286px; } .aromatic-home2 .testimonial-section .slider-wrapper .testimonial-slider-1 .testimonial2-nav-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets { min-height: 100px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets:nth-child(1) { left: 47px; top: -30px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets:nth-child(2) { left: -47px; top: 14px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets:nth-child(3) { left: -83px; top: 120px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets:nth-child(4) { left: -47px; top: 221px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets:nth-child(5) { left: 47px; top: 265px; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets, .aromatic-home2 .testimonial-section .slider-wrapper #testimonial-bullet-wrapper { position: absolute; } .aromatic-home2 .testimonial-section .slider-wrapper #testimonial-bullet-wrapper { width: 280px; height: 280px; border-radius: 50%; left: 32%; top: 75px; } .aromatic-home2 .testimonial-section .slider-wrapper #testimonial-bullet-wrapper img { max-height: 70px; border-radius: 50%; cursor: pointer; } .aromatic-home2 .testimonial-section .slider-wrapper .bullets.tns-nav-active img { border: 2px solid rgba(var(--color-primary), 1); } .aromatic-home2 .grab1 { background: url("../images/homepage2/grab-bckground.jpg") no-repeat; background-size: 100% 100%; } /* END: HOME 2*/ /* HOME 3*/ .aromatic-home3 .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aromatic-home3 .banner .page-slider-wrapper { overflow: hidden; } .aromatic-home3 .banner .page-image-slider { padding-top: 0; } .aromatic-home3 .banner .page-image-slider > img { position: relative; width: 100%; height: auto; } .aromatic-home3 .banner .banner-text-section { padding-bottom: 15px; } .aromatic-home3 .banner .banner-text-section .offer { font-family: "Great Vibes", cursive; font-size: 2rem; } .aromatic-home3 .banner .banner-text-section h1 { /* margin-left: 15px; */ } .aromatic-home3 .banner .banner-text-section h1::after { left: -15px; width: 3px; height: 100%; top: 0; } .aromatic-home3 .banner .banner-text-section p { padding: 15px 0 15px 0; border-bottom: 1px solid rgba(var(--border), 1); border-top: 1px solid rgba(var(--border), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .aromatic-home3 .banner .banner-text-section p > span { font-size: 3rem; font-weight: 600; color: rgba(var(--color-primary), 1); } .aromatic-home3 .grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "first" "second"; } .aromatic-home3 .grid > a::before { content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; height: 0; -webkit-transition: all 700ms ease-in-out 0s; transition: all 700ms ease-in-out 0s; width: 100%; } .aromatic-home3 .grid > a:hover::before, .aromatic-home3 .grid > a:focus::before { opacity: 0; height: 85%; } .aromatic-home3 a:not(.blog-img-calendar) { position: relative; } .aromatic-home3 a:not(.blog-img-calendar) .meta-box { padding: 30px 0 30px 30px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--home3-pink), 1)), to(rgba(var(--home3-pink), 0.05))); background-image: linear-gradient(to right, rgba(var(--home3-pink), 1), rgba(var(--home3-pink), 0.05)); width: 100%; position: relative; } .aromatic-home3 a:not(.blog-img-calendar) .meta-box > div { color: rgba(var(--color-secondary), 1); } .aromatic-home3 a:not(.blog-img-calendar) .meta-box .grid-name { position: relative; left: 0; top: 0; font-weight: 700; } .aromatic-home3 a:not(.blog-img-calendar) .meta-box .grid-name::before { position: absolute; content: ""; width: 0; height: 0; } .aromatic-home3 a:not(.blog-img-calendar) .meta-box .shop-now { right: 30px; padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; background-color: unset; color: rgba(var(--color-secondary), 1); border: 1px solid rgba(var(--border), 1); border-radius: 5px; border-color: rgba(var(--color-secondary), 1); padding: 10px 25px; margin-top: 0; } .aromatic-home3 .products .product-img { position: relative; } .aromatic-home3 .products .product-img a:nth-child(3) { /* width: 100%; */ /* height: 300px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aromatic-home3 .products .product-img .hover-product-action { position: absolute; bottom: -17px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 55%; border-radius: 40px; background-color: rgba(var(--color-primary), 1); padding: 5px 20px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 170px; visibility: hidden; } .aromatic-home3 .products .product-img .hover-product-action a { border-radius: 50%; width: 30px; height: 30px; } .aromatic-home3 .products .product-img .hover-product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: none; } .aromatic-home3 .products .product-img .hover-product-action img { width: 30px; padding: 5px; } .aromatic-home3 .products .product-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .aromatic-home3 .products .product-content .pro-rating { margin: 0; } .aromatic-home3 .products .product-content h5 { margin-top: 15px; } .aromatic-home3 .products .product-content h5 a { color: rgba(var(--color-secondary), 1); font-weight: 600; } .aromatic-home3 .products .product-content h5 a:hover, .aromatic-home3 .products .product-content h5 a:focus { color: rgba(var(--color-primary), 1); } .aromatic-home3 .product-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: none; } .aromatic-home3 .product-action a { font-weight: 600; } .aromatic-home3 .product-action .price { padding-left: 10px; } .aromatic-home3 .product-action .price ins { font-weight: 600; } .aromatic-home3 .product-action .price ins bdi { color: rgba(var(--color-primary), 1); } .aromatic-home3 .products:hover .product-img .hover-product-action, .aromatic-home3 .products:focus-within .product-img .hover-product-action { visibility: visible; } .aromatic-home3 .aromatic_ct-countdown { background-color: transparent; } .aromatic-home3 .aromatic_ct-countdown ~ p { margin-top: 20px; } .aromatic-home3 div.shop-btn { text-align: center; } .aromatic-home3 div.shop-btn .shop-now { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .aromatic-home3 .black-friday-sale [class="col-12"] > * { text-align: center; } .aromatic-home3 .black-friday-sale .section-name { font-family: "Great Vibes", cursive; font-size: 1.5rem; color: rgba(var(--color-primary), 1); text-transform: capitalize; padding-top: 30px; } .aromatic-home3 .black-friday-sale .container-fluid { position: relative; overflow: hidden; } .aromatic-home3 .black-friday-sale .container-fluid:hover > img, .aromatic-home3 .black-friday-sale .container-fluid:focus-within > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .aromatic-home3 .black-friday-sale .container-fluid > img { position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 2s ease-in-out; transition: -webkit-transform 2s ease-in-out; transition: transform 2s ease-in-out; transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out; } .aromatic-home3 .black-friday-sale .container-fluid > .container { min-height: 900px; } .aromatic-home3 .black-friday-sale .container-fluid > .container > .row { position: relative; } .aromatic-home3 .black-friday-sale .shop-now { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; } .aromatic-home3 .black-friday-sale .section-image img { -webkit-animation: floating-bag 6s ease-in-out infinite; animation: floating-bag 6s ease-in-out infinite; } .aromatic-home3 .grab1 { /* background: url("../images/homepage3/grab-background.jpg") no-repeat; */ background-size: 100% 100%; } .aromatic-home3 form.woocommerce-ordering { position: relative; display: inline-block; } .aromatic-home3 form.woocommerce-ordering::before { content: ""; border-color: rgba(var(--text), 1) transparent transparent transparent; border-width: 7px; border-style: solid; position: absolute; top: 44%; right: 5px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; } .aromatic-home3 form.woocommerce-ordering select { padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .testimonial3.testimonial-section { overflow: hidden; } .testimonial3.testimonial-section .heading { margin-bottom: 30px; } .testimonial3.testimonial-section .slider-wrapper { position: relative; background-color: rgba(var(--test3), 1); } .testimonial3.testimonial-section .slider-wrapper .testimonial-slider-1 { position: relative; background-color: rgba(var(--white-text), 1); padding: 30px 30px 90px 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; top: 30px; } .testimonial3.testimonial-section .slider-wrapper .testimonial-slider-1 .member-profile { margin: 0 auto; } .testimonial3.testimonial-section .slider-wrapper .testimonial-slider-1 .page-image-slider { width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: 0 auto; } .testimonial3.testimonial-section .slider-wrapper .testimonial-slider-1 .page-image-slider img { width: 238px; height: 238px; border-radius: 50%; border: 2px solid rgba(var(--color-primary), 1); } .testimonial3.testimonial-section .slider-wrapper .testimonial-slider-1 h1 + p { margin-bottom: 20px; } .testimonial3.testimonial-section .slider-wrapper .memeber-detail { font-style: italic; } .testimonial3.testimonial-section .slider-wrapper .outer-nav-wrapper { margin-top: 20px; position: relative; bottom: 60px; left: 30px; } .testimonial3.testimonial-section .slider-wrapper .outer-nav-wrapper #testimonial2-nav-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 10px; } .aromatic-home3 .latest-blog1 { padding-top: 200px; } /* END: HOME 3*/ /* #PRODUCT-DETAILS-SECTION */ .product-details-section .product-collection-area { margin-top: 15px; } .product-details-section #st-primary-content .aromatic360-container { position: relative; } .product-details-section #st-primary-content .aromatic360-container .nav_bar, .product-details-section #st-primary-content .aromatic360-container .fullscreen-button { position: absolute; } .product-details-section #st-primary-content .aromatic360-container .nav_bar { top: 15px; right: 15px; z-index: 1; } .product-details-section #st-primary-content .aromatic360-container .nav_bar a { display: block; width: 32px; height: 32px; float: left; background: url(../images/sprites.png) no-repeat; text-indent: -99999px; } .product-details-section #st-primary-content .aromatic360-container .nav_bar a.nav_bar_previous { background-position: 0 -69px !important; } .product-details-section #st-primary-content .aromatic360-container .nav_bar a.nav_bar_play { background-position: 0 -4px !important; } .product-details-section #st-primary-content .aromatic360-container .nav_bar a.nav_bar_next { background-position: 0 -103px !important; } .product-details-section #st-primary-content .aromatic360-container .nav_bar a.nav_bar_stop { background-position: 0 -37px !important; } .product-details-section #st-primary-content .aromatic360-container .fullscreen-button { bottom: 5px; right: 5px; width: 20px; height: 20px; z-index: 1; background: url(../images/fs.png) no-repeat; background-position: 0 -20px; text-indent: -9999999px; float: left; } .product-details-section #st-primary-content .aromatic360-container li:not(:first-child) { position: absolute; width: 100%; height: auto; top: 0; left: 0; } .product-details-section #st-primary-content .shop .col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details-section #st-primary-content .shop .col-12 .direction-button .inner-nav-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 15px; } .product-details-section #st-primary-content .product.type-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .product-details-section #st-primary-content .product.type-product > .images, .product-details-section #st-primary-content .product.type-product > .summary.entry-summary { max-width: 100%; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } .product-details-section #st-primary-content .product.type-product > .images form.cart, .product-details-section #st-primary-content .product.type-product > .summary.entry-summary form.cart { display: block; } .product-details-section #st-primary-content .product.type-product > .images .compare.button, .product-details-section #st-primary-content .product.type-product > .summary.entry-summary .compare.button { margin-left: 0; } .product-details-section .woocommerce-tabs .tabs { border-bottom: 1px solid rgba(var(--border), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; padding-bottom: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details-section .woocommerce-tabs .tabs li a { font-weight: 700; color: rgba(var(--color-secondary), 1); padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; margin-top: 0; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel { padding: 30px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel h2 { font-size: 1.5rem; font-weight: 700; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel ul li { list-style-type: disc; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table { width: 100%; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr:nth-child(even) { background-color: #f8f8f8; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table tr th { width: 150px; padding: 15px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-reply-title { font-size: 2rem; font-weight: 700; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form textarea, .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form input[type="text"], .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form input[type="email"] { width: 100%; resize: none; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form input[type="email"] { margin-left: 26px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form .comment-form-author, .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form .comment-form-email { display: inline-block; width: calc(50% - 15px); } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form .comment-form-email label { margin-left: 26px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form .comment-form-cookies-consent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .comment-respond .comment-form p { margin-top: 15px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .bt [class^="cta"] { padding: 5px 16px; border-radius: 4px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form .bt input[type="submit"] { background-color: unset; color: unset; border: none; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--desc_tab .faq-section .accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--desc_tab .faq-section .accordion .card { background-color: transparent; border: none; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--desc_tab .faq-section .accordion .card .card-header { background-color: rgba(var(--home3-pink), 0.5); color: rgba(var(--color-secondary), 1); border: 1px solid rgba(var(--border), 1); border-radius: 5px; } .product-details-section .woocommerce-tabs .woocommerce-Tabs-panel--desc_tab .faq-section .accordion .card .collapse { background-color: rgba(var(--home3-pink), 0.4); } /* END: #PRODUCT-DETAILS-SECTION */ /*Slide horizontal*/ .slide-vertical .char, .slide-horizontal .char { overflow: hidden; color: transparent; } .slide-vertical .char:before, .slide-vertical .char:after, .slide-horizontal .char:before, .slide-horizontal .char:after { visibility: visible; color: rgba(var(--text), 1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1); transition: -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1); -webkit-transition-delay: calc(0.2s + (0.02s * (var(--char-index)))); transition-delay: calc(0.2s + (0.02s * (var(--char-index)))); } .slide-vertical .char:before, .slide-horizontal .char:before { color: rgba(var(--color-primary), 1); -webkit-transition-delay: calc(0.02s * (var(--char-index))); transition-delay: calc(0.02s * (var(--char-index))); } .slide-vertical:hover .char:before, .slide-vertical:focus .char:before, .slide-horizontal:hover .char:before, .slide-horizontal:focus .char:before { -webkit-transition-delay: calc(0.2s + (0.02s * (var(--char-index)))); transition-delay: calc(0.2s + (0.02s * (var(--char-index)))); } .slide-vertical:hover .char:after, .slide-vertical:focus .char:after, .slide-horizontal:hover .char:after, .slide-horizontal:focus .char:after { -webkit-transition-delay: calc(0.02s * (var(--char-index))); transition-delay: calc(0.02s * (var(--char-index))); } .slide-vertical .char:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .slide-vertical:hover .char:before { -webkit-transform: translateY(0%); transform: translateY(0%); } .slide-vertical:hover .char:after { -webkit-transform: translateY(100%); transform: translateY(100%); } .slide-horizontal .char:before { -webkit-transform: translateX(110%); transform: translateX(110%); } .slide-horizontal:hover .char:before, .slide-horizontal:focus .char:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .slide-horizontal:hover .char:after, .slide-horizontal:focus .char:after { -webkit-transform: translateX(-110%); transform: translateX(-110%); } @-webkit-keyframes diagonal-float { 0% { left: -15px; -webkit-transform: rotate(5deg); transform: rotate(5deg); } 50% { left: 30px; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { left: -15px; -webkit-transform: rotate(5deg); transform: rotate(5deg); } } @keyframes diagonal-float { 0% { left: -15px; -webkit-transform: rotate(5deg); transform: rotate(5deg); } 50% { left: 30px; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { left: -15px; -webkit-transform: rotate(5deg); transform: rotate(5deg); } } @-webkit-keyframes breadcrumb-leaf { 0% { right: 0px; -webkit-transform: translate(0, -50%) rotate(-2deg); transform: translate(0, -50%) rotate(-2deg); } 50% { right: 15px; -webkit-transform: translate(0, -50%) rotate(2deg); transform: translate(0, -50%) rotate(2deg); } 100% { right: 0; -webkit-transform: translate(0, -50%) rotate(-2deg); transform: translate(0, -50%) rotate(-2deg); } } @keyframes breadcrumb-leaf { 0% { right: 0px; -webkit-transform: translate(0, -50%) rotate(-2deg); transform: translate(0, -50%) rotate(-2deg); } 50% { right: 15px; -webkit-transform: translate(0, -50%) rotate(2deg); transform: translate(0, -50%) rotate(2deg); } 100% { right: 0; -webkit-transform: translate(0, -50%) rotate(-2deg); transform: translate(0, -50%) rotate(-2deg); } } /* ScrollUp */ .mouse { background: rgba(var(--color-primary), 1) -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff)); background: rgba(var(--color-primary), 1) linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); position: fixed; width: 52px; height: 88px; border-radius: 100px; background-size: 100% 200%; -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite; animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite; bottom: 100px; right: 5%; z-index: 4; } .mouse:hover, .mouse:focus { cursor: pointer; } .mouse:before, .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .mouse:before { width: 46px; height: 82px; background-color: rgba(var(--color-secondary), 1); border-radius: 100px; } .mouse:after { background-color: rgba(var(--color-primary), 1); width: 10px; height: 10px; border-radius: 100%; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; } @-webkit-keyframes colorSlide { 0% { background-position: 0% 100%; } 20% { background-position: 0% 0%; } 21% { background-color: rgba(var(--color-primary), 1); } 29.99% { background-color: #ffffff; background-position: 0% 0%; } 30% { background-color: rgba(var(--color-primary), 1); background-position: 0% 100%; } 50% { background-position: 0% 0%; } 51% { background-color: rgba(var(--color-primary), 1); } 59% { background-color: #ffffff; background-position: 0% 0%; } 60% { background-color: rgba(var(--color-primary), 1); background-position: 0% 100%; } 80% { background-position: 0% 0%; } 81% { background-color: rgba(var(--color-primary), 1); } 90%, 100% { background-color: #ffffff; } } @keyframes colorSlide { 0% { background-position: 0% 100%; } 20% { background-position: 0% 0%; } 21% { background-color: rgba(var(--color-primary), 1); } 29.99% { background-color: #ffffff; background-position: 0% 0%; } 30% { background-color: rgba(var(--color-primary), 1); background-position: 0% 100%; } 50% { background-position: 0% 0%; } 51% { background-color: rgba(var(--color-primary), 1); } 59% { background-color: #ffffff; background-position: 0% 0%; } 60% { background-color: rgba(var(--color-primary), 1); background-position: 0% 100%; } 80% { background-position: 0% 0%; } 81% { background-color: rgba(var(--color-primary), 1); } 90%, 100% { background-color: #ffffff; } } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 74% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 30% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 60% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } 66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); } 74% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); } 75%, 79% { opacity: 0; -webkit-transform: scale(0.4) translateY(-20px); transform: scale(0.4) translateY(-20px); } 88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-20px); transform: scale(1) translateY(-20px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(8px); transform: translateY(8px); } 30% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { -webkit-transform: translateY(0); transform: translateY(0); } 80% { -webkit-transform: translateY(8px); transform: translateY(8px); } 90% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(8px); transform: translateY(8px); } 30% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 60% { -webkit-transform: translateY(0); transform: translateY(0); } 80% { -webkit-transform: translateY(8px); transform: translateY(8px); } 90% { -webkit-transform: translateY(0); transform: translateY(0); } } /*END: ScrollUp */ /* Start: Shipping bar */ .customized.top_bar { position: fixed; top: 0; width: 100%; background-color: rgba(var(--color-primary), 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99; color: rgba(var(--white-text), 1); padding: 10px 0; display: none; } .customized.top_bar a { font-weight: 600; color: rgba(var(--white-text), 1); } .customized.top_bar a:hover, .customized.top_bar a:focus { color: rgba(var(--white-text), 1); } /* END: Shipping bar */ /* FLOATING CART */ .footer-cart-wrapper { position: fixed; bottom: 100px; left: 30px; background: 0 0; color: #000; width: 46px; height: 46px; line-height: 46px; text-align: center; -webkit-transition: 0.9s; transition: 0.9s; border-radius: 100%; font-size: 30px; border: none; z-index: 5; overflow: visible; } .footer-cart-wrapper .cart { width: 55px; line-height: 55px; border-radius: 50%; text-align: center; background-color: rgba(var(--color-primary), 1); color: #ffffff; position: relative; } .footer-cart-wrapper .cart::before { position: absolute; content: ""; inset: 0 0 0 0; border-radius: 50%; -webkit-box-shadow: 0 0 rgba(var(--color-primary), 0.2), 0 0 0 5px rgba(var(--color-primary), 20%), 0 0 0 10px rgba(var(--color-primary), 20%), 0 0 0 15px rgba(var(--color-primary), 20%); box-shadow: 0 0 rgba(var(--color-primary), 0.2), 0 0 0 5px rgba(var(--color-primary), 20%), 0 0 0 10px rgba(var(--color-primary), 20%), 0 0 0 15px rgba(var(--color-primary), 20%); z-index: -1; -webkit-animation: ripples 5s linear infinite; animation: ripples 5s linear infinite; -webkit-transition: 0.7s; transition: 0.7s; -webkit-transform: scale(0.5); transform: scale(0.5); } .footer-cart-wrapper .cart a { color: rgba(var(--white-text), 1); } .footer-cart-wrapper .cart .count { position: absolute; height: 30px; width: 30px; background-color: rgba(var(--color-secondary), 1); border-radius: 500px; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0px; right: 0px; color: #fff; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: 1; } /*END: FLOATING CART */ [data-scroll] { opacity: 0; will-change: transform, scale, opacity; -webkit-transform: translateY(6rem) scale(0.93); transform: translateY(6rem) scale(0.93); -webkit-transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); } [data-scroll="in"] { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } [data-scroll="in"] .char:after, [data-scroll="in"] .char:before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #cart-add-check { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); box-shadow: 0 0 4px 4px #00000025; background-color: #ffffff; border-radius: 4px; z-index: 11; padding: 0 10px; } #cart-add-check svg.checkmark { width: 40px; height: 40px; margin: 1em auto; } #cart-add-check p { font-size: 16px; color: rgba(var(--color-primary), 1); } /* Paths inside SVG. Each path will be animated using stroke property and 'stroke' animation */ svg>.checkmark-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 3; stroke-miterlimit: 10; stroke: #3a74cb; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } svg>.checkmark-check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-width: 3; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } svg.checkmark { width: 75px; height: 75px; margin: 2em auto; border-radius: 50%; display: block; stroke-width: 4; stroke: #3a74cb; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #7ac142; transition: 1s all ease; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } /*===== Quick View =====*/ .quickview-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; animation: fade_hide linear 0.5s forwards; } .quickview-overlay.active { display: block; animation: fade_show linear 0.5s forwards; } .quickview-model-details { position: relative; height: 60%; width: 47%; background-color: #fff; margin: 12.65% auto; border: 0; overflow-y: auto; border-radius: 0; padding: 2.6%; display: flex; /* align-items: center; */ justify-content: center; } .quickview-model-details .woocommerce.single-product { width: 100%; } .quickview-model-details .quickview-close { position: absolute; background-color: rgba(var(--color-primary), 1); color: #fff; width: 20px; line-height: 20px; font-size: 14px; right: 3.6%; top: 8.6%; border-radius: 4px; cursor: pointer; z-index: 100; text-align: center; font-weight: 700; } .quickview-product .product-thumb.img-thumbnail { width: 40%; float: left; position: relative; } .quickview-product .product-thumb.img-thumbnail .onsale { left: auto; right: 20px; top: 20px; } .quickview-product .product-thumb.img-thumbnail .images { width: 100%; height: auto; margin-bottom: 0; } .quickview-product .product-thumb.img-thumbnail .images img { width: auto; height: auto; margin: auto; } .quickview-product .product-content.entry-summary { width: 60%; float: left; padding-left: 30px; } .quickview-product.product .product_title.entry-title { font-size: 16px; } .woocommerce .quickview-product.product p.price { font-size: 14px; margin-top: 14px; } @media(max-width: 767px) { .quickview-model-details { width: 75.2%; } } /*--------------------------------------- Blog Sticky Start -----------------------------------------*/ .bg-sticky { position: absolute; top: 15px; right: 15px; display: block; text-align: center; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; padding: 0 .62em; line-height: 30px; border-radius: 3px; color: var(--sp-white); z-index: 9; } .bg-sticky.rounded-circle { border-radius: 100%; } /*===== // =====*/ /*===== Boxed Layout CSS =====*/ @media(min-width: 1200px) { body.boxed { width: 1170px; -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); margin: 0 auto; position: relative; background-color: #ffffff; } } @media (min-width: 768px) and (max-width: 979px) { body.boxed { width: 100%; } .aromatic-home2 .testimonial-section .testimonial-slider .page-image-slider img { margin-left: 48% !important; } } @media (max-width: 767px) { body.boxed { width: 100%; } body { padding-left: 0px; padding-right: 0px; } p.site-description { font-size: 12px; } } @media (min-width: 980px) and (max-width: 1199px) { body.boxed { width: 100%; } } /*===== // =====*/ input[type="text"]:not(.adminbar-input), input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .form-control { width: 100%; border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 18px 30px; } p.comment-form-cookies-consent label { margin-left: 5px; } p.comment-form-cookies-consent { display: flex; } button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"], .woosl-button.add-to-cart, #aromatic_psc_after_add_to_cart, .wp-block-loginout a { padding: 15px 25px; border-radius: 5px; background-color: rgba(var(--color-primary), 1); color: rgba(var(--white-text), 1); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 30px; border: none; margin-top: 0; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .product-action a.added_to_cart.wc-forward { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden !important; border: none; outline: solid 1px rgba(var(--color-primary), 1) !important; cursor: pointer; padding: 0.818em 0.4em; } .product-action .woocommerce-Price-amount.amount { padding-left: 5px; } .product-img { position: relative; overflow: hidden; } .woocommerce-cart .coupon button.button.btn-hf { padding: 10px; margin-right: 6px; } .woocommerce .quantity .qty { padding: 10px; } /*Changes Here */ .woocommerce .products ul, .woocommerce ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; } .woocommerce ul.products.list-1 .product-single .product-content ins, .woocommerce ul.products.list-1 .product-single .product-content del, .woocommerce ul.products.list-1 .product-single .product-content .add_to_cart_button, .woocommerce ul.products.grid-3 .product-single .product-content ins, .woocommerce ul.products.grid-3 .product-single .product-content del, .woocommerce ul.products.grid-3 .product-single .product-content .add_to_cart_button { display: none; } .woocommerce ul.products.list-1 .product-single .product-content { display: flex; } .woocommerce ul.products.list-1 .product-single .product-action { display: flex; } .woocommerce ul.products.list-1 .product-single .product-content { -webkit-box-orient: horizontal; -webkit-box-direction: initial; flex-direction: row; flex-wrap: wrap; } .woocommerce ul.products.list-1 .product-single .product-content del { flex: 0; } .woocommerce ul.products.list-1 .product-single .product-content ins { flex: 1; padding-left: 5px; } .woocommerce ul.products.grid-3 .product-single .product-content ins, .woocommerce ul.products.grid-3 .product-single .product-content del { flex: 1; } .woocommerce ul.products.grid-3 .product-single .product-content del { padding: 0 10px; } .woocommerce ul.products.list-1 .product-single .product-content h5 { width: 100%; text-align: center; } @media (min-width:576px) { .woocommerce ul.products.list-1 .product-single { display: flex; } .woocommerce ul.products.list-1 .product-single .product-content ins, .woocommerce ul.products.list-1 .product-single .product-content del, .woocommerce ul.products.list-1 .product-single .product-content .add_to_cart_button { display: block; } .woocommerce ul.products.list-1 .product-single .product-content .add_to_cart_button{ width: 100%; padding: 10px; } .woocommerce ul.products.list-1 .product-single .product-content h5 { text-align: left; } .woocommerce ul.products.list-1 .product-single .product-action { display: none; } } .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content: " "; display: table; clear: both; } .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before { content: " "; display: table; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: both; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 3em 0; padding: 0; position: relative; width: 22.05%; margin-left: 0; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; } @media (min-width: 768px){ .woocommerce ul.products.grid-3.columns-3 li.product, .woocommerce-page ul.products.grid-3.columns-3 li.product, .woocommerce-page #st-primary-content ul.products.grid-3.columns-3 li.product { width: 30.8%; } } .woocommerce-shop .product-collection-area ul.products li.product { border: 1px solid rgba(var(--border), 1); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.list-1.columns-3 li.product { width: 100%; } /* End: Changes Here */ .footer .product-search select, .footer .product-search input, .sidebar .product-search select, .sidebar .product-search input { width: 100%; min-height: 50px; } .footer .widget.widget_product_search_widget .search-results, .sidebar .widget.widget_product_search_widget .search-results { width: 100%; } .footer .search-results .aromatic_result_link, .sidebar .search-results .aromatic_result_link { flex-wrap: wrap; } .footer .search-results .aromatic_result_link div, .sidebar .search-results .aromatic_result_link div { flex-basis: 100px; } .footer .widget.widget_product_search_widget .search-results form.cart, .sidebar .widget.widget_product_search_widget .search-results form.cart { display: contents; } .woocommerce p.woocommerce-result-count { margin: 0; padding: 13px 16px; float: right; margin-left: 15px; background-color: #fff; border: 1px solid #e8e8e8; } .home-blog a:not(.admin-area):not(.blog-img-calendar):not(.more-link), .textwidget a, p a, .reverse-support a { color: rgba(var(--color-primary), 1); text-decoration-thickness: 0.1rem; text-underline-offset: 3px; text-decoration: underline; outline: none; } .slider-content-right [class*="col-md-"]:first-child{ order:1; } .slider-content-right.tns-slide-active .page-image-slider img { left: 80% !important; } .slider-content-center [class*="col-md-"]:first-child { flex-basis: 100%; max-width: 100%; } .slider-content-center .banner-text-section, .slider-content-center [class*="col-md-"]:last-child { text-align: center; margin-left: auto; margin-right: auto; } @media (min-width: 992px){ .slider-content-center .banner-text-section { margin-bottom: auto; padding-top: 60px; } } @media (max-width: 768px){ .woocommerce ul.products.grid-3.columns-3 li.product, .woocommerce-page ul.products.grid-3.columns-3 li.product, .woocommerce-page #st-primary-content ul.products.grid-3.columns-3 li.product { width: 48%; } li.cart-wrapper .cart-icon-wrap i { color: rgba(var(--color-secondary), 1); } .admin-bar .sticky-menu { top: 30px; } } section.related.products { width: 100%; } .related.products li.product { border: 1px solid rgba(var(--border), 1); } section.related.products ul, .product-collection-area .products { border: none; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock { color: rgba(var(--color-primary), 1); } .outofstock a.button.product_type_simple.cta-01 { padding: 14px; } .comment-author.vcard img { width: auto; } /* .nav-area .nav-item:hover > .dropdown-menu .dropdown-menu, .nav-area .nav-item:focus-within > .dropdown-menu .dropdown-menu{ */ /* height : 500px; */ /* overflow:clip auto; */ /* } */ .error-section p:nth-of-type(2)+div a { padding: 10px 20px; border-radius: 5px; } .error-section p { color: rgb(var(--color-secondary), 1); } .error-section p:nth-of-type(2) { font-size: 16px; margin-bottom: 16px; } .error-section h1 { font-size: 135px; font-weight: 700; color: rgba(var(--color-primary), 1); position: relative; } .error-section h1 img{ position: absolute; z-index: 1; top: 0; left: 0; height: 100%; } .error-section h1::after { content: ""; width: 25%; height: 3px; background-color: rgba(var(--color-primary), 1); position: absolute; left: 40%; bottom: 0; border-radius: 3px; } .error-section h1 span { width: 4.445em; height: 4.445em; font-size: 14px; background-color: rgba(var(--color-secondary), 1); border-radius: 50%; color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; } .error-section .error-message { font-size: 24px; font-weight: 600; margin-bottom: 0; margin-top: 0; } .img404container { position: relative; } .rev-images { position: absolute; transform: translate(-50%, -50%); } .rev-images:nth-of-type(5) { top: 61%; left: 63%; width: 45%; } .rev-images:nth-of-type(2) { top: 65%; left: 32%; width: 35%; } .rev-images:nth-of-type(3) { top: 34%; left: 63%; width: 38%; } .rev-images:nth-of-type(4) { top: 38%; left: 37%; width: 36%; } @media (min-width:992px) { .error-section h1 { font-size: 180px; } .error-section h1 span { font-size: 18px; } .error-section .error-message { font-size: 24px; } .error-section p:nth-of-type(2) { font-size: 18px; } } .home-blog .gallery { display: inline-block; } .wp-block-calendar .wp-calendar-table tr a, .calendar_wrap .wp-calendar-table tr a { color: rgba(var(--color-primary), 1); } header .widget_nav_menu ul.sub-menu{ position: absolute; z-index: 99; width: 220px; background: #fff; padding: 4px 0; margin: 0; border: 0; /* right: -20%; */ border-radius: 0; -moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075); box-shadow: 0 -8px 16px rgb(0 0 0 / 8%); font-size: 1rem; text-align: left; display: block; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-bottom-width: 4px; border-style: solid; border-color: rgba(var(--color-primary), 1); } header .widget_nav_menu .menu >li:hover ul.sub-menu,.widget_nav_menu .menu >li:hover ul.sub-menu{ opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } header .widget_nav_menu .menu li ul.sub-menu:before{ content: ""; position: absolute; top: auto; bottom: -10px; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; border-bottom: 10px solid #fff; } header .widget_nav_menu a{ color: rgba(var(--color-secondary), 1); font-weight: 600; line-height: 24px; padding: 8px 18px 8px 18px; text-transform: none; white-space: normal; display: block; } header .widget_nav_menu a> img{ margin-right:0.3em; display:inline-block; } header .header-widget .widget.widget-right >aside:not(:last-child) { margin-right:10px; } header .widget_nav_menu .sub-menu li span { color: rgba(var(--color-secondary), 1); } header .wp-block-calendar .wp-calendar-table, header .calendar_wrap .wp-calendar-table { border-spacing: 5px; } .home-blog .gallery-item img { width: 100%; } .wp-block-embed figcaption { text-align: center; } .blog-left-section #st-primary-content .wp-block-group { padding: 0 20px; } .wp-block-group em { color: inherit; } .is-style-outline .wp-block-button__link { background: transparent !important; } .has-text-color em, .has-text-color h2 { color: inherit; } a.wp-block-file__button, a.wp-block-file__button:hover, a.wp-block-file__button:focus { color: #fff; background: rgba(var(--color-primary), 1); padding: 5px 10px; } .has-text-color * { color: inherit; } .has-text-color a:hover, .has-text-color a:focus { color: inherit; } .wp-block-pullquote.has-text-color blockquote { border-color: inherit !important; } blockquote { border-color: inherit !important; } .has-background.wp-block-read-more { padding: 5px 10px; } .wp-block-calendar table caption { font-weight: 500; } .wp-block-avatar img { border-radius: 50%; } .sidebar .wp-block-search__input{ padding: 13px; } .sidebar .wp-block-search__label{ border-bottom: 1px solid rgba(var(--border), 1); margin-bottom: 20px; padding-bottom: 5px; color: rgb(var(--color-secondary)); font-weight: 700; font-size: 1.25rem; } .sidebar .wp-block-search__inside-wrapper { position: relative; } .sidebar .wp-block-search__button { position: absolute; right: 0px; height: 100%; padding: 15px; } .sidebar .wp-block-tag-cloud a{ border: 1px solid rgba(var(--border), 1); border-radius: 5px; padding: 10px 20px; text-align: center; text-decoration: none; margin: 0 10px 10px 0; } .wp-block-image figcaption { margin-bottom: 0; } /* comment respond btn */ .comment-respond p.btn-hf .submit { background: rgba(var(--color-primary),1)!important; color: rgba(var(--white-text), 1)!important; } .wp-block-group .wp-block-image figcaption a { color: rgb(var(--color-primary)); } blockquote.wp-block-quote.has-text-color p, blockquote.wp-block-quote.has-text-color p var, blockquote.wp-block-quote.has-text-color p cite, blockquote.wp-block-quote.has-text-color cite { color: inherit; } /* extra update */ .product-action a{ padding: 10px 15px } .widget_search .search-form label{ width: 74%; } .widget_search form.search-form .search-submit { width: 24%; }