/*!
Theme Name: naturehkservices
Theme URI: http://underscores.me/
Author: KKhan
Author URI: http://dotsoftsolutionsindia.in
Description: We Provide All Your Home Services
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: naturehkservices
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

naturehkservices is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Custom CSS */
:root {
	--main-font: 'Mulish', sans-serif;
	--secondary-font: 'Outfit', sans-serif;
	--tertiary-font: 'Poppins', sans-serif;
	--primary-color: #1d3551;
	--secondary-color: #d0dadd;
	--background-color: #fff;
	--border-color: rgba(255, 255, 255, 0.25);
}
body{font-family: var(--main-font);margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-family: var(--secondary-font);}
a{color:var(--primary-color);text-decoration:none}
.container{width:1170px;margin:0 auto;max-width:100%}
#masthead.innerpage-header *{color:#222;border-color:#ededed !important}
#masthead.innerpage-header .container{position:relative;z-index:5}
#masthead.innerpage-header{border-bottom:solid 1px #ededed;position: relative;z-index: 99;}
body.home #masthead{position:absolute;width:100%;top:0;left:0;z-index:5;border-bottom:1px solid rgba(255,255,255,.25);backdrop-filter:blur(26px)}
.grid{display:grid}
.grid__col-3{grid-template-columns:repeat(3,1fr)}
.grid__col-4{grid-template-columns:repeat(4,1fr)}
#masthead .grid__col-3{grid-template-columns:repeat(3,1fr);align-items:center}
#masthead .grid__col--item{border-right:1px solid rgba(255,255,255,.25);height:100%;display:inline-flex;width:100%;align-items:center}
#masthead .grid__col--item div{height:100%;width:100%}
.top-menu-wrapper.grid__col--item{justify-content:flex-end}
.top-menu-wrapper.grid__col--item div{width:auto!important;border-left:1px solid rgba(255,255,255,.25)}
header .menu li{height:100%;display:inline-flex;align-items:center;flex-grow:1;flex-basis:0;position:relative;padding:0 15px}
header .menu li:not(:last-child){border-right:1px solid rgba(255,255,255,.25)}
header .menu{list-style:none;padding:0;margin:0;display:flex;height:100%;align-items:center;width:100%}
ul.sub-menu{position:absolute;padding:0;list-style:none;opacity:0;background:var(--background-color);padding:15px;white-space:nowrap;position:absolute;left:-20px;top:100%;opacity:0;padding:20px 0;background:var(--background-color);-webkit-transform:translate(0,20px);transform:translate(0,20px);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-box-shadow:0 10px 40px 0 rgba(0,0,0,.05);box-shadow:0 10px 40px 0 rgba(0,0,0,.05);z-index:1000;pointer-events:none;display:flex;flex-direction:column}
header .menu .menu-item-has-children:hover ul.sub-menu{visibility:visible;opacity:1;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);pointer-events:initial}
ul.sub-menu li:not(:last-child){margin-bottom:15px}
header .menu ul.sub-menu a{color:#2d4149!important;padding:6px 24px;justify-content:flex-start;transition:all .5s ease}
header .menu ul.sub-menu a:hover{background-color:var(--secondary-color)}
header .menu ul.sub-menu a:before{display:none}
.logo-wrapper img{height:96px;min-width:82.6px;width:82.6px}
.logo-wrapper .site-title{margin:0}
.logo-wrapper .site-title a{text-decoration:none;color:var(--background-color);line-height:0}
.logo-wrapper{display:flex;gap:15px;place-items:center}
header .menu a{color:var(--background-color);text-decoration:none;text-transform:uppercase;font-weight:500;display:flex;height:100%;align-items:center;width:100%;justify-content:center;white-space:pre}
header .menu a:hover{color:var(--primary-color)}
header .menu a::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:0;transition:height .3s;z-index:-1;clip-path:polygon(100% 100%,100% 0%,0% 0%,0 100%,5% 95%,10% 100%,15% 95%,20% 100%,25% 95%,30% 100%,35% 95%,40% 100%,45% 95%,50% 100%,55% 95%,60% 100%,65% 95%,70% 100%,75% 95%,80% 100%,85% 95%,90% 100%,95% 95%,100% 100%);background-color:var(--secondary-color);border-color:var(--secondary-color)}
header .menu a:hover::before{height:calc(100% + 15px);top:0;bottom:auto}
.top-menu-wrapper .menu{justify-content:flex-end}
.current_page_ancestor a::before,.current_page_item a::before{height:calc(100% + 15px)!important;top:0!important;bottom:auto;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}
.current_page_ancestor a,.current_page_item a{color:var(--background-color)!important}
.entry-title {font-size: 72px;text-align: center;line-height: 1;margin-top: -60px;font-family: var(--tertiary-font);color: #fff !important;position: relative;z-index: 5;letter-spacing: -0.04rem;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--secondary-color);text-shadow: none;}
#primary {position: relative;}
#primary::before {content: '';background-image: url(http://naturehkservices.dotsoftsolutionsindia.in/wp-content/uploads/2024/01/header-bg.jpg);height: 345px;width: 100%;display: block;background-size: cover;background-position: center;position: relative;background-attachment: fixed;}
#primary::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 345px;background: var(--primary-color);opacity: 0.5;z-index: 1;}
body.home #primary::before, body.home #primary::after {display: none;}
.foo-logo img{filter:grayscale(1) invert(1);width:96px;margin:0 auto;display:block;height:96px;object-fit:contain}
#colophon ul{list-style:none;padding:0;margin:0}
#colophon ul li{margin:0 0 15px}
#colophon ul li a{text-decoration:none;color:var(--background-color);text-transform:uppercase}
#colophon .grid__col-4{gap:30px}
#colophon{background-color:var(--primary-color);padding:45px 0;color:var(--background-color);margin-top: 45px;clear:both}
#colophon h3{font-size:24px}
.copyrights{text-align:center;background-color:rgba(29,53,81,.9);padding:8px 0;color:#ccc}
.copyrights p{margin:0}
.main-slider{overflow:hidden}
.main-slider .slick-dotted.slick-slider{margin-bottom:0}
.slick-slide img{height:700px;object-fit:cover;width:100%}
.slick-dots li button{box-shadow:.1rem .1rem .2rem rgba(0,0,0,.5),inset .1rem .1rem .2rem rgba(0,0,0,.5);border:solid 2px #fff!important;border-radius:32rem}
.slick-dots li button::before{display:none}
.slick-dots li.slick-active button{background-color:var(--primary-color);border-color:rgba(29,53,81,.9)!important}
.slick-dots{bottom:10px!important}
.slick-slide .slide-content{position:absolute;bottom:30%;left:0;right:0;text-align:center}
.slick-slide .slide-content h4{color:#fffC;font-size:90px;font-weight:600;letter-spacing:-.03rem;width:70%;text-align:left;margin:0 auto;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--primary-color);text-shadow:none;font-family:var(--tertiary-font);line-height:1}
.slick-slide{position:relative}
.home-section{display:grid;place-items:center;padding:154px 0}
.home-section.home-section--01{background-image:url(http://naturehkservices.dotsoftsolutionsindia.in/wp-content/uploads/2024/01/bg-01.jpg)}
.home-section.home-section--02{background-image:url(http://naturehkservices.dotsoftsolutionsindia.in/wp-content/uploads/2024/01/slider-03.jpg);position:relative;background-position:center;background-attachment:fixed}
.home-section.home-section--02::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:var(--primary-color);opacity:.5}
.flex-list{display:flex}
.col-w--65{width:65%}
.col-w--35{width:35%}
.text-marquee{position:relative;display:inline-block;width:100%;vertical-align:top;overflow:hidden;backdrop-filter:blur(2px)}
.marquee-content{display:flex;white-space:nowrap;animation:qode-move-horizontal-normal-text-marquee 12s linear infinite;gap:45px;}
.marquee-text-item{color:transparent!important;-webkit-text-stroke-width:1px;text-shadow:none;-webkit-text-stroke-color:#FFFFFFE8;font-size:114px;font-weight:700;font-family:var(--tertiary-font)}
@keyframes qode-move-horizontal-normal-text-marquee{
0%{transform:translateX(0) translateZ(0)}
100%{transform:translateX(-100%) translateZ(0)}
}
.home-section--01 h2{font-size:114px;font-weight:700;letter-spacing:-.04rem;margin:0 0 45px;font-family:var(--tertiary-font);color:var(--primary-color);border-bottom:solid 1px #02010114;padding-bottom:45px;line-height:1}
.home-section--01 h4{font-size:32px;font-family:var(--secondary-font);font-weight:300;color:var(--primary-color)}
.services-menu{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.services-menu a{text-transform:capitalize;text-decoration:none;color:var(--primary-color);font-family:var(--secondary-font);font-weight:600;position:relative;overflow:hidden;display:inline-block;padding:0;border-radius:0}
.services-menu a::before{content:'+';margin-right:16px;transform:scale(1.8);display:inline-flex;font-weight:700;font-family:var(--tertiary-font);transform-origin:left center}
.services-menu a span{position:relative;display:inline-flex;-webkit-transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);-o-transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);transition:all .4s cubic-bezier(.68, -.55, .265, 1.55)}
.services-menu a span::after{content:attr(data-hover);display:block;width:100%;height:100%;position:absolute;left:0;top:-1px;text-align:center;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
.services-menu a:hover span{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.services-info{list-style:none;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%}
.services-info li{display:flex;flex-direction:column;justify-content:center;align-items:center}
.services-info li span:first-child{color:transparent!important;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--primary-color);text-shadow:none;font-size:102px;font-family:var(--tertiary-font);font-weight:700;border-bottom:solid 1px #02010114;padding-bottom:0;margin-bottom:30px}
.services-info li span+span{font-weight:600;font-size:20px;font-family:var(--secondary-font);color:var(--primary-color)}
section{clear:both}
form input:not(input[type=submit]),form textarea{padding:15px;width:calc(100% - 32px);border:solid 2px var(--primary-color);font-size:18px;color:var(--primary-color);font-family:var(--secondary-font)}
.grid.grid__col-2{grid-template-columns:repeat(2,1fr);gap:30px}
.grid.grid__col-2 .grid__col--item:last-child{grid-column:1/3}
.button,.components-button,button:not(button[id*=slick-slide-control]),input[type=submit]{background-color:var(--primary-color)!important;color:var(--background-color)!important;border:none!important;padding:16px 32px!important;font-family:var(--main-font)!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .5s ease;text-decoration:none!important}
:root .wc-block-cart-item__remove-link{background-color:#f40416!important;padding:6px 12px!important}
.button:hover,.components-button:hover,button:hover,input[type=submit]:hover{background-color:#222!important}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:20px;display:flex;flex-direction:column;gap:15px;background-color:var(--secondary-color);width:max-content}
.woocommerce-MyAccount-navigation ul a{text-transform:uppercase;text-decoration:none;color:var(--primary-color);font-family:var(--secondary-font);font-weight:600;position:relative;overflow:hidden;display:inline-block;padding:0;border-radius:0}
.wc-block-components-notice-banner{display:flex!important;align-items:center!important}
.wc-block-components-notice-banner__content{justify-content:space-between;display:flex;align-items:center}
.woocommerce-loop-product__title{font-size:22px!important;color:var(--primary-color)}
:root .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{color:#fff!important;padding:15px 30px!important;text-decoration:none}
.single.single-product .wc-block-components-notice-banner__content{flex-direction:row-reverse}
.related.products{margin-top:45px;display:block;float:left;width:100%}
.related.products h2:not(.woocommerce-loop-product__title){text-transform:uppercase;font-family:var(--tertiary-font);font-weight:700;font-size:32px}
body.home #colophon{margin-top:0}
.single.single-product .price{color:var(--primary-color)!important;font-family:var(--secondary-font);font-weight:300;font-size:24px!important;margin-top:0}
.single.single-product .reset_variations{color:#f40416}
.single.single-product .woocommerce-variation{margin:0 0 30px}
.wc-block-cart__submit-container{margin-top:45px}
.wc-block-formatted-money-amount{font-family:var(--secondary-font);font-weight:300!important;color:var(--primary-color)!important}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity{padding:0!important}
.woo-variation-swatches .variable-items-wrapper{gap:15px}
.woo-variation-swatches .variable-items-wrapper .variable-item{border-radius:0!important;text-transform:uppercase;font-size:90%!important;font-family:var(--tertiary-font);font-weight:700}
.woo-variation-swatches .variable-items-wrapper .variable-item.selected{background-color:var(--secondary-color)!important}
.flex-list__item.col-w--50{width:50%}
.menu-toggle{cursor:pointer;color:inherit;display:block;width:52px;height:50px;margin-left:-16px;position:absolute;user-select:none;right:0;color:#fff;top: 25px;}
.menu-toggle:hover{color:inherit}
.menu-toggle .lines,.menu-toggle .lines:after,.menu-toggle .lines:before{display:inline-block;width:16px;height:2px;background:currentColor;transition:background .6s,transform .6s;position:absolute;top:47%;left:16px}
.menu-toggle .lines:after,.menu-toggle .lines:before{left:0;content:'';transform-origin:0.28571rem center}
.menu-toggle .lines:before{top:6px}
.menu-toggle .lines:after{top:-6px}
.menu-toggle.close{transform:scale3d(.8,.8,.8)}
.is-menu-toggled-on .menu-toggle .lines{background:0 0!important}
.is-menu-toggled-on .menu-toggle .lines:after,.is-menu-toggled-on .menu-toggle .lines:before{transform-origin:50% 50%;top:0}
.is-menu-toggled-on .menu-toggle .lines:before{transform:rotate3d(0,0,1,45deg)}
.is-menu-toggled-on .menu-toggle .lines:after{transform:rotate3d(0,0,1,-45deg)}
.up-sells.upsells.products .products.columns-4{display:flex;flex-direction:column}
.up-sells.upsells.products .products.columns-4 li.product{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;border-bottom:solid 1px var(--secondary-color);padding-bottom:10px}
.up-sells.upsells.products .products.columns-4 li.product img{width:100px;display:none}
.up-sells.upsells.products .products.columns-4 li.product a:not(.add_to_cart_button){display:grid;grid-template-columns:repeat(1,max-content);align-items:center;gap:10px}
.up-sells.upsells.products .products.columns-4 li.product .add_to_cart_button{width:max-content;white-space:pre;margin-top:0}
.up-sells.upsells.products .products.columns-4 li.product a:not(.add_to_cart_button) .woocommerce-loop-product__title{font-size:16px!important;margin-bottom:0!important;padding-bottom:0!important}
.up-sells.upsells.products .products.columns-4 li.product a:not(.add_to_cart_button) .woocommerce-loop-product__title+.price{font-size:15px!important}
.up-sells.upsells.products {padding-top: 45px !important;clear: both;}
.woocommerce.columns-3 .products.columns-3 .price, .woocommerce.columns-3 .products.columns-3 .add_to_cart_button {
  display: none;
}
.wpb_wrps_price,div[data-block-name="woocommerce/product-new"],div[aria-hidden="false"] h2.wp-block-heading.has-text-align-center:not(.with-empty-cart-icon) {
  display: none;
}
@media screen and (min-width:992px){
.menu-toggle{display:none;padding:0}
}
@media all and (max-width:824px){
#masthead .grid__col-3{grid-template-columns:repeat(1,1fr)}
header .menu{flex-direction:column;align-items:flex-start;}
.top-menu-wrapper.grid__col--item div{width:100%!important}
header .menu a::before{display:none}	
#masthead .grid__col--item{border-right:none}
header .menu li:not(:last-child){border-right:none}
.top-menu-wrapper.grid__col--item div{border-left:none}	
header .menu a{display:block}	
header .menu li{margin-bottom:15px}
#masthead .grid__col--item div{height:auto}
.main-menu-wrapper.grid__col--item{margin-top:25px}	
#masthead .site-nav{display:none}	
#masthead .logo-wrapper.grid__col--item{transform:scale(.75);transform-origin:left center;}	
.grid__col-4{grid-template-columns:repeat(1,1fr)}
.container{padding:0 15px;width: calc(100% - 30px);}	
.flex-list{flex-direction:column}
.services-menu{grid-template-columns:repeat(1,1fr)}
.home-section{padding:10% 0}
.home-section--01 h2{font-size:36px;margin-bottom:24px;padding-bottom:24px}
.services-info li span:first-child{font-size:40px}
.slick-slide .slide-content h4{font-size:28px}
.slick-slide img{height:320px}
.col-w--35,.col-w--65,.flex-list__item.col-w--50{width:100%}
.services-info{align-items:center}
.marquee-text-item{font-size:40px}
.home-section--01 h4{margin-top:0}	
body.is-menu-toggled-on #masthead .site-nav{display: inline-flex;}	
#primary::after,#primary::before{height:280px}
.entry-title{font-size:32px;margin-top:-27px}	
#primary::before{background-attachment: scroll;}	
.current_page_ancestor a, .current_page_item a{color:var(--secondary-color) !important}	
.woocommerce-loop-product__title{font-size: 16px !important;}
.wpcf7-form .grid.grid__col-2 {display: flex;flex-direction: column;gap: 0;}	
}