/*
Theme Name: Dogcare Grooming
Theme URI: https://www.titanthemes.net/products/dogcare-grooming
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Dogcare Grooming is a professional, elegant, and multipurpose theme designed for pet salons, dog grooming services, pet grooming shops, dog walking agencies, puppy training centers, pet spas, mobile pet grooming, pet boarding, dog kennels, animal shelters, dog hotels, dog adoption centers, veterinary clinics, pet hospitals, pet daycare, pet care agencies, dog training schools, vaccination services, pet care blogs, and animal rescue organizations, offering a clean, minimal, and visually appealing layout with a user-friendly interface. Built using Bootstrap for responsive and retina-ready performance, it ensures your site looks flawless on all devices. The theme includes a powerful banner section, call-to-action (CTA) buttons, a testimonial area to build trust, and a dedicated team section to highlight grooming professionals. Animated sections and interactive elements add a lively and engaging touch. With SEO-optimized and secure coding, fast loading speed, and smooth navigation, it enhances search visibility and user experience. Highly customizable and translation-ready, Dogcare Grooming allows easy branding through color, font, and layout adjustments. It supports popular plugins like Contact Form 7, WooCommerce, Booking Calendar, and Pet Manager to enable appointment scheduling, service bookings, online payments, and product sales for pet accessories or grooming kits. Designed to cater to modern pet businesses, this theme is ideal for dog trainers, cat groomers, vet clinics, and pet adoption services seeking a strong digital presence. Combining luxury aesthetics with practical functionality, Dogcare Grooming provides a reliable, mobile-friendly, and feature-rich platform for creating a professional website that connects with pet owners and builds lasting trust.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: dogcare-grooming
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, food-and-drink, portfolio, blog
*/

.slider-button a:hover,.theme-btn a:hover,.header-button a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-box-single{
  position: relative;
}
.slider-main-box{
  position: relative;
}
.post-date span.dashicons{
  color: #ffffff;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
}
.menu-box nav ul li ul.wp-block-navigation-submenu li a:hover:after{
  display: none;
}
.service-btn:hover{
  background-color: var(--wp--preset--color--tertiary) !important;
}
.service-box-single .wp-block-buttons a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-inner-box img,.service-inner-box figure{
  width: 100% !important;
}
.service-inner-box h4 a{
  text-decoration: none !important;
}

button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 0px !important;
  align-items: center;
}
.banner-img-1 img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.banner-img-3 img{
  width: 100%;
  height: 400px;
}
.banner-img-2 img{
  width: 100%;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -12px;
}
.our-projects .owl-stage{
  padding-left: 0px !important;
}
form.wp-block-search__button-only.wp-block-search__searchfield-hidden.wp-block-search__icon-button.wp-block-search svg{
  border-left: 1px solid var(--wp--preset--color--contrast);
  position: relative;
  padding-left: 20px !important
}
.slider-right{
  position: relative;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  background: transparent !important;
}
.slider-next{
  justify-content: right !important;
  text-align: right !important;
  display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
  text-align: center;
  width: 142px;
  height: 142px;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px;
  border: none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center !important;
  align-items: center;
  cursor: pointer;
}
.slider-content-box {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}

.slider-right{
  text-align: right;
}
.slider-right .owl-stage-outer{
  margin-left: 0px !important;
}
.slider-right{
  position: relative;
  width: 100%;
}
.slide-item img {
  width: 400px !important;
  height: 530px;
  margin: 0 auto;
}

.team-content-box {
  left: 0px;
  position: absolute;
  bottom: 24%;
  left: -32%;
  text-align: center;
  margin: 0 auto;
  width: 55%;
  padding: 17px 10px;
}
.wp-block-image.small-img img {
  vertical-align: middle;
}
.service-btn {
  width: 40px;
  height: 40px;
  text-align: left;
  margin-left: 0px !important;
}
.team-single-box{
  position: relative;
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}
.home .main-header-box{
  position: absolute;
  left: 0px;
  background: transparent !important;
  width: 100%;
  z-index: 1;
}
.our-projects .owl-nav,.our-services .owl-nav {
  display: block !important;
  position: absolute;
  top: -27%;
  text-align: right;
  width: 100%;
}
.our-projects .owl-carousel .owl-nav .owl-prev,.our-services .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover span, .our-projects .owl-carousel .owl-nav .owl-next:hover span,
.our-services .owl-carousel .owl-nav .owl-prev:hover span, .our-services .owl-carousel .owl-nav .owl-next:hover span{
  color: #ffffff;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover, .our-projects .owl-carousel .owl-nav .owl-next:hover,
.our-services .owl-carousel .owl-nav .owl-prev:hover, .our-services .owl-carousel .owl-nav .owl-next:hover {
    background: var(--wp--preset--color--primary) !important;
}
.our-projects .owl-carousel .owl-nav .owl-prev, .our-projects .owl-carousel .owl-nav .owl-next,
.our-services .owl-carousel .owl-nav .owl-prev, .our-services .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: #000000;
  border: 0px;
  border-radius: 30px;
}
.our-projects .owl-carousel .owl-nav .owl-prev,
.our-services .owl-carousel .owl-nav .owl-prev {
  border-right: 2px solid #FFFFFF12;
}
.our-projects .owl-carousel .owl-nav .owl-prev span, .our-projects .owl-carousel .owl-nav .owl-next span,
.our-services .owl-carousel .owl-nav .owl-prev span, .our-services .owl-carousel .owl-nav .owl-next span  {
  color: #ffffff;
  font-size: 22px;
  padding: 4px 8px;
}
.banner-image-wrap {
  position: relative;
}
.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
.service-inner-box{
  position: relative;
}
.service-content-box{
  position: absolute;
  bottom: 0px;
  text-align: left;
  width: 100%;
}
.our-blog .place-image, .our-blog .place-image img {
  width: 100% !important;
  object-fit: cover;
  vertical-align: bottom;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
.sale-button {
  position: absolute;
  left: 0px;
  top: 1%;
  padding: 4px 10px !important;
}
.menu-box nav ul li a{
  position: relative;
}
.menu-box nav ul li a:hover:after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: -18px;
  position: absolute;
  left: 0px;
  background: var(--wp--preset--color--primary) !important;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  color: #000000 !important;
}
.social-icon-box .wp-block-social-links{
  justify-content: flex-end !important;
}
.social-icon-box .wp-social-link svg{
  font-size: 18px;
  fill: #FAA820 !important;
}
.social-icon-box .wp-social-link a:hover{
  background: var(--wp--preset--color--primary) !important;
}
.social-icon-box .wp-social-link a:hover svg{
  fill: #ffffff !important;
}
.social-icon-box .wp-social-link a {
  background: #ffffff !important;
  border-radius: 30px;
  padding: 5px !important;
}
.menu-box nav ul li a{
  text-decoration: none;
}

.header-box-middle,.menu-box{
  position: relative;
}
footer.wp-block-template-part .photolancer-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.head-menu-box{
  border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
  border-bottom: 0;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: Figtree;
  font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
  display: flex;
  flex-direction: row-reverse;
}
.head-menu-box ul li a:hover {
  background: #0E2646;
  padding: 10px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 0px;
    margin: 10px 0px;
  }
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .award-box {
    position: relative;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
  .banner-img-1 img{
    height: 300px;
  }
  .our-projects .owl-nav, .our-services .owl-nav{
    display: none !important;
  }
  .project-heading{
    text-align: center;
  }
  .service-content-box h4,.service-content-box{
    text-align: left !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .our-services h3{
    text-align: center !important;
  }
  .our-services .owl-nav{
    margin-top: 20px;
  }
  .slider-content-box{
    position: relative;
    transform: none;
    left: 0px;
    right: 0px;
    width: 95%;
    margin: 0 auto;
    padding-top: 30px !important;
  }
  .slider-main-box {
    min-height: 1400px !important;
  }
  .meta-search,.banner-short{
    justify-content: center !important;
  }
  .owl-dots {
    left: 0px;
    width: 90%;
  }
  .our-project h3{
    text-align: center !important;
  }
  .our-projects .owl-nav, .our-services .owl-nav {
    position: relative;
    top: 0px;
    text-align: center;
  }
  .slide-item .animations-hidden-item {
    transform: translateY(-50%) !important;
    transition: all 1s;
  }
  .place-image img{
    width: 100% !important;
    object-fit: cover !important;
  }
  .home .main-header-box{
    position: relative;
    background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%)  !important;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .team-content-box {
    left: 0px;
  }
  .count-box{
    display: none;
  }
  .short-heading-banner,.banner-heading,.slider-text{
    text-align: center !important;
  }
  .slider-button{
    justify-content: center !important;
  }
  .tour-box {
    max-width: 90% !important;
  }
  .place-image img,.tour-box img{
    object-fit: cover
  }
  .about-btn {
    justify-content: center;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .header-box-upper{
    position: relative;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .team-content-box {
    width: 70%;
  }
  .our-projects .owl-nav{
    margin-top: 30px !important;
  }
  .slider-content-box .banner-left{
    flex-basis: 50% !important;
  }
  .about-box,.blog-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
    width: 100%;
  }
  .about-box .about-left{
    width: 100% !important;
  }
  .project-heading {
    text-align: center;
  }
  .banner-img-3 img{
    height: 300px !important;
  }
  .banner-right-image {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .slider-content-box .slider-right .right-image1{
    flex-basis: 50% !important;
  }
  .slider-content-box .slider-right .right-image2{
    flex-basis: 50% !important;
  }
  .slider-main-box{
    min-height: 900px !important;
  }
  .owl-dots {
    left: 0px;
    width: 68%;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .tour-box{
    max-width: 95% !important;
    gap:10px;
  }
  .banner-left,.slider-right{
    flex-basis: 50% !important;
  }
/*  .banner-img-3 img{
    object-fit: cover;
  }*/
  .team-content-box {
    width: 100% !important;
  }
  .blog-box{
    max-width: 95% !important;
  }
  
  .review-meta,.blog-meta{
    gap:10px;
  }
  .review-meta h6{
    font-size: 10px !important;
  }
  #service-content-single h2 {
    font-size: 14px !important;
  }
  .owl-dots {
    position: relative;
    width: 65%;
  }
  .menu-box ul {
    gap:8px;
  }
  .menu-box ul li a {
    font-size: 12px !important;
  }
  .menu-box nav ul li a {
    padding: 0px 8px;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .banner-heading {
    font-size: 25px !important;
  }
  .about-box,.project-heading h6,.project-heading h3,.services-owl-box,.project-heading p,.project-heading figure{
    max-width: 95% !important;
  }
  .about-box{
    gap:10px !important;
  }
  .about-left p{
    font-size: 12px !important;
  }
  .service-inner-box h4 {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .our-projects .owl-nav {
    top: -39%;
  }
  .slider-content-box .banner-left,.slider-content-box .slider-right{
    flex-basis: 50% !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .our-projects .owl-nav {
    top: -46%;
  }
  .team-content-box {
    width: 70%;
  }
  .owl-dots {
    position: relative;
    width: 50%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.banner-img-1 img,.banner-img-3 img{
  height: 300px !important;
  }
  .team-content-box{
    left: -50px !important;
  }
 .slider-main-box{
  min-height: 700px !important;
 }
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}