@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 is a modern, elegant, and multipurpose WordPress theme designed for cat lovers, pet care professionals, and agencies offering Cat Walking Service. With its minimal and sophisticated design, this theme provides a clean and user-friendly layout perfect for showcasing Cat Care Walking, Cat Exercise Walking, and even combined Cat Sitting and Walking services. Built with responsive and retina-ready design, it ensures your website looks stunning across all devices. Whether you’re an independent Cat Walker or running a Cat Walking Agency, the theme offers rich personalization options to suit your brand. A beautifully crafted homepage includes an engaging banner, interactive call to action buttons (CTA), and a dedicated testimonial section to boost credibility. The theme is agency-friendly with sections for team introductions, service highlights, and smooth social media integration for wider reach. Developed with optimized codes, secure and clean code, and Bootstrap framework, it guarantees faster page load time and enhanced performance. Customization is effortless with built-in shortcodes, flexible personalization options, and translation-ready features, making it suitable for global audiences. The design is modern yet luxurious, enhanced with animated elements and clean typography that highlight professionalism in every detail. Whether you want to promote professional cat walking or expand into other pet walking services, this theme gives you complete control with customization options, beautiful layouts, and a secure foundation. Its developer-friendly structure ensures easy scalability, while its interactive features create a stunning online presence. The Cat Walking Theme is more than just a template, it’s a responsive, mobile-friendly, and stylish solution for anyone who wants to grow a trusted and successful pet care brand.
Version: 0.0.1
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;
    }
}