@charset "UTF-8";
/*
Theme Name: Cat Walking
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/cat-walking
Author URI: https://www.themagnifico.net/
Description: The Cat Walking theme is a modern, elegant, and multipurpose design crafted for cat lovers, pet care professionals, and agencies offering cat walking services, pet sitting, pet grooming, animal care, pet training, and pet adoption, while also catering to cat daycare centers, feline behavior consultants, kitten boarding services, mobile pet grooming units, exotic pet care providers, cat nutrition advisors, veterinary teleconsultation services, pet taxi services, senior cat care specialists, multi-pet household care services, cat walking booking site, cat care service website, pet service landing page, cat trainer website, feline wellness brand, pet care business portfolio, cat sitting and walking platform, cat walking appointment scheduler, and pet-friendly service marketplace seeking a polished online platform. With its minimal and sophisticated layout, it delivers a clean, user-friendly, and responsive design perfect for showcasing cat care, cat walking, cat exercise routines, pet fitness services, and combined cat sitting solutions. Built on Bootstrap, it ensures faster loading, secure performance, and a retina-ready appearance across all devices. Whether you’re an independent cat walker, running a pet care business, or managing a cat walking agency, the theme offers flexible customization options to match your brand’s style. The well-structured homepage includes an engaging banner, impactful Call to Action (CTA) buttons, and a testimonial section to boost credibility, along with dedicated areas for team introductions, service highlights, pricing tables, and social media integration to expand visibility. Developed with optimized code and a clean structure, it supports shortcodes, animated elements, and custom typography, giving your site a luxurious, professional feel. Fully translation-ready and suitable for global audiences, it’s ideal for those expanding into dog walking, pet daycare, or animal training services, and smooth compatibility with the Contact Form 7 plugin ensures easy client inquiries, booking forms, service requests, and lead capture. The Cat Walking theme is a mobile-friendly, scalable, and visually captivating solution for building a trustworthy and growth-oriented pet care website.
Version: 0.0.8
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: pet-care-zone
Text Domain: cat-walking
Tags: three-columns, four-columns, translation-ready, custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, post-formats, blog, portfolio, e-commerce

Cat Walking WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2025.
Cat Walking WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #3C77B3;
  --second-color: #F09D17;
}
.alignwide {
    margin-left: 0px;
    margin-right: 0px; 
}
 .bypostauthor{}
h1, h2, h3, h4, h5, h6{
    color: #434445;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.wc-block-cart__submit-container,button.button-offcanvas-close,span.navbar-control-trigger i,#top-slider .owl-nav i,.site-navigation .primary-menu ul,#colophon, .top-info, span.cart-value, .product-search button, .all-categories, .load hr, .sidebar input[type="submit"],.sidebar button[type="submit"], a.btn-text, span.onsale, .pro-button a, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce .woocommerce-ordering select, .woocommerce-account .woocommerce-MyAccount-navigation ul li,.main-navigation .sub-menu>li>a:before, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover, .comment-respond input#submit, .not-found-pagetext input.search-submit.btn.btn-primary, .sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading, .sidebar .tagcloud a:hover, p.wp-block-tag-cloud a:hover, #button, .sidenav .closebtn  {
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    border: 0px;
    box-shadow: none;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.wc-block-cart__submit-container a{
    color: #ffffff;
}
@keyframes loading {
  0%,
  100% {
    background-color: var(--first-color);
  }
  50% {
    background-color: var(--first-color);
  }
}
.addtocart a:hover{
    background: var(--second-color);
    border-color: var(--second-color);
}
.slider-bg {
    width: 100%;
    position: relative;
    object-fit: cover;
    height: 600px;
    background-size: 100%;
}.sidebar h5 a, .sidebar .widget h2.wp-block-heading a{
    text-decoration: underline;
}
.sidebar a,.footer-widgets a{
    text-decoration: underline;
}
.navbar-brand a{
    color: var(--second-color);
}
.navbar-brand a:hover{
    color: var(--first-color);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale{
    color: #ffffff;
}
.site-navigation .primary-menu > li a{
    color: #000000;
    font-weight: 400;
}
.social-link i.fas.fa-shopping-cart {
    background: #D9D9D9;
    color: var(--first-color);
}
#colophon a:hover, #colophon a:focus,.product-content h3 a:hover, .slider-inner-box h1 a:hover{
    color: var(--second-color);
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus,a, .top-info .social-link a i:hover, .top-info p.location i, .top-header p, .phone-icon i, .last_slide_head, .ser-content .social-link a, .featured h6.team-designation, .article-box a, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .main-navigation .menu > li > a:hover, .post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .widget a:hover, .widget a:focus, .sidebar ul li a:hover {
    color: var(--first-color); ;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus{
    color: var(--first-color); !important;
}
.site-navigation ul.primary-menu.theme-menu ul li a:hover, .site-navigation .primary-menu ul li a:focus{
    background: var(--second-color);!important;
}
.social-link i.fab.fa-pinterest-p{
    background: var(--first-color);
}
.social-link i.fab.fa-linkedin-in {
    background: var(--second-color);
}
#top-slider{
    padding-bottom: 0px !important;
}
.social-link i.fab.fa-twitter {
    background: #F5EBE3;
    color: var(--second-color);
}
.about-us-image {
    display: flex;
    justify-content: center;
    align-items: end;
}
.about-us-content h4{
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;
}
section#pet-about-us {
    margin-top: -76px;
    background-size: 100%;
}
.about-us-content p{
    font-size: 15px;
    color: #F5EBE3;
    font-weight: 400;
}
.about-btn a {
    background: var(--second-color);
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.product-image img{
    width: 100%;
    height: 400px !important;
    object-fit: cover;
}
.about-us-content h5{
    font-size: 30px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}
img.about-image-1 {
    width: 200px;
    height: 200px;
    border: 5px solid #ffffff;
    border-radius: 30px;
    transform: rotate(350deg);
    object-fit: cover;
}
img.about-image-2 {
    width: 300px;
    height: 280px;
    border: 5px solid #ffffff;
    border-radius: 30px;
    transform: rotate(4deg);
    left: -28px;
    position: relative;
    object-fit: cover;
}
img.about-image-3 {
    width: 180px;
    position: relative;
    height: 180px;
    object-fit: cover;
    top: -62%;
    left: -77px;
    border: 5px solid #ffffff;
    border-radius: 30px;
    transform: rotate(350deg);
}
.top-info p:hover a,.top-info p:hover i{
    color: var(--second-color);
}
.social-link i:hover{
    background: var(--first-color); !important;
    color: #fff !important;
}
.social-link {
    display: flex;
    gap: 11px;
    justify-content: flex-end;
    align-items: center;
}
.social-link i.fab.fa-instagram {
    background: #C0DFFF;
}
.slider-inner-main {
    left: 0px;
    right: 0px;
    position: relative;
    width: 38%;
    margin: 0 auto;
}
.slider-bg{
    position: relative;
    width: 100%;
    -webkit-mask-image: url('assets/img/slider-design.png');
    mask-image: url('assets/img/slider-design.png');
    -webkit-mask-position: center center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 500px;
    object-fit: cover;
}
.slide-btn {
    position: absolute;
    width: 145px;
    -webkit-mask-image: url(assets/img/button-vector.png);
    mask-image: url(assets/img/button-vector.png);
    -webkit-mask-position: center center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    height: 117px;
    object-fit: cover;
    background: var(--second-color);
    bottom: 15px;
    z-index: 16;
    left: 42%;
}
.slider-box-main{
    position: relative;
}
.slide-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 83%;
    margin: 0 auto;
    font-family: Pacifico;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    color: #fff;
}
.slider-inner-main h1 a{
    color: #ffffff;
}
.slider-inner-main h6{
    font-size: 24px;
    font-weight: 300;
    font-family: "Ubuntu", sans-serif;
    color: #434445;
}
.slider-inner-main {
    color: #434445;
}
.topbtn a{
    background: var(--second-color);
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 18px;
}
.top-info p a{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
}
.postcat-name {
    color: var(--first-color); !important;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
    background-color: transparent;
}
.woocommerce-message,
.woocommerce-info{
  border-top-color: var(--first-color);
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hove, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover,  {
    border-color: var(--first-color); ;
}
a.btn-text {
    color: #fff;
}
.meta-info-box span, .meta-info-box a {
    color: #000;
}
.slider-inner-box {
    right: 50%;
}
.slider-inner-box h2 {
    max-width: 60%;
}
.slider-inner-box{
    position: relative;
}
.slider-box-main img{
    width: 500px !important;
    object-fit: cover;
    height: 500px;
}
#top-slider{
    position: relative;
}
.slider-main-box {
    position: absolute;
    width: 100%;
    bottom: 20px;
}
.slider-inner-box p, .top-info .social-link a i:hover {
    color: #000;
}
#top-slider .box-btn-1 a:hover, a.btn-text:hover, #top-slider .box-btn-4 a:hover {
    background-color: #000;
    color: #fff;
}
#top-slider .box-btn-2 a:hover {
    background-color: #fff;
    color: #000;
}
#top-slider .owl-dot {
    background-color: rgb(0 0 0 / 20%);
}
.sidenav .closebtn, .admin-bar .sidenav .closebtn {
    padding: 7px;
    top: 15px;
}
.main-header {
    padding: 10px 0;
}
.site-info {
    text-align: center;
}
.sidebar h5 a, .sidebar .widget h2.wp-block-heading a {
    color: #fff;
}
body {
    background-color: #fff;
    color: #000;
    font-family: "Ubuntu", sans-serif;
}

@media screen and (max-width: 575px) {
    .social-link{
        justify-content: center;
    }
    .slide-btn{
        display: none;
    }
    .about-us-content{
        text-align: center;
    }
    section#pet-about-us {
        margin-top: -95px;
    }
    img.about-image-2 {
        width: 250px;
        height: 260px;
        left: 0px;
        margin-top: 30px;
    }
    img.about-image-3 {
        top: 0px;
        margin-top: 29px;
        left: 0px;
    }
    #top-slider .owl-nav{
        display: none;
    }
    .slider-main-box {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .slider-inner-main{
        width: 95%;
    }
    .slider-box-main img{
        width: 100%;
        height: 200px !important
    }
    .slider-bg{
        height: 600px !important;
    }
    .top-info{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .about-us-image{
        display: grid;
        text-align: center;
    }
    .slider-inner-box {
        left: 8%;
        right: 8%;
        text-align: center;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .top-info p a {
        font-size: 11px;
    }
    .navbar-brand h1.site-title, p.site-title {
        font-size: 25px;
        text-align: left;
    }
    .about-us-content{
        text-align: center;
    }
    img.about-image-2 {
        width: 200px;
        height: 230px;
    }
    img.about-image-1,img.about-image-3{
        width: 150px;
        height: 150px;
    }
    .slider-inner-main{
        width: 90%;
    }
    .slider-box-main img{
        height: 250px;
    }
    #top-slider .owl-nav {
        display: none; 
    }
    .social-link i {
        padding: 7px 0;
        width: 30px;
        height: 30px;
    }
    .top-info p{
        padding-bottom: 0px !important
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .slider-inner-main{
        width: 78%;
    }
    #top-slider .owl-nav {
        display: none;
    }
    img.about-image-2{
        width: 150px;
        height: 150px;
    }
    .about-us-image{
        justify-content: unset;
    }
    img.about-image-3 {
        top: -46%;
    }
    .about-us-content h4 {
        font-size: 35px;
    }
    img.about-image-3,img.about-image-1{
        width: 130px;
        height: 130px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .slider-inner-main {
        width: 65% !important;
    }
    .top-info p a {
        font-size: 13px;
    }
    img.about-image-1,img.about-image-3{
        width: 150px;
        height: 150px;
    }
    img.about-image-2{
        width: 200px;
        height: 200px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1440px){
    img.about-image-1,img.about-image-3{
        width: 150px;
        height: 150px;
    }
    .slider-inner-main {
        width: 50% !important;
    }
    img.about-image-2{
        width: 200px;
        height: 200px;
    }
}