/*
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, grooming services, dog walking, puppy training, dog sitter, dog spa, pet grooming, dog bath service, pet salon, dog kennel, dog hotel, dog shelter, dog adoption center, animal rescue organizations, pet care agencies, and animal clinics. Featuring a clean, minimal, and sophisticated layout, this theme offers a user-friendly and visually stunning interface ideal for showcasing dog grooming appointments, pet care blogs, vaccination updates, puppy daycare, and mobile pet services. Built using Bootstrap for responsive and retina-ready performance, it includes a powerful banner section, strategically placed Call to Action (CTA) buttons, and a sleek testimonial section to build trust and boost engagement. The integrated Team section allows you to present your grooming professionals with clarity and professionalism, while animated effects bring vibrancy to your site. With SEO-optimized code, faster load times, and clean architecture, it helps improve your visibility across search engines. Highly customizable, translation-ready, and equipped with shortcodes, this theme is ideal for a global audience and supports various pet-related services including cat grooming, vet clinics, pet boarding, and training centers. A perfect fit for any modern or luxury pet business, the theme ensures security, stability, and smooth performance. For enhanced functionality, it works seamlessly with the Contact Form 7 plugin, enabling pet owners to book grooming sessions or inquire with ease. With Dogcare Grooming, you create not just a website but a compelling and trustworthy digital experience that resonates with pet lovers everywhere.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.4
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%;
  }
}
/*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;
}