@charset "UTF-8"; /*! Theme Name: Halloween Gift Store Theme URI: https://www.buywptemplates.com/products/halloween-gift-store Author: Buywptemplates Author URI: https://www.buywptemplates.com/ Description: Step into the spooky spirit of the season with the Halloween Gift Store Theme, the perfect choice for anyone running a Halloween shop, gift boutique, or holiday eCommerce website. Designed with vibrant Halloween colors, eerie fonts, and festive visuals, this theme gives your Halloween gift store a professional yet fun appearance. Whether you sell Halloween costumes, pumpkins, decorations, or spooky party supplies, this theme ensures your online Halloween marketplace stands out. With seamless WooCommerce integration, you can easily showcase and sell Halloween gifts, home décor, and trick-or-treat accessories to customers worldwide. Its fully responsive layout guarantees that your Halloween gift shop looks stunning on every device, from desktop to mobile. Customization is simple with drag-and-drop options, allowing you to personalize every section of your Halloween store website effortlessly. The theme is optimized for SEO, helping your Halloween gift store rank higher on search engines and attract more festive shoppers. It includes pre-designed templates for product pages, gift collections, and promotional banners, ideal for highlighting special Halloween gift ideas or limited-time offers. Lightning-fast performance and compatibility with major plugins make managing your Halloween eCommerce website smooth and efficient. Whether you’re a small Halloween boutique owner or a creative seller preparing for the spooky season, the Halloween Gift Store Theme is your ultimate solution for crafting a magical, memorable, and customer-friendly Halloween shopping experience online. Version: 1.2 Requires at least: 5.9 Tested up to: 6.8 Requires PHP: 5.6 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: halloween-gift-store Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, photography, holiday, entertainment This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Halloween Gift Store is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org Twenty Twenty-Two is distributed under the terms of the GNU GPL. */ *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } header a, footer a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; font-weight: 700; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } table { width: 100%; border-spacing: 0; } th, td { padding: 5px; text-align: center; } table td, table tr, table th { border: 1px solid #ddd; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img, .wp-block-image img { height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 1em 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-size: 17px; } abbr, acronym { border-bottom: 1px dotted #ddd; cursor: help; } mark, ins { background: #ddd; text-decoration: none; } big { font-size: 125%; } select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-radius: 0; box-sizing: border-box; display: block; font-size: 17px; width: 100%; background: #fff; border: 1px solid #ccc; line-height: 1.75; padding: 7px 15px; color: #1c1c1c; } p a { text-decoration: underline; } textarea { width: 100%; height: 120px; padding: 15px 20px; } input[type="checkbox"] { display: inline; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #c3c3c3; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a2a2; } hr { background-color: #999; border: 0; height: 1px; margin-bottom: 1.5em; } a { color: var(--wp--preset--color--primary); outline: 0 !important; } .widget a:not(.wp-block-button__link), .entry-summery a:not(.wp-block-button__link), .entry-content a:not(.wp-block-button__link) { text-underline-offset: 3px; text-decoration-skip-ink: all; text-decoration-thickness: 1px; text-decoration: underline; } .widget a:not(.wp-block-button__link):hover, .entry-summery a:not(.wp-block-button__link):hover, .entry-content a:not(.wp-block-button__link):hover { color: var(--wp--preset--color--primary); } a:focus-visible, a:focus { outline: thin dotted !important; } a:hover, a:active, a:hover { outline: 0; color: var(--wp--preset--color--primary); } /*alignwide*/ .alignfull{ margin:0 !important; width: auto !important } h1,h2,h3,h4,h5,h6{ color: #000; } /*---------------- Woocommerce CSS------------------ */ .woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{ font-size: 25px !important; } .woocommerce h3 a{ color: #000!important; text-decoration: none; } .woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{ background: var(--wp--preset--color--primary); color: #fff; padding: 10px; } .woocommerce .wp-block-query-pagination-numbers{ display: flex; align-items: center; gap: 10px; } .woocommerce .wp-block-query-pagination{ gap: 0; } .woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{ background: #000; color: #fff !important; } .woocommerce .wp-block-post{ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .woocommerce .select2-container--default .select2-selection--single{ height: 40px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 5px 8px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 8px; } .woocommerce form .form-row input.input-text { padding: 8px; border: 1px solid #bcbcbc; } .related.products h2 { text-align: left; } .woocommerce .star-rating span::before { color: #f3f321; } .woocommerce ul.products li.product .star-rating{ margin: 0 auto 8px; font-size: 15px !important; } .woocommerce span.onsale{ background: var(--wp--preset--color--primary); padding: 0; color: #fff; } .products li { box-shadow: -2px -2px 5px #bbb; padding: 10px !important; text-align: center; } .woocommerce ul.products li.product a img{ margin: 0; } h2.woocommerce-loop-product__title, .woocommerce div.product li .product_title { color: #000; letter-spacing: 1px; font-weight: 600; text-align: center !important; font-size: 20px !important; padding: 5px 0 5px 0 !important; } .woocommerce ul.products li.product .button { margin-top: 5px; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{ background: var(--wp--preset--color--primary); color: #fff ; border-radius: 1px solid var(--wp--preset--color--primary); padding: 8px 25px !important; opacity: 1 !important; text-decoration: none; border-radius: 30px; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{ background: var(--wp--preset--color--primary) !important; color: #fff !important; border-radius: 1px solid var(--wp--preset--color--primary) !important; border: none !important; border-radius: 30px !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: var(--wp--preset--color--foreground) !important; border: 1px solid var(--wp--preset--color--foreground); } .woocommerce .quantity .qty { width: 5em; padding: 7px !important; border-radius: 30px; border: solid 1px #000; color: #000; line-height: 1; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { max-width: 100%; } .woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{ padding: 0 !important; } .woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{ width: 80%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; padding-left: 0; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--primary); padding: 12px !important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff; font-weight: 600; } nav.woocommerce-MyAccount-navigation ul li a:hover{ color: #222 !important; } span.posted_in { display: block; } span.woocommerce-input-wrapper { width: 100%; } select.orderby { padding: 10px; } .woocommerce-product-gallery__image{ padding: 2px; } .woocommerce .cart .button, .woocommerce .cart input.button{ padding: 12px; } nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{ text-decoration: none !important; } .woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label { color: #000; line-height: 28px; } .woocommerce .woocommerce-breadcrumb{ max-width: 90%; margin: 0 auto; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ margin-top: 20px; } .woocommerce-page .select2-container .select2-selection .select2-selection__arrow{ height: 1.5rem !important; } .woocommerce input#password{ border: 1px solid #bcbcbc; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 0px !important; } .woocommerce-page form .password-input{ width: 100%; } .woocommerce nav.woocommerce-pagination ul li a { display: block; padding: 12px 15px; text-decoration: none; width: auto; color: #fff; background: var(--wp--preset--color--primary); transition: background .15s ease-in-out; font-weight: bold; } .woocommerce nav.woocommerce-pagination ul li a:hover{ background: #000; color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.current{ padding: 12.5px 15px; background: #000; color: #fff; font-weight: normal; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ border: none; float: none; overflow: unset; } .woocommerce nav.woocommerce-pagination { text-align: center; margin-bottom: 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 110px !important; padding: 5px 5px 5px !important; margin: 0px 10px 0px 0 !important; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 30px; } #payment{ margin: 0 0 30px 0; } .product-name a{ color: #000; } .wp-block-heading { margin-bottom: 5px; margin-top: 5px; } .search-icon path{ color: #000; } .single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{ width: auto; } .single-product .woocommerce.product .wp-block-woocommerce-product-price{ margin-top: 0; } .single-product .woocommerce.product .alg_currency_select{ width: auto; background-color: var(--wp--preset--color--primary); border: none; color: #ffffff; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ margin-left: 0 !important; } /* Header Section */ .header-section li.has-child .wp-block-navigation-submenu .wp-block-navigation-item__content{ padding: 10px !important; } .header-section .header-search-box .wp-block-search .wp-block-search__inside-wrapper { position: relative; justify-content: end; } .header-section .header-search-box .wp-block-search input.wp-block-search__input{ position: absolute; bottom: -45px; right: 0; width: 200px; border-radius: 6px; } .main-header-section{ background-color: var(--wp--preset--color--secondary) !important; } .home .main-header-section{ position: absolute; left: 0; right: 0; z-index: 999; background: transparent !important; } .main-header-section .header-mail-box figure,.main-header-section .header-location-box figure,.main-header-section .header-call-box figure{ display: flex; justify-content: center; } .header-menu .wp-block-navigation .wp-block-navigation-item__label, .header-menu2 .wp-block-navigation .wp-block-navigation-item__label{ border-radius: 7px; padding: 5px 15px; } .header-menu .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label, .header-menu2 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label{ padding: 0; background-color: transparent !important; } .header-menu .wp-block-navigation .wp-block-navigation-item__label:hover, .header-menu2 .wp-block-navigation .wp-block-navigation-item__label:hover{ background-color:var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--background) !important; border-radius: 7px; padding: 5px 15px; } .main-header-section .header-button-box a:hover{ background-color:var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--background) !important; } .main-header-section .header-search-box .wp-element-button{ padding: 10px 10px !important; } .main-header-section .header-search-box .wp-element-button:hover{ background-color: var(--wp--preset--color--primary) !important; } .main-header-section .wp-block-search__button svg{ fill: var(--wp--preset--color--background) !important; } .logo-box{ display: flex; align-items: center; justify-content: center; max-width: 229px; height: 120px; background: #fff; clip-path: circle(50% at 50% 77%); margin-top: -50px !important; } .main-header-section .header-menu ul{ gap: 10px !important; } .header-section,.header-inner-section,.slider-section{ position: relative; } .header-section:before{ content: ''; background: url(./images/spider.png) no-repeat; position: absolute; height: 50px; width: 50px; right: -9px; top: 8em; object-fit: contain; animation: spider-move 2s ease-in-out infinite !important; } .header-section .header-lower-section:before{ content: ''; border: 1.5px solid #fff; padding: 4px; position: absolute; border-radius: 50%; right: 6px; bottom: 10%; background-color: #fff; } .header-lower-section:after{ content: ''; background: url(./images/spider-line.png) no-repeat; position: absolute; height: 90px; width: 2px; background-color: #fff; z-index: 2; right: 10px; top: 90%; animation: spider-move 2s ease-in-out infinite !important; } .slider-section .slider-col{ min-height: 800px; } .slider-section .bat-img1 img{ top: 12%; left: 9px; transform: rotate(194deg); height: 70px; } .slider-section .bat-img2 img{ top: 30%; left: 20%; transform: translateX(-50%); height: 50px; } .slider-section .bat-img3 img{ top: 25%; left: 45%; height: 80px; } .slider-section .bat-img1 img,.slider-section .bat-img2 img,.slider-section .bat-img3 img{ position: absolute; object-fit: contain; width: auto; z-index: 1; } .slider-section .bat-img2 img,.slider-section .bat-img3 img{ animation: bat-fly 3s ease-in-out infinite; } .slider-section:before{ content: ''; position: absolute; height: 120px; width: 1px; background-color: #fff; z-index: 2; left: 54px; top: 0; } .slider-section .wp-block-group.main-slider .swiper-slide{ position: relative; } .slider-section .banner-right,.slider-section .banner-left { z-index: 1; } .slider-section .swiper-slide .wp-block-cover__inner-container{ position: unset; } .slider-section .halloween-text { position: absolute; left: 50%; bottom: 0 !important; transform: translateX(-50%); line-height: 1; text-transform: uppercase; opacity: 0.1; color: transparent; /* Ensure base text color is transparent */ font-weight: 900; justify-content: center; background: linear-gradient(to right, #4a4b87 15%, #fff0 25%, #4a4b87 85%, #fff0 95%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textShine 4.5s ease-in-out infinite alternate; max-width: 100%; overflow-wrap: break-word; } @keyframes textShine { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } /* Bat Animation */ @keyframes bat-fly { 0% { transform: translate(0, 0) rotate(0); } 25% { transform: translate(10px, -30px) rotate(-5deg); } 50% { transform: translate(-10px, 0px) rotate(5deg); } 75% { transform: translate(15px, -20px) rotate(-3deg); } 100% { transform: translate(0, 0) rotate(0); } } /* Spider Animation */ @keyframes spider-move { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } @media screen and (max-width: 767px){ .slider-section .bat-img1 img, .slider-section .bat-img2 img, .slider-section .bat-img3 img, .slider-section h2.halloween-text{ display: none; } .header-section:before, .slider-section:before, .header-section:after, .header-lower-section:after, .header-section .header-lower-section:before{ content: none !important; } .home .main-header-section{ background-color: var(--wp--preset--color--primary) !important; } .slider-section .slider-heading1{ font-size: 30px !important; } .slider-section .slider-para{ font-size: 14px !important; } .slider-col{ padding-bottom: 70px !important; margin-top: 0 !important; } .slider-section .slider-col .banner-right-img img{ height: 350px !important; } .slider-section .slider-col .banner-right .wp-block-group.is-content-justification-right{ align-items: center; } .review-box{ bottom:75px !important } .review-box img{ width: 80px !important; } .slider-content p,.slider-content h2,.slider-content .wp-block-buttons{ text-align: center; justify-content: center; } .slider-section .banner-right{ margin-top: 0 !important; } .slider-section .banner-right-img{ margin-right: 0 !important; } .footer-section .footer-contact-box .footer-phone, .footer-section .footer-contact-box .footer-mail, .footer-section .footer-contact-box .footer-address{ padding-left: 30px !important; font-size: 14px !important; } .main-header-section{ margin-top: 0 !important; } .header-section .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ display: none; } .header-section .header-lower-section{ padding-right: 0 !important; gap: 15px; } .header-section{ width: 100% !important; } .header-menu nav,.header-menu2 nav,.header-button-box .wp-block-buttons,.header-mail-box .wp-block-group,.header-location-box .wp-block-group,.header-call-box .wp-block-group, .main-header-section ul.wp-block-social-links{ justify-content: center; } .header-search-box form{ float: none !important; margin: 0 auto !important; } .header-section .header-lower-section,.header-section{ background-color:var(--wp--preset--color--primary) !important; border: 0 !important; } .header-inner-section{ border-radius: 0px !important; gap: 15px !important; margin-bottom: 20px !important; } .header-inner-section .header-blank-box{ display: none; } .logo-box{ clip-path: none !important; margin-top: 0 !important; background-color: transparent !important; margin: 0 auto !important; } .logo-box .wp-block-site-title{ color: var(--wp--preset--color--background) !important; } .host-section-row .host-column img{ height: auto !important; } .host-section-row .host-para{ font-size: 14px !important; } .host-section-row { max-width: 100% !important; } .slider-section .slider-content{ padding: 20px 0 !important; } } @media screen and (min-width: 768px) and (max-width: 900px){ .header-section .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ display: none; } .header-lower-section,.slider-col{ flex-wrap:nowrap !important; } .header-mail-box .wp-block-group,.header-location-box .wp-block-group,.header-call-box .wp-block-group, .main-header-section ul.wp-block-social-links{ justify-content: center; } .header-inner-section{ display: grid !important; grid-template-columns: auto auto; } .main-header-section nav{ justify-content: center; } .main-header-section .header-button-box a{ padding: 8px 10px !important; font-size: 14px !important; } .header-section .header-lower-section{ gap: 10px !important; padding-top: 20px !important; } .main-header-section .header-menu,.main-header-section .header-menu2,.header-lower-section:not(.is-not-stacked-on-mobile)>.header-menu, .header-lower-section:not(.is-not-stacked-on-mobile)>.header-menu2{ flex-basis: 15% !important; } .main-header-section .header-menu{ order: 1; } .main-header-section .header-button-box,.header-lower-section:not(.is-not-stacked-on-mobile)>.header-button-box{ order: 2; flex-basis: 25% !important; } .main-header-section .logo-box,.header-lower-section:not(.is-not-stacked-on-mobile)>.logo-box{ order: 3; flex-basis: 30% !important; } .main-header-section .header-menu2{ order: 4; } .main-header-section .header-search-box,.header-lower-section:not(.is-not-stacked-on-mobile)>.header-search-box{ order: 5; flex-basis: 15% !important; } .main-header-section .header-blank-box{ display: none; } .main-header-section .header-mail-box,.main-header-section .header-location-box{ flex-basis: 32% !important; } .main-header-section .header-call-box{ flex-basis: 22% !important; } .main-header-section .header-social-icons{ flex-basis: 14% !important; } .main-header-section .header-inner-section figure img{ width: 12px !important; height: 12px !important; } .main-header-section ul.wp-block-social-links{ font-size: 16px !important; gap: 5px !important; } } @media screen and (min-width: 901px) and (max-width: 991px){ .main-header-section .header-menu ul{ gap: 0px !important; } .header-inner-section p{ font-size: 13px !important; } .main-header-section .header-button-box a{ font-size: 12px !important; padding: 10px 5px !important; } .main-header-section .wp-block-navigation .wp-block-navigation-item{ font-size: 13px !important; } .home .header-section .header-lower-section{ padding-right: 5px !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-menu2{ flex-basis: 20% !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-button-box{ flex-basis: 18% !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-search-box{ flex-basis: 7% !important; } .header-section .header-search-box form.wp-block-search__button-only.wp-block-search__searchfield-hidden.wp-block-search__icon-button.alignright.wp-block-search{ width: 35px !important; } .header-inner-section .header-blank-box{ flex-basis: 15% !important; } .header-inner-section .header-mail-box,.header-inner-section .header-location-box{ flex-basis: 25% !important; } .header-inner-section .header-call-box{ flex-basis: 20% !important; } .header-inner-section .header-social-icons{ flex-basis: 15% !important; } } @media screen and (min-width: 768px) and (max-width: 991px){ .logo-box{ clip-path: none !important; margin-top: 0 !important; height: 60px; border-radius: 20px 20px 0 0; } .logo-box img{ height: 60px !important; object-fit: contain; } .logo-box .wp-block-site-logo{ margin-top: 0 !important; } .header-section:before{ top: 10em !important; } .slider-section .bat-img1 img,.slider-section:before{ display: none; } .slider-section .banner-left,.slider-section .banner-right,.slider-col:not(.is-not-stacked-on-mobile)>.banner-left,.slider-col:not(.is-not-stacked-on-mobile)>.banner-right{ flex-basis: 50% !important; } .slider-section .slider-heading1{ font-size: 28px !important; } .slider-section .slider-para { font-size: 14px !important; } .slider-section .wp-block-group.main-slider .swiper-slide, .slider-section .slider-col{ min-height: 550px !important; } .slider-section .banner-right-img{ margin-right: 10px !important; } .slider-section .banner-right,.slider-col{ margin-top: 135px !important; } .slider-section .halloween-text{ font-size: 115px !important; } .slider-section .slider-col .banner-right-img img{ height: 400px !important; } .host-section-row .host-column{ display: grid; grid-template-columns: auto auto; } .host-section-row .host-column img{ height: 270px !important; } } @media screen and (min-width: 992px) and (max-width: 1199px){ .logo-box img{ height: 85px !important; margin-top: 20px; object-fit: contain; } .host-section-row .host-name{ font-size: 16px !important; } .host-section-row .host-designation{ font-size: 14px !important; } .host-section-row .host-column img{ height: 170px !important; } .header-mail-box .wp-block-group,.header-location-box .wp-block-group,.header-call-box .wp-block-group, .main-header-section ul.wp-block-social-links{ gap: 3px !important; } .main-header-section .header-inner-section figure img { width: 12px !important; height: 12px !important; } .main-header-section .header-menu ul{ gap: 0px !important; } .header-inner-section p{ font-size: 13px !important; } .main-header-section .header-button-box a{ font-size: 13px !important; padding: 10px 8px !important; } .main-header-section .wp-block-navigation .wp-block-navigation-item{ font-size: 13px !important; } .main-header-section .header-menu2 ul.wp-block-navigation__container { gap: 2px; } .home .header-section .header-lower-section{ padding-right: 10px !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-menu2{ flex-basis: 20% !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-button-box{ flex-basis: 18% !important; } .header-lower-section:not(.is-not-stacked-on-mobile)>.header-search-box{ flex-basis: 7% !important; } .slider-section .banner-left,.slider-section .banner-right{ flex-basis: 50% !important; margin-top: 130px !important; } .slider-section .main-slider .swiper-slide, .slider-section .slider-col{ min-height: 600px !important; } .slider-section .banner-right-img{ margin-right: 20px !important; } .slider-section .halloween-text{ font-size: 152px !important; } .slider-section .slider-col .banner-right-img img{ height: 460px !important; } } @media screen and (min-width: 992px) and (max-width: 1440px){ .header-inner-section:not(.is-not-stacked-on-mobile)>.header-location-box,.header-inner-section:not(.is-not-stacked-on-mobile)>.header-mail-box{ flex-basis: 22% !important; } .header-inner-section:not(.is-not-stacked-on-mobile)>.header-blank-box{ flex-basis: 21% !important; } .main-header-section .header-lower-section{ gap: 12px !important; padding-right: 10px !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px){ .main-header-section .header-button-box a{ font-size: 13px !important; padding: 10px 8px !important; } .header-inner-section p{ font-size: 14px !important; } .main-header-section .header-menu ul{ gap: 5px !important; } .header-section .header-inner-section{ gap: 16px !important; } .host-section-row .host-column img{ height: 220px !important; } } /*Banner section start*/ .review-box figure{ margin-right: 0 !important; } .slider-section .main-slider .swiper-slide { display: flex; } .slider-section .wp-block-group.main-slider-controls { position: absolute; top: 50%; left: 5%; } .slider-section .wp-block-group.main-slider .main-slider-button-prev, .slider-section .wp-block-group.main-slider .main-slider-button-next { width: 40px; height: 40px; border-radius: 6px; cursor: pointer; } .slider-section .wp-block-group.main-slider .main-slider-button-prev{ background-color: var(--wp--preset--color--primary); left: auto; top: 150%; } .slider-section .wp-block-group.main-slider .main-slider-button-next { background-color: var(--wp--preset--color--background); left: 0; margin: 0 !important; top: 0; } .slider-section .swiper-button-prev:after{ color: var(--wp--preset--color--background) !important; content: '\f104'; } .slider-section .swiper-button-next:after{ color: var(--wp--preset--color--foreground) !important; content: '\f105'; } .slider-section .swiper-button-prev:after,.slider-section .swiper-button-next:after{ font-size: 17px !important; font-weight: 900; font-family: 'Font Awesome 7 Free'; } .slider-section .swiper-button-next{ right: 93%; } .main-pagination { display: none; } .slider-section .wp-block-group.main-slider .swiper-slide { margin-block-start: 0 !important; } .slider-section .wp-block-group.main-slider .main-slider-button-prev:hover{ background-color: var(--wp--preset--color--background); } .slider-section .wp-block-group.main-slider .main-slider-button-prev:hover:after{ color: var(--wp--preset--color--foreground) !important; } .slider-section .wp-block-group.main-slider .main-slider-button-next:hover { background: var(--wp--preset--color--primary); } .slider-section .wp-block-group.main-slider .main-slider-button-next:hover:after{ color: var(--wp--preset--color--background) !important; } .slider-section .slider-btn a{ display: flex; align-items: center; } .slider-section .slider-btn a img{ margin-left: 12px; } .slider-section .slider-btn a img:last-child, .slider-section .slider-btn a:hover img:first-child{ display: none; } .slider-section .slider-btn a img:first-child, .slider-section .slider-btn a:hover img:last-child{ display: inline-block; } .slider-section .slider-btn a:hover{ background: var(--wp--preset--color--primary)!important; color: var(--wp--preset--color--background) !important; } .slider-section .slider-btn a:hover:after{ color: var(--wp--preset--color--background) !important; } .slider-section .slider-wrap span{ background: linear-gradient(0.32deg, var(--wp--preset--color--secondary) 0.23%, rgba(0, 0, 0, 0) 59.39%)!important; opacity: 1 !important; } .slider-section .slider-wrap{ position: relative; } .slider-section .slider-wrap:after{ content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); } .slider-section .banner-right{ margin-top:70px; } .review-box{ height: fit-content; right: 0; position: absolute; bottom: 20px; } /*banner css end*/ /* Host Section start*/ .host-section-row .host-col:hover img{ transform: scale(1.1); } .host-section-row .host-column img{ width: 100% !important; transition: 1.2s; } .host-section-row .host-bg-heading:after{ content: ''; background-color: #ffffff; height: 4px; width: 25px; position: absolute; top: 20%; transform: translateY(-50%); margin-left: 10px; } /* Host Section end*/ /* About Section start*/ .about-section .about-mid-box .about-inner-box1, .about-section .about-mid-box .about-inner-box2{ clip-path: polygon(80% 0, 100% 40%, 100% 100%, 0 100%, 0 0); } .about-section .about-mid-box .about-mid-btm-img{ position: relative; display: flex; align-items: flex-end; } .about-section .about-mid-box .about-mid-btm-img .wp-block-cover__inner-container{ position: relative; } .about-section .about-mid-box .about-mid-btm-img .wp-block-cover__inner-container:after{ content: ''; position: absolute; height: 100px; width: 100px; bottom: 0; right: 0; background-color: var(--wp--preset--color--secondary); clip-path: polygon(100% 0, 0% 100%, 100% 100%); opacity: 0; transition: 0.6s; } .about-section .about-mid-box .about-mid-btm-img:after, .about-section .about-mid-box .about-mid-btm-img:before{ content: ''; position: absolute; background-color: var(--wp--preset--color--secondary); left: 0; z-index: 1; transition: 1s; } .about-section .about-mid-box .about-mid-btm-img:after{ height: 45%; width: 35%; clip-path: polygon(100% 0, 0% 100%, 0 0); top: 0; opacity: 0; } .about-section .about-mid-box .about-mid-btm-img:before{ height: 78%; width: 55%; clip-path: polygon(0 100%, 100% 100%, 0 0); bottom: 0; opacity: 0; } .about-section .about-mid-box .about-mid-btm-img:hover:after{ opacity: 0.3; } .about-section .about-mid-box .about-mid-btm-img:hover:before{ opacity: 0.25; } .about-section .about-mid-box .about-mid-btm-img:hover .wp-block-cover__inner-container:after{ opacity: 1; } .about-section .about-mid-box .about-mid-outer-box{ gap: 12px; } .about-section .about-mid-box, .about-section .about-right-box{ display: flex; flex-direction: column; justify-content: space-between; } .about-section .about-right-box .about-video{ clip-path: polygon(100% 0, 100% 70%, 85% 100%, 0 100%, 0 0); } .about-section .about-right-box .about-video .wp-block-embed__wrapper{ height: 260px; } .about-section .about-left-box .about-btn a:hover{ background-color: var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--foreground) !important; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block{ width: 50px; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon{ font-size: 30px !important; background-color: var(--wp--preset--color--primary); display: inline-flex; padding: 10px; border-radius: 10px; height: 50px; width: 50px; padding: 12px; color: #fff; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon:hover{ background-color: var(--wp--preset--color--foreground) !important } .wpzoom-video-popup-block-modal .mfp-close{ font-size: 35px !important; background-color: var(--wp--preset--color--primary); display: inline-flex; padding: 0px 10px 5px; border-radius: 10px; opacity: 1; width: auto; align-items: center; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block:hover .wpzoom-video-popup-block_icon{ color: var(--wp--preset--color--background); } .about-section .about-right-box .about-video .wp-block-cover__inner-container{ text-align: center; } /* About Section end*/ /* FAQ's Section start*/ .faq-section .faq-detail-section details.faq-btm-title summary{ padding: 10px 40px 10px 20px; list-style: none; position: relative; } .faq-section .faq-detail-section details.faq-btm-title{ box-shadow: 0px 3px 6px 0px #00000026; margin-top: 25px; } .faq-section .faq-detail-section details.faq-btm-title[open] > summary{ border-bottom: 1px solid var(--wp--preset--color--background); } .faq-section .faq-detail-section details.faq-btm-title[open] > summary + p{ margin-top: 0; padding: 15px 20px; } .faq-section .faq-detail-section details.faq-btm-title[open]{ background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--background) !important; } .faq-section .faq-detail-section details.faq-btm-title summary:after{ content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); height: 15px; width: 15px; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(./images/faq.svg); } .faq-section .faq-detail-section details.faq-btm-title[open] > summary:after{ background-image: url(./images/faq1.svg); } /* FAQ Section end*/ /* News Section start*/ .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.04; z-index: 1; width: 100%; word-wrap: break-word; } .news-section .news-head-box .news-bg-heading{ top: 65%; } .project-section .mySwiper1, .news-section .mySwiper2{ overflow: hidden; } .news-section .wp-block-post-title a,.news-section .news-box .news-inner-box .news-desc .wp-block-post-excerpt__excerpt{ color: var(--wp--preset--color--secondary); } .news-section .news-box .news-inner-box .news-main-box .news-date{ background-color: var(--wp--preset--color--secondary) !important; } .news-section .mySwiper2{ padding: 10px; } .faq-section:after{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; background-color: var(--wp--preset--color--primary); opacity: 0.1; z-index: -1; } .news-section .news-box .news-inner-box{ filter: drop-shadow(0px 0px 6px #00000026); } .news-section .news-box .news-inner-box:before{ content: ''; position: absolute; height: 100%; width: 100%; background-color: var(--wp--preset--color--background); top: 0; z-index: -1; clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%); } .news-section .news-box .news-inner-box:hover .news-title a{ color: var(--wp--preset--color--primary) !important; } .faq-section .faq-head-box, .news-section .news-head-box, .news-section .news-box .news-inner-box{ position: relative; } .news-section .news-box .news-inner-box .news-main-box .news-date{ position: absolute; left: 20px; top: 20px; } .news-section .news-box .news-inner-box .news-main-box .news-date{ display: flex; justify-content: center; } .news-section .news-box .news-inner-box .news-main-box .news-date time{ width: 40%; font-weight: 800 !important; } .news-section .news-box .news-inner-box:hover:before{ background-color: var(--wp--preset--color--primary) !important; } .news-section .news-box .news-inner-box:hover .wp-block-post-title a,.news-section .news-box .news-inner-box:hover .wp-block-post-excerpt__excerpt, .news-section .news-box .news-inner-box:hover .news-author,.news-section .news-box .news-inner-box:hover .news-comment h2{ color: var(--wp--preset--color--background) !important; } .news-section .news-inner-box:hover .news-meta-box .news-author:after, .news-section .news-inner-box:hover .wp-block-comments-title:after{ filter: brightness(0) invert(1); } .news-section .news-inner-box .news-meta-box .news-author:after, .news-section .news-inner-box .wp-block-comments-title:after{ filter: brightness(0) invert(0); } .news-section .news-box .news-inner-box .news-img{ clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 20%); border-radius: 0 !important; } .news-section .news-box .news-inner-box .news-desc .wp-block-post-excerpt__excerpt{ padding-right: 60px; } .news-section .news-swiper-pagination{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; padding-top: 15px; gap: 0; } .news-section .news-swiper-pagination .swiper-pagination-bullet{ background-color: var(--wp--preset--color--background); opacity: 0.15; height: 8px; width: 8px; margin: 0 5px !important; } .news-section .news-swiper-pagination .swiper-pagination-bullet-active{ background-color: var(--wp--preset--color--primary); opacity: 1; height: 12px; width: 12px; } .news-section .news-inner-box .news-meta-box .news-author, .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title, .footer-section .footer-box .footer-phone, .footer-section .footer-box .footer-mail, .footer-section .footer-box .footer-address{ position: relative; } .news-section .news-inner-box .news-meta-box .news-author:after, .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title:after, .footer-section .footer-box .footer-phone:after, .footer-section .footer-box .footer-mail:after, .footer-section .footer-box .footer-address:after{ content: ''; position: absolute; left: 0; top: 4px; height: 18px; width: 18px; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; } .news-section .news-inner-box .news-meta-box .news-author:after{ background-image: url(./images/author.svg); } .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title:after{ background-image: url(./images/comment.svg); } .footer-section .footer-box .footer-phone:after{ background-image: url(./images/phone.svg); } .footer-section .footer-box .footer-mail:after{ background-image: url(./images/email.svg); } .footer-section .footer-box .footer-address:after{ background-image: url(./images/location.svg); } .footer-section .footer-box .footer-phone:after, .footer-section .footer-box .footer-mail:after, .footer-section .footer-box .footer-address:after{ background-color: var(--wp--preset--color--secondary) !important; background-size: 100% 100%; background-position: center; } /* News Section end*/ .main-header-section .wp-block-search__button:hover{ background-color: transparent !important; } .main-header-section .wc-block-cart-link .wc-block-cart-link__text{ display: none; } .main-header-section .wc-block-cart-link:hover{ color: var(--wp--preset--color--background) !important; } .main-header-section .wp-block-social-links{ font-size: 20px !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu{ background-color: #0000 !important; gap: 10px !important; } .home .header-section .header-inner-section .header-logo .header-title a{ color: var(--wp--preset--color--foreground) !important; } .home .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu li a:hover{ color: var(--wp--preset--color--primary) !important; } .home .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu ul ul li a:hover{ color: var(--wp--preset--color--background) !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu ul ul li a{ padding: 10px; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu li a:hover{ color: var(--wp--preset--color--foreground) !important; } .home .header-section .header-menu .header-search svg.search-icon{ fill: var(--wp--preset--color--foreground); } .header-section .header-menu .header-search svg.search-icon{ fill: var(--wp--preset--color--background); transform: rotate(-90deg); } .header-section .header-menu .header-search button.wp-block-search__button{ background-color: #0000; border: none; display: flex; align-items: center; padding: 0; } .header-section .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden{ overflow: visible !important; width: 50px !important; height: auto !important; } .header-section .wc-block-customer-account__account-icon a{ width: 50px !important; height: auto !important; } .header-section .header-inner-section{ position: relative; } .header-section .header-inner-section .header-logo a:hover{ color: var(--wp--preset--color--background) !important; } .header-section{ position: relative; z-index: 2; } .header-section:after{ content: ''; height: 100%; width: 100%; position: absolute; left: 0; bottom: 0; background: #ffffff24; filter: blur(1px); z-index: -1; border-radius: 0 0 14px 14px; } .header-section .header-inner-section a{ text-decoration: none; } .header-section .header-inner-section a:hover, .header-section .header-inner-section .wp-block-social-links a:hover svg{ color: var(--wp--preset--color--foreground); } /*added woo product*/ .wc-block-components-product-sale-badge img{ height: 250px !important; } .products-block-post-template h3 a{ font-size: 22px !important; text-decoration: none ; } span.woocommerce-Price-amount.amount{ font-size: 18px !important; color: #000; } a.added_to_cart.wc_forward{ margin-top: 0 !important; background: var(--wp--preset--color--primary); color: #fff; padding: 6px 12px; font-size: 18px !important; text-decoration: none; border-radius: 6px; } .single-post .wp-block-post-featured-image img{ width: auto; } .single-post .wp-block-post-author__avatar img{ width: 25px !important; height: 25px !important; } .wp-block-woocommerce-checkout.wc-block-checkout { width: 90%; margin: 0 auto; } .woocommerce .product .yith-wcwl-add-to-wishlist-button svg, .woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{ color: #ffffff !important; } /*archive*/ .archive-page-sec{ padding-bottom: 30px; padding-top: 30px; } /*Footer Section*/ footer.wp-block-template-part{ margin-top: 0; } .footer-section .footer-box .footer-phone, .footer-section .footer-box .footer-mail, .footer-section .footer-box .footer-address { display: inline-flex; } .footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box{ gap: 12px; } .footer-section .wp-block-social-links{ gap: 10px !important; } .footer-section .wp-block-tag-cloud a{ border:1px solid var(--wp--preset--color--primary); padding: 6px 10px; margin: 2px; } .footer-section .wp-block-tag-cloud a:hover{ background: #009DAE; border:1px solid #009DAE; } .footer-add{ margin-right: 10%; } .footer-section { padding: 0; min-height: auto; position: relative; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { padding-left: 50px; } .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding-right: 50px; } .footer-add{ line-height: 30px !important; } .footer-box a{ text-decoration: none !important; } .footer-box a:hover{ color: var(--wp--preset--color--primary) !important } .footer-box ul { padding: 0; gap: 0; } .footer-box{ position: relative; } .footer-box ul li { list-style: none; margin-bottom: 10px; } .footer-section .wp-block-social-link{ background: transparent !important; color: var(--wp--preset--color--tertiary); } .footer-section .wp-block-button__link { padding: 10px 25px; font-weight: 500; font-size: 14px; color: #fff !important; text-decoration: none; background-color: transparent; border: 2px solid #fff; } .search-menu .menu-section .wp-block-search__button svg:hover{ color: #fff !important; } .footer-section .wp-block-social-link a{ padding: 6px !important; border-radius: 0; background: #ffffff; color: #000000 !important; font-size: 20px !important; } .footer-section .wp-block-social-link a:hover{ background-color: var(--wp--preset--color--primary) !important; color: #ffffff !important; } .copyright-section p{ line-height: 30px; } .copyright-section p a{ text-decoration: none; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ color: #1778f2; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ color:#f00075; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ color:#1da1f2; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pmulishest{ color:#e60122; } .innerpage-banner{ margin: 0 !important; } /*theme-button-section*/ .theme-button-section a{ border: 2px solid transparent !important; } .theme-button-section a:hover{ border: 2px solid var(--wp--preset--color--primary) !important; background: transparent !important; color: #000 !important; font-size: 18px; font-weight: 600; } /*404 Page CSS*/ .wp-block-search__button { border: 0; background: var(--wp--preset--color--primary); } /*Sidebar CSS*/ .theme-sidebar .wp-block-tag-cloud a{ border:1px solid var(--wp--preset--color--primary); padding: 6px 10px; margin: 2px; } .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; } .theme-sidebar .wp-block-group h3 { color: var(--wp--preset--color--primary); padding-bottom: 5px; border-bottom: 3px solid var(--wp--preset--color--primary); font-size: 24px !important; } .theme-sidebar .wp-block-group ul { padding-left: 20px; } .theme-sidebar .wp-block-group ul li { line-height: 2; font-size: 20px; color: var(--wp--preset--color--primary); list-style: disc; text-decoration: none !important; } .theme-sidebar .wp-block-group ul li a { color: #000 !important; text-decoration: none !important; font-size: 16px; } .theme-sidebar .wp-block-social-links .wp-social-link a{ color: var(--wp--preset--color--background) !important; background-color: var(--wp--preset--color--secondary); border-radius: 50%; } .theme-sidebar ul.wp-block-social-links { padding: 0; } .theme-sidebar ul.wp-block-social-links a{ padding: 10px !important; } .theme-sidebar ul.wp-block-social-links a svg { font-size: 18px; } .theme-sidebar .wp-block-tag-cloud a{ background:#fff; color: #000; font-size:15px !important; padding: 6px 18px; margin: 2px 4px 6px; display:inline-block; border: 2px solid #000; text-decoration: none; } .theme-sidebar .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--primary); color: #fff; border: 2px solid var(--wp--preset--color--primary); } .theme-sidebar .wp-block-gallery { gap: 1em; } .wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{ margin-bottom: 30px; } .wp-element-button,.wc-block-components-checkout-return-to-cart-button{ background: var(--wp--preset--color--primary); color: #fff; border: 1px solid transparent; border-radius: 6px; padding: 6px 25px; } .wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{ text-decoration: none; } .wc-block-cart__sidebar .wc-block-cart__totals-title{ padding: 8px 16px !important; } .single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{ margin-top: 10px !important; } .single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{ text-decoration: line-through; } .single-product .wc-block-grid__product-price del{ text-decoration: none; } .single-product .yith-add-to-wishlist-button-block--single a{ background-color: var(--wp--preset--color--primary); text-decoration: none; color: #ffffff; padding: 10px; border-radius: 6px; } .wp-element-button:hover{ background: transparent; border: 1px solid var(--wp--preset--color--primary); color: #fff !important; } .wp-block-search__button:hover{ color: #fff ; } .wp-block-site-logo{ margin-top: 10px !important; } .wp-block-site-title{ line-height: 1; } /*Blog Section*/ .wp-block-latest-posts.is-grid li { position: relative; background: #fff; border: solid 1px #eee; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%); margin-bottom: 30px; } .blog-section .wp-block-latest-posts.is-grid li { box-shadow: none; } .wp-block-latest-posts.is-grid li img { width: 100%; } .wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title { font-size: 20px; font-weight: 700; color: #000; padding: 0 10px; text-transform: capitalize; text-decoration: none; display: block; margin: 15px 0 0; } .wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{ display: inline-block; background: var(--wp--preset--color--primary); padding: 8px 8px; font-weight: 600; font-size: 13px; color: #fff; margin: 10px 0px 0px 10px; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt { color: #6b6b6b; padding: 0 10px; font-size: 14px; line-height: 25px; } .innerpage-banner .wp-block-group h1{ color: #fff !important; } /*blog post*/ .single-post .wp-block-comments .comment-form .comment-form-cookies-consent{ align-items: flex-start; } .single-post .wp-block-comments .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{ margin-top: 10px; } .has-shadow-dark, .has-no-hover-shadow-dark { box-shadow: 0 6px 30px 7px #2125471a; transition: 0.5s; padding: 50px !important; margin-bottom: 30px; } p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{ padding: 10px 15px; background: var(--wp--preset--color--primary); border-radius: 6px; font-size: 18px !important; color: #fff; border: 1px solid transparent; cursor: pomulish; text-decoration: none !important; margin-top: 10px; margin-bottom: 10px; } .navigation .alignleft a, .navigation .alignright a{ color: #000 !important; font-size: 18px !important; text-decoration: none !important; } .comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{ color: #000 !important; font-size: 16px !important; font-weight: 700; } p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{ background: transparent !important; border: 1px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground) !important; } footer.comment-meta { margin-top: 12px; } .wp-block-post-author__name{ margin: 10px 0px; } /*Sidebar CSS*/ .theme-sidebar .wp-block-search__button{ background: var(--wp--preset--color--primary) !important; } .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; box-shadow: 0 0px 6px 0px #cdcaca; transition: 0.5s; margin-bottom: 30px; } .single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{ font-size: 30px; } .wp-block-post-author{ align-items: center; } /*blog listing*/ .wp-block-query-pagination { margin: 80px 0; } .wp-block-query-pagination .wp-block-query-pagination-numbers { margin: 0; display: inline-block; } .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous { padding: 12px 16px; background: var(--wp--preset--color--primary); line-height: 1; margin: 0 3px; text-decoration: inherit; display: inline-block; box-shadow: 0 0 15px #0000002b; border-radius: 100px; color: #fff; } .wp-block-query-pagination .page-numbers.current, .wp-block-query-pagination a:hover, .wp-block-query-pagination a:focus, .wp-block-query-pagination a:active { background-color: var(--wp--preset--color--primary); color: #fff; } .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous { padding: 12px 16px; background:#fff; line-height: 1; margin: 0 3px; text-decoration: inherit; display: inline-block; box-shadow: 0 0 15px #0000002b; border-radius: 100px; color: #000; } .wp-block-post-title a{ color: #000; } .wp-block-post-excerpt__more-link{ padding: 10px; background: var(--wp--preset--color--primary); color: #fff !important; font-weight: 600; } .wp-block-post-excerpt__more-link:hover{ background: #000; } /*my account address button css*/ header.woocommerce-Address-title.title a{ background-color: var(--wp--preset--color--primary); border-radius: 0px !important; color: #fff; font-size: 15px; font-weight: bold !important; text-decoration: none !important; padding: 12px 20px !important; } .wc-block-grid__product-onsale{ background-color: var(--wp--preset--color--primary) !important; border-radius: 6px !important; color: #fff !important; border-color: transparent !important; } a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{ padding: 10px 16px !important; } header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{ background: #000; color:#fff !important; } .wc-block-grid__products { justify-content: center; } .woocommerce h1.alignwide.wp-block-query-title, .woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex, .woocommerce .products-block-post-template, .woocommerce .wp-block-woocommerce-breadcrumbs, .search.search-no-results .wp-block-woocommerce-breadcrumbs, .search.search-no-results .wp-block-woocommerce-product-collection-no-results{ width: 80%; margin: 0 auto; } .single-product.woocommerce .wp-block-woocommerce-breadcrumbs{ width: 100%; } .footer-para{ font-size: 14px !important; } .woocommerce .wp-block-woocommerce-store-notices + .wp-block-group, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection, .single-product.woocommerce .wp-block-woocommerce-store-notices{ width: 80%; } /*cart css*/ header.woocommerce-Address-title.title{ display: inline-grid; margin-bottom: 20px; } .woocommerce-account .addresses .title .edit{ text-decoration: none; color: #fff !important; } ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{ display: grid !important; grid-template-columns: auto auto auto auto; gap: 1em; width: 80%; margin: 0 auto; } li.wc-block-grid__product{ max-width: 100% !important; } .wc-block-grid__product-onsale{ padding: 5px 12px !important; font-size: 12px !important; } table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{ border: 1px solid #dcdcdc; margin: 0 -1px 24px 0; text-align: left; width: 100%; border-radius: 5px; } td.wc-block-cart-item__image{ padding: 16px 0px 16px 16px !important; } td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{ padding-left: 16px !important; padding-right: 16px !important; } tr.wc-block-cart-items__header th{ font-weight: 700; padding: 9px 12px !important; line-height: 1.5em; font-size: 16px; } a.wc-block-components-product-name{ color: #000; font-size: 20px; font-weight: 600; } span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{ color: #717171 !important; } span.price.wc-block-components-product-price{ text-align: left !important; } a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button{ text-decoration: none !important; } button.wc-block-cart-item__remove-link{ font-size: 1em !important; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ text-align: left !important; } a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{ border-radius: 0; color: #fff !important; font-weight: 500; padding: 10px 25px !important; font-size: 18px; border-radius: 6px; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ font-size: 1.5em !important; padding: 10px !important; display: block !important; } button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{ background-color:#000; } .wp-block-woocommerce-checkout-order-summary-block{ border: 1px solid #dcdcdc; } .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{ padding: 10px; } .wc-block-components-button:hover{ background-color: #000 !important; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description p{ font-size: 14px; } .wp-block-woocommerce-cart.alignwide { margin-left: auto; margin-right: auto; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{ padding-right: 0%; } .woocommerce-account .woocommerce-MyAccount-navigation { background-color: transparent !important; } .woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{ padding: 5px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 !important; } .woocommerce{ margin: 0 auto; max-width: 100% !important; } nav.woocommerce-MyAccount-navigation ul li a { color: #fff; text-decoration: none; font-weight: 600; } .wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{ border: 1px solid #fff !important; } button.wc-block-cart-item__remove-link{ display: block !important; } tr.wc-block-cart-items__header{ border-bottom: 1px solid #fff; } tr.wc-block-cart-items__row{ border-top: 1px solid #fff; } .wc-block-cart{ width: 90%; } .wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{ text-align: left; } .single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price ins{ background: none !important; } .single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column { flex-basis: 40% !important; } /* Wishslist */ .woocommerce-wishlist .wishlist_table.mobile{ padding-left: 0; } .woocommerce-wishlist .wishlist_table.mobile table{ width: auto; } .woocommerce-wishlist .wishlist_table.mobile li{ padding: 15px; border: 1px solid #000000; } .woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{ display: flex; align-items: center; justify-content: flex-start; } .woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ display: grid; grid-template-columns: 2fr 50%; gap: 10px; } .woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{ font-size: 16px !important; font-weight: 500; } .woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{ font-size: 14px !important; padding: 6px !important; } .woocommerce-wishlist .main-product-section .wishlist_view { display: block !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{ display: none; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{ opacity: 1; } .woocommerce-wishlist .yith-wcwl-share .share-button i{ font-family: 'FontAwesome'; } .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{ text-decoration: none !important; line-height: 12px; } .woocommerce-wishlist .wishlist_table .product-add-to-cart a{ border-radius: 6px; color: #fff; padding: 12px 12px !important; font-size: 15px; font-weight: bold; text-decoration: none !important; } .woocommerce-wishlist .wishlist_table.responsive .product-name a{ text-decoration: none; } /*woocommerce css*/ .wp-block-button.wc-block-components-product-button{ gap: 0; } .woocommerce a.added_to_cart{ margin-top: 0; } li.wc-block-product,li.wc-block-grid__product{ border: 1px solid #dcdcdc; padding: 10px; } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{ background: var(--wp--preset--color--accent); color: #fff; border-color:var(--wp--preset--color--accent) ; } .woocommerce .price ins, .woocommerce bdi{ font-size: 16px; } .woocommerce .wc-block-components-product-price ins, .woocommerce-wishlist .wishlist-items-wrapper .product-price ins, .woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{ background-color: transparent; } .woocommerce-wishlist .wishlist-items-wrapper .product-remove a, .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{ text-decoration: none; } .woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{ width: 130px; height: 50px; display: flex !important; align-items: center; justify-content: center; } .woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{ font-size: 30px; } .wp-block-woocommerce-related-products .wp-block-post{ width: calc(33% - 1em)!important; } .woocommerce-shop .add_to_cart_button{ padding: 10px 12px !important; } /*blog and archive css*/ .blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{ background: var(--wp--preset--color--primary); border-radius: 6px; padding: 7px 10px; color: #fff; text-decoration: none !important; } span.page-numbers.current { background: var(--wp--preset--color--primary); color: #fff; padding: 12px 16px; } a.page-numbers{ background: transparent; color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); padding: 8px 10px; } .wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{ color: #fff; background: var(--wp--preset--color--primary); padding: 12px 16px; } .wp-block-query-pagination{ gap: 10px !important; } .wp-block-query-pagination a{ text-decoration: none; } .blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover, .wp-block-post-template .wp-block-post-excerpt__more-link:hover{ background: #000; color: #fff; } .archive .wp-block-post-template figure,.wp-block-post-template figure{ margin: 0 !important; } .wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date { margin-top: 10px; } .archive .wp-block-post-template, .wp-block-post-template{ gap: 1.2em; } .wp-block-post-template .wp-block-post-excerpt__excerpt{ color: #717171; } .woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{ text-align: center; } .woocommerce-account .entry-content .woocommerce-form-login { width: 450px; margin: 0 auto; } .wc-block-components-checkout-return-to-cart-button svg{ left: 3% !important; } a.wc-block-components-checkout-return-to-cart-button{ padding: 10px 12px 10px 30px !important; } /* Scroll to Top */ .scroll-top-box { display: none; /* Initially hidden */ position: fixed; bottom: 20px; right: 20px; background: var(--wp--preset--color--primary); color: white; border: none; border-radius: 50% !important; padding: 10px 18px 13px; cursor: pomulish; z-index: 1000; transition: opacity 0.3s; } .scroll-top-box .wp-block-button__link.wp-element-button{ border-radius: 50% !important; padding: 0!important; margin: 0 !important; } .scroll-top-box .wp-block-button__link, .scroll-top-box .wp-block-button__link:hover{ background-color: var(--wp--preset--color--primary); } /*RESPONSIVE MEDIA*/ @media screen and (max-width:767px) { .header-section .header-search-box .wp-block-search .wp-block-search__inside-wrapper{ justify-content: center; } .header-section .header-search-box .wp-block-search input.wp-block-search__input{ right: 50%; transform: translateX(50%); } .home .main-header-section{ position: static; } .main-header-section{ background-color: var(--wp--preset--color--primary); } .home .header-section .header-inner-section:after{ content: none; } .footer-section .copyright-section p{ padding-left: 35px; padding-right: 35px; } .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ font-size: 46px !important; line-height: 1; } .about-section .about-inner-boxes{ flex-direction: column-reverse; } .about-section .about-right-box .about-small-title, .about-section .about-right-box .about-sec-heading, .about-section .about-left-box .about-desc{ text-align: center !important; } .about-section .about-left-box .about-btn{ justify-content: center; } .about-section .about-right-box .about-sec-heading{ font-size: 28px !important; } .about-section .about-mid-box .about-mid-outer-box{ flex-wrap: nowrap !important; } .footer-section .footer-box .footer-contact-box{ display: flex; flex-direction: column; padding: 0; } .search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper { width: 100% !important; } .faq-section .faq-detail-section{ gap: 0; } .footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{ justify-content: center; } .error-page{ padding: 0 !important; } .error-page h2{ font-size: 122px !important; } .has-shadow-dark, .has-no-hover-shadow-dark{ padding: 20px !important; } .wp-block-post-comments .commentlist .comment{ padding-left: 0 !important; } .main-page, .page-no-title{ padding: 20px !important; } .footer-section .wp-block-navigation-item__label{ color: #000 !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding: 0; } .footer-section .wp-block-columns { padding: 0 20px; } .footer-section .wp-block-columns.copyright-section { padding: 20px; text-align: center; } .footer-section .wp-block-columns { margin: 0; padding: 0; } .copyright-section .wp-block-social-links{ justify-content: center !important; } .footer-section .wp-block-group{ padding: 10px; max-width: 100% !important; } .footer-section h1{ text-align: center; } span.woocommerce-Price-amount.amount { font-size: 14px !important; } .products-block-post-template h3 a { font-size: 20px !important; } .footer-para{ margin-right: 0% !important; } .wp-block-navigation__responsive-container-content{ margin-left: 30px; } .footer-section .wp-block-group{ text-align: center !important; } .footer-section .wp-block-social-links{ justify-content: center !important; } .banner-calender .wp-block-column p{ text-align: center; } li.wc-block-grid__product{ max-width: 100% !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{ display: flex !important; flex-direction: column; padding: 10px !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{ padding: 0 !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{ height: 100px; width: auto; float: left; margin-bottom: 12px; } .single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 100% !important; } .single-product .wc-block-store-notices + .wp-block-columns{ gap: 0; } } @media screen and (min-width: 768px) and (max-width: 991px){ .project-section .project-head-box .project-bg-heading, .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ font-size: 54px !important; } .about-section .about-inner-boxes{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .about-section .about-inner-boxes .about-left-box { grid-column-start: 2; grid-row-start: 1; } .about-section .about-inner-boxes .about-mid-box{ grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; } .about-section .about-inner-boxes .about-right-box{ grid-column-start: 1; grid-row-start: 1; } .about-section .about-mid-box, .about-section .about-right-box{ justify-content: flex-start; } .about-section .about-mid-box .about-mid-outer-box{ flex-wrap: nowrap !important; } .footer-section .footer-box .footer-phone-box p{ font-size: 18px !important; } .faq-section .faq-detail-section{ gap: 12px; flex-wrap: nowrap !important; } .single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column { flex-basis: 100% !important; } .single-product .wc-block-store-notices + .wp-block-columns{ flex-wrap: wrap !important; } li.wc-block-grid__product{ max-width: 26% !important; } .banner-box h2:before,.banner-calender::before{ border: none; } .single-post-sidebar-on-right, .single-post-sidebar-on-left { margin-right: 0%; margin-left: 0%; } .wp-block-navigation__responsive-container-content{ margin-left: 20px; } .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{ max-width: 100%; } .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding: 0; } .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 46% !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { flex-basis: 70% !important; } .menu-section nav{ gap: 0 !important; } .menu-section-button a{ padding: 10px 9px !important; font-size: 13px; } .menu-section .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--primary); padding: 10px; color: #fff; margin: 0 auto; } .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{ flex-basis: 200% !important; } .footer-section .wp-block-group{ padding: 0; max-width: 100% !important; } .banner-col-2 h1{ font-size: 36px !important; line-height: 55px; } .products-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .footer-section .wp-block-columns{ display: grid; grid-template-columns: auto auto; } .footer-section .wp-block-social-links { gap: 0.5rem !important; } .footer-section .wp-block-columns.copyright-section{ display: block; } .footer-para{ margin-right: 0% !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{ gap: 12px; } .single-product .wc-block-store-notices + .wp-block-columns{ gap: 0; } } @media screen and (min-width: 782px) and (max-width: 992px){ .archive .archive-page .wp-block-latest-posts li{ flex: 1 0 50% !important; } } @media screen and (max-width: 1024px) and (min-width: 1000px) { li.wc-block-grid__product{ max-width: 18% !important; } .copyright-section .wp-block-social-links{ gap: 10px; } .footer-para{ margin-right: 0% !important; } } @media screen and (min-width: 901px) and (max-width: 991px){ .header-section .header-menu .header-btn-box{ gap: 0; } .header-section .header-menu .header-btn-box .header-main-menu ul{ gap: 16px; } .header-section .header-menu .header-btn-box .header-search{ width: 135px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } } @media screen and (max-width: 900px) { .header-section .header-menu .header-btn-box .header-main-menu, .header-section .header-menu2 .header-btn-box .header-main-menu{ gap: 0; } .header-section .header-menu .header-btn-box .header-main-menu ul li, .header-section .header-menu2 .header-btn-box .header-main-menu ul li{ padding: 10px 0; } .home .header-section .header-menu .header-btn-box .header-main-menu ul li a, .home .header-section .header-menu2 .header-btn-box .header-main-menu ul li a{ color: var(--wp--preset--color--background); } .home .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open, .home .header-section .header-menu2 .wp-block-navigation__responsive-container.is-menu-open{ margin-top: 40px; } .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg, .header-section .header-menu2 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{ background-color: var(--wp--preset--color--background); fill: var(--wp--preset--color--primary); padding: 4px; height: 35px; width: 35px; } .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close, .header-section .header-menu2 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ right: 5px; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; } .header-menus .wp-block-navigation__responsive-container-content ul.wp-block-navigation{ gap: 30px !important; } .woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ grid-template-columns: 100%; } } @media screen and (max-width: 1400px) and (min-width:1025px){ .copyright-section .wp-block-social-links{ gap: 10px; } .footer-para{ margin-right: 0% !important; } } @media screen and (max-width: 768px){ .single-product ul.tabs.wc-tabs{ display: flex !important; } } @media screen and (max-width: 991px){ .wc-block-components-sidebar-layout{ display: block; } .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ width: 100% !important; } } @media screen and (max-width: 425px){ .single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{ padding: 6px 20px !important; } td.wc-block-cart-item__total{ padding: 0 !important; } tr.wc-block-cart-items__row{ grid-template-columns: repeat(4, 1fr)!important; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{ display: block; } } @media screen and (min-width: 721px) and (max-width: 1199px){ .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template, .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{ grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr)); gap: 0.83333em; } .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{ width: calc(50% - 1em)!important; } } @media screen and (max-width: 720px){ .wc-block-product-template__responsive,ul.wc-block-grid__products{ grid-template-columns: auto !important; } .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{ display: block; grid-template-columns: auto !important; } li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li, .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{ margin-bottom: 20px; } .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{ width: calc(100% - 1em)!important; } .not-found-heading{ font-size: 50px !important; } } @media screen and (max-width: 768px){ .single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{ border-bottom-width: 2px !important; border-left-width: 0 !important; } } @media screen and (max-width: 599px){ .woocommerce-account .entry-content .woocommerce-form-login{ width: 100% !important; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{ flex-direction: column; gap: 1em; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{ width: auto; } .wc-block-components-order-summary-item{ display: block !important; } } @media screen and (min-width: 600px) and (max-width: 991px){ .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{ width: calc(50% - 1em); } } @media screen and (min-width: 992px) and (max-width: 1199px){ .header-section .header-inner-section{ gap: 0; } .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-search{ width: 120px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } .about-section .about-inner-boxes{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .about-section .about-inner-boxes .about-left-box { grid-column-start: 2; grid-row-start: 1; } .about-section .about-inner-boxes .about-mid-box{ grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; } .about-section .about-inner-boxes .about-right-box{ grid-column-start: 1; grid-row-start: 1; } .footer-section .wp-block-columns { display: grid; grid-template-columns: auto auto; } .footer-section .footer-box .footer-phone-box p{ font-size: 17px !important; } .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{ width: calc(33% - 1em); } .single-post-sidebar-on-right > .wp-block-column:nth-child(1){ flex-basis: 60% !important; } .single-post-sidebar-on-right > .wp-block-column:nth-child(2){ flex-basis: 40% !important; } .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){ flex-basis: 65% !important; } .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){ flex-basis: 35% !important; } } @media screen and (min-width: 1200px) and (max-width: 1399px){ .logo-box img{ height: 90px !important; margin-top: 20px; object-fit: contain; } .header-section .header-inner-section .header-menu .header-btn-box{ gap: 10px; } .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } .header-section .header-inner-section .header-menu .header-search{ width: 175px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } .slider-section .halloween-text{ font-size: 182px !important; } .about-section .about-left-box .about-desc{ font-size: 14px !important; } .about-section .about-mid-box .about-inner-box1, .about-section .about-mid-box .about-inner-box2{ padding-left: 10px !important; padding-right: 10px !important; } } @media screen and (min-width: 1400px) and (max-width: 1699px){ .slider-section .halloween-text{ font-size: 215px !important; } } @media screen and (min-width: 1400px) and (max-width: 1780px){ .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } } .woocommerce .wp-block-woocommerce-store-notices + .wp-block-group{ max-width: 80% !important; } .woocommerce.wc-block-breadcrumbs{ max-width: 90% !important; padding: 0 20px !important; } button.single_add_to_cart_button.button.alt.wp-element-button:hover{ background-color: #000 !important; } .single-product .wc-block-components-notice-banner a.button:hover,.woocommerce a.added_to_cart.wc_forward:hover{ background-color: #000 !important; } .header-section .wp-block-navigation-item__content{ padding: 8px 0px !important; } @media screen and (min-width: 1100px) and (max-width: 1300px){ .main-header-section .header-lower-section .logo-box h1{ font-size: 20px !important; padding: 40px 12px 10px 12px !important; } } .main-header-section .header-lower-section .logo-box h1{ padding: 10px 15px 10px 15px !important; } /*submenu css*/ @media screen and (min-width:901px){ .wp-block-navigation-submenu .has-primary-background-color{ background-color: transparent !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu .wp-block-navigation-submenu li a{ background-color:var(--wp--preset--color--primary) !important; margin-bottom: 6px; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu li a:hover{ background-color:#b8c5b9 !important; border-radius: 35px; } .wp-block-navigation-submenu .wp-block-navigation .wp-block-navigation-item:hover{ background-color: #b8c5b9 !important; color: var(--wp--preset--color--primary) !important; } .main-header-section .wp-block-navigation__submenu-container { visibility: hidden; opacity: 0; transform: perspective(600px) scaleY(0); transform-origin: top center; transition: all .4s ease-in-out; border-radius: 6px; } .header-main-menu ul > li:hover > .wp-block-navigation__submenu-container { display: block; opacity: 1; visibility: visible; transform: perspective(600px) scaleY(1); transform-origin: top center; } /* Odd items slide in from the right */ .header-main-menu ul > li:hover > .wp-block-navigation__submenu-container li:nth-child(odd) { animation: menurhs 0.5s ease-in-out forwards; } /* Even items slide in from the left */ .header-main-menu ul > li:hover > .wp-block-navigation__submenu-container li:nth-child(even) { animation: menulhs 0.5s ease-in-out forwards; } @keyframes menulhs { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes menurhs { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } } } /*footer animation*/ footer .footer-box{ animation: bounceInUp 1s ease forwards; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(3000px); } 60% { opacity: 1; transform: translateY(-20px); } 75% { transform: translateY(10px); } 90% { transform: translateY(-5px); } 100% { transform: translateY(0); } }