@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 sites, cat care service websites, pet service landing pages, cat trainer websites, feline wellness brands, pet care business portfolios, cat sitting and walking platforms, cat walking appointment schedulers, and pet-friendly service marketplaces 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, and being built on Bootstrap ensures faster loading, secure performance, and a retina-ready appearance across all devices, while flexible customization options allow users to match their brand identity effortlessly through adjustable layouts, colors, and typography; the well-structured homepage includes an engaging banner, impactful Call to Action (CTA) buttons, a testimonial section to boost credibility, and dedicated areas for team introductions, service highlights, pricing tables, and social media integration to expand visibility, while optimized code and a clean structure support shortcodes, animated elements, and custom styling for a luxurious and professional feel, and with translation-ready functionality and smooth compatibility with Contact Form 7 for inquiries, booking forms, and service requests, the Cat Walking theme provides a scalable, mobile-friendly, and visually captivating solution for building a trustworthy and growth-oriented pet care website.
Version: 0.1.2
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;
    }
}