/* Theme Name: Twenty Twenty Child Theme URI: https://wordpress.org/themes/twentytwenty/ Template: twentytwenty Author: the WordPress team Author URI: https://wordpress.org/ Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready Version: 2.9.1749193255 Updated: 2025-06-06 07:00:55 */ /* Common CSS Start */ body{ background:#fff; overflow-x: hidden; } body:not(.home) { background-color: #f2f9fa !important; } h1, h2, h3, h4, h5, h6 , .heading span,.primary-menu a, .menu-right-sec a.top_btn , .menu-right-sec a,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ font-family:"Poppins", serif; -webkit-text-size-adjust: none; font-weight:400;line-height: normal; margin: 0; color: #121212; letter-spacing: 0.3px;} a,p,ul li,button, li a,span,div,input,button,textarea ,body, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .header-footer-group table td , .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce-loop-product__title , body, button, input, select, textarea, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button,.woocommerce-checkout form .col2-set label, .woocommerce-checkout ul.woocommerce-error li,.entry-content table,.woocommerce-breadcrumb,#site-content .woocommerce-error, #site-content .woocommerce-info , .woocommerce-order-received .woocommerce-order li, .woocommerce-order-received .woocommerce-order p , .woocommerce-account .woocommerce-MyAccount-content p,.price,address ,.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered ,.woocommerce form.woocommerce-form-login label, .woocommerce form.woocommerce-form-login p, .woocommerce form.woocommerce-form-register label, .woocommerce form.woocommerce-form-register p{ font-family: "Poppins", sans-serif; letter-spacing:0px; outline:0; -webkit-text-size-adjust: none; font-weight:normal; } body a { text-decoration: none ; color:#121212} a:hover { color:#93be48 } a{ transition: all 0.15s linear; cursor: pointer; font-family: "Poppins", serif; } input,button.textarea { outline:none;} :focus-visible { outline: none !important;} :focus-within { outline: none !important;} a:hover, a:focus,.woo-mini-cart-footer a.button { text-decoration: none !important; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 16px; -webkit-text-size-adjust: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } *{ -webkit-text-size-adjust: none; } ul, ol ,.header-titles .site-logo,ul.primary-menu , li{ margin: 0; list-style: none; } body a { font-size: 15px;} .grecaptcha-badge { visibility: hidden; } .top-bar { background: #419fa7; text-align: center; padding: 10px 0; } .top-bar p { color:#fff;} .top-bar p a { font-weight:500; color:#fff; column-gap: 10px; font-size: 14px;} .top-bar p a img { max-width: 19px; } p#image { width: 100%; } p#id_proof { width: 100%; } .woo-mini-cart-container { vertical-align: middle;} .cart-sec { border-left: solid 1px #ffffff94; margin-left: 25px; padding-left: 25px; } #site-header { padding: 0 0; width: 100%; margin: auto; z-index: 10; top: 0; transition: 0.4s ease-in; } #site-header.sticky-on { position: fixed; top: 0; width: 100%; z-index: 12; right: 0; left: 0; background-color: #220203; transform: translateY(-60px); padding-bottom: 0; } .header-inner.section-inner { max-width:1684px;transition: 0.3s ease-in;position: absolute; width: 100%; margin: auto; left: 0; right: 0; padding:50px 20px; top: 0; } .header-inner.section-inner:after { content: ''; width: 100%; height: 59%; position: absolute; left: 0; right: 0; margin: auto; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 5px #0000000a; } body:not(.enable-search-modal) .header-titles-wrapper { justify-content: center; padding-left: 0; text-align: left; margin: 0;padding: 0; margin-left: 0; margin-right: auto; width: auto; } .header-titles { margin: 0; } body:not(.enable-search-modal) .site-logo img { margin: 0; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 2; max-height: none;border-radius: 0 0 10px 10px; } .woocommerce ul.products li.product { border: 1px solid #e7e7e7; } .site-menu-handle , .psotchoose3 .fa,.entry-categories,.wpml-ls-statics-footer { display:none;} .primary-menu > li { margin:0 15px; } .primary-menu a {color:#1b3120!important; text-decoration:none!important; padding: 0px 10px; letter-spacing:0px; font-size: 18px; font-weight: 500;position: relative; text-transform: uppercase;} .primary-menu li a:hover, .primary-menu li.current_page_item a { text-decoration: none !important; } .primary-menu > li > .icon { color: #1b3120 !important; } .primary-menu .icon::before { height: 0.7rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.7rem; } .primary-menu > li > .icon { top: 8px; } /* .primary-menu li.menu-item-has-children > a:before { content: "\f107"; font:normal normal normal 14px/1 FontAwesome; position: absolute; right:0; top: 10px; font-size: 16px; } .primary-menu a:after { content: ''; background: url(https://churchillchicken.com/wp-content/uploads/2024/11/header-logo.png); width: 11px; height: 11px; display: block; position: absolute; bottom: 0px; z-index: 2; background-size: 100% 100%; margin: auto; right: 0; transition: 0.1s linear; opacity: 0; left: 0 } .primary-menu a:hover:after , .primary-menu li.current_page_item a:after{ opacity:1; }*/ /* body .primary-menu li > a:after ,#site-footer .widget_nav_menu ul li a:after { content: ''; width: 6px; height: 6px; position: absolute; left: 0; bottom: 0; background: #2bdc9d; z-index: 1; transition: 0.12s linear; border-radius: 100%; right: 0; margin: auto; transform: translateY(5px); opacity: 0; } body .primary-menu li.current-menu-item > a:after, body ul.primary-menu > li > a:hover:after ,body .primary-menu ul li a:hover:after { transform: translateY(0); opacity: 1; }*/ ul.primary-menu li a:hover, ul.primary-menu li.current-menu-item a { color: #41a0a7 !important; } ul.primary-menu { margin: 0; } ul.primary-menu ul li a { padding-left:0; } .header-navigation-wrapper { position: relative; width: auto; z-index: 2; margin-left: auto; margin-right: 0; } .primary-menu-wrapper { width: auto; } ul.primary-menu ul.sub-menu { background: #41a0a7 !important; top: 38px; width: 260px; padding: 25px; padding-top: 10px; padding-bottom: 10px; visibility: hidden; } ul.primary-menu li:hover > ul,ul.primary-menu li:focus > ul,ul.primary-menu li.focus > ul { visibility: visible; } ul.menu.nav-menu ul.sub-menu li { margin: 2px 0; display: block; width: 100%; line-height: normal; } ul.primary-menu ul.sub-menu li a { color: #fff !important; padding: 5px 0; position: relative; font-size: 15px !important; } ul.primary-menu ul.sub-menu li a:hover { color: #593a55 !important; } .primary-menu ul::after { border-bottom-color: #41a0a7 !important; } .nav-toggle div { width: 43px; height: 43px; background: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 6px; padding: 0 5px; transition: 0.2s; } .nav-toggle div span { width: 75%; height: 2px; background-color: #000; display: block; border-radius: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; } .nav-toggle:hover span:first-child { transform: translateY(3px); } .nav-toggle:hover span:nth-child(2) { opacity: 0; } .nav-toggle:hover span:last-child { transform: translateY(-3px); } .menu-modal .toggle-text ,.search-item-details .price img { display:none; } .menu-modal,.menu-modal.show-modal ,.menu-modal .modal-menu{ width: 100%; display: block; } .menu-modal-inner { background: #f8f8f8; max-width: 50%; position: relative; transform: translateX(100%); transition: 0.4s ease-out; position: absolute; height: 100%; left: auto; right: 0;width: 0; } .menu-modal.active .menu-modal-inner { width: 50%; transform: translateX(0); } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 16px; font-weight: 500; color: #2f2c2c; padding: 13px; padding-left: 0; letter-spacing: normal; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: none; font-weight: 500; } .menu-wrapper .menu-item { position: relative; border: 0; } .modal-menu { left:0; } .header-inner .toggle { left: 0; right: auto;padding: 0; width: auto;} .modal-menu ul.sub-menu li a { font-size: 17px; padding: 5px; font-weight: 400;} .modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { color: #41a0a7; } .menu-modal.active { background: rgb(0 0 0 / 71%);} .menu-modal.active ul.modal-menu,.menu-modal.active .menu-bottom img { opacity: 1; transform: translateX(0); } .menu-modal ul.modal-menu ,.menu-bottom img { position: relative; transform: translateX(20px); transition: 0.3s ease; transition-delay: 0.5s; opacity: 0; } .top-right { display: flex; align-items: center; } .top-right a { text-decoration: none; color: #fff; font-size: 16px; } .wpml-ls-legacy-list-horizontal { border: 0; padding: 0; clear: both; } .widget_icl_lang_sel_widget a { padding: 2px 8px; height: auto; min-height: auto; background: transparent; border: 0; background-color: transparent; } .widget_custom_html { margin-top: 0; } .right-sec { position: relative; width: 24%; z-index: 1; margin-left: 2%; } .custom-ajax-search-wrapper { margin:0; width: 100%; max-width: 100%; } ul.ajax-search-results-list a,ul.ajax-search-results-list .search-item-details strong ,#custom-ajax-search-input{ font-size: 14px; font-weight: 500; } body button,body .button,body input[type="button"],body input[type="submit"],a.cfs-hyperlink { background-color: #419fa7; color: #fff; border-bottom: 1px solid #419fa7; font-size: 15px; padding: 10.5px 30px; text-decoration: none !important; width: auto; border-radius: 0; font-weight: 400; max-height: 52px; position: relative; transition: all .2s linear; display: inline-block; text-transform: uppercase; border-top: 1px solid transparent; } a.cfs-hyperlink span ,.blog .more-link span { font-size:16px;font-weight: 500;position: relative; transition: 0.2s ease-out; } body input[type="submit"]:hover,.cfs-hyperlink:hover,.blog .more-link:hover{ border-color:#121212; background:#121212; color: #fff; } .acf-link:hover span {color: #fff;} .theme-btn { margin-top: 30px; position: relative; z-index: 2; } .without-login-sec .cfs-hyperlink { background-color: #f987b1; border-color:#f987b1 } .home-category a.cfs-hyperlink{ background-color: #593a55; border-color:#593a55 } .home-category a.cfs-hyperlink:hover ,.without-login-sec .cfs-hyperlink:hover { background-color: #2e2e2e; border-color:#2e2e2e } .owl-stage-outer { overflow: hidden; transition: 0.2s ease;} .owl-item { display: inline-block; vertical-align: top;} .owl-dots.disabled,.owl-nav.disabled { display: none; } .owl-dots { text-align: center; } button.owl-dot.active { background: #da1116; width: 30px; } .owl-nav { text-align: center; margin: 40px 0 0; } .owl-nav button { background-image: url('img/right-arrow.png'); background-color:#fff; padding: 0; background-repeat: no-repeat; background-position: center; width:60px; height:60px; max-height: none; border-radius: 100px; margin: 0 15px; transition: 0.2s; border: 0; padding: 0; } .owl-nav button span { opacity:0;} .owl-nav button.owl-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .owl-nav button.owl-next:hover { background-position: right; } .owl-nav button.owl-prev:hover { background-position: right; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea,select { border-radius: 0; letter-spacing: normal; width: 100%; background: #efefef; font-size: 15px; padding: 10px 14px; color: #3a3a3a; border-color: #fff; height:auto; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#f0f0f0;} input::placeholder, textarea::placeholder { color: #919191; } section { position:relative; padding: 4rem 0; } .container { margin: auto; width: 100%; max-width: 1684px; box-sizing: border-box; } .container2 { max-width: 1684px; } .col-left,.col-right { width:48%; } a { text-decoration: none; } .center,.cnt { text-align:center; } p,p.desc, p, p.desc, section.privacy-top p, section.privacy-top li { font-size: 14px; color: #282828; margin-bottom: 0; font-weight:400; line-height: 25px; } .disp-flex { display: flex; justify-content: space-between; align-items: center; } .disp-flex2 { flex-wrap: wrap; } .main-heading {font-size: 42px; color: #593a55; font-weight: 700; margin: 0; margin-bottom: 35px; text-transform: inherit; } .main-heading span { font-weight: 700; color: #593a55; } .sub-heading { color: #181818; text-transform: capitalize; font-size: 17px; margin-bottom: 5px; } .max-69 { max-width: 69%; margin-left: auto; margin-right: auto; } .padt-0 { padding-top:0; } .padd0 { padding:0; } .para { display: none; } .sub-header { background:url('img/bg2.jpg'); background-size: cover !important; height: 350px; background-position: center !important; clear: both; display: block; width: 100%; position: relative; opacity: .95; background: #b7b6db; } .sub-header .container { display: flex; align-items: flex-end; justify-content: flex-start; height: 100%; padding-bottom: 70px; } .sub-header h2 { font-size: 40px; line-height: normal; margin: 0; color: #fff; } .sub-header h6 .fa { font-size: 22px; margin-right: 4px; } .sub-header .wave { top: auto; background: #fff; position: absolute; bottom: -5px;} .sub-header .wave:after { background: #f2f9fa; } /* .sub-header.about-sub::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 200%; height: 60px; background: url("data:image/svg+xml,%3Csvg width='130' height='60' viewBox='0 0 130 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 Q32.5,0 65,30 T130,30 V60 H0 Z' fill='white'/%3E%3C/svg%3E") repeat-x; background-size: 130px 100%; animation: waveRock 6s ease-in-out infinite; z-index: 2; } @keyframes waveRock { 0% { transform: translateX(0); } 50% { transform: translateX(-65px); } 100% { transform: translateX(0); } }*/ /* Common CSS END */ /* Slider CSS Start */ .sp-buttons { position: absolute; bottom: 20px; z-index: 999; } .circle { position: absolute; width: 200px; height: 200px; border-radius: 100vmax; display: flex; align-items: center; justify-content: center; right: 70px; top: 40%; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); } .circle .logo { position: absolute; width: 140px; height: 140px; border: dashed 2px #fff; border-radius: 100%; } .circle .text { position: absolute; width: 100%; height: 100%; color: #fff; font-size: 14px; animation: textRotation 10s linear infinite; } @keyframes textRotation { to { transform: rotate(-360deg); } } .circle .text span { position: absolute; left: 50%; font-size: 1.2em; transform-origin: 0 100px; font-weight:600; } /* Slider CSS END */ /* Home page, cat section */ .logged-in section.home-category { padding-bottom: 13rem; } section.home-category { background: #419fa7; } section.home-category:after { content: ''; width: 100%; height: 40%; background: #f1f9f9; position: absolute; bottom: 0; left: 0; z-index:0; } section.home-category .container { background: #fff; border-radius: 20px; padding: 70px; position: relative; overflow: hidden; z-index: 1; } .box-cat { position: relative; } .cat-bg { background:url('img/candy.jpg'); width: 100%; height: 100px; left:0; bottom:0; position: absolute; height: 182px; display:none; } .cat-circle img { width: 100%; border-radius: 10px; font-size: 18px; height: 100%; object-fit: cover; } .cat-circle { width: 365px; height: 365px; border-radius: 10px; position: relative; } .cat-circle:before { content: ''; width: 101.5%; height: 101.5%; border-radius:10px; border: solid 3px #e9c575; position: absolute; left: -0.5%; top: -0.5%; transition: 0.4s cubic-bezier(0.4, 0, 1, 1); box-shadow: inset 0 0 30px -1px #8f8e8d; } .cat-circle:hover { box-shadow: inset 0 0 30px 10px #e9c575;} .caetgory-slide a span { text-align: center; display: block; margin-top: 20px; font-weight: 600; color: #593a55; font-size: 22px; position: relative; z-index: 2; margin-bottom: 30px; position: absolute; bottom: -10px; left: 10px; background: #fff; padding: 5px 40px 5px 5px; color: #2c2c2c; border-radius: 5px;} .wave { --mask: radial-gradient(43.94px at 50% 61.2px,#000 99%,#0000 101%) calc(50% - 72px) 0/144px 100%, radial-gradient(43.94px at 50% -25.2px,#0000 99%,#000 101%) 50% 36px/144px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); width: 100%; position: absolute; top: -95px; height: 66px; left: 0; background: #fff; position:relative; } .wave:after { content:''; --mask: radial-gradient(43.94px at 50% 61.2px,#000 99%,#0000 101%) calc(50% - 72px) 0/144px 100%, radial-gradient(43.94px at 50% -25.2px,#0000 99%,#000 101%) 50% 36px/144px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); width: 100%; height: 60px; position: absolute; left: 0; top: 6px; background: #419fa7; z-index: 2; } .caetgory-slide { margin-bottom: 40px; flex-wrap: wrap; margin-bottom: 40px; flex-wrap: wrap; max-width: 80%; margin-left: auto; margin-right: auto; row-gap: 40px;} /* Login section */ section.without-login-sec { background: #f1f9f9; padding: 2rem 0 10rem; } .without-login-sec .main-heading { color:#9cc042; } /* best seller */ .best-pro .woocommerce ul.products.columns-3 { display: block; } .col-top.disp-flex { margin-bottom: 40px; } .best-selling { background: #b7b6db; float: left;padding-bottom: 13rem; padding-top: 0; } .best-selling .wave { background: #b7b6db; top: -62px; } .best-selling .wave:after {opacity:0; } .best-selling .main-heading { color:#fff;} .best-selling p { line-height: normal; color:#fff; } .best-pro div.woocommerce ul.products.columns-3 li.product { width: 100%; } /* our brands */ section.home-brand { clear: both; padding-top: 0; } .home-brand .wave { background: #fff; top: -58px; } .home-brand .wave:after {opacity:0; } .home-brand .main-heading { color:#e0514e; } /*wholesale */ .b2b-sec .main-heading {color:#fff } .b2b-sec .container { background: #e8c57c; border-radius: 20px; padding: 70px; position:relative; overflow: hidden; } .b2b-sec .container:before { content: ''; width: 22%; height: 100%; background: url(img/candy-left.png); position: absolute; left:-20px; bottom: 0; z-index: 1; background-size: cover; margin: auto; background-repeat: no-repeat; background-position: center; } .b2b-sec .container:after { content: ''; width: 28%; height: 100%; background: url(img/candy-right.png); position: absolute; right: -20px; top:0; z-index: 1; background-size:cover; margin: auto; background-repeat: no-repeat; background-position: center; } .gal-img img { transition: transform 0.3s ease; } .gallery-image-1:hover,.gallery-image-3:hover { transform: rotate(-5deg); } .gallery-image-2:hover, .gallery-image-4:hover { transform: rotate(5deg); } ul.store-link.disp-flex { align-items: center; margin: 45px 0; column-gap: 20px; justify-content: center; } .gal-img.disp-flex { justify-content: center; position:relative; } .gal-img.disp-flex img { position: relative; z-index: 2; } .gal-img:after { content: ''; width: 80%; height: 119px; background: url(img/curved_dashed.png); position: absolute; left: 0; bottom: 21%; z-index: 1; background-size: 80% 57%; right: 0; margin: auto; background-repeat: no-repeat; background-position: center; } /* service-sec */ .service-box.disp-flex {align-items: flex-start; gap: 30px; } .boxex { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 20px; width: 100%; } .boxex h4 { font-weight: 600; font-size: 18px; color: #f79656; } .home-abt img { border-radius: 10px; } /* home about */ .home-abt .main-heading { color:#41a0a7; } /*Footer css start*/ .footer-top-hidden #site-footer { margin-top: 4rem; } #site-footer { background: #ffffff; color: #282828; padding: 30px 0 0; clear: both; display: block; border-top: solid 1px #cccccc4d; } .main-footer > .container{ display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 0; justify-content: space-between; align-items: flex-start; } .foo_sec1 li { margin-left: 0; list-style:none;margin-top: 0; } .footer-sec-four { width: 25%; } .footer-sec-four.second ,.footer-sec-four.third { width: 20%; } .footer-sec-four.four { width: 30%; display: flex; align-items: center; } .foo_sec1 ul{ margin: 0 0 3rem 0; } .main-footer .widget h3 { font-size: 16px; color: #f79656; font-weight: 600; margin-bottom: 30px; margin-top: 30px; } .footer ul { list-style: none; padding-left: 0; margin:0; } .main-footer .widget ul li { border: 0; margin: 0; padding: 5px 0; padding-top: 5px; font-size: 15px; color: #666; text-transform: inherit; list-style: none; position: relative; } .main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li { font-size: 15px; color: #282828; text-transform: inherit; font-weight: 500; } .main-footer .widget ul li a{position: relative;} .main-footer .widget ul li .fa { color: #f79656; position: absolute; left: 0; font-size: 19px; font-weight: 900; } .footer-sec-four.first ul li { padding-left: 30px; margin: 5px 0; } .main-footer .widget .web-address li { display: flex; column-gap: 10px; align-items: center; padding: 0; } ul.foot-social li a i:hover{ color:#38c0cc; } /* .main-footer .widget ul li a:after{ content: ''; width: 0; height: 2px; position: absolute; right: 0; bottom:-1px; background: #38c0cc; z-index: 1; transition: 0.12s linear; margin: auto; } */ .main-footer .widget ul li.current_page_item a{ color:#38c0cc } .main-footer .widget ul li a:hover:after,.main-footer .widget ul li.current_page_item a:after { width:100%} .footer-sec-three li { list-style: none; } #site-footer a { transition: 0.3s cubic-bezier(0.95, 0.54, 0.25, 1); } #site-footer a:hover { text-decoration: none; color: #38c0cc; } ul.foot-social { display: flex; column-gap: 20px; margin-top: 20px; margin-bottom: 0; } div ul.foot-social .fa{ color:#03319f } .main-footer ul.social-icons { margin-top: 20px; margin-left: 30px; column-gap: 10px; width: auto;} .main-footer ul.social-icons a { border: 0; border-radius: 0; background: transparent; padding: 0; width: auto; height: auto; } .main-footer ul.social-icons a .fa { font-size: 30px; } .widget_email-subscribers-form { margin-top: 10px; } div#es_form_f1-n1 { line-height: normal; font-size: 15px; font-weight: 600; margin-top: 30px; } .es-form-field-container { display: flex; align-items: stretch; position: relative; } form .es-form-field-container .gjs-row:first-child { display: none; } form[data-form-id="1"] .es-form-field-container .gjs-row:nth-child(2), form[data-form-id="2"] .es-form-field-container .gjs-row:nth-child(2) { width: 100%; } form.es_subscription_form .es-email { background: transparent; color:#151515; font-size: 14px; border-radius: 0; font-weight: 400; border: 0; border-bottom: solid 1px #151515; } form.es_subscription_form input[type="email"]::-webkit-input-placeholder { color:#151515; font-weight:400; font-size: 14px; } #site-footer .es-form-field-container input[type="submit"] { background-color: transparent; background-image: url('img/sub-arrow.png'); color: #fff; font-weight: 700; font-size: 12px; position: absolute; right: 5px; top: 0; padding: 7px 20px 7px 20px; border-radius: 0; text-decoration: none;background-position: center; background-repeat: no-repeat; border: 0; height: 41px; font-size: 0; } .es_subscription_message.success { color: #008000; font-size: 15px; font-weight: 600; } .fooeter-copyright { background: #2e2e2e; text-align: center; position: relative; width: 100%; margin-top: 80px; padding: 20px 0; } .fooeter-copyright .container { display: flex; justify-content: center; align-items: center; } .fooeter-copyright p { color: #fff; margin-bottom: 0; text-align: left; } .fooeter-copyright a { color:#f79656; font-weight: 600; font-size: 15px; } a.arrow-top { padding: 4px 2.5px; color: #301e1e; border-radius: 2px; position: fixed; bottom: 8px; right: 9px; margin: auto; z-index: 1; background: #fff; opacity: 0; } a.arrow-top.show-top img { transform: rotate(0); } a.arrow-top img { max-width: 40px; position: relative; transform: rotate(-180deg); transition: 0.2s linear; } a.arrow-top.show-top { opacity: 1; } /* Contact Us Page CSS Start */ .cnt-details ul { list-style: none; border-radius: 12px; margin: 0; } .cnt-details li { background: #fff; margin: 30px 0; margin-bottom: 30px; border-radius: 20px; } .cnt-details ul li { display: flex; align-items: center; gap: 20px; font-size: 16px; } .contact-frm input.wpcf7-submit { margin-top: 12px; } .cnt-top { padding-bottom: 0; } .cnt-top .main-heading { color: #9cc042; } .cnt-details a, .cnt-details ul li{ color: #282828; font-size: 14px; } .cnt-details a:hover { color: #41a0a7; } .cnt-mid { padding-top: 4rem; padding-bottom: 0; } .cnt-mid .main-heading { font-size: 28px; color: #303030; } .whatsapp-broadcast h1 { font-size: 2rem; color: #25d366; margin-bottom: 20px; } .intro { margin-bottom: 15px; } ol { margin: 15px 0 25px 20px; } ol li { margin-bottom: 10px; } .qr-code { text-align: center; margin: 30px 0; } .qr-code img { max-width: 200px; width: 100%; border: 2px solid #ccc; border-radius: 6px; } .note { font-style: italic; color: #777; margin-top: 20px; } /* Contact Start */ .whatsapp-broadcast ol li { margin-bottom: 10px; font-size: 15px; list-style: disc; } .whatsapp-broadcast .flex { display: flex; align-items: flex-start; justify-content: space-between; } .whatsapp-broadcast img { max-height: 400px; float: right; } .whatsapp-broadcast .container { padding: 50px 0px; border-radius: 26px; } .whatsapp-broadcast .col-left { background: #fff; padding: 50px 30px; border-radius: 15px; border: 3px solid #583b544f; width: 60%; } .whatsapp-broadcast .col-right { background: #583b54; width: 30%; padding: 40px; border-radius: 20px; } .whatsapp-broadcast .col-right { position: sticky; top: 100px; align-self: flex-start; } .whatsapp-broadcast .col-right img { width: 100%; max-width: 100%; border-radius: 8px; } .cnt-top .container { background: #fff; padding: 50px 30px; border-radius: 15px; border: 3px solid #583b544f; } .col-btm.flex { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; margin-top: 50px; } .col-btm.flex .heading { font-size: 22px; font-weight: 600; color: #593a55; margin-bottom: 30px; } /* Contact END */ /* Abt Page St */ .abt-3 .col-btm { margin-top: 40px; background: #fff; padding: 39px; gap: 40px; align-items: flex-start; border-radius: 20px; border: 3px solid #583b5421; flex-wrap: wrap; } .abt-3 .col-box { width: 48%; } .col-box .head { color: #489fa6; font-weight: 600; font-size: 24px; } .col-box{ font-size: 15px; color: #282828; margin-bottom: 0; font-weight: 400; line-height: 25px; } .abt-4 .col-btm { gap: 40px; } section.abt-3:before { content: ''; --mask: radial-gradient(43.94px at 50% 61.2px, #000 99%, #0000 101%) calc(50% - 72px) 0 / 144px 100%, radial-gradient(43.94px at 50% -25.2px, #0000 99%, #000 101%) 50% 36px / 144px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); width: 100%; height: 60px; position: absolute; left: 0; top: -60px; background: #b7b7db; z-index: 2; } section.abt-3 { position: relative; } section .wht { color: #fff; } section.abt-3:after { content: ''; --mask: radial-gradient(43.94px at 50% 61.2px, #000 99%, #0000 101%) calc(50% - 72px) 0 / 144px 100%, radial-gradient(43.94px at 50% -25.2px, #0000 99%, #000 101%) 50% 36px / 144px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); width: 100%; height: 60px; position: absolute; bottom: -60px; background: #b7b7db; z-index: 2; transform: rotate(180deg); } section.abt-3 { background: #b7b7db; padding: 8rem 0px; } .abt-4 .col-box { background: #fff; padding: 40px 30px; border-radius: 20px; border: 2px solid #000; min-height: 274px; width: 100%; } .abt-second img { width: 100%; border-radius: 10px; max-height: 400px; object-fit: cover; } section.abt-4 { padding-top: 12rem; } .privacy-top .container { background: #fff; padding: 50px 40px; border-radius: 20px; border: 3px solid #489fa621; } /* Abt Page END */ /* Privacy Policy Page CSS Start */ section.privacy-top { margin: 0 auto; color: #333; line-height: 1.7; } section.privacy-top h1 { font-size: 2.2rem; text-align: center; margin-bottom: 20px; text-transform: uppercase; color: #1a1a1a; } section.privacy-top h2, .privacy-policy h3 { color: #1d5c8c; margin-top: 30px; margin-bottom: 10px; font-weight: 600; font-size: 20px; } section.privacy-top p { margin-bottom: 16px; font-size: 14px; } section.privacy-top ul { padding-left: 20px; margin-bottom: 16px; } section.privacy-top ul li { list-style: disc; margin-bottom: 6px; text-transform: capitalize; } section.privacy-top a { color: #1d5c8c; text-decoration: underline; font-weight: 500; } section.privacy-top a:hover { text-decoration: none; color: #143f63; } .privacy-top { padding-bottom: 0; } section.privacy-top address { margin-top: 30px; font-style: normal; color: #555; font-size: 14px; line-height: 1.6; border-top: 1px solid #ddd; padding-top: 20px; } /* Privacy Policy Page CSS END */ /* Abt Start */ .abt1-title { margin-bottom: 40px; } .abt-1 img { width: 100%; border-radius: 10px; height: 400px; object-fit: cover; } .abt-list ul li { position: relative; padding-left: 50px; color: #282828; font-size: 14px; margin: 30px 0; } .abt-list li strong { color: #41a0a7; font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px; display: inline-block; background: #f2f9fa; position: relative; z-index: 2; padding-right: 1%; } .abt-list ul li:before { content: ''; width: 32px; height: 32px; background: url(img/candy_2.png) no-repeat left center; position: absolute; left: 0; top: -5px; } .abt-list li:after { content: ''; width: 84%; height: 1px; position: absolute; right: 0; top: 15px; border: dashed 1px; border-color: #41a0a7; } .abt-2 { margin: 40px 0 0; padding: 90px 0; background: url(img/abt2.jpg) no-repeat left center; } .abt-2 li { color: #593a55; font-size: 14px; } .abt-2 img { width: 100%; max-height: 500px; object-fit: cover; } .abt-2 .main-heading { color: #593a55; } .col-abt { margin: auto; width: 60%; background: #f9c801f2; border-radius: 10px; padding: 50px; } ul.features-list li { display: flex; } ul.features-list li strong { min-width: 20%; } /* Abt END */ /* info-pages CSS Start */ .info-pages .container { background: #fff; padding: 40px 30px; border-radius: 20px; border: 1px solid #0000001a; } .info-pages .main-heading { font-size: 20px; margin-bottom: 0; } section.info-pages { padding-bottom: 0; } .info-pages .boxes { gap: 30px; } h3.box-head { font-size: 20px; color: #583b54; font-weight: 600; padding-bottom: 10px; } .distribute-sec2 .boxes { margin-top: 40px; align-items: flex-start; } .distribute-sec2 .box { width:32%} .distribute-sec2 .boxes .box img {height: 360px; margin-bottom: 10px;} .info-pages img { border-radius: 12px; } .info-pages img { max-height: 450px; object-fit: cover; width: 100%; } /* info-pages CSS END */ /* Terems Page Start */ .trms article { margin-top: 40px; } .trms article li { font-size: 14px; color: #282828; margin: 15px; font-weight: 400; line-height: 25px; } .trms h2, .trms article h3, .privacy-top h3,.privacy-top h4 { color: #1d5c8c; margin-top: 30px; margin-bottom: 10px; font-weight: 600; font-size: 20px; } /* Terems Page END */ /* Blog CSS */ .blog #site-content { max-width: 1170px; margin: auto; display: flex; flex-wrap: wrap; align-items: stretch; align-content: center; justify-content: center; column-gap: 3%; margin-top: 60px; } .blog article.post.type-post {padding-bottom: 20px; margin-bottom: 40px; padding-left: 0; padding-right: 0; padding-top: 0; background: #fff; } .blog article.post.type-post .featured-media { height: 350px; overflow: hidden; margin-top: 0; } article.post.type-post .section-inner.medium { max-width: 100%; width: 100%; height: 100%; display: flex; flex-direction: column; } .blog .featured-media img { width: 100%; object-fit: cover; height: 100%; } article.post.type-post { width:45%; border: 1px solid #419fa736; } .blog article.post .entry-title a { color: #419fa7; font-size: 20px; display: block; letter-spacing: normal; font-weight: 600; padding-top: 20px;line-height: normal; min-height: 110px; } .more-link { padding: 10px 26px; background: #419fa7; text-decoration: none; display: inline-block; color: #fff;border-radius: 5px;} article.post.type-post h2.entry-title{order:2;} article.post.type-post.post-meta-wrapper {order:1;} .has-text-align-center { text-align: left;} .blog article.post.type-post .entry-content p { margin: 0; font-size: 16px; line-height: normal; width: 100% !important; } .blog article.post.type-post .blog-read-more { margin-top: 20px !important; display: block; } p.blog-read-more a { padding-left: 18px; padding-right: 18px; } .blog li.post-author.meta-wrapper , .blog li.post-comment-link.meta-wrapper { display: none; } .post-meta-single-top .post-meta { justify-content: flex-start; margin: 0; } li.post-date.meta-wrapper { margin: 0 0 10px; } li.post-date.meta-wrapper a { font-size: 14px; } .post-meta li.post-date.meta-wrapper svg * { fill: #f79656;} .post-meta-wrapper { margin-top: 1rem; } .blog .post header.entry-header { border-top: solid 1px #d4d4d4; margin-top: 0; padding: 15px;} .blog .post .post-inner.thin { padding: 15px;} /* new blog css start */ .single-post .featured-banner .main-heading { font-size: 20px; } .single-post .sub-header .container { justify-content: center; } div.ultimate-layout-frontend { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; background: #fff; padding: 0 40px; margin: 40px auto;} .ultimate-layout-frontend li { font-size: 14px; line-height: 1.7; padding: 4px 0px 4px 20px; } .ultimate-layout-frontend blockquote { margin: 0px; } .ultimate-layout-row { display: flex; flex-wrap: wrap; gap: 20px; } .ultimate-layout-columns { display: flex; width: 100%; gap: 20px; align-items: center; } .ultimate-layout-column { box-sizing: border-box; padding: 15px; background: #fff; border-radius: 4px; } .ultimate-layout-column { width: 100%; min-width: 250px; } .ultimate-layout-column:nth-last-child(2):first-child, .ultimate-layout-column:nth-last-child(2):first-child ~ .ultimate-layout-column { width: 100%; } .ultimate-layout-column:nth-last-child(3):first-child, .ultimate-layout-column:nth-last-child(3):first-child ~ .ultimate-layout-column { flex: 1 1 calc(33.333% - 20px); } .ultimate-layout-column:nth-last-child(4):first-child, .ultimate-layout-column:nth-last-child(4):first-child ~ .ultimate-layout-column { flex: 1 1 calc(25% - 20px); } .ultimate-layout-image img { max-width: 100%; height: auto; display: block; margin-bottom: 15px; } .ultimate-layout-content { line-height: 1.6; } .ultimate-layout-content p { padding: 7px 0px; } .ultimate-layout-frontend h2, .ultimate-layout-frontend h3, .ultimate-layout-frontend h4, .ultimate-layout-frontend h5, .ultimate-layout-frontend h6 { font-size: 20px; margin: 7px 0px; color: #593a55; font-weight: 600; } .ultimate-layout-frontend ul li{ list-style:disc; list-style-position: inside; } .ultimate-layout-frontend ul{ margin-left:0px; margin-bottom: 30px; } .ultimate-layout-frontend ol li { list-style: decimal; list-style-position: inside; } .ultimate-faq-accordion { border: 1px solid #eee; border-radius: 8px; overflow: hidden; } .ultimate-faq-item { border-bottom: 1px solid #eee; } .ultimate-faq-item:last-child { border-bottom: none; } .ultimate-faq-question { padding: 15px 20px; background: #f9f9f9; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; transition: all 0.3s ease; } .ultimate-faq-item.active .ultimate-faq-question { background: #f0f0f0; } .ultimate-faq-question:hover { background: #f0f0f0; } .ultimate-faq-toggle { display: flex; align-items: center; margin-left: 15px; } .ultimate-faq-toggle .icon-minus { display: none; } .ultimate-faq-item.active .ultimate-faq-toggle .icon-plus { display: none; } .ultimate-faq-item.active .ultimate-faq-toggle .icon-minus { display: block; } .active .ultimate-faq-answer { display: block !important; } .ultimate-faq-answer { padding: 0 20px; overflow: hidden; transition: all 0.3s ease; max-height: 0; } .ultimate-faq-item.active .ultimate-faq-answer { padding: 20px; max-height: 1000px; } .services { text-align: center; margin-top:30px; } .services .ultimate-layout-column { background: #f9f9f9; } .ultimate-layout-frontend ol { margin-left: 0px; } .services h2, .services h3, .services h4, .services h5, .services h6 { font-size: 20px; } .services img { margin: auto; width: 54px; padding-bottom: 15px; } blockquote { border-color: #000; font-style: italic; } .no-bullet li { list-style: none !important; } .ultimate-layout-frontend .owl-nav.disabled { display: none !important; } .ultimate-layout-frontend .owl-dots.disabled { display: none; } @media (max-width: 768px) { .ultimate-layout-row, .ultimate-layout-columns { gap: 15px; } } /* new blog css end */ .abt-4 .col-btm { align-items: stretch; } .wpcf7 form .wpcf7-response-output { font-size: 15px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; color: #F00; border-color: #f00; } .wpcf7-not-valid-tip { font-weight: 500; font-size: 14px; } /* Shop Page CSS Start */ .col-md-3 { position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; padding-right: 20px; } .widget_product_categories { background: #ffffff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .widget_product_categories h3 { font-size: 20px; font-weight: 700; color: #429a9e; margin-bottom: 15px; border-bottom: 2px solid #f58645; padding-bottom: 8px; } .product-categories { list-style: none; padding-left: 0; margin: 0; } .product-categories li { margin-bottom: 10px; } .product-categories li a { display: block; padding: 10px 14px; color: #444; background: #f9f9f9; border-radius: 6px; text-decoration: none; transition: all 0.2s ease; } .product-categories li a:hover { background-color: #429a9e; color: #fff; } .product-categories li.current-cat a { background-color: #f58645; color: #fff; } .widget_product_categories select { width: 100%; padding: 10px; font-size: 16px; border-radius: 6px; border: 1px solid #ccc; margin-top: 10px; background-color: #ffffff; } .col-md-3::-webkit-scrollbar { width: 6px; } .col-md-3::-webkit-scrollbar-thumb { background: #c4bddf; border-radius: 4px; } /* Shop Page CSS END */