/*
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 expertly crafted for cleaning companies and service providers seeking an organized website to showcase their offerings effectively online. It’s ideal for home cleaning services, maid services, janitorial services, and housekeeping agencies, as well as maintenance companies and local cleaning businesses. Users can create dedicated service pages for various cleaning services, implement pricing tables, display customer testimonials, and integrate contact or booking forms to simplify the process for customers looking for office cleaning or commercial cleaning solutions. Additionally, the theme supports responsive design, offers gallery sections to highlight cleaning work, and allows for team or service area pages, making it a versatile tool for businesses aiming to present a professional service website. The Free Cleaning Service WordPress Theme is tailored for those needing a functional platform with crucial features like service listings, appointment forms, testimonials, image galleries, and contact information. It is suitable for residential cleaning services, commercial cleaning companies, laundry and laundromat services, and those offering ironing or other home services. With an SEO-friendly structure, mobile-responsive layout, and fast-loading pages, this theme helps cleaning businesses establish a strong online presence while effectively communicating their services, pricing, and vital information to customers.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 7.0
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);
}