/*
Theme Name: Housekeeper Services
Theme URI: https://www.misbahwp.com/products/housekeeper-services
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Cleaning Service theme is designed for cleaning companies and service providers who want a simple and organized website to present their services online. It is suitable for home cleaning services, maid services, janitorial services, housekeeping agencies, maintenance companies, and small local cleaning businesses. Users can create service pages, add pricing tables, show customer testimonials, and include contact or booking forms so customers can easily request cleaning services. The theme also supports responsive design, gallery sections for cleaning work, and team or service area pages, making it useful for businesses that want a clear and informative service website. Free Cleaning Service WordPress Theme is built for businesses that need a functional website with essential features such as service listings, appointment forms, testimonials, image galleries, and contact pages. It can be used by residential cleaning services, commercial cleaning companies, carpet cleaning services, and sanitation service providers. The theme supports SEO friendly structure, mobile-responsive layout, and fast-loading pages, which helps cleaning businesses create a professional online presence and share their cleaning services, pricing, and business information clearly with customers.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: housekeeper-services
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, photography
Housekeeper Services WordPress Theme, Copyright 2026 misbahwp
Housekeeper Services is distributed under the terms of the GNU General Public License v3
*/

a:focus {
    outline: 2px solid;
    outline-offset: 2px;
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--wp--preset--color--primary);
}
.product-content a:focus {
    outline: 2px solid #000;
}
.home .main-header-top{
    background: transparent !important;
}
.main-header-top{
    background-color: var(--wp--preset--color--secondary-one) !important;;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.product-image{
    position: relative;
}
.product-image img,.product-image figure{
    width: 100%;
    height: 350px;
}
.footer-contact-box p:hover{
    color: var(--wp--preset--color--primary) !important;
    cursor: pointer;
}
.product-rating{
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner-btn a:hover{
    background-color: var(--wp--preset--color--secondary-one) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.blog-group{
    margin-top: 50px !important;
}
textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.main-header-top .wp-block-social-link a:hover{
    color: var(--wp--preset--color--secondary-accent) !important;
    fill: var(--wp--preset--color--secondary-accent) !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
.main-header-top{
	position: relative;
}
.home .main-header-top {
    position: absolute;
    width: 100%;
    z-index: 4;
    top: 20px;
}
.home.admin-bar .main-header-top {
    top: 50px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.home .header-inner {
    box-shadow: 0px 0px 6px 0px #FFFFFF80;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.wp-block-post-terms a:focus {
    color: #ffffff !important;
}

.blog-image,.blog-image img{
	width: 100%;
	height: 400px !important;
	object-fit: cover;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.header-menu ul li a:hover {
  text-decoration: underline;
  color: var(--wp--preset--color--primary) !important;
}
.header-menu ul li a{
	padding: 10px 20px !important;
    position: relative;
    color: #ffffff !important;
}
.header-menu .wp-block-navigation__submenu-container a {
    color:  #000 !important;
}
.header-menu ul{
 list-style: none !important;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    background: transparent !important;
    border-radius: 0px;
}
.main-header{
    position: relative;
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.header-meta svg.icon {
    width: 25px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}
.wp-block-button__link{
    height: auto;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
button.single_add_to_cart_button.button.alt.wp-element-button{
    background-color: var(--wp--preset--color--primary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.wp-block-cover .is-layout-constrained {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}
footer .wp-social-link svg {
    height: 1.5em !important;
    width: 1.5em !important;
}
footer a:hover{
    color: var(--wp--preset--color--primary);
}

/* Banner Section */

.banner-main{
    position: relative;
}
.banner-section .banner-card{
    box-shadow: 0px 0px 10px 1px #00000040;
    position: relative;
}
.banner-section .banner-card:hover{
    box-shadow: 0px 0px 10px 1px var(--wp--preset--color--primary);
}
.banner-section .banner-card:hover .card-icon-wrapper{
    background-color: var(--wp--preset--color--primary) !important;
}
.banner-section .banner-card .card-icon-wrapper{
    width: 40px;
    height: 40px;
    margin: auto;
    position: absolute;
    top: -19px;
    left: 43%;
}
.banner-section .banner-card li{
    width: fit-content;
    margin: 0 auto;
}
.banner-section .slider-content-box svg{
    position: relative;
    bottom: 15px;
}
.banner-section .banner-columns {
 gap: 0;
}
.banner-section .banner-image img{
    object-fit: cover;
}
.banner-section .banner-cards{
    width: 105%;
    position: relative;
    z-index: 3;
}
.banner-section .banner-image{
    z-index: 2;
}
.banner-section .banner-main{
    position: relative;  
}
.banner-section .banner-clip-path-1{
    position: absolute;
    bottom: 0;
    clip-path: polygon( 10.652% 88.25%,10.652% 88.25%,9.293% 89.413%,7.869% 90.79%,6.427% 92.302%,5.018% 93.869%,3.69% 95.412%,2.493% 96.853%,1.476% 98.111%,0.689% 99.108%,0.18% 99.764%,0% 100%,100% 100%,100% 0%,100% 0%,99.726% 0.302%,98.959% 1.166%,97.786% 2.526%,96.29% 4.32%,94.558% 6.483%,92.674% 8.952%,90.723% 11.661%,88.79% 14.547%,86.96% 17.546%,85.318% 20.594%,85.318% 20.594%,83.746% 24.161%,82.455% 27.855%,81.37% 31.629%,80.416% 35.438%,79.519% 39.235%,78.602% 42.975%,77.593% 46.613%,76.415% 50.102%,74.993% 53.396%,73.253% 56.451%,73.253% 56.451%,71.082% 59.302%,68.959% 61.293%,66.862% 62.595%,64.773% 63.38%,62.67% 63.821%,60.533% 64.088%,58.342% 64.355%,56.077% 64.792%,53.717% 65.573%,51.243% 66.868%,51.243% 66.868%,48.991% 68.407%,46.926% 70.009%,45.002% 71.654%,43.17% 73.319%,41.383% 74.981%,39.593% 76.62%,37.754% 78.213%,35.816% 79.738%,33.733% 81.173%,31.458% 82.495%,31.458% 82.495%,29.146% 83.514%,26.974% 84.124%,24.909% 84.441%,22.919% 84.582%,20.968% 84.664%,19.024% 84.802%,17.054% 85.113%,15.025% 85.714%,12.901% 86.72%,10.652% 88.25% );
    width: 100%;
    opacity: 20%;
    z-index: 1;

}
.banner-section .banner-clip-path-2{
    position: absolute;
    bottom: 0;
    clip-path: polygon( 10.652% 88.25%,10.652% 88.25%,9.293% 89.413%,7.869% 90.79%,6.427% 92.302%,5.018% 93.869%,3.69% 95.412%,2.493% 96.853%,1.476% 98.111%,0.689% 99.108%,0.18% 99.764%,0% 100%,100% 100%,100% 0%,100% 0%,99.726% 0.302%,98.959% 1.166%,97.786% 2.526%,96.29% 4.32%,94.558% 6.483%,92.674% 8.952%,90.723% 11.661%,88.789% 14.547%,86.96% 17.546%,85.318% 20.594%,85.318% 20.594%,83.746% 24.161%,82.455% 27.855%,81.37% 31.629%,80.416% 35.438%,79.518% 39.235%,78.602% 42.975%,77.593% 46.613%,76.415% 50.102%,74.993% 53.396%,73.253% 56.451%,73.253% 56.451%,71.082% 59.302%,68.959% 61.293%,66.862% 62.595%,64.773% 63.38%,62.67% 63.821%,60.533% 64.088%,58.342% 64.355%,56.077% 64.792%,53.717% 65.573%,51.243% 66.869%,51.243% 66.869%,48.991% 68.407%,46.926% 70.009%,45.002% 71.654%,43.17% 73.319%,41.383% 74.981%,39.593% 76.62%,37.754% 78.213%,35.816% 79.738%,33.734% 81.173%,31.458% 82.496%,31.458% 82.496%,29.146% 83.514%,26.974% 84.124%,24.909% 84.441%,22.918% 84.582%,20.968% 84.664%,19.024% 84.802%,17.054% 85.113%,15.025% 85.714%,12.901% 86.72%,10.652% 88.25% );
    width: 70%;
    opacity: 30%;
    z-index: 1;
    right: 0;
    height: 75%;
}
.header-section .header-btn a {
    min-width: 125px;
}
.header-section .header-btn a:focus {
    outline: 1px solid var(--wp--preset--color--primary);
}
.header-section .header-btn a:hover,
.banner-section .banner-btn a:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--wp--preset--color--primary) !important;
}

/* Services Section */

.services-section .sub-heading-line,
.work-section .sub-heading-line,
.tips-section .sub-heading-line{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.services-section p{
    margin: 0 !important;
}
.services-section h4 {
    margin: 10px 0 !important;
}
.services-section .wp-block-post-featured-image img,
.services-section .blog-image{
    height: 300px !important;
}
.services-section i{
    color: var(--wp--preset--color--tertiary);
    font-size: 30px;
    padding-left: 3px;
}
.services-section .icon-box{
    background-color: #ffffff;
    width:62px;
    height: 76px;
    clip-path: polygon(33.4448px 4px, 62.8897px 21px, 62.8897px 55px, 33.4448px 72px, 3.99996px 55px, 3.99996px 21px, 33.4448px 4px); 
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-section .services-box{
    position: relative;
    margin-bottom: 30px;
}
.services-section .services-info{
    gap: 0;
    position: absolute;
    bottom: -38px;
    right: 0;
    flex-wrap: wrap;
}
.wp-block-post-featured-image :where(img){
    height: 400px;
}

/* Work Section */

.work-section .icon-box{
    margin-bottom: 30px;
}
.work-section .svg-image{
    position: relative;
    width: fit-content;
}
.work-section svg {
    width: 100px;
}
.work-section .work-heading {
    margin: 40px 0 20px 0;
}
.work-section .svg-image::after{
    position: absolute;
    content: "";
    left: 6px;
    top: -16px;
    background-color: var(--wp--preset--color--primary);
    z-index: 1;
    border-radius: 50%;
    opacity: 10%; 
    width:110px;
    height: 108px;
    clip-path: polygon(110px 48px, 110px 48px, 109.2294678px 57.3296886px, 107.0037184px 66.3283968px, 103.4515226px 74.8427682px, 98.7016512px 82.7194464px, 92.882875px 89.805075px, 86.1239648px 95.9462976px, 78.5536914px 100.9897578px, 70.3008256px 104.7820992px, 61.4941382px 107.1699654px, 52.2624px 108px, 52.2624px 108px, 43.1839917px 107.0719654px, 34.7934336px 104.4180992px, 27.1537959px 100.2337578px, 20.3281488px 94.7142976px, 14.3795625px 88.055075px, 9.3711072px 80.4514464px, 5.3658531px 72.0987682px, 2.4268704px 63.1923968px, 0.6172293px 53.9276886px, 7.7375052110054E-31px 44.5px, 0px 44.5px, 0.5057361px 35.6043114px, 2.0127528px 27.7836032px, 4.5057627px 21.0052318px, 7.9694784px 15.2365536px, 12.3886125px 10.444925px, 17.7478776px 6.5977024px, 24.0319863px 3.6622422px, 31.2256512px 1.6059008px, 39.3135849px 0.3960346px, 48.2805px 4.8144427564671E-31px, 48.2805px 0px, 57.6237314px 0.4940346px, 66.7330432px 1.9699008px, 75.4318818px 4.4182422px, 83.5436936px 7.8297024px, 90.891925px 12.194925px, 97.3000224px 17.5045536px, 102.5914322px 23.7492318px, 106.5896008px 30.9196032px, 109.1179746px 39.0063114px, 110px 48px); 
}
.work-section .wp-block-columns{
    gap: 30px;
}

/* Blog Section */

.blog-section .blog-image{
    position: relative;
}
.blog-section .post-num{
    position: absolute;
    bottom: 0;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
}
.blog-section .blog-image .wp-block-post-date{
    position: static;
}
.blog-section .wp-block-read-more{
    margin: 5px 0px 0px 35px !important;
    position: relative;
}
.blog-section .wp-block-read-more::before{
    position: absolute;
    content: '';
    top: 11px;
    left: -36px;
    background-color: var(--wp--preset--color--primary);
    height: 3px;
    width: 37%;
}
.blog-section a:hover{
    color: var(--wp--preset--color--primary);
}