@charset "UTF-8";
/*
Theme Name: Cat Walking
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/pet-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Cat Walking theme is an elegant and versatile design tailored for cat enthusiasts, pet care professionals, and agencies that provide services such as cat walking, pet sitting, and grooming, as well as other animal care-related offerings. It efficiently addresses the needs of cat daycare centers, feline behavior consultants, and pet food advisors while ensuring a modern online presence for mobile pet grooming and veterinary services. With a clean, responsive layout built on Bootstrap, this theme effectively showcases cat care, exercise routines, and fitness services, while allowing flexible customization to fit any brand identity through adjustable layouts and typography. The homepage features an engaging banner, effective Call to Action buttons, and sections for testimonials, team introductions, and service highlights, all aimed at enhancing credibility and expanding visibility. Its optimized code supports shortcodes and animated elements for a professional touch, while built-in translation readiness and compatibility with Contact Form 7 facilitate seamless user interactions for inquiries and bookings. Overall, the Cat Walking theme offers a scalable and visually appealing solution for anyone looking to create a reliable and growth-focused pet store or pet shop website.
Version: 0.1.7
Tested up to: 7.0
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;
    }
}