/* Theme Name: Storefront Child Theme Theme URI: https://github.com/stuartduff/storefront-child-theme Author: Stuart Duff Author URI: http://stuartduff.com Template: storefront Description: This is a blank child theme for WooThemes StoreFront theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL Images License: GNU General Public License v2 or later */ /* * Add your own custom css below this text. */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&family=Poppins:wght@400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); @font-face { font-family: 'Gambetta-Variable'; src: url('fonts/Gambetta-Variable.woff2') format('woff2'), url('fonts/Gambetta-Variable.woff') format('woff'), url('fonts/Gambetta-Variable.ttf') format('truetype'); font-weight: 300 700; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-VariableItalic'; src: url('fonts/Gambetta-VariableItalic.woff2') format('woff2'), url('fonts/Gambetta-VariableItalic.woff') format('woff'), url('fonts/Gambetta-VariableItalic.ttf') format('truetype'); font-weight: 300 700; font-display: swap; font-style: italic; } @font-face { font-family: 'Gambetta-Light'; src: url('fonts/Gambetta-Light.woff2') format('woff2'), url('fonts/Gambetta-Light.woff') format('woff'), url('fonts/Gambetta-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-LightItalic'; src: url('fonts/Gambetta-LightItalic.woff2') format('woff2'), url('fonts/Gambetta-LightItalic.woff') format('woff'), url('fonts/Gambetta-LightItalic.ttf') format('truetype'); font-weight: 300; font-display: swap; font-style: italic; } @font-face { font-family: 'Gambetta-Regular'; src: url('fonts/Gambetta-Regular.woff2') format('woff2'), url('fonts/Gambetta-Regular.woff') format('woff'), url('fonts/Gambetta-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-Italic'; src: url('fonts/Gambetta-Italic.woff2') format('woff2'), url('fonts/Gambetta-Italic.woff') format('woff'), url('fonts/Gambetta-Italic.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: italic; } @font-face { font-family: 'Gambetta-Medium'; src: url('fonts/Gambetta-Medium.woff2') format('woff2'), url('fonts/Gambetta-Medium.woff') format('woff'), url('fonts/Gambetta-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-MediumItalic'; src: url('fonts/Gambetta-MediumItalic.woff2') format('woff2'), url('fonts/Gambetta-MediumItalic.woff') format('woff'), url('fonts/Gambetta-MediumItalic.ttf') format('truetype'); font-weight: 500; font-display: swap; font-style: italic; } @font-face { font-family: 'Gambetta-Semibold'; src: url('fonts/Gambetta-Semibold.woff2') format('woff2'), url('fonts/Gambetta-Semibold.woff') format('woff'), url('fonts/Gambetta-Semibold.ttf') format('truetype'); font-weight: 600; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-SemiboldItalic'; src: url('fonts/Gambetta-SemiboldItalic.woff2') format('woff2'), url('fonts/Gambetta-SemiboldItalic.woff') format('woff'), url('fonts/Gambetta-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-display: swap; font-style: italic; } @font-face { font-family: 'Gambetta-Bold'; src: url('fonts/Gambetta-Bold.woff2') format('woff2'), url('fonts/Gambetta-Bold.woff') format('woff'), url('fonts/Gambetta-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: normal; } @font-face { font-family: 'Gambetta-BoldItalic'; src: url('fonts/Gambetta-BoldItalic.woff2') format('woff2'), url('fonts/Gambetta-BoldItalic.woff') format('woff'), url('fonts/Gambetta-BoldItalic.ttf') format('truetype'); font-weight: 700; font-display: swap; font-style: italic; } a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{ outline-color: transparent; } h1, h2, h3, h4, h5, h6 { --wp--preset--font-size--x-small: 2.125rem; --wp--preset--font-size--small: clamp(2.125rem, 10vw, 2.375rem); --wp--preset--font-size--large: clamp(2.125rem, 10vw, 3rem); --wp--preset--font-size--x-large: clamp(2.125rem, 10vw, 3.25rem); } h3 { font-family: var(--wp--preset--font-family--secondary-font); font-size: var(--wp--custom--typography--font-size--heading-3); font-weight: var(--wp--custom--typography--font-weight--heading); letter-spacing: var(--wp--custom--typography--letter-spacing--heading-normal); line-height: var(--wp--custom--typography--line-height--medium); } h1 { font-family: var(--wp--preset--font-family--secondary-font); font-size: var(--wp--custom--typography--font-size--heading-1); font-weight: var(--wp--custom--typography--font-weight--heading); letter-spacing: var(--wp--custom--typography--letter-spacing--heading-big); line-height: var(--wp--custom--typography--line-height--small); } body { --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #FFFFFF; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary: #242424; --wp--preset--color--grey: #A5A5A5; --wp--preset--color--lite-grey: #DBDBDB; --wp--preset--color--lite: #F5F5F5; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--duotone--dark-grayscale: url(#wp-duotone-dark-grayscale); --wp--preset--duotone--grayscale: url(#wp-duotone-grayscale); --wp--preset--duotone--purple-yellow: url(#wp-duotone-purple-yellow); --wp--preset--duotone--blue-red: url(#wp-duotone-blue-red); --wp--preset--duotone--midnight: url(#wp-duotone-midnight); --wp--preset--duotone--magenta-yellow: url(#wp-duotone-magenta-yellow); --wp--preset--duotone--purple-green: url(#wp-duotone-purple-green); --wp--preset--duotone--blue-orange: url(#wp-duotone-blue-orange); --wp--preset--font-size--small: 0.875rem; --wp--preset--font-size--medium: 1.125rem; --wp--preset--font-size--large: 1.25rem; --wp--preset--font-size--x-large: 1.5rem; --wp--preset--font-family--secondary-font: "Gambetta_Variable", sans-serif; --wp--preset--font-family--primary-font: "Manrope_Variable", sans-serif; --wp--custom--spacing--horizontal: 20px; --wp--custom--spacing--small: max(1.25rem, 5vw); --wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap))); --wp--custom--spacing--large: clamp(4rem, 10vw, 8rem); --wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem); --wp--custom--typography--font-size--heading-1: clamp(2.25rem, 5vw, 3.25rem); --wp--custom--typography--font-size--heading-2: clamp(1.875rem, 4vw, 2.625rem); --wp--custom--typography--font-size--heading-3: clamp(1.5rem, 3vw, 2rem); --wp--custom--typography--font-size--heading-4: clamp(1.25rem, 3vw, 1.75rem); --wp--custom--typography--font-size--heading-5: clamp(1.125rem, 3vw, 1.5rem); --wp--custom--typography--font-size--heading-6: clamp(1rem, 2vw, 1.25rem); --wp--custom--typography--font-size--body: 1rem; --wp--custom--typography--font-weight--heading: 300; --wp--custom--typography--font-weight--heading-6: 400; --wp--custom--typography--font-weight--body: 400; --wp--custom--typography--font-weight--additional: 600; --wp--custom--typography--line-height--small: 1.2; --wp--custom--typography--line-height--medium: 1.3; --wp--custom--typography--line-height--normal: 1.6; --wp--custom--typography--line-height--large: 1.8; --wp--custom--typography--letter-spacing--heading-big: -0.04em; --wp--custom--typography--letter-spacing--heading-normal: -0.02em; --wp--custom--typography--letter-spacing--button: 0.08em; --wp--custom--typography--letter-spacing--menu: 0em; --wp--custom--typography--letter-spacing--body: 0.02em; } .hentry,.content-area, .widget-area,.site-main { margin-bottom: 0; } b, strong { font-weight: 700; } h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat',sans-serif !important; font-size: var(--wp--custom--typography--font-size--heading-1); font-weight: var(--wp--custom--typography--font-weight--heading); letter-spacing: var(--wp--custom--typography--letter-spacing--heading-big); line-height: var(--wp--custom--typography--line-height--small); } h1,h2,h3,h4,h5,h6{ } p,span,a,li,button{ font-family: 'Montserrat',sans-serif !important; } table.cart td.actions input { font-family: 'Montserrat',sans-serif !important; } .added_to_cart.wc-forward { margin-left: 20px; } a{ text-decoration: none !important; } p{ margin-bottom: 0; } body{ color: #242424; } :root{ --bg--preset--color--lite: #f5f5f5; } .site-header .site-branding img { width: max-content; height: auto; object-fit: contain; text-align: left; margin-bottom: -15px; } .site-header .site-branding { text-align: left; } #primary .eael-call-to-action { padding: 0; } .header-widget-region{ display: none; } .header-widget-region .widget { padding: 0; } div#block-17 { padding: 10px; font-size: 12px; } .storefront-sorting .woocommerce-pagination { display: none; } #wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow{ font-family: dashicons !important; } #masthead { padding: 0; margin-bottom: 0; background: var(--bg--preset--color--lite) !important; } div#block-17 p { margin-bottom: 0; font-family: 'Montserrat',sans-serif; } .header-widget-region { background: var(--wp--preset--color--black) !important; } div#block-17 p.has-text-align-center { color: #fff; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 16px; color: #242424; font-family: 'Montserrat',sans-serif; opacity: 1; font-weight: 500; height: auto; line-height: normal; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { margin-top: 4px; } .Phoen-width:before,.Phoen-width:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #dbdbdb; } .Phoen-width { position: relative; } .Phoen-width:after { bottom: 0; } .Phoen-width:before { top: 0; } #site-navigation #mega-menu-wrap-primary { position: static; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { color: #000000; font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 500 !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { letter-spacing: 0.08rem; color: #000000; font-family:'nunito',sans-serif; font-weight: 500 !important; } wc-order-attribution-inputs { display: none; } .woocommerce-cart-notice form { display: flex; flex-flow: row; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { padding: 5px 0; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { width: 100%; /* display: inline-block; */ } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width: 100%; /* display: inline-block; */ } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu img{ display: block; visibility: hidden; opacity: 1; pointer-events: auto; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu img{ visibility: visible; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { width: 750px; margin: AUTO; float: unset; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image > a { width: 100%; } .page-template-template-fullwidth-php .form-row-first { width: 100%; margin-bottom: 20px; margin-right: 0; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary { position: static; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a { padding: 0; font-weight: 600!important; text-transform: uppercase; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu:before { content: ''; position: absolute; left: 0; right: 0; width: 100%; display: inline-block !important; height: 100%; background: #fff; } header .site-search,header #site-header-cart { display: none; } .cm-grid-container { display: flex; align-items: flex-end; padding: 16px 15px; gap: var( --wp--style--block-gap, 2em ); } .page-id-866 .entry-content p:not(last-child), .page-id-3 .entry-content p:not(last-child), .page-id-178 .entry-content p:not(last-child) { margin-bottom: 5px; } .page-id-148 .entry-content, .page-id-866 .entry-content, .page-id-3 .entry-content, .page-id-178 .entry-content { padding: max(1.25rem , 5vw); text-align: left; max-width: 1000px; margin: auto; display: inherit; } .woocommerce-active .site-header .site-branding{ margin-bottom: 0 } .col-full, .container { max-width: 1365px; padding: 0; margin: auto; padding-left: 20px; padding-right: 20px; } .cm-grid-container { padding: 15px 16px 30px; } .site-branding { flex-basis: 28%; } #site-navigation { flex-basis: 46%; } .cm-cart-section { flex-basis: 28%; } .cm-cart-section #site-header-cart,.cm-cart-section .site-search { display: inline-block; } .cm-cart-section .woocommerce-Price-amount.amount { display: none; } /* cart section css start */ .flex { display: flex; justify-content: center; align-items: flex-end; gap: 22px; } .flex .site-header-cart .cart-contents::after { content: ''; background: url(../../uploads/2023/03/cart.png) no-repeat center; background-size: 16px; line-height: 30px; height: 25px; width: 25px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .flex .site-header-cart li:last-child { display: none; } .flex #site-header-cart { width: 45px; height: 21px; position: relative; order: 1 } .quantity input[type=number].qty:focus,button:focus,input:focus,a:focus,select:focus { outline: none !important; } .flex .site-header-cart .cart-contents .count { text-align: right; width: max-content; display: inline-block; font-size: 12px; color: #242424; opacity: 1; } .flex .cart-contents { text-align: right; justify-content: flex-end; align-items: center; } .flex .site-header-cart .cart-contents { padding: 0; width: 40px; height: 20px; } .flex .site-header-cart .cart-contents .count:after { content: ")"; } .flex .site-header-cart .cart-contents .count:before { content: '('; } .phoen_summer { display: inline-block; width: max-content; } .phoen_summer #block-25 p { font-size: 10px; color: #EF4423; width: 100%; display: inline-block; text-align: right; font-family: 'Manrope'; font-weight: 500; margin-bottom: 5px; } #primary .phone-hover:hover .cm-zome-in .elementor-widget-container img { transform: scale(1.5); transition: all 0.5s; } #primary .phone-hover .cm-zome-in .elementor-widget-container img { transition: all 0.5s; } #primary .cm-zome-in .elementor-widget-container { overflow: hidden; } #block-17 a { border-bottom: 1px solid #242424; color: #242424; } #primary .phoen_img_size .gallery-item-thumbnail-wrap img { height: 120px; object-fit: contain; } #primary .phoen_img_size.elementor-widget-eael-filterable-gallery { max-width: 868px; margin: auto; } #primary .phoen_right_space .elementor-container.elementor-column-gap-no {padding-right: calc((100% - 1365px)/2);} #primary .phoen_left_space .elementor-container.elementor-column-gap-no {padding-left: calc((100% - 1365px)/2);} .phoen_summer .widget#block-26 p { margin-bottom: 0; font-size: 14px; text-transform: capitalize; transition: all 0.5s; line-height: 15px; font-family: 'Manrope',sans-serif; } .phoen_summer:hover .widget#block-26 p { border-bottom: 1px solid #242424; transition: all 0.5s; } .phoen_myac a { width: 30px; height: 30px; display: inline-block; text-align: center; } .phoen_myac a img,.site-search img { width: 30px; object-fit: contain; height: 19px; margin: auto; } .site-search .widget-prosuct-search { display: none; } .site-search .widget_product_search { display: none; } .woocommerce-active .site-header .flex .site-search { width: 30px; height: 20px; margin-bottom: 0; } .phoen_myac { display: inline-block; height: 20px; width: 30px; text-align: center; } .flex #site-header-cart li:first-child { display: inline-block; width: 35px; height: 20px; } .site-search img { height: 22px; } .phoen_summer .widget#block-26 p a { color: #EF4423; font-weight: 500; font-family: ; } .site-search .coupon_input { position: relative; } .site-search .coupon_input .coupon_btn { position: absolute; right: 0; height: 45px; background: transparent; outline: none; border: unset; font-family: 'Manrope',sans-serif; color: #1010104d; text-transform: uppercase; letter-spacing: 1px; } .site-search .coupon_input #input-text { height: 45px; border: 1px solid #242424; } .site-search .form-row.coupon_input input { border: 1px solid #242424; font-family: 'Manrope',sans-serif; letter-spacing: 0.08rem; } .site-search .woocommerce_coupon_down { margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } .site-search .widget_product_search { display: inline-block; } .site-search .widget_product_search input { text-align: left; } .site-search .widget_product_search form:not(.wp-block-search) input[type=search] { text-align: left; width: 100%; border: 1px solid #242424 !important; padding-left: 46px; border-right: 0 !important; } .flex.cm-cart-section { position: relative; justify-content: end; align-items: flex-end; } .phoen_summer{ display: none } .site-search .woocommerce-product-search { background: #fff; width: 100%; } .site-search .widget_product_search form:not(.wp-block-search)::before { opacity: 1; position: absolute; } .site-search .widget.woocommerce.widget_product_search { padding: 20px 0; position: absolute; -webkit-transition: all 0.4s cubic-bezier(0.56, 0, 0.26, 0.98); transition: all 0.4s cubic-bezier(0.56, 0, 0.26, 0.98); z-index: 9; right: 0; margin-right: 0; margin-top: -36px; width: 38px; opacity: 0; visibility: hidden; overflow: hidden; padding: 0; } .search_active .site-search .widget.woocommerce.widget_product_search { width: 300px; opacity: 1; visibility: visible; } .shopengine-woocommerce-info { width: 100%; display: none; } .site-footer { padding: 0; } .site-search .widget_product_search form:not(.wp-block-search) button[type=submit] { height: 45px; color: #242424; border-right: 1px solid #242424; margin-right: 0px; border-left: 0; padding: 0; width: fit-content; display: inline-block; padding-right: 25px; } /* cart section css end */ /* button css start */ #primary .cta-button {text-decoration: unset;} #primary .eael-call-to-action .cta-button.effect-2:after { background: #242424; } /* button css end */ .phoen_bg .gallery-item-thumbnail-wrap { background: transparent; } #primary .phoen_bg_light .cta-button { color: #242424; font-weight: 600; border: 1px solid #fff; } .phoen_bg .gallery-item-thumbnail-wrap { background: transparent; } #primary .phoen_bg_light .eael-call-to-action .cta-button.effect-2:after { background: #fff; } #primary .phoen_bg_light .cta-button:hover { background: transparent; } #primary .phoen_bg_light .cta-button { color: #242424; font-weight: 600; border: 1px solid #fff; } .phoen_bg .fg-item-content p a { border-bottom: 1px solid #242424; color: #242424; } .cm-pro-img .product-thumb a img { height: 600px; object-fit: cover; } .phoen_bg .gallery-item-thumbnail-wrap { object-fit: contain; } .phoen_jc .eael-call-to-action.cta-flex { justify-content: center; align-items: center; } /* footer section css start */ .footer-top .first-footer-section ul { display: flex; gap: 40px; max-width: 1076px; margin: auto; justify-content: space-between; } .footer-top .first-footer-section ul li { font-size: 16px; font-family: 'nunito',sans-serif; color: #242424; font-weight: 400; display: flex; align-items: center; gap: 10px; } .footer-top .first-footer-section ul li:before { content: ''; height: 32px; width: 32px; display: inline-block; background-repeat: no-repeat; background-size: 32px; background-position: center; } .footer-top .first-footer-section ul li:nth-of-type(2):before { background-image: url(../../uploads/2023/03/credit-card.png); } .footer-top .first-footer-section ul li:nth-of-type(3):before { background-image: url(../../uploads/2023/03/truck.png); } .footer-top .first-footer-section ul li:nth-of-type(1):before { background-image: url(../../uploads/2023/03/gift.png); } .footer-top { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 40px 0; background: #fff; } .first-footer-section section { margin-bottom: 0; } .site-footer #block-18 { margin-bottom: 0; } .site-footer #block-18 h4 { font-size: 28px; line-height: 45px; font-weight: 300; color: #242424; } .footer-widgets.col-4 .block.footer-widget-4 { display: grid; grid-template-columns: 1fr; gap: 35px; } .footer-widgets.col-4 .footer-widget-1 { width: 33.3%; flex-basis: 33.3%; flex-grow: 0; flex-shrink: 0; } .widget_nav_menu .menu li:before { content: ''; } .widget_nav_menu .menu li { padding: 0; font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 500; } .widget_nav_menu .widget-title,.widget_block .widget-title { font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 600; padding-bottom: 0; margin-bottom: 15px; border-bottom: 0; } .footer-widgets.col-4 .footer-widget-3 { width: 33.33%; flex-basis: 33.34%; display: grid; gap: 40px; grid-template-columns: 1fr 1fr; } .footer-widget-4 .wp-widget-group__inner-blocks p { margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #242424; font-family: 'Manrope'; } .footer-widget-4 .wp-widget-group__inner-blocks br { display: none; } .widget { margin: 0; } #block-27 { margin-block-start: 35px; } #block-27 ul { display: flex; justify-content: flex-start; align-items: center; gap: 15px; } .footer-widgets.col-4 .block { margin-right: 0; } .footer-widgets { display: flex; gap: 40px; } .footer-widgets.col-4 .footer-widget-2 { flex-basis: 8.3%; } .footer-widgets::before, .footer-widgets::after { display: none; } /* footer section css END */ /* product section css start */ .page-template-template-fullwidth-php .site-main .phoen_shop ul.products.columns-3 li.product { margin: 0; width: 33.33%; text-align: left; } .page-template-template-fullwidth-php .site-main .phoen_shop ul.products.columns-3 { display: flex; gap: 50px 24px; width: calc(100% + 24px); margin: 0; padding: 0; } .page-template-template-fullwidth-php .site-main .phoen_shop ul.products.columns-3:before,.page-template-template-fullwidth-php .site-main .phoen_shop ul.products.columns-3:after { display: none; } .page-template-template-fullwidth-php .site-main .phoen_shop ul.products.columns-3 img { width: 100%; object-fit: contain; margin-bottom: 10px; } .phoen_shop ul.products li.product .woocommerce-loop-product__title { font-size: 18px; font-weight: 400; text-align: left; line-height: 20px; color: #242424; } .phoen_shop ul.products .price { font-size: 24px; font-family: 'nunito',sans-serif; color: #242424; text-align: left; } .phoen_shop ul.products .price bdi { color: #242425; font-size: 20px; } a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { text-align: left; } .products .product .eael-star-rating.star-rating { margin-left: 0; color: #242424; } .hentry .entry-content .phoen_shop ul.products li.product>a.add_to_cart_button { background: transparent; font-size: 14px; font-family: 'Manrope'; margin-left: 0; padding: 0; width: max-content; border-bottom: 1px solid #242424; } .products .product .eael-star-rating.star-rating:before { color: #242424; opacity: 1; } /* product section css end */ /* post section css start */ #primary .phoen_post .grid_layout_wrapper { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 100%; gap: 1.5rem; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item:nth-child(4n+1) { grid-column: span 2; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item { width: 100%; padding: 0 } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .has-thumbnail,#primary .phoen_post .grid_layout_wrapper .rt-grid-item .has-thumbnail img { height: 320px; object-fit: cover; width: 100%; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .date i { display: none; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .date { letter-spacing: 1.25px; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .read-more a { background: transparent; border: none; border-bottom: 1px solid #242424; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .post-meta-tags { order: 1; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item .entry-title-wrapper { order: 2; } /* post section css end */ /* about us pages css start */ .storefront-breadcrumb { display: none; } .page .entry-header { display: none; } #primary .cm-sub_font .sub-title { font-family: 'nunito',sans-serif !important; } #primary .phone_gap_5vw .elementor-container.elementor-column-gap-no { gap: 5vw; } #primary .cm_9vw {--spacer-size: 9vw;} #primary .phoen_pad_vh { padding-left: 2vw; padding-right: 5vw; padding-top: 4vh; } .col_rev .content { display: flex; flex-flow: column; } .col_rev .content .sub-title {order: 1;} #primary .cm_6vw {--spacer-size: 6vw;} #primary .col_rev .eael-call-to-action p { margin-bottom: 0; } #primary .phoenx_btn_none .cta-button { background: transparent; box-shadow: none !important; margin-top: 0; } /* about us pages css end*/ /* contact us pages css start*/ .page-id-29 .site-footer { /* background: #fff; */ } /* contact us pages css end*/ /* 404 pages css start */ .container-24 { width: 540px; margin: auto; margin-top: 30px; margin-bottom: 30px; } .widget_product_search .wp-element-button { display: inline-block; } .page-title { text-align: center; font-size: 32px; } .cm-404-section p { font-size: 16px; text-align: center; font-family: 'nunito',sans-serif; } .widget_product_search form:not(.wp-block-search)::before { opacity: 0; } .widget_product_search form:not(.wp-block-search) input[type=search] { height: 45px; padding: 5px 0 5px 15px; box-shadow: none; border: 1px solid #242424; outline: none; background: transparent; border-right: 0; } .widget_product_search form:not(.wp-block-search) input[type=search]::placeholder { font-size: 0; } .widget_product_search form:not(.wp-block-search) button[type=submit] { width: max-content; height: 45px; position: static; color: #000; display: inline-block; padding: 10px 20px; z-index: 999; border: 1px solid #242424; opacity: 1; font-size: 16px; clip: unset; clip-path: unset; line-height: 16px; font-family: 'nunito',sans-serif; border-left: 0; background: transparent; } .widget_product_search form:not(.wp-block-search) { display: flex; justify-content: center; align-items: center; } .widget_product_search form:not(.wp-block-search) button[type=submit]:hover { background: transparent; } .cm-404-section p > a { border-bottom: 1px solid #2424; } .widget.woocommerce.widget_product_search { padding: 20px 0; } /* 404 pages css end */ /* 404 pages css end */ /* single woocommerce page css start */ .single.storefront-full-width-content.single-product div.product .woocommerce-product-gallery { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 0; } .woocommerce-product-gallery__image.flex-active-slide { /* display: grid !important; grid-template-columns: 1fr 1fr; gap: 30px; */ } .single-product div.product .woocommerce-product-gallery a img, .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a > img { width: 100%; } .single-product div.product .woocommerce-product-gallery a { width: 100%; display: inline-block; } .storefront-full-width-content.single-product div.product .summary { width: 100%; padding-left: calc(max(20px, 5%)); padding-bottom: 10vh; margin-left: 0; } .product_title.entry-title { font-size: 28px; width: 100%; display: inline-block; } .single-product div.product { display: grid; grid-template-columns: 1.1fr .9fr; justify-content: center; /* align-items: center; */ gap: 40px; margin-top: 50px; } .single-product.left-sidebar .widget-area { display: none; } .single-product div.product .summary { width: 100%; } .woocommerce-tabs.wc-tabs-wrapper { width: 100%; grid-column: span 2; text-align: center; } #respond .form-submit, #respond form{ margin-top: 10px } .single-product div.product::before, .single-product div.product::after { display: none; } .single-product .full-width #main { width: 1370px; margin: auto !important; } .single-product div.product .summary { width: 100%; display: inline-block; } .left-sidebar .content-area { width: 100%; /* display: flex; justify-content: center; */ } .full-width { width: 100%; display: inline-block; } .single-product div.product p.price { font-size: 20px; margin: 0; font-family: 'nunito',sans-serif; } .single-product .woocommerce-product-details__short-description { padding-top: 20px; order: 1; padding-bottom:20px; } .single-product .woocommerce-product-details__short-description p:not(:last-child) { margin-bottom: 10px; } .single-product .woocommerce-product-details__short-description p strong { font-weight: 700; } .single-product .woocommerce-product-details__short-description ul { margin-left: 25px; } .single-product div.product table.variations th, .single-product div.product table.variations td { font-size: 14px; font-family: 'nunito',sans-serif; } .single-product div.product table.variations .value { height: 40px; margin-bottom: 0; border: none; height: 100%; } nav.storefront-product-pagination { display: none; } .woocommerce-product-gallery__wrapper { width: 100%; } .single-product div.product table.variations select { width: 100%; max-width: 270px; height: 42px; font-size: 14px; font-family: 'nunito',sans-serif; border: 1px solid #a5a5a5; padding: 0 10px; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgc3Ryb2tlPSIjMjQyQTJFIj48cGF0aCBkPSJNMS41MDAwMiA0TDYuMDAwMDIgOEwxMC41IDQiIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+PC9zdmc+); background-repeat: no-repeat; background-position: calc(100% - 16px) 50%; cursor: pointer; } .product .entry-summary .variations_form .variations tr { display: grid; margin-bottom: 30px; } .cart .plus,.cart .minus { border: 1px solid #242424 !important; background: transparent; } .woocommerce .single_add_to_cart_button.alt { width: 100%; background: #242424 !important; border: 1px solid #242424 !important; font-family: 'Manrope',sans-serif; font-size: 16px; opacity: 1 !important; position: relative; z-index: 2; cursor: pointer; padding: 0.6em 4.8em; min-height: 54px; margin-top: 30px; margin-bottom: 30px; } #primary .cm_phone_pincode_input span input { width: 100% !important; background-color: #ffff; border: none; height: 50px; padding-right: 80px; border: none; box-shadow: none; } #primary .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-thumb .product-tag-sale-badge .badge { width: 50px; height: 50px; place-content: center; line-height: 50px; border-radius: 50px; background: transparent; color: #fff; border: 1px solid #fff; font-family: 'Montserrat' !important; padding: 0; text-align: center; } .cm_list_flx span h3{ width: max-content } #primary .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-title a:hover { color: #242424; } .woocommerce-notices-wrapper + .product > .onsale { right: calc(50% - -10px); color: #fff; padding: 0; font-size: 13px; font-family: 'Montserrat'; top: 6px; } #primary .cm_phone_pincode_input input[type="submit"]{ right: 0; } #primary .cm-b-b { padding: 0; background: #00000000 !important; margin-top: 10px; } #primary .cm_phone_content > span { margin-bottom: 10px; display: inline-block; } #primary .cm_phone_pincode_input input[type="submit"] { background: #242424 !important; font-weight: 500; height: 50px; padding: 0 20px; font-size: 16px; font-family: 'Montserrat'; } a.reset_variations { color: #242424; font-family: 'Manrope'; } .woocommerce-variation-add-to-cart.variations_button,.single-product .cart { display: flex; flex-wrap: wrap; max-width: 100%; } .woocommerce-variation-add-to-cart.variations_button { padding-top: 1em; max-width: 320px; width: 320px; } .single-product div.product form.cart { order: 0; margin-bottom: 0 } .single-product div.product .product_meta { order: 2; } .single-product div.product p.price + div { order: 1; margin-bottom: 30px; margin-top: 10px; display: flex; flex-wrap: wrap; } .single-product div.product .summary { display: flex; flex-flow: column; } #shiprocket_pincode_check { width: 160px; border: 1px solid #242424; border-right: 0; background: transparent; color: #242424; font-size: 18px; font-family: 'Montserrat',sans-serif; font-weight: 500; line-height: 15px; } #check_pincode { border: 1px solid #000; border-left: 0; background: #242424; padding-right: 10px; color: #fff; font-family: 'Montserrat',sans-serif !important; font-weight: 500; } div#pincode_response{ order: 1; margin-bottom: 30px; } #shiprocket_pincode_check::placeholder { color: #242424; font-size: 18px; } .single-product div.product .variations_button::before, .single-product div.product .variations_button::after { display: none; } .woocommerce .single_add_to_cart_button.disabled.alt:after { content: ''; position: absolute; left: 0; top: 0; background: #242424; width: 0; height: 100%; display: inline-block; transition: all 0.5s; z-index: -1; } .woocommerce .single_add_to_cart_button.disabled.alt:hover:after { width: 100%; } .single-product div.product .product_meta .sku_wrapper, .single-product div.product .product_meta .posted_in, .single-product div.product .product_meta .tagged_as { font-size: 14px; color: #242424; font-family: 'nunito',sans-serif; font-weight: 400; line-height: 1.6rem; } .single-product div.product .product_meta a { border-bottom: 1px solid #242424; padding-bottom: 3px; } .single-product div.product .product_meta a:hover { border-bottom: 1px solid transparent; } .single-product div.product .product_meta { border-top: 1px solid #dbdbdb; } .quantity .qty { appearance: none; -webkit-appearance: none; width: 100%; margin-right: 0; } .woocommerce-product-gallery__wrapper { /* display: grid; grid-template-columns: 1fr 1fr; width: 100% !important; gap: 40px; */ } /* Chrome, Safari, Edge, Opera */ .quantity input.qty::-webkit-outer-spin-button, .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .quantity input[type=number].qty { -moz-appearance: textfield; background: #f5f5f5; } .single-product div.product form.cart .quantity { margin-right: 0; width: calc(100% - 100px); margin: 0 -1px; border-top: 1px solid #242424; border-bottom: 1px solid #242424; } .woocommerce-variation-add-to-cart .minus,.minus { border: 1px solid #242424; border-right: 0px solid; width: 50px; font-size: 20px; padding: 0; font-family: 'nunito',sans-serif; background: #f5f5f5; outline: none !important; } .woocommerce-variation-add-to-cart .plus,.plus { border: 1px solid #242424; border-left: 1px solid transparent !important; width: 50px; font-size: 20px; padding: 0; font-family: 'nunito',sans-serif; background: #f5f5f5; outline: none !important; } .shopengine-wishlist.badge,.shopengine-comparison.badge.inactive, .shopengine-wishlist.badge.active { display: none; } .tax-product_cat .woocommerce-products-header,.blog .woocommerce-products-header,.archive .page-header { margin-bottom: calc(3rem + 2vw); } /* gallery */ .woocommerce-product-gallery__image { /* width: 100% !important; */ /* position: static !important; */ /* float: unset !important; display: inline-block !important; */ /* margin: 0 !important; */ } .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 100% !important; /* height: auto !important; */ } .single-product div.product .woocommerce-product-gallery { width: 100%; margin-right: 0 !important; display: flex; flex-direction: row-reverse; grid-template-columns: 70px auto; gap: 20px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { /* order: -1; */ display: flex; /* flex-wrap: wrap; */ flex-direction: column; gap: 20px; /* width: var(--thumbnail-width); */ } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 100%; max-width: 90px; margin: 0; height: max-content; display: inline-block; float: unset; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after { position: absolute; } /* gallery */ /* discreption section start */ .woocommerce-product-details__short-description p { font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 600; } .woocommerce-tabs .panel { margin: auto; float: unset; max-width: 868px; margin: 0 auto; } .woocommerce-Tabs-panel table th,.woocommerce-Tabs-panel table td { padding: 10px; border: 1px solid; border: 1px solid #dbdbdb; } table:not( .has-background ) th { background-color: transparent; } .storefront-full-width-content .woocommerce-tabs ul.tabs { width: 100%; display: flex; justify-content: center; gap: 0 40px; padding: 0; /* padding-bottom: 15px; */ margin-top: 0; margin-bottom: 50px; border: none; } .woocommerce-tabs ul.tabs li a { font-size: 14px; font-family: 'nunito',sans-serif; padding: 0; line-height: 20px; color: #242424 !important; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; padding-bottom: 20px; border: none; } .woocommerce-tabs ul.tabs li.active::after { opacity: 0; } .woocommerce-tabs ul.tabs li.active a { border-bottom: 1px solid #242424; } .woocommerce-tabs ul.tabs li { border: none; } .woocommerce-Tabs-panel > h2 { display: none; } .woocommerce-Tabs-panel p { font-size: 16px; font-family: 'Manrope'; font-weight: 600; margin: auto; } #tab-description {width: 100%;} .woocommerce-tabs ul.tabs li a:focus { outline: none; } .woocommerce-tabs ul.tabs { width: 100%; display: flex; justify-content: center; gap: 30px; padding-top: 30px; border-top: 0; border-bottom: 1px solid #dbdbdb; } .woocommerce-product-details__short-description p { font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 600; } /* discreption section end */ /* review start*/ .woocommerce-Reviews .commentlist { padding-left: 0; } .woocommerce-Reviews .commentlist li { list-style: none; } .woocommerce-Reviews .commentlist li:not(:last-child) { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid; border-color: var(--wardrobe_color_lite_grey); } .woocommerce-Reviews .comment_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce-Reviews .comment_container > img { margin-right: 15px; border-radius: 50%; max-width: 45px; margin-top: 5px; } .woocommerce-Reviews .comment_container .comment-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce-Reviews .comment-text { 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-flex: 1; -ms-flex: 1; flex: 1; background-color: var(--wardrobe_background_color_lite); padding: 30px; } .woocommerce-Reviews .comment-text .star-rating { margin: 0; } .woocommerce-Reviews .comment-text .meta { font-size: var(--wardrobe_font_size_small); margin: 0; padding-top: 10px; } .woocommerce-Reviews .comment-text .description { margin-top: 15px; margin-bottom: 30px; } .woocommerce-Reviews .comment-text .description p:last-child { margin-bottom: 0; } .woocommerce-Reviews .woocommerce-Reviews-title { font-size: 24px; border-bottom: 1px solid; border-color: var(--wardrobe_color_lite_grey); padding-bottom: 20px; margin-bottom: 30px; } .woocommerce-Reviews .comment-reply-title { display: block; margin-top: 0; margin-bottom: 30px; font-size: 20px; font-weight: var(--wardrobe_font_weight_semibold); letter-spacing: var(--wardrobe_letter_spacing_primary); font-variation-settings: "wght" var(--wardrobe_font_weight_semibold); } .comment-form-rating .stars { margin-top: 0; } .comment-form-rating .stars span { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .comment-form-rating .stars a { background-image: url("assets/img/star-outlined.html"); background-size: 16px; width: 64px; height: 34px; font-size: 16px; font-family: 'nunito',sans-serif; text-indent: unset; margin: 10px 0; overflow: hidden; border: 1px solid; border-radius: 16px; padding: 5px 15px; text-align: left; background-repeat: no-repeat; background-position: 30px 6px; line-height: 25px; text-decoration: none; color: #242424; opacity: 0.6; } .comment-form-rating .stars a:hover, .comment-form-rating .stars a.active { background-image: url("assets/img/star.html"); opacity: 1; } #review_form_wrapper { margin-top: 60px; padding-top: 60px; border-top: 1px solid; border-color: var(--wp--preset--color--primary); } #review_form_wrapper p:not(.comment-form-cookies-consent) label { display: block; margin-bottom: 3px; } @-webkit-keyframes blinking { 0% { background-color: transparent; } 50% { background-color: var(--wp--preset--color--primary); } 100% { background-color: transparent; } } @keyframes blinking { 0% { background-color: transparent; } 50% { background-color: var(--wp--preset--color--primary); } 100% { background-color: transparent; } } #review_form_wrapper input[type="submit"] { position: relative; height: 48px; font-size: var(--wardrobe_font_size_button); line-height: 1.2; padding: 10px 30px; background-color: var(--wp--preset--color--primary); border: 1px solid; border-color: var(--wp--preset--color--primary); cursor: pointer; z-index: 1; color: #fff; object-fit: contain; } #review_form_wrapper input[type="submit"]:hover { color: var(--wp--preset--color--primary); background-color: transparent; } #review_form_wrapper .comment-form-email input, #review_form_wrapper .comment-form-author input { width: 100%; } #review_form_wrapper .comment-notes { font-size: var(--wardrobe_font_size_small); } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidein { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-480px); transform: translateX(-480px); } } @keyframes slidein { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-480px); transform: translateX(-480px); } } @media only screen and (max-width: 480px) { @-webkit-keyframes slidein { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); } } @keyframes slidein { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); } } } .woocommerce-Tabs-panel p.woocommerce-noreviews { background-color: transparent; color: #242424; font-size: 16px; padding-left: 0; text-align: left; border: none; font-weight: 500; } .woocommerce-Tabs-panel .woocommerce-noreviews::before,.woocommerce-Tabs-panel .woocommerce-noreviews::after { display: none; } .comment-form-rating .stars a {} #reviews .comment-reply-title { display: inline-block; font-weight: 600; } p.stars a:before, p.stars a:hover~a:before, p.stars.selected a.active~a:before {margin: auto;line-height: 34px;left: 0;color: #242424;right: -10px;display: inline-block;} #review_form_wrapper p:not(.comment-form-cookies-consent) label { text-align: left; } .comment-form-comment textarea,.comment-form-comment input { border: 1px solid #242424; background: transparent; color: #242424; padding: 16px; } .modal-chart { display: flex; gap: 10px; font-size: 15px; margin-bottom: 10px; } .woo-variation-swatches #primary .variable-items-wrapper .variable-item:not(.radio-variable-item) { border-radius: 50px; color: #242424; font-family: 'Montserrat',sans-serif; font-weight: 500; border: 1px solid #242424; padding: 0 !important; width: 50px; height: 50px; line-height: 50px; box-shadow: none; } #primary .shopengine-widget .shopengine-product-list .shopengine-single-product-item:hover { box-shadow: none; } .shopping_cartwrapper { display: none; } .woo-variation-swatches #primary .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { background: #242424; color: #fff; } .modal-chart a { color: #242424; font-weight: 500; border-bottom: 1px solid #ccc; } .modal-chart a:hover {border-color: transparent;} /* popup modal css start */ .cm-model { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; background: rgb(0 0 0 / 32%); transform: translate(0, -1000%); transition: all 0.5s; z-index: 99999; } .cm-model-bg { background: rgb(0 0 0 / 32%); position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; } .cm-active-model1 .cm-model { transform: translate(0, 0); } .eable-model { transform: translate(0, 0); } .cm-model-col .cm-para { height: 400px; overflow: auto; } .cm-model-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: #242424; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; cursor: pointer; } .cm-model-section { max-width: 700px; margin: auto; height: auto; display: inline-block; background: #fff; padding: 20px 30px; box-shadow: 0px 4px 5px #cccccc54; border-radius: 3px; position: relative; } .cm-heading-model h2 { border-bottom: 1px solid #ccc; margin-bottom: 20px; display: block; padding-bottom: 15px; font-size: 30px; font-family: 'Montserrat',sans-serif !important; font-weight: 600; } .cm-model-exit { padding: 15px 20px; border: none; text-transform: capitalize; background: #7474de; color: #fff; display: block; cursor: pointer; } /* popup modal css end */ /* review end */ /* single woocommerce page css end */ /* cart sidebar section start */ .components-modal__frame { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: slidein; animation-name: slidein; } .components-modal__frame { background: #fff; display: block; height: 100%; left: 100%; position: fixed; right: 0; top: 0; -webkit-transform: translateX(-480px); transform: translateX(-480px); width: 480px; z-index: 999; } .phoen_components-modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .phoen_mini_cart_title.phoen_woo_mini_block__title { padding: 20px 30px; font-size: 28px; border-bottom: 1px solid #dbdbdb; } .phoen_mini_cart_block_items.phoen_woo_mini_box__items { 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-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; padding: 20px; } .phoen_mini_cart_block_items { padding: 20px 30px; } .phoen-cart-items__row { padding-left: 24px; } .phoen_mini_cart_product_card_table td.phoen-cart-item__product,.phoen_mini_cart_product_card_table .phoen-cart-item__product { padding-left: 24px; padding-right: 16px; } .phoen-cart-item__total { border: 0; padding: 0; } .phoen_mini_cart_product_card_table table td,.phoen_mini_cart_product_card_table table th { padding: 0; } .phoen-components-product-name { font-size: 18px; font-family: 'nunito',sans-serif !important; color: #242424; } .phoen-cart-item__total-price-and-sale-badge-wrapper { display: flex; justify-content: flex-end; font-size: 16px; font-family: 'nunito',sans-serif !important; font-weight: 600; } .phoen-components-product-details .phoen-components-product-details__color { font-size: 14px; font-family: 'manrope',sans-serif; color: #242424; } .phoen-cart-items__row,.phoen-cart-items__header { display: grid; grid-template-columns: 100px auto 90px; padding: 24px 0; position: relative; border-bottom: 1px solid #dbdbdb; width: 100%; } .phoen_mini_cart_product_card_table thead { display: none; } .phoen-components-quantity-selector { display: flex; border: 1px solid #242424; width: max-content; } .phoen-components-quantity-selector input[type=number] { appearance: none; width: 30px; text-align: center; height: 30px; padding: 0; background: transparent !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .phoen-components-quantity-selector__button { height: 30px; width: 30px; line-height: 30px; text-align: center; padding: 0; background: transparent !important; color: #242424; } .phoen-cart-item__remove-link,.phoen-cart-item__update-link { padding: 0; background: transparent !important; border-bottom: 1px solid #242424; margin-top: 10px; } .phoen-cart-item__update-link{ margin-right: 5px } .phoen-components-totals-item.phoen-mini-cart__footer-subtotal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .phoen-mini-cart__footer .phoen-components-totals-item__label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .phoen-components-totals-item__description { margin-top: 10px; width: 100%; font-size: 15px; font-family: 'nunito',sans-serif; font-weight: 500; } .phoen-components-totals-item__label, .phoen-components-totals-item__value { font-size: 20px; font-family: 'nunito',sans-serif, sans-serif; font-weight: 400; color: #242424; } .phoen-mini-cart__footer-actions { display: flex; flex-wrap: wrap; flex-direction: column-reverse; gap: 16px; } .phoen-components-button.phoen-mini-cart__footer-cart { display: inline-block; color: #242434; } .components-button.phoen-components-button.phoen-mini-cart__footer-checkout.contained { width: 100%; display: inline-block; background: #242434; text-align: center; color: #ffffff; height: 54px; line-height: 54px; font-size: 14px; font-family: 'nunito',sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 1.025px; } .phoen-components-totals-item.phoen-mini-cart__footer-subtotal { margin-bottom: 20px; } .phoen-woo-mini-cart-footer-block { padding: 20px 30px; display: flex; flex-flow: column; border-top: 1px solid #dbdbdb; } .phoen_block_woo_mini_cart_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; height: 100vh; padding: 0; } .phoen_block_contents_cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } button.components-button.has-icon { background: transparent; position: absolute; right: 0; top: 0; border: 0; padding: 1em; } .phoen-components-drawer__screen-overlay--with-slide-out { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .phoen-components-drawer__screen-overlay--with-slide-in { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadein; animation-name: fadein; } .phoen-components-drawer__screen-overlay { background-color: rgba(95, 95, 95, 0.35); bottom: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 9999; opacity: 1; } /* cart sidebar section end */ /* cart page css start */ .woocommerce-cart .page .entry-header { display: inline-flex; width: 100%; text-align: center; background: #f5f5f5; min-height: 240px; display: flex; justify-content: center; align-items: center; display: none; } .woocommerce-cart.left-sidebar .content-area { width: 100%; display: inline-block; max-width: 100%; text-align: center; } .page-template-template-fullwidth-php .cart-collaterals .cart_totals { width: 100%; } .woocommerce-cart .entry-content .woocommerce,.page-id-176 .entry-content { max-width: 1370px; padding: max(1.25rem , 5vw); margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; } .woocommerce-cart-form { width: 58%; } .cart-collaterals { width: 32%; } .woocommerce-notices-wrapper { width: 100%; } .woocommerce-cart-form__cart-item .product-thumbnail,table.cart td.product-subtotal { padding: 0; } .woocommerce-cart-form__cart-item { display: grid; grid-template-columns: 180px auto 100px; padding: 20px 0; border-bottom: 1px solid #dbdbdb; } .woocommerce-cart-form__cart-item td:nth-of-type(2) { padding: 0 16px; padding-left: 24px; } .product-remove a:before { content: ''; } .woocommerce-cart .entry-content .woocommerce .cart-empty.woocommerce-info { display: inline-block; margin: auto; background-color: #0000; color: #000; border: 0; font-size: clamp(1.25rem,3vw, 2rem); font-family: 'nunito',sans-serif; padding: 0 0 20px; margin-top: 30px; } .entry-content .return-to-shop .wc-backward p { display: inline-block; margin-top: 30px; } .entry-content .return-to-shop { display: inline-block; width: 100%; margin-bottom: 30px; } .entry-content .return-to-shop .wc-backward.wp-element-button { background: #242424; color: #fff; position: relative; z-index: 0; padding: 20px 50px; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; transition: all 0.5s; border: 1px solid #242424; } .entry-content .return-to-shop .wc-backward.wp-element-button:before { content: '' !important; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #000; z-index: -1; transition: all 0.5s; } .entry-content .return-to-shop .wc-backward.wp-element-button:hover:before { width: 100%; transition: all 0.5s; } .entry-content .return-to-shop .wc-backward.wp-element-button:hover { background: transparent; transition: all 0.5s; } .product-remove a { font-size: 16px; text-indent: unset; width: max-content; font-weight: 500; font-family: 'nunito',sans-serif; color: #000000; border-bottom: 1px solid #000; margin-top: 15px; } .woocommerce-cart .product-remove a { font-size: 16px; text-indent: unset; width: max-content; font-weight: 500; font-family: 'nunito',sans-serif !important; color: #000000; border: none !important; border-bottom: 1px solid #000 !important; margin-top: 15px; display: inline-block; height: auto; box-shadow: none; } .woocommerce-cart-notice.woocommerce-cart-notice-minimum-amount.woocommerce-info { background: transparent; color: #242424; font-size: 17px !important; margin-bottom: 30px; border: 1px solid #242424; font-family: 'Montserrat',sans-serif; flex-wrap: wrap; } .phoen_rewpts_pts_link_div .phoen_edit_points_input { width: 150px; border: 1px solid #242424; color: #242424; font-size: 15px !important; background: transparent; font-family: 'Montserrat',sans-serif; height: 44px; outline: none; } .woocommerce-cart-notice form{ flex-wrap: wrap; margin-bottom: 0; } .phoen_edit_points_input::placeholder { color: #242424 } .woocommerce-cart-notice.woocommerce-cart-notice-minimum-amount.woocommerce-info .primary { margin-left: 0; padding: 0 10px; font-family: 'Montserrat',sans-serif; outline: none; position: relative; height: 44px; opacity: 1; transition: all 0.5s } .woocommerce-cart-notice.woocommerce-cart-notice-minimum-amount.woocommerce-info .primary:hover{ background: transparent; color:#242424; border: 1px solid #242424; transition: all 0.5s } .shopengine-template .woocommerce-notices-wrapper { padding: 0 15px; display: flex; flex-wrap: wrap; gap: 20px; /* margin-top: 20px; */ } .woocommerce-cart .quantity input[type=number].qty { height: 40px; width: 40px; font-size: 16px; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; } .product-quantity { margin-top: 20px; } .woocommerce-Price-amount.amount { /* margin-top: 15px; */ } .cm-product-footer .cart-subtotal, .cm-product-footer .cm-coupon-code, .cm-product-footer .fee,.cm-product-footer .order-total,.cm-product-footer .cart-discount {grid-column-start: span 2;} .cm-product-footer .cart-discount { display: flex; justify-content: space-between; } .woocommerce-checkout ul#shipping_method, .woocommerce-checkout .woocommerce-Price-amount.amount { text-align: right; font-family: 'Montserrat',sans-serif !important; } .cart_totals tbody tr { border-top: 1px solid #ccc !important; } .cart_totals .shop_table.shop_table_responsive { border-color: unset; } .wc-proceed-to-checkout .button.checkout-button { font-size: 14PX; font-family: 'Manrope',sans-serif; background: #242a2e; font-weight: 600; text-transform: uppercase; height: 54px; position: relative; line-height: 54px; padding: 0; border-bottom: 1px solid #fff; } .wc-proceed-to-checkout .button.checkout-button:after { content: ''; width: 40%; height: 1px; position: absolute; bottom: 17px; left: 0; right: 0; margin: auto; background: #fff; opacity: 0; } .cart_totals .shop_table_responsive tbody tr td { text-align: right; } .wc-proceed-to-checkout .button.checkout-button:hover {border-bottom: 1px solid #fff;} .wc-proceed-to-checkout .button.checkout-button:hover:after { opacity: 1; } .woocommerce-cart-form__cart-item .product-thumbnail a,.woocommerce-cart-form__cart-item .product-thumbnail a img { width: 100%; max-width: 100%; } .product-name a { font-size: 18px; font-family: 'nunito',sans-serif; color: #242424; } .product-price bdi { font-size: 20px; font-family: 'nunito',sans-serif; } .quantity input[type=number].qty { box-shadow: none; border: 0; } .entry-content { width: 100%; display: inline-block; } .cart-collaterals .cart_totals { width: 100%; } table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th { font-size: 20px; font-family: 'nunito',sans-serif; } .woocommerce-shipping-destination { font-size: 15px; font-family: 'Manrope',sans-serif; } .woocommerce-shipping-calculator .shipping-calculator-button { color: #242424; font-family: 'Manrope',sans-serif; font-size: 14px; border-bottom: 1px solid #242424; padding-bottom: 5px; } .calculated_shipping table.shop_table_responsive tbody tr td,.calculated_shipping table.shop_table_responsive tbody tr th { padding: 0; font-weight: 500; } .order-total td { text-align: right; } .calculated_shipping table.shop_table_responsive tbody tr td { text-align: right; } /* cart page css end */ /* checkout page css start */ .page-id-176 .hentry.type-page .entry-header { display: inline-block; text-align: center; width: 100%; height: 320px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; display: none; } .form-row input, .form-row textarea, .form-row select { background: transparent; border: 1px solid #a5a5a5; } .form-row label { color: #242424; } .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .page-template-template-fullwidth-php .col2-set .form-row-first { width: 100%; margin: 0; } .page-template-template-fullwidth-php .col2-set .form-row-last { width: 100%; margin: 0; } .components-checkout_address_title,.shipping_address_title, .woocommerce_billing-details,.woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 30px; display: inline-flex; align-items: center; font-weight: 500; } .components-checkout_address_title:before { content: ''; width: 30px; height: 30px; background: #fdfdfd; display: inline-block; border: 1px solid #242424; border-radius: 50px; line-height: 30px; text-align: center; font-size: 22px; margin-right: 10px; font-family: 'nunito',sans-serif; } .woocommerce-contact-form { margin-bottom: 30px; display: inline-block; width: 100%; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; } #billing_email { margin-top: 15px; } .woocommerce_billing:before { content: '1'; } .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } #billing_company_field {grid-column-start: span 2;} .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .select2-container .select2-selection--single { height: 50px; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { bottom: 0; margin: auto; } #ship-to-different-address label { display: flex; position: relative; align-items: center; } #ship-to-different-address label #ship-to-different-address-checkbox { display: inline-block; transform: translateY(0px); margin: 0; position: static; height: 20px; width: 20px; } #ship-to-different-address label span { display: inline-block; padding-left: 10px; font-size: 16px; color: #242424; } #ship-to-different-address { margin-top: 20px; margin-bottom: 20px; } .form-row.woocommerce-validated input.input-text { background: transparent; box-shadow: none; } .components-checkout_address_title:before { content: " " counter(checkout-step)/""; counter-increment: checkout-step 1; } .woocommerce { counter-reset: checkout-step; } .page-id-176 .entry-content { width: 100%; margin-top: 50px; } .page-id-176 .entry-content .woocommerce {width: 1370px;margin: auto;} .page-id-176.left-sidebar .content-area { display: inline-block; } .woocommerce-contact-form { margin-bottom: 30px; display: inline-block; width: 100%; } .woocommerce_order_section { width: 100%; display: inline-block; } .page-template-template-fullwidth-php #order_review_heading, .page-template-template-fullwidth-php #order_review { width: 100%; } .page-template-template-fullwidth-php .col2-set { width: 100%; } form.checkout.woocommerce-checkout { width: 100%; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 40px; column-gap: 150px; } .page-id-176 #site-header-cart { display: none; } .page-id-176 .entry-content .woocommerce { display: flex; flex-wrap: wrap; gap: 20px; } .woocommerce-form-coupon-toggle { width: 100%; display: inline-block; } form.checkout_coupon.woocommerce-form-coupon { width: 100%; display: inline-block; } #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label { padding: 15px 0; background-color: transparent !important; font-family: 'nunito',sans-serif; font-size: 20px; border-bottom: 1px solid #dbdbdb; } #payment .payment_methods>.woocommerce-PaymentMethod>label:before, #payment .payment_methods>.wc_payment_method>label:before { font-size: 15px; background: transparent; } #payment .payment_methods > li:not(.woocommerce-notice) { background-color: #fff !important; } #payment .payment_methods li p { font-family: 'Manrope'; font-size: 16px; } .page-template-template-fullwidth-php #order_review_heading, .page-template-template-fullwidth-php #order_review { width: 100%; } .page-template-template-fullwidth-php .col2-set { width: 100%; } /* form.checkout.woocommerce-checkout { width: 49%; } */ .page-id-176 .entry-content .woocommerce { display: flex; flex-wrap: wrap; gap: 20px; } .woocommerce-form-coupon-toggle { width: 100%; display: inline-block; } form.checkout_coupon.woocommerce-form-coupon { width: 100%; display: inline-block; } #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label { padding: 15px 0; background-color: transparent !important; font-family: 'nunito',sans-serif; font-size: 20px; border-bottom: 1px solid #dbdbdb; } #payment .payment_methods>.woocommerce-PaymentMethod>label:before, #payment .payment_methods>.wc_payment_method>label:before { font-size: 16px; background: transparent; color: #ccc; border: 1px solid #ccc; border-radius: 50px; width: 20px; height: 20px; background: transparent; color: transparent; font-size: 20px; line-height: 20px; } #payment .payment_methods > li:not(.woocommerce-notice) { background-color: #fff !important; } #payment .payment_methods li p { font-family: 'Manrope'; font-size: 16px; } .woo_cart_btn { font-size: 16px; font-family: 'Manrope',sans-serif; color: #242424; font-weight: 500; } #payment .form-row.place-order { padding: 10px 0; } form.woocommerce-checkout.checkout::before, form.woocommerce-checkout.checkout::after { display: none; } #payment .place-order .button { background: #242424; font-size: 16px; font-family: 'nunito',sans-serif; letter-spacing: 1px; margin-top: 30px; padding: 14px 0; } .woocommerce-cart-form__cart-item.woocommerce_checkout.cart_item { display: grid; grid-template-columns: 320px 1fr; gap: 30px; } .cm-product-middle .product-thumbnail { display: grid; grid-template-columns: 90px auto; position: relative; gap: 20px; } .cm-product-middle .woocommerce_checkout.cart_item strong.product-quantity { position: absolute; right: -15px; top: -15px; border-radius: 50px; width: 30px; height: 30px; display: inline-block; background: #242424; margin: 0; color: #fff; text-align: center; line-height: 30px; font-family: 'Manrope',sans-serif; } .cm-product-middle .product_quantity_thumbnail { position: relative; } #order_review .woocommerce-Price-amount.amount bdi { font-size: 20px; font-family: 'nunito',sans-serif; font-weight: 400; } #order_review .shop_table.woocommerce-checkout-review-order-table .product-thumbnail { margin-top: 20px; } #order_review .shop_table.woocommerce-checkout-review-order-table th,#order_review .shop_table.woocommerce-checkout-review-order-table td {padding: 20px 0;} .cm-flex-col ul { margin: 0; list-style: none; display: none; } .product-subtotal { text-align: right; } .cm-product-footer .cart-subtotal,.cm-product-footer .order-total { display: flex; justify-content: space-between; padding: 20px 0; font-size: 20px; font-family: 'nunito',sans-serif, sans-serif; border-bottom: 1px solid #dbdbdb; /* margin-bottom: 20px; */ } .cm-product-footer { display: grid; gap: 10px; font-family: 'Montserrat'; grid-template-columns: 1fr 1fr; justify-content: space-between; } .variation { font-family: 'Montserrat', sans-serif; } .cm-product-footer .order-total { border-top: 1px solid #dbdbdb; } .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { grid-column-start: span 2; } .woocommerce-NoticeGroup .woocommerce-error { background-color: transparent; color: #fff; border-left: none; font-size: 16px; font-family: 'Manrope',sans-serif; margin-bottom: 0; display: inline-block; margin: auto; width: 100%; text-align: center; } .woocommerce-NoticeGroup .woocommerce-error li { border: 1px solid #e2401c; padding: 10px 10px; width: auto; display: inline-block; color: #e2401c; } .woocommerce-NoticeGroup .woocommerce-error li .showlogin { color: #e2401c; font-weight: 600; } .woocommerce-NoticeGroup .woocommerce-error li { border: 1px solid red; padding: 10px 10px; width: auto; display: inline-block; } .woocommerce-NoticeGroup .woocommerce-error li + li { margin-top: 5px; } #primary .cm_track_padding { padding-right: 50px; padding-left: 50px; margin: auto; } .cm_tracking .woocommerce-form-track-order.track_order {max-width: 500px;} .cm_tracking .elementor-shortcode .woocommerce { display: flex; flex-wrap: wrap; justify-content: center; } #primary .cm_tracking_section { padding: 30px; /* box-shadow: 0px 2px 15px #0000001a; */ max-width: 90%; margin: auto; } .cm_socila { display: flex; font-size: 25px; gap: 20px; } .cm_socila li a { width: 40px; height: 40px; display: inline-block; place-content: center; border-radius: 50px; line-height: 40px; text-align: center; font-size: 20px; border: 1px solid #242425; background: transparent; } #primary .cm_tracking_section .form-row.form-row-last input { width: 100%; } #primary .cm_tracking_section .form-row { width: 100%; } #primary .cm_tracking_section .button { border: 1px solid #242424; background: #242424; color: #fff; } #primary .cm_tracking_section .form-row input { border: 1px solid #242424; font-family: 'Montserrat'; } #primary .cm_tracking_section .form-row input::placeholder { color: #242424; } .shop_table_btn h2 { font-size: 25px; display: flex; justify-content: space-between; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; margin-bottom: 0; font-weight: 600; } .coupon_input { position: relative; } .coupon_input .coupon_btn { position: absolute; right: 0; height: 45px; background: transparent; outline: none; border: unset; font-family: 'Manrope',sans-serif; color: #242424; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .coupon_input #input-text { height: 45px; border: 1px solid #242424; } .form-row.coupon_input input { border: 1px solid #242424; font-family: 'Manrope',sans-serif; letter-spacing: 0.08rem; } .form-row.coupon_input input::placeholder{ color: #242424 } .woocommerce_coupon_down { margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; } .woocommerce-checkout .shopengine-woocommerce-info.woocommerce-info .showlogin,.woocommerce-checkout .shopengine-woocommerce-info.woocommerce-info .showlogin:hover { color: #fff; opacity: 1; font-weight: 600; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { box-shadow: 0 3px 10px #0000001a; padding: 30px 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 70%; border: 1px solid #dbdbdb; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login p:nth-of-type(1) { grid-column-start: span 2; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row { width: 100%; margin-bottom: 0; } .woocommerce-checkout .woocommerce-button.button.woocommerce-form-login__submit { background: #242424; color: #fff; font-family: 'Montserrat'; margin-top: 5px; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row + .clear { position: absolute; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .lost_password > a { color: #242424; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row #password,.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row #username { height: 48px; background: transparent; } /* checkout page css end */ /* shop page css start */ .full-width { display: flex; flex-flow: row-reverse; /* flex-wrap: wrap; */ } .single-product .full-width{ flex-wrap: wrap; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { display: flex; justify-content: center; align-items: center; margin: auto; gap: 10px; background: #242424; margin-top: 10px; } .single-product .woocommerce { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; align-items: center; margin-top: 30px; flex-wrap: wrap; flex-flow: column; gap: 15px; } .stock.in-stock { color: #242424; margin-top: 15px; } #secondary .widget_nav_menu .widget-title, #secondary .widget_block .widget-title, #secondary .wp-block-heading,#secondary .ewd-uwcf-ratings-slider-title,#secondary .ewd-uwcf-price-slider-title { font-size: clamp(1rem, 2vw , 1.25rem); font-family: 'nunito',sans-serif !important; margin-bottom: 20px; color: #242424; font-weight: 500; } .wc-block-product-categories-list .wc-block-product-categories-list-item a,#secondary .wc-block-components-checkbox .wc-block-components-checkbox__label,#secondary .wc-block-components-checkbox>span { font-size: 14px; font-family: 'nunito',sans-serif; color: #242424; font-weight: 500; line-height: 2; } .wc-block-product-categories-list { display: flex; flex-flow: column; gap: 3px; } .wc-block-components-checkbox label { display: flex; align-items: center; } #secondary #ewd-uwcf-ratings-slider, #secondary #ewd-uwcf-price-slider, #secondary .ui-widget-content { height: 5px; border: none; background: #242424 !important; border-color: #242424; line-height: 22px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #fff; border-color: #242424; border-radius: 50px; } .ui-slider-horizontal .ui-slider-range { background: #242424; top: 0px; } .cm_flex { width: 100%; display: grid; justify-content: center; align-items: center; grid-template-columns: 1fr 1fr; gap: 30px; } .shop_content h1 { font-size: clamp(2.25rem , 5vw, 3.25rem); font-family: 'nunito',sans-serif; text-transform: capitalize; } .shop_content p { font-size: 16px; font-family: 'nunito',sans-serif; font-weight: 500; max-width: 440px; } .shop_content { width: 100%; display: flex; flex-flow: column; gap: 15px; } figure.shop_image { width: 100%; } figure.shop_image .alignnone.size-medium.wp-image-649 { width: 100%; object-fit: contain; } .shop_content ul { display: flex; /* list-style: none; */ justify-content: flex-start; margin: 0; gap: 30px; margin-top: 25px; } .shop_content ul li a { font-size: 16px; font-family: 'Manrope',sans-serif; font-weight: 600; color: #242424; } .shop_content ul li:not(:first-child)::marker { content: '. '; display: inline-block; } .shop_content ul li { list-style: none; } .woocommerce-shop .woocommerce-products-header__title.page-title { display: none; } .archive.left-sidebar .widget-area { width: 17%; width:100% } .archive.left-sidebar .content-area { width: 83%; float: unset; margin-left: 5%; width: 100%; order: 1; } .archive.left-sidebar.category .content-area { width: 100%; margin-left: 0; } .archive .site-content .full-width,.blog .site-content .full-width,.single-post .site-content .full-width { max-width: 1370px; margin: auto; padding: 0 max(1.25rem , 5vw); } .archive .site-content .full-width h1 + .woocommerce .shopengine-woocommerce-info { margin-bottom: 30px; } .archive .site-content .full-width { display: grid; grid-template-columns: 17% 83%; } .archive .site-content .full-width h1 + .woocommerce { grid-column-start: span 2; } .page-id-148 .page .entry-header, .woocommerce-products-header,.page-id-178 .page .entry-header,.page-id-3 .page .entry-header,.page-id-866 .page .entry-header,.single-post .entry-header,.archive .page-header { height: 420px; display: flex; justify-content: center; align-items: center; background: #f5f5f5; text-align: center; } .woocommerce-products-header .woocommerce-products-header__title.page-title,.archive .page-header .page-title { font-size: clamp(2.125rem , 10vw , 3.25rem); font-weight: 300; letter-spacing: -0.02rem; line-height: 1.2; } .archive.left-sidebar .content-area #main { width: 100%; } #primary .products:not(.upsells):not(.related) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px 20px; width: calc(100% + 20px); padding: 0; margin: 0 0 20px; } #primary .products.columns-3 > li { max-width: calc(33.33% - 20px); width: 100%; margin: 0; text-align: left; } .woocommerce-shop .woocommerce-products-header{ display: none; } #primary .products.columns-3 > li a img { width: 100%; } #primary .products.columns-3 > li .woocommerce-LoopProduct-link.woocommerce-loop-product__link, #primary .products.columns-3 > li a img{ max-height: 480px; height: 480px; object-fit: cover; display: inline-block; object-position: top; } .single #primary .products.columns-3 > li .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .single #primary .products.columns-3 > li a img { max-height: 600px; height: 600px; } .icon-pos .wp-block-image { margin-bottom: 0; } .icon-pos { position: fixed; bottom: 20px; right: 20px; width: 70px; } #primary .products { margin: 0; padding: 0; } #primary .upsells.products { grid-column-start: span 2; } #primary .related.products { grid-column-start: span 2; } #primary .upsells.products .products.columns-3 > li { max-width: calc(25% - 20px); } .storefront-sorting { display: flex; flex-flow: row-reverse; justify-content: space-evenly; flex-wrap: wrap; } .woocommerce-result-count { width: 70%; font-size: 16px; font-family: 'Manrope',sans-serif; font-weight: 400; } #primary .wp-paginate.wpp-modern-grey a, #primary .wp-paginate.wpp-modern-grey .current,#primary .wc-block-grid__product-onsale,#primary .onsale,#primary .woocommerce-pagination .page-numbers li .page-numbers:not(.current),#primary .woocommerce-pagination .page-numbers li .page-numbers.current { width: 45px; height: 45px; display: inline-block; line-height: 45px; border: 1px solid; border-radius: 50px; padding: 0; text-align: center; } #primary .wp-paginate.wpp-modern-grey.font-inherit { width: max-content; text-align: center; margin: auto; display: inline-block; } #primary .navigation { width: 100%; display: flex; } .storefront-sorting::before, .storefront-sorting::after { display: none; } .woocommerce-ordering { width: 30%; margin: 0; text-align: right; } ul.products::before, ul.products::after { display: none; } .storefront-sorting select {border: none;border-bottom: 1px solid;padding: 10px 0;font-size: 14px;font-family: 'Manrope',sans-serif;font-weight: 400;} .cm_container { padding: 0 max(1.25rem, 5vw); background: #f5f5f5; margin-bottom: max(1.25rem, 5vw); } #primary .products li.product .woocommerce-loop-product__title { font-size: clamp(1rem, 5vw, 1.125rem); font-weight: 400; color: #242424; } #primary .products li.product .price { font-size: 20px; font-family: 'nunito',sans-serif; margin-bottom: 5px; } .products li.product .button { border: none; background: transparent; padding: 0px 0 2px; border-bottom: 1px solid #242424; font-size: 14px; font-family: 'Manrope',sans-serif; font-weight: 600; margin: auto; display: inline-block; } #primary .products li.product .woocommerce-loop-product__title { font-size: clamp(1rem, 5vw, 1.125rem); font-weight: 400; color: #242424; } #primary .products li.product .price { font-size: 20px; font-family: 'nunito',sans-serif; margin-bottom: 5px; } .products li.product .button { border: none; background: transparent; padding: 0px 0 2px; border-bottom: 1px solid #242424; font-size: 14px; font-family: 'Manrope',sans-serif; font-weight: 600; margin: auto; display: inline-block; } .products.columns-3 + .storefront-sorting { display: none; } .wc-block-active-filters .wc-block-active-filters__list ul > li { width: max-content; border: 1px solid #242424; display: inline-block; margin: 0; } .wc-block-active-filters .wc-block-active-filters__list ul > li span { display: flex; flex-flow: row-reverse; font-size: 16px; font-family: 'Manrope',sans-serif; padding: 0 3px; } .wc-block-active-filters .wc-block-active-filters__list ul > li span button { background: transparent; font-size: 16px; font-family: 'Manrope',sans-serif; line-height: 16px; padding: 0; margin-right: 0; } .wc-block-active-filters .wc-block-active-filters__list > li { display: flex; } .wc-block-active-filters .wc-block-active-filters__list>li:first-child, .wc-block-active-filters .wc-block-active-filters__list li:first-child .wc-block-active-filters__list-item-type, .wc-block-active-filters .wc-block-active-filters__list-item-type{ font-size: 14px; color: #242424; font-weight: 400; font-family: 'Manrope',sans-serif; text-transform: capitalize; letter-spacing: normal; } .wc-block-active-filters .wc-block-active-filters__list li ul { padding-left: 5px; } .wc-block-attribute-filter__actions { display: none; } .wc-block-components-filter-reset-button, .wc-block-active-filters__clear-all > span { font-size: 14px; font-family: 'Manrope',sans-serif; font-weight: 500; outline: none; border: none; text-decoration: none; text-align: left; } .wc-block-active-filters .wc-block-active-filters__clear-all { float: left; text-transform: uppercase; letter-spacing: 1px; margin-top: 11px; } /* shop page css end */ /* blog page css start */ .entry-content .attachment-.size-.wp-post-image { display: inline-block; } .entry-content .wp-post-image { display: none; } .blog .full-width #secondary { display: none; } .author #main, .blog #main, .archive.category-blog #main { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); } .archive.left-sidebar.author .content-area { width: 100%; margin-left: 0; } .author #main .post:nth-child(4n + 1), .blog #main .post:nth-child(4n + 1), .archive #main .post:nth-child(4n + 1) { grid-column: span 2; display: flex; flex-flow: column; } .hentry .entry-header { order: 1; } .woocommerce-no-products-found .shopengine-woocommerce-info { display: inline-block; } /* blog page css end */ /* my account css start */ .page-id-177 #primary { text-align: center; margin: auto; width: 100%; } .page-id-177 .full-width { text-align: center; width: 100%; flex-flow: column; } .page-id-177 .entry-header { display: inline-block; width: 100%; min-height: 240px; display: flex; justify-content: center; align-items: center; background: #f5f5f5; } .page-id-177 main#main { width: 100%; } .page-id-177 .elementor-page-title,.page-id-177 h1.entry-title { font-size: clamp(2.125rem, 10vw, 3rem); } .page-id-177.woocommerce-account #customer_login { width: 100%; margin: auto; max-width: 100%; display: inline-block; padding-top: 100px; position: relative; } .page-id-177 .entry-content .woocommerce { width: 100%; max-width: 540px; display: inline-block; margin: auto; justify-content: center; align-items: center; margin-top: 7vh; margin-bottom: 7vh; } .page-id-177 .u-columns .woocommerce-form p { display: inline-block; width: 100%; } .u-column1 { width: 100%; } .u-column2 .woocommerce-form-register { display: none; } .page-id-177.woocommerce-account #customer_login .u-column1.col-1,.page-id-177.woocommerce-account #customer_login .u-column2.col-2 { width: 100%; } .page-id-177.woocommerce-account #customer_login h2 { position: absolute; top: 0; cursor: pointer; } .page-id-177.woocommerce-account #customer_login .u-column2.col-2 h2, .page-id-177.woocommerce-account #customer_login .u-column1.col-1 h2 { width: 50%; font-size: clamp(0.75rem, 3.5vw, 0.875rem); font-family: 'Manrope',sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0; padding: 30px 0; border-bottom: 1px solid #E7E7E5; } .page-id-177.woocommerce-account #customer_login .u-column2.col-2 h2 { right: 0; } .page-id-177.woocommerce-account #customer_login .u-column2.col-2 h2:after, .page-id-177.woocommerce-account #customer_login .u-column1.col-1 h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; /* background: #000; */ } .page-id-177.woocommerce-account #customer_login .active h2:after { background: #000; } .page-id-177.woocommerce-account #customer_login form { display: none; } .page-id-177.woocommerce-account #customer_login .active form { display: inline-block; } .page-id-177 .u-columns .woocommerce-form p input { background: transparent; border: 1px solid #222222; } .page-id-177 .u-columns .woocommerce-form p label { font-size: 16px; font-family: 'Manrope',sans-serif; font-weight: 400; padding-bottom: 5px; } .page-id-177 .u-columns .woocommerce-form p + p {margin-top: 15px;} .page-id-177 .u-columns .woocommerce-form p.form-row button[type="submit"] { width: 100%; background: #222222; color: #fff; border: 1px solid #222222; margin-top: 5px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.85px; height: 2.6em; line-height: unset; padding: 0; } .woocommerce-LostPassword.lost_password a { font-size: 16px; font-family: 'Manrope',sans-serif; color: #222222; border-bottom: 1px solid #222222; padding-bottom: 0; } .page-id-177.woocommerce-account #customer_login form,.page-id-177.woocommerce-account #customer_login form { text-align: left; } .woocommerce-MyAccount-navigation { width: 100%; } .page-id-177.logged-in .entry-content .woocommerce { max-width: 868px; margin-left: auto !important; margin-right: auto !important; } .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation { width: 100%; } .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation ul { display: flex; justify-content: space-around; align-items: center; gap: 20px; border-bottom: 1px solid #dbdbdb; border-bottom: none; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { font-size: 16px; font-family: 'Manrope',sans-serif; color: #242424; margin-bottom: -1px; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before { content: ''; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a { border-bottom: 1px solid #242424; } .woocommerce-MyAccount-content p { font-size: 16px; font-family: 'Manrope',sans-serif; text-align: left; } .woocommerce-MyAccount-content p + p { margin-top: 10px; letter-spacing: 0.8px; } .woocommerce-MyAccount-content p a {border-bottom: 1px solid #242424;color: #242424;} .page-template-template-fullwidth-php .woocommerce-MyAccount-content { width: 100%; margin-right: 0 !important; padding: 0; } .woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin-top: 10px; background: transparent; color: #242424; font-size: 16px; font-family: 'nunito',sans-serif; font-weight: 500; padding-left: 0; border: none; } .woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info a, .woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info a { text-decoration: none; } a.woocommerce-Button.button { font-size: 16px; line-height: 1.3; padding: 10px 30px; background-color: transparent; border: 1px solid; cursor: pointer; font-weight: 400; letter-spacing: 0.82px; text-transform: uppercase; color: #242424; margin-left: 0; border-left-color: #242424 !important; } .woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content, .woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content { overflow-x: auto; scrollbar-width: none; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .woocommerce-MyAccount-content { margin: 0px 0 40px; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before { content: ''; } .addresses header.title h3 { font-size: 31px; margin: 30px 0; } header.woocommerce-Address-title.title { display: flex; align-items: center; } fieldset legend { display: none; } .addresses header.title a { font-size: 16px; width: max-content; height: max-content; color: #000; text-indent: 0px; border-bottom: 1px solid #242424; padding: 0; margin-left: 15px; } .addresses header.title a:before { content: ''; } .addresses header.title a:hover {border-bottom: none;} address { text-align: left; font-size: 16px; font-family: 'nunito',sans-serif; font-style: normal; } .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-1,.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-2 { width: 100%; right: 0; margin-bottom: 0; } .woocommerce-EditAccountForm .woocommerce-form-row span { font-size: 12px; } .woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last { margin-top: 0; } .woocommerce-EditAccountForm.edit-account p { padding: 15px 0; } form.woocommerce-EditAccountForm.edit-account fieldset { padding: 0; } input[type="password"] { height: 45px; } button.woocommerce-Button.button.wp-element-button { background: transparent; border: 1px solid; color: #242424; font-size: 16px; padding: 12px 30px; font-family: 'manrope',sans-serif; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-weight: 600; } .woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } .plus, .minus { border: 1px solid; } .woocommerce-error { background: transparent; border: none; padding: 0; color: #242424; font-family: 'Manrope',sans-serif; font-size: 16px; margin-top: 20px } .shopengine-quickview-trigger.se-btn { display: none; } .cm-grid-container:after, .cm-grid-container:before { display: none; } .single-product div.product .woocommerce-tabs + .related.products { grid-column: span 2; } /* my account css end */ .woocommerce-cart-form__cart-item .product-price .woocommerce-Price-amount bdi { border: none; } .woocommerce-cart table.shop_table_responsive tbody tr td,.woocommerce-cart table:not( .has-background ) tbody tr:nth-child(2n) td,.woocommerce-cart table.shop_table_responsive tbody tr th { border: none; } .woocommerce-cart .product-price bdi,.woocommerce-cart table:not( .has-background ) tbody tr:nth-child(2n) td,.woocommerce-cart fieldset, .woocommerce-cart fieldset legend,.woocommerce-cart table.shop_table_responsive tbody tr td,.woocommerce-cart table.shop_table_responsive tbody tr th,.woocommerce-cart .product-remove a{ background: transparent; } .product-price bdi, table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th, .product-remove a { font-family: 'Montserrat',sans-serif; } .products .product .eael-star-rating.star-rating{ display: none; } .woocommerce-notices-wrapper + .product > .onsale { position: absolute; z-index: 99; } .woocommerce-ResetPassword .woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last { width: 100%; text-align: left; } .page-template-template-fullwidth-php .woocommerce-ResetPassword .form-row-first { text-align: left; margin-top: 25px; } .woocommerce-ResetPassword .woocommerce-Button.button { width: 100%; background: #222222; color: #fff; border: 1px solid #222222; text-transform: uppercase; font-weight: 500; letter-spacing: 0.85px; height: 2.6em; line-height: unset; padding: 0; margin-top: 20px; } /* responsive css start */ /* blog css start */ .blog .alpha.entry-title ,.archive .alpha.entry-title { color: #242424; line-height: 24px; height: 80px; } .blog .post,.archive .post { padding-bottom: 50px; } .blog .alpha.entry-title a,.archive .alpha.entry-title a { color: #242424; font-size: 24px; font-weight: 400; } .blog .posted-on , .archive .posted-on { font-size: 14px; } .blog .hentry .entry-header .post-author,.blog .hentry .entry-header .post-comments , .archive .hentry .entry-header .post-author,.archive .hentry .entry-header .post-comments { display: none; } .blog .hentry .entry-header,.archive .hentry .entry-header { order: 0; margin-bottom: 10px; } .blog .hentry .more-btn,.archive .hentry .more-btn { width: max-content; font-style: normal; font-weight: 500; text-transform: uppercase; color: #242424; } .blog .posted-on a time,.archive .posted-on a time { color: #242424; font-size: 14px; font-weight: 500; } .blog .site-content { /* max-width: 1366px; */ margin: auto; } .single-post .post-comments { display: none; } .single-post .entry-header .entry-title { width: 100%; text-align: center; order: -1; } .single-post .entry-header { flex-flow: column; justify-content: center; align-items: center; background: #f5f5f5 } .single-post .posted-on a{ pointer-events: none; } .single-post .posted-on time, .single-post .post-author a {font-size: 16px;color: #242424;font-weight: 500;pointer-events: none;} .single-post #primary { margin-top: 90px; } #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input { background: #fff; border: 1px solid #242424; } .single-post .entry-content p { font-size: 20px; } .single-post .entry-content p + p { margin-top: 20px; } .single-post .wp-block-image img { padding-top: 30px; display: inline-block; } .single-post p +.wp-block-heading { margin-top: 30px; } .single-post .wp-block-media-text + .wp-block-heading { margin-top: 30px; } .site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a { width: 100%; color: #242424; } .nav-links { width: 100%; } .entry-content > img { width: 100%; max-height: 450px; object-fit: cover; } .comment-form input[type="submit"] { border-style: solid; border: 2px solid #242424; background: #242424; border-radius: inherit; padding: 1.5em 2.75em; color: #fff; font-size: 16px; line-height: 1.2; font-family: 'Montserrat',sans-serif; } .single-post p+h2,.single-post p+header h2,.single-post p+h3,.single-post p+h4,.single-post ul+h2,.single-post ul+header h2,.single-post ul+h3,.single-post ul+h4,.single-post ol+h2,.single-post ol+header h2,.single-post ol+h3,.single-post ol+h4,.single-post table+h2,.single-post table+header h2,.single-post table+h3,.single-post table+h4,.single-post blockquote+h2,.single-post blockquote+header h2, .single-post blockquote+h3,.single-post blockquote+h4,.single-post form+h2,.single-post form+header h2, .single-post form+h3, .single-post form+h4{ margin-top: 30px } .comment-form input[type="submit"]:hover { background: transparent; border-color: #242424; color: #242424 } .tax_include { font-size: 16px; font-weight: 500; margin-top: 10px; } .product-price bdi, table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th, .product-remove a { padding: 10px 10px; font-size: 16px; border: 1px solid #242424; } p.order-again { display: inline-block; } .search-results.woocommerce-shop .woocommerce-products-header, .search-no-results.woocommerce-shop .woocommerce-products-header { display: flex; margin-bottom: 50px; } .search-results.woocommerce-shop .woocommerce-products-header__title.page-title , .search-no-results.woocommerce-shop .woocommerce-products-header__title.page-title { display: inline-block; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: #242424; } .product-price bdi, table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th, .product-remove a { padding: 10px 10px; font-size: 16px; border: none; } .product-price bdi{ border: none; } .woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view { background: #242424; color: #fff; } .woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button { background: #242424; color: #fff; border: 1px solid #242424; transition: all 0.5s; } .woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button:hover { background: transparent; color: #242424; transition: all 0.5s; } table.shop_table_responsive tbody tr td > a { color: #242424; font-weight: 500; } .cm_phone_pincode_input{ max-width: 270px } /* blog css end */ .woocommerce-account .user_reward_total p { background: #242424 !important; color: #fff; padding: 0 10px; display: flex; justify-content: center; align-items: center; min-height: 40px; margin-top: 0; } .phoen_rewpts_user_reward_point_tr { background: #242424 !important; color: #fff; } .phoen_rewpts_user_reward_point_tr > th { font-size: 14px; } .table-bordered > tbody tr > td { font-size: 14px; font-family: 'Montserrat',sans-serif; border: 1px solid #242424; } table:not( .has-background ).table-bordered tbody tr:nth-child(2n) td { font-size: 14px; border: 1px solid #242424; } table.table-bordered { border-collapse: collapse; border: 1px solid #242424 !important; } .modal-card-foot, .modal-card-head, .table.is-fullwidth, .title.is-6, .rcep-tab button, .checkbox, .radio,.modal-card-foot button { font-family: 'Montserrat'; } .title.is-6 { color: #242424; font-weight: 500; margin-bottom: 20px !important; display: inline-block; } .modal-card .modal-card-head { padding: 15px 10px; color: #242424; background: #fff; } .modal-card .modal-card-head .modal-card-title { color: #242424; } .table.is-fullwidth.is-striped, .table.is-fullwidth.is-striped th,.table.is-fullwidth.is-striped td { border-collapse: collapse; border: 1px solid #242424; } .table.is-fullwidth.is-striped, .table.is-fullwidth.is-striped th, .table.is-fullwidth.is-striped td { color: #242424; } .rcep-tab button.active { background-color: #242424; color: #fff; font-weight: 400; padding: 10px 20px; } .rcep-tab { color: #fff; border: 1px solid #242424; background: #fff; } .rcep-tabcontent { border-color: #242424; } .button.is-success.is-hovered, .button.is-success:hover { background-color: transparent; border-color: #242424; transition: all 0.5s; } .modal-card-foot .button { background: #242424; color: #fff; } .modal-card { box-shadow: 0 6px 12px #0000002a; display: inline-block; } .woocommerce-order-details { margin-top: 50px; } table:not( .has-background ) tbody td { background-color: #fff; } .woocommerce-table--order-details.order_details, .woocommerce-table--order-details.order_details td,.woocommerce-table--order-details.order_details th { border: 1px solid #242424; border-collapse: collapse; font-family: 'Montserrat'; background: #fff; font-size: 16px; } .woocommerce-table--order-details.order_details { border-collapse: collapse; } .woocommerce-table--order-details.order_details .shipped_via { font-size: 13px; } .woocommerce-table--order-details.order_details + .button, .woocommerce-table--order-details.order_details + .button +.button{ background: #242424; color: #fff; font-weight: 400; padding: 12px 20px; height: auto; border: 1px solid #242424; } .woocommerce-table--order-details.order_details + .button +.button{ margin-left: 10px; margin-right: 10px; } .woocommerce-table--order-details.order_details + .button:hover {background: transparent;border: 1px solid #242424;color: #242424;} .woocommerce-MyAccount-content .order-again a { background: #242424; color: #fff; border: 1px solid #242424; padding: 12px 20px; height: auto; } .woocommerce-order-details + .table.is-bordered,.woocommerce-order-details + .table.is-bordered td,.woocommerce-order-details + .table.is-bordered tr {border-collapse: collapse;border: 1px solid #242424 !important;} .woocommerce-MyAccount-content .order-again a:hover { background: #fff; color: #242424; transition: all 0.5s; } .woocommerce-address-fields .button:hover { background: transparent; color: #242424; transition: all 0.5s; } .woocommerce-address-fields .button { border: 1px solid #242424; background: #242424; color: #fff; margin-top: 20px; font-size: 16px; } .woocommerce-input-wrapper input, .woocommerce-input-wrapper select { height: 45px; font-family: 'Montserrat',sans-serif; font-size: 16px; color: #242424; } p#shipping_last_name_field { margin-top: 0; } .woocommerce-MyAccount-content { margin-top: 30px; } .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last{ margin-top: 0; } #primary .cm-pro-img .product-price .price bdi { border: none; padding: 0; } .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-label-option { border: 1px solid #242424; font-family: 'Montserrat',sans-serif; font-weight: 600; color: #242424; max-height: 60px !important; border-radius: 60px !important; width: 60px; padding: 0; } .variations .cfvsw-swatches-container[swatches-attr="attribute_pa_potli-bag"] .cfvsw-swatches-option { width: max-content; padding: 0 10px; border-radius: 100px !important; max-height: 60px !important; min-width: 60px !important; } .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch { background: #242424; color: #fff; } .cfvsw-product-container .cfvsw-swatches-option.cfvsw-selected-swatch { border: none!important; position: relative; } .cfvsw-product-page table.variations .label label { font-family: 'Montserrat'; color: #242424; font-weight: 500; margin-bottom: 10px; display: inline-block; } .cfvsw-product-container[swatches-attr="attribute_pa_colors"] .cfvsw-swatches-option.cfvsw-selected-swatch:after { content: ''; background: url(/wp-content/uploads/2023/10/check.png) no-repeat; background-position: center; background-size: 15px; width: 50px; height: 50px; position: absolute; left: 0; right: 0; top: 0; margin: auto; display: inline-block; } .cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-label-option.cfvsw-swatches-blur-cross-disable.cfvsw-swatches-disabled { opacity: 0.5; } .cfvsw-swatches-blur-cross-disable::before, .cfvsw-swatches-hide-disable::before, .cfvsw-swatches-blur-cross::before { color: #242424; font-weight: 400; font-size: 125px; background: transparent; content: ''; transform: rotate(45deg); width: 100%; height: 2px; background: #000; } .page-id-176 .hentry.type-page .entry-header{ background: url(https://rarethreadsbynaina.com/wp-content/uploads/2024/05/banner-checkout.png); background-position: center; } .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { background: url(https://rarethreadsbynaina.com/wp-content/uploads/2024/05/category.png); } .term-am-to-pm.tax-product_cat .woocommerce-products-header { background: url(https://rarethreadsbynaina.com/wp-content/uploads/2024/05/am-to-pm.png); } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { background-size: 100%; background-repeat: no-repeat; display: block; } .page-id-176 .hentry.type-page .entry-header h1, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title , .term-am-to-pm.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title { display: none; } .woocommerce-cart-notice .phoen_rewpts_pts_link_div form { flex-flow: row; } .woocommerce-cart .cart-discount.coupon-rare05 { display: none; } .cart_totals.calculated_shipping h2:before { content: 'Cart Total'; font-size: 35px; margin-bottom: 20px; display: inline-block; font-weight: 400; } .cart_totals.calculated_shipping h2 { font-size: 0; } .fee > div,.fee div { font-family: 'Montserrat'; } .woocommerce-checkout .fee { display: flex; justify-content: space-between; } .order-total-saved { display: none; } /* modal popup css start */ .wow-modal-window { max-height: max-content; } .cm-return p label input,.cm-return p label textarea { width: 100%; background: transparent !important; border: 1px solid #242424; color: #242424; font-family: 'Montserrat', sans-serif; outline: none; margin-bottom: 0; } .cm-return p br { display: none; } .modal-window-content .wow-col,.modal-window-content .wow-col .wow-col-6 { width: 100%; } .cm-return p { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 0; } .cm-return p label input::placeholder, .cm-return p label textarea::placeholder { color: #242424; font-family: 'Montserrat',sans-serif; } .wow-modal-overlay .wow-modal-window { padding: 40px !important; } .cm-return p label:nth-of-type(5) { grid-column-start: span 2; } .cm-return p label textarea { height: 120px; } .cm-submit input[type="submit"] { background: #242424; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; margin-top: 20px; } .wpcf7-form { margin: 0; } .cm-return p label > span { position: relative; display: inline-block; width: 100%; } .cm-return p label textarea + span.wpcf7-not-valid-tip,.cm-return p label input + span.wpcf7-not-valid-tip { font-size: 0; width: 100%; position: absolute; top: 0; left: 0; border: 2px solid red; display: inline-block; height: 100%; } .wow-col .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; font-family: 'Montserrat',sans-serif; border: 2px solid #242424; color: #fff; background: #242424; } /* modal popup css end */ .tax-product_cat .woocommerce-products-header { display: none; } .tax-product_cat .woocommerce-products-header + .full-width { margin-top: 50px; } .variations .cfvsw-swatches-container{ height: 100%; } .cm-submit p { grid-template-columns: 1fr; } .cm-submit p input { width: max-content; } #primary .cm-form-bg { width: max-content; margin: auto; background: #f5f5f5; padding: 40px; } #primary .cm-form-bg input,#primary .cm-form-bg textarea { border: 1px solid #242424; margin-bottom: 0; font-size: 16px } #primary .cm-form-bg input::placeholder,#primary .cm-form-bg textarea::placeholder{ font-size: 16px } .page-id-175 .full-width { flex-flow: wrap; justify-content: center; } @media(max-width: 1600px){ .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { background-size: contain; height: 370px; } } @media screen and (max-width: 1400px){ .single-product .full-width #main, .container,.single-product .full-width #main { width: 100%; max-width: 1200px; } .cm-grid-container { justify-content: space-between; gap: var(--wp--style--block-gap, 1em ); } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header{ height: 290px; } .shop_content h1{ word-spacing: 10px; } } @media screen and (max-width: 1200px){ .components-checkout_address_title, .shipping_address_title, .woocommerce_billing-details, .woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 28px; } .single-product .full-width #main, .container,.single-product .full-width #main { width: 100%; max-width: 1024px; } .cm-grid-container { justify-content: space-between; gap: var(--wp--style--block-gap, 1em ); } .blog .alpha.entry-title,.blog .alpha.entry-title a { font-size: 22px; line-height: 27px; } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header{ height: 280px; } } @media screen and (max-width: 1024px){ .components-checkout_address_title, .shipping_address_title, .woocommerce_billing-details, .woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 26px; } .shop_table_btn h2{ font-size: 23px; } .cart-collaterals { width: 38%; } form.checkout.woocommerce-checkout { grid-template-columns: 1fr 1fr; gap: 30px; } .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; gap: 20px; } .single-product .full-width #main, .container ,.single-product .full-width #main{ width: 100%; max-width: 100%; /* padding-bottom: 25px; padding-top: 25px; */ padding-left: max(1.25rem , 5vw); padding-right: max(1.25rem , 5vw); } .single-product div.product { grid-template-columns: 1fr; } .single-product div.product .woocommerce-tabs + .related.products { grid-column: 1; } .woocommerce-tabs.wc-tabs-wrapper { grid-column: 1; } .footer-top .first-footer-section ul { max-width: 100%; gap: 20px; flex-wrap: wrap; } .footer-widgets{ gap: 20px } .footer-widgets.col-4 .footer-widget-2 { display: none; } .first-footer-section section { width: 100%; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 14px; padding: 0 6px; } #site-navigation { float: unset; margin: auto; } .blog .alpha.entry-title,.blog .alpha.entry-title a { font-size: 20px; line-height: 24px; } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 240px; } #primary .products.columns-3 > li .woocommerce-LoopProduct-link.woocommerce-loop-product__link, #primary .products.columns-3 > li a img{ max-height: 400px; height: 400px; } .single #primary .products.columns-3 > li .woocommerce-LoopProduct-link.woocommerce-loop-product__link, .single #primary .products.columns-3 > li a img { height: 600px; max-height: 600px; } } @media screen and (max-width: 991px){ .cm-grid-container { max-width: 100%; flex-wrap: wrap; justify-content: space-between; padding-bottom: 25px; padding-top: 25px; padding-left: max(1.25rem , 5vw); padding-right: max(1.25rem , 5vw); gap: 33px; } .archive.left-sidebar .content-area #main { padding-left: max(1.25rem , 5vw); padding-right: max(1.25rem , 5vw); } .archive .site-content .full-width, .single-product .full-width #main, .page-id-177.logged-in .entry-content .woocommerce, .page-id-177 .entry-content .woocommerce { width: 100%; max-width: 100%; padding: max(1.25rem , 5vw); } #primary .elementor-section-full_width > .elementor-container { padding: 0; } .woocommerce-cart .entry-content .woocommerce, .page-id-176 .entry-content { padding: 0 max(1.25rem , 5vw); width: 100%; max-width: 100%; } .components-checkout_address_title, .shipping_address_title, .woocommerce_billing-details, .woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 24px; } #primary .elementor-top-section.elementor-section-boxed > .elementor-container { padding: 0 max(1.25rem , 5vw); } #primary .elementor-divider { margin-left: calc(-2 * max(1.25rem , 5vw)); margin-right: calc(-2 * max(1.25rem , 5vw)); } .storefront-secondary-navigation.woocommerce-active .site-header .cm-grid-container .site-branding { width: 100%; text-align: center; flex-basis: 100%; justify-content: center; align-items: center; display: flex; } button#site-navigation-menu-toggle { display: none; } .phoen_summer { display: none; } nav#site-navigation { flex-basis: 70%; margin-right: 0; } .flex.cm-cart-section { flex-basis: 25%; } .flex { gap: 15px; } .flex.cm-cart-section { justify-content: end; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary { text-align: left; } .shop_table_btn h2{ font-size: 20px; } #primary .upsells.products .products.columns-3 > li { max-width: calc(33% - 20px); } .woocommerce-notices-wrapper + .product > .onsale { right: calc(50% - 40px); } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 230px; } } @media screen and (max-width: 768px){ #primary .phoen_post .grid_layout_wrapper { grid-template-columns: 1fr; width: 100%; margin-left: 0; margin-right: 0; } .single .wp-block-media-text .wp-block-media-text__content { padding: 0; } #respond { padding: 0; } .components-checkout_address_title, .shipping_address_title, .woocommerce_billing-details, .woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 22px; } .flex .site-header-cart .cart-contents { display: inline-block; } .flex .site-header-cart .cart-contents::after { content: ''; background: url(/wp-content/uploads/2023/03/cart.png) no-repeat center; background-size: 16px; line-height: 30px; height: 25px; width: 25px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } .storefront-handheld-footer-bar ul li>a::before { font-size: 20px; } .storefront-handheld-footer-bar ul li>a {height: max-content;padding: 10px 0;} .storefront-handheld-footer-bar ul li.cart .count {left: 50%;top: 10%;} .woocommerce-cart .entry-content .woocommerce, .page-id-176 .entry-content { padding: 0 max(1.25rem , 5vw); width: 100%; max-width: 100%; } .woocommerce-cart-form { width: 100%; } .cart-collaterals { width: 100%; } .woocommerce-cart-form__cart-item td:nth-of-type(2).product-items { text-align: left; } #primary .phoen_post .grid_layout_wrapper .rt-grid-item:nth-child(4n+1) { grid-column: span 1; } .footer-top .first-footer-section ul { flex-wrap: wrap; justify-content: center; gap: 20px; } .footer-widgets { flex-wrap: wrap; margin-top: 30px; } .footer-widgets.col-4 .footer-widget-1 { width: 100%; flex-basis: 100%; } .site-footer #block-18 h4 { font-size: 25px; line-height: 30px; } .footer-widgets.col-4 .footer-widget-2 { display: none; } .footer-widgets.col-4 .footer-widget-3 { width: 100%; flex-basis: 100%; } .footer-widgets.col-4 .block.footer-widget-4 { gap: 20px; } #primary .products.columns-3 > li { max-width: calc(50% - 20px); } .archive.left-sidebar .content-area { width: 100%; margin-left: 0; } .archive.left-sidebar .widget-area { width: 100%; display: none; } .archive .full-width { flex-flow: row; flex-wrap: wrap; } #primary .products:not(.upsells):not(.related) { gap: 20px; width: 100%; } #block-28.widget ul { display: flex; gap: 20px; } .product-name a { font-size: 16px; } #payment .place-order .button, .woo_cart_btn, #payment .payment_methods li p, .product-remove a,.footer-top .first-footer-section ul li{ font-size: 14px } #primary .products li.product .price, .product-price bdi, #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label, .cm-product-footer .cart-subtotal, .cm-product-footer .order-total, #order_review .woocommerce-Price-amount.amount bdi, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th { font-size: 18px; } .wc-proceed-to-checkout .button.checkout-button { font-size: 12px; } .woocommerce-cart-form__cart-item { grid-template-columns: 180px auto 150px; } form.checkout.woocommerce-checkout { grid-template-columns: 1fr; column-gap: 50px; } .page-id-176 .hentry.type-page .entry-header{ height: 250px; } .woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } .storefront-handheld-footer-bar ul li>a::before { font-size: 20px; } .storefront-handheld-footer-bar ul li>a { height: max-content; padding: 10px 0; } .storefront-handheld-footer-bar ul li.cart .count { left: 50%; top: 10%; } .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; gap: 15px } .col-2 { width: 100%; } .col-1 { width: 100%; } .cm-product-middle .woocommerce_checkout.cart_item strong.product-quantity { width: 26px; height: 26px; font-size: 13px; line-height: 26px; right: -13px; top: -13px; } .woocommerce-cart-form__cart-item.woocommerce_checkout.cart_item { gap: 10px; } .cm_flex { gap: 30px; } .archive .site-content .full-width { width: 100%; margin: auto; padding: 0 max(1.25rem , 5vw); } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 100%; margin: 0; height: auto; display: inline-block; float: unset; } /* .flex-control-thumbs .slick-list.draggable .slick-track { width: 100%!important; } */ .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after { position: absolute; } .single-product div.product .woocommerce-product-gallery {grid-template-columns: 1fr;} .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 60px; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { order: 1; flex-flow: wrap; flex-direction: row; gap: 5px; max-width: calc(650px - 40px); } .cm-pro-img .product-thumb a img { height: 500px; object-fit: cover; } .single-product div.product .woocommerce-product-gallery{ display: grid; } .single-product .full-width #primary { padding: 0 max(1.25rem , 5vw); } .single-product .full-width #main { padding: 0; } .blog #main { grid-template-columns: repeat(1 , 1fr); } .author .alpha.entry-title, .author .alpha.entry-title a, .blog .alpha.entry-title, .blog .alpha.entry-title a, .archive .alpha.entry-title, .archive .alpha.entry-title a { font-size: 16px; line-height: 22px; } .author #main .post:nth-child(4n + 1), .blog #main .post:nth-child(4n + 1), .archive #main .post:nth-child(4n + 1) { grid-column: span 1; } .author #main .post img, .blog #main .post img, .archive #main .post img { padding: 0; width: 100%; } .author .alpha.entry-title, .blog .alpha.entry-title, .archive .alpha.entry-title { height: max-content; margin-bottom: 10px; margin-top: 10px; } .author .hentry .entry-header, .blog .hentry .entry-header, .archive .hentry .entry-header { border: none; } .slick-prev.slick-arrow { background-image: url(/wp-content/uploads/2023/09/rare-prev-arrow.png); } .slick-arrow { text-indent: -999pc; padding: 0; height: 100%; width: 50px; /* position: absolute; */ left: 0; z-index: 9; background-size: 24px; background-repeat: no-repeat; background-position: center; } .slick-next.slick-arrow { background-image: url(/wp-content/uploads/2023/09/rare-next-arrow.png); } .page-template-template-fullwidth-php .woocommerce-MyAccount-content{ overflow: auto; } .woocommerce-account .user_reward_total p ,.phoen_rewpts_user_reward_point_tr > th,.table-bordered > tbody tr > td,table:not( .has-background ).table-bordered tbody tr:nth-child(2n) td{ font-size: 13px; padding: 10px 9px; } .table-bordered > tbody tr > td { padding: 10px 9px; } .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation ul{ gap: 10px; } .woocommerce-address-fields .button, .woocommerce-input-wrapper input, .woocommerce-input-wrapper select, .product-price bdi, table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th, .product-remove a{ font-size: 14px; } table.table-bordered tr > th { padding: 10px 8px; font-size: 14px; } #primary .upsells.products { grid-column-start: span 1; } #primary .related.products { grid-column-start: span 1; } #primary .upsells.products .products.columns-3 > li { max-width: calc(50% - 20px); } .woo-variation-swatches #primary .variable-items-wrapper .variable-item:not(.radio-variable-item) { width: 30px; height: 30px; line-height: 30px; } .woocommerce-notices-wrapper + .product > .onsale { left: 0; background: #fff; color: #242424; } #payment .payment_methods>.woocommerce-PaymentMethod>label:before, #payment .payment_methods>.wc_payment_method>label:before { font-size: 16px; background: transparent; color: #ccc; border: 1px solid #ccc; border-radius: 50px; width: 20px; height: 20px; background: transparent; color: transparent; font-size: 20px; line-height: 20px; } #primary .cm_track_padding { padding: 0; } #primary .cm_tracking_section { padding: 0; width: 100%; max-width: 100%; } #primary .cm_tracking .table { display: inline-block; overflow-x: auto; } #primary .cm_track_padding { padding: 0; } #primary .cm_tracking_section { padding: 0; width: 100%; max-width: 100%; } #primary .cm_tracking .table { display: inline-block; overflow-x: auto; border:none; } /* width */ #primary .cm_tracking .table::-webkit-scrollbar { border-radius: 10px; height: 10px } /* Track */ #primary .cm_tracking .table::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #0000001a; border-radius: 10px; background: #f1f1f1; } /* Handle */ #primary .cm_tracking .table::-webkit-scrollbar-thumb { background: #242424; border-radius: 10px; } /* Handle on hover */ #primary .cm_tracking .table::-webkit-scrollbar-thumb:hover { background: #555; } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 180px; } .archive .site-content .full-width h1 + .woocommerce { grid-column-start: span 1; } .archive .site-content .full-width { grid-template-columns: 1fr; } .product .entry-summary .variations_form .variations tr td { height: auto; } } @media screen and (max-width: 600px){ #site-navigation #mega-menu-wrap-primary #mega-menu-primary{ position: fixed; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ /* display: block; */ } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { width: 100%; float: left; } .components-checkout_address_title, .shipping_address_title, .woocommerce_billing-details, .woocommerce_billing, .shipping_address_title, .page-template-template-fullwidth-php #order_review_heading { font-size: 20px; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu { /* display: block !important; visibility: visible !important; */ } .phoen_summer { display: none; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 10px 0; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { left: -100vw; width: 100vw; max-width: 100%; z-index: 99; } #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { z-index: -1; background: transparent; height: auto; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { left: 0; padding: 2rem; } .storefront-handheld-footer-bar { display: none; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-weight: 600; font-family: 'nunito',sans-serif; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus { font-weight: 600 !important; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu img{ } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu img{ visibility:visible } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: inline-block; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item { width: 100%; } #site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding-top: 0; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {padding-bottom: 0;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-194 > a { display: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-194 { padding-left: 50px; padding-top: 0; padding-bottom: 0; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul { padding-left: 20px; display: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > ul { display: inline-block; } #site-navigation #site-navigation-menu-toggle span { display: none; } #site-navigation #site-navigation-menu-toggle { border: none; } .site-branding { flex-basis: 100%; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ margin-left: 0; } .site-search .widget.woocommerce.widget_product_search { margin-top: 10px; } .cm-grid-container { flex-wrap: wrap; display: grid; grid-template-columns: 30% calc(70% - 15px); gap: 15px; } #site-navigation {text-align: left;display: flex;margin-left: 0;} .flex.cm-cart-section {flex-basis: 50%;} .woocommerce-active .site-header .site-branding { grid-column-start: span 2; } .woocommerce-active .site-header .site-branding { text-align: center; justify-content: center; display: flex; margin: auto; } button#site-navigation-menu-toggle { display: none; } .flex .site-header-cart .cart-contents { display: inline-block !important; } .flex.cm-cart-section { justify-content: flex-end; gap: 20px; } .flex.cm-cart-section { justify-content: flex-end; gap: 20px; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { background-color: #242424; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before { display: none; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,#site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,#site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after { width: 30px; height: 2px; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after { top: 16px; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after { top: 20px; } #site-navigation #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open { position: absolute; top: -40px; top: 30px; right: 0; transform: translate(-30px , -10px); z-index: 999999; } #site-navigation .menu { display: none !important; } .archive .site-content .full-width, .single-product .full-width #main, .page-id-177.logged-in .entry-content .woocommerce, .page-id-177 .entry-content .woocommerce { width: 100%; max-width: 100%; padding: max(1.25rem , 5vw); } .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation ul { flex-wrap: wrap; justify-content: flex-start; } .shop_content ul li a, .shop_content p, .woocommerce-error , .woocommerce-NoticeGroup .woocommerce-error, .woocommerce-result-count, .woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info,a.woocommerce-Button.button, .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a,.woocommerce-MyAccount-content p { font-size: 14px; } .woocommerce-cart-form__cart-item.woocommerce_checkout.cart_item { grid-template-columns: 220px auto; } .woocommerce-cart-form__cart-item { grid-template-columns: 70px auto 70px; } #primary .products li.product .price, .product-price bdi, #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label, .cm-product-footer .cart-subtotal, .cm-product-footer .order-total, #order_review .woocommerce-Price-amount.amount bdi, table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th { font-size: 16px; } .serch_active .site-search .widget.woocommerce.widget_product_search { width: 250px; } .woocommerce-product-gallery__wrapper { grid-template-columns: 1fr 1fr; gap: 20px; } .woocommerce-shipping-fields__field-wrapper, .single-product div.product { grid-template-columns: 1fr; margin-top: 0; gap: 0; } .single-product div.product .woocommerce-product-gallery a { width: 100%; height: 100%; display: inline-block; } .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout, .woocommerce-tabs.wc-tabs-wrapper { grid-column: span 1; } .single-product div.product .woocommerce-product-gallery a img { object-fit: contain; height: 100%; object-position: top; } .single-product div.product form.cart .quantity { width: calc(100% - 110px); } #primary .products.columns-3 > li { max-width: 100%; } .woocommerce-result-count { width: 60%; line-height: 14px; } .woocommerce-ordering { width: 40%; } .storefront-sorting { align-items: center; padding-top: max(1.25rem , 5vw); /* padding-top:0 */ } .wc-block-product-categories-list .wc-block-product-categories-list-item a, #secondary .wc-block-components-checkbox .wc-block-components-checkbox__label, #secondary .wc-block-components-checkbox>span, .components-button.phoen-components-button.phoen-mini-cart__footer-checkout.contained, .products li.product .button{ font-size: 12px; } .components-modal__frame { width: 100%; transform: translateX(-360px); max-width: 360px; } .phoen_mini_cart_title.phoen_woo_mini_block__title { font-size: 22px; } .cm_flex { grid-template-columns: 1fr; height: max-content; gap: 30px; } .page-description { background: #f5f5f5; } .woocommerce-products-header { height: max-content; } .cm-pro-img .product-thumb a img { height: auto; object-fit: cover; } .phoen_img_size .eael-filter-gallery-container { display: grid; position: static !important; grid-template-columns: 1fr 1fr; height: auto !important; gap: 20px; } .phoen_img_size .eael-filterable-gallery-item-wrap { position: static !important; } .phoen_img_size .eael-filterable-gallery-item-wrap .eael-gallery-grid-item { margin: 0; padding: 0; } .phoen_img_size .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card { padding: 0; } #primary .phoen_img_size .gallery-item-thumbnail-wrap img { height: 200px; } #primary .phoen_img_size .fg-item-content { margin-bottom: 0; } .single-product div.product .woocommerce-product-gallery { flex-direction: column; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{ max-width: 400px } .cm_phone_pincode_input { width: 100%; border: 1px solid #cccccc14; } .cm_size_w { height: 30px; width: 30px; margin-left: 10px; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul { display: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > ul { display: inline-block; } .woocommerce-tabs ul.tabs{ gap: 20px; flex-wrap: wrap; } .woocommerce-products-header,.page-id-178 .page .entry-header,.page-id-3 .page .entry-header,.page-id-866 .page .entry-header,.single-post .entry-header,.archive .page-header{ height:auto; min-height: 250px; } .cm_list_flx span h3 { font-size: 15px; line-height: 17px; } .cm_list_flx span p { font-size: 14px; } .cm_ab_list { gap: 5px; } .cm_list_flx svg { width: 40px; height: 40px; } .cm_able_row .cm-f-sb { width: calc(100% - 100px); } .cm_able_row .cm_text_s { width: 100px; } .cm_btn_chn { width: 100%; padding: 4px 0; place-content: center; } #primary .upsells.products .products.columns-3 > li { max-width: 100%; } .woocommerce-form-login-toggle .shopengine-woocommerce-info.woocommerce-info { flex-wrap: wrap; justify-content: start; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { width: 100%; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row label { font-size: 16px; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login p:nth-of-type(1) { grid-column-start: span 1; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { grid-template-columns: 1fr; gap: 10px; } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 140px; min-height: 140px; } .archive #secondary { display: none; } .woocommerce-form-login-toggle .shopengine-woocommerce-info.woocommerce-info { flex-wrap: wrap; justify-content: start; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { width: 100%; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login .form-row label { font-size: 16px; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login p:nth-of-type(1) { grid-column-start: span 1; } .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login { grid-template-columns: 1fr; gap: 10px; } .woocommerce-cart .order-total td[data-title="Total"] { padding-left: 0; padding-right: 0; font-size: 16px; font-family: 'Montserrat'; } .woocommerce-cart-form__cart-item .product-price .woocommerce-Price-amount bdi { padding-left: 0; } /* new logo setup css start */ .flex #site-header-cart { width: max-content; } .site-header .site-branding img { width: 0; } .site-header .custom-logo-link { width: 70px; height: 70px; position: absolute; left: 0; right: 0; margin: auto; background-image: url(https://rarethreadsbynaina.com/wp-content/uploads/2024/05/Rare-Threads-Logo.png); background-size: 70px; background-position: center center; background-repeat: no-repeat; top: 0; bottom: 0; display: inline-block; z-index: 1; } .cm-grid-container { row-gap: 0; } .flex.cm-cart-section { gap: 5px; } .flex #site-header-cart li:first-child { width: 25px; } /* new logo setup css end */ .cm-return p { grid-template-columns: 1fr; } .cm-return p label:nth-of-type(5) { grid-column-start: span 1; } .wow-modal-overlay .wow-modal-window { padding: 20px !important; } .wpcf7-spinner { position: absolute; right: 0; } .cm-return p label input, .cm-return p label textarea { font-size: 14px; } .wow-col .wpcf7 form .wpcf7-response-output { font-size: 12px; } .cm-submit input[type="submit"] { font-size: 16px; } #primary .cm-form-bg { width: 100%; padding: 30px; } #primary .cm-form-bg { width: 100%; padding: 30px; } #primary .cm-form-bg input { height: 45px; } .cm-return p { gap: 15px; } #primary .cm-form-bg input, #primary .cm-form-bg textarea{ padding-left: 15px } #primary .cm-form-bg input[type="submit"] { text-align: center; padding: 0 30px; } #primary .cm-form-bg input,#primary .cm-form-bg textarea { font-size: 14px } #primary .cm-form-bg input::placeholder,#primary .cm-form-bg textarea::placeholder{ font-size: 14px } .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount { font-size: 13px !important; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { font-size: 12px; flex-wrap: wrap; justify-content: start; padding: 10px 10px; border: none; width: calc(100% - 8%); margin: auto; margin-top: 10px; } .woocommerce-message .button.wc-forward { display: inline-block; margin-left: 0; } } @media(max-width: 480px){ .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 90px; min-height: 90px; margin-bottom: 30px; } #primary .cm-image-opacity img { opacity: 0; height: 400px; } } @media(max-width: 460px){ #primary .cm-image-opacity img { opacity: 0; height: 430px; } .archive .site-content .full-width, .single-product .full-width #main, .page-id-177.logged-in .entry-content .woocommerce, .page-id-177 .entry-content .woocommerce { padding:0 } } @media(max-width: 360px){ .single-product div.product .woocommerce-product-gallery .flex-control-thumbs{ max-width: 300px } .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 86px; min-height: auto; } #primary .cm-image-opacity img { opacity: 0; height: 350px; } } @media(max-width: 320px){ .page-id-176 .hentry.type-page .entry-header, .term-am-to-pm.tax-product_cat .woocommerce-products-header, .term-summer-cotton-finds.tax-product_cat .woocommerce-products-header { height: 75px; } } /* responsive css end */