@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 service, pet sitting, pet grooming, animal care, pet training, and pet adoption. With its minimal and sophisticated layout, it delivers a clean, user-friendly, and responsive design perfect for showcasing cat care, cat walking, cat exercise, and combined cat sitting and walking services. Built with 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, this theme offers customization options to match your brand’s style. The well-structured homepage includes an engaging banner, clear Call to Action (CTA) buttons, and a testimonial section to boost credibility, along with sections for team introductions, service highlights, and social media integration to expand visibility. Developed with optimized code and clean structure, it supports shortcodes, animated elements, and custom typography, creating a luxurious, professional presence. Fully translation-ready and suitable for global audiences, it’s ideal for those expanding into dog walking, pet daycare, or animal training services. Compatible with the Contact Form 7 plugin, it allows effortless communication with clients. The Cat Walking theme is a mobile-friendly, scalable, and visually captivating solution for building a professional pet care website that inspires trust and growth.
Version: 0.0.4
Tested up to: 6.8
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: 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
*/
 .bypostauthor{}
h1, h2, h3, h4, h5, h6{
    color: #434445;
}
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: #3C77B3;
}
@keyframes loading {
  0%,
  100% {
    background-color: #3C77B3;
  }
  50% {
    background-color: #3C77B3;
  }
}
.addtocart a:hover{
    background: #F09D17;
    border-color: #F09D17;
}
.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: #F09D17;
}
.navbar-brand a:hover{
    color: #3C77B3;
}
.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: #3C77B3;
}
#colophon a:hover, #colophon a:focus,.product-content h3 a:hover, .slider-inner-box h1 a:hover{
    color: #F09D17;
}
.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: #3C77B3 ;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus{
    color: #3C77B3 !important;
}
.site-navigation ul.primary-menu.theme-menu ul li a:hover, .site-navigation .primary-menu ul li a:focus{
    background: #F09D17 !important;
}
.social-link i.fab.fa-pinterest-p{
    background: #3C77B3;
}
.social-link i.fab.fa-linkedin-in {
    background: #F09D17;
}
#top-slider{
    padding-bottom: 0px !important;
}
.social-link i.fab.fa-twitter {
    background: #F5EBE3;
    color: #F09D17;
}
.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: #F09D17;
    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: #F09D17;
}
.social-link i:hover{
    background: #3C77B3 !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: #F09D17;
    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: #F09D17;
    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: #3C77B3 !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: #3C77B3;
}
.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: #3C77B3 ;
}
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;
    }
}