/* Theme Name: Palan Poshan Child Author: Description: Your description goes here Version: 1.0 Template: hello-elementor This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes. (optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain) */ /*-------------------------------------------------------------- # Root css --------------------------------------------------------------*/ :root{ --yellow:#FFD634; --black:#222; --text: #696664; --white: #FFFFFF; --grey: #FFF6E0; --green:#1A522A; --transition: all 0.5s ease-in-out; } @font-face { font-family: 'Conv_Now-Bold'; src: url("fonts/Now-Bold.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Now'; src: url(fonts/now-regular.otf) format("truetype"); font-weight: normal; font-style: normal; } /* h2,h3,h4,h5,h6{ font-family: 'Conv_Now-Bold' !important; } */ body::-webkit-scrollbar { width: 6px; } body::-webkit-scrollbar-track { background:var(--grey); border-radius: 8px; } body::-webkit-scrollbar-thumb { background:var(--yellow); border-radius: 8px; } a{ transition: all 0.5s; } ::selection{ background-color:var(--grey); color: var(--yellow); } /*-------------------------------------------------------------- # Header css --------------------------------------------------------------*/ .header_list ul { display: flex; margin: 0px; padding: 0px; list-style: none; justify-content: end; grid-column-gap: 12px; } .header_list ul li{ min-height: 42px; } .header_list ul li a, .header_list ul li:last-child { display: flex; align-items: center; justify-content: center; padding: 2px; position: relative; max-width: fit-content; margin: 0px auto; background: #f6efef; border-radius: 50%; min-width: 40px !important; height: 40px !important; } .header_list ul li a i{ font-size: 19px; color: var(--green); font-weight: 300; } .header_list ul li:last-child span.xoo-wsc-sc-subt { display: none; } .header_list ul .xoo-wsc-icon-basket1{ font-size: 18px; font-weight: 300; display: block; color: var(--green); } .header_list ul .xoo-wsc-icon-basket1:before { width: 100%; height: 100%; display: block; font-family: "Font Awesome 6 Pro" !important; --fa: "\f07a"; --fa--fa: "\f07a\f07a"; content: var(--fa); } .xoo-wsc-basket,.xoo-wsc-basket[style*='block'] { display: none !important; } .header_list span.xoo-wsc-sc-count { background-color: var(--blue); } .header_list span.wishlist-counter,.header_list span.xoo-wsc-sc-count { background-color: #d0473e; color: var(--white); font-size: 11px; width: 18px; height: 18px; display: flex; justify-content: center; border-radius: 50%; align-items: center; position: absolute; top: 0px; right: 0px; } .header_list span.xoo-wsc-sc-count { top: -10px; right: -10px; } div[data-elementor-type="header"] { position: sticky; width: 100%; left: 0px; top: 0px; z-index: 99; background-color: transparent !important; transition: all 0.4s; } div[data-elementor-type="header"].sticky{ background-color: var(--white) !important; } div[data-elementor-type="header"] .header_sec,div[data-elementor-type="header"] { transition: all 0.4s; } .header_sec .header_logo img,div[data-elementor-type="header"].sticky .header_sec .header_logo img,.home div[data-elementor-type="header"].sticky .header_right i, .home div[data-elementor-type="header"].sticky .header_list ul .xoo-wsc-icon-basket1:before { filter: unset; transition: all 0.4s; } div[data-elementor-type="header"].sticky{ box-shadow: 1.563px 0.863px 6px 0 rgb(0 0 0 / 13%); } div#wpadminbar ~ div[data-elementor-type="header"] { top: 32px; } .search_form { position: absolute !important; bottom: -70px; border-radius: 30px; background-color: var(--white)!important; padding: 5px 10px; min-width: 300px !important; right: 0px; transition:all 0.5s; transform: scale(1,0); transform-origin: top; border:1px solid #E6E6E6; } .search_form *{ background-color:transparent !important; } .search_form button .e-font-icon-svg-container { filter: brightness(0); } .search_form.active{ transform:scale(1,1); transform-origin: top; } div[data-elementor-type="header"].sticky .elementor-nav-menu li span.sub-arrow { filter: brightness(0) !important; } /*-------------------------------------------------------------- # Home Start css --------------------------------------------------------------*/ .header_left h1 span:nth-child(1) { letter-spacing: 24px; color: var(--yellow); } .header_left h1 span:last-child { letter-spacing: 24px; color: var(--green); } /* a.elementor-button { background: -webkit-gradient(linear, left top, right top, from(var(--yellow)), color-stop(50%, var(--green)), to(var(--yellow))); background-color: transparent !important; background-size: 200%, 1px; } a.elementor-button:hover{ background-position: 100% !important; } */ .top_up_img{ animation: bounce 3s linear infinite; } @keyframes bounce { 0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } 50% { -webkit-transform: translateY(15px) translateX(7px); transform: translateY(15px) translateX(7px); } 100% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } } .home .header_list ul li a,.home .header_list ul li:last-child{ background: rgb(255 255 255); } .home [data-elementor-type="header"].sticky .header_list ul li a,.home [data-elementor-type="header"].sticky .header_list ul li:last-child { display: flex; align-items: center; justify-content: center; padding: 2px; position: relative; max-width: fit-content; margin: 0px auto; background: rgb(255 255 255); border-radius: 50%; min-width: 40px !important; height: 40px !important; } .content_box figure{ min-width: 110px; height: 110px; line-height: 100px; border-radius: 50%; text-align: center; position: relative; background-color: #fff2d7; z-index: 1; float: left; overflow: hidden; margin-right: 40px; display: flex !important; align-items: center; justify-content: center; transition: all 0.4s; position:relative; } .content_box figure img{ z-index:2; } .content_box figure::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; border-radius: 50%; z-index: 1; background-color:var(--yellow); opacity: 0; transition: all .3s; } .content_box:hover figure.elementor-image-box-img::before { opacity: 1; } .line_head { position: relative; } .line_head::before,.line_head::after { width: 40px !important; height: 6px !important; background-color: var(--green); content: "" !important; position: absolute !important; display: block; top: unset !important; left: 40px !important; bottom: 0px !important; } .line_head::after { width: 30px !important; left: 0px !important; } .products::before,.products::after { display: none !important; } ul.products { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 24px; } .products li { width: 100% !important; margin: 0px !important; } .products a img { height: 230px !important; object-fit: contain; display: block !important; margin-bottom: 16px !important; min-width: calc(100% + 30px) !important; margin-left: -16px !important; padding-top: 20px; } .products li { background-color: var(--grey) !important; border-radius: 6px; display: block; overflow: hidden; padding: 0px 15px 24px 15px !important; min-height: 400px; position: relative; } .products li *{ text-align: center; font-family: 'Poppins' !important; color: var(--green); width: 100%; } .products li span.price { display: block; } .products li h2 { font-size: 20px !important; font-family: 'Poppins' !important; color: var(--green); font-weight: 600 !important; text-transform: capitalize; text-align: center; } .products li.product .price * { color: var(--green); font-size: 16px; font-weight: 600; font-family:'Poppins'; } .products li.product a.button { margin: 16px auto 0px !important; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 6px; padding: 14px 20px; background-color: var(--green) !important; color: var(--white); display: flex !important; justify-content: center; position: absolute; bottom: 20px; left: 50%; width: calc(100% - 30px); transform: translateX(-50%); } .products li.product a.button:hover { background-color:var(--black) !important; } .products .yith-add-to-wishlist-button-block span { display: none; } .products .yith-add-to-wishlist-button-block { margin: 0px; position: absolute; top: 20px; right: 20px; width: 38px; height: 38px; width: 38px; height: 38px; background-color: var(--white); display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 50%; } .products .yith-add-to-wishlist-button-block svg{ width: 24px; height: 24px } h2 span{ color: var(--yellow); } .light_head h3{ font-family: 'Now' !important; } .right_box::before { position: absolute !important; left: 8px !important; top: 12px !important; width: 50% !important; height: 100% !important; content: "" !important; background: -webkit-gradient(linear, left top, left bottom, from(#FFD634), to(#1A522A)); background: linear-gradient(#FFD634, #a1A522); z-index: -1; } .right_box:after { position: absolute; left: 20px; top: 22px; width: 46%; height: 95%; content: ""; background: #fff; z-index: -1; } .free_box figure { min-width: 110px !important; height: 110px; line-height: 110px; border: 2px solid #fff; text-align: center; border-radius: 50%; transition: all .3s; display: flex !important; align-items: center !important; justify-content: center; } .testimonial_slider::after { position: absolute; left: -30px; top: -30px; width: 150px; height: 150px; background: var(--yellow); content:""; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 1; } .testimonial_slider { overflow: hidden !important; } .testimonial_slider .testimonial_box { z-index: 2 !important; } .testimonial_box .elementor-testimonial-wrapper { display: grid; grid-template-columns: 265px auto; grid-gap: 100px; align-items: center; } .testimonial_box .elementor-testimonial-content { order: 2; } .testimonial_box .elementor-testimonial-meta-inner .elementor-testimonial-details { display: none !important; } .testimonial_box .elementor-testimonial-content { margin: 0px !important; } .testimonial_box .elementor-testimonial-content .elementor-testimonial-name { margin-top: 26px; } .testimonial_box .elementor-testimonial-content { font-family: 'Now' !important; line-height: 36px; } .testimonial_box .elementor-testimonial-image { padding: 0px !important; } .testimonial_box .elementor-testimonial-meta-inner::before { content: ""; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background-color: var(--white); background-image:url(images/quote.png); border-radius: 50%; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); background-size: 51%; background-repeat: no-repeat; background-position: center; padding: 10px; } .testimonial_box .elementor-testimonial-meta-inner ,.testimonial_box .elementor-testimonial-content{ position: relative; } .testimonial_box .elementor-testimonial-content::before{ content: ""; position: absolute; left: 50%; top: -8px; transform: translateX(-50%); z-index: 1; opacity: .10; background-image:url(images/quote.png); background-size: 100%; background-repeat: no-repeat; background-position: center; width: 180px; height: 180px; } .blog_grid a.elementor-post__thumbnail__link { padding: 0px; background: #fff2d7; margin: 0px !important; } .blog_grid a.elementor-post__thumbnail__link img{ position:unset !important; transform: unset !important; width: 100% !important; } .blog_grid .elementor-post__text { padding: 30px !important; border: 2px solid #fff2d7; display: grid; } .blog_grid .elementor-post__text .elementor-post__meta-data { order: 1; } .blog_grid h3.elementor-post__title { order: 2; } .blog_grid a.elementor-post__read-more { order: 3; margin-top: 20px; background: transparent; color: var(--black); padding: 10px 20px; max-width: fit-content; border-radius: 4px; background-color: var(--green); color: var(--white) !important; font-size: 15px !important; } .blog_grid a.elementor-post__read-more:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--black) !important; } .blog_grid .elementor-post__thumbnail { padding: 0px !important; } .search_form { position: relative; z-index: 9; } .choose_box h3 { max-width: 200px; margin-left: auto; margin-right: auto; } .making_box .elementor-image-box-content { position: absolute; top:50%; left:0%; padding: 30px; width: 100%; transform: translateY(-50%); } .making_box{ position: relative; } .making_box img,.making_box figure { display: block !important; } .making_box img { filter: brightness(0.6); } .testimonial_inner img{ height: 400px !important; width: 100%; display: block; object-fit: cover; } .owl-nav { margin-top: 0px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; width: calc(100% + 60px); } .owl-nav button { background-color: var(--green) !important; width: 45px; height: 45px; border-radius: 50% !important; color: var(--white) !important; outline: unset !important; } .icon_list li a { background-color: var(--green); width: 40px !important; height: 40px !important; display: flex !important; justify-content: center !important; border-radius: 50%; padding-left: 5px; } .icon_list li a span.elementor-icon-list-text { display: none; } .icon_list li a svg { margin: 0px !important; } .archive main#main { max-width: 1310px; padding: 80px 15px; display: flow-root; } .archive main#main nav *,.archive main#main form.woocommerce-ordering *,.archive main#main p.woocommerce-result-count { font-family: 'Poppins'; } .archive .products { margin-top: 40px !important; float: left; width: 100%; } /*-------------------------------------------------------------- # Contact Start css --------------------------------------------------------------*/ .contact_box figure { min-width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); margin-right:20px !important; justify-content: center; } .contact_box figure a,.contact_box figure{ display: flex !important; align-items: center; } .contact_box figure img { width: 22px; height: 22px; } .contact_box h3.elementor-image-box-title { margin-top: 0px; } .contact_box p { margin: 0px; } .contact_box input,.contact_box select,.contact_box textarea { border-radius: 10px !important; padding: 10px 13px !important; border: 1px solid rgba(21, 18, 58, 0.15) !important; outline: unset !important; color: var(--black); font-family: Poppins, sans-serif; font-weight: 500; } .contact_grid { display: flex; grid-gap: 20px; flex-flow: wrap; } .contact_grid > div:nth-child(1),.contact_grid > div:nth-child(2) { width: calc(100%/2 - 10px); } .contact_grid > div { width: 100%; } .contact_grid > div textarea { height: 100px; resize: none; } .contact_grid > div input[type="submit"] { font-size: 16px; line-height: 24px; background-color: var(--yellow); color: var(--black); min-width: 122px; text-align: center; transition: all 0.3s; margin-top: 10px; } .contact_grid > div input[type="submit"]:hover { background-color: var(--green); color: var(--white); } /*-------------------------------------------------------------- # Checkout Start css --------------------------------------------------------------*/ .page-id-13 .page-header { display: none; } .page-id-13 main#content { max-width: 1310px; padding: 80px 15px; } .page-id-13 main#content * { font-family: 'Poppins'; } .page-id-13 main#content button { background-color: var(--yellow); border: unset; color: var(--black); font-weight: 500; border-radius: 6px; transition: all 0.3s; } .page-id-13 main#content button:hover { background-color: var(--green); color: var(--white); } .xoo-wsc-container * { font-family: 'Poppins'; } .xoo-wsc-container .xoo-wsc-ft-buttons-cont { display: grid; grid-template-columns: repeat(2,1fr); } .xoo-wsc-container .xoo-wsc-cart-close.xoo-wsc-ft-btn-continue { display: none; } .xoo-wsc-container .xoo-wsc-footer span.woocommerce-Price-amount.amount { display: none; } .xoo-wsc-container .xoo-wsc-footer a{ font-size:16px; border-radius:6px; background-color:var(--yellow) !important; color:var(--black) !important; } .xoo-wsc-container .xoo-wsc-footer a:hover{ color:var(--white) !important; background-color:var(--green) !important; } /*------------------------------------------------------------ # Single Product css --------------------------------------------------------------*/ .single .woocommerce-tabs.wc-tabs-wrapper { display: none; } section.related.products {float: left;width: 100%;margin-top: 60px;} section.related.products h2 { font-family: 'Poppins'; margin: 0px 0px 32px; color: var(--green); text-transform: capitalize; } .veriable_product { margin: 20px 0px; display: flex; grid-gap: 15px; flex-flow: wrap; } .veriable_product label input{ display:none; } .veriable_product label .off_price { position: absolute; top: -12px; right: 12px; background-color: var(--yellow); color: var(--black); border-radius: 8px !important; padding: 12px 10px 12px !important; font-size: 12px !important; line-height: 0; font-family: 'Poppins' !important; } .veriable_product label span.product_inprice { margin-left: auto; } .veriable_product span.product_inprice { font-size: 15px; font-family: 'Poppins'; font-weight: 600; margin-top: 8px; display: block; color: var(--black); } .veriable_product label strong { display: grid; grid-gap: 10px; align-items: center; font-size: 12px; font-weight: 500; color: var(--black); display: flex; align-items: center; grid-gap: 3px; } .veriable_product .price_label{ width: 100%; height: 100%; transition: opacity .2s, transform .2s; color: white; background-color: var(--white); align-items: center; grid-gap: 10px; font-size: 15px !important; font-family: 'Poppins'; font-weight: 400; text-transform: uppercase; cursor: pointer; max-width: fit-content; display: block !important; position: relative; padding: 13px 20px; min-width: 217px; box-shadow: 3px 3px 3px #c5c5c5; border-radius: 4px; transition:all 0.3s; } .veriable_product input[type="radio"]:checked ~ .price_label{ background-color: rgb(255 214 52 / 20%); } .product_head { display: grid; } .product_head * { font-family: 'Poppins'; font-size: 16px; color: var(--black); font-weight: 500; } .product_head span.head_price { color: var(--green); font-weight: 600; font-size: 20px; } .product_head span.head_label { font-size: 14px; display: flex; grid-gap: 4px; margin-top: 6px; } .product_head span.head_label::before { content: "Size:"; } .product_head span.head_label::after,.veriable_product label strong::after { content: "(Glass Bottle)"; text-transform: capitalize; } .quantity_selector { display: flex; max-width: fit-content; grid-gap: 10px; border: 1px solid var(--black); padding: 6px 10px; border-radius: 4px; } .quantity_selector button { border: unset; font-size: 18px; color: var(--black) !important; padding: 0px 4px; font-weight: 700; background-color: transparent !important; } .button_grid { display: flex; grid-gap: 15px; padding-top: 12px !important; } .button_grid > button{ width: 100%; max-width: 100%; background-color: var(--green) !important; color: var(--white) !important; font-size: 16px !important; font-family: 'Poppins' !important; font-weight: 400 !important; text-transform: capitalize; border-radius: 4px !important; transition: all 0.3s; } .button_grid > button:hover{ background-color: var(--black) !important; } .quantity_selector input { outline: unset; padding: 0px !important; text-align: center; width: 55px !important; display: block; border: unset !important; min-height: 28px; } .faq_inner details { border-bottom: 1px solid rgb(18 18 18 / 20%); } .faq_inner details p{ margin: 0px !important; } .custom-accordion { overflow: hidden; background-color: transparent; } .accordion-item { border-bottom: 1px solid #eee; } .accordion-item button.accordion-button svg { width: 14px; } .accordion-button { width: 100%; text-align: left; padding: 15px 0px; font-weight: 500; border: none; cursor: pointer !important; position: relative; font-size: 18px; font-family: 'Poppins'; color: var(--black) !important; background-color: transparent !important; outline: unset !important; display: flex; align-items: center; justify-content: space-between; grid-gap: 10px; align-items: center; } .accordion-button svg{ transform: rotate(0deg); transition: all 0.3s; } .accordion-content *,.accordion-content { font-size: 15px; font-family: 'Poppins'; } .accordion-content ul { padding: 0px 0px 0px 20px; display: grid; grid-gap: 6px; } .accordion-content { display: none; padding: 0px 0px 15px; animation: slideDown 0.3s ease-out forwards; } .accordion-button.active svg { transform: rotate(-180deg); } .product_img .product_feaured img { width: 100%; display: block; height: 498px !important; object-fit: contain; border-radius: 12px !important; } .thumbail_listimg img { height: 106px !important; border: 2px solid transparent !important; display: block !important; object-fit: contain; border-radius: 6px !important; width: 100% !important; cursor: pointer; } .slick-slide.slick-current img{ border-color:var(--black) !important; } .thumbail_listimg { margin-top: 20px; } .slider-thumbs .slick-slide { margin: 0 5px; } .slider-thumbs .slick-list { margin: 0 -5px; } .thumbail_listimg button { font-size: 0px; z-index: 1; background-color: var(--green) !important; width: 40px; height: 40px; border-radius: 50% !important; color: var(--white) !important; outline: unset !important; font-family: 'Font Awesome 5 Pro'; border:unset; } .thumbail_listimg button::before{ color: var(--white); display: block; font-size: 16px; font-family: 'Font Awesome 5 Pro'; opacity: 1; } .thumbail_listimg button.slick-next.slick-arrow{ right:-15px; } .thumbail_listimg button.slick-prev.slick-arrow{ left:-15px; } .thumbail_listimg button.slick-next.slick-arrow::before { content: "\f054"; } .thumbail_listimg button.slick-prev.slick-arrow::before { content: "\f054"; } .thumbail_listimg button.slick-prev.slick-arrow { transform: rotate(180deg); top: 30%; } .slider-thumbs .elementor-post__thumbnail { padding: 0px !important; } .slider-thumbs .elementor-post__thumbnail img { position: unset !important; transform: unset !important; } /*------------------------------------------------------------ # Single Blog css --------------------------------------------------------------*/ .related_post { display: grid; grid-gap: 16px; } .related_post a img{ border-radius:4px; } .related_post a { display: grid; grid-template-columns: 85px auto; grid-gap: 16px; font-size: 15px; color: var(--black); font-family: 'Poppins'; text-transform: capitalize; font-weight: 500; } .related_post a:hover{ color: var(--green); } ul.post_tags { padding: 0px; list-style: none; display: flex; flex-flow: wrap; grid-gap: 10px; } ul.post_tags li a { background: rgb(255 214 52 / 30%); font-size: 16px; display: inline-block; padding: 8px 12px; color: var(--black); border-radius: 4px; } ul.post_tags li a:hover{ background-color:var(--yellow); } .blog_grid { display: flex !important; flex-flow: wrap !important; grid-gap: 20px !important; align-items: center !important; justify-content: space-between !important; } .blog_grid > div { max-width: fit-content !important; } .blog_grid .elementor-grid-item{ margin-bottom: 0px !important; } .blog_grid .elementor-grid-item:hover span.elementor-share-btn__icon{ background-color: var(--green); color: var(--white); } /*------------------------------------------------------------ # Privacy css --------------------------------------------------------------*/ .privacy_box h3 *,.privacy_box h4 *,.privacy_box h3,.privacy_box h4 { color: var(--green); font-weight: 500; font-family: "Poppins", Sans-serif; font-size: 24px; } .privacy_box h3:nth-child(2) { /* padding-top: 0px; */ /* border-top: unset; */ /* margin-top: 0px; */ } .privacy_box p,.privacy_box a,.privacy_box li { font-size: 16px; color: var(--text); font-family: "Poppins", Sans-serif; margin-bottom: 0px; margin-top: 6px; } .privacy_box ul,.privacy_box ol { margin: 20px 0px 0px; padding: 0px 0px 0px 20px; } .privacy_box h3 { margin-top: 30px; border-top: 1px solid rgb(93 93 93 / 20%); padding-top: 24px; } .privacy_box p ,.policy-page { margin-top: 15px; margin-top: 15px; } .privacy_box h4,.privacy_box h4 * { font-size: 20px; } .privacy_box h3:first-child { margin-top: 0px; border-top: 0px; padding-top: 0px; } .page-id-1389 .footer_img,.page-id-1415 .footer_img,.page-id-1422 .footer_img,.page-id-1417 .footer_img{ background-color: #fffdf3 !important; } /*-------------------------------------------------------------- # Popup Start css --------------------------------------------------------------*/ .xoo-el-main { padding: 40px 30px; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal { max-height: 509px !important; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal { max-width: 900px; } .xoo-el-inmodal .xoo-aff-group { margin-bottom: 10px; } .xoo-el-inmodal * { font-family: 'Poppins' !important; } .xoo-el-inmodal span.xoo-aff-input-icon { font-family: 'Font Awesome 5 Pro' !important; } form.xoo-el-action-form { margin-top: 10px; } .xoo-el-sidebar { background-size: 350px !important; background-color: #fffdf3; } span.xoo-el-close { font-family: 'Easy-Login' !important; } .xoo-el-main button.button.btn { border: unset !important; background-color: var(--yellow) !important; color: var(--black) !important; transition: all 0.3s; } .xoo-el-main button.button.btn:hover { background-color: var(--green) !important; color: var(--white) !important; } .xoo-el-main i.far { font-family: 'Font Awesome 5 Pro' !important; } .page-id-12 h2.wp-block-heading { font-family: "Poppins", Sans-serif; font-size: 50px; font-weight: 600; line-height: 60px; } .page-id-12 main#content { padding: 100px 15px; max-width: 1280px; } .page-id-12 h2.wp-block-heading::after{ content:""; background-image: url(images/frame.png); background-repeat: no-repeat; background-position: center; display: block; width: 100%; height: 19px; margin: 26px 0px 40px; } .page-id-12 h2.with-empty-cart-icon{ font-family: "Poppins", Sans-serif; font-size: 20px !important; margin-top: 0px; margin-bottom: 50px; } .page-id-12 h2.with-empty-cart-icon::after{ display:none; } .page-id-12 hr::before { display:none !important; } .alignwide { margin-inline: 0px !important; } .page-id-12 .page-header { display: none; } /*-------------------------------------------------------------- # My Account Page css start --------------------------------------------------------------*/ .my_account_sec nav.woocommerce-MyAccount-navigation ul li a::before { content: ""; display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.4s; filter: brightness(0); opacity: 0.5; } .my_account_sec .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0px; } .my_account_sec nav.woocommerce-MyAccount-navigation ul li.is-active a { background-color: var(--yellow); color: var(--black); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(1) a::before { filter: brightness(0); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(1) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC41NjciIGhlaWdodD0iMTUuNSIgdmlld0JveD0iMCAwIDE0LjU2NyAxNS41Ij4NCiAgPGcgaWQ9IlhuaXhfTGluZV9EYXNoYm9hcmQiIGRhdGEtbmFtZT0iWG5peC9MaW5lL0Rhc2hib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMjUgLTMuMjUpIj4NCiAgICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xMjMsNkgxLjQ3N0ExLjQ2NSwxLjQ2NSwwLDAsMCwwLDcuNDUydjUuNUExLjQ2NSwxLjQ2NSwwLDAsMCwxLjQ3NywxNC40SDQuMTIzQTEuNDY1LDEuNDY1LDAsMCwwLDUuNiwxMi45NDh2LTUuNUExLjQ2NSwxLjQ2NSwwLDAsMCw0LjEyMyw2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSAzLjYpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNNC4xMjMsMEgxLjQ3N0ExLjQzNywxLjQzNywwLDAsMCwwLDEuMzk0VjIuMzRBMS40MzcsMS40MzcsMCwwLDAsMS40NzcsMy43MzNINC4xMjNBMS40MzcsMS40MzcsMCwwLDAsNS42LDIuMzRWMS4zOTRBMS40MzcsMS40MzcsMCwwLDAsNC4xMjMsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NkYzNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KICAgIDxwYXRoIGlkPSJWZWN0b3ItMyIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik05LjQ3Nyw4LjRoMi42NDZBMS40NjUsMS40NjUsMCwwLDAsMTMuNiw2Ljk0OHYtNS41QTEuNDY1LDEuNDY1LDAsMCwwLDEyLjEyMywwSDkuNDc3QTEuNDY1LDEuNDY1LDAsMCwwLDgsMS40NTJ2NS41QTEuNDY1LDEuNDY1LDAsMCwwLDkuNDc3LDguNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNDY3IDQpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgICA8cGF0aCBpZD0iVmVjdG9yLTQiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNOS40NzcsMTQuNzMzaDIuNjQ2QTEuNDM3LDEuNDM3LDAsMCwwLDEzLjYsMTMuMzR2LS45NDZBMS40MzcsMS40MzcsMCwwLDAsMTIuMTIzLDExSDkuNDc3QTEuNDM3LDEuNDM3LDAsMCwwLDgsMTIuMzk0di45NDZBMS40MzcsMS40MzcsMCwwLDAsOS40NzcsMTQuNzMzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC40NjcgMy4yNjcpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(2) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS44IiBoZWlnaHQ9IjE1LjUiIHZpZXdCb3g9IjAgMCAxNS44IDE1LjUiPg0KICA8ZyBpZD0iWG5peF9MaW5lX1BhcmNlbF8yIiBkYXRhLW5hbWU9IlhuaXgvTGluZS9QYXJjZWwgMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMSAtNC4yNSkiPg0KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0wLDQuMzA4LDEsMEg3TTAsNC4zMDhWMTRIMTRWNC4zMDhtLTE0LDBIN003LDBoNmwxLDQuMzA4TTcsMFY0LjMwOG0wLDBoN20tNywwVjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NkYzNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(3) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41IiBoZWlnaHQ9IjE1LjUiIHZpZXdCb3g9IjAgMCAxNS41IDE1LjUiPg0KICA8ZyBpZD0iWG5peF9MaW5lX0Rvd25sb2FkIiBkYXRhLW5hbWU9IlhuaXgvTGluZS9Eb3dubG9hZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMjUgLTQuMjUpIj4NCiAgICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMCwxMHYxYTMsMywwLDAsMCwzLDNoOGEzLDMsMCwwLDAsMy0zVjEwTTcsMTFsNC01TTcsMTEsMyw2bTQsNVYwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(4) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41IiBoZWlnaHQ9IjE3LjUiIHZpZXdCb3g9IjAgMCAxNS41IDE3LjUiPg0KICA8ZyBpZD0iWG5peF9MaW5lX01hcF9NYXJrZXJfMyIgZGF0YS1uYW1lPSJYbml4L0xpbmUvTWFwIE1hcmtlciAzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC4yNSAtMy4yNSkiPg0KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xLjE4LDMuMDQ4YTYuNzUxLDYuNzUxLDAsMCwwLC44NzEsOC42NThsMi42MTYsMi4wMDhMNywxNmwyLjMzMy0yLjI4NiwyLjYxNi0yLjAwOGE2Ljc1MSw2Ljc1MSwwLDAsMCwuODcxLTguNjU4QTYuOTcxLDYuOTcxLDAsMCwwLDkuNjc5LjUyMmE3LjEzNSw3LjEzNSwwLDAsMC01LjM1OCwwQTYuOTcxLDYuOTcxLDAsMCwwLDEuMTgsMy4wNDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDQpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNNyw5LjE0M0EyLjI4NiwyLjI4NiwwLDEsMCw0LjY2Nyw2Ljg1NywyLjMxLDIuMzEsMCwwLDAsNyw5LjE0M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NkYzNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(5) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41IiBoZWlnaHQ9IjE1LjUiIHZpZXdCb3g9IjAgMCAxMy41IDE1LjUiPg0KICA8ZyBpZD0iWG5peF9MaW5lX1VzZXJfNyIgZGF0YS1uYW1lPSJYbml4L0xpbmUvVXNlciA3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4yNSAtNC4yNSkiPg0KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik05LDNBMywzLDAsMSwxLDYsMCwzLDMsMCwwLDEsOSwzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ2RjM3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+DQogICAgPHBhdGggaWQ9IlZlY3Rvci0yIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTkuNSw5aC03YTIuNSwyLjUsMCwwLDAsMCw1aDdhMi41LDIuNSwwLDAsMCwwLTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:nth-child(6) a::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS44MTEiIGhlaWdodD0iMTUuNSIgdmlld0JveD0iMCAwIDE5LjgxMSAxNS41Ij4NCiAgPGcgaWQ9IlhuaXhfTGluZV9TaWduLW91dCIgZGF0YS1uYW1lPSJYbml4L0xpbmUvU2lnbi1vdXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjkzOSAtNC4yNSkiPg0KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMC45ODUsMCwxNC0zbTAsMEwxMC45ODUtNk0xNC0zSDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3IDkpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NDZGMzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4NCiAgICA8cGF0aCBpZD0iUmVjdGFuZ2xlXzE1NjEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE1NjEiIGQ9Ik0wLDEwYTQsNCwwLDAsMCw0LDRIOGE0LDQsMCwwLDAsNC00VjRBNCw0LDAsMCwwLDgsMEg0QTQsNCwwLDAsMCwwLDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzQ0NkYzNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==); } .my_account_sec nav.woocommerce-MyAccount-navigation ul li.is-active a::before, .my_account_sec nav.woocommerce-MyAccount-navigation ul li a:hover::before { filter: brightness(0); opacity: 0.75; } .my_account_sec nav.woocommerce-MyAccount-navigation ul { padding: 0px; list-style: none; border-radius: 4px; display: flex; flex-direction: column; grid-gap: 12px; } .my_account_sec nav.woocommerce-MyAccount-navigation ul li a { font-size: 15px; font-family: "Poppins", Sans-serif !important; line-height: 26px; text-decoration: none; color: var(--black); display: flex; align-items: center; grid-gap: 10px; padding: 10px 20px; transition: all 0.4s; border: unset !important; border-radius: 4px; } .my_account_sec nav.woocommerce-MyAccount-navigation ul li a:hover { color: var(--black); background-color: #FFF3A5; } .my_account_sec nav.woocommerce-MyAccount-navigation ul li:not(:last-child) a { border-bottom: 1px solid var(--black); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before, .page-id-39 .woocommerce .woocommerce-info::before { color: var(--yellow); } .my_account_sec .woocommerce-MyAccount-content form h2 { margin: 0px 0px 12px; font-family: 'Denton'; color: var(--black); } .my_account_sec .woocommerce::before, .my_account_sec .woocommerce::after { display: none !important; } .my_account_sec .woocommerce { display: grid; grid-template-columns: 200px auto; grid-gap: 30px 40px; } .my_account_sec .woocommerce>* { width: 100% !important; } .my_account_sec .woocommerce-MyAccount-content p, .my_account_sec .woocommerce-MyAccount-content p * { opacity: 1; font-size: 16px !important; font-family: "Poppins", Sans-serif !important; font-weight: 500 !important; line-height: 26px; color: #999999 !important; } .my_account_sec .woocommerce-MyAccount-content label{ font-size: 16px !important; font-weight: 500 !important; color: var(--black) !important; } .my_account_sec .woocommerce-MyAccount-content a { color: var(--black) !important; display: inline-block; } .my_account_sec .woocommerce-MyAccount-content td:last-child a{ padding: 8px 16px; background-color: var(--yellow) !important; color: var(--black) !important; border: unset; } .my_account_sec .woocommerce-MyAccount-content p { margin-bottom: 14px; } .my_account_sec .woocommerce-info a { padding: 12px 22px; border-radius: 20px; text-transform: capitalize; font-size: 14px; color: var(--white) !important; min-height: 42px; display: flex; align-items: center; } .my_account_sec .woocommerce-Address header { padding: 0px 0px 16px 0px !important; border-top-left-radius: 12px; border-top-right-radius: 12px; } .my_account_sec .woocommerce-Address header h3, .my_account_sec .woocommerce-Address header a { font-size: 16px; padding: 0px !important; font-family: "Poppins", Sans-serif !important; color: var(--black) !important; text-transform: capitalize; line-height: initial; font-weight: 600 !important; width: 100%; } .my_account_sec .woocommerce-Addresses { margin-top: 30px !important; display: flex; grid-gap: 20px; flex-flow: wrap; } .my_account_sec button.button[type="submit"] { margin-top: 20px !important; text-decoration: none !important; align-items: center; box-shadow: unset !important; margin: 0 auto; display: inline-block; font-family: "Poppins", Sans-serif !important; font-size: 16px !important; line-height: 26px; color: var(--black) !important; transition: var(--transition); background: linear-gradient(to bottom, var(--yellow) 50%, var(--white) 50%) no-repeat scroll right bottom / 100% 210% var(--white) !important; border: 1px solid var(--black); border-radius: 8px 8px 8px 8px; padding: 9px 24px 9px 24px; font-weight: 500 !important; transition: all 0.3s !important; } .my_account_sec button.button[type="submit"]:hover { border-color: var(--yellow) !important; background-position: right top !important; background-color: var(--yellow) !important; color: var(--white) !important; } .my_account_sec .woocommerce-Address, .my_account_sec .woocommerce-Address * { border-color: var(--black) !important; } .my_account_sec .woocommerce-Address header h2 { margin: 0px 0px 30px; font-family: "Poppins", Sans-serif !important; color: var(--black); text-transform: capitalize; font-size: 24px; } .my_account_sec .woocommerce-Address address { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; font-size: 15px; color: #999; font-weight: 500; border: 1px solid rgba(0, 0, 0, .1) !important; border-bottom-width: 2px; border-right-width: 2px; text-align: left; width: 100%; border-radius: 5px; padding: 6px 12px; box-sizing: border-box; } .woocommerce-MyAccount-content h3 { margin-bottom: 15px !important; } ul.children li::before { display: none !important; } .my_account_sec form.woocommerce-EditAccountForm.edit-account>p:last-child button.button, .woocommerce-MyAccount-content p button.button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a { font-family: "Poppins", Sans-serif !important; font-size: 16px !important; line-height: 26px; color: var(--white) !important; transition: var(--transition); background-color: var(--yellow); border-radius: 8px 8px 8px 8px; padding: 9px 24px 9px 24px; font-weight: 500 !important; } body .my_account_sec form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button { background-color: var(--yellow); color: var(--black) !important; } .my_account_sec form.woocommerce-EditAccountForm.edit-account>p:last-child button.button:hover, .woocommerce-MyAccount-content p button.button:hover, .my_account_sec.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a:hover{ background-position: right top !important; background-color: var(--yellow) !important; color: var(--white) !important; } .my_account_sec.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a:hover { border-color: var(--yellow); } .my_account_sec.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, .page-id-39 .woocommerce .woocommerce-info { border-top-color: var(--yellow); background-color: var(--light); color: var(--black); font-family: "Poppins", Sans-serif !important; } .my_account_sec .woocommerce .woocommerce-MyAccount-content ul.woocommerce-error{ border-top-color: var(--yellow); background-color: var(--light); } .my_account_sec .woocommerce .woocommerce-MyAccount-content ul.woocommerce-error li{ color: var(--black); } .my_account_sec .woocommerce .woocommerce-MyAccount-content ul.woocommerce-error::before{ color: var(--yellow); } .my_account_sec form.woocommerce-EditAccountForm.edit-account fieldset { margin: 24px 0px 10px 0px !important; border: 1px solid var(--black); border-radius: 4px; } .my_account_sec form.woocommerce-EditAccountForm.edit-account fieldset legend { font-family: "Poppins", Sans-serif !important; } .my_account_sec .woocommerce-MyAccount-content p input, .my_account_sec .select2-container--default .select2-selection--single, .my_account_sec .select2-dropdown{ border: 1px solid #4F4F4F26; height: 48px; border-radius: 8px; } .my_account_sec .select2-container--default .select2-selection--single, .my_account_sec .select2-container--default .select2-selection--single .select2-selection__arrow, { height: 48px; font-family: "Poppins", Sans-serif !important; } .my_account_sec .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 47px; padding: 0 20px 0 8px; } .woocommerce-info { border-color: var(--green); } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 49%; } /*-------------------------------------------------------------- # Cart css --------------------------------------------------------------*/ .cart_grid .woocommerce { display: grid; grid-template-columns: 60% auto; } .cart_grid .woocommerce .woocommerce-notices-wrapper { grid-column: span 2; } .cart_grid .cart-collaterals .cart_totals { width: 100% !important; } .cart_grid form.woocommerce-cart-form { margin-right: 60px; } .cart_grid form.woocommerce-cart-form table.shop_table,.cart_grid form.woocommerce-cart-form * { border: unset !important; background-color: transparent !important; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail { width: 180px; display: block; } .cart_grid table.shop_table_responsive tr td::before,.cart_grid table.shop_table_responsive tr td::before { display: none; } .cart_grid form.woocommerce-cart-form table.shop_table thead { display: none; } .cart_grid form.woocommerce-cart-form::before,.cart_grid .cart-collaterals .cart_totals h2 { content: "Your Cart"; font-size: 32px; font-family: "Poppins", Sans-serif; margin:0px 0px 18px; display: block; text-transform: uppercase; color: var(--black); line-height: normal; display: none; } .cart_grid .cart-collaterals .cart_totals h2 { margin-bottom: 30px; display: none; } .cart_grid table.shop_table_responsive tr td.product-name { height: fit-content; width: 100%; text-align: left !important; padding-right: 40px; } .cart_grid tr.woocommerce-cart-form__cart-item.cart_item { border: 1px solid #AFAFAF !important; display: grid !important; grid-template-columns: 180px auto max-content; position: relative; border-radius: 10px; padding: 8px; margin-top: 0px; justify-content: left; margin-bottom: 20px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-remove { position: absolute; right: 15px; background-image: url('images/remove_icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 32px; height: 32px; font-size: 0px; padding: 0px; top: 15px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-remove a { font-size: 0px; width: 100%; height: 100%; display: block; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a,.cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a img { width: 100% !important; height: 160px; object-fit: contain; border-radius: 6px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-name a { font-size: 20px; font-family: "Poppins", Sans-serif; font-weight: 700; color: var(--black); } .cart_grid form.woocommerce-cart-form table.shop_table td.product-price, .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity { position: absolute; top: 57px; left: 190px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-subtotal { position: absolute; top: 87px; left: 190px; font-weight: 600; font-size: 16px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity { top: 56px; right: 0px; position: absolute; left: unset; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity > div{ border: 1px solid rgb(30 30 30 / 10%) !important; padding: 6px 10px; max-width: fit-content; border-radius: 4px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity input { padding: 0px !important; text-align: center; border: unset !important; outline: unset !important; } .cart_grid form.woocommerce-cart-form table.shop_table button { padding: 0px; color: var(--black) !important; opacity: 1 !important; } .cart_grid form.woocommerce-cart-form table.shop_table button.button { padding: 5px 20px; background-color: var(--yellow) !important; padding: 10px 20px; width: fit-content !important; height: 42px; font-family: "Poppins", Sans-serif; font-weight: 500; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon { display: grid; grid-template-columns: 200px auto; grid-gap: 15px; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon::before { display: none; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon label { width: 200px !important; display: block; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon input#coupon_code { border: 1px solid rgb(30 30 30 / 10%) !important; width: 100%; font-size: 16px; display: block; border-radius: 10px; padding: 8px 15px; } .cart_grid form.woocommerce-cart-form table.shop_table td.actions { padding: 20px 0px 0px !important; display: flex; justify-content: space-between; grid-gap: 10px; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon * { font-family: "Poppins", Sans-serif; font-weight: 400; font-size: 16px; } .cart_grid table.shop_table.shop_table_responsive { border: unset; } .cart_grid table.shop_table.shop_table_responsive td,.cart_grid table.shop_table.shop_table_responsive th { background-color: transparent; border: unset; } .cart_grid .cart-collaterals .cart_totals th, .cart_grid .cart-collaterals .cart_totals td { padding: 0px; border: unset !important; font-size: 16px; font-weight: 500; color: #4B4B4B; background-color: transparent !important; } .cart_grid .cart-collaterals .cart_totals td { font-weight: 600; color: #434343; } .cart_grid .cart-collaterals .cart_totals tr.order-total th ,.cart_grid .cart-collaterals .cart_totals tr.order-total td strong { color: var(--black); font-size: 18px; font-weight: 600; } .cart_grid .cart-collaterals *{ font-family: "Poppins", Sans-serif; } .cart_grid .cart-collaterals .cart_totals td[data-title="Subtotal"] * { font-size: 18px; font-weight: 600; } .cart_grid .cart_totals table.shop_table.shop_table_responsive td, .cart_grid .cart_totals table.shop_table.shop_table_responsive th { padding-bottom: 20px !important; } .cart_grid .cart_totals table.shop_table.shop_table_responsive,.cart_grid .cart_totals table.shop_table.shop_table_responsive .select2-container--default .select2-selection--single { border: 1px solid rgb(30 30 30 / 10%) !important; border-radius: 12px; padding:24px; } .cart_grid .cart_totals table.shop_table.shop_table_responsive .select2-container--default .select2-selection--single { padding: 0px; height: 38px; border-radius: 4px !important; } .cart_grid .cart_totals a.shipping-calculator-button { color: var(--black) !important; } .cart_grid .cart_totals section#shipping-calculator-form input,.cart_grid .cart_totals section#shipping-calculator-form select { border: 1px solid rgb(30 30 30 / 10%) !important; } .cart_grid .woocommerce .cart-collaterals a.checkout-button { margin: 0px !important; min-height: 48px; display: flex; align-items: center; justify-content: center; background-color: var(--black); color: var(--white); padding: 10px; border-radius: 10px; font-size: 16px; font-weight: 500; transition:all 0.3s; } .cart_grid .woocommerce .cart-collaterals a.checkout-button:hover{ background-color: var(--yellow); color: var(--black); } .cart_grid .cart_totals table.shop_table.shop_table_responsive td p,.cart_grid .cart_totals table.shop_table.shop_table_responsive td form.woocommerce-shipping-calculator { display: none; } .img_circke img { border-radius: 50% !important; } .owl-dots { display: flex; justify-content: center; margin-top:40px !important; } .hero_slider .owl-dots{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .owl-dots button { background-color: transparent !important; margin: 0px !important; } .owl-dots button span { width: 8px !important; height: 8px !important; background-color: var(--yellow) !important; opacity: 0.5; } .owl-dots button.active span { opacity: 1; } .header_right { flex-flow: unset !important; grid-gap: 16px !important; align-items: center !important; } .header_right > div { max-width: fit-content !important; } .header_right .elementor-menu-toggle { position: relative; top: 3px; } .yellow_box p { margin: 0px !important; } .yellow_box { margin-bottom: 28px !important; } .cart_grid .woocommerce .cart-empty.woocommerce-info { width: 100%; margin: 0px !important; font-family: 'Poppins'; font-size: 16px; } .cart_grid .woocommerce .wc-empty-cart-message { grid-column: span 2; margin-bottom: 24px !important; } .cart_grid .woocommerce p.return-to-shop { margin: 0px !important; grid-column: span 2; text-align: center; } .cart_grid .woocommerce p.return-to-shop a { background-color: var(--yellow); padding: 14px 26px !important; border-radius: 6px; font-size: 16px; text-transform: capitalize; font-family: 'Poppins'; font-weight: 500; color: var(--black); } .cart_grid .woocommerce p.return-to-shop a:hover { background-color: var(--green); color: var(--white); } .woocommerce table.my_account_orders td.woocommerce-orders-table__cell a { margin-right: 8px; } ul.order_details { padding: 0px; } .woocommerce ul.order_details + p { font-size: 20px; color: var(--green); text-align:ceenter; font-weight: 600; font-family: 'Poppins' !important; margin-bottom: 20px; } .woocommerce ul.order_details { margin-bottom: 32px; } .woocommerce ul.order_details li strong { font-weight: 600; margin-top: 8px; } .page-id-13 main#content ul.order_details::before{ content:""; display:block; position: unset; width: 100%; height: 350px; background-image: url(images/thankyou.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-bottom: 60px; } .product_head span.head_price::after { content: "MRP (Incl. of all taxes)"; font-size: 11px; margin-left: 10px; color: var(--black); } .products li.product.post-331 a.button.product_type_simple::before { content: "Launching Soon"; font-size: 16px !important; } .products li.product.post-331 a.button.product_type_simple { font-size: 0px !important; margin-top: 40px !important; } div[data-elementor-type="header"] li.menu-item-2208 a::after { content: " launching soon"; background-color: red; color: white; padding: 0px 4px; border-radius: 4px; margin-left: 8px; animation: smoothBlink 1s linear infinite; font-size: 10px; } @keyframes smoothBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } span.wc-block-components-address-card__edit { background-color: transparent; } .woocommerce-order-pay { background-color: #f5e2b0; } .product_slider .owl-dots button { margin-top:0px !important; } .product_slider .owl-dots button span { background-color: var(--green) !important; } .products li.post-331,.products li.post-331 * { pointer-events: none !important; } .products li.product.post-331 a.button.product_type_simple { pointer-events: none !important; } .xoo-el-sidebar { background-position: 50% 30% !important; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal { max-height: 484px !important; } .cart_sec th.product-name a { font-size: 20px; color: var(--black); margin: 0px; font-family: 'Playfair'; } /*-------------------------------------------------------------- # Reposnive Start css --------------------------------------------------------------*/ @media(max-width: 1600px){ .right_img { width: 865px !important; height: 835px !important; } .top_up_img { top: -50px !important; } .top_up_img img { max-width: 80% !important; } .bee_img img{ max-width: 80% !important; } } @media(max-width: 1500px){ .right_img { width: 795px !important; height: 765px !important; } } @media(min-width: 1024px){ div[data-elementor-type="header"] .elementor-nav-menu .sub-menu { min-width: 285px !important; position: absolute !important; padding: 8px 0 !important; z-index: 100; visibility: hidden; border-top: 3px solid var(--yellow) !important; background-color: var(--white) !important; opacity: 0; box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%); transform: rotateX(-90deg); transform-origin: 0 0; display: block !important; transition: all 500ms linear 0ms; border-radius: unset !important; border-radius: 8px !important; overflow: hidden; } div[data-elementor-type="header"] .elementor-nav-menu li:hover .sub-menu { visibility: visible !important; opacity: 1 !important; transform: rotateX(0) !important; z-index: 999; } div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a{ padding: 10px 25px !important; display: flex; grid-gap: 4px; border: unset; align-items: center; } div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a::before{ content: ""; height: 1px; background-color: var(--black); transition: all 0.3s ease-out 0s; display: block; width:0px; } div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a:hover::before{ width: 12px; } div[data-elementor-type="header"].sticky .hfe-site-logo-set img { height: 85px; } } @media (max-width: 1024px) { .archive main#main { padding: 60px 15px; } .page-id-13 main#content { padding: 60px 15px; } .page-id-12 h2.wp-block-heading { font-size: 45px; line-height: 55px; } .page-id-12 main#content { padding: 80px 15px; } div[data-elementor-type="header"] nav { position: fixed; width: 100%; top: 117px; left: 0px; margin: 0px !important; padding: 10px 0px 20px; z-index: 99; background-color: var(--white) !important; } div[data-elementor-type="header"] nav ul li a{ border-bottom: 1px solid rgba(0,0,0,0.2); background-color:var(--white) !important; } div[data-elementor-type="header"] nav > ul > li:last-child > a{ border-bottom: unset; } .page-id-13 main#content ul.order_details::before{ height: 300px; } } @media(max-width: 991px){ .products { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .page-id-12 h2.wp-block-heading { font-size: 40px; line-height: 50px; } .page-id-12 main#content { padding: 60px 15px; } .cart_grid .woocommerce { display: grid; grid-template-columns: repeat(1,1fr); } .cart_grid .woocommerce .woocommerce-notices-wrapper { grid-column: unset; } .cart_grid .cart-collaterals .cart_totals h2 { margin-bottom: 20px; margin-top: 10px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a, .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a img { height: 179px; } } @media(max-width:991px){ .cart_grid .woocommerce .wc-empty-cart-message,.cart_grid .woocommerce p.return-to-shop { grid-column: span 1; } .page-id-13 main#content ul.order_details::before{ height: 270px; } .product_img .product_feaured img { height: 298px !important; } } @media(max-width: 768px){ .cart_grid form.woocommerce-cart-form table.shop_table .coupon::after { display: none; } .cart_grid table.shop_table_responsive tr td.product-name { /* width: calc(100% - 30px) !important; */ } .cart_sec .woocommerce-info { font-size: 20px; } .cart_sec table.shop_table_responsive tbody th, .cart_sec table.shop_table_responsive tbody th { display: inline-table !important; } .cart_sec table.shop_table_responsive tr, .cart_sec table.shop_table_responsive tr { display: flex; justify-content: space-between; } .cart_sec table.shop_table_responsive td[data-title="Shipping"] { background-color: transparent !important; } .cart_grid .cart-collaterals .cart_totals h2 { margin-bottom: 16px; } .cart_grid table.shop_table.shop_table_responsive { margin-bottom: 40px; } .cart_grid .cart_totals table.shop_table.shop_table_responsive { margin-bottom: 10px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-price, .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity { top: 62px; } .cart_grid form.woocommerce-cart-form { margin-right: 0px; } .cart_grid form.woocommerce-cart-form table.shop_table,.cart_grid form.woocommerce-cart-form { min-width: 100%; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon { grid-template-columns: auto max-content; } .cart_grid form.woocommerce-cart-form table.shop_table button.button[name="apply_coupon"] { padding: 8px 20px; } .cart_grid table.shop_table_responsive tr td.product-name { width: 100%; } .cart_grid tr.woocommerce-cart-form__cart-item.cart_item { padding-top: 20px; grid-template-columns: 98px auto max-content; } .cart_grid form.woocommerce-cart-form table.shop_table button.button { padding: 10px 10px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail { width: 98px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity > div { padding: 6px 4px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a, .cart_grid form.woocommerce-cart-form table.shop_table td.product-thumbnail a img { height: 105px; } .thumbail_listimg img { height: 62px !important; } } @media(max-width: 767px){ ul.products { grid-template-columns: repeat(2, 1fr); } .contact_box h3.elementor-image-box-title { margin-top: 20px !important; } .content_box .elementor-image-box-wrapper { display: grid; justify-content: left; text-align: left; } .content_box .elementor-image-box-wrapper *{ text-align: left; } .content_box .elementor-image-box-wrapper figure.elementor-image-box-img { margin: 0px 0px 20px !important; } .blog_grid .elementor-post__text { padding: 24px 15px !important; } .gallery_sec .e-gallery-image { padding: 0px !important; transform: unset !important; height: 250px; } .products { grid-template-columns: repeat(2, 1fr); } .my_account_sec .woocommerce { grid-template-columns: repeat(1,1fr); } .woocommerce-info { display: flex; flex-flow: wrap; grid-gap: 10px; margin-bottom: 24px; } .my_account_sec .woocommerce-Address header h2 { margin: 0px 0px 20px; } .my_account_sec .woocommerce-Addresses { margin-top: 10px !important; } .page-id-12 h2.wp-block-heading { font-size: 30px; line-height: 40px; } .cart_sec .woocommerce-info { font-size: 20px; } .cart_sec table.shop_table_responsive tbody th, .cart_sec table.shop_table_responsive tbody th { display: inline-table !important; } .cart_sec table.shop_table_responsive tr, .cart_sec table.shop_table_responsive tr { display: flex; justify-content: space-between; } .cart_sec table.shop_table_responsive td[data-title="Shipping"] { background-color: transparent !important; } .cart_grid .cart-collaterals .cart_totals h2 { margin-bottom: 16px; } .cart_grid table.shop_table.shop_table_responsive { margin-bottom: 40px; } .cart_grid .cart_totals table.shop_table.shop_table_responsive { margin-bottom: 10px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-price, .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity { top: 62px; } .cart_grid form.woocommerce-cart-form { margin-right: 0px; } .cart_grid form.woocommerce-cart-form table.shop_table,.cart_grid form.woocommerce-cart-form { min-width: 100%; } .cart_grid form.woocommerce-cart-form table.shop_table .coupon { grid-template-columns: auto max-content; } .cart_grid form.woocommerce-cart-form table.shop_table button.button[name="apply_coupon"] { padding: 8px 20px; } .cart_grid table.shop_table_responsive tr td.product-name { width: 100%; } .cart_grid tr.woocommerce-cart-form__cart-item.cart_item { padding-top: 20px; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-quantity { position: unset; width: 100%; grid-column: span 2; } .cart_grid td.product-price { display: none !important; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-name a { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cart_grid form.woocommerce-cart-form table.shop_table td.product-subtotal { top: 75px; left: 105px; font-size: 16px; } .cart_grid form.woocommerce-cart-form table.shop_table td.actions { flex-flow: wrap; } .img_circke .elementor-image-gallery .gallery { display: grid !important; grid-template-columns: repeat(3,1fr); } .veriable_product .price_label { padding: 12px 13px; min-width: fit-content; } .privacy_box h3 *, .privacy_box h4 *, .privacy_box h3, .privacy_box h4 { font-size: 20px; } .wp-block-woocommerce-checkout { padding-top: 0px !important; } .hero_sec { background-image:unset !important; } .woocommerce ul.order_details { display: grid; grid-gap: 16px; margin-bottom: 0px; } .woocommerce ul.order_details + p { font-size: 18px; } .woocommerce ul.order_details li { border: unset !important; padding: 0px !important; width: 100%; } .product_img .product_feaured img { height: 340px !important; } .thumbail_listimg img { height: 62px !important; } .accordion-button { padding: 12px 0px; font-size: 16px; } .yellow_box p { margin-bottom: 15px !important; } .contact_box figure.elementor-image-box-img { margin: 0px !important; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal { max-height: 529px !important; } .making_box .elementor-image-box-content { padding:15px; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal { max-height: 100% !important; } .xoo-el-sidebar { background-color: #fffdf3; height: 136px !important; display: block; background-size: contain !important; margin-top: 15px !important; } .xoo-el-container:not(.xoo-el-style-slider) .xoo-el-modal, .xoo-el-notice-modal { top: 50%; text-align: center; position: fixed; z-index: 1000000000; overflow: auto; opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); transform: translateY(-50%) !important; height: 100%; max-height: 680px; } } @media(max-width: 575px){ .logo_foot .elementor-image-box-wrapper { display: flex; grid-gap: 14px; } .products { grid-template-columns: repeat(1, 1fr); } .page-id-13 main#content ul.order_details::before{ height: 250px; } .xoo-el-main { padding: 20px 0px 0px !important; } .xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select, .xoo-aff-group select + .select2, .xoo-aff-group input[type="tel"], .xoo-aff-group input[type="file"] { height: 42px !important; } .making_box img { min-height: 320px; object-fit: cover; } .video_box video,.video_box{ min-height: 320px !important; height: 320px !important; } ul.products { grid-template-columns: repeat(1, 1fr); } .testimonial_inner img { height: 300px !important; } } /* @media(max-width: 392px){ .icon_grid,.making_sec { grid-template-columns: repeat(1, 1fr) !important; } } */