/*!
 Theme Name:   Home Care
 Theme URI:    https://walkerwp.com/home-care/
 Description:  This is the child theme for gridchamp, Home Care is the free WordPress theme for Home Services related websites like repair, maintenance, construction, electrician, furnishing, cleaning, plumbing, parketing, painting, flooring and many more. Home Care is the feature rich customizer which provides, cta blocks for single and multiple column, about us, banner and slider options, testimonials, latest post section for home page, and creating theme more powerful tools, it includes features, portfolios, teams, faqs, pricing tables, newsletter, brands logos for home page section and interior page as well as for require features.
 Author:       WalkerWP
 Author URI:   https://walkerwp.com/
 Template:     gridchamp
 Version:      1.0.2
 Tested up to: 5.7
 Requires PHP: 5.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, blog, news, two-columns, three-columns, footer-widgets
 Text Domain:  home-care

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

.gridchamp-top-header.walker-wraper{
    background: var(--primary-color);
}
.walker-wraper.service-wraper.service-layou-1:before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    opacity: 0.05;
}
.cta-box {
    position: relative;
    padding-top: 0;
}
.extra-cta-list .image-holder img {
    width: 100%;
    min-width: 100%;
    height: 330px;
    object-fit: cover;
    opacity: 0.2;
    transition: all ease 0.23s;
}
.extra-cta-list .cta-box {
    z-index: 2;
}
.walkerwp-grid-12.extra-cta-list {
    margin-top: -185px;
}
.extra-cta-list .image-holder {
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
    left: auto;
    top: auto;
    padding: 0;
    display: inline-block;
    line-height: 0;
    background: var(--primary-color);
    overflow: hidden;
}
.extra-cta-list .cta-box:hover .image-holder img {
    transform: scale(1.5);
    opacity: 0.47;
}
.extra-cta-list .cta-box:nth-child(2n+2 ) .image-holder {
    background: var(--secondary-color);
}
.extra-cta-list {
    grid-gap: 0;
    margin-top: 0;
}
.extra-cta-list .cta-box:hover .image-holder {
    top: 0;
    box-shadow: none;
    border: 0;
}

.banner-overlay, 
.slide-content{
    margin-top: -100px;
    padding: 0 20px;
}
.extra-cta-list .cta-box .cta-content {
    padding: 0 15px;
    margin-top: -15px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    color: #fff;
    text-align: left;
}
.extra-cta-list .cta-box .cta-content h3 {
    color: #fff;
    margin-bottom: -7px;
}
.walker-wraper.exta-cta-section .cta-box a.cta-more {
    position: absolute;
    left: 15px;
    bottom: 22px;
    color: var(--light-color);
}
.walker-wraper.service-wraper.service-layou-1 a.gridchamp-primary-button.details-service{
    margin: 0 20px 30px;
}
.walker-wraper.service-wraper.service-layou-1 p.service-description{
    padding:0 20px;
}
.walker-wraper.service-wraper.service-layou-1 h4.service-title {
    padding: 0 20px;
    margin: 0 0;
}
.walker-wraper.service-wraper.service-layou-1 .services-list .gridchamp-service-box {
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}
.gridchamp-primary-button, 
.gridchamp-secondary-button,
a.gridchamp-primary-button, 
a.gridchamp-secondary-button,
.pricing-table-section .walkerwp-pricing-table .package-footer a{
    box-shadow: 0 28px 15px -16px rgb(0 0 0 / 43%);
}
.gridchamp-primary-button:hover, 
.gridchamp-secondary-button:hover,
a.gridchamp-primary-button:hover, 
a.gridchamp-secondary-button:hover,
.pricing-table-section .walkerwp-pricing-table .package-footer a:hover{
    box-shadow: 0 18px 10px -16px rgb(0 0 0 / 30%);
}
.walker-wraper.service-wraper.service-layou-1  .gridchamp-service-box .service-thumbnail {
    height: 320px;
}
.features-layout-three .gridchamp-feature-box img {
    border-radius: 0;
}
@media(max-width:1024px){
    .walkerwp-grid-12.extra-cta-list {
        margin-top: 30px;
    }
}