/*Rtl Css*/ *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } body{ font-family: 'Poppins', sans-serif !important; background: #fff; } header a, footer a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif !important; 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-right: 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-family: 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; } div#respond{ border-top: solid 1px #ccc; margin-top: 30px; } h3#reply-title { margin-bottom: 18px; } textarea { width: 100%; height: auto; 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--secondary); } a:focus-visible, a:focus { outline: thin dotted !important; } a:hover, a:active, a:hover { outline: 0; color: var(--wp--preset--color--secondary); } /*alignwide*/ .alignfull{ margin:0 !important; width: auto !important } .innerpage-banner h1{ color: #fff !important; } /*Sidebar CSS*/ .theme-sidebar .wp-block-search__button{ background: #277bf8 !important; } .theme-sidebar{ padding: 0 30px !important; } .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; box-shadow: 0 6px 30px 7px #2125471a; transition: 0.5s; margin-bottom: 30px; } .single-post-sidebar-on-right, .single-post-sidebar-on-left{ margin-left: 8% !important; margin-right: 8% !important; } .single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{ font-size: 30px; } /*---------------- Woocommerce CSS------------------ */ .theme-sidebar .wp-block-group{ padding: 15px; border: 1px solid #eee; color: #6b6b6b; box-shadow: 0 6px 30px 7px #2125471a; transition: 0.5s; } .woocommerce .wp-block-group { margin: 10px 10%; } .woocommerce .products-block-post-template li{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 10px; } .woocommerce a.added_to_cart{ text-decoration: none; } .add_to_cart_button,.woocommerce a.added_to_cart{ background: var(--wp--preset--color--secondary); color: #000; padding:8px 10px !important; font-size: 16px !important; } .woocommerce-breadcrumb{ background: var(--wp--preset--color--primary); color: #fff; padding: 10px !important; } .woocommerce-breadcrumb a{ color: #fff; } .woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{ background: var(--wp--preset--color--secondary); color: #000; 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{ color: #fff; background-color: #32373c; } .woocommerce-page .woocommerce-form-login .show-password-input, .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{ top: 6px !important; } .woocommerce .select2-container--default .select2-selection--single{ height: 40px; } .woocommerce span.page-numbers.current, .woocommerce .page-numbers{ width: 45px; height: 35px; padding: 6px 18px; } .woocommerce .wp-block-query-pagination-next{ width: 118px; height: 35px; padding: 6px 18px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 5px 8px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{ top: -6px; } .woocommerce form .form-row input.input-text { padding: 8px; border: 1px solid #bcbcbc; } .related.products h2 { text-align: right; } .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--secondary); padding: 0; color: var(--wp--preset--color--primary); } .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{ background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--primary) ; border-radius: 30px; padding: 10px 20px !important; opacity: 1 !important; text-decoration: none; } .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--primary); color: #fff; } .woocommerce .quantity .qty { width: 5em; padding: 7px; 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%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; padding-right: 0; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--secondary); padding: 12px !important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: var(--wp--preset--color--primary); 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 .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ margin: 15px auto; text-align: center !important; } .woocommerce input#password{ border: 1px solid #bcbcbc; } .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--secondary); 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 0 0px 10px !important; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 30px; } #payment{ margin: 0 0 30px 0; } .woocommerce .wp-block-group { margin: 10px 10%; } .single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price ins{ background: none !important; } /*Banner section*/ .choose-us-section .wp-block-heading{ margin-top: 15px; } .main-banner-section .wp-block-heading{ color: #fff; } .main-banner-section, .main-banner-section .wp-block-columns, .choose-us-section, .choose-us-section .wp-block-columns, .brand-section .wp-block-columns, .featured-car-section .wp-block-columns, .innerpage-banner, .wp-block-group { margin: 0; } .main-banner-section figure, .featured-car-section .title-img, .featured-car-section .head-text, .gallery-section .title-img, .innerpage-banner .title-img { margin-top: 10px; } .main-banner-section h1{ letter-spacing: 0px; color: #fff !important; } .main-banner-section p{ color: #fff !important; } .main-banner-section a.wp-block-button__link{ font-size: 12px; text-decoration: none; font-weight: 600; border: 2px solid var(--wp--preset--color--secondary) !important; } .main-banner-section a.wp-block-button__link:hover{ color: #ffffff !important; background: transparent !important; border-color: #fff !important; } .buynow-btn:hover{ background: var(--wp--preset--color--primary) !important; } /*Choose us section*/ .choose-us-section, .choose-us-section h2, .title-img, .choose-us-section .wp-block-columns, .brand-section, .brand-section .wp-block-columns, .brand-section h3, .featured-car-section, .featured-car-section .wp-block-columns, .featured-car-section h3, .featured-car-section .head-text, .blog-section, .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .gallery-section, .gallery-section .wp-block-columns, .gallery-section h3{ padding: 0 50px; } .title-img, .brand-section figure { text-align: center; } .choose-us-section .wp-block-column, .brand-section .title-img, .brand-section .wp-block-column, .featured-car-section .head-text, .featured-car-section .car-col .car-box, .blog-section .head-text, .gallery-section .title-img { margin-bottom: 2rem; } .choose-us-section .wp-block-column figure{ border-radius: 50%; background: var(--wp--preset--color--primary); padding: 20px 20px; position: relative; } .choose-us-section .wp-block-column figure:hover img { transform: rotateY(-360deg); transition: 0.7s all ease-in-out; } .choose-us-section .wp-block-column figure:hover { background: var(--wp--preset--color--secondary); cursor: pointer; transition-duration: 0.3s; } .choose-us-section .wp-block-column figure:after { border-color: var(--wp--preset--color--primary) transparent transparent transparent !important; top: 95% !important; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; right: calc(50% - 10px); border-width: 10px 10px 0 10px; } .choose-us-section .wp-block-column figure:hover:after{ border-top-color: var(--wp--preset--color--secondary) ; } .choose-us-section h3{ font-size: 16px; letter-spacing: 1px; } /*Featured Car Section*/ .featured-car-section .car-box { position: relative; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%); background-color: #fff; border: solid 1px #eee; } .featured-car-section .car-box img { width: 100%; } .featured-car-section .car-box figure { position: relative; overflow: hidden; } .featured-car-section .car-box figure::before { position: absolute; top: 0; right: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(25deg); transform: skewX(25deg); } .featured-car-section .car-box figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { right: 125%; } } @keyframes shine { 100% { right: 125%; } } .featured-car-section .car-box .price-col { position: absolute; top: 100px; right: 0; width: 75%; z-index: 99; opacity: 0; gap: 0; margin: 0; padding: 10px } .featured-car-section .car-box:hover .price-col { opacity: 1; } .featured-car-section .car-box .price-col .wp-block-column:first-child { border-left: 1px solid var(--wp--preset--color--primary); } .featured-car-section .car-box h4, .blog-section .wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title { border-right: 3px solid var(--wp--preset--color--secondary); } .featured-car-section .car-features { padding: 0; margin: 20px 0 0; gap: 4px; } .featured-car-section .car-box h4, .featured-car-section .car-box p { padding: 0 15px; } .featured-car-section .car-features p { margin: 10px; padding: 0; } /*Blog Section*/ .blog-section .wp-block-latest-posts.is-grid li { width: calc(33.33333% - 1.5em); margin: 0 0 1.25em 2em; 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%); } .blog-section .wp-block-latest-posts.is-grid li { box-shadow: none; } .blog-section .wp-block-latest-posts.is-grid li img { width: 100%; } .blog-section .wp-block-latest-posts.is-grid li:nth-child(3n) { margin-left: 0; } .blog-section .wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title { font-size: 14px; font-weight: 700; color: #000; padding: 0 10px; text-transform: capitalize; text-decoration: none; display: block; margin: 15px 0 0; } .blog-section .wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{ position: absolute; top: 0; left: 0; display: inline-block; background: var(--wp--preset--color--secondary); padding: 5px 10px; font-weight: 600; font-size: 13px; color: var(--wp--preset--color--primary); } .blog-section .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt { color: #6b6b6b; padding: 0 15px; font-size: 14px; line-height: 25px; } /*Blog Section preview*/ .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%); padding: 30px 10px; } .wp-block-latest-posts.is-grid.columns-3 li { width: calc(33.33333% - 1.5em); margin: 0 0 1.25em 2em; } .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:nth-child(3n) { margin-left: 0; } .wp-block-latest-posts.is-grid li a { font-size: 14px; 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--secondary); padding: 5px 10px; font-weight: 600; font-size: 13px; color: var(--wp--preset--color--primary); margin-right: 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; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt a { display: none; } /*Gallery Section*/ .gallery-section .wp-block-columns figure { overflow: hidden; background: #000; } .gallery-section .wp-block-columns figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .gallery-section .wp-block-columns figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.7; } /*Header*/ .header-section { gap: 0; margin-bottom: 0; } .header-section .logo .wp-block-cover { padding: 10px 50px; clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); } .header-section .logo h1 { margin: 0; } .header-section .topbar-section { padding: 20px 0px 20px 50px; color: #222; margin-bottom: 0; gap: 0.5em; font-size: 14px; } .header-section .topbar-section i { color: var(--wp--preset--color--secondary); } .header-section .menu-section { padding: 10px 50px; margin: 0; background: rgba(0, 0, 0, 0) linear-gradient(-125deg, transparent 5%, var(--wp--preset--color--primary) 0%) repeat scroll 100% 0; } .header-section .menu-section .wp-block-navigation ul { gap: 2em !important; } .header-section .menu-section .wp-block-navigation ul li a { color: #fff; padding: 10px 0; text-decoration: none; font-size: 14px; font-weight: 600; } .header-section .menu-section .wp-block-navigation ul li.buynow-btn a { padding: 7px 13px; background: var(--wp--preset--color--secondary); border-radius: 30px; font-size: 12px; color: var(--wp--preset--color--primary); } .header-section .menu-section .wp-block-navigation ul li.buynow-btn a:hover{ background: #fff; } .menu-section .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-icon svg { color: #fff; font-size: 14px; } .menu-section .wp-block-navigation ul li.has-child button.wp-block-navigation__submenu-icon:focus, .menu-section a:focus { outline: 1px solid #fff; } .menu-section ul ul a:focus { outline-color: var(--wp--preset--color--secondary); } .header-section .menu-section ul.wp-block-social-links { margin: 0; gap: 9px; } .header-section .menu-section .wp-block-navigation ul ul li a { color: #222; display: block !important; padding: 10px; } .header-section .menu-section .wp-block-navigation ul ul li a:hover,header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover { background: var(--wp--preset--color--secondary); color: #fff; } .header-section h1 a{ font-size: 12px !important; } /*Footer Section*/ .footer-section { padding: 0; min-height: auto; } .footer-section .wp-block-columns { padding: 50px 50px 0; margin: 0 50px; } .footer-section .wp-block-columns.copyright-section { padding: 20px 50px; margin: 50px 0 0; border-top: 1px solid #999; } .footer-section .wp-block-columns.copyright-section p a{ color: #fff; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { padding-right: 50px; } .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding-left: 50px; } .footer-box h3 { margin-bottom: 20px; } .footer-box h3:after { content: '__'; color: var(--wp--preset--color--secondary); } .footer-box a{ text-decoration: none !important; } .footer-box ul { padding: 0; gap: 0; } .footer-box ul li { list-style: none; margin-bottom: 10px; } .footer-box ul li:before { content: '-'; margin-left: 10px; color: #fff; } .footer-box .wp-block-button__link { padding: 10px 25px; font-weight: 500; font-size: 14px; color: #fff !important; border-radius: 30px; text-decoration: none; background-color: transparent; border: 2px solid #fff; } .footer-box .wp-block-button__link:hover { background: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--primary) !important; border-color: var(--wp--preset--color--secondary); } /* Scroll to Top */ .scroll-top-box { display: none; /* Initially hidden */ position: fixed; bottom: 20px; left: 20px; background: var(--wp--preset--color--primary)!important; color: white; border: none; border-radius: 50% !important; padding: 8px 16px 13px !important; cursor: pointer; 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) !important; } /*404 Page CSS*/ .wp-block-search__button { border: 0; background: var(--wp--preset--color--secondary); } /*Archive Page*/ .archive-page { padding-top: 50px !important; } .comment-body .reply a { color: var(--wp--preset--color--primary); text-decoration: none; background: var(--wp--preset--color--secondary); padding: 5px 10px; border-radius: 30px; font-weight: 500; } .comment-body .reply a:hover, .wp-block-post-comments input[type=submit]:hover, .theme-button .wp-block-button__link:hover, .wp-block-search__button:hover { background: var(--wp--preset--color--primary) !important; color: #fff !important; } .wp-block-post-comments input[type=submit] { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--primary); font-weight: 600; } .wp-block-post-author__content { align-self: center; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 0; } /*my account address button css*/ .wc-block-grid__products{ margin:0 !important; } header.woocommerce-Address-title.title a{ background-color: var(--wp--preset--color--secondary); border-radius: 0px !important; color: var(--wp--preset--color--primary); 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--secondary) !important; border-radius: 0px !important; color: var(--wp--preset--color--primary) !important; border-color: transparent !important; } header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{ background: #000; color: #fff !important; } /*li.wc-block-grid__product{ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin: 13px; max-width: 22% !important; }*/ .wc-block-grid__products { justify-content: center; } /*Sidebar CSS*/ .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; } .theme-sidebar .wp-block-group h3 { color: #222; padding-bottom: 5px; border-bottom: 3px double #222; } .theme-sidebar .wp-block-group ul { padding-right: 20px; } .theme-sidebar .wp-block-group ul li { line-height: 2; font-size: 14px; color: #6b6b6b; list-style: disc; } .theme-sidebar .wp-block-group ul li a { color: #6b6b6b; text-decoration: none; } .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:#eeeeee; color: #000; font-size:15px !important; padding: 5px 18px; margin: 0 0 5px; display:inline-block; text-decoration: none; } .theme-sidebar .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--primary); color: #fff; } .theme-sidebar .wp-block-gallery { gap: 1em; } .theme-button .wp-block-button__link { font-weight: 600; } figure.alignfull.wp-block-post-featured-image, .wp-block-audio, .wp-block-audio audio { width: 100% !important; } .taxonomy-category a, .taxonomy-post_tag a{ text-decoration: none; } .is-layout-flow.entry-content.alignfull.wp-block-post-content, h1.has-text-align-left.alignfull.has-text-color.has-foreground-color.wp-block-post-title { margin-right: calc( -65vw / 2 + 100% / 2); margin-left: calc( -65vw / 2 + 100% / 2); width: 100% !important; } @media screen and (max-width:767px) { .header-section .menu-section { flex-wrap: wrap !important; } .error-page{ padding: 0 !important; } .error-page h2{ font-size: 122px !important; } .theme-sidebar { padding: 0 !important; } .has-shadow-dark, .has-no-hover-shadow-dark{ padding: 20px !important; } .wp-block-post-comments .commentlist .comment{ padding-right: 0 !important; } .single-post-sidebar-on-left .wp-block-columns,.single-post-sidebar-on-right .wp-block-columns{ max-width: 100% !important; } .main-page, .page-no-title{ padding: 20px !important; } .main-banner-section h1{ font-size: 25px !important; } .car-features, .header-section .menu-section { flex-wrap: nowrap !important; } .header-section .logo .wp-block-cover, .header-section .menu-section { clip-path: none; padding: 10px; } .header-section .logo, .header-section .topbar-section,.footer-box { text-align: center; } .footer-box ul li{ margin: 0 auto; } .footer-box .wp-block-buttons{ justify-content: center; } .header-section .topbar-section { padding: 0 15px 15px ; } .header-section .menu-section { background: #212121; } .header-section .menu-section button.wp-block-navigation__responsive-container-open svg { fill: #fff; } .header-section .menu-section .wp-block-navigation ul, .header-section .menu-section .wp-block-navigation ul li { display: block !important; width: 100%; } .header-section .menu-section .wp-block-navigation ul li a { padding: 10px !important; border-bottom: 1px solid #eee; } .header-section .menu-section .wp-block-navigation ul ul { padding: 0 25px 0 0 !important; } .blog-section .wp-block-latest-posts.is-grid li { margin: 0 0 1.25em; width: 100%; } .choose-us-section .wp-block-columns, .choose-us-section h2 .brand-section .wp-block-columns, .title-img, .brand-section h3, .featured-car-section .wp-block-columns, .featured-car-section h3, .featured-car-section .head-text, .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .gallery-section .wp-block-columns, .gallery-section h3, .footer-section .wp-block-columns, .choose-us-section h2, .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; } .choose-us-section, .brand-section, .featured-car-section, .blog-section, .gallery-section, .footer-section .wp-block-columns { padding: 0 20px; } .footer-section .footer-box { padding: 10px 20px; } .footer-section .wp-block-columns.copyright-section { padding: 20px; text-align: center; } .copyright-section .wp-block-social-links { justify-content: center; } .footer-section .wp-block-columns { margin: 0; } .woocommerce .wp-block-group { margin: 0px 15px; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: none; } .header-section .menu-section .wp-block-navigation ul li.buynow-btn { margin-top: 10px; } .header-section .menu-section .wp-block-navigation ul, .header-section .menu-section .wp-block-navigation ul li { display: block !important; width: 100%; } .menu-section .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--secondary); padding: 10px; color: var(--wp--preset--color--primary) !important; text-align: center; margin: 0 auto; } .menu-section .wp-block-navigation{ gap: 0px; } li.wc-block-grid__product{ max-width: 100% !important; } } @media screen and (min-width: 768px) and (max-width: 992px){ li.wc-block-grid__product{ max-width: 26% !important; } .main-banner-section .wp-block-column.is-vertically-aligned-center:nth-child(2){ flex-basis: 100% !important; margin-right: 0; } .header-section .menu-section,.choose-us-section .wp-block-columns, .featured-car-section .car-col, .brand-section .wp-block-columns, .header-section, .header-section .topbar-section, .gallery-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section{ flex-wrap: nowrap !important; } .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .logo { flex-basis: 28% !important; } .header-section .logo .wp-block-cover, .header-section .menu-section { clip-path: none; padding: 10px; } .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .contact { flex-basis: 33.33% !important; } .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child { flex-basis: 0 !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { flex-basis: 70% !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { flex-basis: 30% !important; } .choose-us-section .wp-block-columns, .choose-us-section h2, .choose-us-section .title-img, .brand-section .wp-block-columns, .featured-car-section .wp-block-columns, .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .gallery-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; } .footer-section .wp-block-columns:not(.is-not-stacked-on-mobile) .footer-box { flex-basis: 47% !important; } .woocommerce .wp-block-group { margin: 0px 20px; } .header-section .menu-section .wp-block-navigation ul li.buynow-btn a{ padding: 10px 9px; } .menu-section .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--secondary); padding: 10px; color: var(--wp--preset--color--primary) !important; text-align: center; margin: 0 auto; } .menu-section .wp-block-navigation{ gap: 0px; } } @media screen and (max-width: 1024px) and (min-width: 1000px) { li.wc-block-grid__product{ max-width: 18% !important; } .woocommerce .wp-block-group { margin: 0px 30px; } .header-section .menu-section .wp-block-navigation ul { gap: 1em !important; } } @media screen and (max-width: 900px) { .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,.footer-box .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } .wp-block-navigation__responsive-container-open:not(.always-shown),.footer-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: block; } .header-section .menu-section .wp-block-navigation ul li a{ color: #000 !important; padding: 10px !important; } .header-section .menu-section button.wp-block-navigation__responsive-container-close{ background: var(--wp--preset--color--primary); padding: 10px; color: #fff; } .header-section .menu-section button.wp-block-navigation__responsive-container-open svg { fill: var(--wp--preset--color--primary); } .header-section .menu-section ul.wp-block-social-links { gap: 30px; } /*.header-section .menu-section { flex-wrap: wrap !important; }*/ .header-section .menu-section ul.wp-block-social-links { margin: 0; gap: 20px; justify-content: center; font-size: 20px; } .footer-section .wp-block-navigation__responsive-container-close{ background: var(--wp--preset--color--secondary); padding: 10px; color: #fff; font-size: 30px; font-weight: 600; } } @media screen and (min-width: 782px) and (max-width: 1023px){ .archive-page .wp-block-latest-posts__list li{ width: 100% !important; } } .single-post .wp-block-post-featured-image img{ width: auto !important; } .single-post .wp-block-post-author__avatar img{ width: 25px !important; height: 25px !important; } .theme-sidebar .wp-block-social-links a{ color: #fff !important; } /*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; grid-template-columns: auto auto auto auto; gap: 1em; margin: 0 9% !important; } li.wc-block-grid__product{ max-width: 100% !important; } .wc-block-grid__product-onsale{ padding: 5px 12px !important; font-size: 10px !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 0 24px -1px; text-align: right; width: 100%; border-radius: 5px; } td.wc-block-cart-item__image{ padding: 16px 16px 16px 0px !important; } td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{ padding-right: 16px !important; padding-left: 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: right !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: right !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{ background: var(--wp--preset--color--accent); border-radius: 0; color: #fff !important; font-weight: 500; padding: 10px 25px !important; font-size: 18px; border-radius: 6px; } .wc-block-components-checkout-return-to-cart-button{ background-color: var(--wp--preset--color--primary) !important; } 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-right: auto; margin-left: auto; padding: 0 20px; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{ padding-left: 0%; } .woocommerce-account .woocommerce-MyAccount-navigation { background-color: transparent !important; } .woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{ padding: 10px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 !important; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{ margin-bottom: 20px; } .woocommerce{ margin: 0 auto; max-width: 100% !important; } .wp-block-woocommerce-customer-account,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{ display: none; } 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,.wc-block-checkout{ width: 85%; margin: 0 auto; } .wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{ text-align: right; } @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){ 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; } } /*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-Tabs-panel h2,.woocommerce h2.wp-block-heading{ font-size: 30px; } .wp-block-woocommerce-related-products .wp-block-post{ width: calc(33% - 1em)!important; } /*blog and archive css*/ .blog .wp-block-post-excerpt__more-link,.archive .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: 8px 10px; } 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: 4px 10px; } .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{ background: #000; color: #fff; } .archive .wp-block-post-template li,.blog .wp-block-post-template li{ box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%); } .archive .wp-block-post-template figure{ margin: 0 !important; } @media screen and (max-width: 720px){ li.wc-block-grid__product{ flex: 100% !important; } .wc-block-grid__products{ display: flex !important; } .not-found-heading{ font-size: 50px !important; } .wc-block-product-template__responsive,ul.wc-block-grid__products,.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; } } @media screen and (min-width: 721px) and (max-width: 991px){ .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 (min-width: 782px) and (max-width:1199px){ .theme-sidebar .wp-block-search__inside-wrapper{ display: block; } .theme-sidebar .wp-block-search__button{ width: 100%; margin-right: 0; margin-top: 10px; } } @media screen and (max-width: 720px){ .wc-block-product-template__responsive{ display: block; grid-template-columns: auto !important; } li.wc-block-product{ margin-bottom: 10px; } .wp-block-woocommerce-related-products .wp-block-post{ width: calc(100% - 1em)!important; } .not-found-heading{ font-size: 50px !important; } } @media screen and (max-width: 425px){ .woocommerce .wp-block-group .alignwide{ display: block; text-align: center; } } @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; } } .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{ right: 3% !important; } a.wc-block-components-checkout-return-to-cart-button{ padding: 10px 30px 10px 12px !important; border-radius: 0 !important; } @media screen and (max-width: 900px){ header li.wp-block-navigation-item{ padding: 5px !important; border-bottom: 2px solid #eee; width: 100%; align-items: flex-start !important; } header .wp-block-navigation-submenu li.wp-block-navigation-item,.header-section .menu-section .wp-block-navigation ul li a{ border: 0 !important; } header .wp-block-navigation-submenu li.wp-block-navigation-item:before{ content: ""; position: absolute; left: 0; top: 18px; right: 5px; width: 0; height: 0; border-bottom: 6px solid transparent; border-right: 6px solid #000; border-left: 6px solid transparent; border-top: 6px solid transparent; transform: translate(50%); } header .header-inner-menu ul{ gap: 0 !important; } header .wp-block-navigation__submenu-container li.has-medium-font-size.wp-block-navigation-item.wp-block-navigation-link,header .wp-block-navigation__submenu-container{ padding-top: 0 !important; padding-bottom: 0 !important; } header .header-section a,.header-section a:hover{ color: #000 !important; } header .header-section .wp-social-link a{ color: #fff !important; } header .header-section ul,.header-section .menu-section .wp-block-navigation ul{ gap: 0!important; width: 100%; } } @media screen and (min-width: 901px){ .header-section ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu, header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu, header li.wp-block-navigation-item.wp-block-navigation-link{ gap: 0 !important; } header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover,.header-section .menu-section .wp-block-navigation ul li a:hover{ color: var(--wp--preset--color--secondary); } } /*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); } } /*blog post and shop page animation*/ .archive .wp-block-query .wp-block-post,.blog .wp-block-query .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{ animation: zoomInUp 0.8s ease-out both; overflow: hidden; animation-delay: 0.8s; box-shadow: var(--wp--preset--shadow--natural); } .archive .wp-block-query .wp-block-group{ box-shadow: none !important; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(0.5) translateY(100px); } 60% { opacity: 1; transform: scale(1.05) translateY(-10px); } 100% { transform: scale(1) translateY(0); } } /* sidebar */ .theme-sidebar .wp-block-group { border: 2px solid var(--wp--preset--color--primary) !important; border-radius: 12px; transition: box-shadow 0.4s ease, border-color 0.4s ease, transform 0.3s ease; } .theme-sidebar .wp-block-group:hover { border-color: var(--wp--preset--color--primary) !important; box-shadow: 0 0 18px color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent); transform: translateY(-3px); } .single-post-sidebar-on-right .has-shadow-dark, .has-no-hover-shadow-dark { border: 1px solid #313030 !important; } /* search template */ @media (max-width: 768px) { .search .wp-block-search__inside-wrapper { display: flex; flex-direction: column; } .search .wp-block-search__button{ margin: 0 !important; } .search .wp-block-search__input { color: white; font-size: 15px !important; padding: 10px; margin-bottom: 5px !important; text-align: center; } } .wp-block-search__button-inside{ margin-top: 40px !important; /* shop page image animation */ .wp-block-woocommerce-product-image { overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } .wp-block-woocommerce-product-image img { display: block; width: 100% !important; height: auto; transition: transform 0.6s ease; } .wp-block-woocommerce-product-image:hover { transform: translateY(-6px); box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15); } .wp-block-woocommerce-product-image:hover img { transform: scale(1.08); } @media (hover: none) { .wp-block-woocommerce-product-image:hover { transform: none; box-shadow: none; } .wp-block-woocommerce-product-image:hover img { transform: none; } } /* single shop page image animation */ .woocommerce-product-gallery__image { overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } .woocommerce-product-gallery__image img { transition: transform 0.6s ease; } .woocommerce-product-gallery__image:hover { transform: translateY(-6px); box-shadow: 0 18px 35px rgba(0,0,0,0.15); } .woocommerce-product-gallery__image:hover img { transform: scale(1.08); } .woocommerce-product-gallery__image { opacity: 0; transform: translateY(30px); animation: productImageReveal 0.9s ease-out forwards; } @keyframes productImageReveal { to { opacity: 1; transform: translateY(0); } }}