/*
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 versatile theme tailored for various pet care services, including pet salons, dog grooming services, pet shops, dog walking agencies, puppy training centers, pet spas, mobile grooming units, pet boarding facilities, dog kennels, animal shelters, dog hotels, and more. This theme also caters to veterinary clinics and pet hospitals, pet daycare providers, dog training schools, vaccination services, and organizations focused on animal rescue, as well as exotic pet groomers and pet nutrition consultants. With a clean, minimal aesthetic built on Bootstrap for responsive performance, it features a powerful banner section, strategic call-to-action buttons, a testimonial area for building trust, and a dedicated team section to showcase grooming professionals, all enhanced with animated elements for an engaging experience. Optimized for SEO and secure coding, it boasts fast loading speeds and smooth navigation to improve visibility and user satisfaction. Highly customizable and translation-ready, Dogcare Grooming allows for easy branding through adjustments in color, font, and layout. It also supports essential functionalities like Contact Form 7, WooCommerce, Booking Calendar, and Pet Manager for appointment scheduling and online payments, making it an ideal choice for modern pet businesses, including dog trainers, cat groomers, and veterinary services. This luxurious, mobile-friendly theme provides a reliable platform for connecting with pet owners and fostering long-lasting trust.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 2.6.2
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;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}
.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;
 }
}

/* 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;
  }
}